body{background:#0e0e10;color:#e9e9ee;font:16px/1.45 system-ui}
/* === AOM hardening overrides (scoped) === */
.aom-root { 
  --bg:#0e0e10; --panel:#151519; --ink:#e9e9ee; --muted:#a8a8b3; --brand:#e0a11b; --accent:#9cc9ff;
  --line:#2a2a34; --shadow:0 10px 30px rgba(0,0,0,.35); --radius:14px; --pad:20px; --gap:14px; --max:1100px;
  color:var(--ink); background:var(--bg); font:16px/1.45 system-ui, Segoe UI, Roboto, Arial;
  padding-bottom: 24px;
}


/* keep AOM centered but stop horizontal overflow */
.aom-root {
  margin: 0 auto;
  max-width: 100vw;
  overflow-x: hidden;
}
html, body {
  overflow-x: hidden;
}


/* reset basics inside AOM only */
.aom-root *, .aom-root *::before, .aom-root *::after { box-sizing: border-box; }
.aom-root a { color: var(--accent); text-decoration: none; }
.aom-root a:hover { text-decoration: underline; }
.aom-root h1, .aom-root h2, .aom-root h3 { margin:0 0 8px; line-height:1.1; font-weight:700; color:var(--ink); }
.aom-root h1 { font-size:40px; }
.aom-root h2 { font-size:28px; }
.aom-root .muted { color: var(--muted); }
.aom-root .wrap { max-width: var(--max); margin: 0 auto; padding: 0 16px; }
.aom-root .row { display:flex; gap:var(--gap); align-items:center; }
.aom-root .between { justify-content:space-between; }
.aom-root .grid-2 { display:grid; grid-template-columns:1.2fr .8fr; gap:28px; }
.aom-root .grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
@media (max-width:900px){
  .aom-root .grid-2, .aom-root .grid-3 { grid-template-columns:1fr; }
}

/* components (scoped) */
.aom-root .site-header{ position:sticky; top:0; background:rgba(14,14,16,.8); backdrop-filter:saturate(120%) blur(8px); border-bottom:1px solid var(--line); z-index:9; }
.aom-root .site-header .brand{ font-weight:600; font-size:18px; color:var(--ink); }
.aom-root .announcement{ font-size:.95rem; border-top:1px solid var(--line); text-align:center; padding:8px 12px; background:#121219; }
.aom-root .hero{ padding:42px 0; border-bottom:1px solid var(--line); }
.aom-root .highlight{ background:linear-gradient(135deg,var(--brand),#ffde84); -webkit-background-clip:text; color:transparent; }
.aom-root .btn{ display:inline-block; border:1px solid var(--line); padding:10px 16px; border-radius:12px; background:#1a1a20; color:var(--ink); cursor:pointer; }
.aom-root .btn.primary{ background:var(--brand); color:#241a00; border:none; }
.aom-root .btn.small{ font-size:.9rem; padding:8px 12px; }
.aom-root .input{ background:#111117; border:1px solid var(--line); color:var(--ink); padding:10px 12px; border-radius:10px; min-width:140px; }
.aom-root .card{ background:var(--panel); border:1px solid var(--line); padding:var(--pad); border-radius:var(--radius); }
.aom-root .card.shadow{ box-shadow: var(--shadow); }
.aom-root .section{ padding:60px 0; }
.aom-root .alt{ background:linear-gradient(180deg,#131319,#0e0e10); }
.aom-root .empty{ opacity:.8; text-align:center; padding:24px; }