/* @fonts: Archivo | Public Sans */
/* --- generated fonts --- */
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url("/assets/fonts/archivo-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:"Public Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url("/assets/fonts/publicsans-300-800-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 --- */
/* Home: "Greenback". Deep money green + gold + orange action. In the US green reads as
   money, growth and "go"; gold as earned value; orange as the friendly, affordable
   call to action. Archivo (wide American grotesque) for headlines, Public Sans (the
   US Web Design System typeface) for reading. */
:root {
  --bg: #0e2a1f; --bg-raised: #12352a; --bg-card: rgba(243, 239, 227, 0.04);
  --line: rgba(243, 239, 227, 0.14); --line-strong: rgba(243, 239, 227, 0.3);
  --text: #f3efe3; --text-dim: #cbd3c3; --text-faint: #a3b2a4;
  --accent: #f2c14e; --accent-rgb: 242, 193, 78; --accent2-rgb: 255, 122, 26;
  --cta-bg: #ff7a1a; --cta-ink: #1b1206; --cta-hover: #ff8f3d;
  --font-display: "Archivo", "Arial Narrow", sans-serif;
  --font-body: "Public Sans", system-ui, sans-serif;
  --btn-radius: 3px; --card-radius: 4px; --card-radius-lg: 6px;
  --three-particle: #f2c14e; --three-shell: #ff7a1a; --three-core: #f3efe3; --three-glow: #ff7a1a; --three-x: 5.2;
}
h1, h2, h3 { font-stretch: 108%; font-weight: 800; letter-spacing: -0.015em; }
.hero__title { font-stretch: 118%; font-weight: 900; text-transform: uppercase; letter-spacing: -0.01em; line-height: 0.95; font-size: clamp(2.6rem, 1rem + 5.4vw, 5.8rem); }
.hero__line--accent span { color: var(--accent); }
.hero__eyebrow { background: transparent; border-color: rgba(var(--accent-rgb), 0.5); color: var(--accent); font-weight: 700; }
.hero__sub { font-size: clamp(1.05rem, 1rem + 0.35vw, 1.25rem); max-width: 56ch; }
/* banknote double rule along the bottom of the hero */
.hero::after { content: ""; position: absolute; left: var(--space-gutter); right: var(--space-gutter); bottom: 1.2rem; height: 6px; border-top: 1px solid rgba(var(--accent-rgb), 0.45); border-bottom: 1px solid rgba(var(--accent-rgb), 0.45); z-index: 2; }
.section__title, .band h2 { font-stretch: 112%; text-transform: uppercase; font-weight: 900; letter-spacing: -0.005em; line-height: 1; }
.section__title em, .band h2 em { color: var(--accent); }
.stat__num { font-stretch: 120%; font-weight: 900; color: var(--accent); }
.stat__label { color: var(--text-dim); }
.service-card { background: transparent; border-color: var(--line); }
.service-card:nth-child(odd) { background: var(--bg-card); }
.service-card__num { font-stretch: 120%; font-size: 2.4rem; letter-spacing: -0.02em; line-height: 1; }
.case-card__metric { font-stretch: 120%; font-weight: 900; color: var(--accent); }
.case-card__tag { color: var(--accent); }
.t-card { background: #133b2d; }
.t-card__stars { color: var(--accent); }
.process__step::before { font-stretch: 120%; font-size: 2.6rem; }
.cta__card { border-color: rgba(var(--accent-rgb), 0.4); }
.section--tint { background: var(--bg-raised); }
/* small phones: the expanded cut of "MANAGEMENT" is wider than a 375px screen */
@media (max-width: 600px) {
  .hero__title { font-stretch: 88%; font-size: min(2.25rem, 9.6vw); }  /* measured: MANAGEMENT = 301px in a 335px box at 375px */
  .section__title, .band h2 { font-stretch: 100%; }
}