/* Fonts: same Google Fonts files, self-hosted */
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/EBGaramond-latin-ext-1a53db.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/EBGaramond-latin-143e88.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:'EB Garamond';font-style:italic;font-weight:400 500;font-display:swap;src:url(/fonts/EBGaramond-latin-ext-5b0df7.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400 500;font-display:swap;src:url(/fonts/EBGaramond-latin-eb4c3b.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:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/Inter-latin-ext-395290.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/Inter-latin-567244.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 500;font-display:swap;src:url(/fonts/JetBrainsMono-latin-ext-ba1653.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/JetBrainsMono-latin-480c06.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}

/* styles.css */
/* ============================================================
   SeisQuake — Design Tokens
   Two themes: dark (engineering/data) + light (institutional)
   Switch by setting data-theme="dark" or "light" on <html>
============================================================ */

:root,
:root[data-theme="dark"] {
  --bg: #06080F;
  --surface: #0D1020;
  --surface-alt: #11152A;
  --border: rgba(255, 255, 255, 0.07);
  --border-strong: rgba(255, 255, 255, 0.14);
  --accent: #E8C547;
  --accent-soft: rgba(232, 197, 71, 0.12);
  --accent-strong: #F2D362;
  --link: #5B8FD4;
  --link-strong: #7BA8E0;
  --success: #4A9D6F;
  --danger: #C45E5E;
  --text: #C8C4BC;
  --muted: #6A7180;
  --heading: #EEE8DC;
  --hero-bg: #06080F;
  --hero-text: #EEE8DC;
  --on-accent: #0a0a0a;
  --footer-bg: #04060B;
  --code-bg: rgba(255, 255, 255, 0.04);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.3);
  --waveform-color: #E8C547;
  --waveform-opacity: 0.16;
}

:root[data-theme="light"] {
  --bg: #FAFAF8;
  --surface: #FFFFFF;
  --surface-alt: #F4F3F0;
  --border: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.16);
  --accent: #1C3A6B;
  --accent-soft: rgba(28, 58, 107, 0.08);
  --accent-strong: #0D1F3C;
  --link: #2E6FAD;
  --link-strong: #1C3A6B;
  --success: #2E7D4F;
  --danger: #B03030;
  --text: #2C2C2C;
  --muted: #6B7280;
  --heading: #111111;
  --hero-bg: #0D1F3C;
  --hero-text: #FFFFFF;
  --on-accent: #FFFFFF;
  --footer-bg: #0D1F3C;
  --code-bg: rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 32px rgba(13, 31, 60, 0.08);
  --shadow-sm: 0 2px 12px rgba(13, 31, 60, 0.06);
  --waveform-color: #93B4DC;
  --waveform-opacity: 0.55;
}

/* ============================================================
   Base + Typography
============================================================ */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  font-feature-settings: "ss01", "cv11";
  transition: background 0.3s, color 0.3s;
}

.serif { font-family: 'EB Garamond', Georgia, 'Times New Roman', serif; font-weight: 500; letter-spacing: -0.01em; }
.mono { font-family: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace; }

h1, h2, h3, h4 {
  font-family: 'EB Garamond', Georgia, serif;
  color: var(--heading);
  font-weight: 500;
  letter-spacing: -0.015em;
  line-height: 1.15;
  margin: 0 0 0.5em;
}

h1 { font-size: clamp(40px, 5.4vw, 64px); }
h2 { font-size: clamp(30px, 3.6vw, 44px); }
h3 { font-size: 22px; }

p { margin: 0 0 1em; color: var(--text); }
p.lead { font-size: 18px; line-height: 1.55; color: var(--text); max-width: 56ch; }

a { color: var(--link); text-decoration: none; transition: color 0.15s; }
a:hover { color: var(--link-strong); }

::selection { background: var(--accent); color: var(--on-accent); }

/* ============================================================
   Layout primitives
============================================================ */

.container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 32px;
}

section {
  padding: 100px 0;
  position: relative;
}

section.alt { background: var(--surface-alt); }

.section-label {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.section-label::before {
  content: "";
  width: 24px; height: 1px;
  background: var(--accent);
}

.eyebrow {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--muted);
}

/* ============================================================
   Buttons
============================================================ */

.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 22px;
  border-radius: 4px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.18s ease;
  white-space: nowrap;
}

.btn-primary {
  background: var(--accent);
  color: var(--on-accent);
  border-color: var(--accent);
  font-weight: 600;
}
.btn-primary:hover {
  background: var(--accent-strong);
  border-color: var(--accent-strong);
  color: var(--on-accent);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px var(--accent-soft);
}
.btn:disabled,
.btn[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.btn-ghost {
  background: transparent;
  color: var(--text);
  border-color: var(--border-strong);
}
.btn-ghost:hover {
  border-color: var(--accent);
  color: var(--heading);
}

.btn-link {
  background: var(--link);
  color: #fff;
  border-color: var(--link);
}
.btn-link:hover { background: var(--link-strong); border-color: var(--link-strong); color: #fff; }

.btn-block { width: 100%; justify-content: center; }
.btn-lg { padding: 16px 26px; font-size: 15px; }

/* ============================================================
   NAV
============================================================ */

.nav {
  position: sticky;
  top: 0;
  z-index: 100;
  background: color-mix(in oklab, var(--bg) 78%, transparent);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid var(--border);
  transition: background 0.3s;
}
.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 32px;
  max-width: 1400px;
  margin: 0 auto;
}
.nav-logo {
  display: flex;
  align-items: center;
  gap: 14px;
}
.nav-wordmark {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 24px;
  font-weight: 500;
  color: var(--heading);
  letter-spacing: -0.01em;
}
.nav-wordmark em {
  font-style: italic;
  color: var(--accent);
  font-weight: 500;
}
.nav-badge {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  letter-spacing: 0.12em;
  padding: 4px 7px;
  border: 1px solid var(--border-strong);
  border-radius: 3px;
  color: var(--muted);
}
.nav-links {
  display: flex;
  align-items: center;
  gap: 32px;
}
.nav-links a {
  color: var(--text);
  font-size: 14px;
  font-weight: 400;
}
.nav-links a:hover { color: var(--heading); }
/* Buttons inside the nav re-assert their own color over .nav-links a */
.nav-links a.btn-primary { color: var(--on-accent); }
.nav-links a.btn-primary:hover { color: var(--on-accent); }
.nav-links a.nav-phone {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-weight: 500;
  color: var(--heading);
  white-space: nowrap;
}
.nav-links a.nav-phone:hover { color: var(--accent); }
.hero-call-line {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 16px;
}
.hero-call-line a { color: #E8C547; font-weight: 500; }
.hero-call-line a:hover { text-decoration: underline; }

.nav-hamburger {
  display: none;
  background: transparent;
  border: 1px solid var(--border-strong);
  border-radius: 4px;
  width: 38px; height: 38px;
  cursor: pointer;
  color: var(--heading);
  align-items: center; justify-content: center;
}

/* ============================================================
   HERO
============================================================ */

.hero {
  background: var(--hero-bg);
  color: var(--hero-text);
  min-height: calc(100vh - 65px);
  padding: 80px 0 100px;
  position: relative;
  overflow: hidden;
}
.hero h1, .hero h2 { color: var(--hero-text); }
.hero p { color: rgba(255, 255, 255, 0.78); }

.hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 64px;
  align-items: center;
  position: relative;
  z-index: 2;
}

.badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
}
.badge {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  color: rgba(255, 255, 255, 0.92);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.06);
}
:root[data-theme="dark"] .badge {
  border-color: rgba(232, 197, 71, 0.42);
  color: var(--accent);
  background: rgba(232, 197, 71, 0.06);
}

