:root{
  --bg:#060507; --bg2:#0C0A12; --surf:#131019; --surf2:#1A1626;
  --hair:rgba(255,255,255,.08); --hairs:rgba(255,255,255,.15);
  --ink:#F7F6FA; --ink2:#9A96A8; --ink3:#615D70;
  --lime:#A8E05F; --limed:#0A0A0C;
  --vio:#8B5CF6; --vio2:#A78BFF;
  --grad:linear-gradient(95deg,#A78BFF 0%,#C77DFF 45%,#F472B6 100%);
  --gold:#E7C66B; --maxw:1080px;
  --ease:cubic-bezier(.16,1,.3,1); --ease-ui:cubic-bezier(.2,.8,.2,1);
  --rev:.7s; --rev-lg:1s; --stagger:.08s;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Onest',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.62;overflow-x:hidden}
.disp{font-weight:800;letter-spacing:-.03em;line-height:1.0}
.mono{font-family:'Geist Mono',monospace}
a{color:inherit;text-decoration:none}
:focus,:focus-visible,:active{outline:none!important}
.logo,.logo:focus,.logo:active,.logo img{outline:none!important;border:none!important;box-shadow:none!important;background:transparent!important;-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec{padding:120px 0;position:relative}
.reorder{display:flex;flex-direction:column}
.hero-micro{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;margin-top:22px;font-size:14px;font-weight:600;color:var(--ink2)}
.hero-micro i{width:5px;height:5px;border-radius:50%;background:var(--lime);display:inline-block;flex:none}
/* ===== Editorial Ledger — досье сравнения ===== */
.ledger{max-width:1000px;margin:0 auto}
.lg-row{position:relative;display:grid;grid-template-columns:minmax(150px,.82fr) minmax(190px,1fr) minmax(250px,1.16fr);align-items:center;border-top:1px solid var(--hair);opacity:0;transform:translateY(16px);transition:opacity var(--rev) var(--ease),transform var(--rev) var(--ease)}
.lg-row:last-child{border-bottom:1px solid var(--hair)}
.lg-headrow{border-top:none}
.ledger.in .lg-row{opacity:1;transform:none}
.ledger.in .lg-row:nth-child(1){transition-delay:.04s}.ledger.in .lg-row:nth-child(2){transition-delay:.12s}.ledger.in .lg-row:nth-child(3){transition-delay:.20s}.ledger.in .lg-row:nth-child(4){transition-delay:.28s}.ledger.in .lg-row:nth-child(5){transition-delay:.36s}.ledger.in .lg-row:nth-child(6){transition-delay:.44s}
.lg-idx{display:flex;align-items:baseline;gap:15px;padding:36px 26px 36px 6px}
.lg-n{font-family:'Geist Mono',monospace;font-size:clamp(24px,2.2vw,33px);font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(168,224,95,.4);letter-spacing:-.02em}
.lg-dim{font-family:'Geist Mono',monospace;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-weight:600}
.lg-old{display:flex;align-items:center;gap:15px;padding:34px 24px;color:var(--ink3);font-size:17.5px;line-height:1.35}
.lg-old .lg-m{flex:none;color:var(--ink3);font-size:15px;opacity:.6}
.lg-new{position:relative;display:flex;align-items:center;gap:15px;padding:34px 30px;color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.3;background:linear-gradient(90deg,rgba(168,224,95,.055),transparent 62%)}
.lg-new::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--lime);box-shadow:0 0 17px -1px rgba(168,224,95,.65)}
.lg-new .lg-m{flex:none;color:var(--lime);font-size:18px}
.lg-val{flex:1}
.lg-sub{color:var(--lime);font-weight:600;opacity:.9}
.lg-headrow .lg-old,.lg-headrow .lg-new{font-family:'Geist Mono',monospace;font-size:13.5px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--ink3);padding-top:22px;padding-bottom:22px}
.lg-headrow .lg-new{color:var(--lime)}
.lg-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);flex:none}
@media(max-width:680px){
  .lg-row{grid-template-columns:1fr}
  .lg-idx{padding:20px 18px 4px}
  .lg-old{padding:8px 18px;font-size:16px}
  .lg-new{padding:14px 18px;font-size:18px}
  .lg-headrow{display:none}
}
.kick{font-family:'Geist Mono',monospace;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--vio2)}
.glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}
.center{text-align:center}

