/* Design tokens */

:root{
  --bg-0:#050505;
  --bg-1:#0b0b0d;
  --bg-2:#11141a;
  --gunmetal:#1b1f26;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --text:#e9eef5;
  --muted:#8a93a3;
  --chrome-1:#f4f7fb;
  --chrome-2:#9aa3b2;
  --chrome-3:#3a4250;
  --blue:#7fb6ff;
  --blue-glow:rgba(127,182,255,.55);
  --glass:rgba(255,255,255,.04);
  --glass-strong:rgba(255,255,255,.07);
  --radius:14px;
  --radius-lg:22px;
  --shadow-1:0 10px 40px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
  --shadow-glow:0 0 30px rgba(127,182,255,.18), 0 0 80px rgba(127,182,255,.08);
  --grad-chrome:linear-gradient(180deg,#fafdff 0%,#cfd6e0 35%,#5d6573 60%,#cfd6e0 80%,#f3f6fa 100%);
  --grad-panel:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  --grad-stroke:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.02));
  --ease:cubic-bezier(.2,.8,.2,1);
  --container:1280px;
}

html,body{background:var(--bg-0);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;font-weight:300;letter-spacing:.01em}
body{
  background:
    radial-gradient(1200px 600px at 80% -10%,rgba(127,182,255,.10),transparent 60%),
    radial-gradient(900px 500px at -10% 20%,rgba(127,182,255,.06),transparent 60%),
    var(--bg-0);
  overflow-x:hidden;
}

h1,h2,h3,h4{font-family:'Orbitron',sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}
h1{font-size:clamp(2.4rem,8vw,7rem);line-height:.95;letter-spacing:.04em}
h2{font-size:clamp(1.8rem,3.4vw,3rem);letter-spacing:.18em}
h3{font-size:1.05rem;letter-spacing:.22em}
p{color:var(--muted);font-size:.98rem}

.container{max-width:var(--container);margin:0 auto;padding:0 28px}
.eyebrow{font-family:'Michroma',sans-serif;font-size:.68rem;letter-spacing:.5em;color:var(--muted);text-transform:uppercase}

/* Chrome metallic text */
.chrome-text{
  background:var(--grad-chrome);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.06);
  text-shadow:0 0 40px rgba(127,182,255,.15);
  filter:drop-shadow(0 6px 30px rgba(0,0,0,.6));
}

/* Section */
section{padding:120px 0;position:relative}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;border-bottom:1px solid var(--line);padding-bottom:18px}
.section-head .num{font-family:'Michroma',sans-serif;font-size:.7rem;color:var(--muted);letter-spacing:.4em}

/* Decorative grid lines */
.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:
  linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}