/* Каталог внедрений: светлая страница, продукты строками по отделам, реальные экраны CRM вместо иллюстраций */
:root{
  --bg:#F6F7F9; --paper:#FFFFFF; --ink:#0E1524; --muted:#5A6476; --line:#E3E7EE;
  --blue:#1E6BFF; --blue-ink:#0B4FD6; --blue-soft:#E8F0FF; --good:#16834A; --bad:#C93838; --bad-soft:#FCE6E6;
  --night:#0B1020; --night-ink:#E9EDF5; --night-dim:#97A0B3;
  --f-d:"Manrope",system-ui,sans-serif; --f-b:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0C111C; --paper:#121927; --ink:#E9EDF5; --muted:#9AA4B8; --line:#232C3D;
  --blue:#4C8DFF; --blue-ink:#7FAEFF; --blue-soft:#17233D; --good:#3FBF7A; --bad:#FF6B6B; --bad-soft:#3A1A1E;
  --night:#060910; --night-ink:#E9EDF5; --night-dim:#97A0B3; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0C111C; --paper:#121927; --ink:#E9EDF5; --muted:#9AA4B8; --line:#232C3D;
  --blue:#4C8DFF; --blue-ink:#7FAEFF; --blue-soft:#17233D; --good:#3FBF7A; --bad:#FF6B6B; --bad-soft:#3A1A1E;
  --night:#060910; --night-ink:#E9EDF5; --night-dim:#97A0B3; color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--f-b);margin:0}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-d);letter-spacing:-.02em;line-height:1.12;margin:0;text-wrap:balance}
h1{font-size:clamp(32px,4.4vw,50px);font-weight:800}
h2{font-size:clamp(26px,3.4vw,36px);font-weight:800}
h3{font-size:19px;font-weight:700}
p{margin:0}
.lead{font-size:19px;color:var(--muted);max-width:60ch}
section{padding-block:72px}
.label{font-size:13px;font-weight:600;color:var(--blue-ink);letter-spacing:.04em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:14px 22px;font:700 16px var(--f-b);cursor:pointer;text-decoration:none;text-align:center}
.btn.pri{background:var(--blue);color:#fff}
.btn.pri:hover{background:var(--blue-ink)}
.btn.ghost{border:1.5px solid var(--line);background:var(--paper);color:var(--ink)}
.btn.ghost:hover{border-color:var(--blue)}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
/* header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper)}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--paper);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:24px;height:64px}
.logo{font:800 22px var(--f-d);text-decoration:none;letter-spacing:-.02em}
.logo b{color:var(--blue)}
header nav{display:flex;gap:22px;margin-left:auto;font-size:15px}
header nav a{text-decoration:none;color:var(--muted)}
header nav a:hover{color:var(--ink)}
header .btn{padding:10px 16px;font-size:15px}
@media (max-width:820px){header nav{display:none} header .btn{margin-left:auto}}
/* hero */
.hero{padding-block:64px 56px;background:var(--paper);border-bottom:1px solid var(--line)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero .lead{margin-top:20px}
.crumb{font-size:14px;color:var(--muted);margin-bottom:16px}
.crumb a{color:var(--muted)}
.shot{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:0 18px 50px rgba(14,21,36,.10)}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{font-size:13px;color:var(--muted);padding:10px 14px;border-top:1px solid var(--line)}
@media (max-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr)}}
/* proof */
.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:36px}
.proof b{display:block;font:800 30px var(--f-d);color:var(--blue-ink);font-variant-numeric:tabular-nums}
.proof span{font-size:14px;color:var(--muted)}
@media (max-width:820px){.proof{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* catalog */
.dept{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding-block:28px;border-top:1px solid var(--line)}
.dept:first-of-type{border-top:0}
.dept h3{font-size:22px;padding-top:12px}
.rows{display:grid}
.row{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr) 28px;gap:18px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line);text-decoration:none}
.row:last-child{border-bottom:0}
.row b{font:700 17px var(--f-d)}
.row span{color:var(--muted);font-size:15px}
.row i{font-style:normal;color:var(--blue);font-size:20px;transition:transform .15s}
.row:hover i{transform:translateX(4px)}
.row:hover b{color:var(--blue-ink)}
@media (max-width:720px){.dept{grid-template-columns:minmax(0,1fr);gap:4px}.row{grid-template-columns:minmax(0,1fr) 24px}.row span{grid-column:1}.row i{grid-row:1/3;grid-column:2}}
.also{color:var(--muted);font-size:15px;margin-top:20px}
/* band */
.band{background:var(--night);color:var(--night-ink)}
.band .lead{color:var(--night-dim)}
.band .label{color:#7FAEFF}
.band-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
@media (max-width:720px){.band-in{grid-template-columns:minmax(0,1fr)}}
/* cases */
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.case{display:grid;gap:8px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper);text-decoration:none}
.case small{font-size:13px;color:var(--muted)}
.case b{font:800 21px/1.25 var(--f-d)}
.case span{color:var(--muted);font-size:15px}
.case em{font-style:normal;color:var(--blue-ink);font-weight:600;font-size:15px}
@media (max-width:720px){.cases{grid-template-columns:minmax(0,1fr)}}
/* approach */
.two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
@media (max-width:900px){.two{grid-template-columns:minmax(0,1fr)}}
.founder{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:start;max-width:780px}
.founder img{width:120px;height:120px;border-radius:50%;object-fit:cover}
.founder{grid-template-columns:120px minmax(0,1fr)!important}
.byline{display:flex;align-items:center;gap:12px;margin-top:22px;color:var(--night-dim);font-size:15px}
.byline img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.byline b{color:var(--night-ink);font-weight:600}
.tgfloat{display:none}
.hero .payback{margin-top:14px;font:700 clamp(19px,2.2vw,24px)/1.3 var(--f-d);color:#7FAEFF}
.hero .payback+.lead{margin-top:12px}
@media (max-width:720px){.tgfloat{display:flex;position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;align-items:center;gap:8px;background:#229ED9;color:#fff;border-radius:999px;padding:12px 16px;font-weight:700;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.25)}}
.founder p{color:var(--muted);margin-top:10px}
/* product parts */
.who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.who p{padding-left:16px;border-left:3px solid var(--blue);font-size:17px}
@media (max-width:720px){.who{grid-template-columns:minmax(0,1fr)}}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;counter-reset:s}
.steps div{counter-increment:s}
.steps div::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue-soft);color:var(--blue-ink);font:800 16px var(--f-d);margin-bottom:12px}
.steps p{color:var(--muted);margin-top:6px;font-size:15px}
@media (max-width:720px){.steps{grid-template-columns:minmax(0,1fr)}}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;margin-top:28px}
.casebox{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;padding:32px;border-radius:14px;background:var(--paper);border:1px solid var(--line);margin-top:24px}
.casebox .res{font:800 24px/1.25 var(--f-d);color:var(--blue-ink);align-self:center}
.casebox p{color:var(--muted);margin-top:10px}
@media (max-width:720px){.casebox{grid-template-columns:minmax(0,1fr);padding:22px}}
.inc{columns:2;column-gap:40px;margin:24px 0 0;padding:0;list-style:none}
.inc li{break-inside:avoid;padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--line)}
.inc li::before{content:"";position:absolute;left:4px;top:17px;width:12px;height:7px;border-left:2px solid var(--good);border-bottom:2px solid var(--good);transform:rotate(-45deg)}
@media (max-width:720px){.inc{columns:1}}
.pairs{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
details{border-bottom:1px solid var(--line);padding:16px 0}
details summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
details summary::after{content:"+";color:var(--blue);font-size:22px;line-height:1}
details[open] summary::after{content:"−"}
details p{color:var(--muted);margin-top:10px;max-width:70ch}
/* form */
.cta{background:var(--paper);border-top:1px solid var(--line)}
.form{display:grid;gap:12px;max-width:520px;margin-top:24px}
.form label{display:grid;gap:6px;font-size:14px;font-weight:600}
.form input[type=text]{font:16px var(--f-b);padding:13px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}
.form .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--muted)}
.form .row2{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ok{padding:14px 16px;border-radius:10px;background:var(--blue-soft);color:var(--blue-ink);font-weight:600}
/* diagnostics */
.zones{display:grid;gap:14px;margin-top:28px}
.zone{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:16px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.zone small{display:block;color:var(--muted);font-size:13px}
.scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.scale button{font:700 15px var(--f-b);padding:9px 0;border-radius:8px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums}
.scale button:hover{border-color:var(--blue)}
.scale button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.scale button.on.low{background:var(--bad);border-color:var(--bad)}
@media (max-width:720px){.zone{grid-template-columns:minmax(0,1fr)}.scale{grid-template-columns:repeat(5,minmax(0,1fr))}}
.result{margin-top:28px;padding:28px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.result h3{font-size:22px}
.recs{display:grid;gap:10px;margin-top:16px}
.recs a{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:10px;background:var(--bad-soft);text-decoration:none}
.recs a span{color:var(--muted);font-size:14px}
.calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px;margin-top:20px}
.calc label{display:grid;gap:6px;font-size:14px;font-weight:600}
.calc input{font:16px var(--f-b);padding:12px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums}
.loss{margin-top:18px;font:800 28px var(--f-d);color:var(--bad);font-variant-numeric:tabular-nums}
.flow{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:f}
.flow li{position:relative;padding:18px 16px;border-radius:12px;background:var(--paper);border:1px solid var(--line);display:grid;gap:4px}
.flow li:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--blue);font-weight:700;z-index:1}
.flow b{font:700 16px var(--f-d)}.flow span{font-size:14px;color:var(--muted)}
@media (max-width:820px){.flow{grid-template-columns:minmax(0,1fr)}.flow li:not(:last-child)::after{content:"↓";right:auto;left:20px;top:auto;bottom:-17px;transform:none}}
.demo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:28px;border-radius:14px;background:var(--blue-soft);margin-top:8px}
@media (max-width:720px){.demo{grid-template-columns:minmax(0,1fr)}}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tile{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:6px;padding:16px 16px 20px;border-radius:14px;background:var(--paper);border:1px solid var(--line);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.tile:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 14px 34px rgba(30,107,255,.12)}
.tile .ill{background:var(--bg);border-radius:10px;padding:14px 16px 10px;margin-bottom:8px}
.tile .ill svg{display:block;width:100%;height:auto}
.tile small{font-size:12px;font-weight:600;color:var(--blue-ink);letter-spacing:.04em}
.tile b{font:800 19px/1.25 var(--f-d)}
.tile span{color:var(--muted);font-size:15px}
.tile em{font-style:normal;color:var(--blue-ink);font-weight:600;font-size:15px;margin-top:6px}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tiles{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover{transform:none}}

