/* Keep the warm brand palette while increasing text and control contrast. */
.pro-site .opening-screen h1,
.pro-site .section-heading h2,
.pro-site .dialog-body :is(h2,h3),
.pro-site .pro-faq h2{color:#251d36}
.pro-site .opening-screen h1 span{color:#962f10}
.pro-site .opening-screen :is(.hero-kicker,.hero-intro>p),
.pro-site .section-heading>p,
.pro-site :is(.pro-service-card,.faq-list,.app-copy) p,
.pro-site .dialog-body p,
.pro-site .summary-row small{color:#453322}
.pro-site .opening-screen :is(.vip-choice,.battery-choice,.tyre-choice),
.pro-site .opening-screen .urgent-choice,
.pro-site .opening-screen .call-choice small{color:#241c29}
.pro-site .opening-screen .call-choice small{opacity:1}
.pro-site .site-header nav button,
.pro-site .join-home-link{color:#2c2238}
.pro-site #request-form label,
.pro-site .summary-row strong{color:#2e2538}
.pro-site #request-form :is(input,select,textarea){color:#211d30;background:#fff8e9;border-color:#947653}
.pro-site #request-form :is(input,textarea)::placeholder{color:#695948;opacity:1}
.pro-site :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #233d85;outline-offset:3px}

/* Separate the homepage surfaces while keeping the warm brand palette. */
.pro-site #top .opening-screen {
  background:
    radial-gradient(ellipse at 0% 6%, #ffa74f 0%, transparent 52%),
    radial-gradient(ellipse at 100% 86%, #83cdb7 0%, transparent 49%),
    linear-gradient(132deg, #ffc274, #fff2d8 52%, #c5e5c5);
}
.pro-site #top .pro-overview {
  background: #ffedca;
  border-block: 1px solid #cf9a57;
}
.pro-site #top .pro-how {
  background: linear-gradient(115deg, #ffd097, #ffe3b8 50%, #bde0c1);
  border-block: 1px solid #d6a066;
}
.pro-site #top .pro-service-card,
.pro-site #top .faq-list details {
  background: #fffaf0;
  border-color: #c5a77f;
}
.pro-site #top .opening-screen .urgent-choice {
  background: linear-gradient(135deg, #ffbc72, #f6884a);
  border-color: #b95f2b;
}
.pro-site #top .opening-screen .vip-choice {
  background: linear-gradient(135deg, #fff4c7, #f6ca69);
  border-color: #a77b25;
}
.pro-site #top .opening-screen .battery-choice {
  background: linear-gradient(135deg, #e4f5d1, #a6d59d);
  border-color: #62965d;
}
.pro-site #top .opening-screen .tyre-choice {
  background: linear-gradient(135deg, #e1f6fa, #9dcfe2);
  border-color: #508fa7;
}