:root{
    --bg:#121212; --surface:#181818; --fg:#eaeaea; --muted:#9b9b9b;
    --acc:#00e0ff; --acc2:#7cffc4; --border:#242424; --shadow:0 10px 30px rgba(0,0,0,.35);
  }
  *{box-sizing:border-box}
  html,body{height:100%}
  body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
  a{color:inherit;text-decoration:none}
  .container{max-width:1100px;margin:0 auto;padding:24px}
  
  /* Navbar */
  .nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(10px);background:rgba(18,18,18,.6);border-bottom:1px solid var(--border)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
  .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px}
  .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 0 16px var(--acc)}
  .navlinks{display:flex;gap:18px;flex-wrap:wrap}
  .navlinks a{padding:10px 12px;border-radius:10px;border:1px solid transparent}
  .navlinks a:hover{border-color:var(--border);background:var(--surface)}
  
  /* Hero */
  .hero{padding:72px 0 40px;border-bottom:1px solid var(--border)}
  .hero h1{font-size:clamp(34px,6vw,72px);margin:8px 0 6px;letter-spacing:.6px}
  .tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:14px}
  .pulse{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(0,224,255,.8);animation:pulse 2s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,224,255,.8)}70%{box-shadow:0 0 0 14px rgba(0,224,255,0)}100%{box-shadow:0 0 0 0 rgba(0,224,255,0)}}
  .lead{color:var(--muted);max-width:720px}
  .cta{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}
  .btn{padding:12px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;gap:10px;font-weight:600}
  .btn.primary{border:none;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#062026;box-shadow:var(--shadow)}
  .btn:hover{transform:translateY(-1px)}
  
  /* Cards/sections */
  section{padding:56px 0;border-bottom:1px solid var(--border)}
  .card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
  .muted{color:var(--muted)}
  
  /* Footer */
  footer{padding:30px 0;color:#808080}
  
  /* Tiny glitch effect for logo */
  .glitch{position:relative;display:inline-block}
  .glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;clip-path:inset(0 0 0 0);opacity:.5}
  .glitch:before{transform:translate(1px,0);color:#0ff}
  .glitch:after{transform:translate(-1px,0);color:#f0f}
  .glitch:hover:before{animation:gl 1s infinite steps(2)}
  .glitch:hover:after{animation:gl 1.2s infinite steps(2)}
  @keyframes gl{0%{clip-path:inset(0 0 80% 0)}50%{clip-path:inset(10% 0 10% 0)}100%{clip-path:inset(80% 0 0 0)}}