.hero h1 {
  font-size: clamp(40px, 5vw, 62px);
  line-height: 1.05;
  margin: 0 0 22px;
  letter-spacing: -0.02em;
}
.hero h1 em {
  display: block;
  font-style: italic;
  color: var(--accent);
  margin-top: 4px;
}

/* Light theme: hero sits on navy, so the deep-navy accent disappears.
   Swap in warm gold for the hero italic, stats, and badge accents. */
:root[data-theme="light"] .hero h1 em,
:root[data-theme="light"] .hero .stat-num {
  color: #E8C547;
}
:root[data-theme="light"] .hero .btn-primary {
  background: #E8C547;
  border-color: #E8C547;
  color: #0D1F3C;
}
:root[data-theme="light"] .hero .btn-primary:hover {
  background: #F2D362;
  border-color: #F2D362;
  color: #0D1F3C;
}
:root[data-theme="light"] .hero .btn-ghost {
  border-color: rgba(255, 255, 255, 0.32);
  color: #fff;
}
:root[data-theme="light"] .hero .btn-ghost:hover {
  border-color: #E8C547;
  color: #E8C547;
}
:root[data-theme="light"] .hero .stat-bar {
  border-top-color: rgba(255, 255, 255, 0.16);
}
:root[data-theme="light"] .hero .stat-label {
  color: rgba(255, 255, 255, 0.65);
}

.hero-sub {
  font-size: 16px;
  line-height: 1.6;
  max-width: 52ch;
  margin-bottom: 36px;
}

.hero-cta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 56px;
}

.stat-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  padding-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.stat-num {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 22px;
  color: var(--accent);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-bottom: 4px;
}
.stat-label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.35;
}

.hero-visual {
  position: relative;
  height: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-waveform-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: var(--waveform-opacity);
}

/* ============================================================
   Comparison Table
============================================================ */

.compare-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  margin-top: 40px;
  box-shadow: var(--shadow-sm);
}
table.compare {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
table.compare th, table.compare td {
  text-align: left;
  padding: 16px 22px;
  border-bottom: 1px solid var(--border);
}
table.compare thead th {
  background: var(--surface-alt);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--muted);
}
table.compare thead th.is-us {
  color: var(--accent);
  background: var(--accent-soft);
}
table.compare tbody tr:last-child td { border-bottom: 0; }
table.compare td:first-child {
  font-weight: 500;
  color: var(--heading);
  width: 36%;
}
table.compare td.is-us {
  background: var(--accent-soft);
  color: var(--heading);
  font-weight: 500;
}
table.compare .yes { color: var(--success); font-weight: 600; }
table.compare .no { color: var(--danger); font-weight: 600; }
table.compare .accent { color: var(--accent); font-weight: 600; font-family: 'JetBrains Mono', ui-monospace, monospace; }

/* ============================================================
   Why Now — three-column urgency / regulatory section
============================================================ */

.why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 44px;
}
.why-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-top: 2px solid var(--accent);
  border-radius: 8px;
  padding: 30px 28px 26px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.why-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.why-kicker {
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 14px;
}
.why-head {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 26px;
  line-height: 1.18;
  letter-spacing: -0.012em;
  color: var(--heading);
  margin: 0 0 14px;
}
.why-body {
  font-size: 14px;
  line-height: 1.55;
  color: var(--text);
  margin: 0 0 20px;
  flex: 1;
}
.why-stat {
  font-size: 11.5px;
  letter-spacing: 0.06em;
  color: var(--muted);
  padding-top: 14px;
  border-top: 1px dashed var(--border-strong);
}

.why-cta {
  margin-top: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 28px;
  background: var(--accent-soft);
  border: 1px solid var(--accent);
  border-radius: 8px;
}
.why-cta-text {
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--text);
  max-width: 64ch;
}
.why-cta-text strong {
  display: block;
  color: var(--heading);
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin-bottom: 4px;
}
.why-cta-actions {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .why-grid { grid-template-columns: 1fr; gap: 16px; }
  .why-cta { flex-direction: column; align-items: stretch; text-align: left; }
  .why-cta-actions { width: 100%; }
  .why-cta-actions .btn { flex: 1; justify-content: center; }
}

/* ============================================================
   Fast Track band — mid-page deal-stage CTA
============================================================ */

