:root{
  color-scheme:dark;
  --bg:#06090b;
  --bg-2:#091014;
  --panel:rgba(13,20,24,.82);
  --panel-strong:#0d1519;
  --panel-soft:rgba(255,255,255,.035);
  --line:rgba(216,244,232,.12);
  --line-strong:rgba(185,255,102,.28);
  --text:#f4f8f5;
  --muted:#8d9ba2;
  --muted-2:#617078;
  --acid:#b9ff66;
  --acid-2:#e1ffbb;
  --cyan:#65e7ff;
  --gold:#f6cb6b;
  --danger:#ff8b8b;
  --shadow:0 24px 80px rgba(0,0,0,.36);
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 14% -5%,rgba(101,231,255,.11),transparent 30rem),
    radial-gradient(circle at 82% 9%,rgba(185,255,102,.085),transparent 34rem),
    linear-gradient(180deg,#06090b 0%,#070c0f 45%,#06090b 100%);
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.26;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 74%);
}
a{color:inherit}
::selection{background:rgba(185,255,102,.22);color:#fff}
.shell{max-width:1380px;margin:0 auto;padding:0 44px}
.site-header{
  position:sticky;
  top:0;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:86px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(6,9,11,.96),rgba(6,9,11,.74));
  backdrop-filter:blur(18px);
}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:18px;font-weight:730;letter-spacing:-.025em}
.brand small{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.18em}
.mark{
  position:relative;
  display:grid;
  place-items:center;
  width:42px;height:42px;
  border-radius:13px;
  background:linear-gradient(135deg,var(--acid),#76e69d);
  color:#07100a;
  box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 12px 36px rgba(185,255,102,.16);
  font-size:15px;font-weight:900;letter-spacing:-.04em;
}
.mark:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(185,255,102,.14);border-radius:17px}
.topnav{display:flex;align-items:center;gap:6px}
.topnav>a{
  text-decoration:none;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;
  padding:9px 11px;border-radius:10px;transition:.2s ease;
}
.topnav>a:hover{color:var(--text);background:rgba(255,255,255,.045)}
.live-chip{
  display:inline-flex;align-items:center;gap:7px;margin-left:8px;padding:8px 10px;border:1px solid var(--line);
  border-radius:999px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em;background:rgba(255,255,255,.025)
}
.live-chip i{width:6px;height:6px;border-radius:50%;background:#6b7478;box-shadow:0 0 0 4px rgba(255,255,255,.03)}
.live-chip:has(#header-live.ok){border-color:rgba(185,255,102,.25);color:var(--acid);background:rgba(185,255,102,.055)}
.live-chip:has(#header-live.ok) i{background:var(--acid);box-shadow:0 0 0 4px rgba(185,255,102,.08),0 0 18px rgba(185,255,102,.55)}
.intro{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(330px,.72fr);
  gap:52px;
  align-items:stretch;
  padding:80px 0 54px;
}
.intro:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(185,255,102,.2),rgba(101,231,255,.16),transparent)
}
.hero-copy{padding:18px 0 10px}
.hero-status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.eyebrow,.label{font-size:10px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}
.zero-spend-pill,.signal-badge{
  display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border-radius:999px;
  border:1px solid rgba(185,255,102,.18);background:rgba(185,255,102,.055);color:var(--acid);
  font-size:9px;font-weight:850;letter-spacing:.1em
}
h1{
  max-width:900px;margin:22px 0 22px;
  font-size:clamp(46px,6vw,84px);line-height:.98;letter-spacing:-.064em;font-weight:520;
}
h1 span{
  background:linear-gradient(90deg,var(--acid-2),var(--cyan) 72%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
h2{font-size:28px;line-height:1.2;letter-spacing:-.035em;font-weight:560;margin:10px 0 15px}
h3{font-size:18px;line-height:1.3;letter-spacing:-.018em;margin:17px 0 10px}
.lead{max-width:780px;margin:0;color:#b3bec3;font-size:17px;line-height:1.7}
.hero-kpis{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:32px 0 0;
}
.hero-kpis>div{
  min-height:104px;padding:15px 16px;border:1px solid var(--line);border-radius:15px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
  box-shadow:0 1px 0 rgba(255,255,255,.035) inset;
}
.hero-kpis span{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.hero-kpis strong{display:block;margin:7px 0 2px;font-size:25px;font-weight:610;letter-spacing:-.04em;color:var(--acid-2)}
.hero-kpis strong.hero-text-kpi{font-size:17px;line-height:1.25;overflow-wrap:anywhere;color:var(--cyan)}
.hero-kpis small{color:var(--muted-2);font-size:9px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-actions{margin-top:22px}
.cta,.secondary{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;
  border-radius:12px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.025em;transition:.18s ease
}
.cta{
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(135deg,var(--acid),#8df6a3);color:#07100a;
  box-shadow:0 12px 34px rgba(185,255,102,.14),0 1px 0 rgba(255,255,255,.45) inset
}
.cta:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 16px 40px rgba(185,255,102,.2)}
.secondary{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#dce6e1}
.secondary:hover{border-color:rgba(101,231,255,.3);background:rgba(101,231,255,.045);transform:translateY(-1px)}
.fine{font-size:10px;line-height:1.65;color:var(--muted);max-width:760px;margin:13px 0 0}
.fine a{color:#cbd7d2}
.signal{
  position:relative;overflow:hidden;padding:28px;border:1px solid rgba(185,255,102,.15);border-radius:var(--radius-xl);
  background:
    radial-gradient(circle at 70% 12%,rgba(185,255,102,.08),transparent 12rem),
    radial-gradient(circle at 15% 90%,rgba(101,231,255,.075),transparent 12rem),
    linear-gradient(165deg,rgba(15,24,28,.94),rgba(8,14,17,.92));
  box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.025) inset
}
.signal:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;
  background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:28px 28px
}
.signal>*{position:relative;z-index:1}
.signal-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.signal h2{font-size:27px;color:var(--acid-2);margin-top:19px;line-height:1.12}
.signal p{color:var(--muted);font-size:12px;line-height:1.65}
.orb{
  width:118px;height:118px;margin:22px 0 15px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(101,231,255,.2);
  background:radial-gradient(circle,rgba(101,231,255,.11) 0 23%,rgba(185,255,102,.04) 24% 42%,transparent 43%);
  box-shadow:0 0 60px rgba(101,231,255,.08),0 0 80px rgba(185,255,102,.04) inset
}
.orb:before,.orb:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.orb:before{width:82px;height:82px}.orb:after{width:52px;height:52px;border-color:rgba(185,255,102,.22)}
.orb span{width:12px;height:12px;border-radius:50%;background:var(--acid);box-shadow:0 0 22px rgba(185,255,102,.75)}
.stamp{
  padding-top:14px;margin-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;
  font-size:10px;line-height:1.45;color:var(--muted)
}
.stamp.compact{padding-top:9px;margin-top:9px}
.dot{height:7px;width:7px;flex:0 0 7px;border-radius:50%;background:#68747a}
.dot.ok{background:var(--acid);box-shadow:0 0 0 4px rgba(185,255,102,.06),0 0 15px rgba(185,255,102,.4)}
.alert{
  border:1px solid rgba(246,203,107,.28);background:rgba(246,203,107,.055);color:var(--gold);
  padding:13px 16px;font-size:11px;border-radius:13px;margin:0 0 22px
}
[hidden]{display:none!important}
.start-section{margin:34px 0 48px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.section-head h2{margin-bottom:8px;font-size:32px}
.section-copy{max-width:760px;color:var(--muted);font-size:13px;margin:0}
.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.start-card{
  position:relative;overflow:hidden;min-height:250px;padding:22px;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(165deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
  display:flex;flex-direction:column;align-items:flex-start;transition:.2s ease
}
.start-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(var(--cyan),transparent 70%);opacity:.35}
.start-card:hover{transform:translateY(-3px);border-color:rgba(101,231,255,.22);box-shadow:0 20px 50px rgba(0,0,0,.22)}
.start-card h3{font-size:19px;margin:18px 0 9px}
.start-card p{color:var(--muted);font-size:12px;line-height:1.6;flex:1;margin:0 0 18px}
.start-card>a:last-child{margin-top:11px;font-size:10px;color:var(--cyan);text-decoration:none}
.mcp-connect{
  margin-top:14px;padding:0 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)
}
.mcp-connect summary{font-weight:700}
.mcp-connect p{color:var(--muted);font-size:11px}
.mcp-connect pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border:1px solid var(--line);border-radius:11px;background:#05090b;font-size:10px;color:#ccebdc}
.metrics{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;
  border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--line);margin:26px 0 52px;
  box-shadow:var(--shadow)
}
.metrics article{min-height:154px;padding:21px;background:linear-gradient(180deg,#0d1519,#0a1114);position:relative}
.metrics article:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(185,255,102,.18),transparent)}
.metrics span{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:750}
.metrics strong{display:block;font-size:36px;font-weight:540;line-height:1.05;letter-spacing:-.05em;margin:15px 0 9px;color:var(--acid-2)}
.metrics strong.text-metric{font-size:16px;line-height:1.3;min-height:43px;display:flex;align-items:center;color:var(--cyan);letter-spacing:-.02em}
.metrics small{color:var(--muted-2);font-size:9px;line-height:1.5}
.premium-section{
  position:relative;margin-top:58px;padding:30px;border:1px solid rgba(185,255,102,.14);border-radius:26px;
  background:
    radial-gradient(circle at 100% 0,rgba(101,231,255,.055),transparent 24rem),
    linear-gradient(180deg,rgba(14,22,26,.92),rgba(8,13,16,.94));
  box-shadow:var(--shadow)
}
.premium-section:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.premium-live{
  display:inline-flex;align-items:center;min-height:32px;padding:7px 10px;border:1px solid rgba(185,255,102,.18);
  border-radius:999px;color:var(--acid);background:rgba(185,255,102,.045);font-size:9px;font-weight:750;letter-spacing:.06em;white-space:nowrap
}
.premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.premium-card{
  position:relative;overflow:hidden;min-height:302px;padding:20px;border:1px solid var(--line);border-radius:16px;
  background:linear-gradient(165deg,rgba(255,255,255,.035),rgba(255,255,255,.012));display:flex;flex-direction:column;transition:.18s ease
}
.premium-card:hover{border-color:rgba(185,255,102,.2);transform:translateY(-2px);background:linear-gradient(165deg,rgba(185,255,102,.04),rgba(255,255,255,.012))}
.premium-card.featured{border-color:rgba(185,255,102,.22);background:linear-gradient(165deg,rgba(185,255,102,.05),rgba(255,255,255,.018))}
.premium-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--acid),var(--cyan));opacity:.55}
.premium-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.premium-top strong{font-size:22px;font-weight:580;color:var(--gold);line-height:1;letter-spacing:-.04em}
.premium-badge{font-size:8px;letter-spacing:.12em;color:var(--acid);font-weight:850}
.premium-card h3{font-size:19px;margin:19px 0 9px}
.premium-card p{font-size:11px;line-height:1.62;color:var(--muted);margin:0 0 18px;flex:1}
.premium-card code{display:block;padding:9px 10px;border:1px solid var(--line);border-radius:9px;font-size:9px;overflow-wrap:anywhere;background:#060a0c;color:#b9c9c0}
.premium-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}
.premium-meta span,.premium-meta a{font-size:8px;color:var(--muted);border:1px solid var(--line);padding:5px 7px;border-radius:999px;text-decoration:none}
.premium-meta a{color:var(--cyan)}
.premium-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.ops-section{margin-top:54px;padding:28px;border:1px solid var(--line);border-radius:24px;background:rgba(10,16,19,.72)}
.ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ops-grid article{
  min-height:112px;border:1px solid var(--line);border-radius:14px;padding:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))
}
.ops-grid strong{display:block;margin:12px 0 5px;font-size:17px;color:var(--acid-2);font-weight:560;letter-spacing:-.03em}
.ops-grid small{color:var(--muted);font-size:9px;line-height:1.5}
.source-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}
.source-grid article{
  min-height:70px;border:1px solid var(--line);padding:11px 12px;border-radius:12px;
  display:flex;flex-direction:column;justify-content:space-between;gap:7px;background:rgba(255,255,255,.015)
}
.source-grid span{font-size:8px;line-height:1.3;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.source-grid b{color:var(--cyan);font-size:13px;font-weight:630;overflow-wrap:anywhere}
 .feed-panel{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.feed-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}
.feed-heading>span:last-child{font-size:10px;color:var(--muted)}
.feed-list{display:grid;gap:0}
.feed-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;padding:12px 0;border-top:1px solid var(--line)}
.feed-row strong{font-size:12px;font-weight:560;color:var(--text)}
.feed-availability{font-size:11px;color:var(--cyan);text-align:right}
.feed-row small{grid-column:1/-1;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:600px){.feed-heading{align-items:flex-start;flex-direction:column;gap:8px}.feed-row{grid-template-columns:1fr}.feed-availability{text-align:left}}
button{
  min-height:42px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02);color:var(--text);
  padding:9px 13px;cursor:pointer;white-space:nowrap;font:inherit;font-size:10px;font-weight:750
}
button:hover{background:rgba(101,231,255,.04);border-color:rgba(101,231,255,.22)}
button:disabled{cursor:wait;opacity:.55}
button span{margin-left:10px;font-size:15px}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.work-section{margin-top:50px;padding-top:4px}
.workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.workflow article{
  min-height:235px;border:1px solid var(--line);border-radius:16px;padding:20px;
  display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.008))
}
.number{color:var(--acid);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.1em}
.workflow p{font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 18px;flex:1}
.tag{font-size:8px;color:var(--acid);letter-spacing:.03em;text-transform:uppercase}
.amber{color:var(--gold)}
.bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin:50px 0}
.panel{border:1px solid var(--line);padding:24px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}
.panel p{font-size:11px;line-height:1.65;color:var(--muted)}
.fact{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-top:1px solid var(--line);padding:11px 0;font-size:10px}
.fact span{color:var(--muted)}
.fact b{max-width:58%;text-align:right;color:var(--acid-2);font-weight:650;overflow-wrap:anywhere}
details{border-top:1px solid var(--line)}
summary{cursor:pointer;font-size:11px;min-height:42px;padding:12px 0;font-weight:700}
details p{margin:0 0 14px}
.savings-lab{
  margin:30px 0 4px;border:1px solid rgba(101,231,255,.22);border-radius:23px;padding:26px;
  background:linear-gradient(135deg,rgba(101,231,255,.055),rgba(185,255,102,.025) 55%,rgba(14,22,26,.92));
  display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;box-shadow:0 20px 70px rgba(0,0,0,.22)
}
.savings-copy h2{font-size:30px;margin-top:10px}
.savings-copy p{color:var(--muted);font-size:12px;max-width:560px}
.trust-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}
.trust-row span{font-size:8px;color:var(--cyan);border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:rgba(101,231,255,.025)}
.savings-form{border:1px solid var(--line);border-radius:16px;padding:18px;background:rgba(5,10,12,.55);display:grid;gap:10px}
.savings-form label{font-size:9px;color:var(--muted);display:grid;gap:6px;text-transform:uppercase;letter-spacing:.05em}
.savings-form textarea,.savings-form input{
  width:100%;border:1px solid var(--line);border-radius:10px;background:#060a0c;color:var(--text);
  font:inherit;font-size:11px;padding:10px 11px;outline:none
}
.savings-form textarea:focus,.savings-form input:focus{border-color:rgba(101,231,255,.35);box-shadow:0 0 0 3px rgba(101,231,255,.055)}
.savings-inputs{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.savings-form .cta{border:0;margin-top:2px}
.savings-result{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}
.savings-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}
.savings-numbers>div{border:1px solid var(--line);border-radius:13px;padding:13px;background:rgba(255,255,255,.018)}
.savings-numbers span{display:block;color:var(--muted);font-size:9px}
.savings-numbers strong{display:block;font-size:24px;color:var(--acid-2);margin-top:4px;font-weight:560}
.savings-result>p{color:var(--muted);font-size:11px}
.savings-result details{margin-top:14px}.savings-result code{overflow-wrap:anywhere;color:var(--cyan)}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:23px 0 32px;font-size:9px;letter-spacing:.03em;color:var(--muted)}
.muted{margin:0 8px}

