/* ===========================================================
   NIMELIO v2 — "Глубина разбора". Clean, readable, alive.
   Hero timeline visual (not AI ring). Smooth scroll-driven flip.
   Theme: dark. Accent: violet. No em-dash.
   =========================================================== */

:root{
  --bg:#08070E; --bg-2:#0B0A14; --panel:#100E1C; --elev:#1B1730;
  --violet:#7C5CFF; --violet-bright:#9B7DFF; --violet-deep:#5B3FE0;
  --blue:#4D7CFF; --cyan:#36D1E0; --orange:#FF6A3D; --pink:#FF5CA8; --green:#5AD19A;
  --text:#F1EFFA; --muted:#ADA8C9; --faint:#736F92;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
  --r-card:16px; --r-pill:999px;
  --maxw:1340px; --ease:cubic-bezier(.16,1,.3,1);
  --px:0; --py:0;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* ---------- living background ---------- */
.bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bg .aura{position:absolute;border-radius:50%;filter:blur(64px);opacity:.42;mix-blend-mode:screen;will-change:transform}
.bg .a1{width:760px;height:760px;top:-20%;left:6%;background:radial-gradient(closest-side,rgba(124,92,255,.5),transparent 70%);animation:drift1 22s ease-in-out infinite}
.bg .a2{width:600px;height:600px;top:16%;right:-8%;background:radial-gradient(closest-side,rgba(77,124,255,.38),transparent 70%);animation:drift2 26s ease-in-out infinite}
.bg .a3{width:520px;height:520px;bottom:-16%;left:34%;background:radial-gradient(closest-side,rgba(255,92,168,.18),transparent 70%);animation:drift3 30s ease-in-out infinite}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(56px,40px) scale(1.12)}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-48px,56px) scale(1.08)}}
@keyframes drift3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-36px) scale(1.15)}}
.bg .grid-fade{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(120% 85% at 50% 12%,#000 28%,transparent 76%)}
.bg .floor{position:absolute;left:50%;bottom:-6%;width:220%;height:56%;
  transform:translateX(-50%) perspective(360px) rotateX(75deg);transform-origin:bottom center;
  background-image:linear-gradient(rgba(124,92,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(77,124,255,.18) 1px,transparent 1px);
  background-size:50px 50px;opacity:.5;
  -webkit-mask-image:linear-gradient(to top,#000 0%,transparent 72%);mask-image:linear-gradient(to top,#000 0%,transparent 72%);
  animation:floormove 7s linear infinite}
@keyframes floormove{from{background-position:0 0,0 0}to{background-position:0 50px,0 50px}}
.bg .stars{position:absolute;inset:0}
.bg .stars span{position:absolute;border-radius:50%;background:#fff;opacity:.4;animation:tw 4s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.1}50%{opacity:.65}}
.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.028;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main{position:relative;z-index:1}

/* ---------- type ---------- */
h1,h2,h3,.display{font-family:Manrope,sans-serif;letter-spacing:-.03em;line-height:1.04;font-weight:800}
.mono{font-family:"JetBrains Mono",monospace}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--violet-bright)}
.eyebrow .ed{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,106,61,.2)}
.container{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.section-h{font-size:clamp(27px,3.6vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.08}
.lead{color:var(--muted);font-size:clamp(15px,1.5vw,17px);line-height:1.62;max-width:58ch}
.grad{background:linear-gradient(100deg,#fff,var(--violet-bright) 50%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:Manrope;font-weight:700;font-size:15px;border-radius:var(--r-pill);padding:14px 24px;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:transform .18s var(--ease),box-shadow .25s var(--ease),background .25s}
.btn:active{transform:translateY(1px) scale(.985)}
.btn-primary{background:linear-gradient(180deg,var(--violet),var(--violet-deep));color:#fff;box-shadow:0 10px 34px -10px rgba(91,63,224,.75),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-primary:hover{background:linear-gradient(180deg,var(--violet-bright),var(--violet));box-shadow:0 18px 48px -10px rgba(124,92,255,.9),inset 0 1px 0 rgba(255,255,255,.26)}
.btn-ghost{background:rgba(255,255,255,.05);color:var(--text);border-color:var(--line-2)}
.btn-ghost:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24)}
.btn-lg{padding:15px 22px 15px 28px;font-size:16px}
/* button-in-button trailing icon (high-end pattern) */
.btn .bi{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.16);font-size:13px;margin-left:2px;transition:transform .3s var(--ease),background .3s}
.btn-lg .bi{width:30px;height:30px;font-size:14px}
.nav .btn .bi{width:24px;height:24px;font-size:12px}
.btn-primary:hover .bi{background:rgba(255,255,255,.26);transform:translate(2px,-2px) scale(1.06)}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:70px;display:flex;align-items:center;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(8,7,14,.72);backdrop-filter:blur(18px) saturate(160%);border-bottom-color:var(--line)}
.nav .container{display:flex;align-items:center;justify-content:space-between;width:100%}
.brand{display:flex;align-items:center;gap:11px;font-family:Manrope;font-weight:800;font-size:20px;letter-spacing:-.03em;color:var(--text);text-decoration:none}
.nav-links{display:flex;gap:30px}
.nav-links a{color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:500;transition:color .2s}
.nav-links a:hover{color:var(--text)}
.nav-cta{display:flex;align-items:center;gap:14px}
.nav-cta .login{color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:600}
.burger{display:none;background:none;border:1px solid var(--line-2);border-radius:10px;width:42px;height:42px;color:var(--text);font-size:20px;cursor:pointer}
@media(max-width:900px){.nav-links,.nav-cta .login{display:none}.burger{display:inline-flex;align-items:center;justify-content:center}}

/* =========================================================
   HERO (clean first screen)
   ========================================================= */
.hero{min-height:calc(100dvh - 70px);display:flex;align-items:center;padding:110px 0 60px}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;width:100%}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr;gap:40px}}
.hero-copy .eyebrow{margin-bottom:24px}
.hl{font-size:clamp(38px,4.9vw,58px);font-weight:800;letter-spacing:-.035em;line-height:1.04}
.hl .line{display:block;overflow:hidden;padding-bottom:.04em}
.hl .line>span{display:block;will-change:transform}
.hero-sub{margin:26px 0 32px;font-size:clamp(16px,1.7vw,19px);color:var(--muted);max-width:44ch;line-height:1.58}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.ticker{margin-top:28px;display:flex;align-items:center;gap:14px;font-family:"JetBrains Mono";font-size:12.5px;color:var(--faint)}
.ticker .pf{display:inline-flex;align-items:center;gap:7px}.ticker img{width:15px;height:15px;opacity:.75}
.ticker .sep{width:4px;height:4px;border-radius:50%;background:var(--faint)}

/* hero visual: a video-analysis TIMELINE card (not an AI ring) */
.hero-preview{display:flex;justify-content:center}
.htl{position:relative;width:100%;max-width:460px;background:linear-gradient(180deg,rgba(26,22,44,.92),rgba(14,12,26,.95));
  border:1px solid var(--line-2);border-radius:20px;padding:22px;backdrop-filter:blur(10px);
  box-shadow:0 50px 90px -44px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
  transform:translate(calc(var(--px,0)*12px),calc(var(--py,0)*12px));transition:transform .12s linear}