.fast-track-band {
  padding: 0;
  background: var(--bg);
}
.fast-track-band .container { padding-top: 0; padding-bottom: 0; }
.fast-track-inner {
  background: var(--hero-bg);
  color: var(--hero-text);
  border-radius: 12px;
  padding: 36px 44px;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 32px;
  align-items: center;
  margin: 0 0 100px;
  position: relative;
  overflow: hidden;
  box-shadow: var(--shadow-md);
}
.fast-track-inner::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(232, 197, 71, 0.18);
  border-radius: 50%;
  pointer-events: none;
}
.fast-track-inner::before {
  content: "";
  position: absolute;
  right: -40px;
  top: -40px;
  width: 200px;
  height: 200px;
  border: 1px solid rgba(232, 197, 71, 0.12);
  border-radius: 50%;
  pointer-events: none;
}
.fast-track-eyebrow {
  font-size: 10.5px;
  letter-spacing: 0.18em;
  color: var(--accent);
  margin-bottom: 10px;
}
:root[data-theme="light"] .fast-track-eyebrow { color: #E8C547; }
.fast-track-head {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.2;
  letter-spacing: -0.012em;
  color: #fff;
  margin-bottom: 8px;
}
.fast-track-sub {
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.72);
  max-width: 58ch;
}
.fast-track-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  z-index: 1;
}
.fast-track-band .btn-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--on-accent);
}
:root[data-theme="light"] .fast-track-band .btn-primary {
  background: #E8C547;
  border-color: #E8C547;
  color: #0D1F3C;
}
:root[data-theme="light"] .fast-track-band .btn-primary:hover {
  background: #F2D362;
  border-color: #F2D362;
  color: #0D1F3C;
}
.fast-track-link {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
  letter-spacing: 0.02em;
}
.fast-track-link:hover { color: #fff; }
@media (max-width: 1024px) {
  .fast-track-inner {
    grid-template-columns: 1fr;
    padding: 28px 26px;
    gap: 22px;
    margin-bottom: 70px;
  }
  .fast-track-actions { align-items: stretch; }
  .fast-track-actions .btn { justify-content: center; }
}

/* ============================================================
   DUS approved-vendor callout (About section)
============================================================ */

.dus-callout {
  margin-top: 48px;
  padding: 26px 30px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 3px solid var(--link);
  border-radius: 6px;
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 28px;
  align-items: start;
}
.dus-callout-eyebrow {
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--link);
  padding-top: 4px;
}
.dus-callout-body p {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--text);
  margin: 0 0 10px;
}
.dus-callout-body p:last-child { margin-bottom: 0; }
.dus-callout-body strong { color: var(--heading); font-weight: 600; }
.dus-callout .dus-names {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 13px;
  color: var(--heading);
  letter-spacing: -0.005em;
}
@media (max-width: 720px) {
  .dus-callout { grid-template-columns: 1fr; gap: 12px; padding: 22px 22px; }
}

/* ============================================================
   Scope (Included / Not Included)
============================================================ */

.scope-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 40px;
}
.scope-grid.scope-grid-single {
  grid-template-columns: 1fr;
}
.scope-grid.scope-grid-single .scope-col ul {
  columns: 2;
  column-gap: 40px;
}
.scope-grid.scope-grid-single .scope-col li {
  break-inside: avoid;
}
.scope-col {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 32px 30px;
}
.scope-col h3 {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--heading);
}
.scope-col.included h3 { color: var(--success); }
.scope-col.excluded h3 { color: var(--danger); }
.scope-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.scope-col li {
  padding: 9px 0 9px 26px;
  position: relative;
  font-size: 14px;
  color: var(--text);
  line-height: 1.5;
  border-bottom: 1px dashed var(--border);
}
.scope-col li:last-child { border-bottom: 0; }
.scope-col.included li::before {
  content: "✓";
  position: absolute;
  left: 0; top: 9px;
  color: var(--success);
  font-weight: 600;
}
.scope-col.included li.engineer-list::before,
.scope-col.included .ul-engineer li::before {
  content: "✓";
  color: var(--link);
}
.scope-col.excluded li::before {
  content: "✕";
  position: absolute;
  left: 0; top: 9px;
  color: var(--danger);
  font-weight: 500;
}

.callout {
  margin-top: 32px;
  padding: 24px 28px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 3px solid var(--accent);
  border-radius: 4px;
}
.callout strong {
  display: block;
  color: var(--heading);
  font-size: 14px;
  margin-bottom: 6px;
  letter-spacing: 0.01em;
}
.callout p { font-size: 14px; margin: 0 0 10px; }
.callout p:last-child { margin-bottom: 0; }

/* ============================================================
   Process timeline
============================================================ */

.process {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-top: 56px;
  position: relative;
}
.process-step {
  position: relative;
  padding: 28px 18px 22px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 6px;
}
.process-num {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 32px;
  color: var(--accent);
  line-height: 1;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}
.process-title {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--heading);
  margin-bottom: 8px;
  letter-spacing: 0.005em;
}
.process-desc {
  font-size: 13px;
  line-height: 1.5;
  color: var(--text);
  margin: 0;
}
.process-connector {
  position: absolute;
  top: 44px;
  right: -12px;
  width: 24px;
  height: 1px;
  border-top: 1px dashed var(--accent);
  opacity: 0.6;
}

/* ============================================================
   Pricing cards
============================================================ */

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 48px;
  align-items: stretch;
}
.price-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 36px 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.2s, box-shadow 0.2s;
}
.price-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.price-card.featured {
  border-color: var(--accent);
  border-width: 1.5px;
  transform: scale(1.02);
  box-shadow: var(--shadow-md);
}
.price-card.featured:hover { transform: scale(1.02) translateY(-2px); }
.price-card .pop-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--accent);
  color: var(--on-accent);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  padding: 4px 12px;
  border-radius: 999px;
  text-transform: uppercase;
  font-weight: 600;
}
.price-name {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 4px;
}
.price-sub-name {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 24px;
  color: var(--heading);
  margin-bottom: 18px;
  letter-spacing: -0.01em;
  line-height: 1.2;
  min-height: 58px;
}
.price-best-for {
  font-size: 12.5px;
  color: var(--muted);
  line-height: 1.5;
  padding: 14px 0;
  margin: 0 0 18px;
  border-top: 1px solid var(--border);
}
.price-best-for strong {
  color: var(--heading);
  font-weight: 600;
}
.price-amount {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 52px;
  font-weight: 500;
  color: var(--heading);
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
}
.price-amount.small { font-size: 28px; }
.price-card .price-sub {
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 24px;
  min-height: 36px;
}
.price-turnaround {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
  padding: 4px 10px;
  border: 1px solid var(--accent);
  border-radius: 999px;
  margin-bottom: 14px;
  background: var(--accent-soft);
}
.price-volume {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
  margin-bottom: 4px;
  letter-spacing: 0.01em;
}
.price-features {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  flex: 1;
}
.price-features li {
  padding: 8px 0 8px 24px;
  position: relative;
  font-size: 13.5px;
  line-height: 1.45;
  color: var(--text);
}
.price-features li::before {
  content: "";
  position: absolute;
  left: 0; top: 14px;
  width: 12px; height: 1px;
  background: var(--accent);
}

/* ============================================================
   Scope — 3-tier card grid + "Which level do I need?" table
============================================================ */

.scope-tier-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 40px;
}
.scope-tier-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 30px 28px;
  display: flex;
  flex-direction: column;
}
.scope-tier-name {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 6px;
}
.scope-tier-name > span:first-child {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--accent);
  text-transform: uppercase;
  font-weight: 500;
}
.scope-tier-sub {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 22px;
  color: var(--heading);
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.scope-tier-meta {
  font-size: 12px;
  color: var(--muted);
  letter-spacing: 0.02em;
  padding: 10px 0;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--border);
}
.scope-tier-items {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  flex: 1;
}
.scope-tier-items li {
  padding: 8px 0 8px 24px;
  position: relative;
  font-size: 13.5px;
  line-height: 1.45;
  color: var(--text);
}
.scope-tier-items li::before {
  content: "✓";
  position: absolute;
  left: 0; top: 8px;
  color: var(--success);
  font-weight: 600;
}
.scope-tier-bestfor {
  font-size: 13px;
  color: var(--text);
  line-height: 1.5;
  padding: 14px 0 0;
  margin: 0;
  border-top: 1px solid var(--border);
}
.scope-tier-bestfor strong {
  color: var(--heading);
  font-weight: 600;
}

