/* @fonts: Schibsted Grotesk | JetBrains Mono */
/* --- generated fonts --- */
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;src:url("/assets/fonts/schibsted-400-900-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 700;font-display:swap;src:url("/assets/fonts/jetbrainsmono-400-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* --- end generated fonts --- */
/* Web design: "Build". Charcoal workspace, electric lime for the thing that ships.
   Lime reads as new and fast; the mono labels and browser-window chrome say "we
   build it" without stock imagery. */
:root {
  --bg: #101214; --bg-raised: #16191c; --bg-card: #15181b;
  --line: rgba(242, 242, 240, 0.12); --line-strong: rgba(242, 242, 240, 0.28);
  --text: #f2f2f0; --text-dim: #b9bdc2; --text-faint: #8d9399;
  --accent: #c6f13f; --accent-rgb: 198, 241, 63; --accent2-rgb: 94, 234, 212;
  --cta-bg: #c6f13f; --cta-ink: #101214; --cta-hover: #d6f76e;
  --font-display: "Schibsted Grotesk", system-ui, sans-serif;
  --font-body: "Schibsted Grotesk", system-ui, sans-serif;
  --num-font: "JetBrains Mono", ui-monospace, monospace;
  --btn-radius: 2px; --card-radius: 6px; --card-radius-lg: 8px;
}
h1, h2, h3 { font-weight: 800; letter-spacing: -0.03em; }
.page-hero h1 { font-size: clamp(2.6rem, 1.2rem + 5vw, 5.4rem); line-height: 0.96; }
.page-hero h1 em, .section__title em, .band h2 em { color: var(--accent); }
.page-hero__crumbs, .section__kicker, .stat__label, .process__step h3 small { font-family: var(--num-font); }
.section__kicker { font-size: 0.82rem; font-weight: 500; }
.section__kicker::before { content: "//"; width: auto; height: auto; background: none; color: var(--accent); }
/* every card is a browser window */
.feature-card { position: relative; padding-top: 3rem; }
.feature-card::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 30px;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 16px 15px, #ff5f57 4px, transparent 4.5px),
    radial-gradient(circle at 30px 15px, #febc2e 4px, transparent 4.5px),
    radial-gradient(circle at 44px 15px, #28c840 4px, transparent 4.5px),
    rgba(255, 255, 255, 0.03);
}
.stat__num { font-family: var(--num-font); color: var(--accent); letter-spacing: -0.04em; }
.result-strip { border-color: rgba(var(--accent-rgb), 0.4); }
.process__step::before { font-size: 1.8rem; }
.band { background: var(--bg-raised); }