.htl::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(140deg,rgba(124,92,255,.45),transparent 42%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.htl-top{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.htl-top .thumb{width:46px;height:60px;border-radius:10px;object-fit:cover;border:1px solid var(--line-2)}
.htl-top .meta{flex:1}
.htl-top .meta b{display:block;font-family:Manrope;font-weight:700;font-size:14.5px}
.htl-top .meta span{font-size:12px;color:var(--faint);font-family:"JetBrains Mono"}
.htl-top .score{text-align:right}
.htl-top .score b{font-family:"JetBrains Mono";font-size:30px;font-weight:700;color:#fff;line-height:1}
.htl-top .score span{font-size:10px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase}
/* waveform */
.htl-wave{display:flex;align-items:center;gap:3px;height:38px;margin-bottom:16px;padding:0 2px}
.htl-wave i{flex:1;border-radius:2px;background:linear-gradient(180deg,var(--violet-bright),var(--violet-deep));opacity:.7}
/* timeline track */
.htl-track{position:relative;height:42px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid var(--line);margin-bottom:12px}
.htl-track .ph{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff;border-radius:2px;box-shadow:0 0 12px rgba(255,255,255,.6);left:0;animation:playhead 7s linear infinite}
@keyframes playhead{0%{left:2%}100%{left:98%}}
.htl-mark{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px}
.htl-mark .pt{width:10px;height:10px;border-radius:50%;border:2px solid var(--bg)}
.htl-mark .lb{font-family:"JetBrains Mono";font-size:9px;color:var(--muted);white-space:nowrap;position:absolute;top:14px}
.htl-legend{display:flex;justify-content:space-between;font-family:"JetBrains Mono";font-size:10.5px;color:var(--faint)}
@media (prefers-reduced-motion:reduce){.htl-track .ph{animation:none;left:36%}}

/* =========================================================
   PINNED SCENE: phone center, side cards, depth rail, flip
   ========================================================= */
.scene{position:relative}
.scene__pin{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:84px 0 28px}
.scene__pin > .container{position:relative}

/* hero copy overlay (lifts away as phone slides to center) */
.heroLayer{position:absolute;inset:0;z-index:6;display:flex;align-items:center;pointer-events:none}
.heroLayer > .container{width:100%}
.heroLayer .hl-copy{max-width:540px;pointer-events:auto}
.heroLayer .eyebrow{margin-bottom:22px}
@media(max-width:1080px){.heroLayer{position:static;display:block;margin-bottom:30px}.heroLayer .hl-copy{max-width:none;text-align:center;margin:0 auto}.heroLayer .hero-cta,.heroLayer .ticker{justify-content:center}}
.scene__head{text-align:center;max-width:880px;margin:0 auto;opacity:0}
.scene__head .eyebrow{margin-bottom:14px}
.scene__head .section-h{font-size:clamp(24px,3vw,38px);line-height:1.1;max-width:none;white-space:nowrap}
.scene__head .lead{margin:14px auto 0;text-align:center}

.stage3{display:grid;grid-template-columns:64px 1fr minmax(290px,310px) 1fr;gap:40px;align-items:center;margin-top:clamp(26px,4.4vh,56px)}
@media(max-width:1080px){.stage3{grid-template-columns:1fr;gap:18px;justify-items:center}}

/* depth rail */
.rail{display:flex;flex-direction:column;align-self:center;position:relative;opacity:0;transition:opacity .4s var(--ease)}
.rail::before{content:"";position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:var(--line);border-radius:2px}
.rail::after{content:"";position:absolute;left:15px;top:10px;width:2px;height:var(--rail,0%);background:linear-gradient(180deg,var(--violet),var(--blue));border-radius:2px;transition:height .5s var(--ease)}
.rstep{position:relative;display:flex;align-items:center;gap:12px;padding:15px 0}
.rstep .rb{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:1.5px solid var(--line-2);font-family:"JetBrains Mono";font-size:12px;color:var(--faint);transition:.3s}
.rstep .rt{font-family:Manrope;font-weight:700;font-size:14px;color:var(--faint);transition:.3s;white-space:nowrap}
.rstep.on .rb{border-color:var(--violet);color:#fff;background:var(--violet);box-shadow:0 0 0 5px rgba(124,92,255,.16)}
.rstep.on .rt{color:var(--text)}
.rstep.done .rb{border-color:var(--violet-deep);color:var(--violet-bright)}
@media(max-width:1080px){.rail{flex-direction:row;gap:8px;order:3;margin-top:10px}.rail::before,.rail::after{display:none}.rstep .rt{display:none}}

/* side columns */
.col{display:flex;flex-direction:column;gap:26px}
.col.left{align-items:flex-end}.col.right{align-items:flex-start}
@media(max-width:1080px){.col{order:4;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch!important;gap:14px}.col.right{order:5}}

.scard{position:relative;width:256px;background:linear-gradient(180deg,rgba(28,24,50,.92),rgba(16,14,28,.95));
  border:1px solid var(--line-2);border-radius:var(--r-card);padding:18px 19px;backdrop-filter:blur(10px);
  box-shadow:0 28px 56px -28px rgba(0,0,0,.7);opacity:0;will-change:transform,opacity}
.scard .sh{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.scard .si{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:rgba(124,92,255,.16);color:var(--violet-bright);border:1px solid rgba(124,92,255,.25)}
.scard .st{font-family:Manrope;font-weight:700;font-size:15.5px}
.scard p{font-size:13.5px;color:var(--muted);line-height:1.5}
.scard .sv{font-family:"JetBrains Mono";font-size:23px;font-weight:700;color:#fff;margin-top:10px;letter-spacing:-.01em}
.scard .sv small{font-size:12px;color:var(--faint);font-family:Inter}
.scard .sv.good{color:var(--green)}.scard .sv.warn{color:var(--orange)}
/* connector */
.scard .conn{position:absolute;top:50%;width:32px;height:2px;transform:scaleX(0);transition:transform .55s var(--ease)}
.scard.in .conn{transform:scaleX(1)}
.col.left .scard .conn{right:-32px;transform-origin:left;background:linear-gradient(90deg,var(--violet),transparent)}
.col.right .scard .conn{left:-32px;transform-origin:right;background:linear-gradient(270deg,var(--violet),transparent)}
.scard .conn::after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:var(--violet-bright);box-shadow:0 0 0 4px rgba(124,92,255,.2);transform:translateY(-50%)}
.col.left .scard .conn::after{right:-4px}.col.right .scard .conn::after{left:-4px}
@media(max-width:1080px){.scard{width:240px}.scard .conn{display:none}}

/* phone */
.phone-center{display:flex;justify-content:center;align-items:center}
@media(max-width:1080px){.phone-center{order:1}}
.phone{position:relative;width:290px;height:498px;border-radius:42px;padding:12px;
  background:linear-gradient(155deg,#241F40,#0D0B18);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 70px 100px -46px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(0,0,0,.4);
  transform:translate(calc(var(--px,0)*11px),calc(var(--py,0)*11px));transition:transform .1s linear;will-change:transform}
.phone::before{content:"";position:absolute;top:19px;left:50%;transform:translateX(-50%);width:100px;height:8px;border-radius:99px;background:rgba(0,0,0,.55);z-index:6}
.phone__glow{position:absolute;inset:-3px;border-radius:44px;background:radial-gradient(closest-side,rgba(124,92,255,.5),transparent 72%);opacity:.6;filter:blur(28px);z-index:-1;transition:opacity .5s}
.phone.lit .phone__glow{opacity:1}
.phone__screen{position:relative;width:100%;height:100%;border-radius:33px;overflow:hidden;background:radial-gradient(130% 80% at 50% -5%,#17132C,#09070F);perspective:1300px}
.phone__sweep{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgba(124,92,255,.38),transparent);height:42%}
.phone.sweeping .phone__sweep{opacity:1;animation:sweep .6s var(--ease)}
@keyframes sweep{0%{top:-42%}100%{top:100%}}

/* screens (JS drives transform on desktop; CSS transition only on mobile) */
.scr{position:absolute;inset:0;padding:54px 20px 22px;display:flex;flex-direction:column;
  opacity:0;transform:rotateY(72deg);transform-origin:center;backface-visibility:hidden}
.scr.on{opacity:1;transform:rotateY(0deg)}
.scr-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.scr-head .tt{font-family:Manrope;font-weight:700;font-size:16px}
.scr-head .chip{font-family:"JetBrains Mono";font-size:10px;color:var(--violet-bright);border:1px solid var(--line-2);border-radius:99px;padding:4px 10px}

/* L1 Fast */
.l-ring{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.pring{--p:84;position:relative;width:96px;height:96px;flex:none;border-radius:50%;background:conic-gradient(var(--violet) calc(var(--p)*1%),rgba(255,255,255,.08) 0)}
.pring::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#0A0814}
.pring .n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}
.pring .n b{font-family:"JetBrains Mono";font-size:29px;font-weight:700;color:#fff;line-height:1}
.pring .n span{font-size:8.5px;color:var(--faint);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}
.l-ring .vd b{display:block;font-family:Manrope;font-weight:800;font-size:17px;margin-bottom:3px}
.l-ring .vd span{font-size:12.5px;color:var(--muted);line-height:1.35}
.bars{display:flex;flex-direction:column;gap:13px}
.bars .b .bl{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:6px}
.bars .b .bl b{font-family:"JetBrains Mono";color:var(--text);font-weight:500}
.bars .bar{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.bars .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--blue))}
.snote{margin-top:auto;display:flex;gap:9px;font-size:12.5px;color:var(--muted);line-height:1.45;border-top:1px solid var(--line);padding-top:14px}
.snote i{flex:none;font-size:16px}

/* L2 Deep */
.tc{display:flex;flex-direction:column}
.tc .row{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.4}
.tc .row:last-child{border-bottom:none}
.tc .row .t{font-family:"JetBrains Mono";font-size:12px;color:var(--violet-bright);flex:none;width:32px}
.tc .row.warn .t{color:var(--orange)}
.audio{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:9px}
.audio .ar{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted)}
.audio .ar i{font-size:15px;color:var(--violet-bright)}.audio .ar i.w{color:var(--orange)}

/* L3 Pro */
.crit{display:flex;align-items:center;gap:12px;padding:9px 0}
.crit .cn{flex:1;font-size:13.5px;color:var(--text)}
.crit .cbar{width:90px;height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.crit .cbar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--blue))}
.crit .cs{font-family:"JetBrains Mono";font-size:12.5px;color:var(--text);width:34px;text-align:right}
.aud{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;font-size:12.5px;color:var(--muted);line-height:1.5}
.aud b{color:var(--text);font-family:Manrope}

/* L4 Expert */
.chain{display:flex;flex-direction:column;gap:13px}
.chain .ci{display:flex;gap:12px;align-items:flex-start}
.chain .ci .cd{width:26px;height:26px;border-radius:8px;background:rgba(124,92,255,.16);border:1px solid rgba(124,92,255,.25);color:var(--violet-bright);display:grid;place-items:center;font-size:14px;flex:none}
.chain .ci .ct b{display:block;font-family:Manrope;font-weight:700;font-size:13.5px;margin-bottom:2px}
.chain .ci .ct span{font-size:12px;color:var(--muted);line-height:1.4}
.road{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--muted)}
.road b{font-family:"JetBrains Mono";color:#fff}

/* scroll hint */
.scene__hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--faint);font-size:11px;font-family:"JetBrains Mono";letter-spacing:.1em}
.scene__hint .m{width:23px;height:36px;border-radius:12px;border:1.5px solid var(--line-2);position:relative}
.scene__hint .m::after{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:3px;height:7px;border-radius:2px;background:var(--violet-bright);animation:wheel 1.6s ease-in-out infinite}
@keyframes wheel{0%{opacity:0;top:7px}40%{opacity:1}100%{opacity:0;top:18px}}

@media (prefers-reduced-motion:reduce){
  .bg .aura,.scene__hint .m::after,.bg .stars span,.phone__sweep,.htl-wave i{animation:none}
  .hl .line>span{transform:none!important}
}

/* mobile sheet */
.sheet{position:fixed;inset:0;z-index:80;background:rgba(8,7,14,.97);backdrop-filter:blur(12px);display:none;flex-direction:column;padding:24px}
.sheet.open{display:flex}
.sheet .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.sheet a{color:var(--text);text-decoration:none;font-family:Manrope;font-weight:700;font-size:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.sheet .btn{margin-top:22px}

/* on mobile, screens use simple CSS fade/flip transition */
@media(max-width:1080px){
  .scr{transition:opacity .5s var(--ease),transform .55s var(--ease)}
}

/* =========================================================
   SHARED SECTION SCAFFOLD + reveals
   ========================================================= */
.sec{position:relative;padding:clamp(90px,11vw,150px) 0}
.sec-head{text-align:center;max-width:760px;margin:0 auto clamp(40px,5vw,64px)}
.sec-head .eyebrow{margin-bottom:16px}
.sec-head .section-h{margin-bottom:16px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ---------- AUDIENCE FORK ---------- */
.fork-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:24px}
@media(max-width:880px){.fork-grid{grid-template-columns:1fr;gap:18px}}
.fork-or{align-self:center;font-family:"JetBrains Mono";font-size:13px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;padding:0 4px}
.fcard{position:relative;background:linear-gradient(180deg,rgba(24,20,42,.9),rgba(13,11,24,.92));border:1px solid var(--line-2);border-radius:20px;padding:34px 32px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 44px 90px -54px rgba(28,16,64,.95);transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.fcard::before{content:"";position:absolute;inset:0;border-radius:22px;background:radial-gradient(120% 80% at 20% 0%,rgba(124,92,255,.16),transparent 60%);opacity:.8;pointer-events:none}
.fcard.alt::before{background:radial-gradient(120% 80% at 80% 0%,rgba(255,106,61,.14),transparent 60%)}
.fcard:hover{transform:translateY(-5px);border-color:rgba(124,92,255,.4)}
.fcard.alt:hover{border-color:rgba(255,106,61,.4)}
.ftag{display:inline-flex;align-items:center;gap:8px;font-family:"JetBrains Mono";font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-bright);background:rgba(124,92,255,.12);border:1px solid rgba(124,92,255,.28);border-radius:99px;padding:7px 13px;margin-bottom:20px}
.ftag.alt{color:var(--orange);background:rgba(255,106,61,.12);border-color:rgba(255,106,61,.28)}
.fcard h3{font-family:Manrope;font-weight:800;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.02em;margin-bottom:12px}
.fcard>p{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:22px;max-width:42ch}
.flist{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:26px}
.flist li{display:flex;align-items:center;gap:11px;font-size:14.5px;color:var(--text)}
.flist li i{color:var(--green);font-size:15px;flex:none}
.flink{display:inline-flex;align-items:center;gap:9px;font-family:Manrope;font-weight:700;font-size:15px;color:var(--violet-bright);text-decoration:none;transition:gap .25s}
.flink.alt{color:var(--orange)}
.flink:hover{gap:14px}

/* ---------- TWO ENGINES ---------- */
.eng-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:880px){.eng-grid{grid-template-columns:1fr}}
.ecard{position:relative;background:linear-gradient(180deg,rgba(20,17,34,.86),rgba(12,10,22,.9));border:1px solid var(--line);border-radius:20px;padding:36px 34px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 80px -54px rgba(12,8,30,.9);transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.ecard:hover{transform:translateY(-6px);border-color:var(--line-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 50px 90px -50px rgba(20,12,50,.95)}
.ecard.accent{border-color:rgba(124,92,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 44px 90px -48px rgba(124,92,255,.55)}
.enum{position:absolute;top:26px;right:30px;font-family:"JetBrains Mono";font-size:13px;color:var(--faint)}
.eic{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;font-size:27px;color:var(--violet-bright);background:rgba(124,92,255,.14);border:1px solid rgba(124,92,255,.26);margin-bottom:22px}
.eic.alt{color:#fff;background:linear-gradient(140deg,var(--violet),var(--violet-deep));border-color:transparent;box-shadow:0 14px 34px -12px rgba(124,92,255,.8)}
.ecard h3{font-family:Manrope;font-weight:800;font-size:clamp(20px,2.2vw,25px);letter-spacing:-.02em;margin-bottom:12px}
.ecard>p{color:var(--muted);font-size:15px;line-height:1.62;margin-bottom:22px;max-width:46ch}
.echips{display:flex;flex-wrap:wrap;gap:9px}
.echips span{font-family:"JetBrains Mono";font-size:12px;color:var(--muted);border:1px solid var(--line-2);border-radius:99px;padding:6px 13px}
.echips span.hot{color:var(--violet-bright);border-color:rgba(124,92,255,.32);background:rgba(124,92,255,.08)}

/* ---------- TRENDS RADAR ---------- */
.trends-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
@media(max-width:920px){.trends-grid{grid-template-columns:1fr;gap:40px}}
.trends .section-h{margin:16px 0}
.tlist{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:14px}
.tlist li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text)}
.tdot{width:9px;height:9px;border-radius:50%;flex:none}
.tdot.up{background:var(--green);box-shadow:0 0 0 4px rgba(90,209,154,.16)}
.tdot.down{background:var(--orange);box-shadow:0 0 0 4px rgba(255,106,61,.16)}
.radar{position:relative;aspect-ratio:1;max-width:440px;width:100%;margin:0 auto;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(124,92,255,.1),transparent 70%)}
.radar-ring{position:absolute;border:1px solid rgba(124,92,255,.18);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.radar-ring.r1{width:32%;height:32%}.radar-ring.r2{width:64%;height:64%}.radar-ring.r3{width:96%;height:96%}
.radar-sweep{position:absolute;inset:2%;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(124,92,255,.32) 32deg,transparent 60deg);
  animation:radar-spin 5s linear infinite;mask:radial-gradient(circle,transparent 6%,#000 7%)}
@keyframes radar-spin{to{transform:rotate(360deg)}}
.blip{position:absolute;left:var(--x);top:var(--y);width:10px;height:10px;border-radius:50%;background:var(--blue);transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(77,124,255,.16);animation:blip-p 3s ease-in-out infinite}
.blip.hot{background:var(--violet-bright);box-shadow:0 0 0 5px rgba(124,92,255,.22),0 0 18px rgba(124,92,255,.7)}
@keyframes blip-p{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.85)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}
.radar-tag{position:absolute;font-family:"JetBrains Mono";font-size:11.5px;color:var(--muted);background:rgba(13,11,24,.85);border:1px solid var(--line-2);border-radius:8px;padding:6px 10px;white-space:nowrap;backdrop-filter:blur(6px)}
.radar-tag b{color:var(--green);margin-left:4px}
@media(prefers-reduced-motion:reduce){.radar-sweep,.blip{animation:none}}

/* ---------- PRICING ---------- */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
@media(max-width:980px){.price-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}
.pcard{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(20,17,34,.86),rgba(12,10,22,.9));border:1px solid var(--line);border-radius:20px;padding:34px 30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 36px 70px -52px rgba(12,8,30,.9);transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.pcard:hover{transform:translateY(-6px);border-color:var(--line-2)}
.pcard.feat{border-color:rgba(124,92,255,.42);background:linear-gradient(180deg,rgba(30,24,56,.92),rgba(14,12,28,.94));box-shadow:0 50px 90px -50px rgba(124,92,255,.6);transform:scale(1.03)}
.pcard.feat:hover{transform:scale(1.03) translateY(-6px)}
@media(max-width:980px){.pcard.feat,.pcard.feat:hover{transform:none}}
.pbadge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-family:"JetBrains Mono";font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,var(--violet),var(--violet-deep));border-radius:99px;padding:6px 14px;white-space:nowrap;box-shadow:0 10px 24px -8px rgba(124,92,255,.8)}
.pname{font-family:Manrope;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pprice{display:flex;align-items:baseline;gap:7px;margin:14px 0 6px}
.pprice b{font-family:"JetBrains Mono";font-size:44px;font-weight:700;color:#fff;letter-spacing:-.02em}
.pprice span{font-size:14px;color:var(--faint)}
.pdesc{color:var(--muted);font-size:14px;margin-bottom:22px}
.pfeat{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:28px;flex:1}
.pfeat li{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:var(--text);line-height:1.4}
.pfeat li i{color:var(--violet-bright);font-size:14px;margin-top:2px;flex:none}
.pbtn{width:100%}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
@media(max-width:880px){.faq-grid{grid-template-columns:1fr;gap:32px}}
.faq .section-h{margin-top:16px}
.faq-list{display:flex;flex-direction:column;gap:12px}
.qa{border:1px solid var(--line);border-radius:16px;background:rgba(18,15,30,.7);padding:4px 22px;transition:border-color .3s,background .3s}
.qa[open]{border-color:var(--line-2);background:rgba(24,20,42,.8)}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:20px 0;font-family:Manrope;font-weight:700;font-size:16px;color:var(--text)}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;font-size:16px;color:var(--violet-bright);transition:transform .3s}
.qa[open] summary i{transform:rotate(45deg)}
.qa p{color:var(--muted);font-size:14.5px;line-height:1.65;padding:0 0 22px;max-width:60ch}

/* ---------- FINAL CTA ---------- */
.final{padding:clamp(70px,9vw,120px) 0}
.final-card{position:relative;text-align:center;max-width:880px;margin:0 auto;padding:clamp(48px,7vw,84px) 32px;border-radius:30px;overflow:hidden;
  background:linear-gradient(180deg,rgba(28,23,52,.7),rgba(12,10,22,.6));border:1px solid var(--line-2)}
.final-glow{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:120%;height:120%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(124,92,255,.3),transparent 70%);filter:blur(20px)}
.final-card .eyebrow{margin-bottom:20px;position:relative}
.final-h{position:relative;font-family:Manrope;font-weight:800;font-size:clamp(30px,5vw,56px);letter-spacing:-.03em;line-height:1.08}
.final-card .lead{position:relative;margin-top:22px}
.final-card .hero-cta{position:relative}