.scope-guidance {
  margin-top: 56px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 32px 36px;
}
.scope-guidance h3 {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 26px;
  color: var(--heading);
  margin: 0 0 18px;
  letter-spacing: -0.01em;
}
table.guidance-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
table.guidance-table th {
  text-align: left;
  padding: 12px 16px 12px 0;
  border-bottom: 1px solid var(--border);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--muted);
}
table.guidance-table td {
  padding: 14px 16px 14px 0;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}
table.guidance-table tr:last-child td { border-bottom: 0; }
table.guidance-table td.guidance-tier {
  color: var(--accent);
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .scope-tier-grid { grid-template-columns: 1fr; max-width: 520px; margin-left: auto; margin-right: auto; }
}
@media (max-width: 720px) {
  .scope-guidance { padding: 24px 22px; }
  table.guidance-table td.guidance-tier { white-space: normal; }
}

.price-footnote {
  text-align: center;
  font-size: 13px;
  color: var(--muted);
  margin-top: 32px;
  max-width: 70ch;
  margin-left: auto;
  margin-right: auto;
}

/* ============================================================
   Compliance
============================================================ */

.compliance-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 40px;
}
.compliance-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 28px 28px;
}
.compliance-card h3 {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 24px;
  margin: 0 0 6px;
  color: var(--heading);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.compliance-card .tag {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.12em;
  color: var(--accent);
  padding: 3px 8px;
  border: 1px solid var(--accent);
  border-radius: 3px;
  text-transform: uppercase;
}
.compliance-card .ref {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  color: var(--muted);
  margin-bottom: 14px;
  letter-spacing: 0.04em;
}
.compliance-card p {
  font-size: 14px;
  margin: 0 0 8px;
}
.compliance-card p:last-child { margin-bottom: 0; }
.compliance-card .threshold {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  color: var(--text);
  background: var(--code-bg);
  padding: 10px 12px;
  border-radius: 4px;
  margin-top: 10px;
  line-height: 1.65;
}
.compliance-card .threshold .ok { color: var(--success); }
.compliance-card .threshold .warn { color: var(--accent); }
.compliance-card .threshold .bad { color: var(--danger); }

.pullquote {
  text-align: center;
  margin: 80px auto 0;
  max-width: 920px;
  position: relative;
}
.pullquote::before {
  content: "“";
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 100px;
  color: var(--accent);
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
}
.pullquote q {
  display: block;
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 30px;
  line-height: 1.35;
  color: var(--heading);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.012em;
  padding-top: 40px;
  quotes: none;
}
.pullquote q::before, .pullquote q::after { content: ""; }

/* ============================================================
   About
============================================================ */

.about-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 56px;
  margin-top: 40px;
  align-items: start;
}
.about-copy p { font-size: 16px; line-height: 1.65; }
.about-cards { display: flex; flex-direction: column; gap: 18px; }
.cred-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 26px 28px;
}
.cred-card h4 {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 16px;
}
.cred-list { list-style: none; padding: 0; margin: 0; }
.cred-list li {
  padding: 8px 0 8px 24px;
  position: relative;
  font-size: 14px;
  line-height: 1.45;
}
.cred-list li::before {
  content: "✓";
  color: var(--link);
  position: absolute;
  left: 0; top: 8px;
  font-weight: 600;
}

table.qual {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin-top: 8px;
}
table.qual td {
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
}
table.qual tr:last-child td { border-bottom: 0; }
table.qual td:last-child {
  text-align: right;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  color: var(--success);
  font-size: 12px;
  font-weight: 500;
}

.report-coverage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 32px;
  list-style: none;
  padding: 0;
  margin: 48px 0 0;
}
.report-coverage li {
  padding: 10px 0 10px 28px;
  position: relative;
  font-size: 14px;
  border-bottom: 1px solid var(--border);
}
.report-coverage li::before {
  content: "→";
  position: absolute;
  left: 0; top: 10px;
  color: var(--accent);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
}

/* ============================================================
   Trust band — credentials strip between About + Testimonials
============================================================ */

.trust-band {
  padding: 40px 0;
  background: var(--bg);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.trust-band-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.trust-band-cell {
  text-align: center;
  padding: 12px 8px;
  border-right: 1px solid var(--border);
}
.trust-band-cell:last-child { border-right: 0; }
.trust-band-num {
  font-size: 26px;
  font-weight: 500;
  color: var(--accent);
  letter-spacing: -0.01em;
  line-height: 1.1;
  margin-bottom: 6px;
}
.trust-band-label {
  font-size: 12px;
  color: var(--muted);
  letter-spacing: 0.04em;
  line-height: 1.4;
}
@media (max-width: 720px) {
  .trust-band-grid { grid-template-columns: 1fr 1fr; gap: 4px; }
  .trust-band-cell:nth-child(2) { border-right: 0; }
  .trust-band-cell:nth-child(1), .trust-band-cell:nth-child(2) {
    border-bottom: 1px solid var(--border);
    padding-bottom: 18px;
    margin-bottom: 6px;
  }
  .trust-band-num { font-size: 20px; }
}

/* ============================================================
   Testimonials
============================================================ */

.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 40px;
}
.testimonial {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 30px 30px;
  display: flex;
  flex-direction: column;
}
.stars {
  color: var(--accent);
  font-size: 13px;
  letter-spacing: 2px;
  margin-bottom: 16px;
}
.testimonial q {
  font-family: 'EB Garamond', Georgia, serif;
  font-style: italic;
  font-size: 18px;
  line-height: 1.5;
  color: var(--heading);
  display: block;
  flex: 1;
  quotes: "“" "”";
  margin-bottom: 20px;
}
.attribution {
  border-top: 1px solid var(--border);
  padding-top: 16px;
  font-size: 13px;
  color: var(--text);
  line-height: 1.4;
}
.attribution strong { display: block; color: var(--heading); font-weight: 600; }
.attribution span { color: var(--muted); }

/* ============================================================
   FAQ
============================================================ */

