:root{
  --bg:#050607;
  --text:#f6f7fb;
  --muted: rgba(255,255,255,.74);
  --muted2: rgba(255,255,255,.58);

  --border: rgba(255,255,255,.10);
  --border2: rgba(255,255,255,.16);

  --panel: rgba(255,255,255,.035);
  --panel2: rgba(255,255,255,.055);

  --shadow: 0 24px 80px rgba(0,0,0,.60);
  --shadow2: 0 12px 40px rgba(0,0,0,.35);

  --radius: 18px;
  --radius2: 28px;

  --ease: cubic-bezier(.2,.8,.2,1);
  --speed: 220ms;

  --h1: clamp(40px, 5vw, 60px);
  --h2: clamp(24px, 2.4vw, 30px);
  --lead: 16px;

  --lightBg: #ffffff;
  --lightText: #0a0b0c;
  --lightMuted: rgba(10,11,12,.68);
  --lightBorder: rgba(10,11,12,.10);
  --lightPanel: rgba(10,11,12,.03);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color:var(--text);
  overflow-x:hidden;
}
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
.container{ width:min(1120px, calc(100% - 40px)); margin:0 auto; }

.section{ padding: 74px 0; }
.section--dark{ color: var(--text); }
.section--light{ background: var(--lightBg); color: var(--lightText); }

h1{
  margin: 16px 0 12px;
  font-size: var(--h1);
  line-height: 1.02;
  letter-spacing: -0.035em;
}
.lead{
  margin: 0 0 18px;
  color: var(--muted);
  font-size: var(--lead);
  line-height: 1.7;
  max-width: 62ch;
}

/* responsive base */
@media (max-width: 920px){
  .section{ padding: 64px 0; }
  .container{ width: min(1120px, calc(100% - 32px)); }
}