/* Dead Axis brand system — black/white/red armored. Imported by every site page.
   Tokens + type from 09-visuals/concept-codex/vibe.md (Codex concept, operator-approved). */
:root{
  --da-bg:#050505; --da-bg-2:#0b0c0d; --da-panel:#f1efe7; --da-panel-dim:#c9c4b8;
  --da-ink:#111; --da-ink-soft:#2b2b2b; --da-white:#fff8ed;
  --da-red:#d20b16; --da-red-dark:#760008; --da-red-hot:#ff1b24;
  --da-rust:#9a5a32; --da-bone:#d8d1c3; --da-shadow:rgba(0,0,0,.82);
  --font-display:Impact,Haettenschweiler,"Arial Black","Franklin Gothic Heavy","Roboto Condensed",Arial,sans-serif;
  --font-ui:"Arial Narrow","Roboto Condensed","Segoe UI Condensed",Arial,sans-serif;
  --font-body:"Trebuchet MS","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--da-bg);color:var(--da-white);
  font-family:var(--font-body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}

/* ── type ─────────────────────────────────────────────── */
.da-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;line-height:.9}
.da-kicker{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:var(--da-red)}
.da-eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--da-bone)}

/* ── panel-switch button: white plate / black text / red armed ── */
.da-btn{display:inline-block;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;
  font-weight:700;font-size:14px;padding:14px 26px;border:2px solid var(--da-ink);background:var(--da-panel);
  color:var(--da-ink);cursor:pointer;transition:background .12s,transform .12s;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.da-btn:hover{background:var(--da-white);transform:translateY(-1px)}
.da-btn:active{transform:translateY(0)}
.da-btn--armed{background:var(--da-red);border-color:var(--da-red-dark);color:var(--da-white)}
.da-btn--armed:hover{background:var(--da-red-hot)}
.da-btn--ghost{background:transparent;color:var(--da-white);border-color:#ffffff44}
.da-btn--ghost:hover{background:#ffffff12}

/* ── the red axis slash motif ─────────────────────────── */
.da-slash{display:inline-block;width:.42em;height:1.0em;background:var(--da-red);
  transform:skewX(-18deg);vertical-align:-.08em;margin:0 .12em}

/* ── asymmetric hazard trim ───────────────────────────── */
.da-hazard{height:6px;width:100%;
  background:repeating-linear-gradient(135deg,var(--da-red) 0 18px,transparent 18px 30px,var(--da-ink-soft) 30px 40px)}

/* ── subtle scanlight overlay ─────────────────────────── */
.da-scan{position:relative}
.da-scan::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.04) 3px 4px);mix-blend-mode:overlay}

/* ── layout primitives ────────────────────────────────── */
.da-wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.da-section{padding:72px 0}
.da-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.da-card{background:#0e0f10;border:1px solid #ffffff14;padding:22px;position:relative;overflow:hidden}
.da-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--da-red)}
.da-card h3{font-family:var(--font-display);color:var(--da-white);letter-spacing:.06em;margin:0 0 8px;font-size:22px}
.da-card p{color:var(--da-bone);font-size:14px;line-height:1.6;margin:0}

/* ── band (red call-out, e.g. beta) ───────────────────── */
.da-band{background:var(--da-red);color:var(--da-white);font-family:var(--font-ui);text-transform:uppercase;
  letter-spacing:.18em;font-weight:700;text-align:center;padding:12px;font-size:14px}

/* ── shared header / footer (rendered by site.js) ─────── */
.da-header{display:flex;align-items:center;gap:18px;padding:14px 22px;border-bottom:1px solid #ffffff14;
  position:sticky;top:0;background:rgba(5,5,5,.86);backdrop-filter:blur(6px);z-index:20}
.da-header .da-logo{height:30px;display:flex;align-items:center}
.da-header nav{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.da-navlink{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;font-size:12px;
  color:var(--da-bone);padding:8px 10px}
.da-navlink:hover{color:var(--da-white)}
.da-footer{border-top:1px solid #ffffff14;padding:28px 22px;text-align:center;color:#7d7870;
  font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.da-footer .frag{color:var(--da-bone);margin-bottom:8px;letter-spacing:.1em}

/* ── form fields ──────────────────────────────────────── */
.da-input{width:100%;padding:14px 14px;background:#0c0d0e;border:1px solid #ffffff26;color:var(--da-white);
  font-family:var(--font-ui);font-size:15px;letter-spacing:.04em}
.da-input:focus{outline:none;border-color:var(--da-red)}
.da-msg{min-height:20px;font-family:var(--font-ui);letter-spacing:.06em;font-size:13px;color:var(--da-bone)}
.da-msg.bad{color:var(--da-red-hot)}
.da-check{display:flex;gap:9px;align-items:flex-start;color:var(--da-bone);font-size:12px;line-height:1.45;text-align:left}
.da-check input{margin-top:2px;accent-color:var(--da-red)}