.faq {
  max-width: 880px;
  margin: 40px auto 0;
}
.faq-item {
  border-bottom: 1px solid var(--border);
}
.faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: var(--heading);
  background: transparent;
  border: 0;
  width: 100%;
  text-align: left;
  font-family: inherit;
  transition: color 0.15s;
}
.faq-q:hover { color: var(--accent); }
.faq-icon {
  width: 14px; height: 14px;
  flex-shrink: 0;
  transition: transform 0.25s ease;
  color: var(--accent);
}
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
  opacity: 0;
}
.faq-item.open .faq-a {
  max-height: 600px;
  opacity: 1;
}
.faq-a-inner {
  padding: 4px 0 28px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--text);
  max-width: 72ch;
}

/* ============================================================
   Order form
============================================================ */

.order-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 64px;
  margin-top: 40px;
  align-items: start;
}
.trust-list { list-style: none; padding: 0; margin: 0; }
.trust-list li {
  display: flex;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--border);
  font-size: 14px;
  line-height: 1.5;
  color: var(--text);
}
.trust-list li:last-child { border-bottom: 0; }
.trust-list .ico {
  color: var(--accent);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 14px;
  flex-shrink: 0;
  width: 20px;
}

.form-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 36px 36px;
}
.field { margin-bottom: 18px; }
.field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.field label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--heading);
  margin-bottom: 7px;
  letter-spacing: 0.02em;
}
.field label .req { color: var(--accent); margin-left: 2px; }

.field input,
.field select,
.field textarea {
  width: 100%;
  padding: 11px 13px;
  background: var(--bg);
  border: 1px solid var(--border-strong);
  border-radius: 4px;
  color: var(--heading);
  font-family: inherit;
  font-size: 14px;
  outline: none;
  transition: border-color 0.15s, background 0.15s;
}
.field textarea { resize: vertical; min-height: 96px; }
.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: var(--accent);
  background: var(--bg);
}
.field input::placeholder, .field textarea::placeholder { color: var(--muted); }
.field select { cursor: pointer; }

/* Prefill flash — when PGA widget hands off an address */
.field input.prefill-flash {
  animation: prefillFlash 1.4s ease-out;
}
@keyframes prefillFlash {
  0% { background: var(--accent-soft); border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }
  100% { background: var(--bg); }
}

.form-note {
  margin-top: 14px;
  font-size: 12px;
  color: var(--muted);
  text-align: center;
}

.form-submit-error {
  margin-bottom: 14px;
  padding: 12px 14px;
  background: rgba(196, 94, 94, 0.08);
  border: 1px solid rgba(196, 94, 94, 0.3);
  border-left: 3px solid var(--danger);
  border-radius: 4px;
  color: var(--danger);
  font-size: 13px;
  line-height: 1.5;
}
.form-submit-error strong { color: var(--danger); font-weight: 600; }
.form-submit-error a { color: var(--danger); text-decoration: underline; }

.form-success {
  text-align: center;
  padding: 60px 20px;
}
.form-success .check {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 18px;
}
.form-success h3 { font-size: 28px; margin-bottom: 12px; }

/* ============================================================
   PGA widget
============================================================ */

.pga-widget {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 36px 36px 30px;
  margin-top: 36px;
  box-shadow: var(--shadow-sm);
}
.pga-input-row {
  display: flex;
  gap: 12px;
  margin-top: 8px;
}
.pga-input-row input {
  flex: 1;
  padding: 13px 16px;
  background: var(--bg);
  border: 1px solid var(--border-strong);
  border-radius: 4px;
  color: var(--heading);
  font-family: inherit;
  font-size: 14px;
  outline: none;
}
.pga-input-row input:focus { border-color: var(--accent); }

.pga-result {
  margin-top: 26px;
  padding-top: 26px;
  border-top: 1px solid var(--border);
}
.pga-status {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 18px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing: 0.02em;
}
.pga-status .dot { width: 8px; height: 8px; border-radius: 50%; }
.pga-status.green { background: rgba(74, 157, 111, 0.12); color: var(--success); }
.pga-status.green .dot { background: var(--success); }
.pga-status.amber { background: rgba(232, 197, 71, 0.14); color: var(--accent); }
.pga-status.amber .dot { background: var(--accent); }
.pga-status.red { background: rgba(196, 94, 94, 0.14); color: var(--danger); }
.pga-status.red .dot { background: var(--danger); }

.pga-params {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 18px;
}
.pga-param {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 14px 14px;
}
.pga-param .k {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--muted);
  text-transform: uppercase;
  margin-bottom: 6px;
}
.pga-param .v {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 18px;
  color: var(--heading);
  font-weight: 500;
}
.pga-param .v.accent { color: var(--accent); }

.pga-cta-band {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 22px;
  padding: 18px 22px;
  background: var(--accent-soft);
  border: 1px solid var(--accent);
  border-radius: 8px;
}
.pga-cta-text {
  flex: 1;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text);
}
.pga-cta-text strong {
  color: var(--heading);
  display: block;
  margin-bottom: 2px;
  font-weight: 600;
}
.pga-cta-band .btn { flex-shrink: 0; white-space: nowrap; }

@media (max-width: 720px) {
  .pga-cta-band { flex-direction: column; align-items: stretch; padding: 16px 18px; }
  .pga-cta-band .btn { width: 100%; justify-content: center; }
}

.pga-actions {
  display: flex;
  gap: 12px;
  margin-top: 22px;
  flex-wrap: wrap;
}
.pga-loading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  font-size: 13px;
  color: var(--muted);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
}
.pga-spinner {
  width: 14px; height: 14px;
  border: 1.5px solid var(--border-strong);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.pga-error {
  margin-top: 18px;
  padding: 12px 16px;
  background: rgba(196, 94, 94, 0.08);
  border: 1px solid rgba(196, 94, 94, 0.3);
  border-radius: 4px;
  color: var(--danger);
  font-size: 13px;
}

.pga-note {
  margin-top: 18px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.5;
}

.pga-demo-note {
  margin: 0 0 16px;
  padding: 10px 14px;
  background: var(--accent-soft);
  border-left: 2px solid var(--accent);
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text);
}
.pga-demo-note strong { color: var(--heading); font-weight: 600; }

/* ============================================================
   Footer
============================================================ */