/* ---- buttons: cohesive + animated ---- */
.btn{position:relative;display:inline-flex;align-items:center;gap:14px;height:64px;padding:0 14px 0 32px;border-radius:999px;border:none;cursor:pointer;font-family:'Onest';font-weight:700;font-size:16px;overflow:hidden;transition:transform .25s var(--ease-ui),box-shadow .3s}
.btn .t{position:relative;z-index:2;white-space:nowrap}
.btn .ic{position:relative;z-index:2;width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex:none}
.btn .ic svg{width:17px;height:17px;transition:transform .25s}
.btn::before{content:"";position:absolute;top:0;left:0;height:100%;width:55%;z-index:1;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.38) 50%,transparent 75%);transform:translateX(-200%);pointer-events:none}
@keyframes sheen{0%,58%{transform:translateX(-200%)}80%,100%{transform:translateX(360%)}}
.btn:hover{transform:translateY(-2px)}
.btn:hover .ic svg{transform:translateX(3px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn-lime{background:var(--lime);color:var(--limed);box-shadow:0 14px 44px -12px rgba(168,224,95,.5)}
.btn-lime:hover{box-shadow:0 22px 64px -10px rgba(168,224,95,.6)}
.btn-lime .ic{background:var(--limed)}.btn-lime .ic svg{stroke:var(--lime)}
.btn-vio{background:linear-gradient(135deg,#8B5CF6,#A855F7);color:#fff;box-shadow:0 14px 44px -12px rgba(139,92,246,.55)}
.btn-vio .ic{background:#fff}.btn-vio .ic svg{stroke:var(--vio)}
.btn-ghost{background:transparent;border:1px solid var(--hairs);color:var(--ink);padding:0 30px}
.btn-ghost::before{display:none}.btn-ghost:hover{background:rgba(255,255,255,.05)}
.arr{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.btn-sm{height:54px;font-size:15px;padding:0 12px 0 26px}.btn-sm .ic{width:36px;height:36px}

/* ---- header ---- */
header{position:fixed;top:0;left:0;right:0;z-index:60;padding:16px 22px;transition:padding .35s cubic-bezier(.16,1,.3,1)}
header.scr{padding:9px 22px}
.hdr-inner{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1560px;height:78px;margin:0 auto;padding:0 26px;background:rgba(13,11,20,.72);backdrop-filter:blur(18px);border:1px solid var(--hair);border-radius:22px;box-shadow:0 24px 60px -28px rgba(0,0,0,.75);transition:height .35s cubic-bezier(.16,1,.3,1),background .3s}
header.scr .hdr-inner{height:66px;background:rgba(9,8,14,.9)}
.nav-left{justify-self:end;padding-right:28px}
.hdr-act{display:flex;align-items:center;gap:14px}
.hdr-logo{justify-self:center;display:flex;align-items:center;outline:none}
.hdr-logo img{height:60px;width:auto;display:block;filter:brightness(1.28) saturate(1.12) drop-shadow(0 1px 2px rgba(0,0,0,.5));transition:height .35s cubic-bezier(.16,1,.3,1)}
header.scr .hdr-logo img{height:50px}
.nav{display:flex;align-items:center;gap:clamp(18px,2vw,36px)}
.nav a{font-weight:600;font-size:18px;color:var(--ink2);letter-spacing:-.01em;position:relative;transition:color .25s;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:2px;background:var(--grad);transition:right .3s cubic-bezier(.16,1,.3,1)}
.nav a:hover{color:var(--ink)}.nav a:hover::after{right:0}
.hdr-right{display:flex;align-items:center;justify-content:space-between;gap:24px;justify-self:stretch;width:100%;padding-left:30px}
.hdr-right .btn-sm{height:54px;font-size:16px}
.hphone{display:flex;align-items:center;gap:9px;height:48px;padding:0 18px 0 7px;border-radius:999px;border:1px solid var(--hairs);background:rgba(255,255,255,.03);transition:background .3s,border-color .3s,transform .2s;text-decoration:none}
.hphone .pic{flex:none;width:36px;height:36px;border-radius:50%;background:rgba(168,224,95,.12);display:flex;align-items:center;justify-content:center}
.hphone .pic svg{width:18px;height:18px;stroke:var(--lime);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hphone .pn{white-space:nowrap;font-weight:700;font-size:17px;color:var(--ink);letter-spacing:.01em}
.hphone:hover{background:rgba(168,224,95,.1);border-color:rgba(168,224,95,.55);transform:translateY(-1px)}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;border-radius:12px;border:1px solid var(--hairs);background:rgba(255,255,255,.03);cursor:pointer}
.burger span{display:block;width:20px;height:2px;margin:0 auto;background:var(--ink);border-radius:2px;transition:transform .3s,opacity .3s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;left:0;right:0;top:0;z-index:55;background:rgba(6,5,7,.97);backdrop-filter:blur(18px);padding:104px 28px 32px;display:flex;flex-direction:column;gap:4px;transform:translateY(-101%);transition:transform .45s cubic-bezier(.16,1,.3,1);border-bottom:1px solid var(--hair)}
.mnav.open{transform:none}
.mnav .mlink{font-weight:700;font-size:20px;color:var(--ink);padding:15px 8px;border-bottom:1px solid var(--hair)}
.mnav .mphone{font-weight:800;font-size:21px;color:var(--lime);padding:18px 8px}
.mnav .btn{margin-top:16px;justify-content:center}
@media(max-width:1180px){.nav,.hphone,.hdr-right .btn-lime{display:none}.burger{display:flex}.hdr-right{justify-content:flex-end;padding-left:0}.hdr-logo img,header.scr .hdr-logo img{height:52px}}
/* scroll to top */
.totop{position:fixed;right:26px;bottom:26px;z-index:65;width:54px;height:54px;border-radius:50%;border:none;background:rgba(20,16,28,.82);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);transition:opacity .4s,transform .4s,visibility .4s,background .3s;box-shadow:0 12px 30px -10px rgba(0,0,0,.7)}
.totop.show{opacity:1;visibility:visible;transform:none}
.totop:hover{background:rgba(32,26,46,.92)}
.totop .ring{position:absolute;inset:0;width:54px;height:54px;transform:rotate(-90deg)}
.totop .ring circle{fill:none;stroke-width:2.5}
.totop .rbg{stroke:rgba(255,255,255,.12)}
.totop .rpr{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:132;stroke-dashoffset:132;transition:stroke-dashoffset .12s linear;filter:drop-shadow(0 0 4px rgba(168,224,95,.6))}
.totop .ar{position:relative;width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:820px){.totop{bottom:92px;right:18px;width:48px;height:48px}.totop .ring{width:48px;height:48px}}

.rv{opacity:0;transform:translateY(28px);transition:opacity var(--rev) var(--ease),transform var(--rev) var(--ease)}
.rv.in{opacity:1;transform:none}
.tilt{opacity:0;transform:perspective(1500px) rotateX(12deg) translateY(40px);transform-origin:50% 100%;transition:opacity var(--rev-lg) ease,transform var(--rev-lg) var(--ease)}
.tilt.in{opacity:1;transform:perspective(1500px) rotateX(0) translateY(0)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv,.tilt,.lg-row{opacity:1;transform:none}}

/* ---- hero ---- */
.hero{padding:150px 0 70px;text-align:center;position:relative;overflow:hidden}
.hero .g1{width:820px;height:560px;background:radial-gradient(circle,rgba(139,92,246,.26),transparent 64%);top:-100px;left:50%;transform:translateX(-50%)}
.hero .g2{width:520px;height:440px;background:radial-gradient(circle,rgba(244,114,182,.14),transparent 65%);top:140px;right:4%}
.hero-in{position:relative;z-index:2}
.bhole{position:absolute;left:84%;top:30%;transform:translate(-50%,-50%);width:min(460px,72vw);aspect-ratio:1/1;z-index:0;pointer-events:none;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 46%,rgba(0,0,0,0) 72%);mask-image:radial-gradient(circle at 50% 50%,#000 46%,rgba(0,0,0,0) 72%)}
.bhole video{width:100%;height:100%;object-fit:cover;display:block}
.hero .cta-wrap .btn{z-index:2}
.hero h1{font-weight:800;font-size:clamp(46px,7vw,104px);letter-spacing:-.045em;line-height:.94}
.hero .sub{font-size:clamp(16px,1.5vw,20px);color:var(--ink2);max-width:600px;margin:26px auto 0}
.hero .cta-wrap{margin-top:40px;display:inline-flex;justify-content:center;position:relative}
.hero .micro{margin-top:26px;font-family:'Geist Mono',monospace;font-size:13px;color:var(--ink3)}
.hero .micro b{color:var(--ink)}.hero .micro .s{color:var(--gold)}

/* big media slider */
.stage{margin-top:78px;position:relative}
.shot{position:relative;border-radius:26px;overflow:hidden;box-shadow:0 70px 150px -50px rgba(0,0,0,.95),0 0 0 1px var(--hair)}
.shot img{width:100%;height:600px;object-fit:cover}
.shot .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,5,7,.05) 0%,rgba(6,5,7,.25) 50%,rgba(6,5,7,.94) 100%)}
.shot .cap{position:absolute;left:0;right:0;bottom:0;padding:46px;text-align:center}
.shot .cap h3{font-weight:700;font-size:clamp(24px,2.8vw,38px);letter-spacing:-.02em}
.shot .cap p{color:var(--ink2);font-size:15px;max-width:640px;margin:12px auto 0}
.dots{display:flex;gap:8px;justify-content:center;margin-top:22px}
.dots i{width:34px;height:4px;border-radius:4px;background:var(--hairs);display:block;transition:background .3s}
.dots i.on{background:var(--lime)}

/* trust / regalia (как на референсе) */
.trust{padding:150px 0 120px;text-align:center;position:relative;overflow:hidden}
.ghost{position:absolute;top:46px;left:50%;transform:translateX(-50%);font-weight:900;font-size:clamp(62px,11vw,158px);letter-spacing:-.04em;line-height:1;white-space:nowrap;pointer-events:none;z-index:0;background:linear-gradient(180deg,#2a2632,#0d0b11);-webkit-background-clip:text;background-clip:text;color:transparent}
.trust h2{font-weight:800;font-size:clamp(24px,3vw,40px);letter-spacing:-.01em;text-transform:uppercase;position:relative;z-index:2;margin-top:56px}
.laurels{margin-top:78px;position:relative;z-index:2;display:flex;flex-direction:column;gap:62px;align-items:center}
.lau-row{display:flex;justify-content:center;gap:clamp(40px,7vw,104px);flex-wrap:wrap}
.lau{position:relative;display:flex;flex-direction:column;align-items:center;min-width:228px;max-width:300px;padding-top:6px}
.lau::before{content:"";position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:280px;height:210px;background:radial-gradient(circle at 50% 36%,rgba(231,198,107,.12),transparent 68%);z-index:0;pointer-events:none}
.lau .leaves{position:absolute;top:0;left:50%;transform:translateX(-50%);width:216px;display:flex;justify-content:space-between;z-index:1;pointer-events:none}
.lau .leaves img{width:56px;height:92px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.lau .leaves img.r{transform:scaleX(-1)}
.lau .top{font-family:'Geist Mono',monospace;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);position:relative;z-index:2;margin-top:10px}
.lau .big{font-weight:900;font-size:clamp(38px,3.4vw,46px);letter-spacing:-.02em;color:var(--gold);position:relative;z-index:2;line-height:1.06;margin-top:2px}
.lau .big .st{color:var(--gold)}
.lau .sub{font-size:15.5px;color:var(--ink);margin-top:16px;max-width:280px;position:relative;z-index:2;line-height:1.4}
@media(max-width:760px){.lau-row{gap:48px}}

/* section head */
.shead{text-align:center;max-width:780px;margin:0 auto 56px}
.shead.l{text-align:center;margin-left:auto;margin-right:auto}
.shead h2{font-weight:800;font-size:clamp(30px,4vw,56px);letter-spacing:-.035em;line-height:1.02;margin-top:16px}
.shead p{color:var(--ink2);font-size:18px;margin-top:16px}

/* feature photo */
.feat{position:relative;border-radius:26px;overflow:hidden;min-height:460px;display:flex;align-items:flex-end;margin-bottom:22px}
.feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.feat .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,5,7,.1),rgba(6,5,7,.9));z-index:1}
.feat .c{position:relative;z-index:2;padding:44px;max-width:640px}
.feat .n{font-family:'Geist Mono',monospace;font-size:13px;color:var(--lime);letter-spacing:.06em}
.feat h3{font-weight:700;font-size:clamp(24px,2.8vw,38px);letter-spacing:-.025em;margin-top:12px}
.feat p{color:var(--ink2);font-size:16px;margin-top:12px}

/* problem / pains */
.prob .big{font-weight:800;font-size:clamp(30px,4.2vw,58px);letter-spacing:-.04em;line-height:1.02;max-width:980px}
.pains{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.pain{border-top:2px solid var(--vio);padding-top:22px}
.pain .who{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.pain h3{font-weight:700;font-size:21px;margin:12px 0}
.pain p{font-size:15.5px;color:var(--ink2)}.pain p+p{margin-top:10px}
@media(max-width:860px){.pains{grid-template-columns:1fr;gap:32px}}

/* solution list */
.solist{display:grid;grid-template-columns:1fr 1fr;gap:22px 48px}
.solist .it{padding-left:22px;border-left:2px solid var(--vio)}
.solist .it b{font-weight:700;font-size:16.5px;display:block;color:var(--ink)}
.solist .it span{font-size:14.5px;color:var(--ink2)}
@media(max-width:760px){.solist{grid-template-columns:1fr}}

/* how steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--hair)}
.step{padding:34px 26px 0 0;border-right:1px solid var(--hair)}
.step:last-child{border-right:none}.step:not(:first-child){padding-left:28px}
.step .n{font-weight:800;font-size:42px;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.step h3{font-weight:700;font-size:18px;margin-top:14px}.step p{font-size:14.5px;color:var(--ink2);margin-top:10px}
@media(max-width:860px){.steps{grid-template-columns:1fr}.step{border-right:none;border-bottom:1px solid var(--hair);padding:26px 0!important}}

/* calc band */
.calcband{position:relative;border-radius:30px;padding:90px 40px;text-align:center;background:radial-gradient(760px 320px at 50% 0%,rgba(139,92,246,.22),transparent 70%)}
.calcband .q{font-weight:900;font-size:clamp(72px,11vw,170px);line-height:.86;letter-spacing:-.04em}
.calcband .q .r{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.calcband h2{font-weight:800;font-size:clamp(26px,3.2vw,44px);letter-spacing:-.03em;margin:16px auto 0;max-width:860px}
.calcband .cta-wrap{margin-top:34px;display:flex;justify-content:center}

/* tariffs */
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plan{background:var(--surf);border-radius:22px;padding:34px;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--hair)}
.plan.f{box-shadow:0 0 0 1px rgba(168,224,95,.4),0 0 80px -34px rgba(168,224,95,.4);background:linear-gradient(180deg,rgba(168,224,95,.07),var(--surf))}
.plan .tag{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--limed);background:var(--lime);padding:6px 12px;border-radius:999px;align-self:flex-start;margin-bottom:16px}
.plan h3{font-weight:700;font-size:22px}
.plan .vol{font-size:14.5px;color:var(--ink2);margin-top:8px;min-height:46px}
.plan .pr{font-weight:800;font-size:44px;letter-spacing:-.02em;margin:16px 0 4px}
.plan .cv{font-family:'Geist Mono',monospace;font-size:13px;margin-bottom:22px}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:13px;margin:6px 0 28px}
.plan li{font-size:14.5px;color:var(--ink2);padding-left:18px;border-left:2px solid var(--vio)}
.plan .btn{width:100%;justify-content:center;padding-right:14px}
@media(max-width:860px){.pg{grid-template-columns:1fr}}

/* guarantees */
.gg{display:grid;grid-template-columns:1fr 1fr;gap:22px 48px}
.gg .it{padding-left:22px;border-left:2px solid var(--vio)}
.gg .it b{font-weight:700;font-size:16.5px;display:block}.gg .it span{font-size:14.5px;color:var(--ink2)}
@media(max-width:760px){.gg{grid-template-columns:1fr}}

/* cases */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.case{position:relative;border-radius:22px;overflow:hidden;min-height:330px;display:flex;align-items:flex-end}
.case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .6s ease}
.case:hover img{transform:scale(1.05)}
.case .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,5,7,.1) 0%,rgba(6,5,7,.5) 55%,rgba(6,5,7,.95) 100%);z-index:1}
.case .c{position:relative;z-index:2;padding:28px}
.case .m{font-weight:800;font-size:42px;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.case .ni{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-top:6px}
.case .cidx{position:absolute;top:18px;right:22px;z-index:2;font-family:'Geist Mono',monospace;font-size:clamp(26px,2.4vw,38px);font-weight:700;line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(168,224,95,.45)}
.case .de{font-size:14px;color:var(--ink);margin-top:10px}
.case .play{margin-top:16px;display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid var(--hairs);backdrop-filter:blur(6px);color:var(--ink);border-radius:999px;padding:7px 16px 7px 7px;font-family:'Onest';font-weight:600;font-size:13px;cursor:pointer;transition:background .3s,border-color .3s,transform .2s}
.case .play:hover{background:rgba(168,224,95,.16);border-color:var(--lime)}
.case .play:active{transform:scale(.97)}
.case .play .pi{width:30px;height:30px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 4px 14px -4px rgba(168,224,95,.7)}
.case .play .pi svg{width:13px;height:13px;fill:var(--limed)}
.case .play.on .pi{animation:pulseLime 1.4s ease-in-out infinite}
@keyframes pulseLime{0%,100%{box-shadow:0 0 0 0 rgba(168,224,95,.5)}70%{box-shadow:0 0 0 10px rgba(168,224,95,0)}}
.case .play .ic-pause{display:none}.case .play.on .ic-play{display:none}.case .play.on .ic-pause{display:inline}
@media(max-width:860px){.cases{grid-template-columns:1fr}}

/* team */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.tm{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.tm:hover{transform:translateY(-8px)}
.tm .ph{border-radius:20px;overflow:hidden;aspect-ratio:3/4;position:relative;box-shadow:0 0 0 1px var(--hair);transition:box-shadow .55s cubic-bezier(.16,1,.3,1)}
.tm:hover .ph{box-shadow:0 36px 72px -34px rgba(0,0,0,.92),0 0 0 1px var(--hairs)}
.tm .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.tm:hover .ph img{transform:scale(1.07)}
.tm .ph .ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,5,7,.7));transition:opacity .5s}
.tm:hover .ph .ov{opacity:.72}
.tm .nm{font-weight:700;font-size:17px;margin-top:14px}
.tm .ro{font-family:'Geist Mono',monospace;font-size:12.5px;color:var(--vio2);margin-top:4px}
.tm .bio{font-size:14px;color:var(--ink2);margin-top:8px}
@media(max-width:860px){.team{grid-template-columns:1fr 1fr}}

