/* Homepage surface continuity. Retain the approved section layout and sizing. */
.fg-design:has(#fg-main) {
  --flow-paper: oklch(95% 0.016 245);
  --flow-blue: oklch(88% 0.045 245);
  --flow-panel: oklch(97% 0.01 245);
  --flow-navy: oklch(28% 0.055 250);
  --flow-on-navy: oklch(95% 0.014 245);
  --flow-on-navy-muted: oklch(83% 0.027 245);
  --flow-line: oklch(79% 0.035 245);
  --flow-muted: oklch(43% 0.035 250);
  background: var(--flow-paper);
}

.fg-design .fg-hero {
  background: linear-gradient(180deg, var(--flow-paper), oklch(92% 0.03 245));
}

.fg-design #fg-consultation {
  background: linear-gradient(180deg, oklch(92% 0.03 245), var(--flow-blue));
  color: var(--ink);
  border-top-color: oklch(92% 0.03 245);
}

.fg-design #fg-consultation .fg-consultation-eyebrow {
  color: var(--blue);
}

.fg-design #fg-consultation .fg-consultation-eyebrow::before {
  background: var(--red);
}

.fg-design #fg-consultation .fg-consultation-copy,
.fg-design #fg-consultation .fg-consultation-phone {
  color: var(--flow-muted);
}

.fg-design #fg-consultation .fg-consultation-phone span:first-child {
  color: var(--ink);
}

.fg-design #fg-consultation .fg-consultation-laurel {
  filter: none;
  opacity: 0.1;
}

.fg-design #fg-consultation .fg-finder-panel {
  background: var(--flow-panel);
  border-color: var(--flow-line);
  box-shadow: 0 12px 36px oklch(25% 0.035 250 / 0.08);
}

.fg-design #fg-consultation .fg-finder-description,
.fg-design #fg-consultation .fg-selector-status {
  color: var(--flow-muted);
}

.fg-design #fg-consultation .fg-state-field select {
  background: var(--flow-paper);
  border-color: oklch(72% 0.025 245);
}

.fg-design #fg-consultation :focus-visible {
  outline-color: var(--blue);
}

.fg-design #fg-how {
  background: var(--flow-navy);
  color: var(--flow-on-navy);
}

.fg-design #fg-how::before {
  content: none;
}

.fg-design #fg-how .fg-video-teaser {
  /* Inset outline leaves the existing preview dimensions unchanged. */
  outline: 1px solid var(--flow-line);
  outline-offset: -1px;
  background: var(--flow-blue);
}

.fg-design #fg-how .fg-video-copy > p {
  color: var(--flow-on-navy-muted);
}

.fg-design #fg-how .fg-video-link {
  color: var(--flow-on-navy);
}

.fg-design #fg-benefits,
.fg-design .fg-header {
  background: var(--flow-paper);
}

.fg-design #fg-faqs {
  background: var(--flow-blue);
}

.fg-design #fg-benefits .fg-benefit[open] {
  background: var(--flow-blue);
  border-color: var(--flow-blue);
}

.fg-design .fg-footer {
  background: var(--flow-navy);
  color: var(--flow-on-navy);
  border-top-color: var(--flow-navy);
}

.fg-design .fg-footer .fg-wordmark,
.fg-design .fg-footer .fg-brand-tagline,
.fg-design .fg-footer nav,
.fg-design .fg-footer-help {
  color: var(--flow-on-navy);
}

.fg-design .fg-footer .fg-wordmark em {
  color: oklch(77% 0.12 15);
}

.fg-design .fg-footer .fg-review-notes {
  color: var(--flow-on-navy-muted);
}

.fg-design #fg-how :focus-visible,
.fg-design .fg-footer :focus-visible {
  outline-color: var(--flow-on-navy);
}