/* Главная страница doitreal studio. Тёмная кинематографичная тема, акцент студии (синий), без внешних библиотек и шрифтов. */
:root{--bg:#06070a;--bg2:#0b0d12;--fg:#f2f4f8;--mut:#9aa4b5;--line:rgba(255,255,255,.1);--brand:#2c6bff;--brand2:#5b8bff;--cyan:#35d8ff;--glass:rgba(16,19,26,.62);
  --f:'Onest',system-ui,-apple-system,Segoe UI,sans-serif;--m:'JetBrains Mono',ui-monospace,monospace;--r:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--f);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,video,svg{max-width:100%;display:block}a{color:inherit}.mono{font-family:var(--m)}
h1,h2,h3{font-weight:600;letter-spacing:-.025em;line-height:1.08;margin:0}
h2{font-size:clamp(28px,3.6vw,48px);line-height:1.1;letter-spacing:-.025em;text-wrap:balance}h3{font-size:20px;line-height:28px}p{margin:0}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left))}.narrow{max-width:860px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}
::selection{background:var(--brand);color:#fff}

/* шум и свечение за курсором */
.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.cursor{position:fixed;left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;z-index:1;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(44,107,255,.16),transparent);opacity:0;transition:opacity .4s;will-change:transform}
.cursor.on{opacity:1}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--fg);font:500 14px/1 var(--f);text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;white-space:nowrap}
.btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2)}
.btn.primary{background:linear-gradient(180deg,#4a82ff,#2559ec);border-color:transparent;color:#fff;box-shadow:0 8px 28px -8px rgba(44,107,255,.7),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.primary:hover{box-shadow:0 12px 36px -8px rgba(44,107,255,.9),inset 0 1px 0 rgba(255,255,255,.3);transform:translateY(-1px)}
.btn.ghost{background:transparent}.btn.big{height:54px;padding:0 28px;font-size:16px;border-radius:14px}.btn.compact{height:40px;padding:0 16px;font-size:14px}
.btn[disabled]{opacity:.6;cursor:default}

/* навигация */
.nav{position:fixed;left:0;right:0;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:16px max(20px,env(safe-area-inset-left));transition:background .3s,backdrop-filter .3s,border-color .3s,transform .35s cubic-bezier(.2,.8,.2,1);border-bottom:1px solid transparent}
.nav.away{transform:translateY(-110%)}.nav.scrolled{background:rgba(6,7,10,.72);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-color:var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand .mk{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--brand);color:#fff;font:600 26px/36px var(--f);font-style:normal}
.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font:600 16px/18px var(--f);letter-spacing:-.02em}.brand b i{font-style:normal;color:var(--brand2)}.brand small{font:500 11px/12px var(--m);letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-top:4px}
.nav-links{display:flex;gap:28px;margin:0 auto;font-size:14px;color:var(--mut)}.nav-links a{text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--fg)}
.nav-cta{display:flex;gap:8px}

/* ============ HERO ============ */
.hero{position:relative;height:560vh;background:#000}
.hero-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;perspective:1400px}
.hero-bg{position:absolute;inset:-4%;transform-origin:50% 50%;will-change:transform}
.hero-bg video{width:100%;height:100%;object-fit:cover;background:#000}
.hero-vig{position:absolute;inset:0;background:radial-gradient(120% 90% at 70% 45%,transparent 25%,rgba(6,7,10,.55) 70%,rgba(6,7,10,.95)),linear-gradient(0deg,rgba(6,7,10,.7),transparent 30%)}
.hero-vig::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,10,.78),rgba(6,7,10,.2) 40%,transparent 60%);transition:opacity .4s}.hero.moved .hero-vig::before{opacity:0}
.hero-wire{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(53,216,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(53,216,255,.12) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 60% at 70% 50%,#000,transparent);-webkit-mask-image:radial-gradient(70% 60% at 70% 50%,#000,transparent);transition:opacity .6s}
.hero[data-stage="3"] .hero-wire,.hero[data-stage="2"] .hero-wire{opacity:0}
.hero-in{position:relative;height:100%;max-width:1200px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left));display:flex;align-items:center}
.hero-copy{max-width:660px;transition:opacity .25s,transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity}
.hero.moved .hero-copy{opacity:0;transform:translateY(-40px);pointer-events:none;visibility:hidden;transition:opacity .25s,transform .6s,visibility 0s .3s}
.kicker{display:inline-flex;align-items:center;gap:12px;font:500 12px/1 var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);margin-bottom:24px}
.kicker b{color:var(--fg);font-weight:500}.dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
.hero-h{font-size:clamp(40px,7.4vw,96px);line-height:.98;letter-spacing:-.04em;margin-bottom:24px}
.hero-h .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .08em .22em 0;margin-bottom:-.22em;white-space:nowrap}.hero-h .w>span{display:inline-block;transform:translateY(105%);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.hero-h .w:nth-child(2)>span{transition-delay:.12s}.go .hero-h .w>span{transform:none}
.grad{background:linear-gradient(100deg,#fff 0%,#9cc0ff 45%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{font-size:clamp(16px,1.6vw,20px);line-height:1.55;color:#c4ccd9;max-width:560px;margin-bottom:32px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.hero-proof{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:0;font-size:14px;color:var(--mut)}.hero-proof li::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand2);margin-right:12px;vertical-align:middle}
.hero-caps{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:12vh;max-width:520px;pointer-events:none}
.cap{position:absolute;left:0;bottom:0;width:min(520px,calc(100vw - 40px));opacity:0;transform:translateY(24px);visibility:hidden;transition:opacity .45s .15s,transform .6s .15s cubic-bezier(.2,.8,.2,1),visibility 0s .6s}
.cap.on{opacity:1;transform:none;visibility:visible;transition-delay:.2s,.2s,0s}.cap.on a{pointer-events:auto}
.cap small{display:block;font:500 12px/1 var(--m);letter-spacing:.2em;color:var(--cyan);margin-bottom:12px}
.cap b{display:block;font:600 clamp(38px,6vw,76px)/1 var(--f);letter-spacing:-.035em;margin-bottom:12px}
.cap span{display:block;font-size:clamp(16px,1.6vw,20px);color:#c4ccd9;margin-bottom:0}.cap a{margin-top:24px}
.hero-card{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:12vh;width:min(360px,calc(100vw - 40px));padding:16px;border-radius:18px;background:var(--glass);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);transform-style:preserve-3d;will-change:transform;transition:opacity .6s}
.hero:not(.moved) .hero-card{opacity:0}
.hc-top{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.chip{font:500 12px/1 var(--m);padding:8px 12px;border-radius:999px;background:rgba(44,107,255,.2);border:1px solid rgba(91,139,255,.45);color:#cfe0ff}.chip.dim{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--mut)}
.hc-prompt{font-size:14px;line-height:22px;color:#e8ecf3;margin-bottom:16px;min-height:44px}
.hc-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hc-price small{display:block;font:500 11px/14px var(--m);color:var(--mut);text-transform:uppercase;letter-spacing:.08em}.hc-price b{font-size:20px;line-height:28px}
.hc-go{padding:12px 16px;border-radius:12px;background:linear-gradient(180deg,#4a82ff,#2559ec);font:500 14px/1 var(--f);box-shadow:0 8px 24px -8px rgba(44,107,255,.8)}
.hero-rail{position:absolute;right:max(20px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}
.hero-rail i{width:4px;height:28px;border-radius:2px;background:rgba(255,255,255,.2);transition:background .3s,height .3s}.hero-rail i.on{background:var(--cyan);height:44px;box-shadow:0 0 12px rgba(53,216,255,.7)}
.hero-scroll{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font:500 11px/1 var(--m);letter-spacing:.2em;text-transform:uppercase;color:var(--mut);text-decoration:none;transition:opacity .4s}
.hero.moved .hero-scroll{opacity:0}.hero-scroll i{width:1px;height:36px;background:linear-gradient(var(--cyan),transparent);animation:drip 1.8s infinite}@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* бегущая строка */
.marq{border-block:1px solid var(--line);background:var(--bg2);overflow:hidden}.marq-t{display:flex;width:max-content;animation:mq 50s linear infinite}.marq-i{display:flex}
.marq span{font:500 14px/1 var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);padding:24px 28px;white-space:nowrap;position:relative}.marq span::after{content:'';position:absolute;right:-3px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--line);transform:translateY(-50%)}
@keyframes mq{to{transform:translateX(-50%)}}

/* секции */
.sec{padding:clamp(72px,11vw,144px) 0;position:relative}.dark2{background:var(--bg2)}
.eyebrow{font:500 12px/1 var(--m);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:20px}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#b8c1d0;max-width:640px;margin-top:20px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.fine{font-size:12px;line-height:20px;color:var(--mut);margin-top:16px}
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.step{padding:32px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));position:relative;overflow:hidden;transition:border-color .3s,transform .3s}
.step:hover{border-color:rgba(91,139,255,.5);transform:translateY(-4px)}.step::before{content:'';position:absolute;inset:auto -40% -60% auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(44,107,255,.25),transparent);opacity:0;transition:opacity .4s}.step:hover::before{opacity:1}
.num{display:block;font-size:14px;color:var(--cyan);margin-bottom:56px;letter-spacing:.1em}.step h3{margin-bottom:12px}.step p{color:var(--mut)}

/* возможности */
.feat{padding:clamp(72px,10vw,128px) 0;position:relative}
.feat-grid{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.9fr);gap:clamp(28px,4vw,56px);align-items:start}
.feat-list h2{margin-bottom:16px;font-size:clamp(30px,2.9vw,42px);line-height:1.1;text-wrap:balance}#features>.wrap{max-width:1360px}.fhint{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--cyan);margin-bottom:28px}
.fitems{display:flex;flex-direction:column;gap:8px}
.fi{all:unset;box-sizing:border-box;display:grid;grid-template-columns:34px 1fr;column-gap:12px;position:relative;cursor:pointer;padding:20px 16px;border-radius:16px;border:1px solid transparent;min-height:14vh;opacity:.66;transition:background .25s,border-color .25s,opacity .25s,transform .25s}
.fi .fn{grid-row:1/3;font-style:normal;font-size:12px;color:var(--mut);padding-top:8px}.fi b{display:block;font:600 clamp(20px,1.8vw,26px)/1.15 var(--f);letter-spacing:-.02em;margin-bottom:8px}
.fi span{display:block;color:var(--mut);font-size:14px;line-height:1.5;grid-column:2}
.fi .fgo{position:absolute;right:16px;bottom:12px;font:500 12px/1 var(--m);letter-spacing:.06em;text-transform:uppercase;font-style:normal;color:var(--cyan);opacity:0;transform:translateX(-6px);transition:all .25s}.fi .fgo::after{content:' →'}
.fi:hover{opacity:1;background:rgba(255,255,255,.04);transform:translateX(4px)}.fi:hover .fgo{opacity:1;transform:none}
.fi.on{opacity:1;background:rgba(44,107,255,.1);border-color:rgba(91,139,255,.5)}.fi.on .fn{color:var(--cyan)}.fi.on .fgo{opacity:0}.fi:focus-visible{outline-offset:-2px}
.feat-stage{position:sticky;top:max(72px,7vh);aspect-ratio:5/4;max-height:calc(100vh - max(72px,7vh) - 24px);width:100%;border-radius:24px;overflow:hidden;background:#0a0c11;border:1px solid var(--line);box-shadow:0 40px 100px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.03)}
.fs{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .55s,transform .9s cubic-bezier(.2,.8,.2,1),visibility 0s .55s;display:grid;place-items:center}.fs.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.fs>video,.fs>img{width:100%;height:100%;object-fit:contain;background:#05070b}
.bgb{position:absolute;inset:-8%;background-size:cover;background-position:center;filter:blur(36px) brightness(.45) saturate(1.2)}
.tag{position:absolute;left:16px;bottom:16px;z-index:3;max-width:calc(100% - 32px);padding:8px 12px;border-radius:999px;background:rgba(6,7,10,.72);backdrop-filter:blur(10px);border:1px solid var(--line);font:500 12px/1.3 var(--m);color:#dfe6f2}
.duo{position:relative;display:flex;gap:4%;height:76%;margin-bottom:7%;align-items:center;justify-content:center}.duo figure{margin:0;height:100%;aspect-ratio:3/4;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);transform:rotate(-2deg)}.duo figure+figure{transform:rotate(2deg) translateY(4%)}.duo img{width:100%;height:100%;object-fit:cover}
.swap3{position:relative;display:flex;align-items:center;justify-content:center;gap:1.5%;height:86%;width:100%;padding:0 3%;margin-bottom:6%}
.swap3 figure{position:relative;margin:0;width:29%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 50px -18px rgba(0,0,0,.8);background:#000;flex:none}
.swap3 figure video,.swap3 figure img{width:100%;height:100%;object-fit:cover}.swap3 figure.res{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 40px -6px rgba(53,216,255,.55)}
.swap3 figcaption{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:8px;font:500 12px/1.2 var(--f);padding:8px 12px;border-radius:999px;background:rgba(6,7,10,.78);backdrop-filter:blur(8px)}.swap3 figcaption i{font-style:normal;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;flex:none}
.swap3 .res figcaption i{background:var(--cyan);color:#000}.swap3 .op{font:300 34px/1 var(--f);font-style:normal;color:var(--cyan);flex:none}
.hb{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:16px;position:absolute;inset:5% 4% 12% 4%;align-items:stretch}
.hb-panel{padding:24px 20px;min-width:0;border-radius:18px;background:rgba(14,17,24,.82);border:1px solid var(--line);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:12px;overflow:hidden}.hb-t{font:600 16px/1.2 var(--f)}#hbRows{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:0}
.hb-r{display:grid;gap:12px}.hb-r small{font:500 11px/1 var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.hb-c{display:flex;flex-wrap:wrap;gap:8px}.hb-c span{font:500 12px/1.1 var(--f);padding:8px 12px;border-radius:999px;border:1px solid var(--line);color:var(--mut);transition:all .3s}
.hb-c span.on{background:rgba(44,107,255,.28);border-color:var(--brand2);color:#fff}.hb-own{display:none;margin:0;font-size:12px;line-height:18px;color:var(--cyan)}
.hb-view{position:relative;border-radius:18px;overflow:hidden;background:#0d1016;border:1px solid var(--line)}.hb-view>img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:opacity .45s}.hb-view.alien>img{object-fit:contain;background:#05070b}.hb.alien{grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr)}
.hb-lab{position:absolute;left:12px;top:12px;font:500 12px/1 var(--m);padding:8px 12px;border-radius:999px;background:rgba(6,7,10,.75);border:1px solid var(--line)}
.hb-th{position:absolute;right:10px;bottom:10px;display:flex;gap:8px}.hb-th button{all:unset;cursor:pointer;width:34px;height:34px;border-radius:9px;overflow:hidden;border:2px solid transparent;opacity:.7;transition:all .2s}.hb-th button.on{border-color:var(--cyan);opacity:1}.hb-th img{width:100%;height:100%;object-fit:cover}
.steps3{position:absolute;left:0;right:0;top:14px;display:flex;align-items:center;justify-content:center;gap:12px;z-index:3;font:500 12px/1 var(--m);color:#dfe6f2}.steps3 span{padding:8px 12px;border-radius:999px;background:rgba(6,7,10,.7);border:1px solid var(--line)}.steps3 span.on{border-color:var(--cyan);color:#fff}.steps3 i{width:24px;height:1px;background:var(--line)}
.aud{position:absolute;inset:0;display:grid}.aud canvas{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(circle at 50% 60%,#0f1a3a,#06070a 70%)}
.aud-ui{position:absolute;left:0;right:0;bottom:54px;display:flex;justify-content:center;align-items:center;gap:12px;z-index:3}.aud-b{all:unset;cursor:pointer;padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(6,7,10,.6);font:500 12px/1 var(--f);color:var(--mut)}.aud-b.on{border-color:var(--brand2);background:rgba(44,107,255,.3);color:#fff}
.aud-play{all:unset;cursor:pointer;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#4a82ff,#2559ec);color:#fff;font-size:16px;box-shadow:0 10px 30px -8px rgba(44,107,255,.8)}
.aud-t{position:absolute;left:0;right:0;top:16%;text-align:center;z-index:3;font:600 clamp(18px,2.4vw,30px)/1.2 var(--f);letter-spacing:-.02em;padding:0 24px}
.nodes{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at 20% 20%,#101a33,#07080c 70%)}.nodes svg{flex:1;min-height:0;width:100%}.nodes .btn{align-self:flex-start;z-index:3}
.nd-tabs{display:flex;gap:8px;flex-wrap:wrap;z-index:3}.nd-tabs button{all:unset;cursor:pointer;padding:8px 12px;border-radius:999px;border:1px solid var(--line);font:500 12px/1 var(--f);color:var(--mut)}.nd-tabs button.on{background:rgba(44,107,255,.28);border-color:var(--brand2);color:#fff}
#ndSvg .nbox{fill:#0f131c;stroke:rgba(255,255,255,.16);stroke-width:1.2}#ndSvg .nhead{opacity:.95}#ndSvg text{font-family:Onest,sans-serif}#ndSvg .nt{fill:#fff;font-size:12px;font-weight:600}#ndSvg .ns{fill:#9aa4b5;font-size:11px}#ndSvg .np{fill:#35d8ff;font:500 11px 'JetBrains Mono',monospace}
#ndSvg .pin{fill:#0f131c;stroke:#5b8bff;stroke-width:1.6}#ndSvg .edge{fill:none;stroke:rgba(91,139,255,.45);stroke-width:2}#ndSvg .pulse{fill:#35d8ff;filter:drop-shadow(0 0 6px #35d8ff)}
#ndSvg .node.run .nbox{stroke:#35d8ff;stroke-width:2}#ndSvg .node.done .nbox{stroke:#46d68c}#ndSvg .st{font-size:11px}
.sc{position:absolute;inset:0;padding:16px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:12px 16px;background:#090b10}.sc-f{grid-column:1/3;display:flex;gap:8px;flex-wrap:wrap}.sc-f button{all:unset;cursor:pointer;padding:8px 12px;border-radius:999px;border:1px solid var(--line);font:500 12px/1 var(--f);color:var(--mut)}.sc-f button.on{background:rgba(44,107,255,.28);border-color:var(--brand2);color:#fff}
.sc-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-template-rows:repeat(4,minmax(0,1fr));min-height:0}.sc-c{all:unset;display:block;box-sizing:border-box;cursor:pointer;position:relative;border-radius:12px;overflow:hidden;min-height:0;border:2px solid transparent;transition:all .2s}.sc-c img{width:100%;height:100%;object-fit:cover}.sc-c:hover{transform:translateY(-2px)}.sc-c.on{border-color:var(--cyan);box-shadow:0 0 24px -6px rgba(53,216,255,.6)}.sc-c.off{display:none}
.sc-c b{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 4px;font:500 11px/1.2 var(--f);background:linear-gradient(transparent,rgba(0,0,0,.88))}
.sc-d{padding:16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);overflow:auto;font-size:12px;line-height:1.5;color:#c5cddb}.sc-d h4{margin:0 0 4px;font:600 14px/1.2 var(--f);color:#fff}.sc-d .k{display:block;font:500 11px/1 var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin:8px 0 2px}.sc-d p{margin:0}

/* честная цена */
.ticks{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:16px}.ticks li{padding-left:32px;position:relative;color:#cfd6e2}.ticks li::before{content:'';position:absolute;left:0;top:8px;width:16px;height:16px;border-radius:50%;background:rgba(53,216,255,.15);border:1px solid var(--cyan);box-shadow:inset 0 0 0 4px var(--bg2)}
.bars{padding:32px;border-radius:var(--r);border:1px solid var(--line);background:rgba(255,255,255,.03)}.bar{display:grid;grid-template-columns:150px 1fr 56px;align-items:center;gap:16px;margin:16px 0;font-size:14px;color:var(--mut)}
.bar i{display:block;height:14px;border-radius:7px;background:rgba(255,255,255,.12);width:0;transition:width 1.4s cubic-bezier(.2,.8,.2,1) .2s}.bars.in .bar i{width:var(--w)}.bar.win i{background:linear-gradient(90deg,var(--brand),var(--cyan));box-shadow:0 0 24px rgba(53,216,255,.45)}.bar.win{color:var(--fg)}.bar b{text-align:right;color:var(--fg)}
.bars-n{font-size:12px;color:var(--mut);margin-top:20px}

/* цены */
.calc{margin-top:48px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:28px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.calc-tabs{display:flex;flex-wrap:wrap;gap:8px;align-content:center}.pill{all:unset;box-sizing:border-box;cursor:pointer;padding:12px 16px;border-radius:999px;border:1px solid var(--line);font:500 14px/1 var(--f);color:var(--mut);transition:all .2s}.pill:hover{color:var(--fg)}.pill.on{background:rgba(44,107,255,.22);border-color:var(--brand2);color:#fff}
.calc-out{display:flex;flex-direction:column;justify-content:center;gap:8px;padding-left:24px;border-left:1px solid var(--line)}.calc-out small{font:500 12px/1 var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.calc-out b{font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.03em;color:#fff}.calc-out span{font-size:14px;color:var(--mut)}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.plan ul.perks{gap:8px;font-size:13px;margin-top:4px}.plan .perks li{display:grid;grid-template-columns:20px 1fr;gap:8px;justify-content:start;padding:0;border:0;color:#cfd6e2}.plan .perks li i{font-style:normal;color:var(--cyan);text-align:center}.plan .perks li small{color:var(--mut);font-size:12px}.plan .perks li.off{color:#5d6574}.plan .perks li.off i,.plan .perks li.off small{color:#4a515e}.plan .perks li.off span{text-decoration:none}
.plan{padding:24px;border-radius:var(--r);border:1px solid var(--line);background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:20px;position:relative;transition:transform .3s,border-color .3s}.plan:hover{transform:translateY(-4px);border-color:rgba(91,139,255,.5)}
.plan.hot{border-color:var(--brand2);background:linear-gradient(180deg,rgba(44,107,255,.16),rgba(44,107,255,.03));box-shadow:0 30px 80px -30px rgba(44,107,255,.6)}.plan .badge{position:absolute;right:20px;top:20px;font:500 11px/1 var(--m);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:var(--brand);color:#fff}
.plan h3{font-size:20px}.plan .pr{font-size:36px;line-height:1;font-weight:600;letter-spacing:-.03em}.plan .pr small{font-size:14px;color:var(--mut);font-weight:400;letter-spacing:0}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:14px;color:#cfd6e2}.plan li{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.plan li b{font-family:var(--m);font-weight:500;color:#fff;white-space:nowrap}.plan .btn{margin-top:auto}

/* для кого, цифры */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.card{padding:28px;border-radius:var(--r);border:1px solid var(--line);background:rgba(255,255,255,.03)}.card b{display:block;font-size:20px;margin-bottom:12px;letter-spacing:-.01em}.card p{color:var(--mut)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}.stat b{display:block;font:600 clamp(36px,5vw,60px)/1 var(--f);letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#9cc0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{color:var(--mut);font-size:14px}
.trust{list-style:none;padding:0;margin:0;display:grid;gap:16px}.trust li{padding:20px 24px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#b8c1d0;line-height:1.55}.trust b{color:#fff}.trust a{color:var(--cyan)}
.lead a,.fine a,.faq a{color:var(--cyan)}

/* FAQ */
.faq{margin-top:40px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:24px 0;font:500 clamp(17px,2vw,22px)/1.3 var(--f);display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font:400 28px/1 var(--f);color:var(--cyan);transition:transform .3s}.faq details[open] summary::after{transform:rotate(45deg)}.faq p{padding:0 0 24px;color:#b8c1d0;max-width:720px}

/* заявка */
.cta{padding:clamp(72px,10vw,140px) 0;position:relative;overflow:hidden}.cta::before{content:'';position:absolute;left:50%;top:50%;width:900px;height:900px;margin:-450px 0 0 -450px;background:radial-gradient(closest-side,rgba(44,107,255,.28),transparent);pointer-events:none}
.cta-card{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);padding:clamp(28px,5vw,64px);border-radius:32px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.015));backdrop-filter:blur(8px)}
.lead-form{display:flex;flex-direction:column;gap:16px}.fl{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--mut)}
.lead-form input[type=text],.lead-form input[type=email],.lead-form input:not([type]){height:52px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.35);color:var(--fg);padding:0 16px;font:400 16px var(--f)}
.lead-form input::placeholder{color:#5f697a}.lead-form input:focus{outline:none;border-color:var(--brand2);box-shadow:0 0 0 3px rgba(44,107,255,.25)}
.ck{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:20px;color:var(--mut);cursor:pointer}.ck input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--brand)}.ck a{color:var(--cyan)}
.err{min-height:20px;font-size:14px;color:#ff8a8a}

.foot{border-top:1px solid var(--line);padding:48px 0 64px;background:var(--bg)}.foot-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) auto;gap:48px;align-items:start}.foot-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;font-size:14px}.foot-links a{color:var(--mut);text-decoration:none}.foot-links a:hover{color:var(--fg)}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;z-index:80;display:flex;gap:16px;align-items:center;padding:12px 16px;border-radius:14px;background:rgba(16,19,26,.92);backdrop-filter:blur(14px);border:1px solid var(--line);font-size:12px;line-height:20px}.cookie a{color:var(--cyan)}.cookie p{margin:0}

/* адаптив */
@media (max-width:1180px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){
  .nav-links{display:none}.nav{gap:12px}.nav-cta{margin-left:auto}.nav-cta .ghost{display:none}
  .steps,.plans,.cards3{grid-template-columns:1fr}.two,.cta-card,.calc{grid-template-columns:1fr}.calc-out{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}
  .feat-grid{display:flex;flex-direction:column}.feat-list{display:contents}.feat-list .eyebrow{order:0}.feat-list h2{order:1;margin-bottom:12px}.fhint{order:2}.feat-stage{order:3;position:sticky;top:72px;z-index:2;width:100%}.fitems{order:4}.fi{min-height:0;padding:16px 12px}.fi .fgo{display:none}
  .swap3 .op{display:none}.hb,.hb.alien{grid-template-columns:1fr;grid-template-rows:auto 1fr}.hb-panel{display:none}.sc{grid-template-columns:1fr}.sc-d{display:none}.sc-g{grid-template-columns:repeat(4,1fr);grid-template-rows:none}.sc-c{aspect-ratio:1}.nd-tabs{display:none}.aud-t{top:10%;font-size:16px}
  .hero-bg{inset:-4%}.hero-vig{background:linear-gradient(0deg,rgba(6,7,10,.92),rgba(6,7,10,.55) 55%,rgba(6,7,10,.35)),radial-gradient(120% 80% at 50% 40%,transparent 30%,rgba(6,7,10,.7))}
  .stats{grid-template-columns:repeat(2,1fr)}.foot-in{grid-template-columns:1fr}.hero-card{display:none}.hero-rail{display:none}.hero{height:460vh}
  .hero-caps{bottom:14vh}.bar{grid-template-columns:110px 1fr 48px}
}
@media (max-width:560px){.foot-links{grid-template-columns:1fr}.tag{left:8px;bottom:8px;max-width:calc(100% - 16px);padding:4px 12px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-cta .btn{width:100%}.nav-cta .primary{height:38px;padding:0 16px;font-size:14px}.hero-scroll{display:none}.cookie{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}.hero-h .w>span{transform:none}.marq-t{animation:none}}

.cookie[hidden]{display:none}
.muted{color:var(--mut)}
/* параметры героя: белые превью-квадраты вместо слов */
.hb-q{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hb-qi{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:box-shadow .3s,transform .3s;opacity:.9}
.hb-qi svg{width:72%;height:72%}.hb-qi.on{opacity:1;box-shadow:0 0 0 2px var(--bg,#06070a),0 0 0 4px var(--brand2,#2c6bff);transform:translateY(-2px)}