/* ── Reset ─────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:none}
::selection{background:var(--violet);color:#fff}

/* ── Design Tokens ────────────────────── */
:root{
  /* Palette */
  --dark:#09090B;
  --light:#FAFAFA;
  --muted:#a1a1aa;
  --dimmed:#8e8e96;
  --violet:#7C3AED;
  --violet-light:#a78bfa;
  --cyan:#06B6D4;
  --surface:#18181B;
  --surface2:#27272A;
  --border:#3f3f46;
  --border-light:#52525b;

  /* Gradient */
  --grad:linear-gradient(135deg,#7C3AED,#06B6D4);
  --grad-violet:linear-gradient(135deg,#7C3AED 0%,#a78bfa 100%);
  --grad-glow:radial-gradient(circle,rgba(124,58,237,.12) 0%,rgba(6,182,212,.06) 35%,transparent 65%);

  /* Typography */
  --font-head:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --ls-tight:-0.03em;
  --ls-normal:-0.01em;

  /* Sizing */
  --max-w:1120px;
  --max-w-narrow:800px;
  --radius:14px;
  --radius-sm:10px;
  --radius-lg:20px;

  /* Transitions */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur:0.3s;

  /* Shadows */
  --shadow-card:0 4px 24px rgba(0,0,0,.25);
  --shadow-hover:0 12px 40px rgba(124,58,237,.12),0 4px 16px rgba(0,0,0,.3);

  /* Z-index */
  --z-header:100;
  --z-overlay:200;

  /* Breakpoints (for reference, used in media queries) */
  /* --bp-sm: 520px; --bp-md: 700px; --bp-lg: 900px; */
}

/* ── Base Typography ──────────────────── */
body{
  font-family:var(--font-body);
  background:var(--dark);
  color:var(--light);
  line-height:1.65;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-head);
  font-weight:700;
  letter-spacing:var(--ls-tight);
  line-height:1.15;
}
h1{font-size:clamp(1.8rem,4.5vw,3rem)}
h2{font-size:clamp(1.4rem,3.5vw,2.2rem)}
h3{font-size:clamp(1rem,2vw,1.25rem)}

/* ── Utility ──────────────────────────── */
.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}
.container--narrow{max-width:var(--max-w-narrow);margin:0 auto;padding:0 24px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── Responsive helpers ───────────────── */
@media(max-width:900px){
  .hide-mobile{display:none!important}
}
@media(min-width:901px){
  .show-mobile{display:none!important}
}