@font-face{font-family:Manrope;src:url('assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{
  color-scheme:dark;
  --bg:#111310;
  --surface:#191c18;
  --surface-raised:#22261f;
  --text:#f1f2ec;
  --muted:#bbc1b5;
  --subtle:#7e8978;
  --line:#353c30;
  --accent:#f06a38;
  --accent-hover:#ff8559;
  --on-accent:#151810;
  --error:#ffab8e;
  --font:Manrope,Arial,sans-serif;
  --text-body:1.0625rem;
  --text-ui:1rem;
  --text-label:.9375rem;
  --text-small:.875rem;
  --gutter:clamp(22px,4.5vw,86px);
  --section:clamp(76px,8vw,136px);
  --ease:cubic-bezier(.16,1,.3,1);
  --radius:4px;
  /* Layers: base document 0; hero copy/controls 1; compare layers 1–4; skip link 10. */
}