/* Вариант B2 · 1920 — тёмный, ориентир Linear + Clerk: окно продукта на перспективной сетке, в плитках предметы с объёмом */
:root{
  --bg:#08090a;
  --tile:#0c0d0f;
  --p1:#0e0f11;
  --p2:#141518;
  --p3:#1b1c20;
  --line:rgba(var(--ink-rgb),.07);
  --line-2:rgba(var(--ink-rgb),.12);
  --tx:#f4f5f6;
  --tx-2:#9ba0a8;
  --tx-3:#62666e;
  --tx-p:#8a8f98;
  --ink-rgb:255,255,255;
  --tile-rgb:13,14,16;
  --app-tx:#cdd1d6;
  --go:#3ddc84;
  --wait:#ffc53d;
  --stop:#ff5a5f;
  --go-hi:#c9f8dc;
  --font:"Inter","Onest",system-ui,sans-serif;
  /* материал предметов: свет сверху, светлая кромка, мягкая тень */
  --obj:linear-gradient(180deg,#1e1f23,#141518);
  --obj-sh:inset 0 1px 0 rgba(var(--ink-rgb),.1),inset 0 0 0 1px rgba(var(--ink-rgb),.06),0 20px 34px -14px rgba(0,0,0,.85);
}
*{box-sizing:border-box}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p{margin:0}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3{text-wrap:balance;letter-spacing:-.035em;font-weight:600}
.ico{width:1em;height:1em;fill:currentColor;flex:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}

/* шапка */
.hdr{position:sticky;top:0;z-index:40;background:rgba(8,9,10,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:44px;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.02em}
.mark{display:grid;gap:2.5px}
.mark i{display:block;width:16px;height:4px;border-radius:2px}
.mark i:nth-child(1){background:var(--stop)}.mark i:nth-child(2){background:var(--wait)}.mark i:nth-child(3){background:var(--go)}
.nav{display:flex;gap:28px;font-size:14px;color:var(--tx-2)}
.nav a:hover{color:var(--tx)}
.hdr-r{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:14px}
.hdr-r .login{color:var(--tx-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:10px;font-weight:500;font-size:15px;white-space:nowrap;transition:background .2s}
.btn-go{background:var(--go);color:#04140a;box-shadow:inset 0 1px 0 rgba(var(--ink-rgb),.35)}
.btn-go:hover{background:#5be69a}
.btn-dark{background:#1a1b1f;color:var(--tx)}
.btn-dark:hover{background:#222328}
.btn-white{height:34px;padding:0 13px;border-radius:8px;font-size:13.5px;background:var(--tx);color:var(--bg)}

/* ── первый экран ── */
.hero{position:relative;overflow:hidden;padding:104px 0 0}
.hero::before{content:"";position:absolute;left:50%;top:-180px;width:1100px;height:480px;margin-left:-300px;border-radius:50%;background:var(--go);opacity:.11;filter:blur(150px);pointer-events:none}
.hero-copy{position:relative}
.hero h1{font-size:80px;line-height:1.04}
.hero h1 .dim{color:#a7acb5}
.hero h1 .go{color:var(--go)}
.hero-sub{margin-top:24px;max-width:580px;font-size:18px;color:var(--tx-2)}
.hero-cta{margin-top:36px;display:flex;gap:10px}

.stage{position:relative;margin-top:80px;height:640px}
.stage::after{content:"";position:absolute;left:-50vw;right:-50vw;bottom:-140px;height:360px;z-index:3;pointer-events:none;background:linear-gradient(transparent,var(--bg) 62%)}
.floor{max-width:none;position:absolute;left:50%;bottom:0;width:2400px;height:460px;margin-left:-1200px;-webkit-mask-image:linear-gradient(transparent,#000 40%,#000 75%,transparent),linear-gradient(90deg,transparent 4%,#000 22%,#000 78%,transparent 96%);-webkit-mask-composite:source-in;mask-image:linear-gradient(transparent,#000 40%,#000 75%,transparent),linear-gradient(90deg,transparent 4%,#000 22%,#000 78%,transparent 96%);mask-composite:intersect;pointer-events:none}
.amb{position:absolute;left:50%;top:60px;width:1000px;height:420px;margin-left:-500px;border-radius:50%;background:var(--go);opacity:.1;filter:blur(140px);pointer-events:none}
.app{isolation:isolate;position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:232px minmax(0,1fr) 312px;height:640px;border-radius:16px;overflow:hidden;font-size:14px;color:var(--app-tx);
  background:linear-gradient(180deg,rgba(var(--ink-rgb),.035),rgba(var(--ink-rgb),0) 30%),rgb(var(--tile-rgb));
  box-shadow:inset 0 1px 0 rgba(var(--ink-rgb),.14),inset 0 0 0 1px rgba(var(--ink-rgb),.09);
  }
.app::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(transparent,var(--bg) 92%);pointer-events:none}
.side{background:rgba(0,0,0,.25);border-right:1px solid var(--line);padding:18px 12px}
.side .brand{display:flex;align-items:center;gap:10px;padding:4px 10px 22px;font-weight:600;color:var(--tx)}
.side a{display:flex;align-items:center;gap:11px;height:34px;padding:0 12px;border-radius:8px;color:var(--tx-2)}
.side a .ico{font-size:16px;color:var(--tx-3)}
.side a.on{background:rgba(var(--ink-rgb),.07);color:var(--tx);box-shadow:inset 0 1px 0 rgba(var(--ink-rgb),.06)}
.side a.on .ico{color:var(--tx)}
.main{display:flex;flex-direction:column;min-width:0}
.top{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 26px;border-bottom:1px solid var(--line)}
.top b{font-weight:500;font-size:14.5px;color:var(--tx)}
.top span{font-size:12.5px;color:var(--tx-3)}
.thread{padding:24px 26px;display:flex;flex-direction:column;gap:18px}
.q{align-self:flex-end;padding:10px 16px;border-radius:13px 13px 4px 13px;background:rgba(61,220,132,.13);box-shadow:inset 0 0 0 1px rgba(61,220,132,.32);color:#e6faee}
.ans{padding:20px 22px;border-radius:13px;background:var(--obj);box-shadow:var(--obj-sh)}
.who{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--tx);font-weight:500}
.who i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(61,220,132,.14);box-shadow:inset 0 0 0 1px rgba(61,220,132,.3);color:var(--go);font-size:14px}
.ans p{font-size:14.5px;line-height:1.6}
.ans strong{color:var(--tx);font-weight:600}
.tbl{width:100%;margin:16px 0;border-collapse:separate;border-spacing:0;font-size:13.5px;font-variant-numeric:tabular-nums;border-radius:9px;box-shadow:inset 0 0 0 1px var(--line-2);overflow:hidden}
.tbl th,.tbl td{padding:9px 14px;text-align:right;border-bottom:1px solid var(--line)}
.tbl th:first-child,.tbl td:first-child{text-align:left}
.tbl th{font-weight:400;color:var(--tx-3);background:rgba(var(--ink-rgb),.02)}
.tbl tr:last-child td{border-bottom:0}
.tbl tr.hl td{background:rgba(255,90,95,.1);color:#ffdcdd}
.tbl tr.hl td:last-child{color:var(--stop);font-weight:600}
.hyp{color:var(--tx-2)}
.hyp b{color:var(--tx);font-weight:500}
.chips{display:flex;gap:8px;margin-top:16px}
.chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:9px;font-size:13px;font-weight:500;color:var(--tx);background:rgba(var(--ink-rgb),.04);box-shadow:inset 0 0 0 1px var(--line-2)}
.chip.src{color:var(--go);background:rgba(61,220,132,.08);box-shadow:inset 0 0 0 1px rgba(61,220,132,.32)}
.chip .ico{font-size:14px}
.chip b{font-weight:500;color:var(--tx-2)}
.aside{border-left:1px solid var(--line);padding:24px 20px;background:rgba(0,0,0,.12)}
.aside h4{margin:0 0 14px;font-size:13.5px;font-weight:500;color:var(--tx);display:flex;justify-content:space-between}
.aside h4 span{color:var(--tx-3);font-weight:400}
.srcs li{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
.srcs i{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;background:rgba(61,220,132,.08);color:var(--go);font-size:14px}
.srcs li:first-child i{background:rgba(61,220,132,.2)}
.srcs b{display:block;font-weight:400;color:#d6d9de;font-size:13px}
.srcs small{font-size:12px;color:var(--tx-3)}

.systems{position:relative;z-index:4;margin-top:8px;padding:28px 0 80px;display:flex;align-items:center;justify-content:center;gap:24px;font-size:14px;color:var(--tx-3)}
.systems ul{display:flex;gap:30px}
.systems li{display:flex;align-items:center;gap:8px;color:var(--tx-2)}
.systems img{width:20px;height:20px;object-fit:contain;filter:grayscale(1);opacity:.8}
.systems li .ico{font-size:18px;color:var(--tx-3)}

/* ── возможности ── */
.feat{padding:130px 0 150px}
.feat-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:56px}
.feat h2{font-size:48px;line-height:1.08}
.feat-lead{font-size:17px;line-height:1.55;color:var(--tx-2);max-width:520px}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:380px 380px auto;grid-template-areas:"ask lights sys" "src rep rep" "demo demo demo";gap:14px}

/* текст сверху у части плиток — чтобы плитки не были одинаковыми */
.tile.txt-top{flex-direction:column-reverse}
.tile.txt-top .txt{min-height:0;padding:32px 28px 0}

/* три шкалы плана — светофор лёжа */
.t-lights .ill::before{display:none}
.gauges{width:316px;padding:16px 18px 18px;border-radius:15px;background:var(--obj);box-shadow:var(--obj-sh)}
.gauges .cap{display:flex;justify-content:space-between;font-size:12.5px;color:var(--tx-2)}
.gauges .cap span{color:var(--tx-3)}
.gauges ul{display:flex;justify-content:space-between;margin-top:16px}
.gauges li{display:flex;flex-direction:column;align-items:center;gap:10px}
.ring{position:relative;width:76px;height:76px}
.ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.ring::after{content:"";position:absolute;left:50%;top:-2px;width:2px;height:8px;margin-left:-1px;border-radius:1px;background:rgba(var(--ink-rgb),.3)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--tx);font-variant-numeric:tabular-nums}
.gauges small{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--tx-2)}
.gauges small em{display:flex;align-items:center;gap:6px;font-style:normal;font-size:12px;color:var(--tx-3)}
.gauges small em i{width:6px;height:6px;border-radius:50%}
.gauges li.on small em{color:var(--tx-2)}
.plot .lbl{position:absolute;right:-2px;font-size:11.5px;color:var(--tx-2);display:flex;align-items:center;gap:6px;transform:translateX(100%);padding-left:10px}
.plot .lbl i{width:8px;height:2px;border-radius:1px}

/* широкая плитка статистики: текст слева, панель справа уходит за край */
.tile.t-rep{flex-direction:row-reverse}
.t-rep .txt{align-self:stretch;flex:none;width:330px;display:flex;flex-direction:column;padding:32px 28px}
.note{margin-top:auto;display:flex;gap:12px;padding:14px 16px;border-radius:12px;background:var(--obj);box-shadow:var(--obj-sh);font-size:13px;line-height:1.45;color:var(--tx-2)}
.note i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(61,220,132,.12);color:var(--go)}
.note .ico{width:16px;height:16px}.note small{display:block;margin-bottom:3px;font-size:12px;color:var(--tx-3)}
.t-rep .ill{display:block}
.bars{position:absolute;top:32px;right:-28px;width:470px;height:360px;padding:20px 24px;border-radius:15px;background:var(--obj);box-shadow:var(--obj-sh)}
.bars .row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--tx-2)}
.bars .sel{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;font-size:12px;color:var(--tx-2);background:rgba(var(--ink-rgb),.04)}
.bars .sum{display:flex;align-items:baseline;gap:10px;margin-top:10px}
.bars .sum b{font-size:26px;font-weight:600;letter-spacing:-.025em;color:var(--tx);font-variant-numeric:tabular-nums}
.bars .sum span{font-size:12px;font-weight:500;color:var(--go)}
.cols{position:relative;display:flex;justify-content:space-between;align-items:flex-end;height:150px;margin-top:22px;padding:0 6px;border-bottom:1px solid rgba(var(--ink-rgb),.08)}
.cols .plan{position:absolute;left:0;right:0;bottom:77%;border-top:1px solid rgba(var(--ink-rgb),.28)}
.cols .plan em{position:absolute;right:0;top:-18px;font-style:normal;font-size:11px;color:var(--tx-3)}
.cols>i{position:relative;width:46px;border-radius:6px 6px 2px 2px;background:rgba(var(--ink-rgb),.1)}
.cols>i.up{background:rgba(61,220,132,.32)}
.cols>i.on{background:linear-gradient(180deg,#5be69a,#2fc874);box-shadow:0 0 24px -4px rgba(61,220,132,.55)}
.cols>i.on span{position:absolute;right:0;bottom:calc(100% + 10px);white-space:nowrap;padding:5px 9px;border-radius:7px;font-size:11.5px;color:var(--tx);background:#1f2024;box-shadow:inset 0 0 0 1px rgba(var(--ink-rgb),.1)}
.days{display:flex;justify-content:space-between;padding:8px 6px 0;font-size:11.5px;color:var(--tx-3)}
.days span{width:46px;text-align:center}

/* старая панель отчёта (не используется) */
.dash{width:640px;margin-right:56px;padding:20px 22px 18px;border-radius:15px;background:var(--obj);box-shadow:var(--obj-sh)}
.dash .row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--tx-2)}
.dash .row .sel{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;font-size:12px;color:var(--tx-2);box-shadow:inset 0 0 0 1px rgba(var(--ink-rgb),.1)}
.dash .kpis{display:flex;gap:36px;margin-top:14px}
.dash .kpis span{display:block;font-size:12px;color:var(--tx-3)}
.dash .kpis b{display:block;margin-top:2px;font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--tx);font-variant-numeric:tabular-nums}
.dash .kpis em{margin-left:6px;font-style:normal;font-size:12px;font-weight:500;color:var(--go)}
.plot{position:relative;margin-top:18px;height:150px}
.plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.plot .band{position:absolute;top:0;bottom:22px;left:66%;width:72px;margin-left:-36px;background:linear-gradient(rgba(var(--ink-rgb),.05),rgba(var(--ink-rgb),0))}
.plot .tip{position:absolute;left:66%;top:6px;margin-left:46px;padding:9px 12px;border-radius:10px;background:#1c1d21;box-shadow:inset 0 0 0 1px rgba(var(--ink-rgb),.1),0 12px 24px -8px #000;font-size:12px;color:var(--tx-2);white-space:nowrap}
.plot .tip b{display:block;margin-bottom:5px;font-weight:500;color:var(--tx)}
.plot .tip i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;vertical-align:1px}
.plot .days{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:11.5px;color:var(--tx-3)}
.tile{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;
  background:radial-gradient(120% 75% at 50% 0%,rgba(var(--ink-rgb),.05),rgba(var(--ink-rgb),0) 62%),var(--tile);
  box-shadow:inset 0 1px 0 rgba(var(--ink-rgb),.06),inset 0 0 0 1px rgba(var(--ink-rgb),.07)}
.ill{position:relative;flex:1;display:grid;place-items:center;overflow:hidden}
.txt{position:relative;padding:0 28px 32px}
.tile h3{font-size:20px;line-height:1.25;letter-spacing:-.02em}
.tile p{margin-top:8px;font-size:15px;line-height:1.5;color:var(--tx-p);max-width:40ch}
.t-ask{grid-area:ask}.t-lights{grid-area:lights}.t-sys{grid-area:sys}.t-src{grid-area:src}.t-rep{grid-area:rep}

/* поле вопроса */
.field{width:332px;display:flex;flex-direction:column;gap:12px}
.slab{white-space:nowrap}
.field .hint{align-self:center;padding:6px 13px;border-radius:999px;font-size:12px;color:var(--tx-3);box-shadow:inset 0 0 0 1px rgba(var(--ink-rgb),.06)}
.field .hint.b{opacity:.55}
.field .hint.c{opacity:.3}
.t-ask .ill{place-items:end center;padding-bottom:32px}

.slab{display:flex;align-items:center;gap:10px;height:58px;padding:0 9px 0 18px;border-radius:15px;background:var(--obj);box-shadow:var(--obj-sh);font-size:14px;color:var(--tx)}
.slab .caret{width:2px;height:18px;margin-left:-6px;background:var(--go);box-shadow:0 0 8px var(--go)}
.slab .key{margin-left:auto;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:16px;color:#06130b;
  background:linear-gradient(180deg,#5be69a,#2fc874);box-shadow:inset 0 1px 0 rgba(var(--ink-rgb),.45),0 6px 16px -6px rgba(61,220,132,.7)}

/* стопка источников */
.stack{position:relative;width:310px;height:190px}
.stack .s{position:absolute;left:0;right:0;display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;border-radius:13px;background:var(--obj);box-shadow:var(--obj-sh);font-size:13px;color:var(--tx-2)}
.stack .s i{width:28px;height:28px;flex:none;border-radius:8px;display:grid;place-items:center;font-size:14px;color:var(--tx-3);background:rgba(var(--ink-rgb),.04);box-shadow:inset 0 0 0 1px rgba(var(--ink-rgb),.06)}
.stack .s small{margin-left:auto;font-size:12px;color:var(--tx-3)}
.stack .s:nth-child(1){top:0;transform:scale(.84);opacity:.35}
.stack .s:nth-child(2){top:26px;transform:scale(.9);opacity:.55}
.stack .s:nth-child(3){top:54px;transform:scale(.95);opacity:.8}
.stack .s:nth-child(4){top:86px;color:var(--tx)}
.stack .s:nth-child(4) i{color:var(--go);background:rgba(61,220,132,.12);box-shadow:inset 0 0 0 1px rgba(61,220,132,.35)}
.stack .badge{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:999px;font-size:12.5px;color:var(--tx-2);background:rgba(var(--ink-rgb),.03);box-shadow:inset 0 0 0 1px rgba(var(--ink-rgb),.08)}
.stack .badge b{color:var(--tx);font-weight:600}

/* светофор */
.t-lights .ill{place-items:center}
.t-lights .ill::before{content:"";position:absolute;left:50%;top:44%;width:340px;height:420px;margin:-210px 0 0 -170px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,90,95,.16),rgba(255,90,95,0));pointer-events:none}
.signal{position:relative;display:flex;align-items:center;gap:28px}
.housing{display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:52px;
  background:linear-gradient(180deg,#26272c,#141518 60%,#101114);box-shadow:inset 0 1px 0 rgba(var(--ink-rgb),.14),inset 0 0 0 1px rgba(var(--ink-rgb),.07),inset 0 -12px 24px rgba(0,0,0,.5),0 30px 50px -18px #000}
.lamp{position:relative;width:68px;height:68px;border-radius:50%;box-shadow:inset 0 3px 8px rgba(0,0,0,.65),inset 0 0 0 1px rgba(var(--ink-rgb),.08)}
.lamp::after{content:"";position:absolute;left:18%;top:12%;width:38%;height:24%;border-radius:50%;background:rgba(var(--ink-rgb),.35);filter:blur(3px)}
.lamp.stop{background:radial-gradient(circle at 50% 42%,#ffb8b5,#ff5a5f 46%,#9e1f24 100%);box-shadow:inset 0 -6px 12px rgba(0,0,0,.35),0 0 0 6px rgba(255,90,95,.08),0 0 46px 6px rgba(255,90,95,.45)}
.lamp.wait{background:radial-gradient(circle at 50% 42%,#4a3a12,#2b2210 70%);opacity:.9}
.lamp.ok{background:radial-gradient(circle at 50% 42%,#164229,#0e2618 70%);opacity:.9}
.readout li{display:flex;flex-direction:column;justify-content:center;height:68px;margin-bottom:16px}
.readout li:last-child{margin-bottom:0}
.readout b{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--tx-3);font-variant-numeric:tabular-nums}
.readout small{font-size:12.5px;color:var(--tx-3)}
.readout li.on b{color:var(--tx)}
.readout li.on small{color:var(--stop)}

/* плата систем */
.board{position:relative;width:330px;height:220px}
.board>svg{position:absolute;inset:0;width:100%;height:100%}
.chip-c{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:18px;display:grid;place-content:center;gap:4px;background:var(--obj);box-shadow:var(--obj-sh),0 0 40px -6px rgba(61,220,132,.35)}
.chip-c i{width:26px;height:5px;border-radius:3px}
.chip-c i:nth-child(1){background:var(--stop)}.chip-c i:nth-child(2){background:var(--wait)}.chip-c i:nth-child(3){background:var(--go)}
.node{position:absolute;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:12px;display:grid;place-items:center;background:var(--obj);box-shadow:var(--obj-sh);color:var(--tx-3);font-size:18px}
.node img{width:20px;height:20px;object-fit:contain;filter:grayscale(1) brightness(1.3);opacity:.75}
.node.on img{filter:none;opacity:1}

/* отчёт */
.report{width:320px;padding:18px 18px 14px;border-radius:15px;background:var(--obj);box-shadow:var(--obj-sh)}
.report .head{display:flex;justify-content:space-between;align-items:flex-end;font-size:12.5px;color:var(--tx-2)}
.report .head b{display:block;margin-top:3px;font-size:23px;font-weight:600;letter-spacing:-.02em;color:var(--tx)}
.report .tag{padding:3px 9px;border-radius:6px;background:rgba(61,220,132,.1);box-shadow:inset 0 0 0 1px rgba(61,220,132,.25);color:var(--go);font-weight:500;font-size:11.5px}
.report svg{margin-top:16px;width:100%;height:110px;overflow:visible}

/* демо */
.t-demo{grid-area:demo;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;padding:32px 28px}
.t-demo .txt{flex:none;width:400px;min-height:0;padding:0}
.qbar{flex:1;max-width:660px;display:flex;align-items:center;gap:12px;height:64px;padding:0 10px 0 20px;border-radius:14px;background:var(--obj);box-shadow:var(--obj-sh);font-size:15px;color:var(--tx)}
.qbar>.ico{width:18px;height:18px;color:var(--tx-3)}.qbar .caret{width:1.5px;height:20px;margin-left:-9px;background:var(--go);animation:blink 1.1s steps(1) infinite}.qbar .btn{margin-left:auto}
@keyframes blink{50%{opacity:0}}
.otp{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:12.5px;color:var(--tx-3)}
.otp div{display:flex;gap:10px}
.otp span{width:48px;height:56px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:500;color:var(--tx-3);background:var(--obj);box-shadow:var(--obj-sh)}
.otp span.on{color:var(--tx);box-shadow:var(--obj-sh),0 0 0 2px rgba(61,220,132,.75),0 0 24px -2px rgba(61,220,132,.5)}


.node .ico{width:20px;height:20px;color:var(--tx-3)}

/* BOARD */
/* схема 8 систем: скруглённые пунктиры, данные текут к хабу */
.board>svg path{stroke-dasharray:2 5;animation:flow 1.4s linear infinite}
.board>svg path.hot{stroke:#3ddc84;stroke-opacity:.7;animation-duration:.9s}
.board>svg .pulse{fill:#3ddc84;stroke:none;filter:drop-shadow(0 0 4px rgba(61,220,132,.9))}
@keyframes flow{to{stroke-dashoffset:-14}}
@media (prefers-reduced-motion:reduce){.board>svg path{animation:none}.board>svg .pulse{display:none}}
/* /BOARD */
/* PERS */
/* широкая плитка с фото: человек справа, карточка отчёта в тёмной части */
.t-pers{grid-area:rep}
.t-pers .ill{position:absolute;inset:0;display:block}
.t-pers .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 35%}
.t-pers .ill::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgb(var(--tile-rgb)) 0%,rgba(var(--tile-rgb),.85) 26%,rgba(var(--tile-rgb),0) 50%),linear-gradient(0deg,rgba(var(--tile-rgb),.55),rgba(var(--tile-rgb),0) 38%),linear-gradient(270deg,rgba(var(--tile-rgb),.55),rgba(var(--tile-rgb),0) 22%)}
.t-pers::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(var(--ink-rgb),.06),inset 0 0 0 1px rgba(var(--ink-rgb),.07)}
.t-pers .txt{z-index:2;min-height:0;max-width:370px;padding:32px 28px 0}
.rcard{position:absolute;left:28px;bottom:32px;z-index:2;width:330px;padding:16px 18px;border-radius:15px;background:rgba(22,23,26,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--obj-sh)}
.rcard .hd{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tx-2)}
.rcard .hd .ico{font-size:14px;color:var(--tx-3)}
.rcard .kpi{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:10px}
.rcard .kpi b{display:block;font-size:24px;font-weight:600;letter-spacing:-.025em;color:var(--tx);font-variant-numeric:tabular-nums}
.rcard .kpi span{font-size:12px;font-weight:500;color:var(--go)}
.rcard .mini.spark{margin:0;height:38px;gap:5px}
.rcard .mini.spark i{width:8px}
.rcard .out{display:flex;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;line-height:1.45;color:var(--tx-2)}
.rcard .out .ico{flex:none;margin-top:2px;font-size:14px;color:var(--go)}
/* /PERS */
/* CALM */
.t-sys .board{transform:scale(.8)}
/* карточка на фото — монохром, чтобы заголовок плитки был главным */
.rcard{width:300px;background:rgba(22,23,26,.76)}
.rcard .kpi b{font-size:20px}
.rcard .kpi span{color:var(--tx-2)}
.rcard .mini.spark i.on{background:rgba(var(--ink-rgb),.5)}
.rcard .out .ico{color:var(--tx-3)}
/* /CALM */
/* PLANS */
/* план и факт: тихий список, цвет только у точки и тонкой полосы */
.plans{width:316px;padding:16px 18px 18px;border-radius:15px;background:var(--obj);box-shadow:var(--obj-sh)}
.plans .cap{display:flex;justify-content:space-between;font-size:12.5px;color:var(--tx-2)}
.plans .cap span{color:var(--tx-3)}
.plans ul{display:flex;flex-direction:column;gap:16px;margin-top:18px}
.plans .l{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tx)}
.plans .l i{width:6px;height:6px;border-radius:50%;flex:none}
.plans .l span{font-size:12px;color:var(--tx-3)}
.plans .l b{margin-left:auto;font-weight:500;font-variant-numeric:tabular-nums;color:var(--tx-2)}
.plans .bar{position:relative;height:4px;margin-top:9px;border-radius:2px;background:rgba(var(--ink-rgb),.06)}
.plans .bar s{position:absolute;left:0;top:0;bottom:0;border-radius:2px;opacity:.8}
.plans .bar::after{content:"";position:absolute;left:90.9%;top:-4px;width:1px;height:12px;background:rgba(var(--ink-rgb),.3)}
.plans .no i,.plans .no s{background:var(--stop)}
.plans .wait i,.plans .wait s{background:var(--wait)}
.plans .ok i,.plans .ok s{background:var(--go)}
/* /PLANS */
/* OPTICAL */
/* Chrome округляет половину интерлиньяжа вниз: однострочный текст в плашках стоит ~1px выше центра — опускаем */
.stack .s,.stack .badge,.chip,.pill,.sel,.amini .src span{padding-top:2px}
/* в кнопках строка без интерлиньяжа: у Inter заглавные стоят ровно посередине своей высоты, и округлять нечего — текст по центру при любом масштабе */
.btn{line-height:normal}
.field .hint{padding:7px 13px 5px}
.hyp .q{padding:12px 16px 10px}
.cols>i.on span{padding:6px 9px 4px}
.slab .key .ico.up{transform:rotate(-90deg);font-size:17px}
/* /OPTICAL */
/* RINGS */
/* план и факт кольцами прямо на плитке, без подложки */
.rings{display:flex;justify-content:center;gap:36px;margin:0;padding:0;list-style:none}
.rings li{display:flex;flex-direction:column;align-items:center;gap:14px}
.rings .ring{width:84px;height:84px}
.rings .ring b{font-size:17px}
.rings small{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px;color:var(--tx-2)}
.rings em{display:flex;align-items:center;gap:6px;font-style:normal;font-size:12px;color:var(--tx-3)}
.rings em i{width:6px;height:6px;border-radius:50%}
/* /RINGS */
/* BOARD2 */
/* 8 систем: логотип в левом нижнем углу, системы на дуге, данные текут лучами к логотипу */
.board2{position:relative;width:383px;height:247px}
.t-sys .ill{display:block}
.t-sys .board2{position:absolute;left:0;bottom:0}
.board2>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.board2>svg path{stroke-dasharray:2 5;animation:flow 1.4s linear infinite}
.board2>svg path.arc{stroke-opacity:.07;stroke-dasharray:2 6;animation:none}
.board2>svg path.hot{stroke:#3ddc84;stroke-opacity:.7;animation-duration:.9s}
.board2>svg .pulse{fill:#3ddc84;stroke:none;filter:drop-shadow(0 0 4px rgba(61,220,132,.9))}
.board2 .node{width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:11px}
.board2 .node img{width:18px;height:18px}
.board2 .node .ico{width:18px;height:18px}
.board2 .chip-c{left:60px;top:183px;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:17px}
.board2 .chip-c i{width:24px}
@media (prefers-reduced-motion:reduce){.board2>svg path{animation:none}.board2>svg .pulse{display:none}}
/* /BOARD2 */
/* PHOTO3 */
/* фото сдвинуто вправо: слева чистая тёмная зона под текст и карточку */
.t-pers .ph{left:200px;width:calc(100% - 200px);object-position:75% 30%}
.t-pers .ill::after{background:linear-gradient(90deg,rgb(var(--tile-rgb)) 0%,rgb(var(--tile-rgb)) 26%,rgba(var(--tile-rgb),.6) 36%,rgba(var(--tile-rgb),0) 50%),linear-gradient(0deg,rgba(var(--tile-rgb),.55),rgba(var(--tile-rgb),0) 38%),linear-gradient(270deg,rgba(var(--tile-rgb),.45),rgba(var(--tile-rgb),0) 22%),rgba(var(--tile-rgb),.12)}
/* /PHOTO3 */
.node.on .ico{color:var(--go)}


/* CORBIT */
/* 8 систем — по макету Антона (Figma 22:572): залитые орбиты с зеленцой к краю вокруг логотипа, узлы 48px, сигналы по орбитам */
.t-sys{background:radial-gradient(120% 75% at 50% 0%,rgba(var(--ink-rgb),.1),rgba(var(--ink-rgb),0) 60%),var(--tile);box-shadow:inset 0 1px 0 rgba(var(--ink-rgb),.06),inset 0 0 0 1px rgba(var(--ink-rgb),.1)}
.t-sys .ill,.lab-sys .ill{overflow:hidden}
.b-corbit{--oc:#0c0d0f;--o1:#08110d;--o2:#0b1712;--o3:#0d1d16;--orb-line:rgba(255,255,255,.1)}
.b-corbit .corbs{position:absolute;inset:0;-webkit-mask-image:linear-gradient(transparent 9px,#000 168px);mask-image:linear-gradient(transparent 9px,#000 168px)}
.b-corbit .corbs svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.b-corbit .oc{stop-color:var(--oc)}.b-corbit .o1{stop-color:var(--o1)}.b-corbit .o2{stop-color:var(--o2)}.b-corbit .o3{stop-color:var(--o3)}
.b-corbit .orb{stroke:var(--orb-line);stroke-width:1.2;stroke-dasharray:2 6}
.b-corbit .sig{fill:#3ddc84;filter:drop-shadow(0 0 4px rgba(61,220,132,.9))}
.b-corbit .node{width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:15px;box-shadow:inset 0 1.3px 0 rgba(var(--ink-rgb),.1),inset 0 0 0 1.3px rgba(var(--ink-rgb),.1),0 27px 46px -19px rgba(0,0,0,.9)}
.b-corbit .node img{width:24px;height:24px;opacity:.8}
.b-corbit .node.on img{opacity:1}
.b-corbit .chip-c{left:62px;top:179px;z-index:2;box-shadow:inset 0 0 0 1px rgba(var(--ink-rgb),.1)}
@media (prefers-reduced-motion:reduce){.b-corbit .sig{display:none}}
.pane .b-corbit .corbs{-webkit-mask-image:linear-gradient(transparent 9px,#000 168px),linear-gradient(to top,transparent,#000 56px),linear-gradient(to right,transparent,#000 56px);-webkit-mask-composite:source-in;mask-image:linear-gradient(transparent 9px,#000 168px),linear-gradient(to top,transparent,#000 56px),linear-gradient(to right,transparent,#000 56px);mask-composite:intersect}
/* /CORBIT */
/* FV */
/* переключатель вариантов второго блока */
.feat[data-f]{display:none}
body[data-f="1"] .feat[data-f="1"],body[data-f="2"] .feat[data-f="2"],body[data-f="3"] .feat[data-f="3"]{display:block}
.vswitch .sep{width:1px;margin:6px 6px;background:var(--line-2)}
.after{margin-top:14px}
.after .t-demo{display:flex}

/* статус гипотезы: точка + подпись, цвета светофора */
.pill{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;color:var(--tx-2);white-space:nowrap;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pill i{width:7px;height:7px;border-radius:50%;flex:none}
.pill.ok i{background:var(--go)}.pill.no i{background:var(--stop)}.pill.wait i{background:var(--wait);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}

.hyp{width:560px;display:flex;flex-direction:column;gap:14px}
.hyp .q{align-self:flex-end;padding:11px 16px;border-radius:13px 13px 4px 13px;font-size:14px;color:var(--tx);background:rgba(61,220,132,.1);box-shadow:inset 0 0 0 1px rgba(61,220,132,.22)}
.hyp .card{padding:6px;border-radius:15px;background:var(--obj);box-shadow:var(--obj-sh)}
.hyp .cap{display:flex;justify-content:space-between;padding:10px 12px 10px;font-size:12.5px;color:var(--tx-2)}
.hyp .cap span{color:var(--tx-3)}
.hyp .r{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:10px;box-shadow:0 -1px 0 var(--line)}
.hyp .r.hl{background:rgba(61,220,132,.05);box-shadow:inset 0 0 0 1px rgba(61,220,132,.14)}
.hyp .r>i{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:15px;color:var(--tx-3);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.hyp .r.hl>i{color:var(--go)}
.hyp .r>div{flex:1;min-width:0;font-size:13.5px;line-height:1.35;color:var(--tx)}
.hyp .r small{display:block;margin-top:3px;font-size:12px;color:var(--tx-3)}
.hyp.sm{width:330px}
.hyp.sm .r{gap:10px;padding:10px}
.hyp.sm .r>div{font-size:13px}
.hyp.sm .r small{display:flex;align-items:center;gap:6px}
.d{width:6px;height:6px;border-radius:50%;flex:none}.d.ok{background:var(--go)}.d.no{background:var(--stop)}.d.wait{background:var(--wait);animation:pulse 1.6s ease-in-out infinite}

/* вариант 2: нумерованный список + окно */
.v2{display:grid;grid-template-columns:400px minmax(0,1fr);gap:56px;align-items:center}
.v2-list{margin:0;padding:0;list-style:none}
.v2-list li{border-top:1px solid var(--line)}
.v2-list li:last-child{border-bottom:1px solid var(--line)}
.v2-list button{display:flex;align-items:center;gap:18px;width:100%;padding:22px 0;border:0;background:none;font:inherit;font-size:18px;font-weight:500;letter-spacing:-.015em;color:var(--tx-3);text-align:left;cursor:pointer;transition:color .2s}
.v2-list button:hover{color:var(--tx-2)}
.v2-list .n{width:22px;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--tx-3)}
.v2-list p{display:none;margin:-8px 0 0;padding:0 0 24px 40px;font-size:14.5px;line-height:1.55;color:#8a8f98;max-width:40ch}
.v2-list li.on{border-top-color:rgba(61,220,132,.45)}
.v2-list li.on button{color:var(--tx)}
.v2-list li.on .n{color:var(--go)}
.v2-list li.on p{display:block}
.v2-stage{position:relative;height:520px;border-radius:18px;overflow:hidden;
  background:radial-gradient(120% 75% at 50% 0%,rgba(255,255,255,.05),rgba(255,255,255,0) 62%),var(--tile);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 0 1px rgba(255,255,255,.07)}
.v2-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.3px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent)}
.pane{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s,transform .35s,visibility .35s}
.pane.on{opacity:1;visibility:visible;transform:none}
.pane .zoom{transform:scale(1.3)}
.pane>.hyp{transform:scale(1.06)}
.pane .zoom.z2{transform:scale(1.45)}
.pane-bars .bars{position:relative;top:auto;right:auto;width:600px;height:auto;padding-bottom:22px}
.pane .rcard{position:relative;left:auto;bottom:auto}

/* вариант 3: три шага + строка возможностей */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tile.step{overflow:visible}
.step .vis{position:relative;height:300px;display:grid;place-items:center;overflow:hidden;border-radius:16px 16px 0 0;border-bottom:1px solid var(--line)}
.step .vis::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.3px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent)}
.step .vis>*{position:relative}
.st{padding:24px 28px 28px}
.num{display:inline-grid;place-items:center;width:26px;height:26px;margin-bottom:16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--go);background:rgba(61,220,132,.1);box-shadow:inset 0 0 0 1px rgba(61,220,132,.24)}
.arw{position:absolute;left:-25px;top:132px;z-index:3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:15px;color:var(--tx-2);background:#141518;box-shadow:inset 0 0 0 1px var(--line-2),0 0 0 6px var(--bg)}
.amini{width:330px;padding:16px 18px 18px;border-radius:15px;background:var(--obj);box-shadow:var(--obj-sh)}
.amini .hd{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--tx)}
.amini .hd i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:14px;color:var(--go);background:rgba(61,220,132,.12)}
.amini p{margin:12px 0 14px;font-size:13.5px;line-height:1.5;color:var(--tx-2)}
.amini p b{color:var(--tx);font-weight:600}
.amini .src{display:flex;flex-wrap:wrap;gap:6px}
.amini .src span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;font-size:12px;color:var(--tx-2);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.amini .src .ico{font-size:13px;color:var(--tx-3)}
.caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 0;padding:0;list-style:none;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.caps li{padding:30px 28px 30px}
.caps li+li{border-left:1px solid var(--line)}
.caps .ic{width:36px;height:36px;margin-bottom:20px;border-radius:10px;display:grid;place-items:center;font-size:18px;color:var(--tx-2);background:var(--obj);box-shadow:var(--obj-sh)}
.caps h3{font-size:16px;letter-spacing:-.015em}
.caps p{margin-top:7px;font-size:14px;line-height:1.5;color:#8a8f98;max-width:40ch}
.mini{margin-top:22px}
.mini.lights{display:flex;flex-wrap:wrap;gap:6px}
.mini.logos{display:flex;gap:6px}
.lg{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--obj);box-shadow:var(--obj-sh);font-size:16px;color:var(--tx-3)}
.lg img{width:17px;height:17px;object-fit:contain;filter:grayscale(1) brightness(1.3);opacity:.75}
.mini.spark{display:flex;align-items:flex-end;gap:8px;height:52px}
.mini.spark i{width:12px;border-radius:4px 4px 1px 1px;background:rgba(255,255,255,.1)}
.mini.spark i.on{background:linear-gradient(180deg,#5be69a,#2fc874)}
/* /FV */
/* LIGHT */
/* переключатель темы в шапке */
.theme{display:grid;place-items:center;width:34px;height:34px;margin-right:-6px;border:0;border-radius:9px;background:transparent;color:var(--tx-2);font-size:18px;cursor:pointer;transition:background .2s,color .2s}
.theme:hover{background:rgba(var(--ink-rgb),.07);color:var(--tx)}
.theme .i-moon{display:none}
[data-theme="light"] .theme .i-sun{display:none}
[data-theme="light"] .theme .i-moon{display:block}

/* Светлая тема на шкалах Radix Colors (slate / green / red / amber, light):
   1–2 фон, 3–5 подложки, 6–8 обводки, 9–10 заливка, 11–12 текст; обводки и тени — из прозрачных шкал slateA */
[data-theme="light"]{
  color-scheme:light;
  --bg:#f9f9fb;               /* slate-2 */
  --tile:#ffffff;
  --p1:#ffffff;--p2:#f9f9fb;--p3:#f0f0f3;          /* slate-2, slate-3 */
  --line:rgba(0,9,50,.12);    /* slateA5 */
  --line-2:rgba(0,6,46,.2);   /* slateA7 */
  --tx:#1c2024;               /* slate-12 */
  --tx-2:#60646c;--tx-p:#60646c;   /* slate-11 */
  --tx-3:#80838d;             /* slate-10 */
  --app-tx:#1c2024;
  --ink-rgb:0,8,48;           /* основа slateA */
  --tile-rgb:255,255,255;
  --go:#30a46c;               /* green-9 */
  --wait:#ffc53d;             /* amber-9 */
  --stop:#e5484d;             /* red-9 */
  --obj:linear-gradient(180deg,#ffffff,#fcfcfd);   /* slate-1 */
  --obj-sh:0 0 0 1px rgba(0,0,51,.06),0 2px 3px -2px rgba(0,0,51,.06),0 3px 12px -4px rgba(0,0,0,.1),0 4px 16px -8px rgba(0,0,0,.1);   /* Radix Themes shadow-3 */
}
[data-theme="light"] .hdr{background:rgba(249,249,251,.82)}
/* кнопки: зелёная заливка green-9 с белым текстом, ховер green-10; вторичная — мягкая серая slateA3 */
[data-theme="light"] .btn-go,[data-theme="light"] .slab .key{background:#30a46c;color:#fff;box-shadow:none}
[data-theme="light"] .btn-go:hover{background:#2b9a66}
[data-theme="light"] .btn-dark{background:rgba(0,0,51,.06);color:#1c2024}
[data-theme="light"] .btn-dark:hover{background:rgba(0,0,45,.09)}
[data-theme="light"] .hero h1 .dim{color:#8b8d98}  /* slate-9 */
[data-theme="light"] .app{box-shadow:0 0 0 1px rgba(0,9,50,.12),0 40px 80px -40px rgba(0,8,48,.25)}
[data-theme="light"] .side{background:#f9f9fb}
[data-theme="light"] .aside{background:#fcfcfd}
[data-theme="light"] .q{color:#193b2d;background:rgba(0,164,51,.1);box-shadow:inset 0 0 0 1px rgba(0,150,60,.32)}   /* green-12, greenA3/A6 */
[data-theme="light"] .tbl tr.hl td{color:#ce2c31;background:#feebec}   /* red-11, red-3 */
[data-theme="light"] .srcs b{color:var(--tx)}
[data-theme="light"] .tile,[data-theme="light"] .v2-stage{background:var(--tile);box-shadow:0 0 0 1px rgba(0,9,50,.12),0 1px 2px rgba(0,0,0,.04)}
[data-theme="light"] .cols>i.on span,[data-theme="light"] .plot .tip{background:#fff;box-shadow:var(--obj-sh)}
[data-theme="light"] .arw{background:#fff}
[data-theme="light"] .rcard{background:rgba(255,255,255,.86)}
[data-theme="light"] .vswitch{background:rgba(255,255,255,.92);box-shadow:0 0 0 1px rgba(0,9,50,.12),0 10px 30px -12px rgba(0,8,48,.3)}
[data-theme="light"] .vswitch a{color:var(--tx)}
[data-theme="light"] .vswitch a[aria-current]{background:#1c2024;color:#fff}
/* svg с белыми линиями из тёмной темы — в цвет текста; статусные дуги — шаги 9 */
[data-theme="light"] [stroke="#ffffff"],[data-theme="light"] [stroke="#fff"]{stroke:#1c2024}
[data-theme="light"] [stroke="#3ddc84"]{stroke:#30a46c}
[data-theme="light"] [stroke="#ff5a5f"]{stroke:#e5484d}
[data-theme="light"] .amb{opacity:.12}
/* логотипы систем: монохром, но различимые на белом */
[data-theme="light"] .node img,[data-theme="light"] .systems img,[data-theme="light"] .lg img,[data-theme="light"] .mchip img,[data-theme="light"] .ilist img{filter:grayscale(1) brightness(.8);opacity:1}
[data-theme="light"] .node.on img,[data-theme="light"] .ilist li:first-child img{filter:none}
/* 8 систем: орбиты — от белого к green-1…3, пунктир slateA7 */
[data-theme="light"] .b-corbit{--oc:#ffffff;--o1:#fbfefc;--o2:#f4fbf6;--o3:#e6f6eb;--orb-line:rgba(0,6,46,.2)}
[data-theme="light"] .b-corbit .node{box-shadow:var(--obj-sh)}
[data-theme="light"] .b-corbit .chip-c{box-shadow:var(--obj-sh)}
[data-theme="light"] .b-corbit .sig{fill:#30a46c;filter:drop-shadow(0 0 3px rgba(48,164,108,.6))}
/* фото: белая зона под текст и карточку */
[data-theme="light"] .t-pers .ill::after{background:linear-gradient(90deg,#fff 0%,#fff 34%,rgba(255,255,255,.7) 44%,rgba(255,255,255,0) 58%),linear-gradient(0deg,rgba(255,255,255,.5),rgba(255,255,255,0) 38%)}
[data-theme="light"] .mini.spark i{background:rgba(0,8,48,.16)}
[data-theme="light"] .mini.spark i.on,[data-theme="light"] .rcard .mini.spark i.on{background:rgba(0,8,48,.55)}
/* /LIGHT */