:root { --yellow:#f4c025; --orange:#d15610; --bg-dark:#1a1a1b; --bg-darker:#0d0d0d; --neon-blue:#00d4ff; --text-main:#e0e0e0; --border:3px solid #000; --shadow:8px 8px 0 #000; }
* { box-sizing: border-box; }
body { margin:0; color:var(--text-main); font-family:'Share Tech Mono',monospace; background:radial-gradient(circle at top, rgba(0,212,255,0.12), transparent 28%), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.1) 2px, rgba(0,0,0,0.1) 4px), var(--bg-darker); overflow-x:hidden; }
body::after { content:""; position:fixed; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 2px, rgba(0,0,0,0.06) 2px, rgba(0,0,0,0.06) 4px); }
h1,h2,h3 { margin:0; font-family:'Oswald',sans-serif; text-transform:uppercase; }
.container { max-width:1000px; margin:0 auto; padding:2rem 1rem 4rem; }
.back-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  margin-bottom: 1.5rem;
}
.back-primary,
.log-nav { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.log-nav { justify-self: end; }
.nav-audio {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
}
.nav-btn, .link-chip { display:inline-block; text-decoration:none; }
.nav-btn { padding:.55rem 1rem; background:var(--bg-dark); color:var(--yellow); border:var(--border); box-shadow:4px 4px 0 #000; font-family:'Oswald',sans-serif; text-transform:uppercase; }
.audio-btn { display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; padding:0; background:#0b1318; color:#00d4ff; border:var(--border); box-shadow:4px 4px 0 #000; font-family:'Oswald',sans-serif; font-size:1.45rem; line-height:1; cursor:pointer; }
.audio-btn:hover { color:#fff; }
.nav-btn[aria-disabled="true"] { opacity:.4; pointer-events:none; }
.log-tag { display:inline-block; padding:.55rem 1rem; background:#0b1318; color:#00d4ff; border:var(--border); box-shadow:4px 4px 0 #000; font-family:Oswald,sans-serif; text-transform:uppercase; letter-spacing:1px; }
.hero { position:relative; overflow:hidden; background:linear-gradient(135deg, rgba(0,212,255,0.16), transparent 40%), #14171b; border:var(--border); box-shadow:var(--shadow); padding:2.4rem 1.8rem; margin-bottom:2rem; transform:rotate(-.6deg); }
.hero::before { content:"INTEL 014"; position:absolute; top:18px; right:-36px; transform:rotate(45deg); background:var(--yellow); color:#000; border:2px solid #000; padding:5px 42px; font-family:'Oswald',sans-serif; font-size:.75rem; letter-spacing:2px; }
.eyebrow { color:var(--neon-blue); letter-spacing:2px; font-size:.9rem; margin-bottom:.7rem; }
.hero h1 { font-size:clamp(2rem, 4vw, 3.1rem); color:var(--yellow); line-height:1; margin-bottom:.8rem; }
.hero p { max-width:760px; color:#c5ccd2; line-height:1.75; }
.hero-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:1rem; margin-top:1.4rem; }
.stat-box { background:rgba(0,0,0,0.38); border-left:4px solid var(--orange); padding:.9rem; }
.stat-label { color:#74818d; font-size:.78rem; letter-spacing:1px; margin-bottom:.35rem; }
.stat-value { color:#fff; font-family:'Oswald',sans-serif; font-size:1.15rem; }
.section { background:#141414; border:2px solid #232323; padding:1.7rem; margin-bottom:1.5rem; line-height:1.8; color:#c9c9c9; }
.section h2 { display:inline-block; color:var(--neon-blue); margin-bottom:1rem; border-bottom:3px solid var(--neon-blue); padding-bottom:.3rem; font-size:1.5rem; }
.section p { margin:0 0 1rem; }
.section ul { margin:0 0 1rem; padding-left:1.15rem; }
table { width:100%; border-collapse:collapse; margin-top:1rem; font-size:.92rem; }
th, td { padding:.8rem; border:1px solid #2b2b2b; text-align:left; vertical-align:top; }
th { background:#0d1014; color:var(--yellow); font-family:'Oswald',sans-serif; }
.callout { border-left:4px solid var(--orange); background:#0d0d0f; padding:1rem; color:#f0d79a; margin:1rem 0; }
.links { display:flex; flex-wrap:wrap; gap:10px; margin-top:1rem; }
.link-chip { padding:.45rem .8rem; border:2px solid #1f2d39; background:#090b0f; color:var(--neon-blue); }
.faq-list { display:grid; gap:.8rem; }
.faq-item { border:2px solid #253645; background:#0d1116; padding:.75rem .85rem; }
.faq-item summary { cursor:pointer; color:var(--yellow); font-family:'Oswald',sans-serif; font-size:1rem; line-height:1.4; letter-spacing:.3px; }
.faq-item p { margin:.75rem 0 0; color:#c6ced8; line-height:1.7; }

@media (max-width: 860px) {
  .back-row { grid-template-columns: 1fr; justify-items: start; }
  .log-nav { justify-self: start; }
  .nav-audio { justify-self: start; }
}