:root{color-scheme:dark;--bg:#07111f;--surface:#0b1729;--card:#0d192b;--raised:#101633;--line:#20314a;--line-soft:#17263b;--text:#f7faff;--muted:#a8b6ca;--subtle:#70839d;--blue:#087dff;--bright:#009dff;--cyan:#00d9ff;--deep:#005bea;--green:#25d695;--amber:#ffb84d;--danger:#ff5265;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait}.shell{width:min(1220px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-60px;left:16px;z-index:10;background:var(--cyan);color:#04111e;padding:9px 13px;border-radius:6px}.skip:focus{top:12px}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line-soft)}.brand{display:flex;align-items:center;height:72px;flex-shrink:0}.brand img{width:104px;height:68px;object-fit:contain}.header nav{display:flex;gap:28px;font-size:12px;color:var(--muted);font-weight:600}.header nav a:hover,footer a:hover,.text-link:hover{color:var(--cyan)}.header-action{display:inline-flex;align-items:center;gap:12px;padding:10px 15px;border:1px solid #29405e;border-radius:8px;color:var(--text);font-size:11px;font-weight:600;background:var(--raised)}.header-action span{color:var(--cyan)}.header-action:hover,.secondary:hover{border-color:var(--bright);background:#11223b}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#009dff;margin:0 0 16px}.hero{min-height:545px;display:grid;grid-template-columns:1fr 1fr;position:relative;align-items:center;padding:66px 0 67px;gap:12px}.hero-copy{position:relative;z-index:2;max-width:590px}.hero .eyebrow{display:flex;align-items:center;gap:8px}.hero .eyebrow>span{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px #00d9ff65}h1{font-size:clamp(48px,5vw,70px);line-height:1.07;letter-spacing:-3.4px;margin:0 0 23px;font-weight:750}h1>span{color:#a9bed6;font-weight:620}.hero-lead{max-width:455px;font-size:15px;line-height:1.85;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin:27px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;border-radius:9px;padding:12px 16px;font-size:11px;font-weight:650;line-height:1.5;white-space:nowrap;transition:background .16s,border-color .16s,color .16s}.primary{background:linear-gradient(135deg,#005bea 0%,#008cff 50%,var(--bright) 100%);color:#fff;box-shadow:0 6px 20px #005bea25}.primary:hover{filter:brightness(1.1)}.secondary{border-color:#29405e;background:var(--raised);color:var(--text)}.hero-foot{display:flex;gap:11px;align-items:center;font-size:9px;color:var(--subtle)}.status-pill{color:var(--amber);background:#30271a;border:1px solid #5a4627;border-radius:5px;padding:3px 7px;font-size:7px;letter-spacing:.75px;white-space:nowrap}.hero-art{grid-column:2;grid-row:1;position:absolute;right:0;top:6px;width:57%;height:365px;display:flex;align-items:center;justify-content:center;pointer-events:none}.hero-art img{width:min(100%,580px);height:auto;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 38px #006cff25)}.art-glow{position:absolute;width:300px;height:240px;border-radius:50%;background:#007dff18;filter:blur(60px)}.system-card{grid-column:2;grid-row:1;z-index:2;align-self:end;margin:230px 0 0 auto;width:min(100%,440px);background:linear-gradient(145deg,var(--raised)ed,#0b1729f5);border:1px solid #203c5b;border-radius:13px;box-shadow:0 22px 70px #0005;overflow:hidden;backdrop-filter:blur(10px)}.system-bar{height:38px;display:flex;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid var(--line);font-size:7px;letter-spacing:1.1px;color:#91a7c1;background:#091526}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#45617d;border-radius:50%}.system-version{margin-left:auto;color:#56708d}.system-body{padding:19px 21px}.system-heading{display:flex;align-items:center;gap:11px}.orb{width:38px;height:38px;display:grid;place-items:center;color:#fff;border:1px solid #087dff70;border-radius:11px;background:linear-gradient(145deg,#005bea,#009dff);font-size:21px;font-weight:650;box-shadow:0 0 20px #008cff25}.system-heading p{font-size:11px;margin:0;font-weight:650}.system-heading div>span{font-size:8px;color:var(--subtle)}.outline-pill{margin-left:auto;padding:3px 6px;border:1px solid #365174;color:#a7c4e6;border-radius:4px;font-size:7px;letter-spacing:1px}.system-flow{margin:16px 0 18px;border-top:1px solid var(--line-soft)}.system-flow>div{display:flex;align-items:center;font-size:9px;padding-top:10px;gap:8px}.flow-symbol{display:inline-grid;place-items:center;color:#fff;border:1px solid #168bf7;background:#0d3970;border-radius:50%;height:15px;width:15px;font-size:10px}.flow-symbol.pending{background:#242c3b;border-color:#495872;color:var(--amber)}.system-flow b{margin-left:auto;color:var(--muted);font-size:8px;font-weight:500}.inventory-head{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#91a7c1;margin-bottom:9px}.inventory-head span+span{color:var(--cyan);letter-spacing:0}.hook-grid{display:grid;grid-template-columns:repeat(17,1fr);gap:4px;min-height:66px}.hook-grid i{height:6px;background:#253951;border:1px solid #2c4563;border-radius:2px}.hook-grid i.verified{background:#0689cf;border-color:#30bfff;box-shadow:0 0 5px #00aaff22}.system-bottom{display:flex;align-items:center;gap:7px;font-size:8px;color:var(--muted);border-top:1px solid var(--line-soft);padding-top:12px;margin-top:14px}.tiny-dot{height:5px;width:5px;border-radius:50%;background:var(--cyan);display:inline-block}.status-section{border:1px solid var(--line);border-radius:13px;padding:28px 31px;background:linear-gradient(135deg,#0d192b,#0b1729 68%);box-shadow:0 15px 50px #0002}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font-size:24px}.refresh{padding:10px 13px;font-size:10px;font-weight:600;gap:8px}.refresh span{color:var(--cyan);font-size:18px;line-height:1}.refresh:disabled{opacity:.65}.connection{font-size:10px;color:var(--muted);margin:14px 0 0}.connection.good{color:var(--green)}.connection.bad{color:var(--amber)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 22px}.metrics article{padding:0 19px;border-left:1px solid var(--line)}.metrics article:first-child{padding-left:0;border:0}.metrics article:last-child{padding-right:0}.metrics article>p{font-size:10px;color:#c7d6e8;margin:0 0 3px}.metrics strong{font-size:39px;line-height:1.3;font-weight:650;letter-spacing:-1.5px}.metrics article:first-child strong{color:var(--cyan)}.metrics article:nth-child(3) strong{color:var(--amber)}.metrics article>span{display:block;font-size:8px;color:var(--subtle);max-width:180px;line-height:1.6}.coverage-row{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin:0 0 8px}.coverage-row>span+span{color:var(--cyan)}.coverage{height:5px;background:#1c2c43;overflow:hidden;border-radius:5px}.coverage>div{height:100%;background:linear-gradient(90deg,var(--deep),var(--bright),var(--cyan));width:0;transition:width .3s}.status-foot{display:flex;justify-content:space-between;gap:22px;font-size:8px;color:var(--subtle);margin-top:12px}.status-foot>p{margin:0}.platform{padding:82px 0 68px;display:grid;grid-template-columns:.75fr 1.5fr;gap:30px 64px;align-items:start}.section-intro .eyebrow{margin-bottom:14px}.section-intro h2,.closing h2{font-size:34px;line-height:1.2;letter-spacing:-1.5px}.section-intro>p:not(.eyebrow){font-size:11px;line-height:1.8;color:var(--muted);max-width:310px;margin:17px 0 0}.platform-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.platform-card{position:relative;min-height:200px;padding:17px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.platform-card:hover{border-color:#2a5a88;box-shadow:0 8px 26px #0068ff0b}.card-index{position:absolute;right:13px;top:10px;color:#526b88;font-size:8px;letter-spacing:1px}.card-icon{width:31px;height:31px;border-radius:8px;background:#0b2d52;color:var(--cyan);display:grid;place-items:center;font-size:17px;border:1px solid #1b4c79}.platform-card h3{font-size:12px;margin:13px 0 6px}.platform-card p{font-size:9px;line-height:1.7;color:var(--muted);margin:0 0 11px}.card-status{font-size:8px;color:var(--amber)}.environment-checks{grid-column:2;margin:0}.environment-checks>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.environment-checks dt{display:flex;gap:15px;font-size:10px;align-items:center;color:var(--text)}.environment-checks dt>span{font-size:7px;letter-spacing:.7px;color:#55b7fb;width:35px}.environment-checks small{display:block;font-size:8px;color:var(--subtle);margin-top:2px}.environment-checks dd{margin:0;font-size:8px;color:var(--muted);text-align:right;max-width:150px}.environment-checks dd.good,.card-status.good{color:var(--green)}.status-json{grid-column:2;margin-top:-13px}.text-link{font-size:10px;color:#c6d6e8}.release{display:flex;align-items:center;gap:20px;padding:25px;border:1px solid #203d5e;border-radius:12px;background:linear-gradient(110deg,#10253b,#0d192b 72%)}.release-icon{height:45px;width:45px;border:1px solid #1768ae;border-radius:10px;color:#dff8ff;display:grid;place-items:center;flex-shrink:0;font-size:21px;background:#0b3971}.release-copy{max-width:540px}.release .eyebrow{margin-bottom:6px;font-size:7px}.release h2{font-size:20px}.release-copy>p:not(.eyebrow){font-size:9px;line-height:1.7;color:var(--muted);margin:7px 0}.release .package{font-family:Consolas,monospace;font-size:7px!important;color:#7892aa!important;overflow-wrap:anywhere}.release-action{margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:8px}.download{font-size:9px;padding:9px 12px}.download[aria-disabled=true]{background:#26374b;border-color:#3a4d63;color:#8799af;box-shadow:none;cursor:not-allowed}.release-action>span{font-size:7px;color:var(--subtle);max-width:185px;overflow-wrap:anywhere;text-align:center}.closing{display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:center;padding:70px 0 63px}.closing .eyebrow{margin-bottom:10px}.closing h2{font-size:29px}.closing>p{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.closing .button{font-size:9px}footer{min-height:80px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:var(--subtle)}footer p{margin:0}.footer-brand{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:var(--text)}.footer-brand img{opacity:.9}.preview-note{margin-top:20px;padding:9px 12px;border:1px solid #5a4627;background:#30271a;color:var(--amber);border-radius:6px;font-size:10px}.notice{color:var(--amber);font-size:10px}
@media(max-width:950px){.shell{width:min(calc(100% - 48px),760px)}.header{height:76px}.header nav{gap:15px}.header-action{font-size:9px;padding:8px 10px}.hero{min-height:520px;grid-template-columns:1fr .8fr;gap:0}.hero-art{width:53%;top:25px}.system-card{width:100%;margin-top:230px}.hero-copy{max-width:500px}.hero-foot{font-size:8px}.platform{grid-template-columns:1fr;gap:28px}.platform-cards{grid-template-columns:repeat(3,1fr)}.environment-checks,.status-json{grid-column:1}.status-json{margin-top:-13px}.closing{grid-template-columns:1fr 1fr}.closing .button{grid-column:2;justify-self:start}}
@media(max-width:650px){.shell{width:calc(100% - 32px)}.header{height:auto;min-height:72px;flex-wrap:wrap;gap:8px 15px;padding:7px 0 10px}.brand{height:49px}.brand img{width:77px;height:51px}.header nav{order:3;flex:1 0 100%;justify-content:space-between;gap:6px;font-size:9px;padding:6px 1px 0}.header-action{font-size:8px;padding:7px 9px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:45px 0 40px;min-height:auto}.hero-copy{order:1}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-lead{font-size:13px;max-width:440px}.hero-art{position:relative;order:2;right:auto;top:auto;width:100%;height:auto;margin:4px 0 -5px}.hero-art img{width:min(100%,420px)}.system-card{order:3;position:relative;margin:0;width:100%;align-self:auto}.hero-foot{align-items:flex-start;line-height:1.5}.hero-actions{gap:8px}.button{padding:10px 11px;font-size:9px;gap:8px}.status-section{padding:21px 16px}.section-heading h2{font-size:20px}.section-heading{align-items:flex-end}.metrics{grid-template-columns:repeat(2,1fr);gap:17px 0;margin:21px 0}.metrics article{padding:0 12px}.metrics article:nth-child(3){padding-left:0;border:0}.metrics strong{font-size:32px}.status-foot{display:block;line-height:1.6}.status-foot p+p{margin-top:6px}.platform{padding:56px 0 46px}.section-intro h2{font-size:29px}.platform-cards{grid-template-columns:1fr;gap:8px}.platform-card{min-height:0;padding:14px 15px 13px 57px}.platform-card .card-icon{position:absolute;left:14px;top:16px}.platform-card h3{margin:0 0 4px}.platform-card p{margin-bottom:5px}.environment-checks>div{padding:12px 0}.release{align-items:flex-start;flex-wrap:wrap;padding:17px;gap:13px}.release-icon{width:38px;height:38px}.release-copy{flex:1;min-width:180px}.release h2{font-size:18px}.release-action{margin:0 0 0 50px;align-items:flex-start}.release-action>span{text-align:left}.closing{grid-template-columns:1fr;gap:13px;padding:52px 0}.closing h2{font-size:26px}.closing .button{grid-column:auto}.closing>p{max-width:460px}footer{flex-wrap:wrap;justify-content:space-between;padding:17px 0;gap:8px 12px}footer p{order:3;flex:1 0 100%}}

.header-status{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:600;white-space:nowrap}.pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--subtle)}.pulse.good{background:var(--green);box-shadow:0 0 9px #25d69570}@media(max-width:650px){.header-status{font-size:8px}}

/* Readable type scale: retain the visual hierarchy without relying on tiny UI labels. */
body{font-size:16px}
.header nav,.header-status{font-size:14px}
.header-action{font-size:13px}
.eyebrow{font-size:11px}
.hero-lead{font-size:17px}
.button{font-size:13px}
.hero-foot{font-size:12px}
.status-pill{font-size:9px}
.system-bar{font-size:10px}
.system-heading p{font-size:13px}
.system-heading div>span{font-size:11px}
.outline-pill{font-size:9px}
.system-flow>div{font-size:12px}
.system-flow b{font-size:11px}
.inventory-head{font-size:10px}
.system-bottom{font-size:11px}
.section-heading h2{font-size:27px}
.refresh{font-size:13px}
.connection{font-size:13px}
.metrics article>p{font-size:14px}
.metrics article>span{font-size:12px}
.coverage-row{font-size:12px}
.status-foot{font-size:11px}
.section-intro>p:not(.eyebrow){font-size:14px}
.card-index{font-size:10px}
.platform-card h3{font-size:15px}
.platform-card p{font-size:13px}
.card-status{font-size:12px}
.environment-checks dt{font-size:13px}
.environment-checks dt>span{font-size:10px}
.environment-checks small{font-size:11px}
.environment-checks dd{font-size:12px}
.text-link{font-size:13px}
.release .eyebrow{font-size:10px}
.release h2{font-size:22px}
.release-copy>p:not(.eyebrow){font-size:13px}
.release .package{font-size:11px!important}
.download{font-size:12px}
.release-action>span{font-size:11px}
.closing>p{font-size:13px}
.closing .button{font-size:12px}
footer{font-size:11px}
.footer-brand{font-size:14px}
.preview-note{font-size:13px}
.notice{font-size:12px}
@media(max-width:650px){
  .header nav{font-size:11px}
  .header-status{font-size:11px}
  .header-action{font-size:11px}
  .hero-lead{font-size:16px}
  .hero-foot{font-size:11px}
  .button{font-size:12px}
  .section-heading h2{font-size:21px}
  .metrics article>p{font-size:13px}
  .metrics article>span{font-size:11px}
  .platform-card h3{font-size:15px}
  .platform-card p{font-size:13px}
}
