:root{--ink:#1a1240;--bg:#f6f4ff;--w:#fff;--v:#6a3dff;--s:#ffb000;--m:#13c29b;--p:#ff3d81;--mut:#5e5a7d;--ln:rgba(26,18,64,.12)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font:400 17px/1.65 "DM Sans",system-ui,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}
h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;line-height:1.05;letter-spacing:-.02em}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.c{max-width:1180px;margin:0 auto;padding:0 22px}.sec{padding:100px 0}
h2{font-size:clamp(32px,5vw,58px);margin-bottom:18px}.lead{color:var(--mut);max-width:620px}
.btn{display:inline-block;background:var(--ink);color:#fff;font-weight:700;padding:16px 30px;border-radius:50px;border:0;cursor:pointer;transition:transform .2s,background .3s}
.btn:hover{background:var(--v)}.btn.alt{background:transparent;color:var(--ink);border:2px solid var(--ink)}.btn.alt:hover{background:var(--ink);color:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--v);outline-offset:3px}
#glow{position:fixed;width:380px;height:380px;border-radius:50%;background:radial-gradient(rgba(106,61,255,.22),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:0;left:-400px;top:-400px}
header{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:50;width:min(920px,calc(100% - 28px));background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid var(--ln);border-radius:60px;padding:10px 12px 10px 24px;display:flex;align-items:center;justify-content:space-between}
.logo{font:800 20px "Bricolage Grotesque";display:flex;align-items:center;gap:8px}.logo i{display:flex;gap:2px;align-items:center;height:20px}.logo i b{width:3px;background:var(--v);border-radius:3px;animation:eq 1s ease-in-out infinite}.logo i b:nth-child(2){animation-delay:.2s;background:var(--s)}.logo i b:nth-child(3){animation-delay:.4s;background:var(--m)}
nav{display:flex;gap:26px;font-weight:500;font-size:15px}nav a:hover{color:var(--v)}header .btn{padding:11px 22px;font-size:15px}
.hero{min-height:100vh;display:grid;align-items:center;padding:130px 0 70px;position:relative;overflow:hidden}
#wave{position:absolute;inset:auto 0 0 0;width:100%;height:30%;opacity:.8;z-index:0}
.hero .c{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;position:relative;z-index:1}
.chip{display:inline-flex;gap:8px;align-items:center;background:var(--w);border:1px solid var(--ln);border-radius:40px;padding:7px 16px;font-size:14px;font-weight:700;margin-bottom:22px}.chip:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--m);animation:pulse 1.6s infinite}
h1{font-size:clamp(38px,5.6vw,76px);margin-bottom:22px}h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom}h1 .w span{display:inline-block;transform:translateY(105%);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--v),var(--p),var(--s));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200%;animation:grad 5s linear infinite}
.hero p.lead{margin-bottom:32px;font-size:19px}.hero .btns{display:flex;gap:14px;flex-wrap:wrap}
.orb{position:relative;aspect-ratio:1;display:grid;place-items:center}.orb img{width:78%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:8px solid var(--w);box-shadow:0 30px 70px rgba(106,61,255,.3);animation:bob 6s ease-in-out infinite}
.orb u{position:absolute;inset:6%;border:2px solid var(--v);border-radius:50%;opacity:0;animation:ring 4s ease-out infinite}.orb u:nth-of-type(2){animation-delay:1.3s;border-color:var(--p)}.orb u:nth-of-type(3){animation-delay:2.6s;border-color:var(--s)}
.fl{position:absolute;background:var(--w);border-radius:16px;padding:12px 16px;font:700 14px "DM Sans";box-shadow:0 14px 34px rgba(26,18,64,.14);animation:bob 5s ease-in-out infinite}.fl small{display:block;color:var(--mut);font-weight:400}
.mq{background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;padding:20px 0}.mq div{display:inline-block;animation:scroll 30s linear infinite;font:700 26px "Bricolage Grotesque"}.mq span{margin:0 28px}.mq span:nth-child(even){color:var(--s)}
.rv{opacity:0;transform:translateY(40px);transition:opacity .9s,transform .9s}.rv.in{opacity:1;transform:none}
.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.photo{position:relative}.photo img{width:100%;height:560px;object-fit:cover;object-position:50% 15%;border-radius:200px 200px 24px 24px}.photo .badge{position:absolute;right:-18px;bottom:30px;background:var(--s);border-radius:20px;padding:18px 22px;font:800 26px "Bricolage Grotesque";transform:rotate(-6deg)}.badge small{display:block;font:500 13px "DM Sans"}
.pts{display:grid;gap:12px;margin-top:26px}.pts div{display:flex;gap:14px;background:var(--w);padding:16px 20px;border-radius:16px;transition:transform .3s}.pts div:hover{transform:translateX(10px)}.pts b{color:var(--v)}
.tracks{margin-top:44px;border-top:1px solid var(--ln)}
.tr{display:grid;grid-template-columns:60px 1fr 1.3fr 150px;gap:20px;align-items:center;padding:28px 10px;border-bottom:1px solid var(--ln);transition:background .3s,padding .3s;position:relative}
.tr:hover{background:var(--w);padding-left:24px}.tr small{color:var(--mut);font-weight:700}.tr h3{font-size:26px}.tr p{color:var(--mut);font-size:16px}
.mini{display:flex;gap:3px;align-items:flex-end;height:40px;justify-content:flex-end}.mini b{width:5px;height:20%;background:var(--ln);border-radius:3px;transition:background .3s}.tr:hover .mini b{background:var(--v);animation:eq .9s ease-in-out infinite}.mini b:nth-child(2n){animation-delay:.15s}.mini b:nth-child(3n){animation-delay:.3s;background:var(--p)}
.dark{background:var(--ink);color:#fff}.dark h2,.dark h3{color:#fff}.dark .lead{color:#bdb8dd}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:50px}
.st{border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:26px 20px;transition:.4s;position:relative;overflow:hidden}.st:hover{background:var(--v);transform:translateY(-10px)}
.st .bars{display:flex;gap:3px;align-items:flex-end;height:36px;margin-bottom:16px}.st .bars b{width:5px;background:var(--s);border-radius:3px;animation:eq 1.2s ease-in-out infinite}
.st h3{font-size:21px;margin-bottom:8px}.st p{font-size:15px;color:#cfcaee}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}.sx{background:var(--w);border-radius:24px;padding:34px 22px;transition:transform .3s}.sx:hover{transform:rotate(-2deg) scale(1.03)}
.sx h3{font-size:54px;color:var(--v)}.sx:nth-child(2) h3{color:var(--p)}.sx:nth-child(3) h3{color:var(--m)}.sx:nth-child(4) h3{color:#e09a00}.sx p{color:var(--mut);font-size:15px}
.wide{margin-top:60px;border-radius:30px;overflow:hidden;position:relative}.wide img{width:100%;height:380px;object-fit:cover;transition:transform 1.2s}.wide:hover img{transform:scale(1.06)}
details{background:var(--w);border-radius:18px;padding:22px 26px;margin-bottom:14px}summary{font:700 20px "Bricolage Grotesque";cursor:pointer}details p{margin-top:12px;color:var(--mut)}
.cta{background:linear-gradient(120deg,var(--v),var(--p));color:#fff;border-radius:34px;padding:70px 50px;text-align:center;position:relative;overflow:hidden}.cta h2{color:#fff}.cta p{max-width:560px;margin:0 auto 28px;opacity:.9}.cta .btn{background:#fff;color:var(--ink)}.cta .btn:hover{background:var(--s)}
.cg{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.cb{background:var(--w);border-radius:20px;padding:26px;transition:transform .3s}.cb:hover{transform:translateY(-6px)}.cb small{color:var(--mut)}
footer{background:var(--ink);color:#bdb8dd;padding:60px 0 24px;margin-top:100px}footer .c{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px}footer h4{color:#fff;margin-bottom:12px}footer li{list-style:none;margin:7px 0}footer a:hover{color:var(--s)}
footer form{display:flex;background:#fff;border-radius:50px;padding:5px}footer input{flex:1;border:0;background:none;padding:0 16px;outline:none;min-width:0}footer .btn{padding:11px 20px}.cp{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:20px;text-align:center;font-size:14px}
@keyframes eq{0%,100%{height:20%}50%{height:100%}}@keyframes rise{to{transform:none}}@keyframes scroll{to{transform:translateX(-50%)}}@keyframes bob{50%{transform:translateY(-14px)}}
@keyframes ring{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.25);opacity:0}}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(19,194,155,.25)}}@keyframes grad{to{background-position:200%}}
@media(max-width:900px){nav{display:none}.hero .c,.two,.cg,footer .c{grid-template-columns:1fr}.orb{max-width:340px;margin:auto}.tr{grid-template-columns:40px 1fr}.tr p,.mini{grid-column:2}.mini{justify-content:flex-start}.steps,.stats{grid-template-columns:1fr 1fr}.photo img{height:380px}.sec{padding:70px 0}.cta{padding:50px 24px}}
@media(max-width:560px){.steps,.stats{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}h1 .w span{transform:none}}

.burger{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:var(--ink);padding:4px 10px}
@media(max-width:900px){.burger{display:block}header .btn{display:none}nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border:1px solid var(--ln);border-radius:24px;padding:20px;flex-direction:column;gap:16px}nav.o{display:flex}}
.ph{padding:150px 0 60px;position:relative;overflow:hidden}.ph h1{font-size:clamp(36px,5.4vw,70px);max-width:900px}.ph .lead{font-size:19px;margin-top:10px}
.cr{font-size:14px;color:var(--mut);margin-bottom:16px}.cr a{text-decoration:underline}
.ans{background:var(--w);border-left:6px solid var(--v);border-radius:18px;padding:26px 30px;margin:0 auto;max-width:900px;box-shadow:0 14px 40px rgba(26,18,64,.08)}.ans h2{font-size:26px;margin-bottom:10px}.ans p{color:var(--mut)}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.cm{background:var(--w);border:1px solid var(--ln);border-radius:22px;padding:28px;transition:transform .3s,border-color .3s}.cm:hover{border-color:var(--v);transform:translateY(-6px)}.cm h3{font-size:22px;margin:10px 0}.cm p{color:var(--mut);font-size:16px}.cm .i{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--v),var(--p));display:grid;place-items:center;font-size:22px}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}.fit>div{background:var(--w);border-radius:22px;padding:30px}.fit li{list-style:none;padding:8px 0 8px 28px;position:relative;color:var(--mut)}.fit li:before{content:"✓";position:absolute;left:0;color:var(--m);font-weight:700}.fit .no li:before{content:"✕";color:var(--p)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.chips span{background:var(--w);border:1px solid var(--ln);border-radius:40px;padding:8px 18px;font-size:15px;font-weight:500}
.fg{margin-top:50px}.fg h2{font-size:32px}
form.f{display:grid;gap:16px;background:var(--w);border-radius:26px;padding:34px}form.f label{font-weight:700;font-size:15px;display:grid;gap:6px}form.f input,form.f select,form.f textarea{font:inherit;padding:14px 16px;border:1.5px solid var(--ln);border-radius:14px;background:var(--bg)}form.f input:focus,form.f textarea:focus,form.f select:focus{outline:3px solid var(--v);border-color:transparent}
.empty{text-align:center;border:2px dashed var(--ln);border-radius:26px;padding:70px 24px;color:var(--mut);margin-top:30px}
@media(max-width:900px){.g3,.fit{grid-template-columns:1fr}.ph{padding-top:120px}}
.wa{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:28px;box-shadow:0 10px 28px rgba(0,0,0,.25);animation:pulse 2s infinite;transition:transform .2s}.wa:hover{transform:scale(1.1)}
.orb img{height:auto;max-width:78%}
h1 .w{padding-bottom:.14em;margin-bottom:-.14em}
.hero .c{align-items:center}.orb{align-self:center;width:100%;max-width:520px;justify-self:center}

#pg{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--v),var(--p),var(--s));z-index:100}
.sm{max-width:820px;margin:50px auto 0;background:var(--w);border-radius:26px;padding:28px;box-shadow:0 24px 60px rgba(26,18,64,.12)}
.sb{display:flex;gap:12px;align-items:center;border:2px solid var(--ln);border-radius:50px;padding:14px 22px;font-weight:500;font-size:18px}
.ty{display:inline-block;clip-path:inset(0 100% 0 0);border-right:2px solid var(--v)}.sm.in .ty{animation:typ 3s steps(38) .4s forwards}
.ai{margin-top:20px;padding:20px 24px;border-radius:18px;background:linear-gradient(135deg,rgba(106,61,255,.09),rgba(255,61,129,.09));opacity:0;transform:translateY(12px)}.sm.in .ai{animation:aiin .8s 3.6s forwards}
.ai small{color:var(--mut);font-size:12px;display:block;margin-bottom:6px}.ai p{color:var(--ink);font-size:16px}
@keyframes typ{to{clip-path:inset(0 0 0 0)}}@keyframes aiin{to{opacity:1;transform:none}}
.sd{display:flex;gap:22px;align-items:center}.sd .i{flex:none;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--v),var(--p));display:grid;place-items:center;font-size:34px}
.chips a span{display:inline-block;transition:background .2s,color .2s}.chips a:hover span{background:var(--ink);color:#fff}
@media(max-width:700px){.sd{flex-direction:column;align-items:flex-start}}