footer.footer {
  background: var(--footer-bg);
  color: rgba(255, 255, 255, 0.7);
  padding: 60px 0 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
footer.footer .footer-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1.2fr;
  gap: 48px;
}
footer.footer .nav-wordmark { color: #fff; }
footer.footer .nav-wordmark em { color: var(--accent); }
:root[data-theme="light"] footer.footer .nav-wordmark em { color: #E8C547; }
footer.footer h5 {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 0 14px;
  font-weight: 600;
}
footer.footer .footer-meta {
  font-size: 13px;
  margin-top: 14px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.55);
}
footer.footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer.footer ul li {
  padding: 6px 0;
}
footer.footer ul li a {
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
}
footer.footer ul li a:hover { color: var(--accent); }
:root[data-theme="light"] footer.footer ul li a:hover { color: #E8C547; }
footer.footer .footer-bottom {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  justify-content: space-between;
}

/* ============================================================
   Scroll reveal
============================================================ */

.reveal {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.in {
  opacity: 1;
  transform: translateY(0);
}

/* ============================================================
   Responsive
============================================================ */

@media (max-width: 1024px) {
  .hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .hero-visual { height: 320px; }
  .process { grid-template-columns: repeat(3, 1fr); }
  .process-connector { display: none; }
  .pricing-grid { grid-template-columns: 1fr; max-width: 480px; margin-left: auto; margin-right: auto; }
  .price-card.featured { transform: none; }
  .price-card.featured:hover { transform: translateY(-2px); }
  .compliance-grid { grid-template-columns: 1fr; }
  .testimonial-grid { grid-template-columns: 1fr; }
  .order-grid { grid-template-columns: 1fr; gap: 32px; }
  .about-grid { grid-template-columns: 1fr; gap: 32px; }
}

@media (max-width: 720px) {
  .container { padding: 0 22px; }
  section { padding: 70px 0; }
  .nav-links { display: none; }
  .nav-links.open {
    display: flex;
    position: absolute;
    top: 100%; left: 0; right: 0;
    background: var(--bg);
    flex-direction: column;
    padding: 22px;
    gap: 18px;
    border-bottom: 1px solid var(--border);
    align-items: stretch;
  }
  .nav-hamburger { display: inline-flex; }
  .stat-bar { grid-template-columns: 1fr 1fr; gap: 18px; }
  .scope-grid { grid-template-columns: 1fr; gap: 16px; }
  .scope-grid.scope-grid-single .scope-col ul { columns: 1; }
  .process { grid-template-columns: 1fr; }
  .field-row { grid-template-columns: 1fr; }
  .report-coverage { grid-template-columns: 1fr; }
  .pga-params { grid-template-columns: 1fr 1fr; }
  .field input,
  .field select,
  .field textarea { font-size: 16px; }
  .pga-input-row { flex-direction: column; }
  .pga-input-row input { width: 100%; font-size: 16px; }
  .pga-input-row .btn { width: 100%; justify-content: center; }
  .pga-widget { padding: 26px 22px; }
  .form-card { padding: 26px 22px; }
  footer.footer .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  footer.footer .footer-bottom { flex-direction: column; gap: 10px; }
  .pullquote q { font-size: 22px; }
}

/* site.css */
/* SeisQuake — shared page-level components (loaded after styles.css) */
a{color:var(--link)}a:hover{color:var(--accent-strong)}
.skip-link{position:absolute;top:-48px;left:0;background:var(--accent);color:var(--on-accent);padding:8px 16px;text-decoration:none;z-index:200;border-radius:0 0 4px 0;font-weight:600}
.skip-link:focus{top:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nav-links a{white-space:nowrap}
.nav-inner{position:relative}
@media (max-width:1240px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;padding:22px;gap:18px;border-bottom:1px solid var(--border);align-items:stretch}.nav-hamburger{display:inline-flex}}
.hero .eyebrow{color:rgba(255,255,255,.78)}
.logo-lockup{display:inline-flex;align-items:center;gap:10px}
.logo-lockup img{display:block;width:auto}
.logo-lockup .lm{height:36px}.logo-lockup .lw{height:21px}
.footer .logo-lockup{gap:12px}.footer .logo-lockup .lm{height:42px}.footer .logo-lockup .lw{height:25px}
.footer address{font-style:normal}
.trust-band-grid.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:720px){.trust-band-grid.three{grid-template-columns:1fr}}

/* Market strip */
.market-context-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:48px}
.market-stat{text-align:center}
.market-stat-num{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:26px;color:var(--accent);font-weight:500;letter-spacing:-0.02em;margin-bottom:6px;line-height:1.1}
.market-stat-label{font-size:13px;color:var(--text);line-height:1.4}
.market-stat-source{font-size:11px;color:var(--muted);margin-top:4px;font-style:italic}
@media (max-width:720px){.market-context-strip{grid-template-columns:1fr 1fr;gap:16px}}

/* Lender sidebar */
.lender-req-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:24px 26px;margin-top:32px}
.lender-req-sidebar h3{font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;margin:0 0 18px;color:var(--heading)}
.lender-req-sidebar ul{list-style:none;padding:0;margin:0}
.lender-req-sidebar li{padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;line-height:1.55}
.lender-req-sidebar li:last-child{border-bottom:0}
.lender-req-sidebar strong{display:block;color:var(--heading);font-weight:600;margin-bottom:3px}
.src-link{font-size:12px;font-family:'JetBrains Mono',ui-monospace,monospace}

/* Cards / grids */
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:40px}
.plain-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:28px 26px}
.plain-card h3{font-family:'EB Garamond',Georgia,serif;font-size:22px;color:var(--heading);margin:0 0 14px;letter-spacing:-0.01em}
.plain-card p{font-size:14px;line-height:1.6;color:var(--text);margin:0 0 20px}
.note-box{margin-top:32px;padding:20px 24px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:6px;font-size:14px;line-height:1.6;color:var(--text)}
.note-box strong{color:var(--heading);display:block;margin-bottom:6px}
.process-3col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.process-3col .process-step{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:28px 24px}
.process-3col .process-num{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--accent);margin-bottom:12px;letter-spacing:0.08em;text-transform:uppercase}
.process-3col .process-title{font-family:'EB Garamond',Georgia,serif;font-size:20px;color:var(--heading);margin-bottom:10px}
.process-3col .process-desc{font-size:14px;line-height:1.55;color:var(--text);margin:0}
.deliverables-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.deliverable-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px 22px}
.deliverable-label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.deliverable-title{font-family:'EB Garamond',Georgia,serif;font-size:18px;color:var(--heading);margin-bottom:8px}
.deliverable-desc{font-size:13px;line-height:1.5;color:var(--text);margin:0}
.urgency-block{background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;padding:24px 28px;margin:56px 0}
.urgency-block p{font-size:15px;line-height:1.65;color:var(--text);margin:0 0 12px;max-width:80ch}
.urgency-block p:last-child{margin:0}
.urgency-block a{color:var(--accent-strong);font-weight:600}
.inquiry-trust-list{list-style:none;padding:0;margin:0}
.inquiry-trust-list li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);font-size:14px;line-height:1.5;color:var(--text)}
.inquiry-trust-list li:last-child{border-bottom:0}
.inquiry-trust-list .ico{color:var(--accent);font-family:'JetBrains Mono',ui-monospace,monospace;flex-shrink:0;width:20px}
.inquiry-trust-list strong{color:var(--heading)}
.link-btn{background:transparent;border:0;color:var(--link);font-size:14px;cursor:pointer;padding:0;text-decoration:underline;margin:18px 0}
@media (max-width:1024px){.deliverables-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.process-3col,.deliverables-grid,.two-col{grid-template-columns:1fr}}