/* last chance */
.last{position:relative;border-radius:30px;overflow:hidden;padding:96px 40px;text-align:center;background:radial-gradient(700px 360px at 50% 0%,rgba(139,92,246,.26),transparent 70%),var(--bg2)}
.last h2{font-weight:900;font-size:clamp(34px,5.4vw,80px);letter-spacing:-.045em;line-height:.97;max-width:980px;margin:0 auto}
.last p{color:var(--ink2);font-size:17px;margin:22px auto 0;max-width:640px}.last p b{color:var(--ink)}
.last .cta-wrap{margin-top:36px;display:flex;justify-content:center}

/* faq */
.faq{max-width:840px;margin:0 auto}
.q{border-bottom:1px solid var(--hair)}
.qh{padding:26px 4px;cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;font-weight:700;font-size:18px}
.qh .pl{flex:none;width:22px;height:22px;position:relative}
.qh .pl::before,.qh .pl::after{content:'';position:absolute;background:var(--lime);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2px}
.qh .pl::before{width:14px;height:2px}.qh .pl::after{width:2px;height:14px;transition:.3s}
.q.open .pl::after{opacity:0}
.qb{max-height:0;overflow:hidden;transition:max-height .35s ease}.qb p{padding:0 4px 24px;color:var(--ink2);font-size:15.5px}.qb p+p{padding-top:0;padding-bottom:14px;margin-top:-12px}

