:root{
  --bg:#071720;--bg2:#0c2430;--paper:#f3f6f7;--ink:#071720;--white:#f7fbff;
  --muted:#9db3bc;--line:rgba(255,255,255,.12);--line2:#d7e1e5;
  --red:#e31b23;--cyan:#39c6ca;--green:#2ab77b;--amber:#f4ab37;--violet:#9b92ff;
  --max:1160px;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --radius:18px;--shadow:0 18px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;min-width:320px;color:var(--white);background:var(--bg);
  font:16px/1.55 Inter,Segoe UI,Arial,sans-serif;
  text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;
}
body.light{color:var(--ink);background:var(--paper)}
a{color:inherit}
code{font-family:var(--mono);font-size:.92em}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.skip{position:fixed;left:14px;top:-80px;z-index:50;padding:10px 14px;background:var(--red);color:#fff;border-radius:12px;text-decoration:none}
.skip:focus{top:14px}
.orbit,.noise{pointer-events:none;position:fixed;inset:0;z-index:-1}
.orbit{background:
  radial-gradient(circle at 82% 8%,rgba(57,198,202,.16),transparent 28%),
  radial-gradient(circle at 12% 40%,rgba(227,27,35,.12),transparent 26%),
  radial-gradient(circle at 70% 80%,rgba(155,146,255,.08),transparent 30%)}
.noise{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;letter-spacing:-.03em}
.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--red);color:#fff}
.nav{display:flex;flex-wrap:wrap;gap:8px}
.nav a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#c9d8de;text-decoration:none;font-size:13px}
.nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.top-actions{display:flex;gap:8px;flex-wrap:wrap}
.chip-btn{min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:inherit;font:inherit;font-weight:700;cursor:pointer}
.chip-btn:hover,.chip-btn.active{background:rgba(57,198,202,.16);border-color:rgba(57,198,202,.45)}
.hero{padding:54px 0 70px;max-width:980px}
.eyebrow{margin:0 0 16px;color:#ff7a7f;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
h1{margin:0 0 18px;font-size:clamp(40px,7vw,78px);line-height:.95;letter-spacing:-.07em}
h1 em{color:var(--cyan);font-style:normal}
.lead{margin:0 0 24px;max-width:820px;color:#bdd0d7;font-size:clamp(18px,2vw,23px)}
.lead strong{color:#fff}
body.light .lead{color:#45606b}
body.light .lead strong{color:var(--ink)}
.hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.hero-facts li{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);font-size:13px;color:#d7e6eb}
.hero-facts b{color:#fff}
.acts{display:flex;flex-wrap:wrap;gap:10px}
.btn{min-height:50px;display:inline-flex;align-items:center;padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:800;border:1px solid transparent}
.btn-p{background:var(--red);color:#fff;box-shadow:0 16px 40px rgba(227,27,35,.25)}
.btn-g{background:rgba(255,255,255,.05);border-color:var(--line);color:#dce7eb}
.section{padding:72px 0;border-top:1px solid rgba(255,255,255,.08)}
.section.dark{background:linear-gradient(180deg,#0b1f29,#071720)}
body.light .section.dark{background:linear-gradient(180deg,#eef4f6,#e6eef1);color:var(--ink)}
.kicker{display:inline-block;margin:0 0 12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#cfe6ea;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
h2{margin:0 0 12px;font-size:clamp(30px,4.2vw,52px);letter-spacing:-.05em;line-height:1.05}
.sub{max-width:760px;margin:0 0 28px;color:var(--muted);font-size:17px}
.live{padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04);box-shadow:var(--shadow)}
.live-top{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-bottom:6px}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(42,183,123,.55);animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(42,183,123,.5)}70%{box-shadow:0 0 0 12px transparent}100%{box-shadow:0 0 0 0 transparent}}
.live-label{font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#cfe6ea}
.live-upd{color:var(--muted);font-size:13px}
.live-num{font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-.06em}
.live-unit,.live-meta{color:var(--muted)}
.live-meta{margin:14px 0 0;font-size:13px}
.spark{display:flex;align-items:flex-end;gap:2px;height:46px;margin-top:16px}
.spark i{flex:1;min-width:2px;border-radius:2px;background:rgba(255,255,255,.12)}
.spark i.l1{background:#8ed0b0}.spark i.l2{background:#4db98b}.spark i.l3{background:#2ab77b}.spark i.l4{background:#12885a}
.live-commits{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.live-commits li{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.18);font-size:13px}
.lc-repo{color:var(--cyan);font-family:var(--mono);font-weight:700;text-decoration:none}
.lc-msg{flex:1 1 220px}.lc-when{color:#8ea3ab;font-family:var(--mono)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.stat{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}
.stat b{display:block;font-size:28px;letter-spacing:-.04em}
.stat i{display:block;margin-top:6px;color:var(--muted);font-style:normal;font-size:12px}
.lab-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.panel{grid-column:span 6;padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04)}
.panel.wide{grid-column:span 12}
.panel-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.panel-head h3{margin:0;font-size:22px;letter-spacing:-.03em}
.soft{color:var(--muted);font-size:12px}
.session-board{display:grid;gap:8px;min-height:180px}
.session{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.18)}
.session b{font-family:var(--mono);font-size:12px}
.session .prio{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}
.prio.p0{background:#5b1014;color:#ffd0d2}
.prio.p1{background:#5a3d0c;color:#ffe4a8}
.prio.p2{background:#0f3d34;color:#b7f0d8}
.prio.p3{background:#243036;color:#c9d6dc}
.lab-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hint{margin:12px 0 0;color:var(--muted);font-size:13px}
.quota{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}
.creature{width:96px;height:96px;border-radius:50%;margin:auto;position:relative;background:radial-gradient(circle at 35% 30%,#7ef0c8,#1f8f6a 60%,#0d4a3a);box-shadow:0 0 0 0 rgba(42,183,123,.35);animation:breathe 2.6s ease-in-out infinite}
.creature.warn{background:radial-gradient(circle at 35% 30%,#ffd27a,#b5791d 60%,#6a4308);animation-duration:1.6s}
.creature.danger{background:radial-gradient(circle at 35% 30%,#ff9ea3,#c52d36 60%,#5b1014);animation-duration:1s}
@keyframes breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(42,183,123,.3)}50%{transform:scale(1.06);box-shadow:0 0 0 14px transparent}}
.eye{position:absolute;top:34px;width:12px;height:12px;border-radius:50%;background:#062019}
.eye.l{left:28px}.eye.r{right:28px}
.mouth{position:absolute;left:50%;bottom:28px;width:28px;height:10px;border-bottom:3px solid #062019;border-radius:0 0 14px 14px;transform:translateX(-50%)}
.meters{display:grid;gap:10px}
.meter{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center}
.meter span{font-family:var(--mono);font-size:12px;color:var(--muted)}
.meter i{position:relative;display:block;height:14px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.meter i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:inherit}
.meter b{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;font-family:var(--mono)}
.gate-sim{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.toggle{display:inline-flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.16)}
.gate-msg{flex:1 1 100%;margin:0;color:var(--muted)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.cards{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.card{grid-column:span 4;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04)}
.card h3{margin:10px 0 8px;font-size:22px;letter-spacing:-.03em}
.card p{margin:0 0 10px;color:var(--muted)}
.card .links a{color:var(--cyan);font-weight:700;text-decoration:none}
.card .links a:hover{text-decoration:underline}
.tag{display:inline-block;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.tag.prod{background:#d7f2e4;color:#0d5c3c}
.tag.agent{background:#e8e4ff;color:#4d3aa8}
.tag.beta{background:#ffeecb;color:#7a4c05}
.tag.research{background:#d9f4f5;color:#0d5c64}
.stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.stack span{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.07);font:12px var(--mono)}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mini{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04)}
.mini b{display:block;margin-bottom:10px;color:var(--cyan);font:700 24px var(--mono)}
.mini h3{margin:0 0 8px;font-size:18px}
.mini p{margin:0;color:var(--muted);font-size:14px}
.timeline{margin:0;padding:0;list-style:none}
.timeline li{position:relative;padding:0 0 24px 22px;border-left:2px solid rgba(255,255,255,.12)}
.timeline li:before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--red)}
.timeline .when{display:block;margin-bottom:6px;color:var(--muted);font:12px var(--mono)}
.timeline h3{margin:0 0 6px;font-size:20px}
.timeline p{margin:0;color:var(--muted)}
.contact .footnote{margin-top:18px;color:var(--muted);font-size:13px}
.foot{padding:28px 0 40px;color:#7f97a1;font-size:12px}
@media(max-width:980px){
  .stats,.method-grid{grid-template-columns:repeat(2,1fr)}
  .panel,.card{grid-column:span 12}
  .quota{grid-template-columns:1fr}
}
@media(max-width:640px){
  .wrap{width:min(calc(100% - 28px),var(--max))}
  .topbar{align-items:flex-start;flex-direction:column}
  .stats,.method-grid{grid-template-columns:1fr}
  .hero{padding-top:28px}
  .session{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .live-dot,.creature{animation:none}
}
@media print{
  .orbit,.noise,.top-actions,.lab-controls,.filters,.skip{display:none!important}
  body{background:#fff;color:#000}
  .section,.panel,.card,.live,.mini{background:#fff!important;color:#000;box-shadow:none;border-color:#ccc}
  a{color:#000;text-decoration:underline}
}