/* Trust block */
.trust-block{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}
.trust-col{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px 22px;display:flex;flex-direction:column;gap:12px}
.trust-col h3{font-family:'Inter',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin:0}
.trust-col ul{margin:0;padding-left:18px;font-size:14px;line-height:1.55;color:var(--text);display:flex;flex-direction:column;gap:6px}
.trust-col p{margin:0;font-size:14px;line-height:1.55;color:var(--text)}
.trust-col dl{margin:0;display:grid;gap:10px}
.trust-col dt{font-size:12px;color:var(--muted);font-family:'JetBrains Mono',ui-monospace,monospace}
.trust-col dd{margin:0;font-size:14px;color:var(--heading);font-weight:600}
.trust-col .btn{margin-top:auto;align-self:flex-start}
@media (max-width:1024px){.trust-block{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.trust-block{grid-template-columns:1fr}}

/* Guide pages */
.hero.hero-compact{min-height:0}
.hero.hero-compact h1{max-width:24ch}
.breadcrumb{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;margin-bottom:18px;display:flex;gap:8px;flex-wrap:wrap}
.prose{max-width:74ch}
.prose h2{margin-top:56px}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:32px;font-size:20px}
.prose p,.prose li{font-size:16px;line-height:1.7;color:var(--text)}
.prose ul,.prose ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.summary-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px 26px;margin:28px 0}
.summary-box h2,.summary-box h3{margin-top:0}
.data-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}
.data-table th,.data-table td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--border);line-height:1.5}
.data-table th{font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--heading);background:var(--surface)}
.table-wrap{overflow-x:auto}
.cta-band{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;padding:24px 28px;margin-top:56px}
.cta-band p{margin:0;max-width:56ch}
.cta-band .actions{display:flex;gap:12px;flex-wrap:wrap}

