/* Neobrutal theme layer. Keeps existing layout/content, replaces visual system. */
:root{
  color-scheme:light;
  --bg:#fff7d6;--bg-deep:#ffe89a;--surface:#fffdf2;--surface-strong:#fff;--surface-soft:#fff3ba;
  --line:#171717;--line-bright:#171717;--text:#171717;--muted:#454545;--soft:#666;
  --cyan:#00c2ff;--cyan-2:#009bd0;--violet:#9b7bff;--pink:#ff75bd;--green:#30d879;--amber:#ffc83d;--red:#ff5d68;
  --grad:linear-gradient(90deg,#00c2ff 0 34%,#9b7bff 34% 67%,#ff75bd 67%);
  --radius-sm:2px;--radius:4px;--radius-lg:6px;--shadow:7px 7px 0 #171717;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#151515;--bg-deep:#0c0c0c;--surface:#222;--surface-strong:#292929;--surface-soft:#303030;
  --line:#f5f1df;--line-bright:#f5f1df;--text:#fffdf3;--muted:#d2cfc4;--soft:#aaa79e;
  --cyan:#38d1ff;--cyan-2:#13a9d8;--violet:#ad91ff;--pink:#ff87c6;--green:#42e58a;--amber:#ffd255;--red:#ff727c;
  --shadow:7px 7px 0 #f5f1df;
}
body{background:var(--bg);font-weight:500}
body::after,.orb{display:none}
.bg{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:36px 36px;opacity:.08;mask-image:none}
.bg::after{display:none}
::selection{background:var(--pink);color:#171717}
:focus-visible{outline:3px solid var(--text);outline-offset:3px}
code{color:var(--text);font-weight:700}
.header,.header.scrolled{border-bottom:3px solid var(--line);background:var(--bg);backdrop-filter:none}
.brand-mark,.brand-mark.small{border:3px solid var(--line);border-radius:3px;color:#171717;background:var(--cyan);box-shadow:3px 3px 0 var(--line)}
.brand-mark::after{display:none}.brand small{color:var(--muted)}
.nav-links{border:3px solid var(--line);border-radius:3px;background:var(--surface);box-shadow:4px 4px 0 var(--line);padding:3px}
.nav-links a{border-radius:0;color:var(--muted)}
.nav-links a:hover{color:var(--text);background:var(--amber)}
.nav-links a.active{color:#171717;background:var(--cyan);box-shadow:none}
.nav-links a.active::after{display:none}
.nav-cta{gap:9px}.menu-btn{min-width:44px;min-height:40px;border:3px solid var(--line);border-radius:3px;background:var(--pink);color:#171717;box-shadow:3px 3px 0 var(--line);font-weight:800;cursor:pointer}
.theme-toggle{position:relative;width:88px;min-width:88px;min-height:40px;padding:4px 8px;display:grid;grid-template-columns:20px 1fr 20px;align-items:center;gap:4px;border:3px solid var(--line);border-radius:3px;background:var(--amber);color:#171717;box-shadow:4px 4px 0 var(--line);cursor:pointer;overflow:visible}
.theme-toggle span{position:relative;z-index:2;font-size:16px;line-height:1;text-align:center}.theme-toggle span:first-child{grid-column:1}.theme-toggle span:last-child{grid-column:3}.theme-toggle i{position:absolute;z-index:1;left:5px;top:5px;width:32px;height:24px;border:2px solid #171717;border-radius:2px;background:#fff;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s}.theme-toggle.is-dark{background:var(--violet)}.theme-toggle.is-dark i{transform:translateX(43px);background:#171717;border-color:#fffdf3}
.theme-toggle:hover,.menu-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}.theme-toggle:active{transform:translate(4px,4px);box-shadow:none}
.mobile-panel{border-top:3px solid var(--line);background:var(--bg)}.mobile-panel a{border-radius:2px}.mobile-panel a:hover,.mobile-panel a.active{color:#171717;background:var(--cyan)}
.btn{border:3px solid var(--line);border-radius:3px;color:var(--text);box-shadow:5px 5px 0 var(--line);transition:transform .12s,box-shadow .12s;background:var(--surface)}
.btn::after{display:none}.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--line)}
.btn-primary{color:#171717;background:var(--amber);box-shadow:5px 5px 0 var(--line)}
.btn-ghost{background:var(--surface);border-color:var(--line);box-shadow:4px 4px 0 var(--line)}
.eyebrow,.chip{border:2px solid var(--line);border-radius:2px;color:#171717;background:var(--cyan);font-weight:800}
.eyebrow .live-dot{background:#171717;box-shadow:none}.chip.good{border-color:var(--line);color:#171717;background:var(--green)}.chip.warn{border-color:var(--line);color:#171717;background:var(--amber)}
.section-title,.mini-hero h1,.hero-copy h1,.cta-shell h2{letter-spacing:-.045em;text-shadow:3px 3px 0 var(--bg-deep)}
.hero-copy .grad{background:none;color:var(--text);text-decoration:underline 10px var(--pink);text-decoration-skip-ink:none}
.card,.doc-item,.rate-card,.form-card,.flow-card,.feature-card,.cockpit-info,.cockpit-terminal,.cta-shell,.status-overview,.status-card{border:3px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.card::before,.doc-item::before,.rate-card::before{display:none}.card:hover{border-color:var(--line)}
.card:nth-child(3n+1),.feature-card:nth-child(4n+1){background:var(--surface)}.card:nth-child(3n+2),.feature-card:nth-child(4n+2){background:var(--surface-soft)}
.icon,.rate-badge{border:3px solid var(--line);border-radius:3px;color:#171717;background:var(--pink)}
.codebox{border:3px solid var(--line);border-radius:3px;background:#171717;box-shadow:4px 4px 0 var(--line)}.codebox pre{color:#fffdf3}.codebox code{color:#fffdf3}
.table{border:3px solid var(--line);border-radius:3px;background:var(--surface)}.table th,.table td{border-bottom:2px solid var(--line)}.table th{color:var(--text);background:var(--amber)}
.notice,.endpoint{border:3px solid var(--line);border-radius:3px;background:var(--surface-soft);color:var(--text)}.notice.success{border-color:var(--line);background:var(--green);color:#171717}.notice.danger{border-color:var(--line);background:var(--red);color:#171717}
input{border:3px solid var(--line);border-radius:3px;color:var(--text);background:var(--surface);box-shadow:4px 4px 0 var(--line)}input:focus{border-color:var(--line);box-shadow:4px 4px 0 var(--line),0 0 0 3px var(--cyan)}input::placeholder{color:var(--soft)}
.stat{border:3px solid var(--line);border-radius:3px;background:var(--surface-soft)}.bar{height:12px;border:2px solid var(--line);border-radius:0;background:var(--surface)}.bar i{border-radius:0;box-shadow:none}
.page-kicker::after,.home-hero::after{display:none}
.rate-card.good,.rate-card.warn,.status-overview.operational,.status-overview.degraded,.status-overview.major_outage{border-color:var(--line)}
.rate-badge{color:#171717}.rate-card.warn .rate-badge{border-color:var(--line);color:#171717;background:var(--amber)}
.model-rail{border-block:3px solid var(--line);background:var(--pink)}.model-rail::before,.model-rail::after{display:none}.rail-item{color:#171717;font-weight:800}.rail-item::before{background:#171717;box-shadow:none}
.proof-row{border-top:3px solid var(--line)}.proof i{border-radius:0;background:var(--pink);box-shadow:none}
.gateway-stage{filter:saturate(1.25)}.gateway-stage::before{border:3px solid var(--line);border-radius:3px;background:var(--surface-soft);filter:none;box-shadow:var(--shadow)}
.gateway-grid{opacity:.35}.gateway-halo,.gateway-ring{border-width:3px;border-color:var(--line);box-shadow:none}.gateway-core{border:3px solid var(--line);border-radius:4px;background:var(--cyan);box-shadow:7px 7px 0 var(--line);animation:core-float 4.5s ease-in-out infinite}.gateway-core::after{color:#171717;text-shadow:none}
.model-node,.gateway-hud{border:3px solid var(--line);border-radius:2px;color:#171717;background:var(--amber);box-shadow:4px 4px 0 var(--line);backdrop-filter:none}.gateway-hud i,.model-node::before{background:#171717;box-shadow:none}
.flow-card::after{height:3px;background:var(--line);opacity:1}.flow-card::before{color:var(--text)}.flow-card .flow-symbol{color:var(--pink)}
.protocol-tabs{border:3px solid var(--line);border-radius:3px;background:var(--surface-soft)}.protocol-tab{border-radius:0;color:var(--text)}.protocol-tab.active{color:#171717;background:var(--cyan);box-shadow:none}
.protocol-meta div,.terminal-bar,.response-line{border-color:var(--line)}.protocol-meta strong{color:var(--text)}.cockpit-terminal{background:#171717;color:#fff}.live-code{color:#fff}.terminal-bar{background:#2a2a2a}.terminal-bar span,.response-line{color:#ddd}
.feature-card:hover{border-color:var(--line);transform:translate(3px,3px);box-shadow:4px 4px 0 var(--line)}.feature-card .feature-icon{color:var(--text)}
.cta-shell{background:var(--cyan)}.cta-shell::before,.cta-shell::after{display:none}.cta-shell p{color:#242424}.cta-shell .eyebrow{background:var(--amber)}
.status-pulse,.status-pulse.operational,.status-pulse.degraded,.status-pulse.major_outage{border:2px solid var(--line);box-shadow:3px 3px 0 var(--line)}.status-badge{border:2px solid var(--line);border-radius:2px}.status-badge.operational{color:#171717;border-color:var(--line);background:var(--green)}.status-badge.slow{color:#171717;border-color:var(--line);background:var(--amber)}.status-badge.error{color:#171717;border-color:var(--line);background:var(--red)}
.history-cell{border:1px solid var(--line);border-radius:0;box-shadow:none!important}.footer::before{height:3px;background:var(--line)}
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .chip,html[data-theme="dark"] .brand-mark,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .menu-btn,html[data-theme="dark"] .model-rail,html[data-theme="dark"] .model-node,html[data-theme="dark"] .gateway-hud,html[data-theme="dark"] .rate-badge{color:#171717}
.grid>*,.cockpit>*,.footer-card>*,.doc-list,.doc-item,.card{min-width:0}
pre,code,.status-card-head h2,.protocol-meta strong{overflow-wrap:anywhere}
@media(max-width:900px){.nav-cta{margin-left:auto}.theme-toggle{display:inline-grid;place-items:center}.mobile-panel{padding-top:12px}}
@media(max-width:680px){
  :root{--shadow:5px 5px 0 var(--line)}
  .theme-toggle{width:72px;min-width:72px;padding-inline:5px;grid-template-columns:17px 1fr 17px}.theme-toggle span{font-size:14px}.theme-toggle i{width:27px}.theme-toggle.is-dark i{transform:translateX(34px)}
  .gateway-stage::before{inset:12% 2%}.section-title,.mini-hero h1,.hero-copy h1,.cta-shell h2{text-shadow:2px 2px 0 var(--bg-deep)}
  .doc-item,.form-card{padding:18px}.doc-item .card{padding:16px}.codebox{margin-inline:0}.endpoint{display:grid}
  .status-meta{gap:10px}.status-history{max-width:100%}
}
@media(max-width:390px){.brand>span:last-child{max-width:105px}.nav{gap:8px}.nav-cta{gap:7px}.menu-btn{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.btn:hover,.theme-toggle:hover,.menu-btn:hover,.feature-card:hover{transform:none}}