@font-face { font-family: Hacked; src: url(https://hackedfont.com/HACKED.ttf); font-display: swap; }
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#000;--fg:#f2f2f2;--red:#ff2a2a;--cy:#00f7ff;--muted:#9aa0a6}
*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:"Space Mono", monospace;line-height:1.55}a{text-decoration:none;color:inherit}
@keyframes glowPulse{0%,100%{filter:drop-shadow(0 0 10px var(--red))}50%{filter:drop-shadow(0 0 22px var(--red))}}
@keyframes neonPulse{0%,100%{text-shadow:0 0 6px var(--cy)}50%{text-shadow:0 0 16px var(--cy)}}
@keyframes jitter{0%{transform:translate(0,0)}20%{transform:translate(.5px,-.5px)}40%{transform:translate(-.5px,.5px)}60%{transform:translate(.6px,.2px)}80%{transform:translate(-.4px,-.1px)}100%{transform:translate(0,0)}}
.brand{position:fixed;left:16px;top:12px;z-index:999;font-family:Hacked, sans-serif;letter-spacing:2px;color:#fff;text-shadow:0 0 12px var(--red);animation:neonPulse 3s ease-in-out infinite}
.nav{position:fixed;right:16px;top:16px;z-index:999;display:flex;gap:16px}.nav a{opacity:.85;font-weight:700}.nav a:hover,.nav a.active{opacity:1;text-shadow:0 0 10px var(--cy)}
.hero{min-height:100dvh;display:grid;place-items:center;text-align:center;padding:84px 20px 40px}.logo{width:min(420px,80vw);animation:glowPulse 3.5s ease-in-out infinite}
h1{font-family:Hacked, sans-serif;font-size:clamp(28px,6vw,64px);margin:6px 0 0;letter-spacing:3px}.sub{opacity:.9;margin:10px 0 28px}
.btn{display:inline-block;border:2px solid #fff;padding:14px 22px;border-radius:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.btn:hover{box-shadow:0 0 20px var(--cy)}.note{opacity:.65;margin-top:10px;font-size:12px}
.deck{min-height:100dvh;display:grid;place-items:center;padding:84px 16px 40px}.slide{width:min(1100px,92vw);min-height:62vh;background:#0b0b0b;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:clamp(18px,4vw,48px);box-shadow:0 6px 40px rgba(255,42,42,.25),0 0 120px rgba(255,42,42,.18);position:relative;cursor:pointer;overflow:hidden}
.title{font-family:Hacked, sans-serif;font-size:clamp(22px,4.2vw,44px);margin:0 0 10px}.title::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:36%;background:linear-gradient(90deg,var(--cy),transparent);filter:drop-shadow(0 0 8px var(--cy))}
.bullets{margin:0;padding-left:1.2em}.bullets li{margin:.26rem 0}.tag{position:absolute;right:16px;top:12px;opacity:.85;font-size:12px;letter-spacing:.12em;color:#fff;text-shadow:0 0 10px var(--cy)}.count{position:absolute;right:16px;bottom:12px;opacity:.6;font-size:12px}
.arrows{position:absolute;left:16px;bottom:12px;opacity:.7;font-size:12px;display:flex;gap:8px}.kbd{border:1px solid rgba(255,255,255,.25);padding:3px 6px;border-radius:6px}
svg{max-width:100%;height:auto;display:block}.chart-title{font-family:Hacked, sans-serif;fill:#fff}.chart-label{fill:#e6e6e6;font-size:14px}.chart-note{fill:var(--muted);font-size:12px}
.pulse path,.pulse circle,.pulse rect{animation:neonPulse 3s ease-in-out infinite}.jitter text.core{animation:jitter 1.8s steps(2,end) infinite}
@media (max-width:640px){.brand{display:none}.slide{min-height:58vh}}


/* VISION page styles */
.page{
  min-height:100dvh;
  padding:96px 20px 60px;
  display:block;
}
.container{
  width:min(1100px,92vw);
  margin:0 auto;
  background:#0b0b0b;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  padding: clamp(18px, 4vw, 48px);
  box-shadow: 0 6px 40px rgba(255,42,42,.25), 0 0 120px rgba(255,42,42,.18);
}
.page h1,.page h2{ font-family:Hacked, sans-serif; letter-spacing:1px }
.page h1{ font-size:clamp(28px,5.4vw,56px); margin:0 0 8px }
.page h2{ font-size:clamp(18px,3vw,28px); margin:28px 0 8px; position:relative }
.page h2::after{
  content:""; position:absolute; left:0; bottom:-6px; height:2px; width:36%;
  background: linear-gradient(90deg, var(--cy), transparent);
  filter: drop-shadow(0 0 8px var(--cy));
}
.page p{ margin:.6rem 0 }
.page ul{ margin:.4rem 0 .8rem 1.2rem }
.callout{
  border-left:3px solid var(--cy);
  padding:10px 14px; margin:12px 0; background: rgba(0,247,255,.06);
}
.kicker{ opacity:.85; margin-bottom:12px }
.grid2{ display:grid; grid-template-columns: 1fr 1fr; gap:18px }
@media (max-width:800px){ .grid2{ grid-template-columns:1fr } }