:root{
  --bg:#07040F; --neon:#B44BFF; --neon2:#D98CFF; --cyan:#45E6FF; --rose:#FF8FAB; --text:#F4EEFF; --dim:rgba(244,238,255,.68); --faint:rgba(244,238,255,.42);
  --glass:rgba(22,12,40,.52); --gline:rgba(214,170,255,.17); --navh:76px; --v:0;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:dark;
}
/* фирменная тёмная тема в обоих режимах */
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --bg:#07040F; --text:#F4EEFF; } }
:root[data-theme="dark"]{ --bg:#07040F; --text:#F4EEFF; }
*,*::before,*::after{box-sizing:border-box}
html{font-size:10px;scroll-padding-top:calc(env(safe-area-inset-top,0px) + var(--navh))}
body{margin:0;background:var(--bg);color:var(--text);font-family:Onest,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html.fp,html.fp body{overflow:hidden;height:100%}
body.locked{overflow:hidden}
a{color:inherit}
#gl{position:fixed;inset:0;width:100%;height:100%;z-index:0;filter:blur(1.6px) saturate(1.15);pointer-events:none}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(rgba(244,238,255,.045) 1px, transparent 1.4px);background-size:28px 28px}

/* ---------- screens ---------- */
#deck{position:relative;z-index:2}
html.fp #deck{position:fixed;left:0;top:0;width:100%;will-change:transform}
.scr{position:relative}
html.fp .scr{height:100vh;overflow:hidden}
.art{position:relative;margin:0 auto;padding:0 9rem}
html.fp .art{position:absolute;left:50%;top:calc(var(--navh) + (100vh - var(--navh))/2);transform:translate(-50%,-50%);width:144rem;height:84rem;display:grid;align-content:center}

/* ---------- type ---------- */
.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace}
.eyebrow{display:inline-flex;align-items:center;gap:1rem;font:500 1.5rem "JetBrains Mono",monospace;color:var(--dim);padding:.6rem 1.2rem;border-radius:.8rem;background:rgba(180,75,255,.1);justify-self:start}
.eyebrow::before{content:"";width:.8rem;height:.8rem;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon)}
h1,h2,h3{font-family:Onest,sans-serif;margin:0;color:var(--text)}
h1,h2{font-weight:700;letter-spacing:-.035em}
h1 em,h2 em{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.01em}
h1{font-size:8rem;line-height:1}
h2{font-size:5.8rem;line-height:1.04;margin-top:1.8rem}
h3{font-size:2.1rem;font-weight:600;letter-spacing:-.01em;line-height:1.25}
p{margin:0}
.lead{font-size:1.95rem;line-height:1.5;color:var(--dim)}
.q{font:400 1.3rem "JetBrains Mono",monospace;color:var(--faint)}
.head{display:grid;grid-template-columns:1.25fr 1fr;gap:5rem;align-items:end;margin-bottom:4rem}
.head .lead{max-width:46ch}
.glass{position:relative;background:var(--glass);border:1px solid var(--gline);border-radius:2.2rem;
  backdrop-filter:blur(18px) saturate(140%) brightness(.6);-webkit-backdrop-filter:blur(18px) saturate(140%) brightness(.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -30px rgba(0,0,0,.8)}
.ghd{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:1.5rem 2rem;border-bottom:1px solid var(--gline);font:500 1.35rem "JetBrains Mono",monospace;color:var(--dim)}
.ghd b{font:600 1.65rem Onest,sans-serif;color:var(--text)}
.ok{color:var(--neon2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;font:600 1.75rem Onest,sans-serif;border-radius:999px;padding:1.55rem 2.6rem;white-space:nowrap;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn.neo{background:var(--neon);color:#fff;box-shadow:0 0 30px rgba(180,75,255,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.btn.neo:hover{box-shadow:0 0 44px rgba(180,75,255,.85),inset 0 1px 0 rgba(255,255,255,.35)}
.btn.gl{background:rgba(255,255,255,.06);border:1px solid var(--gline);color:var(--text)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--neon2);outline-offset:3px;border-radius:10px}
.vtile{display:grid;place-items:center;width:7.4rem;height:7.4rem;border-radius:2rem;
  background:radial-gradient(circle at 30% 25%, #E6B8FF, var(--neon) 55%, #6A13C9);box-shadow:0 0 40px rgba(180,75,255,.8),inset 0 1px 0 rgba(255,255,255,.5)}
.vtile img{width:78%;height:78%}
.vring{position:absolute;border:2px solid var(--neon2);box-shadow:0 0 20px var(--neon);opacity:0;pointer-events:none}
.fit{position:relative;width:100%}
.fitin{position:absolute;left:0;top:0;transform-origin:0 0}

/* ---------- nav ---------- */
.nav{position:fixed;left:0;right:0;top:0;z-index:60;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(to bottom, rgba(7,4,15,.85), rgba(7,4,15,.4));backdrop-filter:blur(14px) brightness(.6);-webkit-backdrop-filter:blur(14px) brightness(.6);border-bottom:1px solid rgba(214,170,255,.08)}
.nav .in{display:flex;align-items:center;gap:28px;height:var(--navh);max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.brand{display:flex;align-items:center;gap:12px;font:700 24px Onest,sans-serif;letter-spacing:-.03em;text-decoration:none}
.brand img{width:38px;height:38px}
.links{display:flex;gap:26px;margin-left:auto;font:500 16px Onest,sans-serif}
.links a{color:var(--dim);text-decoration:none}.links a:hover,.links a.on{color:var(--text)}
.nav .lk{font:500 15px Onest,sans-serif;color:var(--dim);text-decoration:none;border:1px solid var(--gline);border-radius:999px;padding:9px 16px}
.nav .btn{font-size:15px;padding:11px 18px}
@media (max-width:1180px){.links{display:none}.nav .lk{margin-left:auto}}
@media (max-width:560px){.nav .lk{display:none}.nav .btn{margin-left:auto}}
.dots{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:55;display:none;flex-direction:column;gap:10px}
html.fp .dots{display:flex}
.dots button{width:10px;height:10px;border-radius:50%;border:1px solid rgba(214,170,255,.5);background:transparent;padding:0;cursor:pointer;position:relative;transition:all .3s}
.dots button.on{background:var(--neon);box-shadow:0 0 12px var(--neon);height:26px;border-radius:6px}
.dots button span{position:absolute;right:22px;top:50%;transform:translateY(-50%);white-space:nowrap;font:500 12px "JetBrains Mono",monospace;color:var(--dim);opacity:0;transition:opacity .2s;pointer-events:none;background:rgba(7,4,15,.8);padding:4px 8px;border-radius:6px}
.dots button:hover span,.dots button:focus-visible span{opacity:1}
.counter{position:fixed;left:22px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:55;font:500 13px "JetBrains Mono",monospace;color:var(--faint);display:none}
html.fp .counter{display:block}
.counter b{color:var(--text)}
.hint{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:55;font:500 12px "JetBrains Mono",monospace;color:var(--faint);display:none;align-items:center;gap:10px;transition:opacity .4s}
html.fp .hint{display:flex}
.hint i{width:18px;height:28px;border:1.5px solid var(--faint);border-radius:10px;position:relative}
.hint i::after{content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:var(--neon2);animation:wh 1.4s infinite}
@keyframes wh{0%{transform:translateY(0);opacity:1}100%{transform:translateY(9px);opacity:0}}

/* ---------- S0 hero ---------- */
.hero .art{display:grid;grid-template-columns:1.1fr .9fr;gap:6rem;align-items:center;align-content:center}
.hero h1{margin-top:2.4rem}
.hero .lead{margin-top:2.4rem;max-width:56ch}
.roles{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}
.roles span{font:500 1.35rem "JetBrains Mono",monospace;padding:.8rem 1.2rem;border-radius:1rem;background:rgba(255,255,255,.04);border:1px solid var(--gline)}
.roles span:first-child{border-color:rgba(180,75,255,.6);box-shadow:0 0 18px rgba(180,75,255,.25)}
.cta{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:3rem}
.fine{margin-top:2rem;font:400 1.45rem "JetBrains Mono",monospace;color:var(--faint)}
.node{position:absolute;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--gline);font:600 15px Onest,sans-serif;white-space:nowrap}
.node small{display:block;font:400 12px "JetBrains Mono",monospace;color:var(--faint);margin-top:3px}
.node.hot{border-color:rgba(180,75,255,.6);box-shadow:0 0 24px rgba(180,75,255,.25)}
#vnode{position:absolute;width:74px;height:74px;border-radius:20px}
.log{padding:.4rem 2rem 1.8rem;font:400 1.35rem "JetBrains Mono",monospace;color:var(--dim)}
.log .t{color:var(--faint);margin:.6rem 0 .8rem}
.lr{display:flex;gap:1.2rem;padding:.8rem 0;border-top:1px solid rgba(214,170,255,.08)}
.lr i{font-style:normal;color:var(--neon2)} .lr span:last-child{margin-left:auto;color:var(--faint);white-space:nowrap}

/* ---------- S1 orbit ---------- */
.orbitS .art{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:center;align-content:center}
.svcl{display:grid;grid-template-columns:1fr 1fr;gap:.2rem 2.4rem;margin-top:3.2rem}
.svcl a{display:block;text-decoration:none;padding:1.2rem 0;border-top:1px solid rgba(214,170,255,.14)}
.svcl a b{display:block;font:600 1.7rem Onest,sans-serif}
.svcl a span{font:400 1.25rem "JetBrains Mono",monospace;color:var(--faint)}
.svcl a:hover b{color:var(--neon2)}
.orbit{position:relative;height:66rem}
.orbit svg.ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:13rem;height:13rem;border-radius:3.4rem}
.orbit .core::after{content:"";position:absolute;inset:-3.2rem;border-radius:50%;border:1.5px dashed rgba(214,170,255,.4);animation:spin 20s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.planet{position:absolute;left:0;top:0;width:27rem;padding:2.2rem;text-decoration:none;transform-origin:50% 50%}
.planet .ic{font:700 3.6rem "JetBrains Mono",monospace;letter-spacing:-.04em}
.planet h3{margin-top:1.4rem}
.planet p{margin-top:.8rem;color:var(--dim);font-size:1.55rem;line-height:1.45}
.planet .more{display:block;margin-top:1.4rem;font:500 1.3rem "JetBrains Mono",monospace;color:var(--neon2)}
.planet.main{border-color:rgba(180,75,255,.6);box-shadow:0 0 60px -14px rgba(180,75,255,.7),inset 0 1px 0 rgba(255,255,255,.1)}

/* ---------- S2 live board ---------- */
.liveS .art{display:grid;grid-template-columns:.78fr 1.22fr;gap:5rem;align-items:center;align-content:center}
.kg{display:grid;grid-template-columns:1fr 1fr;gap:2.8rem 2rem;margin-top:4rem}
.kg .k{font:400 1.3rem "JetBrains Mono",monospace;color:var(--faint)}
.kg .v{font:800 5.4rem/1 Onest,sans-serif;letter-spacing:-.04em;margin-top:.8rem}
.board .row{display:grid;grid-template-columns:5.2rem 1.1fr 1.3fr 12rem;gap:1.6rem;align-items:center;padding:1.5rem 2rem;border-top:1px solid rgba(214,170,255,.09)}
.board .row:first-of-type{border-top:0}
.av{width:5.2rem;height:5.2rem;border-radius:50%;display:grid;place-items:center;font:700 1.8rem Onest,sans-serif;background:linear-gradient(135deg,#3a1d6b,#1b0e33);border:1px solid var(--gline)}
.av.ai{border-radius:1.5rem;background:radial-gradient(circle at 30% 25%, #E6B8FF, var(--neon) 55%, #6A13C9);box-shadow:0 0 20px rgba(180,75,255,.6)}
.av.ai img{width:74%}
.row .nm b{display:block;font:600 1.75rem Onest,sans-serif}
.row .nm span{font:400 1.25rem "JetBrains Mono",monospace;color:var(--faint)}
.row .act{font:400 1.35rem "JetBrains Mono",monospace;color:var(--dim)}
.row .act b{color:var(--text);font-weight:500}
.st{display:inline-flex;align-items:center;gap:.8rem;font:500 1.3rem "JetBrains Mono",monospace;color:var(--neon2)}
.st::before{content:"";width:.8rem;height:.8rem;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:blink 1.6s infinite}
.row.man .st{color:var(--rose)}.row.man .st::before{animation:none}.row.man{opacity:.72}
@keyframes blink{50%{opacity:.35}}
.act i{display:block;height:.5rem;border-radius:.5rem;margin-top:.9rem;background:repeating-linear-gradient(90deg,var(--neon) 0 60%,transparent 60% 100%);background-size:2.6rem 100%;box-shadow:0 0 10px rgba(180,75,255,.5);animation:flow 1.2s linear infinite}
.row.man .act i{background:repeating-linear-gradient(90deg,rgba(255,143,171,.5) 0 18%,transparent 18% 100%);background-size:6rem 100%;box-shadow:none;animation:none}
@keyframes flow{to{background-position:2.6rem 0}}

/* ---------- S3 problems (editorial) ---------- */
.probs{display:grid;grid-template-columns:repeat(3,1fr);gap:0 4rem}
.pb{padding:2.6rem 0;border-top:1px solid rgba(214,170,255,.18)}
.pb .n{font:800 5rem/1 Onest,sans-serif;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.2px rgba(255,143,171,.75)}
.pb h3{margin-top:1.4rem}
.pb p{margin-top:.8rem;color:var(--dim);font-size:1.6rem;line-height:1.45}
.pb p b{color:var(--text);font-weight:600}
.band{display:flex;gap:2rem;align-items:center;justify-content:space-between;margin-top:3rem;padding:2.2rem 2.8rem}
.band p{font-size:1.9rem;max-width:52ch}

/* ---------- S4 channels ---------- */
.chS .art{justify-items:center;text-align:center}
.chS .art>*{width:100%}.chS .eyebrow{justify-self:center;width:auto}
.chS h2{max-width:none}
.chS .lead{max-width:60ch;margin:2rem auto 0}
.plane{perspective:1400px;margin-top:5rem}
.chgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.8rem;transform:rotateX(24deg);transform-style:preserve-3d}
.ch{padding:2.2rem;min-height:22rem;text-align:left;animation:bob 5s ease-in-out infinite}
.ch:nth-child(2){animation-delay:-.8s}.ch:nth-child(3){animation-delay:-1.6s}.ch:nth-child(4){animation-delay:-2.4s}.ch:nth-child(5){animation-delay:-3.2s}.ch:nth-child(6){animation-delay:-4s}
@keyframes bob{50%{translate:0 -1.4rem}}
.ch .code{font:700 5.4rem "JetBrains Mono",monospace;letter-spacing:-.04em}
.ch .nm{font:600 1.9rem Onest,sans-serif;margin-top:2.6rem}
.ch .s{font:400 1.3rem "JetBrains Mono",monospace;color:var(--neon2);margin-top:.8rem}
.ch .dot{position:absolute;right:1.8rem;top:2rem;width:1rem;height:1rem;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon)}
.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:5rem}
.chips span{font:500 1.4rem "JetBrains Mono",monospace;padding:1rem 1.6rem;border-radius:999px;border:1px solid var(--gline);background:rgba(255,255,255,.04)}

/* ---------- S5 how ---------- */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1.4rem;margin-bottom:2.6rem}
.step{position:relative;border-top:3px solid rgba(214,170,255,.15);padding-top:1.6rem}
.step::before{content:"";position:absolute;left:0;top:-3px;height:3px;width:var(--f,0%);background:linear-gradient(90deg,var(--neon),var(--neon2));box-shadow:0 0 14px var(--neon)}
.step span{font:600 1.3rem "JetBrains Mono",monospace;color:var(--neon2)}
.step h3{margin-top:.6rem;font-size:2rem}
.step p{margin-top:.6rem;color:var(--dim);font-size:1.45rem;line-height:1.45}
.how2{display:grid;grid-template-columns:1fr 1.3fr;gap:1.8rem}
.how2 .side{display:flex;flex-direction:column;gap:1.8rem;justify-content:flex-end}
.side .glass{padding:2.2rem 2.4rem}
.note2{font-size:1.7rem;line-height:1.5;color:var(--dim)}
#mini{font:500 1.55rem "JetBrains Mono",monospace;color:var(--dim);line-height:1.6}
#mini b{color:var(--text)}
#iso{display:block;width:100%;height:32rem}

/* ---------- S6 statement ---------- */
.morph{position:fixed;z-index:50;overflow:hidden;pointer-events:none;opacity:0;border:1px solid rgba(214,170,255,.32);
  background:linear-gradient(160deg, rgba(46,18,92,.82), rgba(12,6,28,.9) 62%);backdrop-filter:blur(26px) saturate(140%) brightness(.6);-webkit-backdrop-filter:blur(26px) saturate(140%) brightness(.6);
  box-shadow:0 0 0 1px rgba(180,75,255,.18),0 0 90px -10px rgba(180,75,255,.65),inset 0 1px 0 rgba(255,255,255,.14)}
.morph .neo{position:absolute;inset:0;background:radial-gradient(circle at 30% 25%, #E6B8FF, var(--neon) 55%, #6A13C9);opacity:0}
.morph .neo img{position:absolute;left:50%;top:50%;height:78%;transform:translate(-50%,-50%)}
.morph .topline,.stmt .topline{position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon2),transparent);box-shadow:0 0 18px var(--neon)}
.minner{position:absolute;left:0;top:0;transform-origin:0 0}
.sbody{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:4rem 6%}
.sbody .vtile{width:10rem;height:10rem;border-radius:2.6rem;margin:2.6rem 0 3rem}
.sbody .mt{font:700 6.6rem/1.08 Onest,sans-serif;letter-spacing:-.035em;max-width:22ch}
.sbody .mt em{font-family:"Playfair Display",serif;font-style:italic;font-weight:500;color:var(--neon2)}
.ruler{position:relative;width:90%;height:16px;margin-top:6rem;border-bottom:1px solid rgba(214,170,255,.3);background:repeating-linear-gradient(90deg, rgba(214,170,255,.4) 0 2px, transparent 2px 30px)}
.ruler .now{position:absolute;bottom:-8px;left:30%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(180,75,255,.45),0 0 22px var(--neon)}
.ruler .now span{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);white-space:nowrap;font:500 1.45rem "JetBrains Mono",monospace;color:var(--neon2);background:rgba(180,75,255,.12);border:1px solid rgba(180,75,255,.4);border-radius:8px;padding:.6rem 1rem}
.rl{width:90%;display:flex;justify-content:space-between;margin-top:1.4rem;font:500 1.35rem "JetBrains Mono",monospace;color:var(--faint)}
.stmt{display:none;position:relative;overflow:hidden;border:1px solid rgba(214,170,255,.32);border-radius:2.6rem;background:linear-gradient(160deg, rgba(46,18,92,.82), rgba(12,6,28,.9) 62%);box-shadow:0 0 90px -10px rgba(180,75,255,.65)}
html:not(.fp) .stmt{display:block}
#stageB{width:100%;height:100%}

/* ---------- S7 hub ---------- */
.hubg{display:grid;grid-template-columns:1.6fr 1fr;gap:1.8rem}
.sat{position:absolute;transform:translate(-50%,-50%);font:700 15px "JetBrains Mono",monospace;padding:9px 13px;border-radius:10px;background:rgba(20,10,36,.85);border:1px solid var(--gline);white-space:nowrap}
.sat.crm{border-color:rgba(180,75,255,.6)}
#hubc{position:absolute;left:410px;top:180px;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:24px}
.barrow{display:grid;grid-template-columns:10rem 1fr 5rem;align-items:center;gap:1.4rem;padding:0 2rem;height:5.8rem;font:500 1.45rem "JetBrains Mono",monospace;color:var(--dim)}
.barrow:first-of-type{margin-top:1.4rem}
.track{height:1.2rem;border-radius:1.2rem;background:rgba(255,255,255,.06);overflow:hidden}
.track i{display:block;height:100%;border-radius:1.2rem;background:linear-gradient(90deg,var(--neon),var(--neon2));box-shadow:0 0 16px var(--neon);width:0}

/* ---------- S8 day ---------- */
.day{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.6rem}
.day .wide{grid-column:span 2}
.hmap{display:grid;grid-template-columns:4.4rem repeat(7,1fr);gap:.7rem;padding:1.8rem 2rem 2rem}
.hmap .c{height:2.2rem;border-radius:.5rem;background:rgba(180,75,255,.08)}
.hmap .lb{font:400 1.2rem "JetBrains Mono",monospace;color:var(--faint);line-height:2.2rem}
.hmap .dn{font:500 1.3rem "JetBrains Mono",monospace;color:var(--faint);text-align:center}
.pad{padding:2rem}
.big{font:800 4.4rem/1.05 Onest,sans-serif;letter-spacing:-.04em}
.avs{display:flex;gap:1rem;padding:1.8rem 2rem}
.wv svg{display:block;width:100%;height:12rem}
#donut svg{display:block;width:68%;margin:1.6rem auto}

/* ---------- S9 results ---------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.stat{padding:2.6rem 2.8rem}
.stat .v{font:800 11rem/1 Onest,sans-serif;letter-spacing:-.05em;background:linear-gradient(180deg,#fff 10%,var(--neon2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat .l{font:400 1.45rem "JetBrains Mono",monospace;color:var(--dim);margin-top:1.2rem}
.res{display:grid;grid-template-columns:repeat(3,1fr);gap:0 4rem;margin-top:3rem}
.rs{display:grid;grid-template-columns:4.4rem 1fr;gap:1.4rem;padding:1.8rem 0;border-top:1px solid rgba(214,170,255,.15)}
.rs .n{font:500 1.35rem "JetBrains Mono",monospace;color:var(--neon2);padding-top:.3rem}
.rs h3{font-size:1.9rem}
.rs p{margin-top:.5rem;color:var(--dim);font-size:1.5rem;line-height:1.45}

/* ---------- S10 cases ---------- */
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;margin-bottom:3.4rem}
.num .k{font:400 1.35rem "JetBrains Mono",monospace;color:var(--faint)}
.num .v{font:800 9.6rem/1 Onest,sans-serif;letter-spacing:-.05em;margin-top:1rem;font-variant-numeric:tabular-nums}
.num .d{font:400 1.45rem "JetBrains Mono",monospace;color:var(--dim);margin-top:1.2rem}
.spark{display:flex;gap:.5rem;align-items:flex-end;height:4.2rem;margin-top:1.6rem}
.spark i{flex:1;border-radius:.4rem;background:var(--neon);box-shadow:0 0 12px rgba(180,75,255,.7);height:0}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.case{padding:2.4rem;text-decoration:none;display:flex;flex-direction:column}
.case .tg{font:400 1.25rem "JetBrains Mono",monospace;color:var(--neon2)}
.case h3{margin-top:1.2rem}
.case p{margin-top:1rem;color:var(--dim);font-size:1.55rem;line-height:1.45}
.case .more{margin-top:auto;padding-top:1.6rem;font:500 1.35rem "JetBrains Mono",monospace}

/* ---------- S11 calc ---------- */
.calc{display:grid;grid-template-columns:1.4fr 1fr;gap:1.8rem}
.inp{padding:2.6rem 2.8rem}
.field{margin-top:2.4rem}
.field:first-of-type{margin-top:.4rem}
.field label{display:flex;justify-content:space-between;font:500 1.65rem Onest,sans-serif}
.field output{font:600 1.6rem "JetBrains Mono",monospace;color:var(--neon2)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:1.2rem;border-radius:1.2rem;margin-top:1.4rem;cursor:pointer;
  background:linear-gradient(90deg,var(--neon) 0,var(--neon2) var(--p,50%),rgba(255,255,255,.08) var(--p,50%))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(180,75,255,.45),0 0 22px var(--neon)}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(180,75,255,.45),0 0 22px var(--neon)}
.out{padding:2.6rem 2.8rem;display:flex;flex-direction:column;gap:1.4rem}
.orow{display:flex;justify-content:space-between;gap:1.2rem;font:500 1.45rem "JetBrains Mono",monospace;color:var(--dim);border-bottom:1px solid rgba(214,170,255,.1);padding-bottom:1.2rem}
.orow b{color:var(--text)}
.lossv{font:800 5rem/1 Onest,sans-serif;letter-spacing:-.04em;color:var(--neon2);margin-top:.6rem}
.backv{font:700 2.6rem Onest,sans-serif;margin-top:.4rem}
.out .btn{margin-top:auto}

/* ---------- S12 launch path ---------- */
.path{position:relative;margin-top:2rem}
.path svg{display:block;width:100%;height:auto;overflow:visible}
.stop{position:absolute;transform:translate(-50%,0);width:26rem;text-align:left}
.stop .n{font:500 1.3rem "JetBrains Mono",monospace;color:var(--faint)}
.stop h3{font-size:2.6rem;margin-top:.6rem}
.stop p{color:var(--dim);font-size:1.5rem;line-height:1.45;margin-top:.6rem}
.stop .w{font:600 1.6rem "JetBrains Mono",monospace;color:var(--neon2);margin-top:1rem}
.stop.hi h3{color:#fff}
.stop .tag{display:inline-block;font:600 1.2rem "JetBrains Mono",monospace;background:var(--neon);color:#fff;border-radius:.8rem;padding:.5rem .9rem;box-shadow:0 0 18px var(--neon);margin-left:1rem;vertical-align:.3rem}
.stagelist{display:none}

/* ---------- S13 niches ---------- */
.nich{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.nc{padding:2.6rem;text-decoration:none;display:flex;flex-direction:column;min-height:26rem;overflow:hidden}
.nc .ic{font:700 1.4rem "JetBrains Mono",monospace;color:var(--neon2)}
.nc h3{font:500 italic 4.4rem/1 "Playfair Display",serif;margin-top:1.6rem;letter-spacing:-.01em}
.nc p{color:var(--dim);font-size:1.6rem;line-height:1.45;margin-top:1.2rem}
.nc .more{margin-top:auto;padding-top:1.6rem;font:500 1.35rem "JetBrains Mono",monospace}
.nc::after{content:"";position:absolute;right:-6rem;bottom:-6rem;width:18rem;height:18rem;border-radius:50%;background:radial-gradient(circle, rgba(180,75,255,.35), transparent 70%)}
.symp{margin-top:1.6rem;padding:2.6rem 2.8rem;display:grid;grid-template-columns:.8fr 2fr;gap:3rem;align-items:center}
.symp h3{font-size:2.4rem}
.symp ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.4rem 2.4rem}
.symp li{display:flex;gap:1.2rem;font-size:1.5rem;line-height:1.4;color:var(--dim)}
.symp li::before{content:"";flex:none;width:1.8rem;height:1.8rem;margin-top:.2rem;border-radius:.6rem;border:1.5px solid var(--neon2);box-shadow:0 0 10px rgba(180,75,255,.4)}

/* ---------- S14 faq ---------- */
.faqS .art{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;align-items:center;align-content:center}
.faqS .lead{margin-top:2.4rem}
.faqS .btn{margin-top:3.2rem}
.faq{display:grid;gap:1rem}
.faq summary{list-style:none;cursor:pointer;padding:2rem 2.4rem;font:600 1.85rem Onest,sans-serif;display:flex;justify-content:space-between;gap:2rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 2.6rem/1 "JetBrains Mono",monospace;color:var(--neon2);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 2.4rem 2rem;color:var(--dim);font-size:1.6rem;line-height:1.55}

/* ---------- S15 cta ---------- */
.ctag{display:grid;grid-template-columns:1.2fr 1fr;gap:1.8rem}
.ctaN{padding:4.4rem;border:0;background:radial-gradient(circle at 80% 0%, #E7B6FF, var(--neon) 45%, #7A1BE0);box-shadow:0 0 90px -10px rgba(180,75,255,.9),inset 0 1px 0 rgba(255,255,255,.4)}
.ctaN .q{color:rgba(255,255,255,.8)}
.ctaN h2{color:#fff;text-shadow:none;max-width:22ch;font-size:4.6rem}
.ctaN p{color:rgba(255,255,255,.88);font-size:1.8rem;line-height:1.5;margin-top:1.8rem;max-width:52ch}
.ctaN .alt{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.8rem}
.ctaN .btn.w{background:#fff;color:#4A0E8F}
.ctaN .btn.o{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.45)}
form.glass{padding:3.2rem;display:flex;flex-direction:column;gap:1.5rem}
form h3{font-size:2.6rem}
form label{display:flex;flex-direction:column;gap:.8rem;font:500 1.45rem Onest,sans-serif;color:var(--dim)}
form input,form select{font:500 1.7rem Onest,sans-serif;color:var(--text);background:rgba(255,255,255,.05);border:1px solid var(--gline);border-radius:1.4rem;padding:1.3rem 1.6rem}
form select option{background:#170c2c}
form .small{font-size:1.3rem;color:var(--faint);line-height:1.5}
form .small a{color:var(--neon2)}
.sent{display:none;font:500 1.6rem Onest,sans-serif;color:var(--neon2)}
form.done .sent{display:block}
.footS .foot{margin-top:0;padding-top:0;border-top:0}
html.fp .footS .art{align-content:center}
.foot{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr)) .9fr;gap:2.8rem 3.2rem;align-items:start;margin-top:3rem;padding-top:2.8rem;border-top:1px solid rgba(214,170,255,.12);font:400 1.35rem "JetBrains Mono",monospace;color:var(--faint)}
.foot a{color:var(--dim);text-decoration:none}.foot a:hover{color:var(--text)}
.foot .fbrand{display:grid;gap:.6rem;max-width:36ch}
.foot .fbrand .brand{font-size:2rem;margin-bottom:.4rem}
.foot .fbrand p{margin:0;line-height:1.45}
.foot .fcol{display:grid;gap:.7rem;align-content:start}
.foot .fcol b{font:600 1.25rem Onest,sans-serif;color:var(--text);letter-spacing:.02em;margin-bottom:.3rem}
@media (max-width:1100px){.foot{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- preloader ---------- */
.pre{position:fixed;inset:0;z-index:100;background:transparent;pointer-events:none}
.pre svg{position:absolute;inset:0;width:100%;height:100%}
.pre rect{fill:none;stroke:var(--neon2);stroke-width:3;filter:drop-shadow(0 0 8px var(--neon))}
.ptile{position:fixed;z-index:102;width:74px;height:74px;border-radius:20px;display:grid;place-items:center;pointer-events:none;opacity:0;transform-origin:0 0;
  background:radial-gradient(circle at 30% 25%, #E6B8FF, var(--neon) 55%, #6A13C9);box-shadow:0 0 50px rgba(180,75,255,.9),inset 0 1px 0 rgba(255,255,255,.5)}
.ptile img{width:78%;height:78%}

/* ---------- mobile / native scroll ---------- */
html:not(.fp){scroll-snap-type:y proximity}html:not(.fp) .scr{scroll-snap-align:start;min-height:100svh}
@media (max-width:639px), (max-height:419px), (max-aspect-ratio:21/20), (pointer:coarse) and (max-height:560px){
  .art{padding:11rem 2rem 7rem}
  .scr:first-child .art{padding-top:12rem}
  h1{font-size:4.6rem}h2{font-size:3.8rem}
  .sbody .mt{font-size:3.6rem}
  .head,.hero .art,.orbitS .art,.liveS .art,.faqS .art,.how2,.hubg,.calc,.ctag,.symp{grid-template-columns:1fr;display:grid;gap:2.4rem}
  .probs,.nums,.cases,.nich,.res,.stats{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .chgrid{grid-template-columns:repeat(3,1fr);transform:none}
  .day{grid-template-columns:1fr 1fr}.day .wide,.day .first{grid-column:1/-1}
  .kg{grid-template-columns:1fr 1fr}
  .board .row{grid-template-columns:4.4rem 1fr;row-gap:.8rem}
  .board .row .act{grid-column:1/-1}.board .row .st{grid-column:2}
  .orbit{height:auto;display:grid;gap:1.2rem}
  .orbit svg.ring,.orbit .core{display:none}
  .planet{position:relative;width:auto;transform:none!important;opacity:1!important}
  .symp ul{grid-template-columns:1fr}
  .path{display:none}.stagelist{display:grid;gap:1.2rem}
  .stagelist .glass{padding:2rem}
  .stat .v{font-size:7rem}.num .v{font-size:6.4rem}
  .ctaN{padding:2.8rem}.ctaN h2{font-size:3.2rem}
  .band{flex-direction:column;align-items:flex-start}
  .sbody{padding:4rem 2rem}
  #iso{height:auto}
}
@media (max-width:560px){.chgrid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.day{grid-template-columns:1fr}.svcl{grid-template-columns:1fr}}


:root{--dim:rgba(244,238,255,.86);--faint:rgba(244,238,255,.62)}
.scr :is(p,.lead,.fine,.l,.d,.k,.n,.note2,li,small,.act,.log,h3,.chips span,footer a,footer span,h1,h2){text-shadow:none}

.hero .lead{font-size:2.1rem;max-width:44ch;color:rgba(244,238,255,.9)}
html.fp #stageB{position:absolute;left:9rem;right:9rem;top:7rem;bottom:7rem;width:auto;height:auto}

/* ===== v2 ===== */
.hero h1{font-size:7rem;line-height:1.02}
.chanl{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:2.6rem;font:500 1.4rem "JetBrains Mono",monospace;color:var(--dim)}
.chanl span{padding:.6rem 1rem;border-radius:.9rem;background:rgba(255,255,255,.05);border:1px solid var(--gline)}
.chanl span.crm{border-color:rgba(180,75,255,.6);color:var(--text);box-shadow:0 0 16px rgba(180,75,255,.25)}
.chanl b{color:var(--neon2);font-weight:500}
.hero .cta{margin-top:3.2rem}
.chat{display:flex;flex-direction:column;height:66rem;overflow:hidden}
.chat .who{display:flex;align-items:center;gap:1.2rem;color:var(--text)}
.cav{position:relative;width:4.6rem;height:4.6rem;flex:none;display:block}
.cav .vtile{width:4.6rem;height:4.6rem;border-radius:1.3rem;margin:0}
.cav .vring{left:0;top:0;width:100%;height:100%;border-radius:1.3rem}
.msgs{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:1.1rem;padding:2rem 2.2rem}
.msgs.fixed{justify-content:flex-start;flex:none}
.msg{font-family:Onest,sans-serif;max-width:86%;padding:1.2rem 1.6rem;border-radius:1.6rem;font-size:1.55rem;line-height:1.45;animation:msgin .35s ease both}
.msg.bot{align-self:flex-start;background:rgba(180,75,255,.14);border:1px solid rgba(180,75,255,.35);border-bottom-left-radius:.4rem}
.msg.me{align-self:flex-end;background:var(--neon);color:#fff;border-bottom-right-radius:.4rem;box-shadow:0 0 22px rgba(180,75,255,.4)}
.msg.typing{display:flex;gap:.5rem;padding:1.5rem 1.6rem}
.msg.typing i{width:.7rem;height:.7rem;border-radius:50%;background:var(--neon2);animation:tdot 1s infinite}
.msg.typing i:nth-child(2){animation-delay:.15s}.msg.typing i:nth-child(3){animation-delay:.3s}
@keyframes tdot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-.4rem)}}
@keyframes msgin{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}
.sugg{padding:0 2.2rem 2.2rem;display:flex;flex-direction:column;gap:.8rem;min-height:6.4rem}
.sugg button{align-self:flex-end;text-align:left;font:500 1.5rem Onest,sans-serif;color:var(--text);background:rgba(255,255,255,.05);border:1px solid rgba(214,170,255,.4);border-radius:1.4rem;padding:1.2rem 1.6rem;cursor:pointer;animation:msgin .35s ease both}
.sugg button::before{content:"→ ";color:var(--neon2)}
.sugg button:hover{border-color:var(--neon);box-shadow:0 0 20px rgba(180,75,255,.35)}
.inl{display:flex;gap:1rem;align-items:center}
.inl input,.sugg input{flex:1;min-width:0;font:400 1.6rem Onest,sans-serif;color:var(--text);background:rgba(255,255,255,.06);border:1px solid var(--gline);border-radius:1.2rem;padding:1.3rem 1.5rem;outline:none}
.inl input:focus{border-color:var(--neon)}
.inl .btn{margin:0!important;flex:none}
.leadc .ltab,.lcard .ltab{display:grid;grid-template-columns:auto 1fr;gap:1.1rem 2.4rem;margin:0;padding:2rem 2.4rem 2.4rem;font-size:1.6rem}
.ltab dt{font:400 1.35rem "JetBrains Mono",monospace;color:var(--faint);padding-top:.2rem}
.ltab dd{margin:0;color:var(--text)}
.ltab dd.hl{color:var(--neon2);font-weight:600}
.lcard{align-self:stretch;border:1px solid rgba(180,75,255,.6);border-radius:1.6rem;background:rgba(20,8,40,.7);box-shadow:0 0 40px -8px rgba(180,75,255,.7);animation:msgin .45s ease both}
.lcard .ghd{padding:1.3rem 2rem}.lcard .ltab{padding:1.4rem 2rem 1.8rem;font-size:1.45rem;gap:.8rem 2rem}
.proofS .art{display:grid;align-content:center;justify-items:start;gap:3.6rem}
.proofS .stats{width:100%}
.proofS .stat .v{font-size:8.6rem;white-space:nowrap}
.proofS .stat .v .ar{font-size:.5em;margin:0 .15em;vertical-align:.25em;-webkit-text-fill-color:var(--neon2)}
.proofS .stat .v small{font-size:.3em;margin-left:.3em;letter-spacing:0}
.proofS .stat .l{font-size:1.55rem;line-height:1.45}
.proofS .btn{margin:0}
.nichsw{display:flex;flex-direction:column;align-items:flex-end;gap:1.2rem}
.seg{display:inline-flex;flex-wrap:wrap;gap:.4rem;padding:.5rem;border-radius:999px;background:rgba(7,4,15,.5);border:1px solid var(--gline)}
.seg button{font:500 1.5rem Onest,sans-serif;padding:1rem 1.8rem;border-radius:999px;color:var(--dim);background:none;border:0;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.seg button.on{background:var(--neon);color:#fff;box-shadow:0 0 22px rgba(180,75,255,.55)}
.pb a{color:var(--neon2);text-decoration:none;white-space:nowrap}
.lm{margin-top:1.8rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2.4rem;align-items:center}
.lm p{font-size:1.65rem;line-height:1.5}
.lm .sent,#exitform .sent{grid-column:1/-1}
form .sent{display:none}form.done .sent{display:block;color:var(--neon2);font:500 1.5rem "JetBrains Mono",monospace}form.done .inl{opacity:.4;pointer-events:none}
.stop.sx{width:21rem}.stop.sx h3{font-size:2.2rem}
#s-how .path{margin-top:2rem}
.mgr{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem;align-items:stretch}
.mgr .side{justify-content:space-between;gap:1.6rem}
.dlg .msgs{padding:2.2rem 2.4rem}
#mini{font:500 1.7rem Onest,sans-serif;line-height:1.5;color:var(--dim)}
#mini b{color:var(--text)}
.stx{max-width:62ch;margin-top:2.6rem;font-size:1.8rem;line-height:1.55;color:var(--dim)}
.sbody .mt{font-size:5.6rem}
.sbody .vtile{margin:2rem 0 2.4rem}
.chn{position:absolute;transform:translate(-50%,-50%);width:180px;padding:12px 14px;border-radius:14px;background:rgba(20,10,36,.88);border:1px solid var(--gline);text-align:center}
.chn b{display:block;font:600 16px Onest,sans-serif}
.chn span{display:block;margin-top:4px;font:400 12px/1.35 "JetBrains Mono",monospace;color:var(--faint)}
.chn.hot{width:130px;border-color:rgba(180,75,255,.7);box-shadow:0 0 30px rgba(180,75,255,.45)}
.chcap{position:absolute;transform:translateX(-50%);font:400 12px/1.4 "JetBrains Mono",monospace;color:var(--neon2);text-align:center;white-space:nowrap}
#hubc{position:absolute;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:24px;margin:0}
#s-hub #hubcard{margin-top:1rem}
.fndS .art{display:grid;grid-template-columns:.7fr 1.3fr;gap:7rem;align-items:center;align-content:center}
.photo{aspect-ratio:4/5;display:grid;place-items:center;align-content:center;gap:1.6rem;background:linear-gradient(160deg,rgba(46,18,92,.7),rgba(12,6,28,.8))}
.photo .mono{font:800 12rem/1 Onest,sans-serif;letter-spacing:-.05em;background:linear-gradient(180deg,#fff 10%,var(--neon2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sig{margin-top:2.6rem;font:500 1.6rem "JetBrains Mono",monospace;color:var(--neon2)}
.fndS .lead{margin-top:2rem;max-width:48ch}
.num .v .was{font-size:.42em;color:var(--faint);margin-right:.25em;letter-spacing:-.02em;vertical-align:.2em}
.num .v small{font-size:.32em;margin-left:.25em;letter-spacing:0}
#s-cases .num .v{font-size:8rem}
#s-cases .nums{margin-bottom:2.6rem}
.bsp{display:grid;grid-template-columns:auto 1fr;gap:.7rem 1.4rem;margin:1.4rem 0 0;font-size:1.5rem;line-height:1.45}
.bsp dt{font:500 1.25rem "JetBrains Mono",monospace;color:var(--neon2);padding-top:.2rem}
.bsp dd{margin:0;color:var(--dim)}
.orbit .planet{width:25rem}
.nc.pr{min-height:0}
.nc.pr h3{font-size:5rem}
.nc .price{font:800 3.4rem/1 Onest,sans-serif;letter-spacing:-.03em;margin-top:2rem;margin-bottom:.6rem}
.nc .price small{display:block;margin-top:.6rem;font:500 1.3rem "JetBrains Mono",monospace;color:var(--faint);letter-spacing:0}
.nc.pr .btn{margin-top:auto;align-self:flex-start;font-size:1.55rem;padding:1.3rem 2.2rem}
.tariffs{display:grid;gap:1.8rem}
.tbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.4rem 2rem}
.tbar .fine{margin:0;color:var(--faint);font-size:1.4rem}
.tctrl{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 1.6rem}
.tctrl .seg small{margin-left:.4rem;opacity:.85}
.tchan{display:inline-flex;align-items:center;gap:.8rem;padding:.5rem;border-radius:999px;background:rgba(7,4,15,.5);border:1px solid var(--gline);color:var(--dim);font:500 1.5rem Onest,sans-serif}
.tchan span{padding:0 .6rem 0 1rem}
.tchan b{min-width:2.4rem;text-align:center;color:var(--text);font:700 1.6rem Onest,sans-serif}
.tchan button{width:3.6rem;height:3.6rem;border:0;border-radius:50%;background:rgba(180,75,255,.16);color:var(--text);font:600 1.8rem/1 Onest,sans-serif;cursor:pointer}
.tchan button:hover{background:var(--neon);color:#fff}
.nc.pr .pay{font:500 1.4rem "JetBrains Mono",monospace;color:var(--dim);margin-bottom:1.6rem}
.nc.pr .pay b{color:var(--text)}
.nc.pr .feats{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:.7rem}
.nc.pr .feats li{font-size:1.45rem;color:var(--dim);padding-left:1.8rem;position:relative}
.nc.pr .feats li::before{content:"";position:absolute;left:0;top:.55rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--neon2)}
.nc.pr.rec{padding-top:3.4rem}
.nc.pr .recb{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);font:600 1.2rem Onest,sans-serif;color:#fff;background:var(--neon);border-radius:999px;padding:.45rem 1.2rem;white-space:nowrap}
.nc.main{border-color:rgba(180,75,255,.7);box-shadow:0 0 70px -14px rgba(180,75,255,.8),inset 0 1px 0 rgba(255,255,255,.12)}
#s-pricing .symp{grid-template-columns:1.25fr 1fr}
#s-pricing .symp ul{grid-template-columns:1fr 1fr}
.symp .pt{margin-top:1.2rem;font-size:1.55rem;line-height:1.5;color:var(--dim)}
.symp .acc{margin-top:1.2rem;font:500 1.45rem "JetBrains Mono",monospace;color:var(--neon2)}
.faq summary{padding:1.7rem 2.4rem;font-size:1.75rem}
.foot .fbrand p{line-height:1.5}
.exitp{position:fixed;inset:0;z-index:90;display:none;place-items:center;background:rgba(7,4,15,.55);backdrop-filter:blur(6px)}
.exitp.on{display:grid}
.exitp form{position:relative;width:min(560px,92vw);padding:34px 32px 30px;display:grid;gap:18px}
.exitp h3{font-size:24px;line-height:1.25;padding-right:30px}
.exitp .inl input{font-size:16px;padding:13px 15px;border-radius:12px}
.exitp .btn{font-size:15px;padding:13px 20px}
.exitp .x{position:absolute;right:14px;top:10px;font:400 28px/1 Onest,sans-serif;color:var(--dim);background:none;border:0;cursor:pointer}
.mstick{display:none!important}
@media (max-width:639px), (max-height:419px), (max-aspect-ratio:21/20), (pointer:coarse) and (max-height:560px){
  .mstick{display:flex!important;position:fixed;left:16px;right:16px;bottom:14px;z-index:60;margin:0!important}
  .chat{height:560px}.mgr,.fndS .art,.lm,#s-pricing .symp{grid-template-columns:1fr}
  .nichsw{align-items:flex-start}
}
.cav #vnode{position:absolute;left:0;top:0;width:4.6rem;height:4.6rem;border-radius:1.3rem}
.orbit .planet{width:22rem;padding:1.8rem}.orbit .planet p{font-size:1.4rem}.orbit .planet .ic{font-size:3rem}
.nc.pr p{min-height:0}
.out .lmx{margin-top:auto;padding-top:1.8rem;border-top:1px solid rgba(214,170,255,.14);display:grid;gap:1.2rem}
.out .lmx p{font-size:1.45rem;line-height:1.5;color:var(--dim)}
.out .lmx .btn{font-size:1.55rem;padding:1.3rem 2rem}

.crmui{background:#fff;color:#333;border-radius:1.4rem;overflow:hidden;font-family:Onest,sans-serif;box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 60px -20px rgba(180,75,255,.5);text-shadow:none}
.crmui *{text-shadow:none!important}
.crmui .cbar{display:flex;align-items:center;gap:1.4rem;padding:1rem 1.6rem;background:#eef1f5;border-bottom:1px solid #dde2e8}
.crmui .wdots{display:flex;gap:.6rem}.crmui .wdots i{width:1rem;height:1rem;border-radius:50%;background:#c9d0d8}
.crmui .url{flex:1;font:400 1.25rem "JetBrains Mono",monospace;color:#7a8594;background:#fff;border:1px solid #dde2e8;border-radius:.7rem;padding:.4rem 1rem}
.crmui .chead{display:flex;justify-content:space-between;align-items:flex-start;gap:1.6rem;padding:1.8rem 2rem 1.2rem}
.crmui .ct{font:700 2.2rem/1.2 Onest,sans-serif;color:#1f2733}
.crmui .cs{font-size:1.3rem;color:#8a94a0;margin-top:.4rem}
.crmui .cbadge{flex:none;font:600 1.25rem Onest,sans-serif;color:#fff;background:#3b82f6;border-radius:.6rem;padding:.5rem 1rem}
.crmui .stages{display:flex;margin:0 2rem;border-radius:.6rem;overflow:hidden}
.crmui .stages span{flex:1;text-align:center;font:500 1.2rem Onest,sans-serif;color:#7a8594;background:#eef1f5;padding:.7rem 0;clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 50%,calc(100% - 1rem) 100%,0 100%,1rem 50%);margin-left:-.6rem}
.crmui .stages span:first-child{clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 50%,calc(100% - 1rem) 100%,0 100%);margin-left:0}
.crmui .stages span.on{background:#3b82f6;color:#fff}
.crmui .cbody{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;padding:1.6rem 2rem}
.crmui .csec{border:1px solid #e3e7ec;border-radius:1rem;padding:1.3rem 1.5rem;display:grid;gap:1rem;align-content:start}
.crmui .csh{font:600 1.2rem Onest,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#8a94a0}
.crmui .cf span{display:block;font-size:1.2rem;color:#8a94a0}
.crmui .cf b{display:flex;align-items:center;gap:.6rem;font:500 1.5rem Onest,sans-serif;color:#1f2733;margin-top:.2rem}
.crmui .cf b.ok2{color:#16a34a}
.crmui .who i{width:2.2rem;height:2.2rem;border-radius:50%;background:#e0e7ff;color:#3b5bdb;font:600 1.1rem/2.2rem Onest,sans-serif;text-align:center;font-style:normal}
.crmui .ctl{display:flex;gap:1.2rem;align-items:flex-start;margin:0 2rem 1.8rem;padding-top:1.3rem;border-top:1px solid #e3e7ec;font-size:1.35rem;color:#394452}
.crmui .ctl i{flex:none;width:1rem;height:1rem;margin-top:.45rem;border-radius:50%;background:#B44BFF;box-shadow:0 0 0 .4rem rgba(180,75,255,.18)}
.crmui .ctl span{display:block;font-size:1.2rem;color:#8a94a0;margin-top:.2rem}
#s-mgr .side>#mini{margin-top:1.6rem}

/* new.viora.pro: personalisation */
.sugg .free{width:100%}.sugg .free .btn{padding:1.2rem 1.6rem}
.chn.acc{border-color:rgba(180,75,255,.7);box-shadow:0 0 30px rgba(180,75,255,.45)}
.nudge{margin-top:1.4rem;font:500 1.4rem "JetBrains Mono",monospace;color:var(--neon2)}.nudge a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(214,170,255,.4)}.nudge a:hover{border-color:var(--neon)}
.sugg .free .btn{align-self:auto;animation:none}.sugg .free .btn::before{content:none}

/* new.viora.pro: phone layout. Правила v2 выше задают размеры для ПК и перебивали мобильный блок прототипа. */
@media (max-width:639px), (max-height:419px), (max-aspect-ratio:21/20), (pointer:coarse) and (max-height:560px){
  .head,.hero .art,.orbitS .art,.liveS .art,.faqS .art,.how2,.hubg,.calc,.ctag,.symp,.probs,.nums,.cases,.nich,.res,.stats,
  .mgr,.fndS .art,.lm,#s-pricing .symp{grid-template-columns:minmax(0,1fr)}
  .art>*,.head>*,.calc>*,.hero .art>*,.stats>*,.nums>*,.mgr>*,.fndS .art>*,.lm>*,.symp>*{min-width:0}
  .hero h1{font-size:min(4.6rem,12vw)}
  .sbody .mt{font-size:min(3.6rem,10vw)}
  .proofS .stat .v{font-size:min(7rem,15vw)}
  #s-cases .num .v{font-size:min(6.4rem,14vw)}
  .nc.pr h3{font-size:3.6rem}
  .chat{height:auto;min-height:480px;max-height:620px}
  .msgs{padding:1.6rem}
  .sugg{padding:0 1.6rem 1.6rem}.sugg button{max-width:100%}
  .inl{flex-wrap:wrap}.inl input{flex:1 1 18rem;min-height:46px}
  .nav .brand{min-height:44px;display:inline-flex;align-items:center}
  .inl .btn,.lm .btn{white-space:normal}
  .seg button{min-height:44px;padding:1rem 1.5rem}
  input[type=range]{height:44px;padding:16px 0;margin-top:.4rem;border-radius:16px;background-clip:content-box}
  .foot{grid-template-columns:minmax(0,1fr)}
  .foot a{display:inline-block;padding:.9rem 0}
  .pb a,.faq summary{min-height:44px}
  .ltab,.leadc .ltab,.lcard .ltab{grid-template-columns:auto minmax(0,1fr);gap:.8rem 1.6rem;padding:1.6rem}
  .crmui .cbody{grid-template-columns:minmax(0,1fr)}
  #hubcard .fit{height:auto!important}
  #hubcard .fitin{position:static;transform:none!important;width:auto!important;height:auto!important;display:grid;gap:1rem;padding:1.6rem 1.6rem 2rem}
  #hubcard .fitin>svg,#hubcard .vring{display:none}
  #hubcard .chn,#hubcard .chcap{position:relative;left:auto!important;top:auto!important;transform:none;width:auto;text-align:left}
  #hubcard #hubc{position:relative;left:auto!important;top:auto!important;transform:none!important;width:5.6rem;height:5.6rem;border-radius:1.6rem}
  #hubcard .chcap{white-space:normal;margin:-.4rem 0 .4rem}
  #s-cta .art,#s-foot .art{padding-bottom:calc(7rem + 64px + env(safe-area-inset-bottom,0px))}
  .mstick{bottom:calc(14px + env(safe-area-inset-bottom,0px));transition:transform .3s ease,opacity .3s ease}
  .mstick.off{transform:translateY(calc(100% + 30px));opacity:0;pointer-events:none}
  .exitp form{padding:28px 22px 24px}
}
/* Телефон боком: высоты мало, липкая кнопка — компактная справа, а не полоса на всю ширину */
@media (orientation:landscape) and (max-height:560px){
  .mstick{left:auto;right:calc(16px + env(safe-area-inset-right,0px));width:auto;max-width:46vw;padding-left:2.4rem;padding-right:2.4rem}
}
/* ---------- новая структура: четыре карточки направлений в ряд, ссылки в крошках и чипах ---------- */
.nich.n4{grid-template-columns:repeat(4,1fr)}
.eyebrow a,.chanl a{color:inherit;text-decoration:none}
nav.eyebrow{flex-wrap:wrap;row-gap:.2rem;max-width:100%}
.lib .faq details p.pt{white-space:pre-wrap;max-height:26rem;overflow:auto;color:var(--text,#fff)}
.lib .faq details p.la{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.nc.shot{margin:0}.nc.shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:1rem;margin-bottom:1.6rem}
@media (max-width:639px), (max-height:419px), (max-aspect-ratio:21/20), (pointer:coarse) and (max-height:560px){.nich.n4{grid-template-columns:minmax(0,1fr)}}
/* Юрстраницы: длинный текст внутри экрана, без новых цветов */
html.fp .docS .art{align-content:start;overflow:auto;padding-top:2rem;padding-bottom:2rem}
.docbox{display:grid;gap:1.2rem;margin-top:1.6rem}
.docbox .glass{padding:1.6rem 1.8rem}
.docbox h3{margin:0 0 .6rem}
.docbox p{margin:.5rem 0 0;color:var(--dim)}
.docbox ul{margin:.6rem 0 0 1.6rem;color:var(--dim)}
.docbox li{margin:.3rem 0}