/* Keystone Construction (placeholder name) — charcoal, safety amber, condensed industrial type. */
:root {
  --primary: #1c1f24; --accent: #f5a623; --on-accent: #151515; --on-primary: #ffffff;
  --ink: #16181c; --muted: #5c626b; --line: #e1e3e7; --surface: #f2f3f5; --surface-2: #e4e6ea;
  --font-display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; --font-body: "Barlow", "Inter", system-ui, sans-serif;
  --radius: 4px; --radius-sm: 3px;
  --topbar-bg: #f5a623; --topbar-ink: #151515; --header-bg: #1c1f24; --header-ink: #ffffff; --header-line: rgba(255,255,255,.2);
  --strip-bg: #f5a623; --strip-ink: #151515; --hl-icon-bg: rgba(0,0,0,.12); --hl-icon: #151515; --dark-bg: #1c1f24;
  --drawer-bg: #1c1f24; --drawer-ink: #fff; --drawer-line: #3a3f48; --drawer-active: #2a2e36; --drawer-foot: #101216;
  --footer-bg: #101216; --footer-logo-bg: #fff; --footer-logo-pad: 6px 10px;
  --hero-overlay: linear-gradient(90deg, rgba(20,22,28,.92) 0%, rgba(20,22,28,.7) 50%, rgba(20,22,28,.3) 100%);
  --cta-bg: #f5a623; --cta-ink: #151515; --scard-icon-bg: #1c1f24; --scard-icon: #f5a623;
}
h1, h2, h3 { text-transform: uppercase; letter-spacing: .02em; } h1 { font-size: clamp(2.8rem, 6.4vw, 5rem); line-height: .98; } h2 { font-size: clamp(2.1rem, 3.8vw, 3rem); }
.hero::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 12px; z-index: 1; background: repeating-linear-gradient(135deg, #f5a623 0 22px, #1c1f24 22px 44px); }
.hl-strip { border: 0; }
.cta .btn--primary { background: #1c1f24; border-color: #1c1f24; color: #fff; } .cta .btn--outline { color: #151515; }
.brand img, .footer__logo { background: #fff; padding: 6px 10px; border-radius: 4px; } .brand img { height: 52px; }
.badge { background: #f5a623; color: #151515; } .step__num { border-radius: 4px; }
.scard__icon--float { background: #1c1f24; color: #f5a623; border-radius: 4px; }
.gcard__body h3 { letter-spacing: .02em; }
.btn { text-transform: uppercase; letter-spacing: .04em; }