/* @fonts: Bebas Neue | Barlow */
/* --- generated fonts --- */
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/bebasneue-400-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:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/barlow-400-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:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/barlow-500-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:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/barlow-600-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:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/barlow-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 --- */
/* Video editing: "Cinema". Theater black, film-amber light, and a blinking red REC
   dot. Bebas Neue is the American movie-poster face; Barlow keeps body copy
   readable underneath it. */
:root {
  --bg: #0c0c0d; --bg-raised: #141416; --bg-card: #151517;
  --line: rgba(245, 241, 232, 0.12); --line-strong: rgba(245, 241, 232, 0.28);
  --text: #f5f1e8; --text-dim: #c2bbad; --text-faint: #908a7f;
  --accent: #ffb020; --accent-rgb: 255, 176, 32; --accent2-rgb: 255, 59, 48;
  --cta-bg: #ffb020; --cta-ink: #0c0c0d; --cta-hover: #ffc24d;
  --font-display: "Bebas Neue", Impact, sans-serif;
  --font-body: "Barlow", system-ui, sans-serif;
  --num-font: "Barlow", sans-serif;
  --btn-radius: 2px; --card-radius: 2px; --card-radius-lg: 4px;
}
h1, h2, .page-hero h1, .section__title, .band h2 { font-weight: 400; letter-spacing: 0.012em; line-height: 0.92; }
.btn, .hero__badges, .page-hero__crumbs { font-family: var(--font-body); letter-spacing: 0.01em; }
.page-hero h1 { font-size: clamp(3.4rem, 1.6rem + 7vw, 8rem); }
.section__title, .band h2 { font-size: clamp(2.6rem, 1.4rem + 4.4vw, 5rem); }
.page-hero h1 em, .section__title em, .band h2 em { color: var(--accent); }
/* body-weight headings inside cards stay readable */
.feature-card h3, .price-card h3, .process__step h3, .why__card h3 { font-family: var(--font-body); font-weight: 700; letter-spacing: 0; }
/* REC indicator on every section label */
.section__kicker { font-family: var(--font-body); text-transform: uppercase; letter-spacing: 0.16em; font-size: 0.78rem; font-weight: 700; color: var(--text); }
.section__kicker::before { width: 10px; height: 10px; border-radius: 50%; background: #ff3b30; animation: rec 1.4s steps(2, jump-none) infinite; }
@keyframes rec { 50% { opacity: 0.2; } }
/* letterbox bars on the hero */
.page-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background: #000; }
/* film sprockets along tinted sections */
.section--tint { position: relative; }
.section--tint::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 14px;
  background: repeating-linear-gradient(90deg, transparent 0 14px, rgba(245, 241, 232, 0.14) 14px 26px);
  -webkit-mask: linear-gradient(#000 0 0) center / 100% 8px no-repeat; mask: linear-gradient(#000 0 0) center / 100% 8px no-repeat;
}
.price-card--hot { border-color: var(--accent); }
.price-card__badge { background: #ff3b30; color: #fff; }
.pill strong { color: var(--accent); }
.band { background: #000; }