/* form */
.formband{position:relative;border-radius:30px;padding:66px 50px;background:radial-gradient(620px 320px at 82% 14%,rgba(168,224,95,.14),transparent 70%),var(--surf);box-shadow:0 0 0 1px var(--hair);display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.formband h2{font-weight:800;font-size:clamp(28px,3.4vw,46px);letter-spacing:-.035em;line-height:1.04}
.formband .lead{margin-top:16px;font-size:16px;color:var(--ink2)}
.rea{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.rea div{padding-left:18px;border-left:2px solid var(--lime);font-size:14.5px;color:var(--ink)}
.frm{display:flex;flex-direction:column;gap:12px}
.frm input,.frm select{width:100%;background:var(--bg2);color:var(--ink);height:56px;padding:0 16px;border-radius:14px;font-size:15px;font-family:'Onest';border:none;box-shadow:inset 0 0 0 1px var(--hair)}
.frm input::placeholder{color:#5a5670}
.frm input:focus,.frm select:focus{outline:none;box-shadow:inset 0 0 0 1px rgba(168,224,95,.6),0 0 0 3px rgba(168,224,95,.16)}
.frm .err{box-shadow:inset 0 0 0 1px #FF5C7A!important}
.frm .cons{display:flex;gap:9px;font-size:12px;color:var(--ink3);align-items:flex-start}.frm .cons input{width:auto;height:auto;margin-top:3px}
.frm .btn{justify-content:center;padding-right:14px}
.cselect{position:relative;width:100%}
.cs-head{width:100%;height:56px;background:var(--bg2);color:var(--ink);padding:0 16px;border-radius:14px;font-size:15px;font-family:'Onest';border:none;box-shadow:inset 0 0 0 1px var(--hair);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:box-shadow .25s}
.cselect.open .cs-head{box-shadow:inset 0 0 0 1px rgba(168,224,95,.6),0 0 0 3px rgba(168,224,95,.14)}
.cs-val.ph{color:#5a5670}
.cs-arr{display:flex;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.cs-arr svg{width:15px;height:15px;stroke:var(--ink2)}
.cselect.open .cs-arr{transform:rotate(180deg)}
.cs-list{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;background:#16121F;border-radius:14px;box-shadow:0 28px 64px -20px rgba(0,0,0,.85),inset 0 0 0 1px var(--hairs);padding:6px;opacity:0;transform:translateY(-10px) scale(.98);transform-origin:top center;pointer-events:none;transition:opacity .26s ease,transform .34s cubic-bezier(.16,1,.3,1);max-height:288px;overflow:auto}
.cselect.open .cs-list{opacity:1;transform:none;pointer-events:auto}
.cs-opt{padding:12px 14px;border-radius:9px;font-size:15px;color:var(--ink2);cursor:pointer;transition:background .2s,color .2s}
.cs-opt:hover,.cs-opt.sel{background:rgba(168,224,95,.12);color:var(--ink)}
.fok{display:none;text-align:center;padding:18px}.fok.show{display:block}.fok b{font-weight:800;font-size:22px;color:var(--lime)}
@media(max-width:860px){.formband{grid-template-columns:1fr;gap:30px;padding:40px 26px}}

footer{padding:64px 0 40px;border-top:1px solid var(--hair);background:var(--bg2)}
.ftg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;gap:30px}
.ft.brand{max-width:320px}
/* бегущая строка офферов+ниш (интент + SEO-перелинковка) */
.fmarq{position:relative;overflow:hidden;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:30px 0;margin-bottom:52px;-webkit-mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.fmarq-row{display:flex;align-items:center;width:max-content;animation:fmarqMove 100s linear infinite;will-change:transform}
.fmarq:hover .fmarq-row{animation-play-state:paused}
@keyframes fmarqMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fmarq a{font-weight:800;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;transition:color .3s}
.fmarq a:hover{color:var(--lime)}
.fmarq .sep{display:inline-block;width:9px;height:9px;background:var(--grad);transform:rotate(45deg);border-radius:2px;margin:0 42px;flex:none;box-shadow:0 0 14px -2px rgba(167,139,255,.7)}
.ft-contacts{margin-top:18px}
.ft-contacts .fc-phone-sm{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:19px;color:var(--ink);transition:color .25s}
.ft-contacts .fc-phone-sm svg{width:18px;height:18px;stroke:var(--lime);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ft-contacts .fc-phone-sm:hover{color:var(--lime)}
.ft-contacts .fsoc{margin-top:14px}
.ft h4{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-bottom:16px}
.ft a,.ft p{display:block;font-size:14.5px;margin-bottom:10px;color:var(--ink2)}.ft a:hover{color:var(--vio2)}
.ft .bt{display:inline-block;font-weight:800;font-size:22px;color:var(--ink);margin-bottom:8px;transition:color .25s}
a.bt:hover{color:var(--lime)}
.fsoc{display:flex;gap:14px;margin-top:16px}
.fsoc-i{display:block;width:48px;height:48px;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px -8px rgba(0,0,0,.65);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.fsoc-i svg{display:block;width:48px;height:48px}
.fsoc-i:hover{transform:translateY(-3px);box-shadow:0 14px 28px -8px rgba(0,0,0,.75)}
.fbot{border-top:1px solid var(--hair);margin-top:36px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink3)}
.note{font-size:12px;color:var(--ink3);font-style:italic;margin-top:10px}
@media(max-width:820px){.ftg{grid-template-columns:1fr 1fr}.ft.brand{grid-column:1/-1;max-width:none}}
@media(max-width:520px){.ftg{grid-template-columns:1fr}}

.mcta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;padding:12px 16px;background:rgba(6,5,7,.95);backdrop-filter:blur(12px);border-top:1px solid var(--hair)}
.mcta .btn{width:100%;justify-content:center}
@media(max-width:820px){.mcta{display:block}body{padding-bottom:84px}.sec{padding:80px 0}.shot img{height:420px}.feat{min-height:360px}}

/* ---- 13 unique CTA animations (motion only, colors untouched) ---- */
/* 1 sheen */ .anim-sheen::before{animation:kSheen 3.6s ease-in-out infinite}
@keyframes kSheen{0%,55%{transform:translateX(-200%)}82%,100%{transform:translateX(380%)}}
/* 2 breathe (hero — slightly more intensity) */ .anim-breathe{animation:kBreathe 2.2s ease-in-out infinite}
@keyframes kBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
/* 3 float */ .anim-float{animation:kFloat 2.6s ease-in-out infinite}
@keyframes kFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
/* 4 shuttle arrow */ .anim-shuttle .ic svg{animation:kShuttle 1.4s ease-in-out infinite}
@keyframes kShuttle{0%,100%{transform:translateX(-3px)}50%{transform:translateX(4px)}}
/* 5 spin icon */ .anim-spin .ic{animation:kSpin 4.5s linear infinite}
@keyframes kSpin{to{transform:rotate(360deg)}}
/* 6 wobble */ .anim-wobble{animation:kWobble 3.2s ease-in-out infinite}
@keyframes kWobble{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}
/* 7 heartbeat */ .anim-heart{animation:kHeart 2.4s ease-in-out infinite}
@keyframes kHeart{0%,100%{transform:scale(1)}14%{transform:scale(1.06)}28%{transform:scale(1)}42%{transform:scale(1.06)}56%{transform:scale(1)}}
/* 8 jelly squash */ .anim-jelly{animation:kJelly 2.8s ease-in-out infinite}
@keyframes kJelly{0%,100%{transform:scale(1,1)}40%{transform:scale(1.05,.93)}55%{transform:scale(.96,1.05)}70%{transform:scale(1.02,.98)}}
/* 9 ring pulse */ .anim-ring{animation:kRing 2.2s ease-out infinite}
@keyframes kRing{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%,100%{box-shadow:0 0 0 16px rgba(255,255,255,0)}}
/* 10 scan line */ .anim-scan::after{content:"";position:absolute;top:-20%;left:0;width:8px;height:140%;z-index:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);filter:blur(2px);animation:kScan 2.6s ease-in-out infinite}
@keyframes kScan{0%,100%{transform:translateX(-30px);opacity:0}30%{opacity:1}70%{opacity:1}100%{transform:translateX(360px);opacity:0}}
/* 11 bob icon */ .anim-bob .ic svg{animation:kBob 1.5s ease-in-out infinite}
@keyframes kBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
/* 12 pop icon */ .anim-pop .ic{animation:kPop 1.8s ease-in-out infinite}
@keyframes kPop{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
/* 13 tilt 3d */ .anim-tilt{animation:kTilt 3.4s ease-in-out infinite;transform-style:preserve-3d}
@keyframes kTilt{0%,100%{transform:perspective(500px) rotateY(-7deg)}50%{transform:perspective(500px) rotateY(7deg)}}

/* ---- per-button motions (по ТЗ пользователя) ---- */
/* waves: заметные волны исходят от кнопки */
.anim-waves{animation:kWaves 2.2s ease-out infinite}
@keyframes kWaves{
  0%{box-shadow:0 14px 44px -12px rgba(139,92,246,.55),0 0 0 0 rgba(167,139,255,.55),0 0 0 0 rgba(167,139,255,.35)}
  100%{box-shadow:0 14px 44px -12px rgba(139,92,246,.55),0 0 0 16px rgba(167,139,255,0),0 0 0 34px rgba(167,139,255,0)}
}
/* bounce: подпрыгивает и отскакивает как шарик */
.anim-bounce{animation:kBounce 1.9s cubic-bezier(.3,.7,.4,1) infinite}
@keyframes kBounce{0%{transform:translateY(0)}12%{transform:translateY(-12px)}26%{transform:translateY(0)}36%{transform:translateY(-6px)}48%{transform:translateY(0)}57%{transform:translateY(-2px)}66%,100%{transform:translateY(0)}}
/* rock: качается влево-вправо как неваляшка (ось снизу) */
.anim-rock{animation:kRock 2.4s ease-in-out infinite;transform-origin:50% 92%}
@keyframes kRock{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
/* fill: волна по самой кнопке, при наведении уходит */
.anim-fill::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.05));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='64' viewBox='0 0 160 64' preserveAspectRatio='none'%3E%3Cpath d='M0 24 C 30 8 55 8 80 20 C 105 32 130 32 160 18 L160 64 L0 64 Z' fill='%23fff'/%3E%3C/svg%3E") repeat-x;
  -webkit-mask-size:160px 100%;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='64' viewBox='0 0 160 64' preserveAspectRatio='none'%3E%3Cpath d='M0 24 C 30 8 55 8 80 20 C 105 32 130 32 160 18 L160 64 L0 64 Z' fill='%23fff'/%3E%3C/svg%3E") repeat-x;
  mask-size:160px 100%;
  animation:kFill 3s linear infinite;
  transition:transform .45s ease,opacity .45s ease}
.anim-fill:hover::after{transform:translateY(105%);opacity:0}
@keyframes kFill{0%{-webkit-mask-position:0 0;mask-position:0 0}100%{-webkit-mask-position:160px 0;mask-position:160px 0}}
/* rise: плавно качается вверх */
.anim-rise{animation:kRise 3s ease-in-out infinite}
@keyframes kRise{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* approach: приближение (зум всей кнопки) */
.anim-approach{animation:kApproach 2.3s ease-in-out infinite}
@keyframes kApproach{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* ---- hero stacked deck (как на референсе: карточки одна за другой, видны края) ---- */
.deck{position:relative;height:500px;max-width:770px;margin:0 auto;perspective:1700px}
.card{position:absolute;left:50%;top:16px;width:100%;height:466px;transform:translateX(-50%);border-radius:24px;overflow:hidden;box-shadow:0 54px 120px -42px rgba(0,0,0,.92),0 0 0 1px var(--hair);transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .8s ease,filter .8s ease;will-change:transform,opacity}
.card img{width:100%;height:100%;object-fit:cover}
.card .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,5,7,.04),rgba(6,5,7,.28) 52%,rgba(6,5,7,.94))}
#deck .card .ov{display:none}
#deck .card .cap{text-shadow:0 1px 3px rgba(0,0,0,.95),0 2px 14px rgba(0,0,0,.9),0 0 40px rgba(0,0,0,.7)}
#deck .card .cap p{color:#fff}
.card .cap{position:absolute;left:0;right:0;bottom:0;padding:44px;text-align:center;opacity:0;transition:opacity .6s ease .15s}
.card .cap h3{font-weight:700;font-size:clamp(24px,2.7vw,37px);letter-spacing:-.02em}
.card .cap p{color:var(--ink2);font-size:16.5px;max-width:640px;margin:13px auto 0;line-height:1.5}
.card.p0{transform:translateX(-50%) translateY(0) scale(1);opacity:1;z-index:3}
.card.p0 .cap{opacity:1}
.card.p1{transform:translateX(-50%) translateY(-30px) scale(.93);opacity:.55;z-index:2;filter:saturate(.85) brightness(.66)}
.card.p2{transform:translateX(-50%) translateY(-56px) scale(.865);opacity:.32;z-index:1;filter:saturate(.7) brightness(.5)}
.card.p3{transform:translateX(-50%) translateY(-74px) scale(.82);opacity:0;z-index:0}
.deck-team .card{background:linear-gradient(180deg,#15121d,#0b0910)}
.deck-team .card img{object-fit:contain;object-position:50% 50%}
.deck-team .card .cap{background:linear-gradient(180deg,transparent,rgba(6,5,7,.72) 60%,rgba(6,5,7,.95))}
/* slider nav arrows */
.snav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;background:none;border:none;color:var(--ink2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:12px;transition:color .3s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}
.snav:hover{color:var(--lime)}
.snav-prev:hover{transform:translateY(-50%) translateX(-5px)}
.snav-next:hover{transform:translateY(-50%) translateX(5px)}
.snav svg{width:44px;height:44px;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.snav-prev{left:-66px}.snav-next{right:-66px}
@media(max-width:1180px){.snav{padding:6px}.snav svg{width:34px;height:34px}.snav-prev{left:-4px}.snav-next{right:-4px}}
.prog{max-width:300px;width:100%;height:3px;margin:38px auto 0;background:rgba(255,255,255,.14);border-radius:3px;overflow:hidden;position:relative;z-index:4}
.prog i{display:block;height:100%;width:0;background:var(--lime);box-shadow:0 0 14px rgba(168,224,95,.8)}
@media(max-width:820px){.deck{height:392px}.card{width:100%;height:368px}.card.p1{transform:translateX(-50%) translateY(-22px) scale(.93)}.card.p2{transform:translateX(-50%) translateY(-40px) scale(.87)}}

/* ---- problem stacked (Domeo style: one over another, short) ---- */
.pstack{max-width:920px;margin:0 auto;display:flex;flex-direction:column}
.pst{padding:34px 0;border-top:1px solid var(--hair);display:flex;gap:28px;align-items:baseline}
.pst .who{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--vio2);min-width:170px;flex:none}
.pst h3{font-weight:800;font-size:clamp(22px,2.8vw,34px);letter-spacing:-.03em;line-height:1.05}
.pst p{color:var(--ink2);font-size:16px;margin-top:8px}
@media(max-width:760px){.pst{flex-direction:column;gap:8px}.pst .who{min-width:0}}

/* ---- tariff rows 1:1 ---- */
.trow{display:grid;grid-template-columns:0.85fr 1.05fr 1.1fr;gap:40px;align-items:center;padding:54px 0;border-top:1px solid var(--hair)}
.trow:first-of-type{border-top:none}
.trow .tname{font-weight:800;font-size:28px;letter-spacing:-.03em}
.trow .tvol{font-size:15px;color:var(--ink);margin-top:14px;font-weight:600}
.trow .tnote{font-size:14px;color:var(--ink2);margin-top:8px}
.trow .tprice{font-weight:800;font-size:46px;letter-spacing:-.02em;margin-top:18px}
.trow .thead{font-weight:700;font-size:24px;letter-spacing:-.02em}
.trow .tbul{list-style:none;margin:18px 0 22px;display:flex;flex-direction:column;gap:11px}
.trow .tbul li{font-size:15px;color:var(--ink2);padding-left:16px;border-left:2px solid var(--vio)}
.trow .tmedia{border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px var(--hair)}
.trow .tmedia img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .8s ease}
.trow:hover .tmedia img{transform:scale(1.05)}
@media(max-width:960px){.trow{grid-template-columns:1fr;gap:22px;padding:40px 0}.trow .tmedia img{height:240px}}

/* ---- video bg ---- */
.vidwrap{position:relative;overflow:hidden}
.vidbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.45}
.vidwrap>.wrap{position:relative;z-index:2}
.vidwrap::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(700px 360px at 50% 30%,rgba(139,92,246,.28),transparent 70%),linear-gradient(180deg,rgba(6,5,7,.55),rgba(6,5,7,.8))}

/* ---- problem deck (slider с болями, текст по центру) ---- */
.prob-head{text-align:center}
.prob-head .big{margin:0 auto;text-align:center}
.card .cap .lbl{display:block;font-family:'Geist Mono',monospace;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--vio2);margin-bottom:14px}
.deck-prob .card .ov{background:linear-gradient(180deg,rgba(6,5,7,0) 0%,rgba(6,5,7,.04) 42%,rgba(6,5,7,.62) 78%,rgba(6,5,7,.94) 100%)}
.deck-prob .card .cap h3{font-size:clamp(26px,3vw,42px)}

/* ---- solution credibility panel (как референс «стандарты», без фото) ---- */
.solcard{position:relative;border-radius:30px;overflow:hidden;text-align:center;padding:74px 40px 66px;background:radial-gradient(760px 420px at 50% -12%,rgba(139,92,246,.18),transparent 70%),linear-gradient(180deg,#15111E,#0C0A12);box-shadow:0 0 0 1px var(--hair),0 60px 130px -60px rgba(0,0,0,.92)}
.solcard::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:66%;height:260px;background:radial-gradient(58% 100% at 50% 100%,rgba(199,125,255,.4),rgba(139,92,246,.18) 44%,transparent 76%);filter:blur(8px);pointer-events:none;z-index:0}
.solcard .chips{position:relative;z-index:1;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}
.solcard .chips span{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);border:1px solid var(--hairs);border-radius:999px;padding:8px 15px}
.solcard h2{position:relative;z-index:1;font-weight:800;font-size:clamp(28px,3.7vw,50px);letter-spacing:-.03em;line-height:1.04;max-width:800px;margin:0 auto}
.solcard p{position:relative;z-index:1;color:var(--ink2);font-size:17px;max-width:600px;margin:20px auto 0}
.solcard .cta-wrap{position:relative;z-index:1;margin-top:40px;display:flex;justify-content:center}

/* ---- flow scheme (схема работы с лёгкой анимацией) ---- */
.flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.flow::before{content:"";position:absolute;top:47px;left:11%;right:11%;height:2px;z-index:0;background:linear-gradient(90deg,transparent,rgba(167,139,255,.6),rgba(167,139,255,.6),transparent)}
.flow .beam{position:absolute;top:45px;left:10%;width:96px;height:4px;border-radius:4px;z-index:1;background:linear-gradient(90deg,transparent,var(--lime),transparent);filter:blur(1px);animation:flowBeam 4.6s cubic-bezier(.5,0,.5,1) infinite}
@keyframes flowBeam{0%{left:8%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:82%;opacity:0}}
.fnode{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 6px}
.fnode .ring{position:relative;width:94px;height:94px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 24%,#201A33,#0C0A14);box-shadow:0 18px 44px -18px rgba(139,92,246,.55)}
.fnode .ring::before{content:"";position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 0deg,var(--vio),var(--vio2),#F472B6,var(--vio));-webkit-mask:radial-gradient(closest-side,transparent 79%,#000 81%);mask:radial-gradient(closest-side,transparent 79%,#000 81%);animation:ringSpin 7s linear infinite}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.fnode .ring svg{position:relative;z-index:1;width:34px;height:34px;stroke:var(--vio2);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;animation:icFloat 3.2s ease-in-out infinite}
.fnode:nth-child(3) .ring svg{animation-delay:.4s}.fnode:nth-child(4) .ring svg{animation-delay:.8s}.fnode:nth-child(5) .ring svg{animation-delay:1.2s}
@keyframes icFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.fnode .num{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.1em;color:var(--vio2);margin-top:18px}
.fnode h3{font-weight:700;font-size:17px;margin-top:8px;letter-spacing:-.01em}
.fnode p{font-size:15px;color:var(--ink2);margin-top:10px;max-width:240px;line-height:1.5}
@media(max-width:860px){.flow{grid-template-columns:1fr 1fr;gap:46px 20px}.flow::before,.flow .beam{display:none}}
@media(max-width:520px){.flow{grid-template-columns:1fr}}

/* ---- how: editorial rows (референс: выезд справа при скролле) ---- */
.howhead{text-align:center;margin-bottom:24px;opacity:0;transform:translateY(28px);transition:opacity var(--rev) var(--ease),transform var(--rev) var(--ease)}
.howhead.in{opacity:1;transform:none}
.howhead h2{font-weight:800;font-size:clamp(30px,4vw,56px);letter-spacing:-.035em;line-height:1.02}
.howsteps{display:flex;flex-direction:column}
.fstep{display:grid;grid-template-columns:68px minmax(0,400px) minmax(0,1fr);gap:14px 52px;align-items:start;padding:40px 0 36px;border-top:1px dashed var(--hairs)}
.fstep:last-child{border-bottom:1px dashed var(--hairs)}
.fstep .fn{font-family:'Geist Mono',monospace;font-size:clamp(30px,3vw,42px);font-weight:700;line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(167,139,255,.5);padding-top:2px}
.fstep h3{font-weight:300;font-size:clamp(25px,2.6vw,33px);letter-spacing:-.01em;line-height:1.14;color:var(--ink)}
.fstep .ft{color:var(--ink2);font-size:18px;line-height:1.5}
.fstep{opacity:0;transform:translateX(90px)}
.fstep.in{opacity:1;transform:none;transition:opacity var(--rev) var(--ease),transform var(--rev) var(--ease)}
.fstep.in:nth-child(2){transition-delay:.09s}
.fstep.in:nth-child(3){transition-delay:.18s}
.fstep.in:nth-child(4){transition-delay:.27s}
@media(max-width:760px){.fstep{grid-template-columns:44px 1fr;gap:4px 16px;padding:28px 0}.fstep .ft{grid-column:2 / -1;max-width:none;font-size:16px;margin-top:8px}.fstep h3{font-size:24px}}

/* ---- facts «Только цифры» (референс 1:1) ---- */
.facts{display:block}
.facts .ftitle{font-weight:800;font-size:clamp(40px,6vw,84px);line-height:.98;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:clamp(36px,4.5vw,58px)}
.facts .frows{display:flex;flex-direction:column;gap:clamp(30px,3.4vw,48px);min-width:0}
.frow{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px)}
.fact{position:relative;min-width:0;padding-left:24px;border-left:1px solid var(--hairs)}
.fact:hover{border-color:var(--vio2)}
.fact .fnum{position:relative;display:inline-block;font-weight:500;font-size:clamp(40px,4.4vw,82px);line-height:.92;letter-spacing:-.03em;color:var(--ink);white-space:nowrap;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.fact:hover .fnum{transform:translateY(-6px)}
.fact .fnum::after{content:attr(data-disp);position:absolute;left:0;top:0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transition:opacity .55s ease;pointer-events:none}
.fact:hover .fnum::after{opacity:1}
.fact .flbl{color:var(--ink2);font-size:16px;line-height:1.45;margin-top:14px;max-width:230px}
.facts .fact{opacity:0;transform:translateY(30px)}
.facts.in .fact{opacity:1;transform:none;transition:opacity var(--rev) var(--ease),transform var(--rev) var(--ease)}
.facts.in .frow:nth-child(1) .fact:nth-child(1){transition-delay:.04s}
.facts.in .frow:nth-child(1) .fact:nth-child(2){transition-delay:.12s}
.facts.in .frow:nth-child(1) .fact:nth-child(3){transition-delay:.20s}
.facts.in .frow:nth-child(2) .fact:nth-child(1){transition-delay:.28s}
.facts.in .frow:nth-child(2) .fact:nth-child(2){transition-delay:.36s}
@media(max-width:860px){.facts .ftitle{font-size:clamp(36px,10vw,56px)}.frow{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.frow{grid-template-columns:1fr}}

/* ---- sources: «Ядро LIDOCALL» — центрированная сцена без рамки, подписи у узлов ---- */
.scene3d{position:relative;width:100%;max-width:1320px;margin:18px auto 0;height:clamp(500px,38vw,620px);z-index:1}
.ctaw{display:inline-block;border-radius:999px;will-change:transform}
@keyframes ctaImpact{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(168,224,95,0)}22%{transform:scale(1.06);box-shadow:0 0 0 7px rgba(168,224,95,.22),0 20px 60px -8px rgba(168,224,95,.85)}52%{transform:scale(.993);box-shadow:0 0 0 0 rgba(168,224,95,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(168,224,95,0)}}
.ctaw.ping{animation:ctaImpact 1.05s cubic-bezier(.22,.9,.28,1)}
.scene3d::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px;max-width:92%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(139,92,246,.16),transparent 62%);pointer-events:none;z-index:0}
.scene3d .stagec{position:absolute;inset:0;z-index:1}
.scene3d canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;touch-action:pan-y}
.scene3d.failed::before{background:radial-gradient(circle,rgba(167,139,255,.3),rgba(139,92,246,.08) 45%,transparent 72%)}
.src-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;font-weight:900;font-size:clamp(24px,2.8vw,40px);letter-spacing:.08em;background:linear-gradient(95deg,#CDB9FF,#E9A6FF 45%,#FBA8D2);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(199,125,255,.7));pointer-events:none;white-space:nowrap;animation:brandPulse 3.6s ease-in-out infinite}
.src-brand::before{content:"";position:absolute;left:50%;top:50%;width:170%;height:230%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(6,5,7,.5),rgba(6,5,7,.22) 50%,transparent 74%);filter:blur(6px);border-radius:50%;z-index:-1}
@keyframes brandPulse{0%,100%{filter:drop-shadow(0 0 16px rgba(199,125,255,.5))}50%{filter:drop-shadow(0 0 30px rgba(244,114,182,.8))}}
.slab{position:absolute;z-index:3;width:212px;opacity:0;transition:opacity .6s ease}
.scene3d.ready .slab{opacity:1}
.slab .sk{display:block;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--vio2)}
.slab .st{display:block;font-weight:700;font-size:16px;letter-spacing:-.01em;margin-top:4px;line-height:1.2;transition:color .3s}
.slab .sd{display:block;color:var(--ink2);font-size:15px;line-height:1.5;margin-top:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .55s cubic-bezier(.16,1,.3,1),opacity .4s ease}
.slab.active .sd{max-height:170px;opacity:1}
.slab.active .st{color:#fff}
.slab.left{text-align:right;transform:translate(-100%,-50%);padding-right:32px}
.slab.right{text-align:left;transform:translate(0,-50%);padding-left:32px}
.slab.top{text-align:center;transform:translate(-50%,-100%);padding-bottom:16px;width:250px}
.slab::after{content:"";position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:var(--vio2);box-shadow:0 0 12px 2px rgba(167,139,255,.7);transform:translateY(-50%);transition:transform .4s}
.slab.left::after{right:-3.5px}
.slab.right::after{left:-3.5px}
.slab.top::after{top:auto;bottom:-3.5px;left:50%;transform:translate(-50%,0)}
.slab.active::after{transform:translateY(-50%) scale(1.6)}
.slab.top.active::after{transform:translate(-50%,0) scale(1.6)}
.srcm{display:none}
@media(max-width:1024px){
  .scene3d{height:auto;max-width:520px}
  .scene3d::before{width:480px;height:480px}
  .scene3d .stagec{position:relative;height:340px}
  .slab{display:none}
  .srcm{display:flex;flex-direction:column;max-width:680px;margin:20px auto 0}
  .srcm .mi{position:relative;display:block;padding:16px 4px 16px 18px;border-top:1px solid var(--hair)}
  .srcm .mi:last-child{border-bottom:1px solid var(--hair)}
  .srcm .mi::after{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--grad);transform:scaleY(0);transition:transform .4s}
  .srcm .mi.active::after{transform:scaleY(1)}
  .srcm .sk{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--vio2)}
  .srcm .st{display:block;font-weight:700;font-size:17px;margin-top:4px}
  .srcm .sd{display:block;color:var(--ink2);font-size:14px;line-height:1.5;margin-top:6px;max-height:none;opacity:1}
}

