:root{
  --red:#D80000;
  --red-deep:#A50000;
  --ink:#14181B;
  --ink-soft:#2B3136;
  --paper:#F7F6F3;
  --white:#FFFFFF;
  --steel:#6B7480;
  --accent-data:#1F5C6B;
  --line-light:rgba(20,24,27,0.12);
  --line-dark:rgba(247,246,243,0.14);

  --font-body:'Inter', sans-serif;
  --font-head:'Space Grotesk', sans-serif;
  --font-mono:'JetBrains Mono', monospace;

  --header-h:64px;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; scroll-padding-top:calc(var(--header-h) + 24px);}
body{
  font-family:var(--font-body);
  background:var(--paper);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
}

a{color:inherit; text-decoration:none;}
ul,ol{list-style:none;}
img{max-width:100%; display:block;}
button{font-family:inherit;}
svg{display:block;}

h1,h2,h3,h4{
  font-family:var(--font-head);
  font-weight:600;
  line-height:1.15;
  letter-spacing:-0.01em;
  color:var(--ink);
}

.eyebrow{
  font-family:var(--font-mono);
  font-size:0.72rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--red);
  display:inline-flex;
  align-items:center;
  gap:0.6em;
  margin-bottom:0.9rem;
}
.eyebrow::before{
  content:'';
  width:20px; height:1px;
  background:var(--red);
  display:inline-block;
}

.wordmark{display:inline-flex; align-items:center; gap:0.55rem;}
.wordmark .txt{font-family:var(--font-head); font-size:1.1rem; font-weight:700; letter-spacing:0.01em;}
.wordmark .txt .spec{color:var(--red);}
.wordmark .txt .check{color:var(--paper);}

.btn{
  font-family:var(--font-mono);
  font-size:0.75rem;
  letter-spacing:0.06em;
  text-transform:uppercase;
  padding:0.85em 1.5em;
  border:1px solid currentColor;
  display:inline-flex;
  align-items:center;
  gap:0.6em;
  cursor:pointer;
  transition:background 0.2s ease, color 0.2s ease;
}
.btn-solid{background:var(--red); border-color:var(--red); color:var(--white);}
.btn-solid:hover{background:transparent; color:var(--red);}