/* ---------- FOOTER ---------- */
.foot{border-top:1px solid var(--line);padding:60px 0 34px;position:relative;z-index:1}
.foot-in{display:grid;grid-template-columns:1.4fr 2fr;gap:48px;padding-bottom:42px;border-bottom:1px solid var(--line)}
@media(max-width:780px){.foot-in{grid-template-columns:1fr;gap:34px}}
.foot-brand .brand{margin-bottom:14px}
.foot-brand p{color:var(--muted);font-size:14px;line-height:1.6;max-width:34ch}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.foot-cols b{display:block;font-family:Manrope;font-weight:700;font-size:14px;margin-bottom:16px}
.foot-cols a{display:block;color:var(--muted);text-decoration:none;font-size:14px;padding:6px 0;transition:color .2s}
.foot-cols a:hover{color:var(--text)}
.foot-bot{display:flex;justify-content:space-between;padding-top:24px;font-size:13px;color:var(--faint);font-family:"JetBrains Mono"}
.foot-bot a{color:var(--faint);text-decoration:none;transition:color .2s}
.foot-bot a:hover{color:var(--text)}
@media(max-width:560px){.foot-bot{flex-direction:column;gap:8px}}

/* ====== HERO 2 — fully coded analysis showcase ====== */
.hero2{position:relative;padding:118px 0 56px;overflow:hidden}
.hero2-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:46px;align-items:center}
@media(max-width:1024px){.hero2-grid{grid-template-columns:1fr;gap:48px}}
.hero2-copy .eyebrow{margin-bottom:20px}
.hl2{font-size:clamp(33px,4.3vw,53px);font-weight:800;letter-spacing:-.035em;line-height:1.06}
.hero2-copy .hero-sub{margin:22px 0 30px;max-width:46ch}
.plats{display:flex;align-items:center;gap:4px;margin-top:26px;font-family:"JetBrains Mono";font-size:12.5px;color:var(--faint)}
.plats span{margin-right:4px}
.plats img{width:16px;height:16px;opacity:.8;margin-left:10px}

/* analysis stage: floating metric cards + video */
.astage{display:grid;grid-template-columns:1fr minmax(248px,272px) 1fr;gap:24px;align-items:center}
@media(max-width:1024px){.astage{grid-template-columns:1fr;gap:18px;justify-items:center}}
.astage .col{display:flex;flex-direction:column;gap:24px}
.astage .col.left{align-items:flex-end}.astage .col.right{align-items:flex-start}
.astage .scard{opacity:1;width:228px}
@media(max-width:1024px){
  .astage .col{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch}
  .astage .scard{width:240px}.astage .scard .conn{display:none}
  .astage .vwrap{order:-1}
}
.astage .si.warn{background:rgba(255,106,61,.16);color:var(--orange);border-color:rgba(255,106,61,.3)}
.astage .sv:not(.good):not(.warn){font-size:15px;color:var(--violet-bright)}

/* video card (reuses .phone shell) */
.vwrap{display:flex;justify-content:center}
.vphone{width:264px;height:470px}
.vphone .phone__screen{background:#05040a}
.vthumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,14,.5),transparent 26%,transparent 60%,rgba(5,4,10,.9))}
.vplay{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.4);
  background:rgba(255,255,255,.14);backdrop-filter:blur(8px);color:#fff;font-size:23px;display:grid;place-items:center;cursor:pointer;
  box-shadow:0 8px 30px -6px rgba(0,0,0,.6);transition:transform .3s var(--ease),background .3s}
.vplay:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,255,255,.22)}
.vtop{position:absolute;top:15px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;font-family:"JetBrains Mono";font-size:11px;color:#fff;z-index:2}
.vlive{display:inline-flex;align-items:center;gap:7px;background:rgba(8,7,14,.55);backdrop-filter:blur(6px);border:1px solid var(--line-2);border-radius:99px;padding:5px 10px}
.vlive .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(90,209,154,.25);animation:tw 1.6s ease-in-out infinite}
.vtime{background:rgba(8,7,14,.55);backdrop-filter:blur(6px);border:1px solid var(--line-2);border-radius:99px;padding:5px 10px}
.vwave{position:absolute;left:13px;right:13px;bottom:17px;height:38px;display:flex;align-items:flex-end;gap:2.5px;z-index:2}
.vwave i{flex:1;border-radius:2px;background:linear-gradient(180deg,var(--violet-bright),var(--violet-deep));opacity:.88;min-height:3px}

/* verdict bar */
.verdict{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  margin-top:44px;padding:22px 26px;border-radius:20px;
  background:linear-gradient(180deg,rgba(24,20,42,.8),rgba(13,11,24,.85));border:1px solid var(--line-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 36px 70px -50px rgba(20,12,50,.9)}
.vscore{display:flex;align-items:center;gap:18px}
.vscore .pring{width:78px;height:78px}
.vscore .pring::after{inset:8px}
.vscore .pring .n b{font-size:24px}
.vtext b{display:block;font-family:Manrope;font-weight:800;font-size:18px}
.vtext span{font-size:13.5px;color:var(--muted)}
.vchecks{display:flex;flex-wrap:wrap;gap:10px}
.chk{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text);border:1px solid var(--line-2);border-radius:99px;padding:9px 14px;background:rgba(255,255,255,.03)}
.chk i{font-size:15px}
.chk.ok i{color:var(--green)}.chk.warn i{color:var(--orange)}
@media(max-width:680px){.verdict{flex-direction:column;align-items:flex-start}}