@media(max-width:1120px){
  .topnav>a:nth-child(-n+2){display:none}
  .hero-kpis{grid-template-columns:repeat(2,1fr)}
  .metrics{grid-template-columns:repeat(2,1fr)}
  .premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ops-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .source-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .shell{padding:0 24px}
  .intro{grid-template-columns:1fr;gap:22px;padding-top:56px}
  .command-card{max-width:100%}
  .start-grid{grid-template-columns:1fr 1fr}
  .premium-section,.ops-section{padding:22px}
  .bottom-grid{grid-template-columns:1fr}
  .workflow{grid-template-columns:1fr 1fr}
  .savings-lab{grid-template-columns:1fr}
  .site-header{min-height:76px}
  .topnav>a{display:none}
}
@media(max-width:620px){
  .shell{padding:0 16px}
  .site-header{min-height:68px;padding:10px 0}
  .brand{font-size:15px}.brand small{font-size:7px}.mark{width:36px;height:36px;border-radius:11px}
  .live-chip{margin-left:0;padding:7px 8px}
  .intro{padding:42px 0 38px}
  h1{font-size:46px;letter-spacing:-.058em}
  .lead{font-size:14px}
  .hero-kpis{grid-template-columns:1fr 1fr;gap:7px}
  .hero-kpis>div{min-height:91px;padding:13px}
  .hero-kpis strong{font-size:22px}.hero-kpis strong.hero-text-kpi{font-size:14px}
  .actions .cta,.actions .secondary{width:100%}
  .signal{padding:21px;border-radius:20px}.orb{width:94px;height:94px}
  .section-head{display:block}.section-head h2{font-size:26px}
  .start-grid,.premium-grid,.workflow{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr 1fr;border-radius:17px}
  .metrics article{min-height:135px;padding:16px}
  .metrics strong{font-size:30px}.metrics strong.text-metric{font-size:13px}
  .premium-section,.ops-section{margin-top:38px;padding:15px;border-radius:19px}
  .premium-card{min-height:0;padding:17px}.premium-top strong{font-size:20px}
  .ops-grid{grid-template-columns:1fr 1fr}
  .source-grid{grid-template-columns:1fr 1fr}
  .bottom-grid{margin-top:38px}
  .savings-lab{padding:17px;margin-top:18px}.savings-inputs,.savings-numbers{grid-template-columns:1fr}
  footer{flex-direction:column;gap:7px}
}
@media(max-width:420px){
  .hero-kpis,.metrics,.ops-grid,.source-grid{grid-template-columns:1fr}
  h1{font-size:40px}
}