/* Mobile sticky CTA */
#mobile-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--accent);padding:12px 16px;z-index:99;box-shadow:0 -4px 20px rgba(0,0,0,.15);align-items:center;justify-content:space-between;gap:12px;transform:translateY(100%);transition:transform .3s}
#mobile-sticky-cta.visible{transform:translateY(0)}
#mobile-sticky-cta span{color:var(--on-accent);font-weight:600;font-size:13px;flex:1}
#mobile-sticky-cta .btn{background:var(--on-accent);color:var(--accent);border-color:var(--on-accent);font-size:13px;padding:10px 18px}
@media (max-width:768px){#mobile-sticky-cta{display:flex}}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* Free PGA check */
.pga-hero{margin:28px 0 8px;scroll-margin-top:90px}
.pga-hero-h{font-family:'EB Garamond',Georgia,serif;font-size:24px;line-height:1.2;margin:0 0 6px;letter-spacing:-0.01em}
.hero .pga-hero-sub{font-size:14px;line-height:1.55;margin:0 0 14px;max-width:60ch}
.pga-widget.pga-compact{padding:16px 18px}
.pga-label{display:block;font-size:12px;font-weight:600;color:var(--heading);letter-spacing:0.04em;text-transform:uppercase}
.hero .pga-widget p{color:var(--text)}
.pga-addr-line{font-size:13px;color:var(--muted);margin-bottom:4px;font-family:'JetBrains Mono',monospace}
.pga-coords{font-size:11px;color:var(--muted);font-family:'JetBrains Mono',monospace}
.pga-widget .pga-note{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.pga-widget .pga-note p{margin:0;font-size:13px;line-height:1.55}
.nav-pga{padding:8px 14px;font-size:13px}
@media (max-width:560px){.pga-input-row{flex-direction:column}.pga-input-row .btn{width:100%}}

/* Header actions always visible */
.nav-links{gap:22px}
.nav-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.nav-actions .nav-phone{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px;font-weight:500;color:var(--heading);white-space:nowrap;text-decoration:none}
.nav-actions .nav-phone:hover{color:var(--accent)}
.nav-actions .btn-primary{color:var(--on-accent);white-space:nowrap}
@media (max-width:1240px){.nav-links{margin-left:auto}}
@media (max-width:560px){.nav-inner{padding:10px 16px}.nav-badge{display:none}.nav-actions{gap:8px}.nav-actions .nav-phone{font-size:13px}.nav-actions .btn{padding:8px 11px;font-size:13px}}
@media (max-width:480px){.logo-lockup .lw{display:none}}
/* Hero: visible immediately; no horizontal overflow */
.hero{position:relative;overflow:hidden;max-width:100%}
.hero .reveal{opacity:1!important;transform:none!important;transition:none!important}
.hero-waveform-bg{overflow:hidden;max-width:100%}
.hero-waveform-bg svg,.hero-visual svg{width:100%!important;max-width:100%;height:100%}
.hero-grid>*{min-width:0}
.hero-visual{overflow:hidden;max-width:100%}
@media (max-width:720px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-visual{display:none}}
/* Accessibility */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root[data-theme="light"]{--muted:#4B5563}
.hero .stat-label,:root[data-theme="light"] .hero .stat-label{color:rgba(255,255,255,.8)}
footer.footer h2.footer-h{font-family:'Inter',sans-serif;font-size:11px;line-height:1.4;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,.75);margin:0 0 14px;font-weight:600}
footer.footer .footer-meta{color:rgba(255,255,255,.78)}
footer.footer .footer-bottom{color:rgba(255,255,255,.72)}
footer.footer address li{color:rgba(255,255,255,.82)}
.cred-card h3{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-weight:600}
table.compare tbody th{font-weight:500;color:var(--heading);width:36%}
table.compare tbody tr:last-child th{border-bottom:0}
.process-step h3.process-title{margin-top:0}
/* How we work: 7 steps */
.process.steps-7{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:28px}
.process.steps-7 .process-step:nth-child(4) .process-connector{display:none}
@media (max-width:1024px){.process.steps-7{grid-template-columns:repeat(2,minmax(0,1fr))}.process.steps-7 .process-connector{display:none}}
@media (max-width:720px){.process.steps-7{grid-template-columns:1fr}}
/* Conversion */
.inline-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;padding:20px 24px;margin:40px 0}
.inline-cta p{margin:0;max-width:52ch;font-size:15px}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
/* Small-screen overflow guards */
.compare-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:560px){
.why-cta-actions,.hero-cta,.fast-track-actions,.cta-band .actions,.cta-actions,.pga-actions{flex-wrap:wrap}
.why-cta-actions .btn,.hero-cta .btn,.fast-track-actions .btn,.cta-band .actions .btn,.inline-cta .btn,.price-card .btn{white-space:normal;width:100%;text-align:center;justify-content:center}
table.compare{font-size:13px}
table.compare th,table.compare td{padding:12px 10px;white-space:normal;word-break:normal;overflow-wrap:anywhere}
table.compare thead th{letter-spacing:0.06em}
}
.trust-block.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1024px){.trust-block.three{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.trust-block.three{grid-template-columns:1fr}}
.about-copy .about-h{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-weight:600}
.market-context-strip.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.process.steps-6{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
.process.steps-6 .process-step:nth-child(3) .process-connector{display:none}
@media (max-width:1024px){.process.steps-6{grid-template-columns:repeat(2,minmax(0,1fr))}.process.steps-6 .process-connector{display:none}}
@media (max-width:720px){.process.steps-6{grid-template-columns:1fr}}
footer.footer .footer-meta a{color:#fff;text-decoration:underline}
table.compare thead th:first-child{width:46%}
/* 2026-10: additions for /earthquake-insurance-pml/ and /fannie-mae-sel-threshold/ */
.btn{transition:transform 160ms cubic-bezier(0.23,1,0.32,1),background-color 160ms ease-out,border-color 160ms ease-out,color 160ms ease-out,box-shadow 160ms ease-out}
.btn:active{transform:scale(0.97)}
.data-table{font-variant-numeric:tabular-nums}
h1,h2,h3{text-wrap:balance}
.prose h2[id],.prose h3[id]{scroll-margin-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.btn:active{transition:none;transform:none}}
@media print{
  .nav,.footer,.cta-band,.inline-cta,#mobile-sticky-cta,.skip-link{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .hero{background:#fff!important;color:#000!important;padding:0}
  .hero h1,.hero p{color:#000!important}
  thead{display:table-header-group}
  tr,figure{break-inside:avoid}
  .prose a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;word-break:break-all}
}
/* 2026-10: components used only by the two new pages */
.hero .sq-byline{font-size:14px;margin:20px 0 0;max-width:62ch}
.hero .sq-byline.sq-dates{margin-top:6px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px}
.hero .sq-byline a,.hero .hero-link{color:#E8C547;text-decoration:underline;text-underline-offset:3px}
.hero-link{display:inline-flex;align-items:center;min-height:44px;font-weight:500;font-size:15px}
.hero .breadcrumb a{color:#fff}
.cred-band{list-style:none;margin:0;padding:20px 0;display:flex;flex-wrap:wrap;gap:10px 32px;border-bottom:1px solid var(--border);font-size:14px;color:var(--heading)}
.hairline-list{margin-top:24px}
.hairline-list>*{border-top:1px solid var(--border);padding:18px 0;margin:0}
.hairline-list>*:last-child{border-bottom:1px solid var(--border)}
.def-list{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);margin:24px 0}
.def-list dt,.def-list dd{margin:0;padding:12px 0;border-top:1px solid var(--border);font-size:16px;line-height:1.6}
.def-list dt{font-weight:600;color:var(--heading);padding-right:16px}
@media (max-width:560px){.def-list{grid-template-columns:minmax(0,1fr)}.def-list dd{border-top:0;padding-top:0}}
.data-table caption{caption-side:top;text-align:left;font-weight:600;color:var(--heading);font-size:15px;padding:0 0 10px}
.review-line{font-size:13px!important;line-height:1.6;color:var(--muted)!important}
.prose .toc{margin-top:0}
.choice{border-top:1px solid var(--border)}
.choice:last-child{border-bottom:1px solid var(--border)}
.choice summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:12px 0;font-weight:600;font-size:17px;color:var(--heading)}
.choice p{margin:0 0 18px}
.sel-scale{margin:36px 0 0}
.sel-axis{position:relative;height:72px;color:var(--heading);margin:0 18px}
.sel-axis svg{position:absolute;left:0;right:0;top:22px;width:100%;height:24px;display:block;overflow:visible}
.sel-band-label,.sel-tick{position:absolute;transform:translateX(-50%);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;line-height:1;white-space:nowrap;color:var(--text)}
.sel-band-label{top:0;font-weight:500;color:var(--heading)}
.sel-tick{top:54px}
.sel-tick.is-major{font-weight:600;color:var(--heading)}
.prose ol.sel-bands{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.prose ol.sel-bands li{font-size:14px;line-height:1.55;border-top:1px solid var(--heading);padding-top:10px}
@media (max-width:720px){.prose ol.sel-bands{grid-template-columns:minmax(0,1fr)}}
.sel-scale figcaption{margin-top:14px;font-size:13px;color:var(--muted)}
.sq-sources{margin-top:56px}
.sq-sources li{overflow-wrap:anywhere}
.quote-aside p{font-size:15px}
/* 2026-10: nav dropdowns (Services, Resources) */
.nav-dd{position:relative}
.nav-dd-btn{background:none;border:0;padding:8px 0;font:inherit;font-size:14px;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.nav-dd-btn:hover,.nav-dd.open .nav-dd-btn,.nav-dd.is-current .nav-dd-btn{color:var(--heading)}
.nav-dd-chev{transition:transform 160ms ease-out}
.nav-dd.open .nav-dd-chev{transform:rotate(180deg)}
.nav-dd-menu{display:none;position:absolute;top:calc(100% + 12px);left:-14px;min-width:290px;flex-direction:column;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;box-shadow:0 12px 32px rgba(0,0,0,.12);z-index:60}
.nav-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-13px;height:13px}
.nav-dd.open .nav-dd-menu{display:flex}
.nav-links .nav-dd-menu a{display:block;padding:10px 12px;border-radius:4px;font-size:14px;color:var(--text);text-decoration:none}
.nav-links .nav-dd-menu a:hover{background:var(--accent-soft);color:var(--heading)}
.nav-links .nav-dd-menu a[aria-current="page"]{color:var(--heading);font-weight:600}
@media (hover:hover) and (min-width:1241px){.nav-dd:hover .nav-dd-menu{display:flex}.nav-dd:hover .nav-dd-chev{transform:rotate(180deg)}}
@media (max-width:1240px){.nav-dd-btn{width:100%;justify-content:space-between;min-height:44px;padding:0;font-size:15px}.nav-dd-menu{position:static;min-width:0;box-shadow:none;border:0;border-left:1px solid var(--border);border-radius:0;padding:2px 0 2px 14px;margin-top:4px}.nav-dd-menu::before{display:none}.nav-links .nav-dd-menu a{padding:11px 8px}}
@media (prefers-reduced-motion:reduce){.nav-dd-chev{transition:none}}