:root{color-scheme:light only}
@media(prefers-color-scheme:dark){
  html,body{background:#ffffff!important;color:#0d253d!important;-webkit-text-fill-color:#0d253d!important}
  nav,nav.on{background:rgba(255,255,255,.93)!important;color:#0d253d!important}
  .nb,.nl a,.nl{color:#0d253d!important;-webkit-text-fill-color:#0d253d!important}
  .nl a{color:#64748d!important;-webkit-text-fill-color:#64748d!important}
  h1 .ac,.ey,.sn,.ptag{color:#533afd!important;-webkit-text-fill-color:#533afd!important}
  .btn.bp,.fsb{-webkit-text-fill-color:#ffffff!important;color:#ffffff!important}
  h1,h2,h3{color:#0d253d!important}
  .hsub,.si,.st,.d,.step p,.sc p,.fi p{color:#64748d!important}
  .proof,.pc2{background:#ffffff!important}
  .py{color:#273951!important}.pl{color:#64748d!important}
  .rg p{color:#273951!important}
  .sc,.step,.fi,.strike{background:#ffffff!important;border-color:#e3e8ee!important}
  .sl li{color:#273951!important}
  .fi h3{color:#0d253d!important}
  .strike strong{color:#0d253d!important}.strike span{color:#64748d!important}
  .ctah2{color:#0d253d!important}.ctasub{color:#64748d!important}
  .ctag{background:rgba(255,255,255,.9)!important;color:#64748d!important;border-color:#e3e8ee!important}
  .fcard{background:#ffffff!important;border-color:#e3e8ee!important}
  .field{background:#ffffff!important;color:#0d253d!important;border-color:#a8c3de!important}
  .field::placeholder{color:#64748d!important}
  footer{background:#ffffff!important;border-color:#e3e8ee!important}
  .foc,.fl-title,.fl-link{color:#64748d!important}
  .vpanel{background:#ffffff!important}
  .vtitle{color:#64748d!important}
  .vc{border-color:#e3e8ee!important;background:#ffffff!important}
}
:root{
  --p:#533afd;--pd:#4434d4;--pp:#2e2b8c;--ps:#665efd;--psub:#b9b9f9;
  --dark:#1c1e54;--ink:#0d253d;--ink2:#273951;--inkm:#64748d;
  --canvas:#ffffff;--soft:#f6f9fc;--cream:#f5e9d4;
  --hair:#e3e8ee;--hain:#a8c3de;
  --ruby:#ea2261;--mag:#f96bee;--lemon:#f5c87a;
  --sh:rgba(0,55,112,.08);--max:1200px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter','SF Pro Display',system-ui,sans-serif;font-weight:300;font-size:15px;line-height:1.4;color:#0d253d;background:#ffffff;color:var(--ink);background:var(--canvas);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;overflow-x:hidden;forced-color-adjust:none;-webkit-text-fill-color:#0d253d}
.pbtn,.btn.bp,.fsb{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
a{color:inherit;text-decoration:none}ul{list-style:none}
.w{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.pb{position:fixed;top:0;left:0;right:0;height:2px;background:var(--p);transform-origin:left;transform:scaleX(0);z-index:300}
.mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.blob{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform}
.b1{width:580px;height:500px;background:rgba(245,233,212,.98);top:-80px;left:-100px;animation:d1 22s ease-in-out infinite}
.b2{width:460px;height:380px;background:rgba(245,180,100,.72);top:30px;left:16%;animation:d2 18s ease-in-out infinite;animation-delay:-5s}
.b3{width:540px;height:460px;background:rgba(185,185,249,.88);top:-50px;left:42%;animation:d3 20s ease-in-out infinite;animation-delay:-11s}
.b4{width:440px;height:360px;background:rgba(83,58,253,.32);top:20px;right:6%;animation:d1 16s ease-in-out infinite;animation-delay:-4s}
.b5{width:400px;height:320px;background:rgba(249,107,238,.42);top:100px;right:-60px;animation:d2 24s ease-in-out infinite;animation-delay:-9s}
.b6{width:320px;height:260px;background:rgba(234,34,97,.20);top:60px;left:58%;animation:d3 19s ease-in-out infinite;animation-delay:-14s}
.b7{width:500px;height:420px;background:rgba(245,200,120,.48);bottom:-80px;left:28%;animation:d1 21s ease-in-out infinite;animation-delay:-7s}
@keyframes d1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(28px,-18px) scale(1.03)}66%{transform:translate(-18px,22px) scale(.97)}}
@keyframes d2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-22px,15px) scale(1.02)}66%{transform:translate(20px,-25px) scale(.98)}}
@keyframes d3{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(18px,22px) scale(1.01)}66%{transform:translate(-25px,-14px) scale(1.02)}}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 0;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}
nav.on{background:rgba(255,255,255,.93);backdrop-filter:blur(20px);border-bottom-color:var(--hair)}
.ni{width:min(var(--max),calc(100% - 48px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nb{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;letter-spacing:-.3px;color:var(--ink)}
.nbsq{width:28px;height:28px;border-radius:8px;background:var(--p);display:flex;align-items:center;justify-content:center}
.nbsq svg{width:14px;height:14px}
.nl{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:300;color:var(--inkm)}
.nl a:hover{color:var(--ink);transition:color .15s}
.btn{display:inline-flex;align-items:center;gap:6px;border-radius:9999px;font-weight:400;font-size:16px;line-height:1;padding:9px 18px;border:1px solid transparent;cursor:pointer;font-family:'Inter',system-ui;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}
.bp{background:var(--p);color:#fff;border-color:var(--p)}.bp:hover{background:var(--ps);box-shadow:0 4px 18px rgba(83,58,253,.38)}.bp:active{background:var(--pp)}
.bsm{font-size:14px;padding:7px 16px}.blg{padding:11px 24px;font-size:16px}
.hero{position:relative;min-height:100svh;padding:128px 0 80px;display:flex;align-items:center}
.hmesh{position:absolute;top:0;left:0;right:0;height:70%;overflow:hidden;z-index:0}
.hmesh::after{content:'';position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(to bottom,transparent,#fff)}
.hcont{position:relative;z-index:2}
.hg{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.hero-single{position:relative;z-index:2;max-width:640px}
.ptag{display:inline-flex;align-items:center;gap:7px;background:var(--psub);color:var(--pd);font-size:10px;font-weight:400;letter-spacing:.1px;text-transform:uppercase;padding:4px 10px;border-radius:9999px;margin-bottom:22px}
.ptd{width:5px;height:5px;border-radius:50%;background:var(--pd)}
h1{font-size:clamp(40px,6vw,56px);font-weight:300;line-height:1.04;letter-spacing:-1.4px;color:#0d253d;-webkit-text-fill-color:#0d253d;margin-bottom:22px}
h1 .ac{color:#533afd;-webkit-text-fill-color:#533afd}
.hsub{font-size:17px;font-weight:300;line-height:1.55;color:#64748d;-webkit-text-fill-color:#64748d;max-width:520px;margin-bottom:30px}
.ha{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.proof{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:8px;overflow:hidden}
.pc2{background:var(--canvas);padding:14px 16px}
.pl{display:block;font-size:10px;font-weight:400;letter-spacing:.1px;text-transform:uppercase;color:var(--inkm);margin-bottom:5px}
.py{font-size:14px;color:var(--ink2);line-height:1.45}
.vpanel{background:var(--canvas);border-radius:16px;padding:24px;box-shadow:0 8px 32px var(--sh),0 2px 6px rgba(0,55,112,.04);position:relative;overflow:hidden}
.vpanel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(83,58,253,.18),transparent)}
.vpc{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.vdots{display:flex;gap:6px}.vdots span{width:10px;height:10px;border-radius:50%}
.vdots span:nth-child(1){background:#ff6058}.vdots span:nth-child(2){background:#ffbd2e}.vdots span:nth-child(3){background:#28ca41}
.vtitle{font-size:11px;color:var(--inkm);letter-spacing:.1px}
.vg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vc{border-radius:8px;overflow:hidden;border:1px solid var(--hair);cursor:pointer;transition:box-shadow .2s,transform .2s}
.vc:hover{box-shadow:0 4px 16px var(--sh);transform:translateY(-2px)}
.vt{aspect-ratio:9/16;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vc:nth-child(1) .vt{background:linear-gradient(160deg,#e8e4f8,#d4daf8)}
.vc:nth-child(2) .vt{background:linear-gradient(160deg,#e8f4f8,#d4eaf0)}
.vc:nth-child(3) .vt{background:linear-gradient(160deg,#f8ede8,#f0ddd4)}
.vc:nth-child(4) .vt{background:linear-gradient(160deg,#eef8e8,#daefd4)}
.vc:nth-child(5) .vt{background:linear-gradient(160deg,#f8f4e8,#f0ead4)}
.vc:nth-child(6) .vt{background:linear-gradient(160deg,#f4e8f8,#ead4f0)}
.vplay{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.14);transition:background .2s,transform .2s}
.vc:hover .vplay{background:rgba(83,58,253,.9);transform:scale(1.1)}
.vc:hover .vplay path{fill:#fff}
.vplay svg{width:10px;height:10px;margin-left:1px}
.vplay path{fill:var(--ink)}
section{padding:96px 0}
.ssoft{background:var(--soft)}
.ey{display:block;font-size:10px;font-weight:400;letter-spacing:.1px;text-transform:uppercase;color:var(--p);margin-bottom:14px}
h2{font-size:clamp(32px,5vw,48px);font-weight:300;line-height:1.1;letter-spacing:-.96px;color:#0d253d;-webkit-text-fill-color:#0d253d;margin-bottom:14px}
.si{font-size:17px;font-weight:300;line-height:1.55;color:var(--inkm);max-width:460px}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px}
.rp{padding:40px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.rg{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.rg h2{font-size:clamp(28px,4vw,40px)!important;letter-spacing:-1.5px;max-width:10ch;margin:0!important;-webkit-text-fill-color:#0d253d}
.rg p{font-size:20px;font-weight:300;color:var(--ink2);-webkit-text-fill-color:var(--ink2);line-height:1.3;margin:0}
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sc{background:var(--canvas);border:1px solid var(--hair);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--sh);transition:box-shadow .25s,transform .25s}
.sc:hover{box-shadow:0 8px 28px var(--sh);transform:translateY(-3px)}
.st{display:block;font-size:10px;font-weight:400;letter-spacing:.1px;text-transform:uppercase;color:var(--inkm);margin-bottom:14px}
.sc h3{font-size:18px;font-weight:300;letter-spacing:-.22px;color:var(--ink);margin-bottom:6px;line-height:1.2}
.sc p,.sc .d{font-size:14px;color:var(--inkm);line-height:1.5;margin-bottom:14px}
.sl{display:flex;flex-direction:column;gap:8px}
.sl li{font-size:14px;font-weight:300;color:var(--ink2);padding-left:16px;position:relative;line-height:1.5}
.sl li::before{content:'—';position:absolute;left:0;color:var(--psub);font-size:11px;top:3px}
.strike{background:var(--canvas);border:1px solid var(--hair);border-radius:12px;padding:28px 32px;box-shadow:0 1px 3px var(--sh);margin-bottom:48px;position:relative;overflow:hidden}
.strike::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cream),var(--psub),var(--p),var(--ruby),var(--mag))}
.strike strong{display:block;font-size:clamp(18px,2.5vw,28px);font-weight:300;letter-spacing:-.64px;color:var(--ink);-webkit-text-fill-color:var(--ink);margin-bottom:8px;line-height:1.2}
.strike span{font-size:15px;font-weight:300;color:var(--inkm);-webkit-text-fill-color:var(--inkm)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step{background:var(--canvas);border:1px solid var(--hair);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--sh);transition:box-shadow .25s,transform .25s}
.step:hover{box-shadow:0 8px 28px var(--sh);transform:translateY(-3px)}
.sn{display:block;font-size:10px;font-weight:400;letter-spacing:.1px;text-transform:uppercase;color:var(--p);margin-bottom:16px}
.step h3{font-size:18px;font-weight:300;letter-spacing:-.2px;color:var(--ink);-webkit-text-fill-color:var(--ink);margin-bottom:8px}
.step p{font-size:14px;font-weight:300;color:var(--inkm);-webkit-text-fill-color:var(--inkm);line-height:1.65}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fi{background:var(--canvas);border:1px solid var(--hair);border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px var(--sh);transition:box-shadow .2s}
.fi:hover{box-shadow:0 4px 18px var(--sh)}
.fi h3{font-size:15px;font-weight:400;color:var(--ink);-webkit-text-fill-color:var(--ink);margin-bottom:8px;line-height:1.35;letter-spacing:-.2px}
.fi p{font-size:14px;font-weight:300;color:var(--inkm);-webkit-text-fill-color:var(--inkm);line-height:1.65}
.ctasec{position:relative;overflow:hidden;padding:96px 0}
.ctamesh{position:absolute;inset:0}
.ctamesh::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.58);backdrop-filter:blur(2px)}
.ctain{position:relative;z-index:2;display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:center}
.ctah2{font-size:clamp(28px,4vw,48px);font-weight:300;letter-spacing:-1px;color:var(--ink);-webkit-text-fill-color:var(--ink);margin-bottom:12px}
.ctasub{font-size:17px;font-weight:300;color:var(--inkm);-webkit-text-fill-color:var(--inkm);line-height:1.6;margin-bottom:24px;max-width:400px}
.ctatags{display:flex;flex-wrap:wrap;gap:8px}
.ctag{font-size:12px;color:var(--inkm);padding:5px 12px;border:1px solid var(--hair);border-radius:9999px;background:rgba(255,255,255,.72);backdrop-filter:blur(4px)}
.fcard{background:var(--canvas);border:1px solid var(--hair);border-radius:12px;padding:24px;box-shadow:0 8px 32px var(--sh)}
form{display:flex;flex-direction:column;gap:10px}
.field{width:100%;padding:9px 12px;background:var(--canvas);border:1px solid var(--hain);border-radius:6px;color:var(--ink);-webkit-text-fill-color:var(--ink);font-size:15px;font-weight:300;font-family:'Inter',system-ui;outline:none;transition:border-color .15s,box-shadow .15s}
.field::placeholder{color:var(--inkm);-webkit-text-fill-color:var(--inkm)}
.field:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(83,58,253,.12)}
.fsb{width:100%;padding:11px 18px;background:var(--p);color:#fff;-webkit-text-fill-color:#fff;border:none;border-radius:9999px;font-size:15px;font-weight:400;cursor:pointer;font-family:'Inter',system-ui;transition:background .15s,box-shadow .15s}
.fsb:hover{background:var(--ps);box-shadow:0 4px 18px rgba(83,58,253,.38)}
.fn{font-size:12px;color:var(--inkm);text-align:center}
footer{border-top:1px solid var(--hair);padding:40px 0;background:var(--canvas)}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--hair)}
.fl-title{font-size:11px;font-weight:500;letter-spacing:.1px;text-transform:uppercase;color:var(--inkm);margin-bottom:10px}
.fl-link{display:block;font-size:13px;color:var(--inkm);margin-bottom:6px;transition:color .15s;line-height:1.4}
.fl-link:hover{color:var(--p)}
.foi{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foc{font-size:12px;color:var(--inkm)}
/* Reveal — анимация через GSAP в main.js, CSS как fallback */
.rv{opacity:0;transform:translateY(20px);animation:fadeUp .7s ease forwards .1s}
@keyframes fadeUp{to{opacity:1;transform:none}}
@media(max-width:1024px){
  .hg{grid-template-columns:1fr}.nl{display:none}
  .vpanel{display:block;margin-top:20px;margin-bottom:-20px}
  .vg{grid-template-columns:repeat(3,1fr)}
  .sg,.steps,.fg,.footer-links{grid-template-columns:1fr}
  .rg{grid-template-columns:1fr;gap:20px}
  .ctain{grid-template-columns:1fr}
  .sh{flex-direction:column;align-items:flex-start;gap:14px}
  .hero{min-height:auto;padding:100px 0 60px}
  .hmesh{height:100%}
  .sg+.sg{margin-top:16px}
}
@media(max-width:640px){
  .w{width:calc(100% - 32px)}
  section{padding:64px 0}.ctasec{padding:64px 0}
  h1{font-size:36px;letter-spacing:-1px}
  h2{font-size:28px;letter-spacing:-.6px}
  .hsub{font-size:16px}
  .sc{padding:18px}.step{padding:18px}.fi{padding:16px 18px}
  .strike{padding:20px 22px}
  .footer-links{grid-template-columns:1fr}
}
.hub-nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 32px}
.hub-pill{display:inline-flex;align-items:center;font-size:13px;font-weight:400;color:var(--inkm)!important;-webkit-text-fill-color:var(--inkm)!important;padding:6px 16px;border-radius:9999px;border:1px solid var(--hair);background:var(--canvas);text-decoration:none;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;box-shadow:0 1px 3px var(--sh)}
.hub-pill:hover{background:var(--soft);border-color:var(--hain);color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
.hub-pill:first-child{background:var(--soft)}