/* === Bounty Engineer Control Room refresh · 2026-10-01 === */
:root{
  --surface-0:#05080a;
  --surface-1:#091015;
  --surface-2:#0d161c;
  --surface-3:#111d24;
  --glass:rgba(10,17,22,.78);
  --hairline:rgba(208,236,225,.105);
  --hairline-bright:rgba(185,255,102,.22);
  --glow:0 22px 70px rgba(0,0,0,.34);
}
body{
  background:
    radial-gradient(circle at 12% 0%,rgba(101,231,255,.10),transparent 34rem),
    radial-gradient(circle at 88% 7%,rgba(185,255,102,.075),transparent 38rem),
    linear-gradient(180deg,#05080a 0%,#071015 42%,#05080a 100%);
}
.shell{max-width:1540px;padding:0 34px 42px}
.site-header{min-height:72px;padding:12px 0}
.brand{font-size:17px}.brand small{font-size:7.5px}
.mark{width:39px;height:39px;border-radius:12px}
.topnav>a{padding:8px 10px;font-size:10px}
.live-chip{padding:7px 10px}

.live-status-bar{
  position:sticky;
  top:72px;
  z-index:24;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:44px;
  margin:0 -10px;
  padding:8px 12px;
  border:1px solid rgba(185,255,102,.13);
  border-top:0;
  border-radius:0 0 14px 14px;
  background:linear-gradient(180deg,rgba(8,14,18,.94),rgba(8,14,18,.82));
  backdrop-filter:blur(18px);
  box-shadow:0 14px 35px rgba(0,0,0,.16);
}
.live-status-primary,.live-status-meta{display:flex;align-items:center;gap:10px;min-width:0}
.live-status-primary strong{
  color:var(--acid);font-size:10px;letter-spacing:.13em;font-weight:900
}
.live-status-primary>span:last-child{
  color:#9ba9b0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.live-status-meta{gap:16px;color:#6f7f87;font-size:9px;letter-spacing:.035em}
.live-status-meta b{color:#a8b7bd;font-weight:760}
.live-pulse{
  width:7px;height:7px;border-radius:50%;background:var(--acid);
  box-shadow:0 0 0 5px rgba(185,255,102,.07),0 0 18px rgba(185,255,102,.55);
  animation:bePulse 2.2s ease-in-out infinite
}
@keyframes bePulse{0%,100%{opacity:.72;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}

.intro{
  grid-template-columns:minmax(0,1.62fr) minmax(310px,.58fr);
  gap:30px;
  padding:50px 0 42px;
}
.hero-copy{padding:8px 0 4px}
h1{max-width:980px;margin:18px 0 18px;font-size:clamp(44px,5.15vw,72px);line-height:.98}
.lead{font-size:15px;line-height:1.68;max-width:840px}
.hero-kpis{gap:8px;margin-top:24px}
.hero-kpis>div{min-height:92px;padding:13px 14px;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.031),rgba(255,255,255,.014))}
.hero-kpis strong{font-size:23px}
.hero-actions{margin-top:18px}
.command-card{
  align-self:start;
  position:sticky;
  top:132px;
  min-height:0!important;
  padding:22px!important;
  border-color:rgba(185,255,102,.17)!important;
  background:
    radial-gradient(circle at 50% 14%,rgba(185,255,102,.08),transparent 15rem),
    linear-gradient(180deg,rgba(14,24,29,.94),rgba(8,14,18,.94))!important;
  box-shadow:var(--glow);
}
.command-card .orb{transform:scale(.82);margin:8px auto 0}
.command-card h2{font-size:22px;margin-top:4px}
.command-card p{font-size:12px;line-height:1.55}

section{scroll-margin-top:132px}
.start-section,.premium-section,.ops-section,.work-section{padding-top:58px!important;padding-bottom:58px!important}
.section-head{margin-bottom:22px}
.section-head h2{font-size:clamp(25px,2.1vw,34px);margin-bottom:10px}
.section-copy{max-width:900px;font-size:13px;line-height:1.65}

.start-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.start-card{
  min-height:220px;padding:20px;border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.013));
  transition:transform .18s ease,border-color .18s ease,background .18s ease
}
.start-card:hover{transform:translateY(-2px);border-color:rgba(185,255,102,.19);background:linear-gradient(180deg,rgba(185,255,102,.038),rgba(255,255,255,.015))}
.start-card p{font-size:12px;line-height:1.58}
.start-card>a{font-size:10px}