/* deep breakdown */
.breakdown .bd-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:24px;align-items:start}
@media(max-width:880px){.breakdown .bd-grid{grid-template-columns:1fr}}
.bd-track{background:linear-gradient(180deg,rgba(20,17,34,.8),rgba(12,10,22,.86));border:1px solid var(--line);border-radius:20px;padding:10px 22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.bd-track .tc .row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.bd-track .tc .row:last-child{border-bottom:none}
.bd-track .tc .row .t{font-family:"JetBrains Mono";font-size:13px;color:var(--violet-bright);flex:none;width:40px}
.bd-track .tc .row.warn .t{color:var(--orange)}
.bd-track .rb{margin-left:auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-family:"JetBrains Mono";font-size:13px;font-weight:700}
.bd-track .rb.good{background:rgba(90,209,154,.16);color:var(--green)}
.bd-track .rb.warn{background:rgba(255,106,61,.16);color:var(--orange)}
.bd-side{display:flex;flex-direction:column;gap:18px}
.bdc{background:linear-gradient(180deg,rgba(20,17,34,.8),rgba(12,10,22,.86));border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.bdc .sh{margin-bottom:10px}
.bdc p{font-size:14px;color:var(--muted);line-height:1.6}

.pricing{padding-top:clamp(80px,9vw,124px)}

/* ========================================================================
   PIXEL SCREENS — faithful reproductions of the PNG comps
   Stage keeps 1536:1024 aspect; all sizes in cqw so it scales like the image
   ======================================================================== */
/* global .nav (top of file) is the single site header across all sections */
.pxscr{position:relative;width:100%;background:radial-gradient(120% 90% at 50% 0%,#0d0b1a,#08070e 60%)}
.scr-stage{position:relative;width:100%;max-width:1536px;margin:0 auto;aspect-ratio:1.5;container-type:inline-size;font-family:Manrope,sans-serif;overflow:hidden}
.scr-stage *{box-sizing:border-box}

/* copy */
.s-copy{position:absolute;left:2.7%;top:16.5%;width:31%;z-index:5}
.s-eye{display:inline-block;font-weight:700;font-size:.92cqw;color:var(--violet-bright);margin-bottom:1.2cqw}
.s-h1{font-weight:800;font-size:2.7cqw;line-height:1.06;letter-spacing:-.03em;color:#fff;white-space:nowrap}
.s-sub{margin:1.5cqw 0 1.8cqw;font-family:Inter;font-size:1cqw;line-height:1.5;color:var(--muted);max-width:25cqw}
.s-cta{display:flex;gap:.7cqw;align-items:center}
.s-btn{font-size:.84cqw;padding:.78cqw 1.1cqw;border-radius:99px;gap:.5cqw}
.s-btn .bi{width:1.35cqw;height:1.35cqw;font-size:.78cqw}
.s-btn .ph-play-circle{font-size:1.2cqw;color:var(--violet-bright)}
.s-feats{display:flex;gap:.7cqw;margin-top:2.2cqw}
.s-feat{display:flex;align-items:center;gap:.5cqw;white-space:nowrap}
.s-fi{width:1.7cqw;height:1.7cqw;border-radius:.5cqw;display:grid;place-items:center;font-size:.85cqw;color:var(--violet-bright);background:rgba(255,255,255,.05);border:1px solid var(--line-2);flex:none}
.s-feat b{display:block;font-size:.72cqw;color:#fff;font-weight:700}
.s-feat span{font-size:.62cqw;color:var(--faint)}

/* phone (interior empty for user's photo/video) */
.s-phone{position:absolute;left:58.8%;top:11%;height:48%;aspect-ratio:2/3;width:auto;border-radius:1.7cqw;padding:.5cqw;
  background:linear-gradient(155deg,#2a2348,#0d0b18);border:1px solid rgba(255,255,255,.14);
  box-shadow:0 5cqw 7cqw -3cqw rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.14);z-index:4}
.s-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;z-index:0}
.s-phone-screen{position:relative;width:100%;height:100%;border-radius:1.3cqw;overflow:hidden;
  background:radial-gradient(120% 80% at 50% 0%,#1a1530,#0a0813)}
.s-play{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:4cqw;height:4cqw;border-radius:50%;
  border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.16);backdrop-filter:blur(6px);color:#fff;font-size:1.5cqw;display:grid;place-items:center;cursor:pointer}
.s-vbar{position:absolute;left:.9cqw;right:.9cqw;bottom:1cqw;display:flex;align-items:flex-end;gap:.7cqw}
.s-wave{flex:1;height:2.6cqw;display:flex;align-items:flex-end;gap:.18cqw}
.s-wave i{flex:1;border-radius:1px;background:linear-gradient(180deg,var(--violet-bright),var(--violet-deep));opacity:.9;min-height:8%}
.s-views{display:inline-flex;align-items:center;gap:.4cqw;font-family:"JetBrains Mono";font-size:.85cqw;color:#fff;background:rgba(8,7,14,.6);border:1px solid var(--line-2);border-radius:99px;padding:.35cqw .7cqw}

/* floating metric cards */
.s-card{position:absolute;width:13.8%;padding:1.1cqw 1.2cqw;border-radius:1.2cqw;z-index:5;
  background:linear-gradient(180deg,rgba(28,24,50,.94),rgba(15,13,26,.96));border:1px solid var(--line-2);
  box-shadow:0 3cqw 5cqw -2.6cqw rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.sc-h{display:flex;align-items:flex-start;gap:.7cqw}
.sc-i{width:2.1cqw;height:2.1cqw;border-radius:.6cqw;display:grid;place-items:center;font-size:1.1cqw;flex:none}
.sc-i.v{background:rgba(124,92,255,.18);color:var(--violet-bright)}
.sc-i.g{background:rgba(90,209,154,.16);color:var(--green)}
.sc-i.o{background:rgba(255,106,61,.16);color:var(--orange)}
.sc-i.b{background:rgba(77,124,255,.16);color:var(--blue)}
.sc-i.p{background:rgba(255,92,168,.16);color:var(--pink)}
.sc-t b{display:block;font-size:.95cqw;color:#fff;font-weight:700;line-height:1.15}
.sc-t span{font-size:.78cqw;color:var(--faint);font-family:"JetBrains Mono"}
.sc-v{margin-top:.7cqw;font-family:"JetBrains Mono";font-size:1.5cqw;font-weight:700;color:#fff}
.sc-v small{font-size:.85cqw;color:var(--faint)}
.sc-v.v{color:var(--violet-bright)}.sc-v.g{color:var(--green)}.sc-v.o{color:var(--orange)}.sc-v.b{color:var(--blue)}.sc-v.p{color:var(--pink)}
/* connectors */
.lk{position:absolute;top:50%;width:4cqw;height:2px;transform:translateY(-50%)}
.s-card.cL .lk{right:-4cqw}.s-card.cR .lk{left:-4cqw}
.lk::after{content:"";position:absolute;top:50%;width:.7cqw;height:.7cqw;border-radius:50%;transform:translateY(-50%)}
.s-card.cL .lk{background:linear-gradient(90deg,currentColor,transparent)}
.s-card.cR .lk{background:linear-gradient(270deg,currentColor,transparent)}
.s-card.cL .lk::after{right:-.2cqw}.s-card.cR .lk::after{left:-.2cqw}
.lk::after{background:currentColor;box-shadow:0 0 0 .3cqw rgba(255,255,255,.08)}
.lk.v{color:var(--violet-bright)}.lk.g{color:var(--green)}.lk.o{color:var(--orange)}.lk.b{color:var(--blue)}.lk.p{color:var(--pink)}

/* bottom verdict band */
.s-band{position:absolute;left:40%;top:60%;width:52%;height:13.5%;display:flex;align-items:center;gap:1.4cqw;
  padding:1.4cqw 1.8cqw;border-radius:1.4cqw;background:linear-gradient(180deg,rgba(22,18,38,.9),rgba(12,10,22,.92));
  border:1px solid var(--line-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);z-index:5}
.s-band-l{flex:none}
.s-band-k{display:block;font-size:.85cqw;color:var(--faint);font-family:"JetBrains Mono";margin-bottom:.5cqw}
.s-band-score{display:flex;align-items:baseline;gap:.5cqw}
.s-band-score b{font-family:"JetBrains Mono";font-size:3cqw;font-weight:700;color:var(--green);line-height:1}
.s-band-score small{font-size:1cqw;color:var(--faint)}
.s-pill{display:inline-flex;align-items:center;gap:.45cqw;margin-left:.6cqw;font-size:.85cqw;color:var(--green);border:1px solid rgba(90,209,154,.3);border-radius:99px;padding:.4cqw .8cqw}
.s-pill .d{width:.5cqw;height:.5cqw;border-radius:50%;background:var(--green)}
.s-band-r{flex:1;display:flex;align-items:center;gap:1.6cqw;border-left:1px solid var(--line);padding-left:1.8cqw}
.s-found{list-style:none;display:flex;flex-direction:column;gap:.55cqw}
.s-found li{display:flex;align-items:center;gap:.6cqw;font-size:.95cqw;color:var(--text)}
.s-found li.ok i{color:var(--green)}.s-found li.warn i{color:var(--orange)}
.s-graph{flex:1;height:4.6cqw;min-width:10cqw;margin-left:auto}
.s-graph svg{width:100%;height:100%}

/* platforms */
.s-plats{position:absolute;left:2.7%;top:88%;display:flex;gap:1.8cqw;font-size:.95cqw;color:var(--muted);z-index:5}
.s-plats span{display:inline-flex;align-items:center;gap:.5cqw}
.s-plats i{font-size:1.2cqw}

/* mobile reflow moved to end of file (must win source order over later cqw rules) */

/* ===== SCREEN 2 specifics ===== */
.s-phone2{left:56.5%;top:13%;height:52%;aspect-ratio:2/3;width:auto;border-radius:1.7cqw}
.s-phone2 .s-play,.s-phone2 .s-vbar,.s-phone3 .s-play,.s-phone3 .s-vbar{display:none}
.s-copy2{position:absolute;left:2.7%;top:13%;width:30%;z-index:5}
.s-copy2 .s-h1{font-size:2.7cqw}
.s-copy2 .s-sub{margin:1.4cqw 0 1.8cqw;max-width:23cqw}
.s-flist{display:flex;flex-direction:column;gap:1.15cqw;margin-bottom:2cqw}
.s-fl{display:flex;align-items:center;gap:.9cqw}
.s-fl b{display:block;font-size:1cqw;color:#fff;font-weight:700;line-height:1.2}
.s-fl span{font-size:.82cqw;color:var(--faint)}
.s-btn-solo{display:inline-flex;font-size:1cqw;padding:.95cqw 1.5cqw}
/* cards with description */
.s-card.big{width:15.5%;padding:1cqw 1.1cqw}
.sc-d{margin:.55cqw 0 0;font-size:.8cqw;line-height:1.42;color:var(--muted)}
.s-card.big .sc-v{margin-top:.6cqw;font-size:1.4cqw}
/* 3-zone band */
.s-band2{position:absolute;left:2.7%;top:79.5%;width:94.6%;height:14.5%;display:flex;align-items:stretch;gap:1.3cqw;
  padding:1.1cqw 1.5cqw;border-radius:1.4cqw;background:linear-gradient(180deg,rgba(22,18,38,.9),rgba(12,10,22,.92));
  border:1px solid var(--line-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);z-index:5}
.s-z{display:flex;flex-direction:column;justify-content:center;min-width:0}
.s-z1{flex:1.5;border-right:1px solid var(--line);padding-right:1.3cqw}
.s-z2{flex:.7;align-items:center;justify-content:center;gap:.7cqw;border-right:1px solid var(--line);padding-right:1.3cqw}
.s-z3{flex:1;padding-left:.3cqw}
.s-causes{display:flex;flex-wrap:wrap;gap:.5cqw .6cqw;margin-top:.6cqw}
.s-cause{display:inline-flex;align-items:center;gap:.45cqw;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:.7cqw;padding:.42cqw .7cqw}
.s-cause i{font-size:.95cqw}
.s-cause i.v{color:var(--violet-bright)}.s-cause i.g{color:var(--green)}.s-cause i.o{color:var(--orange)}.s-cause i.p{color:var(--pink)}.s-cause i.b{color:var(--blue)}
.s-cause b{font-size:.8cqw;color:#fff;font-weight:700;white-space:nowrap}
.s-cause i2{display:none}
.s-z2 .pring{width:5cqw;height:5cqw}
.s-z2 .pring::after{inset:.62cqw;background:#11101c}
.s-z2 .pring .n b{font-size:1.7cqw;font-family:"JetBrains Mono";font-weight:700;color:var(--green)}
.s-z2 .pring .n span{font-size:.62cqw;color:var(--faint)}
.s-z2 .s-pill{color:var(--green);border-color:rgba(90,209,154,.3)}
.s-band-k{display:block;font-size:.82cqw;color:var(--faint);font-family:"JetBrains Mono"}
.s-tagline{position:absolute;left:0;top:95.5%;width:100%;text-align:center;font-family:Manrope;font-weight:600;font-size:1.05cqw;color:var(--muted)}

/* ===== SCREEN 4 — Сравнение конкурентов ===== */
.s-copy4{position:absolute;left:2.7%;top:13%;width:30%;z-index:5}
.s-copy4 .s-h1{font-size:2.35cqw}
.s-copy4 .s-sub{margin:1.3cqw 0 1.6cqw;font-size:1cqw;max-width:25cqw}
.s4-panel{position:absolute;left:34.5%;top:9.5%;width:63%;height:79%;border-radius:1.4cqw;padding:1.3cqw 1.5cqw;z-index:5;
  background:linear-gradient(180deg,rgba(20,17,36,.94),rgba(12,10,22,.96));border:1px solid var(--line-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3cqw 6cqw -3cqw #000;display:flex;flex-direction:column;gap:1cqw}
.s4-h{font-family:Manrope;font-weight:800;font-size:1.25cqw;color:#fff}
.s4-heads{display:grid;grid-template-columns:1fr .9fr 1fr;gap:1cqw;align-items:center}
.s4-chan{display:flex;align-items:center;gap:.7cqw;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:1cqw;padding:.7cqw .8cqw}
.s4-chan.r{flex-direction:row-reverse;text-align:right}
.s4-ava{position:relative;width:2.8cqw;height:2.8cqw;border-radius:50%;display:grid;place-items:center;font-size:1.4cqw;color:#fff;flex:none;overflow:hidden}
.s4-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s4-ava.v{background:linear-gradient(140deg,#7C5CFF,#4D2C9e)}
.s4-ava.b{background:linear-gradient(140deg,#4D7CFF,#5A2CAe)}
.s4-id b{display:block;font-size:.95cqw;color:#fff;font-weight:700;line-height:1.1}
.s4-id span{font-size:.72cqw;color:var(--faint);font-family:"JetBrains Mono"}
.s4-stats{display:flex;gap:.9cqw;margin-left:auto}
.s4-chan.r .s4-stats{margin-left:0;margin-right:auto}
.s4-stats div{display:flex;flex-direction:column}
.s4-stats b{font-family:"JetBrains Mono";font-size:.92cqw;color:#fff}
.s4-stats span{font-size:.6cqw;color:var(--faint)}
.s4-vs{display:flex;flex-direction:column;align-items:center;gap:.3cqw}
.s4-vs-k{font-size:.72cqw;color:var(--faint);font-family:"JetBrains Mono"}
.s4-vs-row{display:flex;align-items:baseline;gap:.6cqw;font-family:"JetBrains Mono";font-weight:700}
.s4-vs-row b{font-size:2.1cqw;line-height:1}
.s4-vs-row .lo{color:var(--muted)}.s4-vs-row .hi{color:var(--green)}
.s4-vs-d{color:var(--faint);font-size:1.2cqw}
.s4-vs-lead{display:inline-flex;align-items:center;gap:.35cqw;font-size:.66cqw;color:var(--green);border:1px solid rgba(90,209,154,.3);border-radius:99px;padding:.22cqw .6cqw}
.s4-body{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:1cqw;flex:1;min-height:0}
.s4-side{display:flex;flex-direction:column;gap:.35cqw;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:1cqw;padding:.8cqw .85cqw;min-width:0}
.s4-side-h{font-size:.74cqw;font-weight:700;margin-top:.3cqw}
.s4-side-h:first-child{margin-top:0}
.s4-side-h.ok{color:var(--green)}.s4-side-h.warn{color:var(--orange)}
.s4-list{list-style:none;display:flex;flex-direction:column;gap:.3cqw;margin:0}
.s4-list li{display:flex;align-items:flex-start;gap:.45cqw;font-size:.74cqw;color:var(--text);line-height:1.25}
.s4-list.ok i{color:var(--green);font-size:.72cqw;margin-top:.12cqw}
.s4-list.warn i{color:var(--orange);font-size:.72cqw;margin-top:.12cqw}
.s4-metrics{display:flex;flex-direction:column;justify-content:center;gap:.55cqw}
.s4-m{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5cqw}
.s4-mc{display:flex;align-items:center;gap:.4cqw;font-size:.7cqw;color:var(--muted);justify-content:center;white-space:nowrap}
.s4-mc i{color:var(--violet-bright);font-size:.78cqw}
.s4-mside{display:flex;flex-direction:column;gap:.25cqw}
.s4-mside.l{align-items:flex-end}
.s4-mv{font-family:"JetBrains Mono";font-size:.88cqw;font-weight:700}
.s4-mv.lo{color:var(--muted)}.s4-mv.hi{color:#fff}
.s4-mbar{height:.35cqw;width:100%;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.s4-mbar i{display:block;height:100%}
.s4-mbar.l i{margin-left:auto;background:linear-gradient(90deg,transparent,var(--violet))}
.s4-mbar.r i{background:linear-gradient(90deg,var(--blue),var(--green))}
.s4-keys{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:1cqw;padding:.8cqw .9cqw;display:flex;flex-direction:column;gap:.6cqw}
.s4-keys-h{font-size:.78cqw;color:var(--faint);font-family:"JetBrains Mono"}
.s4-keys-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.9cqw}
.s4-key{display:flex;align-items:flex-start;gap:.55cqw}
.s4-ki{width:1.9cqw;height:1.9cqw;border-radius:.5cqw;display:grid;place-items:center;font-size:.95cqw;flex:none}
.s4-ki.v{background:rgba(124,92,255,.18);color:var(--violet-bright)}
.s4-ki.b{background:rgba(77,124,255,.16);color:var(--blue)}
.s4-ki.g{background:rgba(90,209,154,.16);color:var(--green)}
.s4-ki.o{background:rgba(255,106,61,.16);color:var(--orange)}
.s4-key b{display:block;font-size:.76cqw;color:#fff;font-weight:700;line-height:1.15}
.s4-key span{font-size:.66cqw;color:var(--faint)}

/* ===== SCREEN 5 — Что снимать дальше ===== */
.s-copy5{position:absolute;left:2.4%;top:11.5%;width:21%;z-index:5}
.s-copy5 .s-h1{font-size:2.7cqw}
.s-copy5 .s-sub{margin:1.2cqw 0 1.4cqw;font-size:.95cqw;max-width:22cqw}
.s-copy5 .s-flist{gap:.85cqw;margin-bottom:1.4cqw}
.s5-big{position:absolute;left:36.5%;top:11%;width:16.5%;height:55%;z-index:5;border-radius:1.3cqw;padding:1.1cqw 1.1cqw;
  background:linear-gradient(165deg,rgba(46,33,86,.9),rgba(18,14,32,.96));border:1px solid rgba(124,92,255,.32);
  box-shadow:0 3cqw 6cqw -3cqw #000,inset 0 1px 0 rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.55cqw;overflow:hidden}
.s5-big::after{content:"";position:absolute;right:-20%;bottom:-10%;width:60%;height:55%;border-radius:50%;
  background:radial-gradient(circle,rgba(124,92,255,.55),transparent 70%);filter:blur(8px);pointer-events:none}
.s5-big-top{display:flex;align-items:center;justify-content:space-between}
.s5-bi{width:2.2cqw;height:2.2cqw;border-radius:.6cqw;display:grid;place-items:center;font-size:1.1cqw;color:#fff;background:linear-gradient(140deg,#7C5CFF,#4D2C9e)}
.s5-star{color:var(--violet-bright);font-size:1cqw}
.s5-big h3{font-family:Manrope;font-weight:800;font-size:1.5cqw;color:#fff;margin:.2cqw 0}
.s5-big-k{font-size:.72cqw;color:var(--faint);font-family:"JetBrains Mono"}
.s5-big-score{display:flex;align-items:baseline;gap:.3cqw;font-family:"JetBrains Mono";font-weight:700}
.s5-big-score b{font-size:2.6cqw;color:var(--violet-bright);line-height:1}
.s5-big-score small{font-size:.9cqw;color:var(--faint)}
.s5-big ul{list-style:none;display:flex;flex-direction:column;gap:.3cqw;margin:.2cqw 0}
.s5-big ul li{display:flex;align-items:center;gap:.4cqw;font-size:.74cqw;color:var(--text)}
.s5-big ul li i{color:var(--green);font-size:.74cqw}
.s5-big-row{display:flex;flex-direction:column;gap:.15cqw;margin-top:.25cqw}
.s5-big-row span.l{font-size:.66cqw;color:var(--faint)}
.s5-big-row .pill2{display:inline-flex;align-items:center;gap:.4cqw;font-size:.78cqw;color:#fff;font-weight:600}
.s5-big-row .pill2 i{color:var(--violet-bright)}
.s5-big-row .pill2.up i{color:var(--green)}
.s5-mc{position:absolute;width:11.5%;z-index:5;border-radius:1cqw;padding:.7cqw .75cqw;
  background:linear-gradient(180deg,rgba(26,22,44,.92),rgba(14,12,24,.95));border:1px solid var(--line-2);
  box-shadow:0 2cqw 4cqw -2.5cqw #000;display:flex;flex-direction:column;gap:.35cqw}
.s5-mc-h{display:flex;align-items:center;gap:.5cqw}
.s5-mc-i{width:1.8cqw;height:1.8cqw;border-radius:.5cqw;display:grid;place-items:center;font-size:.95cqw;flex:none}
.s5-mc-i.v{background:rgba(124,92,255,.18);color:var(--violet-bright)}
.s5-mc-i.g{background:rgba(90,209,154,.16);color:var(--green)}
.s5-mc-i.o{background:rgba(255,106,61,.16);color:var(--orange)}
.s5-mc-i.b{background:rgba(77,124,255,.16);color:var(--blue)}
.s5-mc-i.p{background:rgba(255,92,168,.16);color:var(--pink)}
.s5-mc-h b{font-size:.8cqw;color:#fff;font-weight:700;line-height:1.1}
.s5-mc-sc{display:flex;align-items:baseline;gap:.25cqw;font-family:"JetBrains Mono";font-weight:700}
.s5-mc-sc b{font-size:1.5cqw;color:#fff}
.s5-mc-sc small{font-size:.66cqw;color:var(--faint)}
.s5-mc-tag{font-size:.64cqw;color:var(--green);display:inline-flex;align-items:center;gap:.3cqw}
.s5-mc-tag.o{color:var(--orange)}.s5-mc-tag.b{color:var(--blue)}
/* node map */
.s5-map{position:absolute;left:67.5%;top:9.5%;width:30%;height:67%;z-index:5;border-radius:1.4cqw;padding:1cqw 1.1cqw;
  background:linear-gradient(180deg,rgba(18,15,32,.9),rgba(11,9,20,.95));border:1px solid var(--line-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.s5-map-h{font-size:.85cqw;color:var(--faint);font-family:"JetBrains Mono"}
.s5-map-canvas{position:absolute;inset:2.6cqw .6cqw .6cqw .6cqw}
.s5-map-canvas svg{position:absolute;inset:0;width:100%;height:100%}
.s5-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.3cqw;z-index:2}
.s5-node .nb{width:2cqw;height:2cqw;border-radius:.55cqw;display:grid;place-items:center;font-size:1cqw;color:#fff}
.s5-node span{font-size:.66cqw;color:var(--muted);text-align:center;white-space:nowrap;line-height:1}
.s5-node.root .nb{background:linear-gradient(140deg,#3a3358,#1a1730);border:1px solid var(--line-2)}
.s5-node.hub{gap:.35cqw}
.s5-node.hub .nb{width:auto;height:auto;padding:.55cqw 1cqw;border-radius:.7cqw;font-size:.82cqw;font-weight:700;background:linear-gradient(140deg,#7C5CFF,#4D2C9e);box-shadow:0 0 2cqw rgba(124,92,255,.5)}
.s5-node.hub span{display:none}
.s5-node .nb.v{background:linear-gradient(140deg,#7C5CFF,#4D2C9e)}
.s5-node .nb.g{background:linear-gradient(140deg,#3DBB87,#1f6e50)}
.s5-node .nb.b{background:linear-gradient(140deg,#4D7CFF,#2a4aae)}
.s5-node .nb.o{background:linear-gradient(140deg,#FF8A4D,#a8451f)}
.s5-node .nb.p{background:linear-gradient(140deg,#FF5CA8,#a82c6e)}
/* bottom 3 cards */
.s5-bot{position:absolute;left:2.4%;top:80%;width:95.2%;height:15%;display:flex;gap:1.2cqw;z-index:5}
.s5-bc{flex:1;border-radius:1.2cqw;padding:1cqw 1.2cqw;display:flex;flex-direction:column;justify-content:center;gap:.3cqw;position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(24,20,42,.92),rgba(13,11,23,.95));border:1px solid var(--line-2)}
.s5-bc-top{display:flex;align-items:center;gap:.6cqw}
.s5-bc-i{width:2.2cqw;height:2.2cqw;border-radius:.6cqw;display:grid;place-items:center;font-size:1.1cqw;flex:none}
.s5-bc-i.o{background:rgba(255,106,61,.18);color:var(--orange)}
.s5-bc-i.g{background:rgba(90,209,154,.16);color:var(--green)}
.s5-bc-i.p{background:rgba(255,92,168,.16);color:var(--pink)}
.s5-bc-k{font-size:.7cqw;color:var(--violet-bright);font-family:"JetBrains Mono"}
.s5-bc b.t{font-size:1.15cqw;color:#fff;font-weight:800}
.s5-bc .dyn{font-family:"JetBrains Mono";font-size:.85cqw;color:var(--green)}
.s5-bc .dyn span{color:var(--faint)}
.s5-bc-chips{display:flex;gap:.45cqw}
.s5-bc-chips span{font-size:.66cqw;color:var(--green);background:rgba(90,209,154,.1);border:1px solid rgba(90,209,154,.25);border-radius:99px;padding:.22cqw .55cqw}
.s5-bc-sub{font-size:.72cqw;color:var(--faint)}
.s5-bc-thumb{flex-direction:row;align-items:center;gap:.8cqw}
.s5-bc-thumb>div{flex:1;display:flex;flex-direction:column;gap:.3cqw}
.s5-thumb{position:relative;flex:none;width:4cqw;aspect-ratio:9/16;border-radius:.7cqw;overflow:hidden;display:grid;place-items:center;color:#fff;font-size:1cqw;
  background:linear-gradient(160deg,#3a2f63,#15111f);border:1px solid var(--line-2)}
.s5-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ===== sections 4-6: right visuals as sliced PNG, left copy stays code ===== */
.imgsec .s4-panel,.imgsec .s5-mc,.imgsec .s5-big,.imgsec .s5-map,.imgsec .s5-bot,
.imgsec .s6-cmp,.imgsec .s6-grid{display:none!important}
.pxscr.imgsec{background:radial-gradient(125% 95% at 52% -10%,#171031,#070510 52%)}
.sec-img{position:absolute;display:block;z-index:4;object-fit:fill;border-radius:.3cqw}
.s4img{left:32.42%;top:7.32%;width:67.58%;height:81.05%}
.s5img-r{left:26.04%;top:7.32%;width:73.96%;height:66.89%}
.s5img-f{left:0;top:76.76%;width:100%;height:22.66%}
.s6img{left:29.43%;top:7.32%;width:70.57%;height:79.1%}

/* ===== sections 4-6 as FULL approved PNG + clickable hotspot ===== */
.pxscr.imgfull{background:#070510}
.imgfull .scr-stage>*:not(.sec-full):not(.sec-hotspot):not(.sec-mask):not(.sr-only){display:none!important}
.sec-full{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;z-index:1}
.sec-hotspot{position:absolute;z-index:3;border-radius:2cqw;cursor:pointer;display:block}
/* mask: closes a baked-in CTA so "Попробовать бесплатно" isn't repeated across screens (bg-matched + feathered) */
.sec-mask{position:absolute;z-index:2;background:var(--mc,#02020e);box-shadow:0 0 12px 15px var(--mc,#02020e);border-radius:6px;display:block}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ===== SCREEN 6 — Зачем десятки сервисов ===== */
.s-copy6{position:absolute;left:2.4%;top:10%;width:23.5%;z-index:5}
.s-copy6 .s-h1{font-size:2.5cqw}
.s-copy6 .s-sub{margin:1.1cqw 0 1.3cqw;font-size:.92cqw;max-width:22cqw}
.s-copy6 .s-flist{gap:.8cqw;margin-bottom:1.2cqw}
.s6-plats{display:flex;flex-direction:column;gap:.5cqw;margin-top:1.4cqw}
.s6-plats .pk{font-size:.72cqw;color:var(--faint);font-family:"JetBrains Mono"}
.s6-plats .pr{display:flex;gap:1.4cqw;color:var(--muted);font-size:.9cqw}
.s6-plats .pr span{display:inline-flex;align-items:center;gap:.4cqw}
.s6-plats .pr i{font-size:1.1cqw}
/* compare panel */
.s6-cmp{position:absolute;left:27%;top:9.5%;width:36.5%;height:80%;z-index:5;border-radius:1.4cqw;padding:1.1cqw 1.2cqw;
  background:linear-gradient(180deg,rgba(18,15,32,.92),rgba(11,9,20,.96));border:1px solid var(--line-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 3cqw 6cqw -3cqw #000;display:flex;flex-direction:column;gap:.55cqw}
.s6-cmp-h{font-family:Manrope;font-weight:800;font-size:1.1cqw;color:#fff;text-align:center}
.s6-cmp-h b{color:var(--violet-bright)}
.s6-cols{display:grid;grid-template-columns:1fr 1fr;gap:.8cqw;margin-top:.2cqw}
.s6-col-t{font-size:.78cqw;font-weight:700;display:flex;align-items:center;gap:.4cqw}
.s6-col-t.bad{color:var(--orange)}.s6-col-t.good{color:var(--green)}
.s6-rows{display:flex;flex-direction:column;gap:.42cqw;flex:1;justify-content:center}
.s6-row{display:grid;grid-template-columns:1fr 1fr;gap:.8cqw}
.s6-cell{display:flex;align-items:center;gap:.45cqw;border-radius:.6cqw;padding:.4cqw .55cqw;min-width:0}
.s6-cell.bad{background:rgba(255,106,61,.05);border:1px solid rgba(255,106,61,.14)}
.s6-cell.good{background:rgba(90,209,154,.06);border:1px solid rgba(90,209,154,.16)}
.s6-cell .tx{min-width:0;flex:1}
.s6-cell .tx b{display:block;font-size:.7cqw;color:#fff;font-weight:600;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s6-cell .tx span{font-size:.58cqw;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.s6-ic{width:1.5cqw;height:1.5cqw;border-radius:.4cqw;display:grid;place-items:center;font-size:.8cqw;flex:none;background:rgba(124,92,255,.16);color:var(--violet-bright)}
.s6-x{flex:none;color:var(--orange);font-size:.85cqw}
.s6-v{flex:none;color:var(--green);font-size:.85cqw}
.s6-sum{display:grid;grid-template-columns:1fr 1fr;gap:.8cqw;margin-top:.3cqw}
.s6-sum-c{border-radius:.9cqw;padding:.7cqw .8cqw;text-align:center}
.s6-sum-c.bad{background:rgba(255,106,61,.08);border:1px solid rgba(255,106,61,.2)}
.s6-sum-c.good{background:linear-gradient(120deg,rgba(124,92,255,.22),rgba(77,124,255,.1));border:1px solid rgba(124,92,255,.34)}
.s6-sum-c b{display:block;font-family:"JetBrains Mono";font-size:1.3cqw;font-weight:700}
.s6-sum-c.bad b{color:var(--orange)}.s6-sum-c.good b{color:#fff}
.s6-sum-c span{font-size:.64cqw;color:var(--faint)}
/* feature grid panel */
.s6-grid{position:absolute;left:65%;top:9.5%;width:32.6%;height:80%;z-index:5;border-radius:1.4cqw;padding:1.1cqw 1.2cqw;
  background:linear-gradient(180deg,rgba(18,15,32,.92),rgba(11,9,20,.96));border:1px solid var(--line-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 3cqw 6cqw -3cqw #000;display:flex;flex-direction:column;gap:.7cqw}
.s6-grid-h{font-family:Manrope;font-weight:800;font-size:1.05cqw;color:#fff;line-height:1.2}
.s6-grid-h b{color:var(--violet-bright)}
.s6-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.6cqw;flex:1}
.s6-tile{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:.9cqw;padding:.65cqw .7cqw;display:flex;flex-direction:column;gap:.3cqw}
.s6-tile-i{width:1.9cqw;height:1.9cqw;border-radius:.5cqw;display:grid;place-items:center;font-size:1cqw}
.s6-tile-i.v{background:rgba(124,92,255,.18);color:var(--violet-bright)}
.s6-tile-i.b{background:rgba(77,124,255,.16);color:var(--blue)}
.s6-tile-i.g{background:rgba(90,209,154,.16);color:var(--green)}
.s6-tile-i.o{background:rgba(255,106,61,.16);color:var(--orange)}
.s6-tile-i.p{background:rgba(255,92,168,.16);color:var(--pink)}
.s6-tile b{font-size:.74cqw;color:#fff;font-weight:700;line-height:1.1}
.s6-tile span{font-size:.62cqw;color:var(--faint);line-height:1.2}
.s6-repl{border-radius:1cqw;padding:.9cqw 1cqw;display:flex;align-items:center;gap:.8cqw;position:relative;overflow:hidden;
  background:linear-gradient(120deg,rgba(124,92,255,.22),rgba(77,124,255,.08));border:1px solid rgba(124,92,255,.32)}
.s6-repl-av{position:relative;width:2.8cqw;height:2.8cqw;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-size:1.2cqw;background:linear-gradient(140deg,#7C5CFF,#4D2C9e);overflow:hidden}
.s6-repl-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s6-repl p{font-size:.78cqw;color:#fff;line-height:1.3;margin:0}
.s6-repl p b{font-weight:700}
.s6-repl .who{font-size:.62cqw;color:var(--faint);margin-top:.2cqw;display:block}

/* ===== subtle premium hover (sections 4-6) ===== */
.s4-key,.s5-mc,.s5-bc,.s6-tile,.s5-big,.s4-chan{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.s5-mc:hover,.s5-bc:hover,.s6-tile:hover,.s4-chan:hover{transform:translateY(-2px);border-color:rgba(124,92,255,.4);box-shadow:0 2cqw 4cqw -2cqw rgba(124,92,255,.35)}
.s5-big:hover{transform:translateY(-2px);box-shadow:0 3cqw 7cqw -3cqw rgba(124,92,255,.45),inset 0 1px 0 rgba(255,255,255,.1)}
.s6-cell{transition:border-color .2s ease,background .2s ease}
.s6-cell.good:hover{border-color:rgba(90,209,154,.4);background:rgba(90,209,154,.1)}
.s5-node .nb,.s6-tile-i{transition:transform .25s ease}
.s5-node:hover .nb{transform:scale(1.08)}

/* ===== SCREEN 3 specifics (16:9 dashboard) ===== */
.scr-stage.r169{max-width:1681px;aspect-ratio:1.7959}
.s-copy3{position:absolute;left:2.4%;top:12.5%;width:30%;z-index:5}
.s-copy3 .s-h1{font-size:3cqw}
.s-copy3 .s-sub{margin:1.4cqw 0 1.6cqw;font-size:1cqw;max-width:26cqw}
.s-checks{list-style:none;display:flex;flex-direction:column;gap:.7cqw;margin-bottom:1.6cqw}
.s-checks li{display:flex;align-items:center;gap:.6cqw;font-size:.95cqw;color:var(--text)}
.s-checks li i{color:var(--violet-bright);font-size:.9cqw}
.s-card.mini{width:12.5%;padding:.9cqw 1cqw}
.s-card.mini .sc-v{font-size:1.3cqw;margin-top:.5cqw}
.s-phone3{left:38.6%;top:14%;height:60%;aspect-ratio:2/3;width:auto;border-radius:1.8cqw}
/* dashboard panel */
.s-panel{position:absolute;left:62%;top:11.5%;width:35.6%;height:81%;border-radius:1.4cqw;padding:1.3cqw 1.4cqw;z-index:5;
  background:linear-gradient(180deg,rgba(20,17,36,.94),rgba(12,10,22,.96));border:1px solid var(--line-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3cqw 6cqw -3cqw #000;display:flex;flex-direction:column;gap:1cqw}
.s-panel-h{font-family:Manrope;font-weight:800;font-size:1.3cqw;color:#fff}
.s-bars{display:grid;grid-template-columns:1fr 1fr;gap:.7cqw 1.4cqw}
.s-bar{display:flex;flex-direction:column}
.s-bar .bl{font-size:.82cqw;color:var(--muted)}
.s-bar b{font-family:"JetBrains Mono";font-size:1.3cqw;color:#fff;margin:.1cqw 0 .35cqw}
.s-bar b small{font-size:.7cqw;color:var(--faint)}
.s-bar .bt{height:.5cqw;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.s-bar .bt i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--blue))}
.s-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9cqw;flex:1;min-height:0}
.s-pbox{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:1cqw;padding:.8cqw .9cqw;min-width:0;overflow:hidden}
.s-pbox-h{display:block;font-size:.8cqw;color:var(--faint);font-family:"JetBrains Mono";margin-bottom:.5cqw}
.s-scn{font-size:.76cqw;color:var(--muted);padding:.26cqw 0;display:flex;gap:.5cqw}
.s-scn .t{color:var(--violet-bright);font-family:"JetBrains Mono";flex:none;width:3.5cqw}
.s-scn.warn .t{color:var(--orange)}
.s-rg{height:5cqw}.s-rg svg{width:100%;height:100%}
.s-kw{display:flex;flex-wrap:wrap;gap:.4cqw}
.s-kw span{font-size:.72cqw;color:var(--muted);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:99px;padding:.28cqw .6cqw}
.s-recs{list-style:none;display:flex;flex-direction:column;gap:.42cqw}
.s-recs li{display:flex;align-items:center;gap:.5cqw;font-size:.76cqw;color:var(--text)}
.s-recs li i{color:var(--violet-bright);font-size:.78cqw}
.s-verdict{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.9cqw 1.2cqw;border-radius:1cqw;
  background:linear-gradient(100deg,rgba(124,92,255,.2),rgba(77,124,255,.08));border:1px solid rgba(124,92,255,.32)}
.s-verdict b{display:block;font-size:.92cqw;color:#fff;font-weight:700;line-height:1.2;max-width:22cqw}
.s-vscore b{font-family:"JetBrains Mono";font-size:2.1cqw;color:#fff;max-width:none}
.s-vscore small{font-size:.8cqw;color:var(--faint)}

/* ============================================================
   SCREEN 4 (c4) — нативная intelligence-панель «Конкуренты»
   Left copy + center «Сравнение аккаунтов» + right insight cards
   ============================================================ */
.c4scr{background:radial-gradient(125% 95% at 50% -10%,#150f2c,#070510 55%)}
.c4-copy{position:absolute;left:2.4%;top:15.5%;width:23%;z-index:5}
.c4-copy .s-h1{font-size:2.05cqw;line-height:1.1}
.c4-copy .s-sub{margin:1.2cqw 0 1.4cqw;font-size:.92cqw;max-width:21cqw}
.c4-bens{list-style:none;display:flex;flex-direction:column;gap:.7cqw;margin-bottom:1.6cqw}
.c4-bens li{display:flex;align-items:center;gap:.6cqw;font-size:.92cqw;color:var(--text)}
.c4-bens li i{color:var(--green);font-size:.85cqw;flex:none}
.c4-cta{font-size:.92cqw;padding:.82cqw 1.25cqw}

/* center board */
.c4-board{position:absolute;left:26.5%;top:13%;width:43%;height:78%;z-index:5;
  border-radius:1.4cqw;padding:1.2cqw 1.3cqw;display:flex;flex-direction:column;gap:.8cqw;
  background:linear-gradient(180deg,rgba(20,17,36,.94),rgba(12,10,22,.96));border:1px solid var(--line-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3cqw 6cqw -3cqw #000}
.c4-board-h{display:flex;align-items:center;justify-content:space-between}
.c4-board-h b{font-family:Manrope;font-weight:800;font-size:1.2cqw;color:#fff;display:block;line-height:1.1}
.c4-board-h span{font-size:.7cqw;color:var(--faint);font-family:"JetBrains Mono"}
.c4-live{display:inline-flex;align-items:center;gap:.4cqw;font-size:.7cqw;color:var(--green);
  border:1px solid rgba(90,209,154,.3);border-radius:99px;padding:.35cqw .7cqw}
.c4-live .d{width:.45cqw;height:.45cqw;border-radius:50%;background:var(--green);box-shadow:0 0 0 .25cqw rgba(90,209,154,.2)}

/* comparison table */
.c4-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;align-items:center;gap:.9cqw}
.c4-head{padding-bottom:.55cqw;border-bottom:1px solid var(--line)}
.c4-prof{display:flex;align-items:center;gap:.4cqw;font-size:.74cqw;font-weight:700;color:var(--muted);white-space:nowrap}
.c4-prof .dot{width:.6cqw;height:.6cqw;border-radius:50%;flex:none}
.c4-prof.you{color:#fff}.c4-prof.you .dot{background:var(--violet-bright);box-shadow:0 0 .6cqw rgba(155,125,255,.8)}
.c4-prof.a .dot{background:var(--blue)}
.c4-prof.b .dot{background:var(--faint)}
.c4-rows{display:flex;flex-direction:column;gap:.55cqw;flex:1;justify-content:space-between;padding:.4cqw 0}
.c4-metric{font-size:.82cqw;color:var(--muted)}
.c4-cell{display:flex;flex-direction:column;gap:.3cqw}
.c4-cell b{font-family:"JetBrains Mono";font-size:.88cqw;font-weight:700;color:var(--muted)}
.c4-cell.you b{color:#fff}
.c4-bar{height:.42cqw;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.c4-bar i{display:block;height:100%;border-radius:99px}
.c4-cell.you .c4-bar i{background:linear-gradient(90deg,var(--violet),var(--violet-bright))}
.c4-cell.a .c4-bar i{background:linear-gradient(90deg,#2a4aae,var(--blue))}
.c4-cell.b .c4-bar i{background:rgba(255,255,255,.22)}

/* growth opportunities */
.c4-opps{border-radius:1cqw;padding:.85cqw 1cqw;
  background:linear-gradient(120deg,rgba(124,92,255,.2),rgba(77,124,255,.06));border:1px solid rgba(124,92,255,.32)}
.c4-opps-h{display:flex;align-items:center;gap:.5cqw;font-size:.9cqw;color:#fff;margin-bottom:.6cqw}
.c4-opps-h i{color:var(--violet-bright);font-size:1cqw}
.c4-opps-h b{color:var(--violet-bright);font-weight:800}
.c4-opps-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5cqw}
.c4-opp{display:flex;align-items:center;gap:.45cqw;font-size:.78cqw;color:var(--text);
  background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:.7cqw;padding:.45cqw .6cqw;transition:border-color .2s,background .2s}
.c4-opp i{color:var(--green);font-size:.72cqw;flex:none}
.c4-opp:hover{border-color:rgba(124,92,255,.4);background:rgba(124,92,255,.08)}

/* right insight cards */
.c4-side{position:absolute;left:71.5%;top:13%;width:26.1%;height:78%;z-index:5;display:flex;flex-direction:column;gap:1cqw}
.c4-ic{flex:1;border-radius:1.2cqw;padding:1cqw 1.1cqw;display:flex;flex-direction:column;justify-content:center;gap:.5cqw;position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(24,20,42,.92),rgba(13,11,23,.95));border:1px solid var(--line-2);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.c4-ic:hover{transform:translateY(-2px);border-color:rgba(124,92,255,.4);box-shadow:0 2cqw 4cqw -2cqw rgba(124,92,255,.35)}
.c4-ic-k{display:inline-flex;align-items:center;gap:.45cqw;font-size:.72cqw;color:var(--violet-bright);font-family:"JetBrains Mono"}
.c4-ic-k i{font-size:.9cqw}
.c4-ic b.t{font-size:1.3cqw;color:#fff;font-weight:800;line-height:1.1}
.c4-ic-row{display:flex;align-items:center;gap:.5cqw;font-family:"JetBrains Mono";font-weight:700;font-size:1cqw;color:var(--green)}
.c4-ic-row i{font-size:1cqw}
.c4-ic-row .sub{color:var(--faint);font-family:Inter;font-weight:400;font-size:.72cqw}
.c4-ic-chips{display:flex;flex-wrap:wrap;gap:.4cqw;margin-top:.1cqw}
.c4-ic-chips span{font-size:.68cqw;color:var(--green);background:rgba(90,209,154,.1);border:1px solid rgba(90,209,154,.25);border-radius:99px;padding:.28cqw .6cqw}
/* photo insight cards (screen 4 right column — реальные кадры контента) */
.c4-ic.has-photo{justify-content:flex-end;border-color:var(--line-2)}
.c4-ic.has-photo .c4-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:0}
.c4-ic.has-photo::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(8,7,14,.05) 0%,rgba(8,7,14,.12) 38%,rgba(8,7,14,.78) 78%,rgba(8,7,14,.94) 100%)}
.c4-ic.has-photo>*{position:relative;z-index:2}
.c4-ic.has-photo .c4-ic-k{text-shadow:0 1px 6px rgba(0,0,0,.6)}
.c4-ic.has-photo b.t{text-shadow:0 1px 8px rgba(0,0,0,.7)}
.c4-ic.has-photo .c4-ic-row{text-shadow:0 1px 6px rgba(0,0,0,.6)}

/* ============================================================
   SCREEN 5 (c5) — «Что снимать дальше?» — движок идей
   Left copy + center лента рекомендованных идей + right cards
   ============================================================ */
.c5scr{background:radial-gradient(125% 95% at 50% -10%,#16112e,#070510 55%)}
.c5-copy{position:absolute;left:2.4%;top:15.5%;width:22.5%;z-index:5}
.c5-copy .s-h1{font-size:2.4cqw;line-height:1.08}
.c5-copy .s-sub{margin:1.2cqw 0 1.4cqw;font-size:.92cqw;max-width:21cqw}

.c5-feed{position:absolute;left:27%;top:13%;width:43%;height:78%;z-index:5;border-radius:1.4cqw;padding:1.2cqw 1.3cqw;
  background:linear-gradient(180deg,rgba(20,17,36,.94),rgba(12,10,22,.96));border:1px solid var(--line-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3cqw 6cqw -3cqw #000;display:flex;flex-direction:column;gap:.85cqw}
.c5-feed-h{display:flex;align-items:center;justify-content:space-between}
.c5-feed-h b{font-family:Manrope;font-weight:800;font-size:1.2cqw;color:#fff}
.c5-feed-h span{font-size:.7cqw;color:var(--faint);font-family:"JetBrains Mono"}
/* featured idea */
.c5-feat{position:relative;flex-shrink:0;overflow:hidden;border-radius:1.1cqw;padding:1cqw 1.1cqw;display:flex;flex-direction:column;gap:.55cqw;
  background:linear-gradient(150deg,rgba(46,33,86,.92),rgba(18,14,32,.96));border:1px solid rgba(124,92,255,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.c5-explain{flex-shrink:0}
.c5-feat::after{content:"";position:absolute;right:-12%;top:-35%;width:42%;height:90%;border-radius:50%;
  background:radial-gradient(circle,rgba(124,92,255,.5),transparent 70%);filter:blur(8px);pointer-events:none}
.c5-feat-top{display:flex;align-items:center;gap:.6cqw;position:relative;z-index:1}
.c5-tag{display:inline-flex;align-items:center;gap:.35cqw;font-size:.66cqw;font-family:"JetBrains Mono";color:#fff;
  background:linear-gradient(100deg,var(--violet),var(--violet-deep));border-radius:99px;padding:.3cqw .7cqw}
.c5-feat-score{margin-left:auto;display:flex;align-items:baseline;gap:.25cqw;font-family:"JetBrains Mono";font-weight:700}
.c5-feat-score b{font-size:1.9cqw;color:var(--violet-bright);line-height:1}
.c5-feat-score small{font-size:.74cqw;color:var(--faint)}
.c5-feat h3{font-family:Manrope;font-weight:800;font-size:1.3cqw;color:#fff;line-height:1.15;position:relative;z-index:1;max-width:24cqw}
.c5-feat-meta{display:flex;align-items:center;gap:1cqw;position:relative;z-index:1}
.c5-fmt{font-size:.74cqw;color:var(--muted);display:inline-flex;align-items:center;gap:.35cqw}
.c5-fmt i{color:var(--violet-bright);font-size:.82cqw}
.c5-why{display:flex;flex-wrap:wrap;gap:.4cqw;position:relative;z-index:1}
.c5-why span{font-size:.66cqw;color:var(--green);background:rgba(90,209,154,.1);border:1px solid rgba(90,209,154,.25);border-radius:99px;padding:.25cqw .55cqw}
/* ranked list */
.c5-list{display:flex;flex-direction:column;gap:.5cqw;flex:1;justify-content:space-between;padding:.3cqw 0}
.c5-li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85cqw;
  background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:.9cqw;padding:.62cqw .85cqw;transition:border-color .2s,transform .2s}
.c5-li:hover{border-color:rgba(124,92,255,.4);transform:translateX(.3cqw)}
.c5-rk{font-family:"JetBrains Mono";font-size:.85cqw;color:var(--faint);width:1.4cqw;text-align:center;flex:none}
.c5-li-mid b{display:block;font-size:.85cqw;color:#fff;font-weight:700;line-height:1.15}
.c5-li-mid span{font-size:.66cqw;color:var(--faint)}
.c5-li-sc{display:flex;flex-direction:column;align-items:flex-end;gap:.3cqw;width:6.5cqw;flex:none}
.c5-li-sc b{font-family:"JetBrains Mono";font-size:.82cqw;color:var(--violet-bright)}
.c5-li-bar{width:100%;height:.35cqw;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.c5-li-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--blue))}

/* ============================================================
   SCREEN 6 (c6) — «Одна платформа вместо 10+ сервисов» (финал)
   Left copy + широкая сетка возможностей + replace-полоса + CTA
   ============================================================ */
.c6scr{background:radial-gradient(125% 95% at 50% -10%,#150f2c,#070510 55%)}
.c6-copy{position:absolute;left:2.4%;top:15%;width:24%;z-index:5}
.c6-copy .s-h1{font-size:2.2cqw;line-height:1.1}
.c6-copy .s-sub{margin:1.2cqw 0 1.4cqw;font-size:.92cqw;max-width:22cqw}
.c6-panel{position:absolute;left:28.5%;top:13%;width:69%;height:78%;z-index:5;border-radius:1.4cqw;padding:1.3cqw 1.4cqw;
  background:linear-gradient(180deg,rgba(20,17,36,.94),rgba(12,10,22,.96));border:1px solid var(--line-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3cqw 6cqw -3cqw #000;display:flex;flex-direction:column;gap:1cqw}
.c6-panel-h{display:flex;align-items:center;justify-content:space-between}
.c6-panel-h b{font-family:Manrope;font-weight:800;font-size:1.25cqw;color:#fff}
.c6-panel-h b span{color:var(--violet-bright)}
.c6-panel-h .k{font-size:.72cqw;color:var(--faint);font-family:"JetBrains Mono"}
.c6-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:1cqw;flex:1;align-content:center}
/* рабочий поток (над карточками) — поддерживает «один процесс / данные связаны» */
.c6-flow{display:flex;align-items:center;justify-content:center;gap:.65cqw;flex-wrap:wrap;
  background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:1cqw;padding:.7cqw 1cqw}
.c6-flow-s{display:inline-flex;align-items:center;gap:.4cqw;font-size:.8cqw;color:var(--text);font-weight:600}
.c6-flow-s i{color:var(--violet-bright);font-size:.92cqw}
.c6-flow-a{color:var(--faint);font-size:.8cqw}
/* нижняя строка-объяснение (под карточками) */
.c6-foot{display:flex;align-items:center;justify-content:center;gap:.5cqw;font-size:.8cqw;color:var(--muted);text-align:center;line-height:1.3}
.c6-foot i{color:var(--violet-bright);font-size:.95cqw;flex:none}
.c6-foot b{color:var(--text);font-weight:700}
/* поджать экраны по высоте (aspect-ratio считается от собств. ширины, одинаково на любом мониторе) */
.c4scr .scr-stage,.c5scr .scr-stage,.c6scr .scr-stage{aspect-ratio:1.7241}
.c12 .scr-stage{aspect-ratio:1.6667}
.c6-panel{top:10%;height:85%;justify-content:space-between}
.c6-tiles{flex:none}
.c6-copy{top:11%}
.c6-tile{position:relative;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:1cqw;padding:.85cqw .9cqw;display:flex;flex-direction:column;gap:.4cqw;transition:transform .25s,border-color .25s,box-shadow .25s}
.c6-tile:hover{transform:translateY(-2px);border-color:rgba(124,92,255,.4);box-shadow:0 2cqw 4cqw -2cqw rgba(124,92,255,.35)}
.c6-ti{width:2.2cqw;height:2.2cqw;border-radius:.6cqw;display:grid;place-items:center;font-size:1.15cqw;margin-bottom:.1cqw}
.c6-ti.v{background:rgba(124,92,255,.18);color:var(--violet-bright)}
.c6-ti.b{background:rgba(77,124,255,.16);color:var(--blue)}
.c6-ti.g{background:rgba(90,209,154,.16);color:var(--green)}
.c6-ti.o{background:rgba(255,106,61,.16);color:var(--orange)}
.c6-ti.p{background:rgba(255,92,168,.16);color:var(--pink)}
.c6-tile b{font-size:.86cqw;color:#fff;font-weight:700;line-height:1.15}
.c6-tile span{font-size:.64cqw;color:var(--faint);line-height:1.25}
.c6-tile .old{margin-top:auto;font-size:.62cqw;color:var(--faint);font-family:"JetBrains Mono";text-decoration:line-through;opacity:.75}
/* replace strip */
.c6-repl{display:flex;align-items:center;gap:1.2cqw;border-radius:1.1cqw;padding:.95cqw 1.2cqw;
  background:linear-gradient(120deg,rgba(124,92,255,.2),rgba(77,124,255,.06));border:1px solid rgba(124,92,255,.32)}
.c6-repl-l{display:flex;align-items:center;gap:.6cqw}
.c6-repl-l .big{font-family:"JetBrains Mono";font-weight:700;font-size:1.9cqw;color:var(--orange);text-decoration:line-through;text-decoration-color:rgba(255,106,61,.5)}
.c6-repl-l .tx{font-size:.7cqw;color:var(--faint);max-width:7cqw;line-height:1.2}
.c6-arrow{color:var(--violet-bright);font-size:1.5cqw}
.c6-repl-r{display:flex;align-items:center;gap:.7cqw}
.c6-repl-r .lg{width:2.6cqw;height:2.6cqw;border-radius:.7cqw;display:grid;place-items:center;flex:none;
  background:linear-gradient(140deg,#9B7DFF,#4D7CFF)}
.c6-repl-r .lg svg{width:1.6cqw;height:1.6cqw}
.c6-repl-r .big{font-family:Manrope;font-weight:800;font-size:1.35cqw;color:#fff;line-height:1.1}
.c6-repl-r .tx{font-size:.7cqw;color:var(--muted)}
.c6-repl .cta{margin-left:auto;font-size:.92cqw;padding:.82cqw 1.3cqw}

/* photo tiles (screen 6 — реальные кадры показываем целиком, кадр = пропорция картинки 3:2) */
.c6-tile.has-photo{justify-content:flex-end;overflow:hidden;aspect-ratio:3/2;padding:0}
.c6-tile.has-photo .c6-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.c6-tile.has-photo::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(8,7,14,0) 0%,rgba(8,7,14,.05) 46%,rgba(8,7,14,.66) 82%,rgba(8,7,14,.92) 100%)}
.c6-tile.has-photo>*{position:relative;z-index:2}
.c6-tile.has-photo .c6-ti{position:absolute;top:.7cqw;left:.7cqw;z-index:2;backdrop-filter:blur(4px)}
.c6-tile.has-photo b{margin:0 .9cqw .15cqw}
.c6-tile.has-photo>span:not(.c6-ti){margin:0 .9cqw .9cqw}
.c6-tile.has-photo b,.c6-tile.has-photo>span:not(.c6-ti){text-shadow:0 1px 7px rgba(0,0,0,.9)}

/* screen 4 — объяснение точек роста (ход мыслей Nimelio) */
.c4-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5cqw 1cqw;margin-top:.65cqw}
.c4-why-i{display:flex;align-items:flex-start;gap:.5cqw}
.c4-why-i>i{color:var(--green);font-size:.78cqw;margin-top:.18cqw;flex:none}
.c4-why-i b{display:block;font-size:.78cqw;color:#fff;font-weight:700;line-height:1.18}
.c4-why-i span{font-size:.68cqw;color:var(--muted);line-height:1.28}

/* screen 5 — объяснение силы идеи (почему / как подать / на что обратить) */
.c5-explain{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:.9cqw;
  background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:1cqw;padding:.85cqw 1cqw}
.c5-ex-h{font-family:Manrope;font-weight:800;font-size:.8cqw;color:#fff;margin-bottom:.5cqw;display:flex;align-items:center;gap:.4cqw}
.c5-ex-h .pot{margin-left:auto;font-family:"JetBrains Mono";font-size:.72cqw;color:var(--violet-bright)}
.c5-ex+.c5-ex{border-left:1px solid var(--line);padding-left:.9cqw}
.c5-ex ul{list-style:none;display:flex;flex-direction:column;gap:.32cqw}
.c5-ex li{display:flex;align-items:flex-start;gap:.4cqw;font-size:.7cqw;color:var(--text);line-height:1.22}
.c5-ex li i{font-size:.66cqw;margin-top:.12cqw;flex:none}
.c5-ex.ok li i{color:var(--green)}
.c5-ex.warn li i{color:var(--orange)}
.c5-ex.dot li{position:relative;padding-left:.7cqw;color:var(--muted)}
.c5-ex.dot li::before{content:"";position:absolute;left:0;top:.42cqw;width:.32cqw;height:.32cqw;border-radius:50%;background:var(--violet-bright)}

/* =========================================================
   MOBILE / SMALL TABLET — переверстка cqw-дашбордов в стек
   (в конце файла, чтобы перебить более поздние cqw-правила)
   ========================================================= */
@media(max-width:820px){
  .pxscr{background:radial-gradient(130% 50% at 50% 0%,#0e0b1c,#08070e 62%)}
  .pxscr .scr-stage,.pxscr .scr-stage.r169{
    max-width:none!important;height:auto!important;padding-bottom:0!important;aspect-ratio:auto!important;min-height:0;
    container-type:normal;overflow:visible;display:flex;flex-direction:column;align-items:stretch;
    gap:15px;padding:24px 16px 30px}

  main>.pxscr:first-child{padding-top:58px}

  .s-copy,.s-copy2,.s-copy3,.c4-copy,.c5-copy,.c6-copy{position:static;width:auto;max-width:none;top:auto;left:auto}
  .s-eye{font-size:12px;margin-bottom:9px}
  .s-h1{font-size:27px!important;white-space:normal;line-height:1.12;letter-spacing:-.02em}
  .s-sub{font-size:14.5px!important;max-width:none!important;margin:11px 0 15px;line-height:1.5}
  .s-cta{flex-wrap:wrap;gap:10px}
  .s-btn,.c4-cta,.s-btn-solo{font-size:14px!important;padding:12px 18px!important}
  .s-btn .bi{width:22px;height:22px;font-size:12px}
  .s-btn .ph-play-circle{font-size:18px}
  .s-feats{flex-direction:column;gap:10px;margin-top:14px}
  .s-feat{gap:10px}.s-feat .s-fi{width:30px;height:30px;font-size:14px;border-radius:8px}
  .s-feat b{font-size:13px}.s-feat span{font-size:11px}
  .s-flist{gap:12px;margin-bottom:14px}
  .s-fl .s-fi{width:34px;height:34px;font-size:15px;border-radius:9px}
  .s-fl b{font-size:14px}.s-fl span{font-size:12px}
  .s-checks{gap:9px;margin-bottom:14px}.s-checks li{font-size:14px;gap:8px}.s-checks li i{font-size:13px}
  .c4-bens{gap:9px;margin-bottom:14px}.c4-bens li{font-size:14px}.c4-bens li i{font-size:13px}

  .s-phone,.s-phone2,.s-phone3{position:static;width:62%;max-width:230px;height:auto;aspect-ratio:2/3;margin:2px auto 0;border-radius:20px;padding:6px;left:auto;top:auto}
  .s-phone-screen{border-radius:15px}
  .s-play{width:46px;height:46px;font-size:17px}
  .s-vbar{left:8px;right:8px;bottom:8px;gap:8px}.s-wave{height:24px}.s-views{font-size:10px;padding:4px 8px}

  .s-card,.s-band,.s-band2,.s-plats,.s-tagline,.s-panel{display:none!important}

  /* экран 4 */
  .c4-board{position:static;width:auto;height:auto;padding:14px;gap:10px;border-radius:14px}
  .c4-board-h b{font-size:15px}.c4-board-h span{font-size:10px}
  .c4-live{font-size:10px;padding:4px 8px}.c4-live .d{width:5px;height:5px}
  .c4-rows{gap:8px;padding:0}
  .c4-row{gap:8px}
  .c4-head .c4-prof{font-size:9.5px;gap:4px}.c4-prof .dot{width:6px;height:6px}
  .c4-metric{font-size:11px}
  .c4-cell{gap:3px}.c4-cell b{font-size:11px}.c4-bar{height:5px}
  .c4-opps{padding:12px}
  .c4-opps-h{font-size:13px}.c4-opps-h i{font-size:14px}
  .c4-why-grid{grid-template-columns:1fr;gap:8px;margin-top:9px}
  .c4-why-i>i{font-size:11px}.c4-why-i b{font-size:12.5px}.c4-why-i span{font-size:11px}
  .c4-side{position:static;width:auto;height:auto;flex-direction:column;gap:12px}
  .c4-ic{aspect-ratio:16/9;min-height:128px;padding:14px;border-radius:14px}
  .c4-ic .c4-ph{object-position:50% 28%}
  .c4-ic-k{font-size:11px}.c4-ic b.t{font-size:19px}.c4-ic-row{font-size:14px}
  .c4-ic-row .sub{font-size:11px}.c4-ic-chips span{font-size:10px}
  .c4-ti,.c6-ti{width:30px;height:30px;font-size:14px;border-radius:8px}

  /* экран 5 */
  .c5-feed{position:static;width:auto;height:auto;padding:14px;gap:12px;border-radius:14px}
  .c5-feed-h b{font-size:15px}.c5-feed-h span{font-size:10px}
  .c5-feat{padding:13px;gap:9px;border-radius:13px}
  .c5-tag{font-size:10px;padding:4px 9px}.c5-fmt{font-size:11px}
  .c5-feat-score b{font-size:24px}.c5-feat-score small{font-size:11px}
  .c5-feat h3{font-size:17px;max-width:none}
  .c5-explain{grid-template-columns:1fr;gap:0}
  .c5-ex{padding:2px 0}
  .c5-ex+.c5-ex{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:10px;margin-top:10px}
  .c5-ex-h{font-size:13px}.c5-ex-h .pot{font-size:11px}
  .c5-ex ul{gap:5px}.c5-ex li{font-size:12.5px}.c5-ex li i{font-size:11px}
  .c5-ex.dot li{padding-left:12px}.c5-ex.dot li::before{width:5px;height:5px;top:7px}
  .c5-list{gap:9px;padding:0}
  .c5-li{padding:11px 13px;gap:11px;border-radius:11px}
  .c5-rk{font-size:12px;width:18px}
  .c5-li-mid b{font-size:13px}.c5-li-mid span{font-size:11px}
  .c5-li-sc{width:78px;gap:4px}.c5-li-sc b{font-size:12px}.c5-li-bar{height:5px}

  /* экран 6 */
  .c6-panel{position:static;width:auto;height:auto;padding:14px;gap:13px;border-radius:14px;justify-content:flex-start}
  .c6-panel-h b{font-size:15px}.c6-panel-h .k{font-size:10px}
  .c6-flow{gap:7px 9px;padding:11px;border-radius:11px}
  .c6-flow-s{font-size:12px}.c6-flow-s i{font-size:13px}.c6-flow-a{font-size:11px}
  .c6-tiles{grid-template-columns:1fr 1fr;gap:10px}
  .c6-tile.has-photo .c6-ti{top:8px;left:8px}
  .c6-tile.has-photo b{font-size:13px;margin:0 10px 2px}
  .c6-tile.has-photo>span:not(.c6-ti){font-size:11px;margin:0 10px 10px;line-height:1.25}
  .c6-foot{font-size:12px;gap:7px;line-height:1.35}.c6-foot i{font-size:14px}
  .c6-repl{flex-wrap:wrap;gap:12px;padding:14px;border-radius:13px}
  .c6-repl-l .big{font-size:24px}.c6-repl-l .tx{font-size:11px;max-width:none}
  .c6-arrow{font-size:18px}
  .c6-repl-r .lg{width:34px;height:34px;border-radius:9px}.c6-repl-r .lg svg{width:20px;height:20px}
  .c6-repl-r .big{font-size:17px}.c6-repl-r .tx{font-size:11px}
  .c6-repl .cta{margin-left:0;width:100%;justify-content:center;font-size:14px!important;padding:13px!important}
}

@media(max-width:430px){
  .s-h1{font-size:24px!important}
  .c6-tiles{grid-template-columns:1fr}
  .c4-head .c4-prof{font-size:9px}
  .c4-metric{font-size:10px}
}