/* ===========================================================
   AgentWorks — "Normalized" layer (Oct 2026)
   Loaded last. Matches the invoice: white page, Inter Tight only,
   sentence-case headlines, no photo hero. Remove this <link> to
   revert to the previous look.
   =========================================================== */
:root, [data-theme="light"] {
  --font-display: "Inter Tight", "Inter", system-ui, sans-serif;
  --font-editorial: "Inter Tight", "Inter", system-ui, sans-serif;
  --font-mono: "Inter Tight", "Inter", system-ui, sans-serif;
}
[data-theme="light"] {
  --ink-000: #ffffff;
  --ink-050: #ffffff;
  --ink-100: #f6f7f8;
  --ink-200: #eef0f2;
  --ink-300: #e3e5e8;
  --ink-400: #e3e5e8;
  --ink-500: #9ca3af;
  --ink-600: #6b7280;
  --ink-700: #4b5260;
  --ink-800: #2a3038;
  --ink-900: #1a1e24;
  --ink-950: #0a0c10;
  --silver: #6b7280;
  --silver-bright: #2a3038;
  --silver-dim: #9ca3af;
  --hairline: 1px solid #e3e5e8;
}
[data-theme="light"] body { background: #fff; }
[data-theme="light"] .nav { background: rgba(255,255,255,0.92); border-bottom: 1px solid #eef0f2; }
.nav__logo { height: 60px; }
@media (max-width: 760px) { .nav__logo { height: 46px; } }
.footer__logo { width: 160px; }

/* No photo / grid behind heroes */
.hero__bg, .hero__grid { display: none !important; }
.hero { padding-top: clamp(3.5rem, 8vw, 6rem); padding-bottom: clamp(3rem, 6vw, 5rem); }

/* Headlines: sentence case, bold sans, muted second tone instead of serif italic */
.hero__title, .sec__title, .cta-final__title {
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: none;
  letter-spacing: -0.035em;
  line-height: 1.04;
}
.hero__title { font-size: clamp(2.4rem, 5.6vw, 4.6rem); }
.sec__title, .cta-final__title { font-size: clamp(1.9rem, 3.6vw, 3rem); }
.hero__title em, .sec__title em, .cta-final__title em,
h1 em, h2 em, h3 em {
  font-family: inherit;
  font-style: normal;
  font-weight: 700;
  font-variation-settings: normal;
  letter-spacing: inherit;
  color: #6b7280;
}
h3, .cap__title, .svc__title, .principle h3 { font-family: var(--font-display); text-transform: none; letter-spacing: -0.01em; }

/* Labels: Inter Tight small caps, like the invoice */
.sec__eyebrow, .caption, .cap__num, .svc__num { letter-spacing: 0.12em; font-weight: 600; }

/* Buttons: friendlier */
.btn { border-radius: 999px; letter-spacing: 0.02em; text-transform: none; font-weight: 600; }
.nav__cta { border-radius: 999px; text-transform: none; letter-spacing: 0.01em; font-weight: 600; }

/* Home: steps */
.steps { list-style: none; padding: 0; margin: var(--space-10, 2.5rem) 0 0; display: grid; gap: 1.25rem; grid-template-columns: repeat(3, 1fr); }
.step { background: #f6f7f8; border-radius: 16px; padding: 1.75rem; }
.step__num { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #0a0c10; color: #fff; font-weight: 700; font-size: 0.9rem; }
.step__title { margin: 1rem 0 0.4rem; font-size: 1.25rem; font-weight: 700; color: #0a0c10; }
.step__body { color: #4b5260; line-height: 1.55; margin: 0; }
@media (max-width: 800px) { .steps { grid-template-columns: 1fr; } }

/* Home: audit teaser */
.teaser { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(1.75rem, 4vw, 3rem); border-radius: 20px; background: #0a0c10; color: #fff; text-decoration: none; }
.teaser .sec__eyebrow { color: #9ca3af; }
.teaser__title { font-size: clamp(1.5rem, 2.8vw, 2.2rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.12; margin: 0.5rem 0 0.75rem; max-width: 26ch; color: #fff; }
.teaser__body { color: #c8ccd2; max-width: 52ch; margin: 0; line-height: 1.55; }
.teaser .btn { background: #fff; color: #0a0c10; border-color: #fff; white-space: nowrap; }
@media (max-width: 800px) { .teaser { flex-direction: column; align-items: flex-start; } }

/* Mobile menu: keep the closed off-canvas panel from widening the page */
html { overflow-x: clip; }
@media (max-width: 920px) {
  .nav__menu:not(.is-open) { visibility: hidden; transition: transform .3s ease, visibility 0s linear .3s; }
  .nav__menu.is-open { visibility: visible; transition: transform .3s ease; }
}
/* Dark teaser legibility */
.teaser p.teaser__body { color: #c8ccd2; }
.teaser .sec__eyebrow { color: #9ca3af; }