/* ---- cycle: вертикальный таймлайн с живой линией ---- */
.cyc{position:relative;max-width:860px;margin:12px auto 0;padding-left:50px}
.cyc::before{content:"";position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--vio),var(--vio2),#F472B6,var(--vio));background-size:100% 300%;animation:cycFlow 6s linear infinite;opacity:.45}
@keyframes cycFlow{to{background-position:0 300%}}
.cstep{position:relative;padding:0 0 42px}
.cstep:last-child{padding-bottom:0}
.cstep .dot{position:absolute;left:-43px;top:4px;width:18px;height:18px;border-radius:50%;background:#0e0c14;box-shadow:inset 0 0 0 2px var(--vio2);transition:background .5s,box-shadow .5s}
.cstep.in .dot{background:var(--vio2);box-shadow:0 0 0 6px rgba(139,92,246,.22),inset 0 0 0 2px var(--vio2)}
.cstep .ct{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--vio2)}
.cstep h3{font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.02em;margin-top:8px;line-height:1.06}
.cstep p{color:var(--ink2);font-size:16px;margin-top:8px}
@media(max-width:560px){.cyc{padding-left:38px}.cstep .dot{left:-31px}}

/* ---- guarantees: премиальные карточки-гарантии (лайм-акцент) ---- */
.guars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}
.guar{position:relative;border-radius:18px;padding:28px 26px 26px;background:linear-gradient(180deg,var(--surf),#0e0c14);box-shadow:inset 0 0 0 1px var(--hair);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.guar:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(168,224,95,.42),0 30px 60px -30px rgba(168,224,95,.32)}
.guar .gi{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(168,224,95,.22),rgba(168,224,95,.06));box-shadow:inset 0 0 0 1px var(--hairs)}
.guar .gi svg{width:24px;height:24px;stroke:var(--lime);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.guar b{display:block;font-weight:700;font-size:17px;margin-top:18px}
.guar span{display:block;color:var(--ink2);font-size:14.5px;margin-top:10px;line-height:1.5}
@media(max-width:860px){.guars{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.guars{grid-template-columns:1fr}}

/* ---- guarantees as image cards (референс: одна над другой, ширина = слайдер героя) ---- */
.gwrap{max-width:770px;margin:0 auto}
.gcards{display:flex;flex-direction:column;gap:clamp(46px,6vw,84px);margin-top:30px}
.gcard{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:5/4;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:clamp(30px,4vw,46px) clamp(24px,3vw,40px);box-shadow:0 44px 96px -52px rgba(0,0,0,.92),0 0 0 1px var(--hair)}
.gcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.gcard:hover img{transform:scale(1.05)}
.gcard .gov{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,5,7,.95) 0%,rgba(6,5,7,.64) 15%,rgba(6,5,7,.14) 38%,rgba(6,5,7,.08) 56%,rgba(6,5,7,.52) 78%,rgba(6,5,7,.95) 100%)}
.gcard h3{position:relative;z-index:2;font-weight:800;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.02em;line-height:1.12;max-width:560px}
.gcard p{position:relative;z-index:2;color:#e8e5ee;font-size:clamp(14.5px,1.2vw,16.5px);line-height:1.5;margin:0 auto;max-width:520px;background:rgba(12,10,18,.5);backdrop-filter:blur(8px);border:1px solid var(--hair);border-radius:16px;padding:16px 22px}
@media(max-width:820px){.gwrap{max-width:100%}.gcard{aspect-ratio:4/3}}
@media(max-width:520px){.gcard{aspect-ratio:3/4}.gcard p{padding:13px 16px}}

/* ---- mid-page CTA (референс «Позвольте…») ---- */
.midcta{position:relative;text-align:center;padding:24px 0 8px}
.midcta .ghost2{font-weight:900;font-size:clamp(58px,12vw,158px);line-height:.92;letter-spacing:-.04em;white-space:nowrap;background:linear-gradient(180deg,#2a2632,#0d0b11);-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none}
.midcta h2{position:relative;font-weight:800;font-size:clamp(24px,3.2vw,42px);letter-spacing:-.025em;line-height:1.12;margin-top:clamp(-22px,-2vw,-10px)}
.midcta h2 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.mform{max-width:460px;margin:30px auto 0;display:flex;flex-direction:column;gap:12px}
.mform input{width:100%;height:60px;background:var(--bg2);color:var(--ink);padding:0 22px;border-radius:999px;font-size:16px;font-family:'Onest';border:none;box-shadow:inset 0 0 0 1px var(--hairs);text-align:center}
.mform input::placeholder{color:#6a6580}
.mform .btn{justify-content:center;width:100%;height:60px}
.mform .cons{display:flex;gap:8px;justify-content:center;font-size:12px;color:var(--ink3);align-items:center;margin-top:2px}
.mform .cons input{width:auto;height:auto}
.mok{display:none;color:var(--lime);font-weight:700;font-size:18px;margin-top:6px}.mok.show{display:block}

/* ---- clients marquee ---- */
.logos{overflow:hidden;position:relative}
.logos::before,.logos::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:3;pointer-events:none}
.logos::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.logos::after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
.lrow{display:flex;gap:30px;width:max-content;will-change:transform}
.lrow.r1{animation:marqL 48s linear infinite}
.lrow.r2{animation:marqR 56s linear infinite;margin-top:26px}
@keyframes marqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes marqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.lrow:hover{animation-play-state:paused}
.plogo{position:relative;flex:none;width:166px;height:76px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:background .35s ease,box-shadow .35s ease}
.plogo img{max-width:80%;max-height:60%;object-fit:contain;filter:brightness(0) invert(1);opacity:.6;transition:filter .35s ease,opacity .35s ease}
.plogo.lt img{filter:none;opacity:.72}
.plogo:hover{background:#fff;box-shadow:0 12px 32px -12px rgba(0,0,0,.7)}
.plogo:hover img{filter:none;opacity:1}
.plogo.lt:hover{background:#15111d}
.plogo.lt:hover img{filter:none;opacity:1}
.trustblk{position:relative;border-radius:30px;overflow:hidden;padding:78px 0 54px;background:radial-gradient(780px 420px at 50% -10%,rgba(167,139,255,.26),rgba(139,92,246,.1) 45%,transparent 72%),linear-gradient(180deg,#16121F,#0B0910);box-shadow:0 0 0 1px var(--hair)}
.trustwrap{position:relative;padding-top:clamp(56px,8vw,104px)}
.tb-ghost{position:absolute;top:0;left:50%;transform:translateX(-50%);font-weight:900;font-size:clamp(84px,15vw,188px);line-height:1;letter-spacing:-.04em;white-space:nowrap;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 46px rgba(199,125,255,.6));pointer-events:none;z-index:3}
.trustblk .tb-h{position:relative;z-index:1;text-align:center;font-size:clamp(28px,3.4vw,46px);letter-spacing:-.03em;margin-top:40px}
.trustblk .tb-p{position:relative;z-index:1;text-align:center;color:var(--ink2);font-size:16px;margin:14px auto 0;max-width:560px;padding:0 24px}
.trustblk .logos{position:relative;z-index:1;margin-top:46px}
.trustblk .logos::before{background:linear-gradient(90deg,#120e1c,transparent)}
.trustblk .logos::after{background:linear-gradient(270deg,#0f0b16,transparent)}
/* партнёрские лого — силуэты без карточек (.plogo) */
/* ---- cases: курсор «Посмотреть» + модалка кейса ---- */
.case{cursor:pointer}
@media(hover:hover) and (pointer:fine){.cases.curon,.cases.curon .case,.cases.curon .case *{cursor:none}.cases.curon .play,.cases.curon .play *{cursor:pointer}}
.seecur{position:fixed;left:0;top:0;z-index:90;pointer-events:none;transform:translate(-50%,-50%) scale(.6);opacity:0;transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1);background:var(--lime);color:var(--limed);font-weight:800;font-size:13px;padding:11px 18px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 30px -8px rgba(168,224,95,.7)}
.seecur.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.seehint{position:absolute;top:14px;right:14px;z-index:3;display:none;align-items:center;gap:6px;background:rgba(168,224,95,.92);color:var(--limed);font-weight:700;font-size:12px;padding:7px 12px;border-radius:999px}
@media(hover:none),(pointer:coarse){.seehint{display:inline-flex}}
.cmodal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:30px}
.cmodal.open{display:flex}
.cm-ov{position:absolute;inset:0;background:rgba(4,3,7,.78);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
.cmodal.in .cm-ov{opacity:1}
.cm-box{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.25fr .95fr;width:min(1180px,100%);height:min(92vh,880px);background:linear-gradient(180deg,#141019,#0d0a12);border-radius:24px;overflow:hidden;box-shadow:0 60px 140px -50px #000,0 0 0 1px var(--hair);transform:translateY(34px) scale(.93);opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s ease}
.cmodal.in .cm-box{transform:none;opacity:1}
.cm-box.lead{grid-template-columns:1.05fr 1fr;width:min(940px,100%);height:min(86vh,620px)}
.cm-body::-webkit-scrollbar,.cm-form::-webkit-scrollbar{width:8px}
.cm-body::-webkit-scrollbar-thumb,.cm-form::-webkit-scrollbar-thumb{background:rgba(167,139,255,.4);border-radius:8px}
.cm-body::-webkit-scrollbar-track,.cm-form::-webkit-scrollbar-track{background:transparent}
.cm-body,.cm-form{scrollbar-width:thin;scrollbar-color:rgba(167,139,255,.4) transparent}
.cm-media,.cm-body,.cm-form{min-height:0}
.cm-media{position:relative}
.cm-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cm-mov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,5,7,.12),rgba(6,5,7,.55) 55%,rgba(6,5,7,.92))}
.cm-cap{position:absolute;left:0;right:0;bottom:0;padding:26px;z-index:1}
.cm-metric{font-weight:800;font-size:46px;letter-spacing:-.03em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cm-niche{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-top:8px}
.cm-cap .play{margin-top:18px;display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid var(--hairs);color:var(--ink);border-radius:999px;padding:7px 16px 7px 7px;font-family:'Onest';font-weight:600;font-size:13px;cursor:pointer;transition:background .3s,border-color .3s}
.cm-cap .play:hover{background:rgba(168,224,95,.18);border-color:var(--lime)}
.cm-cap .play .pi{width:30px;height:30px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;flex:none}
.cm-cap .play .pi svg{width:13px;height:13px;fill:var(--limed)}
.cm-cap .play .ic-pause{display:none}.cm-cap .play.on .ic-play{display:none}.cm-cap .play.on .ic-pause{display:inline}
.cm-cap .play.on .pi{animation:pulseLime 1.4s ease-in-out infinite}
.cm-body{padding:42px 38px;overflow-y:auto}
.cm-body h3{font-weight:800;font-size:27px;letter-spacing:-.02em;line-height:1.15;margin-bottom:8px}
.cm-body p{color:var(--ink2);font-size:16.5px;line-height:1.65;margin:14px 0}
.cm-body h4{font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--vio2);margin:26px 0 12px}
.cm-body ul{list-style:none;display:flex;flex-direction:column;gap:11px;margin:6px 0}
.cm-body li{position:relative;padding-left:22px;font-size:16.5px;color:var(--ink);line-height:1.55}
.cm-body li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--lime)}
.cm-body li b{font-weight:800}
.cm-quote{margin-top:20px;padding:17px 20px;border-left:2px solid var(--lime);background:rgba(168,224,95,.06);border-radius:0 12px 12px 0;font-size:16px;color:var(--ink);line-height:1.55}
.cm-form{padding:34px 30px;background:radial-gradient(420px 300px at 80% 0%,rgba(168,224,95,.1),transparent 70%),var(--surf);display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--hair);overflow-y:auto}
.cm-form h3{font-weight:800;font-size:24px;letter-spacing:-.02em}
.cm-form .cf-sub{color:var(--ink2);font-size:15px;margin-top:9px;line-height:1.5}
.cm-form form{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.cm-form input[type=text],.cm-form input[type=tel]{height:54px;background:var(--bg2);color:var(--ink);padding:0 16px;border-radius:12px;font-size:16px;font-family:'Onest';border:none;box-shadow:inset 0 0 0 1px var(--hair)}
.cm-form input.err{box-shadow:inset 0 0 0 1px #FF5C7A!important}
.cm-form input:focus{outline:none;box-shadow:inset 0 0 0 1px rgba(168,224,95,.6)}
.cm-form .cf-cons{display:flex;gap:8px;font-size:12px;color:var(--ink3);align-items:flex-start}.cm-form .cf-cons input{margin-top:3px}
.cm-form .btn{justify-content:center;margin-top:2px}
.cm-form .cf-ok{display:none;color:var(--lime);font-weight:700;margin-top:10px}
.cm-form .cf-note{font-family:'Geist Mono',monospace;font-size:12.5px;color:var(--ink2);margin-top:14px;display:flex;align-items:center;gap:7px}
.cm-form .cf-note .ctmr{color:var(--lime);font-weight:800;font-size:14px;letter-spacing:.04em}
.cm-x{position:absolute;top:14px;right:14px;z-index:4;width:42px;height:42px;border-radius:50%;border:none;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:background .2s}
.cm-x:hover{background:rgba(0,0,0,.75)}
.xbox{position:relative;z-index:1;width:min(480px,100%);background:radial-gradient(520px 280px at 50% -10%,rgba(168,224,95,.16),transparent 70%),linear-gradient(180deg,#16131e,#0d0a12);border-radius:24px;padding:42px 36px 32px;box-shadow:0 60px 140px -50px #000,inset 0 0 0 1px rgba(168,224,95,.28);transform:translateY(28px) scale(.94);opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s ease;text-align:center;max-height:94vh;overflow-y:auto}
.cmodal.in .xbox{transform:none;opacity:1}
.xkick{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.xh{font-weight:800;font-size:clamp(25px,4vw,31px);letter-spacing:-.025em;line-height:1.08;margin-top:14px}
.xh .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.xsub{color:var(--ink2);font-size:15px;margin-top:12px;line-height:1.5}
.xlist{list-style:none;display:flex;flex-direction:column;gap:12px;margin:24px 0 4px;text-align:left}
.xlist li{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:600;color:var(--ink)}
.xlist .xi{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(168,224,95,.14);color:var(--lime);font-size:13px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(168,224,95,.4),0 0 16px -3px rgba(168,224,95,.6)}
.xlist b{color:var(--lime)}
.xform{display:flex;flex-direction:column;gap:11px;margin-top:22px}
.xform input[type=tel],.xform input[type=text]{height:54px;background:var(--bg2);color:var(--ink);padding:0 16px;border-radius:12px;font-size:16px;font-family:'Onest';border:none;box-shadow:inset 0 0 0 1px var(--hair);text-align:center}
.xform input.err{box-shadow:inset 0 0 0 1px #FF5C7A!important}
.xform input:focus{outline:none;box-shadow:inset 0 0 0 1px rgba(168,224,95,.6)}
.xform .btn{justify-content:center}
.xcons{display:flex;gap:9px;font-size:11.5px;color:var(--ink3);align-items:center;text-align:left}
.xcons input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--lime)}
.xnote{font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink2);margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.xnote .s{color:var(--gold)}.xnote b{color:var(--ink)}
.xok{display:none;color:var(--lime);font-weight:700;margin-top:12px}
@media(max-width:520px){.xbox{padding:34px 22px 26px}}
.cm-nav{position:absolute;top:14px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid var(--hairs);background:rgba(10,8,14,.72);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:background .25s,border-color .25s}
.cm-nav:hover{background:rgba(168,224,95,.18);border-color:var(--lime)}
.cm-nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cm-prev{right:106px}.cm-next{right:62px}
@media(max-width:920px){.cmodal{padding:0}.cm-box,.cm-box.lead{grid-template-columns:1fr;height:100vh;width:100%;border-radius:0;overflow-y:auto;display:flex;flex-direction:column}.cm-media{min-height:230px;flex:none}.cm-body{overflow:visible}.cm-form{overflow:visible}.cm-prev,.cm-next{display:none}}