/* как в исходном дизайне stratIQ: тёмная шапка, тёмный первый экран и тёмный блок записи */
header.top{background:var(--night);border-bottom:1px solid #1B2232}
body::before{background:var(--night)}
header.top .logo{color:#F5F7FB}
header nav a{color:var(--night-dim)}
header nav a:hover{color:#fff}
.proto{background:#2A2410;color:#F1D27A}
.hero{background:var(--night);color:var(--night-ink);border-bottom:0}
.hero .lead{color:var(--night-dim)}
.hero .crumb,.hero .crumb a{color:var(--night-dim)}
.hero .btn.ghost{background:transparent;color:var(--night-ink);border-color:#3A4458}
.hero .btn.ghost:hover{border-color:var(--blue)}
.hero .shot{border-color:#232B3D;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.hero .shot figcaption{color:var(--night-dim);border-color:#232B3D;background:#121826}
.hero .casebox{background:#121826;border-color:#232B3D}
.cta{background:var(--night);color:var(--night-ink);border-top:0}
.cta .lead,.cta .also{color:var(--night-dim)}
.cta .label{color:#7FAEFF}
.cta .inc li{border-color:#232B3D}
.cta .form label,.cta .rev legend{color:var(--night-ink)}
.cta .rev label,.cta .form .chk{color:var(--night-dim)}
.cta .form input[type=text]{background:#121826;border-color:#2A3346;color:var(--night-ink)}
.cta .btn.ghost{background:transparent;color:var(--night-ink);border-color:#3A4458}
.cta .ok{background:#17233D;color:#9FC1FF}
footer{background:var(--night);color:var(--night-dim);padding-block:36px;font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
footer a{color:var(--night-ink)}
footer .logo{color:var(--night-ink);font-size:18px}
.proto{background:#FFF4CC;color:#6A4D00;font-size:13px;text-align:center;padding:6px 16px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.row i{transition:none}}

:root{--ill-card:#FFFFFF;--ill-edge:#C9D7F3;--ill-nav:#132A6B;--ill-mid:#7FA6FF;--ill-pale:#DFE8FB}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ill-card:#E9EEF8;--ill-edge:#26375C;--ill-nav:#0F2160;--ill-mid:#5F8FFF;--ill-pale:#C9D6F0}}
:root[data-theme="dark"]{--ill-card:#E9EEF8;--ill-edge:#26375C;--ill-nav:#0F2160;--ill-mid:#5F8FFF;--ill-pale:#C9D6F0}
.il{display:block;width:100%;height:auto;overflow:visible}
.il *{transform-box:fill-box}
.il .seq{animation:il-seq 6s ease-out infinite both}
.il .pop{transform-origin:center;animation:il-pop 6s cubic-bezier(.3,1.6,.5,1) infinite both}
.il .dot{animation:il-blink 1.2s ease-in-out infinite}
.il .wave{transform-origin:left center;animation:il-wave 1.8s ease-in-out infinite}
.il .drop{animation:il-drop 3s ease-in infinite both}
.il .grow{transform-origin:bottom;animation:il-grow 6s ease-out infinite both}
.il .move{animation:il-move 5s cubic-bezier(.6,0,.3,1) infinite both}
.il .draw{stroke-dasharray:200;animation:il-draw 6s ease-out infinite both}
.il .spin{transform-origin:center;animation:il-spin 8s linear infinite}
.il .flow{stroke-dasharray:6 40;animation:il-flow 1.6s linear infinite}
.il .coin{animation:il-coin 3s ease-in-out infinite}
.il .prog{transform-origin:left;animation:il-prog 5s linear infinite both}
.il .stack{animation:il-stack 6s ease-out infinite both}
.il .pulse{transform-origin:left top;animation:il-pulse 3s ease-in-out infinite}
.il .scan{animation:il-scan 5s ease-in-out infinite}
.il .btnpulse{transform-origin:center;animation:il-btn 4s ease-in-out infinite}
.il .cursor{animation:il-cursor 4s ease-in-out infinite both}
.il .ripple{transform-origin:center;animation:il-ripple 4s ease-out infinite both}
@keyframes il-seq{0%,4%{opacity:0;transform:translateY(6px)}12%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes il-pop{0%,6%{opacity:0;transform:scale(.3)}14%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes il-blink{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes il-wave{0%,100%{opacity:.25;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}
@keyframes il-drop{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1;transform:translateY(80px)}100%{opacity:0;transform:translateY(84px)}}
@keyframes il-grow{0%,4%{transform:scaleY(.15)}22%,90%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
@keyframes il-move{0%,20%{transform:translate(0,0)}50%,80%{transform:translate(72px,-24px)}100%{transform:translate(0,0)}}
@keyframes il-draw{0%,6%{stroke-dashoffset:200}40%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:200}}
@keyframes il-spin{to{transform:rotate(360deg)}}
@keyframes il-flow{to{stroke-dashoffset:-46}}
@keyframes il-coin{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes il-prog{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes il-stack{0%,4%{opacity:0;transform:translateY(-18px)}14%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes il-pulse{0%,100%{transform:none}50%{transform:translate(3px,-2px)}}
@keyframes il-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(72px)}}
@keyframes il-btn{0%,55%,100%{transform:scale(1)}62%{transform:scale(.94)}70%{transform:scale(1)}}
@keyframes il-cursor{0%,10%{transform:translate(40px,30px);opacity:0}25%{opacity:1}55%,80%{transform:translate(0,0);opacity:1}100%{transform:translate(0,0);opacity:0}}
@keyframes il-ripple{0%,58%{opacity:0;transform:scale(.4)}64%{opacity:1}80%,100%{opacity:0;transform:scale(1.8)}}
@media (prefers-reduced-motion:reduce){.il *{animation:none!important}}

.teaser{background:var(--blue-soft);padding-block:44px}
.teaser-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
@media (max-width:820px){.teaser-in{grid-template-columns:minmax(0,1fr)}}
.exit{position:fixed;inset:0;z-index:50;background:rgba(6,9,16,.55);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.exit[hidden]{display:none}
.exit-box{position:relative;max-width:480px;width:100%;background:var(--paper);color:var(--ink);border-radius:16px;padding:28px 24px 24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.exit-box h3{font-size:22px;padding-right:28px}
.exit-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:28px;line-height:1;color:var(--muted);cursor:pointer}
.diag{background:var(--paper);border-block:1px solid var(--line)}
.dstep{margin-top:32px}
.dstep h3{display:flex;align-items:center;gap:12px;font-size:20px;margin-bottom:14px}
.dstep h3 span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:15px;flex:none}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{font:600 15px var(--f-b);padding:10px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.chip:hover{border-color:var(--blue)}
.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.zones{margin-top:0}
.recs a{display:grid;gap:4px}
.recs .z{color:var(--ink)}
.recs .fix{color:var(--blue-ink);font-weight:600;font-size:15px}
.result .loss{font-size:clamp(20px,3vw,28px)}
.wheelgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:start}
.radarbox{position:sticky;top:calc(84px + env(safe-area-inset-top,0px));background:var(--bg);border-radius:14px;padding:12px}
.radarbox svg{display:block;width:100%;height:auto;overflow:visible}
@media (max-width:900px){.wheelgrid{grid-template-columns:minmax(0,1fr)}.radarbox{position:static;max-width:420px}}
.dep{margin-top:22px}
.dep h4{font:800 15px var(--f-d);color:var(--blue-ink);margin:0 0 6px;letter-spacing:.02em}
.q{padding:12px 0;border-bottom:1px solid var(--line)}
.q p{font-weight:600;margin-bottom:10px}
.q .chip{font-size:14px;padding:8px 14px}
.rev{border:0;padding:0;margin:0;display:grid;gap:8px}
.rev legend{font-size:14px;font-weight:600;margin-bottom:6px;padding:0}
.rev label{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--muted)}

/* мега-меню */
header nav{align-items:center}
.mm{position:relative}
.mm>button{background:none;border:0;font:inherit;color:var(--night-dim);cursor:pointer;padding:20px 0;display:flex;gap:6px;align-items:center}
.mm>button::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.mm.open>button,.mm:has(:focus-visible)>button{color:#fff}
.mm .panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);display:none;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.25);padding:22px;width:min(860px,92vw);z-index:20}
.mm:has(:focus-visible) .panel{display:grid}
.mm .panel.prod{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mm .panel.sol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;width:min(620px,92vw)}
.mm .panel h4{margin:0 0 8px;font:700 12px var(--f-b);letter-spacing:.05em;color:var(--blue-ink);text-transform:uppercase}
.mm .panel a{display:block;text-decoration:none;padding:8px 10px;border-radius:8px;margin:0 -10px;color:var(--ink)}
.mm .panel a:hover{background:var(--blue-soft)}
.mm .panel a b{display:block;font:700 15px var(--f-d)}
.mm .panel a span{display:block;font-size:13px;color:var(--muted);line-height:1.4}
.mm .panel .mcase{grid-column:1/-1;margin-top:6px;padding:12px 14px;border-radius:10px;background:var(--bg);font-size:14px;color:var(--muted)}
.mm .panel .mcase b{color:var(--ink)}
.micro{margin-top:12px;font-size:14px;color:var(--night-dim)}
/* живая сцена */
.scene{position:relative;min-height:460px}
.scene .card{max-width:250px}
.scene .card{position:absolute;background:#fff;color:#0E1524;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:14px 16px;font-size:14px;line-height:1.4;opacity:0;animation:sc-in 14s cubic-bezier(.2,.9,.3,1.2) infinite both}
.scene .card small{display:block;color:#5A6476;font-size:12px;margin-bottom:4px}
.scene .card b{font:700 15px var(--f-d)}
.scene .card .okg{color:#16834A;font-weight:700}
.scene .tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px;background:#E8F0FF;color:#0B4FD6;margin:4px 4px 0 0}
.scene .tag.g{background:#DDF3E6;color:#0E5A33}
.scene .float{animation:sc-in 14s cubic-bezier(.2,.9,.3,1.2) infinite both,sc-float 5s ease-in-out infinite}
@keyframes sc-in{0%{opacity:0;transform:translateY(18px) scale(.96)}4%{opacity:1;transform:none}88%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes sc-float{50%{translate:0 -6px}}
.scene .pipe{position:absolute;inset:40px 0 auto 40px;background:#121826;border:1px solid #232B3D;border-radius:16px;padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.scene .pipe div{background:#1A2234;border-radius:10px;padding:10px;min-height:190px}
.scene .pipe p{font-size:11px;color:#97A0B3;margin-bottom:8px;letter-spacing:.04em}
.scene .pipe i{display:block;height:34px;border-radius:8px;background:#232D44;margin-bottom:8px}
.scene .pipe i.mv{background:#1E6BFF;animation:sc-mv 14s ease-in-out infinite both}
@keyframes sc-mv{0%,55%{transform:translateX(0)}65%,100%{transform:translateX(calc(100% + 30px))}}
.scene .count{font:800 26px var(--f-d);color:#1E6BFF;font-variant-numeric:tabular-nums}
/* телефон-чат */
.phone{position:absolute;left:0;top:0;width:270px;background:#0F1626;border:1px solid #232B3D;border-radius:28px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.phone .hd{display:flex;align-items:center;gap:8px;color:#E9EDF5;font-size:13px;padding:4px 6px 12px;border-bottom:1px solid #1E2638}
.phone .hd i{width:28px;height:28px;border-radius:50%;background:#25D366;display:inline-block}
.phone .msgs{display:grid;gap:8px;padding-top:12px;min-height:330px;align-content:start}
.phone .m{max-width:84%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.4;opacity:0;animation:sc-in 14s ease-out infinite both}
.phone .m.c{background:#1E2638;color:#E9EDF5;border-bottom-left-radius:4px}
.phone .m.a{background:#1E6BFF;color:#fff;justify-self:end;border-bottom-right-radius:4px}
.phone .m.t{background:#1E2638;color:#97A0B3;width:54px;text-align:center;letter-spacing:2px}
.phone .m.t{animation:sc-typing 14s linear infinite both}
@keyframes sc-typing{0%,9%{opacity:0}10%,17%{opacity:1}18%,100%{opacity:0;height:0;padding:0;margin:0}}
@media (max-width:900px){.scene{margin-top:8px}}
@media (max-width:600px){.scene{min-height:0;display:grid;gap:10px}.scene .pipe{display:none}.scene .card,.phone{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;max-width:none}.phone{width:100%}.scene .card.xs{display:none}}
@media (prefers-reduced-motion:reduce){.scene .card,.scene .float,.phone .m,.scene .pipe i.mv{animation:none!important;opacity:1!important}.phone .m.t{display:none}}
/* боли на главной */
.pains{display:grid;gap:28px;margin-top:28px}
.pain{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:24px;padding-top:24px;border-top:1px solid var(--line)}
.pain:first-child{border-top:0;padding-top:0}
.pain h3{font-size:22px}
.pain p{color:var(--muted);font-size:15px;margin-top:8px}
@media (max-width:820px){.pain{grid-template-columns:minmax(0,1fr);gap:12px}}
/* кейсы крупной цифрой */
.bigcases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.bigcase{display:grid;gap:6px;align-content:start;padding:22px;border-radius:14px;background:var(--paper);border:1px solid var(--line);text-decoration:none}
.bigcase small{font-size:13px;color:var(--muted)}
.bigcase strong{font:800 34px/1.1 var(--f-d);color:var(--blue-ink);font-variant-numeric:tabular-nums}
.bigcase span{font-size:15px;color:var(--muted)}
.bigcase em{font-style:normal;color:var(--blue-ink);font-weight:600;font-size:14px;margin-top:6px}
@media (max-width:900px){.bigcases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.bigcases{grid-template-columns:minmax(0,1fr)}}
/* интеграции */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.chips span{padding:10px 16px;border-radius:99px;background:var(--paper);border:1px solid var(--line);font-weight:600;font-size:15px}
.chips span.hi{background:var(--blue);color:#fff;border-color:var(--blue)}
/* выгоды */
.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:8px}
.benefits div{padding:20px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.benefits i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--blue-soft);color:var(--blue-ink);font-style:normal;font-weight:800;margin-bottom:12px}
.benefits b{font:700 17px/1.3 var(--f-d);display:block}
.benefits p{color:var(--muted);font-size:14.5px;margin-top:6px}
@media (max-width:900px){.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.benefits{grid-template-columns:minmax(0,1fr)}}
/* узнаёте себя */
.recog{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;padding:32px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.recog label{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:16.5px}
.recog input{width:20px;height:20px;accent-color:var(--bad);flex:none;margin-top:2px}
.recog .out{align-self:center;display:grid;gap:12px}
.recog .num{font:800 44px var(--f-d);color:var(--bad);font-variant-numeric:tabular-nums}
.recog .fact{color:var(--muted)}
@media (max-width:820px){.recog{grid-template-columns:minmax(0,1fr);padding:22px}}
/* сравнение */
.vs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin-top:28px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.vs>div{padding:24px 26px}
.vs>div:first-child{background:var(--paper)}
.vs>div:last-child{background:var(--night);color:var(--night-ink)}
.vs h3{font-size:20px;margin-bottom:12px}
.vs ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.vs li{padding-left:28px;position:relative;font-size:15.5px}
.vs>div:first-child li{color:var(--muted)}
.vs>div:first-child li::before{content:"—";position:absolute;left:4px;color:var(--bad);font-weight:700}
.vs>div:last-child li::before{content:"";position:absolute;left:4px;top:7px;width:12px;height:7px;border-left:2px solid #3FBF7A;border-bottom:2px solid #3FBF7A;transform:rotate(-45deg)}
@media (max-width:720px){.vs{grid-template-columns:minmax(0,1fr)}}
/* возможности чередуются */
.feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding-block:28px;border-top:1px solid var(--line)}
.feat:nth-child(even) .fx{order:-1}
.feat h3{font-size:22px}
.feat p{color:var(--muted);margin-top:8px}
@media (max-width:820px){.feat{grid-template-columns:minmax(0,1fr);gap:16px}.feat:nth-child(even) .fx{order:0}}
.fx{background:var(--night);border-radius:14px;padding:22px;display:grid;gap:8px;color:var(--night-ink);font-size:14px}
.fx .r{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#1A2234}
.fx .r b{font-weight:700}
.fx .r .g{color:#3FBF7A;font-weight:700}
.fx .r .y{color:#F1C24B;font-weight:700}
.numsteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px;counter-reset:s}
.numsteps div{counter-increment:s;padding:18px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.numsteps div::before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font:800 14px var(--f-d);margin-bottom:10px}
.numsteps b{font:700 16px/1.3 var(--f-d);display:block}
.numsteps p{color:var(--muted);font-size:14px;margin-top:6px}
.numsteps div.gas{background:var(--blue-soft);border-color:transparent}
@media (max-width:900px){.numsteps{grid-template-columns:minmax(0,1fr)}}
.support{margin-top:18px;padding:14px 18px;border-radius:12px;background:var(--paper);border:1px solid var(--line);color:var(--muted)}
.support b{color:var(--ink)}

.mock{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;color:#0E1524;box-shadow:0 18px 50px rgba(14,21,36,.10);font-size:13.5px}
.hero .mock{border-color:#232B3D;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.mock .bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #E3E7EE;background:#F6F7F9}
.mock .bar b{font:700 15px var(--f-d)}
.mock .bar span{font-size:12px;color:#5A6476}
.mock .bd{padding:14px 16px;overflow-x:auto}
.mock table{border-collapse:collapse;width:100%;min-width:420px;font-variant-numeric:tabular-nums}
.mock th{font-size:11.5px;color:#5A6476;font-weight:600;text-align:right;padding:6px 8px;border-bottom:1px solid #E3E7EE;white-space:nowrap}
.mock th:first-child,.mock td:first-child{text-align:left}
.mock td{padding:7px 8px;border-bottom:1px solid #EEF1F5;text-align:right;white-space:nowrap}
.mock td.p{background:#DDF3E6;color:#0E5A33;font-weight:700}.mock td.n{background:#FCE6E6;color:#B42323;font-weight:700}.mock td.z{background:#FFF4CC;color:#6A4D00;font-weight:700}
.mock tr.tot td{font-weight:700;border-top:2px solid #E3E7EE}
.mock .bl{filter:blur(4px);user-select:none}
.mock .skip td{color:#97A0B3;text-align:center!important;padding:2px}
.mock .chat{display:grid;gap:8px;background:#F3F5F9;border-radius:12px;padding:12px}
.mock .chat p{max-width:82%;padding:9px 12px;border-radius:12px;background:#fff;line-height:1.45}
.mock .chat p.u{justify-self:end;background:#E8F0FF}
.mock .chat small{display:block;font-size:11px;color:#97A0B3;margin-top:3px}
.mock .stage{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.mock .stage span{font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;background:#E8F0FF;color:#0B4FD6}
.mock .stage span.g{background:#DDF3E6;color:#0E5A33}
.mock .take{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border-radius:12px;background:#0B1020;color:#E9EDF5}
.mock .take button{border:0;border-radius:8px;background:#1E6BFF;color:#fff;font:700 13px var(--f-b);padding:9px 14px}
.mock .t{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px}
.mock .t.g{background:#DDF3E6;color:#0E5A33}.mock .t.y{background:#FFF4CC;color:#6A4D00}.mock .t.r{background:#FCE6E6;color:#B42323}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mock{border-color:#232C3D}}

.mm .panel::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.mm.open .panel{display:grid}

.fr{position:relative;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px rgba(14,21,36,.14)}
.hero .fr{border-color:#232B3D;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.fr .dots{display:flex;gap:6px;padding:9px 12px;background:#EEF1F5;border-bottom:1px solid #E3E7EE}
.fr .dots i{width:9px;height:9px;border-radius:50%;background:#C9CFD8}
.fr img{display:block;width:100%;height:auto}
.fr.crop .vp{height:400px;overflow:hidden}
.fr.crop .vp img{width:170%;max-width:none;margin-left:-23%}
@media (max-width:600px){.fr.crop .vp{height:260px}}
.fr.phone{max-width:330px;margin-inline:auto;border-radius:30px;border:6px solid #0B1020}
.fr.phone .dots{display:none}
.hs{position:relative}
.hs .fl{position:absolute;background:#fff;color:#0E1524;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.35);padding:10px 14px;font-size:13.5px;line-height:1.35;max-width:230px;opacity:0;animation:sc-in 12s cubic-bezier(.2,.9,.3,1.2) infinite both,sc-float 5s ease-in-out infinite;z-index:2}
.hs .fl small{display:block;color:#5A6476;font-size:11.5px}
.hs .fl b{font:700 15px var(--f-d)}
.hs .fl .g{color:#16834A}
@media (max-width:900px){.hs .fl{display:none}}
@media (prefers-reduced-motion:reduce){.hs .fl{animation:none;opacity:1}}
.f2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;padding-block:44px;border-top:1px solid var(--line)}
.f2:nth-of-type(even){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.f2:nth-of-type(even) .tx{order:2}
.f2 .tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--blue-ink);background:var(--blue-soft);padding:4px 10px;border-radius:99px}
.f2 h3{font-size:clamp(22px,2.4vw,28px);margin-top:12px;line-height:1.2}
.f2 p{color:var(--muted);margin-top:10px;font-size:16.5px}
.f2 ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.f2 li{padding-left:28px;position:relative;font-size:15.5px}
.f2 li::before{content:"";position:absolute;left:4px;top:8px;width:12px;height:7px;border-left:2px solid var(--good);border-bottom:2px solid var(--good);transform:rotate(-45deg)}
@media (max-width:900px){.f2,.f2:nth-of-type(even){grid-template-columns:minmax(0,1fr);gap:20px}.f2:nth-of-type(even) .tx{order:0}}
.big3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.big3 div{padding:24px;border-radius:16px;background:var(--night);color:var(--night-ink)}
.big3 strong{display:block;font:800 36px/1.05 var(--f-d);color:#7FAEFF}
.big3 span{display:block;margin-top:8px;color:var(--night-dim);font-size:15px}
@media (max-width:820px){.big3{grid-template-columns:minmax(0,1fr)}}
.what3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.what3 div{padding:22px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.what3 h3{font-size:19px}
.what3 ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.what3 li{padding-left:22px;position:relative;font-size:15px;color:var(--muted)}
.what3 li::before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--blue)}
@media (max-width:900px){.what3{grid-template-columns:minmax(0,1fr)}}
.cta2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:28px 32px;border-radius:18px;background:linear-gradient(120deg,#1E6BFF,#6A4CFF);color:#fff;margin-top:8px}
.cta2 h3{font-size:24px}.cta2 p{opacity:.85;margin-top:6px}
.cta2 .btn{background:#fff;color:#0B1020}
@media (max-width:720px){.cta2{grid-template-columns:minmax(0,1fr)}}
.pmock{background:#0F1626;border-radius:24px;padding:14px;color:#E9EDF5;font-size:14px;max-width:330px;margin-inline:auto;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.pmock .hd{display:flex;gap:10px;align-items:center;padding:4px 4px 12px;border-bottom:1px solid #1E2638}
.pmock .hd i{width:34px;height:34px;border-radius:50%;background:#1E6BFF;display:grid;place-items:center;font:800 12px var(--f-d);font-style:normal}
.pmock .m{background:#1E2638;border-radius:14px;padding:12px 14px;margin-top:10px;line-height:1.5}
.pmock .r{display:flex;justify-content:space-between}
.pmock .k{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.pmock .bl{filter:blur(4px)}
.pmock .k span{background:#2B4E9B;border-radius:10px;padding:9px;text-align:center;font-weight:600;font-size:13px}

.mock .kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.mock .kp div{background:#F6F7F9;border-radius:10px;padding:8px 10px}.mock .kp small{display:block;font-size:11px;color:#5A6476}.mock .kp b{font:700 18px var(--f-d)}
.mock .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #EEF1F5}
.mock .row:last-child{border-bottom:0}.mock .row small{display:block;color:#5A6476;font-size:12px;margin-top:2px}
.mock .hb{height:8px;border-radius:99px;background:#EEF1F5;overflow:hidden}.mock .hb i{display:block;height:8px;border-radius:99px;background:#1E6BFF}
.mock .kb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:#F3F5F9;border-radius:12px;padding:10px}
.mock .kb h5{margin:0 0 6px;font-size:11.5px;color:#5A6476;font-weight:700}
.mock .kb .c{background:#fff;border-radius:9px;padding:8px;margin-bottom:6px;font-size:12px;line-height:1.35;border:1px solid #E6E9EF}
.mock .kb .c.red{border-color:#F3B4B4;background:#FFF5F5}
.mock .kb .c em{font-style:normal;display:inline-block;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:99px;background:#E8F0FF;color:#0B4FD6;margin-top:4px}
.mock .ok{color:#16834A;font-weight:700}
.vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vids .v{aspect-ratio:9/15;border-radius:16px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.4);position:relative;overflow:hidden}
.vids .v small{font-size:11px;font-weight:700;background:rgba(0,0,0,.35);padding:3px 8px;border-radius:99px;align-self:flex-start}
.vids .v b{font:700 14px/1.25 var(--f-d)}
.vids .v .st{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:8px}
.vids .v .st span{background:#fff;color:#0E1524;border-radius:99px;padding:2px 8px;font-weight:700;font-size:11px}
.vids .v .st span.r{background:#FCE6E6;color:#B42323}
.qr{width:96px;height:96px;display:grid;grid-template-columns:repeat(9,1fr);gap:1px;padding:6px;background:#fff;border-radius:8px;border:1px solid #E3E7EE}
.qr i{background:#0E1524;border-radius:1px}.qr i.o{background:transparent}
@media (max-width:600px){.mock table{min-width:0}.mock th,.mock td{padding:6px 5px;font-size:12px}.mock td{white-space:normal}.mock .hm{display:none}.mock .kp{grid-template-columns:repeat(2,minmax(0,1fr))}.mock .kb{grid-template-columns:repeat(2,minmax(0,1fr))}.vids{gap:8px}.vids .v b{font-size:12px}}

/* v6 детализация */
.tile .ill{padding:0;overflow:hidden;background:#0B1020;border-radius:10px;aspect-ratio:880/560}
.tile .ill img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.tile:hover .ill img{transform:scale(1.04)}
.hx{position:relative;min-height:440px;margin-right:-40px}
.hx .dash{position:absolute;left:0;top:40px;width:100%;border-radius:12px;overflow:hidden;border:1px solid #232B3D;box-shadow:0 30px 80px rgba(0,0,0,.55);background:#fff}
.hx .dash .dots{display:flex;gap:6px;padding:8px 11px;background:#EEF1F5;border-bottom:1px solid #E3E7EE}.hx .dash .dots i{width:8px;height:8px;border-radius:50%;background:#C9CFD8}
.hx .dash img{display:block;width:100%;height:auto}
.hx .ph{position:absolute;right:-14px;top:170px;width:170px;height:290px;border-radius:28px;border:6px solid #05070F;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6);background:#0E1524;animation:hx-ph 1s .4s cubic-bezier(.2,.9,.3,1.1) both}
.hx .ph img{display:block;width:100%;transform:translateY(-6%)}
@keyframes hx-ph{from{opacity:0;transform:translateY(30px) rotate(3deg)}to{opacity:1;transform:none}}
.hx .card{position:absolute;max-width:230px}
.hx .live{position:absolute;left:130px;bottom:-34px;white-space:nowrap;display:flex;align-items:center;gap:8px;background:#fff;color:#0E1524;border-radius:99px;padding:8px 14px 8px 10px;font-size:13px;font-weight:600;box-shadow:0 16px 40px rgba(0,0,0,.4)}
.hx .live i{width:9px;height:9px;border-radius:50%;background:#16A06A;box-shadow:0 0 0 0 rgba(22,160,106,.6);animation:hx-pulse 1.8s infinite}
@keyframes hx-pulse{70%{box-shadow:0 0 0 9px rgba(22,160,106,0)}100%{box-shadow:0 0 0 0 rgba(22,160,106,0)}}
@media (max-width:900px){.hx{min-height:0;display:grid;gap:12px;margin-right:0}.hx .dash,.hx .ph,.hx .live{position:relative;left:auto;right:auto;top:auto;bottom:auto}.hx .dash{width:100%}.hx .ph{display:none}.hx .card{display:none}.hx .live{justify-self:start}}
.bigcase .mini{margin:6px 0 4px;padding:12px;border-radius:10px;background:var(--bg);font-size:12.5px;color:var(--muted)}
.mini .bars{display:grid;gap:6px}.mini .bars div{display:grid;grid-template-columns:52px minmax(0,1fr) 38px;gap:8px;align-items:center}
.mini .bars s{display:block;height:8px;border-radius:99px;background:#1E6BFF;text-decoration:none;width:var(--w);transition:width 1.2s cubic-bezier(.2,.8,.2,1) .2s}
.mini .bars s.o{background:#C9CFD8}
.mini .cols{display:flex;align-items:flex-end;gap:5px;height:46px}.mini .cols i{flex:1;border-radius:4px 4px 0 0;background:#C9CFD8;height:var(--h);transition:height 1s cubic-bezier(.2,.8,.2,1)}.mini .cols i.b{background:#1E6BFF}
.mini .bub{background:#fff;border-radius:10px;padding:7px 10px;color:var(--ink);border:1px solid var(--line)}.mini .bub+.bub{margin-top:6px;background:#E8F0FF;border-color:transparent}
.mini .row{display:flex;justify-content:space-between;gap:6px;padding:3px 0}.mini .row b{font-size:11px;padding:1px 7px;border-radius:99px;background:#DDF3E6;color:#0E5A33}.mini .row b.r{background:#FCE6E6;color:#B42323}
.rvon .rv .mini .bars s{width:0}.rvon .rv.in .mini .bars s{width:var(--w)}
.rvon .rv .mini .cols i{height:4px}.rvon .rv.in .mini .cols i{height:var(--h)}
.benefits i{width:42px;height:42px;border-radius:12px}
.ico{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue-ink);margin-bottom:12px}
.what3 h3{display:flex;align-items:center;gap:10px}.what3 h3 .ico{margin:0;width:36px;height:36px}
.numsteps{position:relative}
.numsteps div{position:relative;transition:border-color .2s,transform .2s}
.numsteps div:hover{border-color:var(--blue);transform:translateY(-2px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-ink);margin-bottom:10px}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--blue)}
.rvon .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.rvon .rv.in{opacity:1;transform:none}
@media (max-width:1240px){.hx{margin-right:0}.hx .ph{right:0;width:150px;height:260px;top:190px}.hx .live{left:40px}}
.hero .mock table{min-width:0}
@media (prefers-reduced-motion:reduce){.rvon .rv{opacity:1;transform:none;transition:none}.hx .ph{animation:none}.hx .live i{animation:none}}

a.logo{white-space:nowrap}a.logo .amp{color:var(--muted);font-weight:700;margin:0 .22em}
.founders2{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:18px}
.founders2 .f{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
.founders2 img{width:84px;height:84px;border-radius:50%;object-fit:cover}
.founders2 h3{margin:0;font-size:18px}.founders2 .label{margin-top:4px}
.byline .two{display:flex}.byline .two img+img{margin-left:-12px;border:2px solid var(--night,#0B1020)}
@media (max-width:700px){.founders2{grid-template-columns:1fr}}

@media (max-width:900px){.hx .live{left:auto!important;white-space:normal;max-width:100%}}
@media (max-width:900px){.hx .live{left:auto;white-space:normal}}