.metrics{
  gap:8px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:12px 0 0;
}
.metrics article{
  min-height:92px;padding:14px;border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012))
}
.metrics strong{font-size:22px}
.metrics small{font-size:9px;line-height:1.35}

.premium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.premium-card{
  min-height:215px;padding:18px;border-radius:15px;
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012))
}
.premium-card.featured{border-color:rgba(101,231,255,.19);background:linear-gradient(180deg,rgba(101,231,255,.036),rgba(255,255,255,.012))}
.premium-card h3{font-size:16px;margin:13px 0 8px}
.premium-card p{font-size:11px;line-height:1.58}
.premium-card code{font-size:9px}
.premium-meta{font-size:9px}

#revenue-ecosystem>.metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
#revenue-ecosystem .ops-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
#revenue-ecosystem .ops-grid article{
  min-height:126px;
  padding:15px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.011));
}
#revenue-ecosystem .ops-grid strong{font-size:13px;line-height:1.35;margin:10px 0 6px}
#revenue-ecosystem .ops-grid small{font-size:9.5px;line-height:1.48;color:#77878e}

#operations .ops-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
#operations .ops-grid article{
  position:relative;min-height:116px;padding:17px 18px;border-radius:15px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.013))
}
#operations .ops-grid article:before{
  content:"";position:absolute;inset:0 auto 0 0;width:2px;
  background:linear-gradient(var(--acid),rgba(101,231,255,.28));
  opacity:.55
}
#operations .ops-grid strong{font-size:18px;margin-top:9px}
#operations .ops-grid small{font-size:10px;line-height:1.45}

