/* ===== Inter (embedded, variable, latin+cyrillic) ===== */
  @font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-1.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-2.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{
    --bg:#F5F5F1; --bg-2:#ECEEE9; --card:#FFFFFF; --card-2:#F8F9F5; --card-h:#F0F2EC; --well:#E9ECE5;
    --line:#DCE0D7; --line-2:#BAC2B6;
    --text:#202820; --muted:#535E53; --faint:#616D61;
    --accent:#BE4324; --accent-2:#99351C; --accent-ink:#FFFFFF; --accent-soft:#F7E8DF;
    --live:#247449; --live-dot:#1A9E56; --run:#7C6CF0; --info:#2E74C4; --idle:#9AA2AE;
    --sh-1:0 1px 2px rgba(18,20,28,.05), 0 1px 3px rgba(18,20,28,.05);
    --sh-2:0 2px 6px rgba(18,20,28,.05), 0 16px 32px -16px rgba(18,20,28,.22);
    --sh-float:0 12px 40px -14px rgba(10,13,20,.5), 0 2px 6px rgba(10,13,20,.16);
    --glow:rgba(79,87,196,.10);
    --term-bg:#1F2A25;
    --t-kw:#C678DD; --t-fn:#61AFEF; --t-str:#98C379; --t-num:#D19A66; --t-cm:#5C6370; --t-var:#E06C75; --t-op:#9DA5B4;
    --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --mono:"Cascadia Code","Cascadia Mono",Consolas,ui-monospace,"SF Mono",Menlo,monospace;
    --maxw:1360px;
    --page-gutter:22px; --mobile-section-y:24px; --radius-card:14px; --radius-feature:16px; --touch-target:44px;
  }


  *{box-sizing:border-box}
  [hidden]{display:none!important}
  .hp-field{position:absolute!important; inline-size:1px!important; block-size:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important}
  html{scroll-behavior:smooth; overflow-anchor:none; scroll-padding-top:66px; -webkit-text-size-adjust:100%; text-size-adjust:100%}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{margin:0; background:var(--bg)}
  .skip-link{position:fixed;left:12px;top:10px;z-index:20000;padding:10px 14px;border-radius:8px;background:#171a21;color:#fff;font-weight:650;transform:translateY(-150%);transition:transform .15s}
  .skip-link:focus{transform:none}
  .page{background:radial-gradient(1100px 460px at 50% -140px, var(--glow), transparent 66%), var(--bg); color:var(--text); font-family:var(--sans); font-size:15px; line-height:1.5; font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility}
  .mono{font-family:var(--mono)}
  p{margin:0} a{color:inherit; text-decoration:none}
  h1,h2,h3{margin:0; font-weight:600; letter-spacing:-.02em}
  .page :is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 var(--page-gutter)}

  /* ---------- header (light) ---------- */
  header{position:sticky; top:0; z-index:80; background:color-mix(in srgb,var(--bg) 82%,transparent); backdrop-filter:blur(14px) saturate(1.3); border-bottom:1px solid var(--line)}
  .bar{position:relative; display:flex; align-items:center; gap:18px; height:58px}
  .brand{display:flex; align-items:center; gap:10px; font-weight:700; font-size:1.1rem; letter-spacing:-.03em}
  .brand .logo{width:26px; height:26px; border-radius:7px; background:linear-gradient(160deg,var(--accent-2),var(--accent)); display:grid; place-items:center; color:var(--accent-ink); font-family:var(--mono); font-weight:700; font-size:.9rem; box-shadow:var(--sh-1)}
  .brand .r{color:var(--accent)}
  nav.top{display:flex; align-items:center; gap:4px; margin-left:6px}
  nav.top a{position:relative; font-size:.875rem; color:var(--muted); padding:7px 4px; margin:0 7px; transition:color .15s}
  nav.top a:hover{color:var(--text)}
  nav.top a::after{content:""; position:absolute; left:4px; right:100%; bottom:2px; height:1.5px; background:var(--accent); transition:right .22s ease}
  nav.top a:hover::after{right:4px}
  .bar .sp{flex:1}
  .bar .contact{font-family:var(--mono); font-size:.78rem; color:var(--muted); letter-spacing:-.01em}
  .btn{display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:.875rem; letter-spacing:-.01em; padding:10px 17px; border-radius:9px; background:linear-gradient(180deg,#2C313D,#171A21); color:#fff; box-shadow:0 1px 2px rgba(10,13,20,.3), 0 6px 16px -8px rgba(10,13,20,.5), inset 0 1px 0 rgba(255,255,255,.08); transition:filter .16s, transform .12s, box-shadow .16s; cursor:pointer; border:0}
  .btn:hover{filter:brightness(1.16); box-shadow:0 1px 2px rgba(10,13,20,.3), 0 10px 22px -8px rgba(10,13,20,.55), inset 0 1px 0 rgba(255,255,255,.1)}
  .btn:active{transform:translateY(1px)}
  .btn .a{transition:transform .18s}.btn:hover .a{transform:translateX(3px)}
  .cta{display:flex; align-items:center; gap:10px 12px; flex-wrap:wrap}
  .brand .logo{width:27px; height:27px; border-radius:8px; overflow:hidden; background:none; display:inline-flex; line-height:0; box-shadow:0 2px 9px -3px rgba(59,66,158,.55)}
  .brand .logo svg{display:block}
  .brand .wm{font-weight:700; letter-spacing:-.03em}
  .hcall{display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border:1px solid var(--line); border-radius:999px; background:color-mix(in srgb,var(--card) 66%,transparent); white-space:nowrap; font-family:var(--mono); font-size:.82rem; font-weight:600; color:var(--text); letter-spacing:-.01em; transition:border-color .15s,background .15s,box-shadow .15s}
  .hcall:hover{border-color:var(--accent); background:color-mix(in srgb,var(--accent) 7%,var(--card)); box-shadow:0 2px 10px -4px var(--glow)}
  .hcall .ic{color:var(--accent); flex:0 0 auto}
  .hcall .dot{width:7px; height:7px; border-radius:50%; background:#22c55e; flex:0 0 auto; box-shadow:0 0 0 0 rgba(34,197,94,.5); animation:callpulse 2.4s ease-out infinite}
  @keyframes callpulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
  @media (prefers-reduced-motion:reduce){.hcall .dot{animation:none}}
  .hphone{font-family:var(--mono); font-size:.83rem; font-weight:600; color:var(--text); letter-spacing:-.01em; white-space:nowrap}
  .msgs{display:flex; gap:6px}
  .msg{width:30px; height:30px; border-radius:8px; display:grid; place-items:center; color:#fff; font-family:var(--mono); font-size:.66rem; font-weight:700; transition:transform .14s, filter .14s}
  .msg:hover{transform:translateY(-1px); filter:brightness(1.08)}
  .msg.wa{background:#117A3F} .msg.tg{background:#0875A5} .msg.max{background:#6546D7}
  .menu-toggle{display:none;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:9px;background:var(--card);color:var(--text);font:600 .82rem/1 var(--sans);padding:9px 12px;cursor:pointer}
  @media (max-width:1180px){.hphone{display:none}}
  @media (max-width:1024px){.msgs{display:none}}
  @media (max-width:1080px){
    .hphone{display:inline-flex;align-items:center}
    .hcall{display:inline-flex;padding:7px 9px;gap:6px}
    .hcall .num{display:none}
    header.menu-ready .menu-toggle{display:inline-flex}
    header.menu-ready nav.top{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;margin:0;padding:8px;background:var(--card);border:1px solid var(--line-2);border-radius:0 0 12px 12px;box-shadow:var(--sh-2);flex-direction:column;align-items:stretch;gap:2px}
    header.menu-ready nav.top.open{display:flex}
    header.menu-ready nav.top a{display:block;margin:0;padding:11px 12px;border-radius:7px}
    header.menu-ready nav.top a:hover{background:var(--well)}
    header:not(.menu-ready) nav.top{max-width:48vw;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  }
  @media (max-width:720px){
    .bar{gap:8px}
    .bar>.btn{display:none}
    .hphone{width:34px;height:34px;justify-content:center;padding:0;border:1px solid var(--line-2);border-radius:999px;background:var(--card);font-size:0}
    .hphone::before{content:"☎";font:700 1rem/1 var(--sans);color:var(--accent)}
    .msgs{gap:4px}
    .msg{width:34px;height:34px}
  }
  @media (max-width:420px){.brand .wm{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}}

  /* studio specs (aligned grid) */

  /* contacts */
  .contacts{display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,44px); align-items:start}
  @media (max-width:820px){.contacts{grid-template-columns:1fr; gap:24px}}
  .c-info{display:flex; flex-direction:column; align-items:flex-start; gap:clamp(24px,3vw,34px)}
  .c-info .closing-head{margin-bottom:0}
  .ci-block{display:flex; flex-direction:column; align-items:flex-start; gap:15px; width:100%}
  .c-info .ci-h{font-size:1.05rem; letter-spacing:-.02em; margin:0}
  .c-info .txt{color:var(--muted); font-size:.95rem; max-width:42ch; line-height:1.55; margin:0}
  .c-info .phone{font-family:var(--mono); font-size:1.55rem; font-weight:600; letter-spacing:-.02em; color:var(--text); margin:2px 0 0}
  .c-info .phone:hover{color:var(--accent)}
  .c-info .mrow{display:flex; gap:10px; flex-wrap:wrap; margin:0}
  .c-info .mrow a{display:inline-flex; align-items:center; gap:8px; font-size:.85rem; font-weight:600; color:#fff; padding:9px 15px; border-radius:9px; transition:filter .14s,transform .14s}
  .c-info .mrow a:hover{filter:brightness(1.07); transform:translateY(-1px)}
  .c-info .mrow .wa{background:#117A3F} .c-info .mrow .tg{background:#0875A5} .c-info .mrow .max{background:#6546D7} .c-info .mrow .chan{background:var(--accent)}
  .c-info .em{font-family:var(--mono); font-size:.85rem; color:var(--muted); border-bottom:1px solid var(--line-2); padding-bottom:3px; margin:2px 0 0}
  .c-info .em:hover{color:var(--accent); border-color:var(--accent)}
  .c-form{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px; box-shadow:var(--sh-1)}
  .c-form h3{font-size:1.1rem; letter-spacing:-.02em; margin-bottom:16px}
  .c-form label{display:block; margin-bottom:12px}
  .c-form .lab{font-family:var(--mono); font-size:.64rem; letter-spacing:.05em; text-transform:uppercase; color:var(--faint); margin-bottom:5px}
  .c-form input,.c-form textarea{width:100%; font:inherit; font-size:.92rem; color:var(--text); background:var(--bg); border:1px solid var(--line-2); border-radius:9px; padding:10px 12px; transition:border-color .15s}
  .c-form textarea{resize:vertical; min-height:70px}
  .c-form input:focus,.c-form textarea:focus{border-color:var(--accent)}
  .c-form .submit{width:100%; margin-top:6px; justify-content:center; padding:12px}
  .c-form .note{font-family:var(--mono); font-size:.66rem; color:var(--faint); margin-top:12px; line-height:1.5}
  .c-form .ok{display:none; text-align:center; padding:30px 10px}
  .c-form .ok .chk{width:46px; height:46px; border-radius:50%; background:color-mix(in srgb,var(--live) 15%,transparent); color:var(--live); display:grid; place-items:center; margin:0 auto 14px; font-size:1.4rem}
  .c-form .ok h3{margin-bottom:6px} .c-form .ok p{color:var(--muted); font-size:.9rem}
  .c-form.done .fields{display:none} .c-form.done .ok{display:block}

  /* ---------- cockpit (light cards, code fades in from the left) ---------- */
  .cockpit{position:relative; overflow:hidden; min-height:calc(100vh - 58px); display:flex; flex-direction:column; padding:16px 0 14px;
    background:linear-gradient(90deg, var(--term-bg) 0%, var(--term-bg) 15%, var(--bg) 44%, var(--bg) 100%)}
  .cockpit::after{content:""; position:absolute; left:0; right:0; bottom:0; height:200px; z-index:1; pointer-events:none; background:linear-gradient(180deg, transparent 0%, color-mix(in srgb,var(--bg) 55%,transparent) 55%, var(--bg) 100%)}
  .cockpit-bg{position:absolute; inset:0; z-index:0; overflow:hidden}
  .term{position:absolute; left:0; top:0; bottom:0; width:46%; overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 34%,transparent 78%); mask-image:linear-gradient(90deg,#000 0%,#000 34%,transparent 78%)}
  .termflow{position:absolute; top:0; left:0; padding-left:20px; font-family:var(--mono); font-size:12.5px; line-height:20px; will-change:transform; animation:termscroll 66s linear infinite}
  .termflow > div{white-space:pre; height:20px; color:var(--t-op)}
  .termflow .kw{color:var(--t-kw)} .termflow .fn{color:var(--t-fn)} .termflow .str{color:var(--t-str)} .termflow .num{color:var(--t-num)} .termflow .cm{color:var(--t-cm)} .termflow .var{color:var(--t-var)}
  @keyframes termscroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
  @media (prefers-reduced-motion:reduce){.termflow{animation:none; transform:translateY(-25%)}}
  .cockpit .wrap{position:relative; z-index:2; display:flex; flex-direction:column; gap:12px; flex:1; min-height:0}
  .cockpit .panel,.cockpit .kpi,.cockpit .lead-tile,.cockpit .cta-card{box-shadow:var(--sh-float)}

  .statusline{display:flex; align-items:center; gap:13px; flex-wrap:wrap; font-family:var(--mono); font-size:.735rem; color:var(--muted); letter-spacing:-.01em; align-self:flex-start; background:var(--card); border:1px solid var(--line); border-radius:9px; padding:8px 14px; box-shadow:var(--sh-float)}
  .statusline .t{color:var(--text)} .statusline .sep{opacity:.32}
  .statusline .on{color:var(--live); display:inline-flex; align-items:center; gap:7px; font-weight:600}
  .statusline .on .d{width:7px; height:7px; border-radius:50%; background:var(--live); box-shadow:0 0 0 0 var(--live); animation:pl 2.4s ease-out infinite}
  @keyframes pl{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--live) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}

  .kpis{display:grid; grid-template-columns:1.55fr repeat(5,1fr); gap:10px}
  @media (max-width:900px){.kpis{grid-template-columns:repeat(3,1fr)}}
  @media (max-width:520px){.kpis{grid-template-columns:repeat(2,1fr)}}
  .lead-tile{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:15px 17px; display:flex; flex-direction:column; justify-content:center}
  .lead-tile .h{margin:0; font-size:1.04rem; font-weight:600; letter-spacing:-.025em; line-height:1.22}
  .lead-tile .s{font-size:.8rem; color:var(--muted); margin-top:5px; line-height:1.35}
  .kpi{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:12px 13px 11px; display:flex; flex-direction:column; gap:7px}
  .kpi .ktop{display:flex; align-items:baseline; gap:6px}
  .kpi .v{font-size:1.62rem; font-weight:600; letter-spacing:-.035em; line-height:1}
  .kpi .v .u{font-size:.8rem; color:var(--accent); letter-spacing:-.02em}
  .kpi .trend{font-size:.62rem; font-weight:700; margin-left:auto} .kpi .trend.up{color:var(--live)}
  .spark{width:100%; height:15px; display:block; overflow:visible}
  .spark polyline{fill:none; stroke:var(--faint); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; opacity:.85}
  .spark circle{fill:var(--accent)}
  .kpi .l{font-family:var(--mono); font-size:.63rem; letter-spacing:.02em; text-transform:uppercase; color:var(--faint); line-height:1.3}

  .grid{display:grid; grid-template-columns:1.75fr 1fr; gap:12px; flex:1; min-height:0}
  @media (max-width:960px){.grid{grid-template-columns:1fr}}
  .col{display:flex; flex-direction:column; gap:12px; min-height:0}
  .panel{background:var(--card); border:1px solid var(--line); border-radius:14px; display:flex; flex-direction:column; min-height:0; overflow:hidden}
  .panel > .ph{display:flex; align-items:center; gap:10px; padding:12px 15px; border-bottom:1px solid var(--line); flex:none}
  .panel > .ph .ttl{font-size:.82rem; font-weight:600; letter-spacing:-.01em}
  .panel > .ph .cnt{font-family:var(--mono); font-size:.68rem; color:var(--faint); margin-left:auto}
  .panel > .ph .livechip{display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:.66rem; color:var(--live); font-weight:600}
  .panel > .ph .livechip .d{width:6px; height:6px; border-radius:50%; background:var(--live); animation:pl 2.4s ease-out infinite}
  .meter{flex:none; padding:11px 15px; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:8px}
  .meter .mrow{display:flex; align-items:center; gap:14px; font-family:var(--mono); font-size:.7rem; color:var(--muted); letter-spacing:-.01em}
  .meter .mrow .lg{display:inline-flex; align-items:center; gap:6px} .meter .mrow .lg .sw{width:8px; height:8px; border-radius:2px}
  .meter .mrow b{color:var(--text); font-weight:600} .meter .mrow .done{margin-left:auto; color:var(--faint)} .meter .mrow .done b{color:var(--accent)}
  .meter .mbar{height:6px; border-radius:3px; background:var(--well); overflow:hidden; display:flex; gap:2px}
  .meter .mbar i{display:block; height:100%; border-radius:2px; transition:width .8s cubic-bezier(.4,0,.2,1)}
  .agents{overflow-y:auto; padding:6px; display:flex; flex-direction:column; gap:4px; min-height:0}
  .agents::-webkit-scrollbar{width:8px}.agents::-webkit-scrollbar-thumb{background:var(--line-2); border-radius:4px}
  .arow{display:grid; grid-template-columns:64px 1fr 104px 76px; gap:12px; align-items:center; padding:9px 11px; border-radius:9px; transition:background .14s}
  .arow:hover{background:var(--card-h)}
  .arow .id{font-family:var(--mono); font-size:.72rem; color:var(--faint)}
  .arow .role{min-width:0}
  .arow .role .nm{font-size:.855rem; font-weight:550; letter-spacing:-.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .arow .role .mt{font-family:var(--mono); font-size:.675rem; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:2px; transition:color .3s}
  .arow.flash .role .mt{color:var(--accent)}
  .arow .prog{display:flex; flex-direction:column; gap:5px}
  .arow .prog .bar{height:5px; background:var(--well); border-radius:3px; overflow:hidden}
  .arow .prog .bar i{display:block; height:100%; border-radius:3px; background:linear-gradient(90deg,var(--idle),var(--muted)); transition:width .7s cubic-bezier(.4,0,.2,1)}
  .arow .prog .pv{font-family:var(--mono); font-size:.64rem; color:var(--faint)}
  .pill{justify-self:end; display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:.655rem; font-weight:600; padding:3px 9px; border-radius:999px; white-space:nowrap; letter-spacing:-.01em}
  .pill .d{width:6px; height:6px; border-radius:50%; flex:none}
  .pill.live{color:var(--live); background:color-mix(in srgb,var(--live) 13%,transparent)}.pill.live .d{background:var(--live)}
  .pill.run{color:var(--run); background:var(--accent-soft)}.pill.run .d{background:var(--run)}
  .pill.info{color:var(--info); background:color-mix(in srgb,var(--info) 13%,transparent)}.pill.info .d{background:var(--info)}
  .pill.idle{color:var(--idle); background:color-mix(in srgb,var(--idle) 15%,transparent)}.pill.idle .d{background:var(--idle)}
  @media (max-width:600px){.arow{grid-template-columns:1fr auto; gap:8px}.arow .id,.arow .prog{display:none}}
  .log{flex:none; border-top:1px solid var(--line); background:var(--card-2); padding:8px 15px; height:70px; overflow:hidden}
  .log .lg-h{font-family:var(--mono); font-size:.6rem; letter-spacing:.06em; text-transform:uppercase; color:var(--faint); margin-bottom:3px}
  .log .line{font-family:var(--mono); font-size:.7rem; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-.01em; padding:1px 0}
  .log .line .tm{color:var(--faint)} .log .line .ag{color:var(--accent); font-weight:600}
  .log .line.new{animation:logIn .5s ease}
  @keyframes logIn{from{opacity:0; transform:translateY(-4px)}to{opacity:1; transform:none}}
  .svc-list,.case-list{padding:7px; display:flex; flex-direction:column; gap:2px; overflow-y:auto; min-height:0}
  .svc-item{display:flex; align-items:center; gap:11px; padding:8px 10px; border-radius:9px; transition:background .14s}
  .svc-item:hover{background:var(--card-h)}
  .svc-item .k{font-family:var(--mono); font-size:.6rem; letter-spacing:.03em; text-transform:uppercase; color:var(--accent); width:70px; flex:none}
  .svc-item .nm{font-size:.84rem; font-weight:550; letter-spacing:-.01em; transition:color .14s}
  .svc-item .ar{margin-left:auto; color:var(--faint); font-size:.85rem; transition:transform .15s}
  .svc-item:hover .nm{color:var(--accent)} .svc-item:hover .ar{transform:translateX(3px)}
  .case-item{display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; padding:8px 10px; border-radius:9px; transition:background .14s}
  .case-item:hover{background:var(--card-h)}
  .case-item .nm{font-size:.83rem; font-weight:550; letter-spacing:-.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .case-item .sub{font-family:var(--mono); font-size:.64rem; color:var(--faint); margin-top:2px}
  .case-item .rz{font-family:var(--mono); font-size:.7rem; color:var(--accent); font-weight:600; white-space:nowrap}
  .cta-card{background:linear-gradient(160deg,#FFFFFF,#F3F4F7); border:1px solid var(--line-2); border-radius:14px; padding:15px 16px; display:flex; flex-direction:column; gap:11px; flex:none; position:relative; overflow:hidden}
  .cta-card::before{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg,var(--accent),var(--accent-2))}
  .cta-card .h{font-size:.98rem; font-weight:600; letter-spacing:-.02em}
  .cta-card .s{font-size:.795rem; color:var(--muted); line-height:1.4}
  .cta-card .row{display:flex; align-items:center; gap:10px; flex-wrap:wrap} .cta-card .em{font-family:var(--mono); font-size:.75rem; color:var(--muted)}
  .scrollhint{align-self:center; display:flex; align-items:center; gap:9px; font-family:var(--mono); font-size:.685rem; color:var(--muted); letter-spacing:.05em; text-transform:uppercase; background:var(--card); border:1px solid var(--line); border-radius:999px; padding:7px 16px; box-shadow:var(--sh-float); transition:color .15s}
  .scrollhint:hover{color:var(--text)} .scrollhint .ar{animation:bob 1.8s ease-in-out infinite}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
  .en{opacity:0; transform:translateY(11px)} .en.in{opacity:1; transform:none; transition:opacity .5s cubic-bezier(.2,.8,.2,1), transform .5s cubic-bezier(.2,.8,.2,1)}

  /* ---------- depth ---------- */
  .depth{position:relative; overflow:hidden;
    background:
      radial-gradient(1200px 560px at 8% -40px, color-mix(in srgb,var(--accent) 8%, transparent), transparent 58%),
      radial-gradient(1000px 520px at 100% 6%, rgba(46,116,196,.06), transparent 54%),
      radial-gradient(900px 700px at 60% 100%, color-mix(in srgb,var(--accent) 5%, transparent), transparent 60%),
      linear-gradient(180deg, var(--bg) 0%, #EDEFF4 34%, #EEF0F5 70%, #F1F3F7 100%)}
  .depth::before{content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    background-image:radial-gradient(circle at center, rgba(20,23,28,.03) 1px, transparent 1.5px); background-size:26px 26px;
    -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 6%, #000 90%, transparent 100%); mask-image:linear-gradient(180deg, transparent 0, #000 6%, #000 90%, transparent 100%)}
  .depth > *{position:relative; z-index:1}
  .sec{border-bottom:1px solid var(--line)}
  .sec .wrap{padding:clamp(18px,2vw,26px) 22px}
  .slab{display:grid; grid-template-columns:1fr; row-gap:7px; align-items:baseline; margin-bottom:clamp(12px,1.6vw,16px)}
  .slab .n{display:none}
  .slab h2{font-size:clamp(1.35rem,2.2vw,1.65rem); font-weight:600; letter-spacing:-.03em}
  .slab p{margin:0; color:var(--muted); font-size:1rem; max-width:60ch; text-align:left; line-height:1.55; text-wrap:pretty}
  .slab p b{color:var(--text); font-weight:600}
  @media (max-width:720px){.slab{grid-template-columns:1fr; row-gap:8px}.slab p{grid-column:1}}

  .dcards{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px}
  @media (max-width:720px){.dcards{grid-template-columns:minmax(0,1fr)}}
  @media (max-width:1220px){
    .page .gp-flow.gp-flow--6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
    .page .gp-flow.gp-flow--6>.gp-ar{display:none}
  }
  .dcard{min-width:0; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px 16px 18px; box-shadow:var(--sh-1); transition:border-color .18s,transform .18s,box-shadow .18s}
  .dcard:hover{border-color:var(--line-2); transform:translateY(-2px); box-shadow:var(--sh-2)}
  .dcard :is(h3,p,a){overflow-wrap:anywhere}
  .dcard .k{font-family:var(--mono); font-size:.63rem; letter-spacing:.05em; text-transform:uppercase; color:var(--accent)}
  .dcard h3{font-size:1rem; margin:9px 0 7px; letter-spacing:-.02em}
  .dcard p{color:var(--muted); font-size:.895rem; line-height:1.55}
  .dcard .tags{margin-top:10px; display:flex; flex-wrap:wrap; gap:6px}
  .dcard .tags span{font-family:var(--mono); font-size:.62rem; color:var(--faint); border:1px solid var(--line); padding:3px 8px; border-radius:6px}

  /* architecture — immersive full-bleed dark band; swarm bleeds onto the page */
  .arch-sec{position:relative; background:#0A0D16; overflow:hidden; border-bottom:none}
  .arch-sec::before,.arch-sec::after{content:""; position:absolute; left:0; right:0; height:150px; z-index:1; pointer-events:none}
  .arch-sec::before{top:0; background:linear-gradient(180deg, var(--bg-2), rgba(10,13,22,0))}
  .arch-sec::after{bottom:0; background:linear-gradient(0deg, var(--bg-2), rgba(10,13,22,0))}
  .arch-sec > *{position:relative; z-index:2}
  .arch-sec .wrap{padding:clamp(21px,2.5vw,33px) 22px}
  .slab-dark h2{color:#F1F4FB} .slab-dark .n{color:#9AA3F7} .slab-dark p{color:#A9B3CB} .slab-dark p b{color:#EAECFF}
  .arch{display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(24px,4vw,52px); align-items:center; margin-top:clamp(20px,3vw,32px)}
  @media (max-width:880px){.arch{grid-template-columns:1fr; gap:26px}}
  .arch .flow{align-self:center}
  .arch-stage{position:relative; width:100%; height:clamp(340px,38vw,500px); min-height:320px}
  #arch3d{position:absolute; inset:0; width:100%; height:100%; display:block;
    -webkit-mask-image:radial-gradient(145% 118% at 50% 44%, #000 48%, transparent 100%); mask-image:radial-gradient(145% 118% at 50% 44%, #000 48%, transparent 100%)}
  .arch-hud{position:absolute; inset:0; z-index:3; pointer-events:none; font-family:var(--mono)}
  .hud-tl{position:absolute; top:14px; left:14px; display:inline-flex; align-items:center; gap:8px; font-size:.66rem; letter-spacing:.02em; color:#AEB9D6; background:rgba(10,14,24,.4); border:1px solid rgba(255,255,255,.08); border-radius:8px; padding:6px 11px; backdrop-filter:blur(5px)}
  .hud-tl .d{width:6px; height:6px; border-radius:50%; background:#4ED89A; box-shadow:0 0 8px #4ED89A; animation:pl 2.4s ease-out infinite}
  .hud-tr{position:absolute; top:14px; right:14px; display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; max-width:64%}
  .hud-tr .stat{background:rgba(10,14,24,.4); border:1px solid rgba(255,255,255,.08); border-radius:8px; padding:6px 11px; text-align:right; backdrop-filter:blur(5px)}
  .hud-tr .stat b{display:block; font-size:1.02rem; color:#EAECFF; font-weight:600; letter-spacing:-.02em; line-height:1}
  .hud-tr .stat span{font-size:.52rem; color:#8290AE; text-transform:uppercase; letter-spacing:.05em}
  .hud-scale{position:absolute; left:14px; bottom:14px; font-size:.62rem; color:#8E9AB8; background:rgba(10,14,24,.32); border-radius:7px; padding:5px 10px; backdrop-filter:blur(4px)}
  .hud-scale b{color:#9AA3F7; font-weight:600; margin-left:7px}
  @media (max-width:560px){.hud-tr .stat:nth-child(n+3){display:none}}
  .flow-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px 44px}
  @media (max-width:720px){.flow-grid{grid-template-columns:1fr; gap:13px}}
  .arch-sec .flow li{color:#AEB7CE} .arch-sec .flow li b{color:#EEF0F8}
  #arch .flow li::before{color:#9AA3F7; border-color:rgba(139,149,245,.42)}
  .arch-sec .tier{background:rgba(255,255,255,.045); border-color:rgba(255,255,255,.1); box-shadow:none}
  .arch-sec .tier:hover{border-color:rgba(139,149,245,.5); background:rgba(255,255,255,.07); transform:translateY(-2px)}
  .arch-sec .tier .tk{color:#9AA3F7} .arch-sec .tier .tn{color:#EEF0F8} .arch-sec .tier .td{color:#A9B3CB}
  .flow{list-style:none; counter-reset:f; margin:0; padding:0; display:flex; flex-direction:column; gap:13px}
  .flow li{counter-increment:f; position:relative; padding-left:42px; font-size:.92rem; color:var(--muted); line-height:1.5}
  .flow li::before{content:counter(f,decimal-leading-zero); position:absolute; left:0; top:0; font-family:var(--mono); font-size:.7rem; color:var(--accent); font-weight:600; border:1px solid var(--line-2); border-radius:7px; width:28px; height:23px; display:grid; place-items:center}
  .flow li b{color:var(--text); font-weight:600}
  .tiers{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:clamp(16px,2vw,24px)}
  @media (max-width:860px){.tiers{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:520px){.tiers{grid-template-columns:1fr}}
  .tier{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px 16px 18px; box-shadow:var(--sh-1); transition:border-color .18s,transform .18s}
  .tier:hover{border-color:var(--line-2); transform:translateY(-2px)}
  .tier .tk{font-family:var(--mono); font-size:.6rem; letter-spacing:.05em; text-transform:uppercase; color:var(--accent)}
  .tier .tn{font-size:1rem; font-weight:600; letter-spacing:-.02em; margin:9px 0 7px}
  .tier .td{font-size:.845rem; color:var(--muted); line-height:1.5}

  /* traffic engine (§04) */
  .tengine{margin-top:clamp(16px,2vw,24px); border:1px solid var(--line); border-radius:16px; background:linear-gradient(180deg,var(--well),var(--card)); padding:clamp(18px,2vw,24px); box-shadow:var(--sh-1)}
  .tengine .te-head{max-width:64ch; margin-bottom:clamp(16px,2vw,22px)}
  .tengine .te-head h3{font-size:clamp(1.12rem,2vw,1.42rem); font-weight:600; letter-spacing:-.03em; line-height:1.15; text-wrap:balance}
  .tengine .te-head p{color:var(--muted); font-size:.93rem; line-height:1.58; margin-top:11px; max-width:60ch}
  .te-rail{position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:16px}
  .te-rail::before{content:""; position:absolute; left:7px; right:7px; top:8px; height:2px; background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 22%,transparent)); opacity:.55}
  .te-node{position:relative; padding-top:28px; display:flex; flex-direction:column; gap:5px}
  .te-node::before{content:""; position:absolute; left:0; top:2px; width:15px; height:15px; border-radius:50%; background:var(--card); border:2px solid var(--accent); box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 9%,transparent)}
  .te-node.te-out::before{background:var(--accent)}
  .te-node .te-t{font-size:.94rem; font-weight:600; letter-spacing:-.02em; line-height:1.2}
  .te-node.te-out .te-t{color:var(--accent)}
  .te-node .te-d{font-size:.8rem; color:var(--muted); line-height:1.45}
  @media (max-width:820px){.te-rail{grid-template-columns:1fr; gap:0}.te-rail::before{left:7px; right:auto; top:6px; bottom:14px; width:2px; height:auto; background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 22%,transparent))}.te-node{padding-top:0; padding-left:30px; padding-bottom:20px}.te-node::before{left:0; top:1px}.te-node:last-child{padding-bottom:0}}

  /* scale band (§05) */
  .scaleband{margin-top:clamp(18px,2vw,26px); border:1px solid var(--line); border-radius:16px; background:linear-gradient(180deg,var(--well),var(--card)); padding:clamp(18px,2vw,24px); display:flex; flex-direction:column; gap:clamp(16px,2.4vw,22px)}
  .scaleband .sb-lead{font-size:clamp(1.08rem,1.9vw,1.34rem); font-weight:500; letter-spacing:-.025em; line-height:1.4; max-width:54ch; text-wrap:pretty}
  .scaleband .sb-lead b{color:var(--accent); font-weight:600}
  .sb-steps{display:flex; align-items:center; gap:9px; flex-wrap:wrap}
  .sb-s{font-family:var(--mono); font-size:.78rem; padding:7px 13px; border:1px solid var(--line-2); border-radius:8px; color:var(--muted); white-space:nowrap}
  .sb-s.on{color:var(--accent-ink); background:var(--accent); border-color:var(--accent); font-weight:600}
  .sb-c{flex:1 1 18px; height:1px; min-width:16px; background:linear-gradient(90deg,var(--line-2),var(--accent)); opacity:.55}
  @media (max-width:560px){.sb-c{flex-basis:10px; min-width:10px}.sb-s{font-size:.72rem; padding:6px 10px}}

  .drow{display:grid; grid-template-columns:30px minmax(180px,1.35fr) minmax(0,1.7fr) 128px; gap:24px; align-items:baseline; padding:20px 4px; border-bottom:1px solid var(--line)}
  .drow:first-child{border-top:1px solid var(--line)}
  .drow .di{font-family:var(--mono); font-size:.72rem; color:var(--faint)}
  .drow .dn{font-size:1.04rem; font-weight:600; letter-spacing:-.02em; display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; min-width:0}
  .drow .dn .fl{font-family:var(--mono); font-size:.56rem; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-ink); background:var(--accent); padding:3px 7px; border-radius:5px; font-weight:600}
  .drow .dd{color:var(--muted); font-size:.895rem}
  .drow .dr{font-family:var(--mono); font-size:.75rem; color:var(--accent); font-weight:600; text-align:right; white-space:nowrap}
  @media (max-width:760px){.drow{grid-template-columns:1fr; gap:6px}.drow .dr{text-align:left}}

  .studio{display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,56px); align-items:start}
  @media (max-width:820px){.studio{grid-template-columns:1fr; gap:28px}}
  .sc-left{display:flex; flex-direction:column; gap:22px}
  .sc-left .slab-in{margin-bottom:0}
  .studio .st{font-size:1.24rem; font-weight:500; line-height:1.5; letter-spacing:-.02em; max-width:34ch; text-wrap:pretty}
  .studio .st b{color:var(--accent); font-weight:600}
  .studio .pts{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
  .studio .pts li{font-size:.92rem; color:var(--muted); line-height:1.5; padding:12px 0; border-top:1px solid var(--line)}
  .studio .pts li:first-child{border-top:none; padding-top:2px}
  .sheet{display:flex; flex-direction:column; border-top:1px solid var(--line)}
  .sheet .r{display:grid; grid-template-columns:132px 1fr; gap:16px; padding:12px 2px; border-bottom:1px solid var(--line); align-items:baseline}
  .sheet .r .k{font-family:var(--mono); font-size:.63rem; letter-spacing:.05em; text-transform:uppercase; color:var(--faint)}
  .sheet .r .v{font-size:.9rem; color:var(--text); line-height:1.4}
  @media (max-width:520px){.sheet .r{grid-template-columns:110px 1fr; gap:12px}}

  .final{text-align:center}
  .final .wrap{padding:clamp(28px,4vw,48px) 22px}
  .final h2{font-size:clamp(1.5rem,2.6vw,2rem); font-weight:600; letter-spacing:-.035em; max-width:20ch; margin:0 auto; line-height:1.05}
  .final p{color:var(--muted); margin:18px auto 0; max-width:46ch; font-size:1rem}
  .final .em{display:inline-block; margin-top:26px; font-family:var(--mono); font-size:1.1rem; color:var(--text); border-bottom:1px solid var(--line-2); padding-bottom:7px; transition:border-color .16s,color .16s}
  .final .em:hover{border-color:var(--accent); color:var(--accent)}
  .final .row{display:flex; gap:14px; justify-content:center; margin-top:24px; flex-wrap:wrap}
  .btn-ghost{background:transparent; color:var(--text); border:1px solid var(--line-2); box-shadow:none}
  .btn-ghost:hover{filter:none; background:var(--well); border-color:var(--text); color:var(--text); box-shadow:none}

  footer{border-top:1px solid var(--line); background:var(--bg)}
  footer .wrap{padding:30px 22px; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; font-family:var(--mono); font-size:.72rem; color:var(--faint)}

  .rv{opacity:1; transform:none; transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1)}
  .rv.in{opacity:1; transform:none}
  @media (prefers-reduced-motion:reduce){.en,.rv{opacity:1!important; transform:none!important; transition:none!important}.statusline .on .d,.livechip .d,.scrollhint .ar{animation:none}}
  /* drill-in cards + modal */
  .dcard.exp{cursor:pointer}
  .dcard.exp .more{margin-top:11px; display:inline-flex; align-items:center; gap:7px; font-family:var(--mono); font-size:.63rem; letter-spacing:.04em; text-transform:uppercase; color:var(--accent); font-weight:600}
  .dcard.exp .more .ar{transition:transform .16s}
  .dcard.exp:hover .more .ar{transform:translateX(4px)}
  .dcard.exp:focus-visible{outline:2px solid var(--accent); outline-offset:3px}
  .modal{position:fixed; inset:0; z-index:1000; display:none; align-items:flex-start; justify-content:center; padding:7vh 20px 40px; overflow-y:auto}
  .modal.open{display:flex}
  .modal .bd{position:fixed; inset:0; background:rgba(13,15,20,.5); backdrop-filter:blur(5px)}
  .msheet{position:relative; z-index:1; width:100%; max-width:640px; background:var(--card); border:1px solid var(--line-2); border-radius:20px; box-shadow:var(--sh-float); padding:32px 34px 34px; animation:mIn .22s cubic-bezier(.2,.8,.2,1)}
  @keyframes mIn{from{opacity:0; transform:translateY(14px) scale(.985)}to{opacity:1; transform:none}}
  @media (prefers-reduced-motion:reduce){.msheet{animation:none}}
  .msheet .x{position:absolute; top:16px; right:16px; width:34px; height:34px; border-radius:9px; border:1px solid var(--line); background:var(--card); display:grid; place-items:center; cursor:pointer; color:var(--muted); font-size:1rem; transition:color .14s,border-color .14s}
  .msheet .x:hover{color:var(--text); border-color:var(--line-2); background:var(--well)}
  .msheet .mk{font-family:var(--mono); font-size:.63rem; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); font-weight:600}
  .msheet h3{font-size:clamp(1.4rem,3vw,1.7rem); letter-spacing:-.03em; margin:9px 40px 0 0; line-height:1.1}
  .msheet .lead{color:var(--muted); font-size:1rem; line-height:1.6; margin-top:13px; text-wrap:pretty}
  .msheet .grp{margin-top:24px}
  .msheet .grp .gt{font-family:var(--mono); font-size:.61rem; letter-spacing:.05em; text-transform:uppercase; color:var(--faint); margin-bottom:11px}
  .msheet ul{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:9px 22px}
  @media (min-width:561px){.msheet ul>li:last-child:nth-child(odd){grid-column:1/-1}}
  @media (max-width:560px){.msheet ul{grid-template-columns:1fr}}
  .msheet ul li{position:relative; padding-left:19px; font-size:.9rem; color:var(--text); line-height:1.45}
  .msheet ul li::before{content:""; position:absolute; left:0; top:8px; width:6px; height:6px; border-radius:2px; background:var(--accent)}
  .msheet .flowline{font-size:.9rem; color:var(--muted); line-height:1.6}
  .msheet .flowline b{color:var(--text); font-weight:600}
  .msheet .chips{display:flex; flex-wrap:wrap; gap:7px}
  .msheet .chips span{font-family:var(--mono); font-size:.66rem; color:var(--muted); border:1px solid var(--line); padding:4px 9px; border-radius:7px}
  .msheet .res{margin-top:24px; padding:14px 16px; background:color-mix(in srgb,var(--live) 8%,transparent); border:1px solid color-mix(in srgb,var(--live) 22%,transparent); border-radius:11px; font-size:.9rem; color:var(--text); line-height:1.5}
  .msheet .res b{color:var(--live)}
  .msheet .foot{margin-top:26px; display:flex; gap:12px; align-items:center; flex-wrap:wrap}

  /* closing (contacts + CTA merged) */
  .closing-head{max-width:760px; margin-bottom:clamp(18px,2.5vw,28px)}
  .closing-head h2{font-size:clamp(1.5rem,2.6vw,2rem); font-weight:600; letter-spacing:-.035em; max-width:19ch; line-height:1.05; text-wrap:balance}
  .closing-head p{color:var(--muted); font-size:.98rem; margin-top:12px; max-width:54ch; line-height:1.55}
  a:focus-visible,.btn:focus-visible{outline:2px solid var(--accent); outline-offset:2px; border-radius:6px}
  /* ===== audit-fix batch 2026-07-16 ===== */
  /* B2 — приоритет h1 */
  .lead-tile{position:relative; padding-left:19px}
  .lead-tile::before{content:""; position:absolute; left:0; top:12px; bottom:12px; width:3px; border-radius:3px; background:linear-gradient(180deg,var(--accent),var(--accent-2))}
  .lead-tile .h{font-size:1.3rem; line-height:1.16}
  @media (max-width:900px){.lead-tile .h{font-size:1.12rem}}
  .kpi .spark.flat polyline{opacity:.4}
  /* B3 — микротипографика: минимум ~11px */
  .hud-tr .stat span{font-size:.66rem}
  .drow .dn .fl{font-size:.64rem}
  .log .lg-h{font-size:.68rem}
  .svc-item .k{font-size:.7rem}
  .c-form .lab{font-size:.7rem}
  .c-form .note{font-size:.7rem}
  .msheet .mk{font-size:.68rem}
  .msheet .grp .gt{font-size:.68rem}
  .msheet .chips span{font-size:.7rem}
  /* пояс доверия у формы */
  .c-form .tbelt{font-size:.72rem; color:var(--muted); line-height:1.5; margin-top:12px; padding-top:12px; border-top:1px solid var(--line)}
  /* манифест §07 */
  .manifesto{margin-top:16px; padding:12px 15px; border-left:3px solid var(--accent); background:var(--well); border-radius:0 10px 10px 0; font-size:.9rem; line-height:1.5; color:var(--text); font-weight:500; text-wrap:pretty}
  /* видимый FAQ §06 */
  .faq{margin-top:26px; display:grid; grid-template-columns:1fr 1fr; gap:14px 26px}
  @media (min-width:721px){.faq>.faq-i:last-child:nth-child(odd){grid-column:1/-1}}
  @media (max-width:720px){.faq{grid-template-columns:1fr}}
  .faq-i h3{margin:0 0 5px; font-size:.96rem; font-weight:600; letter-spacing:-.01em; line-height:1.3}
  .faq-i p{margin:0; font-size:.86rem; color:var(--muted); line-height:1.5; text-wrap:pretty}
  /* B6 — HUD-чип не ломается на средних ширинах */
  .hud-tr{max-width:72%}
  /* B1 — компакт-режим кокпита на низких экранах */
  @media (max-height:860px) and (min-width:900px){
    .cockpit .kpis{gap:9px}
    .cockpit .grid{gap:12px}
    .kpi .v{font-size:1.38rem}
    .lead-tile .h{font-size:1.14rem}
    .lead-tile{padding-top:12px; padding-bottom:12px}
    .cockpit .kpi{padding:10px 13px}
    .cockpit .panel{padding:12px 14px}
    .cockpit .agents .arow:nth-last-child(-n+3){display:none}
    .cockpit .log{display:none}
    .scrollhint{margin-top:8px}
  }
  @media (max-height:730px) and (min-width:900px){
    .kpi .v{font-size:1.24rem}
    .cockpit .agents .arow:nth-last-child(-n+5){display:none}
    .lead-tile .s{display:none}
  }
  /* founder/legal + дифференциаторы (batch #2) */
  .foot-legal{flex-basis:100%; font-size:.72rem; color:var(--faint); line-height:1.55; margin-top:6px}
  .foot-legal a{color:var(--muted); border-bottom:1px solid var(--line-2); white-space:nowrap}
  .te-proof{margin-top:14px; padding:11px 15px; border-left:3px solid var(--accent); background:var(--well); border-radius:0 10px 10px 0; font-size:.92rem; line-height:1.5; color:var(--text); font-weight:500; text-wrap:pretty; max-width:60ch}
  .ent-cta{margin-top:15px; font-size:.9rem; line-height:1.55; color:var(--muted); text-wrap:pretty; max-width:54ch}
  .ent-cta b{color:var(--text); font-weight:600}
  /* смежные направления (внутр. перелинковка, batch 2026-07-17) */
  .rellinks{display:flex; flex-wrap:wrap; align-items:center; gap:10px 15px; font-size:.9rem}
  .rellinks .rl-h{font-family:var(--mono); font-size:.7rem; letter-spacing:.03em; text-transform:uppercase; color:var(--faint)}
  .rellinks a{color:var(--accent); font-weight:600; border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,transparent); transition:border-color .15s}
  .rellinks a:hover{border-color:var(--accent)}

  /* ===== coherent mobile shell 2026-08-31 ===== */
  @media (max-width:720px){
    :root{--page-gutter:clamp(16px,5vw,22px); --mobile-section-y:20px}
    html,body,.page{width:100%; max-width:100%; overflow-x:hidden; overflow-x:clip}
    .page :where(main,section,article,aside,form,fieldset){min-width:0; max-width:100%}
    .page .wrap{width:100%; min-width:0}
    .page .wrap>*{min-width:0; max-width:100%}
    .page :where(.lhero-grid,.contacts,.dcards,.tiers,.proofcases,.studio,.arch,.flow-grid,.faq,.lhero-kpis,.twork,.thub,.kwork,.gcx,.trow,.thalf,.sheet .r)>*{min-width:0; max-width:100%}
    .page :where(form,fieldset,.tf,.field,.fields,.chat-in,.tform,.scrow,.swrow){min-width:0; max-width:100%}
    .page :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){width:100%; min-width:0; max-width:100%}
    .page :where(.btn,.btn-ghost,.btn-secondary,button){min-width:0; max-width:100%}
    .page :where(h1,h2,h3,h4,p,li,dd,dt,summary,label,.btn,.btn-ghost,.btn-secondary,.task-links a,.mrow a){overflow-wrap:anywhere}
    .page :where(img,svg,video,canvas,iframe){max-width:100%; height:auto}
    .page :where(pre,.cmp-scroll,.table-scroll){max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch}

    /* Mobile controls use the same 44px interaction rhythm across forms,
       tools and article audio players.  Specificity intentionally beats the
       smaller component-local dimensions emitted by older generators. */
    .page :where(button,summary,[role="button"],[role="slider"],a.btn,a.btn-ghost,a.btn-secondary,input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.hp-field),textarea,select){min-height:var(--touch-target)}
    .page .c-form :is(input,textarea,select,.submit),
    .page .tf :is(input,textarea,select),
    .page .gcp textarea,
    .page .scrow :is(input,.btn),
    .page .swrow :is(input,.btn),
    .page .tform :is(input,.btn),
    .page .chat-in :is(input,button),
    .page .tadd,.page .tseg button,.page .tbtns .btn,
    .page .kchip,.page .kseg button,.page .kbtns .btn,
    .page .aa-btn,.page .aa-rate,.page .aa-bar,
    .page input[type="range"]{min-height:var(--touch-target)}
    .page .aa-btn,.page .aa-rate{min-width:var(--touch-target)}
    .page .aa-bar::before,.page .aa-fill{top:20px}

    /* Dynamic tool rows are intentionally one field per line on a phone.
       The previous 1fr/auto layout let native input min-content widths make
       the row look offset even when document overflow was clipped. */
    .page .trow,.page .trow.qa{grid-template-columns:minmax(0,1fr)}
    .page .trow .del{width:var(--touch-target); height:var(--touch-target); justify-self:end}

    /* Generated pages historically used 9-11px utility labels. */
    .page .gp-toc .t{font-size:.75rem; line-height:1.35}
    .page .gp-flow.gp-flow--6{grid-template-columns:minmax(0,1fr)}
    .page .cmp-when .w .wh .tag{font-size:.68rem; line-height:1.3}
    .page .tpanel .ph,.page .kpanel .ph,.page .gcp .ph,
    .page .gcproof .ph,.page .tproof .ph,.page .kproof .ph{font-size:.72rem; line-height:1.35}
    .page .thint,.page .tnote,.page .knote,.page .gcnote{font-size:.75rem}

    /* Wide comparison tables remain horizontally scrollable, but now make
       that interaction visible instead of looking accidentally cropped. */
    .page .cmp-scroll::before{content:"Проведите по таблице →"; position:sticky; left:0; z-index:2; display:block; width:max-content; padding:8px 12px; border-bottom:1px solid var(--line); background:var(--card); color:var(--muted); font:600 .72rem/1.3 var(--mono)}

    .page header{border-bottom:1px solid var(--line)}
    .page .bar{height:58px; gap:8px}
    .page .bar>.btn{display:none}
    .page header.menu-ready .menu-toggle{min-width:var(--touch-target); min-height:var(--touch-target); padding:0 11px}
    .page .bar>.hphone,.page .bar>.hcall{display:inline-flex; align-items:center; justify-content:center; flex:0 0 var(--touch-target); width:var(--touch-target); height:var(--touch-target); padding:0}
    .page .hcall .num,.page .hcall .dot{display:none}
    .page .msgs{display:flex; gap:4px; flex:0 0 auto}
    .page .msgs .wa,.page .msgs .max{display:none}
    .page .msg{width:var(--touch-target); height:var(--touch-target)}

    .page .sec>.wrap{padding:var(--mobile-section-y) var(--page-gutter)}
    .page .arch-sec>.wrap{padding:var(--mobile-section-y) var(--page-gutter) 32px}
    .page .lhero>.wrap{padding:22px var(--page-gutter) 18px}
    .page .lhero-grid{grid-template-columns:minmax(0,1fr); gap:22px}
    .page .lhero h1{font-size:clamp(1.65rem,7.2vw,1.9rem); line-height:1.12; letter-spacing:-.04em}
    .page .lhero .sub{font-size:.98rem; line-height:1.55; margin-top:12px}
    .page .lhero .cta{display:grid; grid-template-columns:1fr; gap:10px; margin-top:18px}
    .page .lhero .cta :is(.btn,.btn-ghost),.page [data-conversion-block="narrow-pilot"]>.wrap>.cta .btn{width:100%; min-height:var(--touch-target); justify-content:center; text-align:center; white-space:normal}
    .page .lhero .cta .em{text-align:center}
    .page .lhero-kpis{gap:8px}
    .page .lhero-kpis .kpi{min-width:0; padding:11px}
    .page .lhero-kpis .kpi .v{font-size:1.3rem; line-height:1.12; overflow-wrap:anywhere}
    .page .lhero-kpis .kpi .l{font-size:.7rem; line-height:1.35; text-transform:none}
    .page .lhero-kpis .spark{display:none}

    .page .slab{row-gap:8px; margin-bottom:14px}
    .page .slab+:is(.tiers,.tengine,.scaleband){margin-top:0}
    .page .slab h2{font-size:1.35rem; line-height:1.16}
    .page .slab p{font-size:.95rem; line-height:1.55}
    .page .dcards,.page .tiers,.page .proofcases{grid-template-columns:minmax(0,1fr); gap:12px}
    .page .contacts,.page .studio,.page .arch,.page .flow-grid,.page .faq{grid-template-columns:minmax(0,1fr)}
    .page .lhero-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .page .trow,.page .trow.qa{grid-template-columns:minmax(0,1fr)}
    .page .thalf{grid-template-columns:minmax(0,1fr)}
    .page .dcard{border-radius:var(--radius-card); padding:16px 16px 18px}
    .page .dcard .k,.page .tier .tk{font-size:.7rem}
    .page .tier{border-radius:12px}
    .page .tengine,.page .scaleband,.page .c-form{border-radius:var(--radius-feature); padding:20px}
    .page .contacts{gap:20px}
    .page .c-info{gap:18px}
    .page .c-info .closing-head{margin-bottom:0}
    .page .closing-head h2{font-size:1.5rem}
    :root .page form :is(input,textarea,select),.page .tf :is(input,textarea,select),.page .gcp textarea,.page .swrow input{font-size:1rem}
    .page .c-info .mrow a{min-height:var(--touch-target)}
    .page .task-links a{min-height:var(--touch-target); align-items:center}
    .page .tform,.page .scrow,.page .swrow{flex-direction:column}
    .page :where(.tform,.scrow,.swrow) .btn{width:100%; justify-content:center; white-space:normal}
    .page .final>.wrap{padding:28px var(--page-gutter)}
    .page footer>.wrap{padding:22px var(--page-gutter) 24px; flex-direction:column; align-items:flex-start}

    .page .modal{padding:8px; align-items:flex-end; overflow:hidden}
    .page .msheet{max-width:none; max-height:calc(100dvh - 16px); overflow:auto; padding:24px 18px calc(20px + env(safe-area-inset-bottom)); border-radius:16px}
    .page .msheet .x{top:12px; right:12px; width:var(--touch-target); height:var(--touch-target)}
  }
  @media (max-width:420px){
    .page .brand .wm{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
    .page .sheet .r{grid-template-columns:1fr; gap:4px; align-items:start}
    .page .sheet .r .v,.page .task-links a{overflow-wrap:anywhere}
    .page .foot-legal a{white-space:normal; overflow-wrap:anywhere}
  }
  @media (min-width:561px) and (max-width:860px){
    .page .dcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  }

  /* OrkestrAI / engineering editorial system, shared by every content route. */
  :root{--maxw:1320px;--glow:transparent;--sh-1:none;--sh-2:0 8px 24px -18px #20282055;--radius-card:10px;--radius-feature:12px}
  .page{background:var(--bg)}
  header{background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(8px)}
  .brand .logo{box-shadow:none;border-radius:6px}
  .brand .logo svg rect{fill:var(--text)}
  .brand .logo svg circle{fill:#F3AA7F}
  .brand .wm{font-size:1.13rem;letter-spacing:-.045em}
  .page .btn{background:var(--text);box-shadow:none;border-radius:6px;min-height:44px;transition:background .15s,transform .15s}
  .page .btn:hover{background:var(--accent);box-shadow:none;filter:none}
  .page .btn-secondary{background:transparent;border-color:var(--line-2);border-radius:6px;box-shadow:none;min-height:44px}
  .hcall{border:0;background:none;padding-left:0}
  .hcall .dot{display:none}
  .page .sec{background:var(--bg);border-bottom:1px solid var(--line)}
  .page .sec:nth-child(even){background:var(--card-2)}
  .page .sec>.wrap{padding-top:28px;padding-bottom:28px}
  .page .slab{column-gap:18px;row-gap:7px;margin-bottom:20px}
  .page .slab .n{font-size:.64rem;letter-spacing:.045em;color:var(--accent)}
  .page .slab h2{font-size:clamp(1.35rem,2vw,1.65rem);line-height:1.2;letter-spacing:-.035em;font-weight:600}
  .page .slab p{font-size:.94rem;max-width:76ch;line-height:1.6}
  .page .dcards{gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
  .page .dcard{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:var(--card);padding:18px;box-shadow:none;min-width:0}
  .page .dcard:hover{transform:none;box-shadow:none;background:var(--card-h);border-color:var(--line)}
  .page .dcards>.dcard:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
  .page .dcard h3{font-size:.96rem;line-height:1.4;letter-spacing:-.02em;margin:9px 0 8px}
  .page .dcard .k{font-size:.6rem;color:var(--accent)}
  .page .dcard .tags>span{border-radius:3px;background:var(--card-2);border:1px solid var(--line);font-size:.62rem}
  .page .dcard .more{font-size:.72rem;color:var(--muted);margin-top:14px}
  .page :is(.proofcase,.method-note,.pilot-offer,.c-form,.tengine,.scaleband,.panel,.tier){box-shadow:none;border-radius:10px}
  .page :is(.pilot-offer,.tengine,.scaleband,.panel,.tier){background:var(--card);border-color:var(--line)}
  .page .studio .st{font-size:1rem;line-height:1.65;max-width:52ch}
  .page .contacts{gap:32px}
  .page .kpi{border-radius:6px;box-shadow:none}
  .page .rellinks{border-radius:0;background:transparent}
  @media(min-width:861px){.page .dcards>.dcard:nth-child(3n){border-right:0}.page .dcards>.dcard:nth-last-child(-n+3){border-bottom:0}}
  @media(min-width:561px) and (max-width:860px){.page .dcards>.dcard:nth-child(2n){border-right:0}.page .dcards>.dcard:nth-last-child(-n+2){border-bottom:0}}
  @media(max-width:760px){
    .page .sec>.wrap{padding-top:24px;padding-bottom:24px}
    .page .dcards{gap:0}.page .dcard{padding:16px}
    .page .slab{margin-bottom:16px}
    .page .slab h2{font-size:1.35rem}
    .page .contacts{gap:20px}
  }
  @media(max-width:560px){.page .dcards>.dcard{border-right:0}.page .dcards>.dcard:last-child{border-bottom:0}}

  /* Finish pass: readable labels, consistent controls and quiet surfaces. */
  .page .depth{background:var(--bg);overflow:clip}
  .cfg{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--text);-webkit-font-smoothing:antialiased}
  .cfg :is(a,button,input,textarea,select):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
  .cfg :is(.chat-chip,.chat-send,.chat-act,.cfg-back){min-height:44px}
  @media(max-width:760px){
    .cfg :is(input,textarea,select){font-size:1rem}
    .cfg .chat-sug{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
    .cfg .chat-chip{width:100%;padding:8px;font-size:.78rem;line-height:1.35}
    .cfg .chat .cm{max-width:94%}
  }
  :is(.page,.cfg) .btn{color:var(--accent-ink)}
  :is(.page,.cfg) :is(.btn-soft,.btn-ghost,.btn-secondary){background:var(--card);color:var(--text);border:1px solid var(--line-2);box-shadow:none;border-radius:6px}
  :is(.page,.cfg) :is(.btn-soft,.btn-ghost,.btn-secondary):hover{background:var(--well);color:var(--text);border-color:var(--text);box-shadow:none;filter:none}
  :is(.page,.cfg) :is(.btn,button):disabled{cursor:not-allowed}
  .page :is(.dcard .k,.dcard .tags>span,.proofcase dt,.proofcase .pc-own,.method-note .k){font-size:.6875rem;line-height:1.4;letter-spacing:.035em}
  .page .dcard.insight{background:var(--card-2)}
  .page .method-note{background:var(--card);border-color:var(--line);border-left:3px solid var(--accent);padding:18px 20px;gap:20px}
  .page .proofcase .pc-own{border-radius:3px;background:var(--card-2);color:var(--muted);border:1px solid var(--line);white-space:normal}
  :is(.page,.cfg) :is(.msheet,.cfg-win){border-radius:12px;border-color:var(--line-2);box-shadow:0 20px 64px -24px #20282066}
  :is(.page,.cfg) .msheet{padding:24px}
  :is(.page,.cfg) .msheet .grp{margin-top:18px}
  :is(.page,.cfg) .msheet .foot{margin-top:20px}
  :is(.page,.cfg) .msheet h3{font-size:1.5rem;line-height:1.25}
  :is(.page,.cfg) .msheet .chips span{border-radius:4px}
  :is(.page,.cfg) :is(.cfg-st,.cfg-o .s,.cfg-note,.cfg-res .kpi .k){font-size:.72rem;line-height:1.5;letter-spacing:.025em}
  :is(.page,.cfg) .cfg-o{border-radius:7px}
  :is(.page,.cfg) .cfg-o.sel{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}
  :is(.page,.cfg) :is(.msheet .x,.cfg-x){width:44px;height:44px;border-radius:6px}
  :is(.page,.cfg) .cfg-st{padding-right:40px}
  :is(.page,.cfg) .chat .cm{border-radius:8px}
  :is(.page,.cfg) .chat .cm.me{background:var(--text);color:var(--card)}
  :is(.page,.cfg) .chat-send{background:var(--accent);border-radius:6px}
  :is(.page,.cfg) .chat-send:hover{background:var(--accent-2);filter:none}
  :is(.page,.cfg) .chat-in input{border-radius:6px;background:var(--card)}
  :is(.page,.cfg) .chat-chip{border-radius:6px}
  .page .lstatus .on .d{background:var(--live-dot);animation:none}
  @media(min-width:761px){:is(.page,.cfg) .cfg-win{padding:24px}}
  @media(max-width:760px){:is(.page,.cfg) .msheet{padding:20px 18px calc(20px + env(safe-area-inset-bottom))}}
  @media(min-width:360px) and (max-width:420px){
    .page .brand .wm{position:static;inline-size:auto;block-size:auto;overflow:visible;clip:auto;clip-path:none;margin:0;padding:0;white-space:nowrap}
    .page .bar{gap:8px}
  }

  /* Balance full-width section introductions, not nested headings or article text. */
  @media(min-width:1001px){
    .page .sec > .wrap > .slab:has(> h2):has(> p){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}
    .page .sec > .wrap > .slab:has(> h2) > p{max-width:none;grid-column:2}
  }
/* Final acceptance: compact contact and footer rows; consent behavior is unchanged. */
.page #contacts .closing-head h2{font-size:clamp(1.4rem,2vw,1.6rem);line-height:1.23;max-width:none;text-wrap:pretty}
.page .c-info .mrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:480px}
.page .c-info .mrow a{justify-content:center;min-width:0;min-height:44px;padding:8px 10px;border-radius:6px;line-height:1.4;text-align:center}
.page .c-info .mrow svg{flex:none}
.page footer>.wrap:has(>.foot-legal){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:center}
.page footer .foot-legal{margin-top:0;min-width:0}
.page footer #ork-cookie-settings{justify-self:end}
body #ork-consent{border-color:var(--line-2);border-radius:8px;background:var(--card);color:var(--text);box-shadow:0 12px 36px -22px #20282066}
body #ork-consent p{color:var(--muted)}
body #ork-consent a{color:var(--accent)}
body #ork-consent button{border-radius:6px}
body #ork-consent-allow{background:var(--accent);border-color:var(--accent)!important;color:var(--accent-ink)}
body #ork-consent #ork-consent-deny{background:var(--card);border-color:var(--line-2);color:var(--text)}
body #ork-cookie-settings{background:transparent;color:var(--muted);border:1px solid var(--line-2);border-radius:6px;font-family:var(--sans);font-size:12px;margin-top:0}
body #ork-consent button:focus-visible,body #ork-consent a:focus-visible,body #ork-cookie-settings:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:760px){
 .page footer>.wrap:has(>.foot-legal){grid-template-columns:minmax(0,1fr);gap:12px}
 .page footer #ork-cookie-settings{justify-self:start}
}
@media(max-width:420px){.page .c-info .mrow a{padding-inline:6px;gap:4px;font-size:.8rem}}

/* Full-width reading links, balanced by actual count; no card surfaces or removed destinations. */
.page .rellinks:not(.related-paths){--related-columns:3;display:flex;flex-wrap:wrap;align-items:stretch;gap:0 16px}
.page .rellinks:not(.related-paths)>.rl-h{flex:0 0 100%;margin-bottom:4px;font-size:.6875rem;line-height:1.5}
.page .rellinks:not(.related-paths)>a{display:flex;align-items:center;flex:1 1 calc((100% - (var(--related-columns) - 1)*16px)/var(--related-columns) - 1px);min-width:0;min-height:44px;padding:7px 0;font-size:.9rem;font-weight:500;line-height:1.45;border-bottom:1px solid var(--line-2);overflow-wrap:anywhere}
.page .rellinks:not(.related-paths)>a:hover{border-color:var(--accent)}
.page .rellinks:not(.related-paths)>a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(min-width:1101px){
 .page .rellinks:not(.related-paths):has(>a:nth-of-type(4):last-child,>a:nth-of-type(7):last-child,>a:nth-of-type(8):last-child){--related-columns:4}
 .page .rellinks:not(.related-paths):has(>a:nth-of-type(5):last-child,>a:nth-of-type(9):last-child,>a:nth-of-type(10):last-child){--related-columns:5}
 .page .rellinks:not(.related-paths):has(>a:nth-of-type(6):last-child){--related-columns:6}
}
@media(min-width:621px) and (max-width:1100px){
 .page .rellinks:not(.related-paths):has(>a:nth-of-type(4):last-child){--related-columns:2}
 .page .rellinks:not(.related-paths):has(>a:nth-of-type(7):last-child,>a:nth-of-type(10):last-child)>a:nth-last-of-type(-n+4){flex-basis:calc((100% - 16px)/2 - 1px)}
}
@media(max-width:620px){
 .page .rellinks:not(.related-paths){--related-columns:2}
 .page .rellinks:not(.related-paths):has(>a:nth-of-type(odd):last-child)>a:first-of-type{flex-basis:100%}
}