:root{--bg:#fff8f0;--ink:#1d1640;--muted:#5d587a;--pink:#ff2e88;--orange:#ff8a00;--yellow:#ffc928;--purple:#7b2ff7;--teal:#00c2a8;--sky:#2fa8ff;--card:#ffffff;--line:#f0e4d8;--ok:#0aa86a;--err:#e5374b;--grad:linear-gradient(90deg,#ff2e88,#ff8a00);--grad2:linear-gradient(135deg,#7b2ff7,#ff2e88 55%,#ff8a00)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',Arial,sans-serif;color:var(--ink);line-height:1.6;background:var(--bg);background-image:radial-gradient(circle at 8% 12%,rgba(255,46,136,.10) 0,transparent 32%),radial-gradient(circle at 92% 8%,rgba(255,201,40,.18) 0,transparent 30%),radial-gradient(circle at 85% 70%,rgba(123,47,247,.08) 0,transparent 35%),radial-gradient(circle at 10% 85%,rgba(0,194,168,.10) 0,transparent 32%);background-attachment:fixed}
a{color:var(--pink)}
img,video{max-width:100%;display:block}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);box-shadow:0 2px 18px rgba(29,22,64,.08)}
header::after{content:"";display:block;height:4px;background:linear-gradient(90deg,#7b2ff7,#ff2e88,#ff8a00,#ffc928,#00c2a8)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;max-width:1140px;margin:0 auto;flex-wrap:wrap}
.logo{font-weight:800;font-size:24px;text-decoration:none;background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo span{color:transparent}
.nav ul{display:flex;gap:20px;list-style:none;flex-wrap:wrap;align-items:center}
.nav ul a{color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
.nav ul a:hover,.nav ul a.on{color:var(--pink)}
.btn{display:inline-block;background:var(--grad);color:#fff!important;font-weight:800;padding:15px 30px;border-radius:50px;text-decoration:none;border:0;cursor:pointer;font-size:17px;font-family:inherit;box-shadow:0 8px 22px rgba(255,46,136,.35);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,46,136,.45)}
.btn.small{padding:9px 20px;font-size:14px}
.btn.ghost{background:#fff;color:var(--pink)!important;border:2px solid var(--pink);box-shadow:none}
section{padding:60px 0}
h1{font-size:clamp(34px,5.2vw,58px);line-height:1.12;font-weight:800}
main > section:first-child h1,.grad-text{background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(27px,3.6vw,40px);font-weight:800;margin-bottom:12px}
h3{font-size:20px;font-weight:800;margin-bottom:8px}
.lead{font-size:19px;color:var(--muted);margin:16px 0 28px}
.gold{color:var(--yellow)}
.herobg{position:relative;background:url('https://static.wixstatic.com/media/87c3e2_8f8dc97c45de4ee2a3060480be6df119~mv2.png') center/cover no-repeat;color:#fff;overflow:hidden}
.herobg::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(60,10,120,.82),rgba(255,46,136,.55) 60%,rgba(255,138,0,.45))}
.herobg .wrap{position:relative}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:60px 0}
.herobg h1{color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.25)}
.herobg .lead{color:#fff;opacity:.95}
.herobg .btn.ghost{background:rgba(255,255,255,.15);color:#fff!important;border-color:#fff}
.hl{background:linear-gradient(90deg,#ffc928,#ff8a00);-webkit-background-clip:text;background-clip:text;color:transparent}
.notes span{position:absolute;font-size:34px;color:rgba(255,255,255,.55);animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-22px) rotate(8deg)}}
.phone{border-radius:30px;overflow:hidden;border:8px solid #fff;box-shadow:0 24px 60px rgba(29,22,64,.35);max-width:330px;margin:0 auto;background:#000;transform:rotate(2deg)}
.phone video{width:100%;aspect-ratio:9/16;object-fit:cover}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.badges span{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);border-radius:30px;padding:6px 14px;font-weight:700;font-size:14px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 10px 30px rgba(29,22,64,.07)}
.steps .card{border-top:6px solid var(--pink)}
.steps .card:nth-child(2){border-top-color:var(--orange)}
.steps .card:nth-child(3){border-top-color:var(--teal)}
.num{display:inline-flex;width:46px;height:46px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;font-size:20px;align-items:center;justify-content:center;margin-bottom:12px}
.steps .card:nth-child(2) .num{background:linear-gradient(135deg,#ff8a00,#ffc928)}
.steps .card:nth-child(3) .num{background:linear-gradient(135deg,#00c2a8,#2fa8ff)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.vid{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(29,22,64,.10)}
.vid video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}
.cap{padding:12px 14px;font-weight:800}
.cap small{display:block;color:var(--muted);font-weight:600}
audio{width:100%;margin-top:12px}
.tag{display:inline-block;background:var(--grad);color:#fff;font-size:12px;font-weight:800;border-radius:20px;padding:4px 12px;margin-bottom:10px;letter-spacing:.3px}
.grid2 .card:nth-child(2) .tag{background:linear-gradient(90deg,#00c2a8,#2fa8ff)}
.grid2 .card:nth-child(3) .tag{background:linear-gradient(90deg,#7b2ff7,#ff2e88)}
.grid2 .card:nth-child(4) .tag{background:linear-gradient(90deg,#0aa86a,#ffc928)}
.occ{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.occ span{background:#fff;border:2px solid var(--line);border-radius:30px;padding:8px 16px;font-weight:700}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.tile{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1/1;box-shadow:0 12px 30px rgba(29,22,64,.15);text-decoration:none}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.tile:hover img{transform:scale(1.06)}
.tile span{position:absolute;left:14px;bottom:14px;background:#fff;color:var(--ink);font-weight:800;padding:8px 16px;border-radius:30px;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.price{font-size:42px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.price small{font-size:16px;color:var(--muted);-webkit-text-fill-color:var(--muted)}
.card ul{margin:14px 0 22px 18px;color:var(--muted)}
.card ul li{margin:6px 0}
.featured{border:3px solid var(--pink);position:relative;transform:translateY(-8px)}
.featured .tag{position:absolute;top:-14px;left:24px}
.cta{text-align:center;background:var(--grad2);color:#fff;border-radius:28px;padding:54px 24px;box-shadow:0 20px 50px rgba(123,47,247,.3)}
.cta h2{color:#fff}
.cta .lead{color:#fff;opacity:.92}
.cta .btn{background:#fff;color:var(--pink)!important;box-shadow:0 10px 26px rgba(0,0,0,.2)}
details{background:#fff;border:1px solid var(--line);border-left:6px solid var(--orange);border-radius:14px;padding:16px 20px;margin-bottom:12px;box-shadow:0 6px 18px rgba(29,22,64,.05)}
details:nth-of-type(2n){border-left-color:var(--pink)}
details:nth-of-type(3n){border-left-color:var(--teal)}
summary{font-weight:800;cursor:pointer;font-size:17px}
details p{color:var(--muted);margin-top:10px}
form.wixform{display:grid;gap:18px}
.f label{display:block;font-weight:800;margin-bottom:6px}
.f label .req{color:var(--pink)}
.f input,.f select,.f textarea{width:100%;padding:13px 14px;border-radius:12px;border:2px solid var(--line);background:#fffdfa;color:var(--ink);font:inherit;font-size:16px}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 4px rgba(255,46,136,.12)}
.f textarea{min-height:120px;resize:vertical}
.f .hint{color:var(--muted);font-size:13px;margin-top:4px}
.f .msg{color:var(--err);font-size:14px;margin-top:4px;display:none;font-weight:600}
.f.bad input,.f.bad select,.f.bad textarea{border-color:var(--err)}
.f.bad .msg{display:block}
.radios label{display:flex;gap:10px;align-items:center;font-weight:700;background:#fffdfa;border:2px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer}
.radios label:has(input:checked){border-color:var(--pink);background:#fff0f7}
.radios input{width:auto;accent-color:#ff2e88}
.formbox{background:#fff;border:1px solid var(--line);border-top:6px solid var(--pink);border-radius:22px;padding:30px;box-shadow:0 16px 40px rgba(29,22,64,.08)}
.done{display:none;text-align:center;padding:30px 10px}
.done h3{color:var(--ok);font-size:28px}
.formerr{display:none;color:var(--err);font-weight:700}
footer{background:#1d1640;color:#d9d4f5;padding:34px 0;font-size:14px;text-align:center;margin-top:30px}
footer a{color:#ffc928}
@media(max-width:860px){.hero,.grid2{grid-template-columns:1fr}.steps,.grid3{grid-template-columns:1fr}.grid4,.tiles{grid-template-columns:1fr 1fr}.nav ul{gap:12px}section{padding:44px 0}.featured{transform:none}.phone{transform:none}}
@media(max-width:480px){.grid4{grid-template-columns:1fr}}