.source-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
}
.source-grid article{
  min-height:74px;padding:11px 12px;border-radius:12px;
  background:rgba(255,255,255,.018)
}
.source-grid span{font-size:8.5px;line-height:1.28}
.source-grid b{font-size:11px;line-height:1.35;margin-top:6px;overflow-wrap:anywhere}
.feed-panel{border-radius:15px;padding:16px;margin-top:10px;background:linear-gradient(180deg,rgba(101,231,255,.025),rgba(255,255,255,.012))}

.workflow{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.workflow article{padding:20px;border-radius:15px;min-height:220px}
.bottom-grid{gap:10px}
.panel{border-radius:18px;padding:22px}

button#refresh{
  min-height:38px;padding:8px 12px;border-radius:11px;
  border:1px solid var(--hairline-bright);
  background:rgba(185,255,102,.045);color:var(--acid);
  font-weight:800;cursor:pointer
}
button#refresh:disabled{opacity:.55;cursor:progress}

.alert{border-radius:13px;margin:12px 0 0;padding:11px 14px;font-size:11px}
footer{padding-top:26px;padding-bottom:8px}

@media (max-width:1180px){
  .intro{grid-template-columns:1fr;gap:14px}
  .command-card{position:relative;top:auto;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center}
  .command-card .signal-top,.command-card .stamp{grid-column:1/-1}
  .command-card .orb{grid-row:2/4;margin:0}
  #revenue-ecosystem>.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  #revenue-ecosystem .ops-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .source-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:900px){
  .shell{padding:0 18px 30px}
  .site-header{min-height:64px}
  .topnav{max-width:58vw;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  .topnav::-webkit-scrollbar{display:none}
  .topnav>a{white-space:nowrap}
  .live-status-bar{top:64px;margin:0 -4px}
  .live-status-meta{display:none}
  h1{font-size:clamp(40px,10vw,58px)}
  .hero-kpis,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .start-grid,.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #revenue-ecosystem .ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #operations .ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .workflow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .shell{padding:0 13px 24px}
  .brand small{display:none}.brand{font-size:15px}.mark{width:36px;height:36px}
  .topnav{max-width:52vw}.topnav>a{font-size:9px;padding:7px 8px}.live-chip{display:none}
  .live-status-bar{min-height:40px;border-radius:0 0 12px 12px}
  .live-status-primary{width:100%}.live-status-primary>span:last-child{font-size:9px}
  .intro{padding-top:34px}
  h1{font-size:40px;letter-spacing:-.055em}
  .lead{font-size:14px}
  .hero-kpis,.metrics,#revenue-ecosystem>.metrics,.start-grid,.premium-grid,#revenue-ecosystem .ops-grid,#operations .ops-grid,.source-grid,.workflow{grid-template-columns:1fr}
  .hero-kpis>div,.metrics article{min-height:82px}
  .start-card,.premium-card{min-height:0}
  .command-card{display:block;padding:18px!important}
  .command-card .orb{margin:6px auto 0}
  .section-head{align-items:flex-start!important;gap:12px!important}
  .section-head button{width:100%}
  .actions .cta,.actions .secondary{width:100%}
}