/* Colour-only preview of the verified live site. No typography, dimensions,
   spacing, borders widths, radii, positioning, motion or behavior is changed. */
:root {
  --paper:#edf2f5;
  --paper-2:#ffffff;
  --ink:#0a3446;
  --red:#ff561d;
  --red-deep:#0a3446;
  --blue:#114a61;
  --sky:#e1e9ee;
  --butter:#e1e9ee;
  --butter-light:#ff561d;
  --text-muted:#3c5a6b;
  --text-faint:#3c5a6b;
  --brand-orange:#0a3446;
  --brand-red:#0a3446;
  --brand-pink:#0a3446;
  --gradient:#ff561d;
  --gradient-soft:#e1e9ee;
}
.band-dark,.problem,.why,.contact,.footer {
  --text:#ffffff;
  --text-muted:#bcd2dc;
  --text-faint:#bcd2dc;
  --border:rgba(255,255,255,.32);
  --brand-orange:#ff561d;
  --brand-pink:#ff561d;
}
.band-butter,.about,.cta-band__inner {
  --text-muted:#3c5a6b;
  --text-faint:#3c5a6b;
  --brand-orange:#0a3446;
  --brand-pink:#0a3446;
}
.contact__form,.questionnaire,.price-card--featured {
  --text-muted:#3c5a6b;
  --text-faint:#3c5a6b;
}
.hl,.text-gradient,.eyebrow,.seal--butter {
  background-color:#ff561d;
  color:#06213a;
}
.btn--primary,.price-card__badge {
  background-color:#ff561d;
  color:#06213a;
}
.btn--primary:hover {background-color:#ff6d3a;color:#06213a}
.cta-band__copy p,.question-intro,.question-hint {color:#3c5a6b}
.question-note {background-color:#edf2f5}
.brief-group {border-color:#cbd7de}
.nav {background-color:#0a3446;color:#ffffff}
.nav__brand,.nav__links a {color:#ffffff}
.nav .nav__logo,.nav__toggle {border-color:#ffffff}
.nav__toggle span {background-color:#ffffff}
.nav.nav--open .nav__menu {color:#0a3446}
.nav.nav--open .nav__links a {color:#0a3446}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,[tabindex]:focus-visible {outline-color:#0a3446}
.band-dark a:focus-visible,.problem a:focus-visible,.why a:focus-visible,
.contact a:focus-visible,.footer a:focus-visible,.contact button:focus-visible,
.footer button:focus-visible,.nav a:focus-visible,.nav button:focus-visible {outline-color:#ffffff}
.nav.nav--open .nav__menu a:focus-visible,.nav.nav--open .nav__menu button:focus-visible,
.questionnaire input:focus-visible,.questionnaire select:focus-visible,
.questionnaire textarea:focus-visible,.question-step h3:focus,
.brief-edit:focus-visible {outline-color:#0a3446}
.questionnaire .invalid input,.questionnaire .invalid select,
.questionnaire .invalid textarea {border-color:#b3122e}
.questionnaire .form-error {color:#b3122e}
#question-status[data-error="true"] {border-color:#b3122e;background-color:#fff2f4}
input[type="checkbox"],input[type="radio"] {accent-color:#0a3446}
/* These small labels sit on lighter navy panels, where bright orange would
   fail body-text contrast. White retains the navy/light/orange palette. */
.why__table td.yes,.risk-card h3 {color:#ffffff}

/* Match the existing light focus ring on this dark comparison section. */
.why__table:focus-visible {outline-color:#ffffff}