/* Homepage continuity: approved dark automotive hero + crisp blue/white service section
   establish the theme; everything below follows the same spacious editorial system. */
.reference-home{--home-ink:#122b40;--home-muted:#52697b;--home-blue:#0075d5;--home-line:#d5e5ef;background:#f3f8fc;color:var(--home-ink)}
.reference-home main{background:#f3f8fc}
/* Keep the reference hero, benefits and service cards exactly in their original style. */
.reference-home main>.section,
.reference-home main>.td-editorial,
.reference-home main>.td-before,
.reference-home main>.td-faq,
.reference-home main>.td-journal-preview,
.reference-home main>.td-consult-band{
  max-width:none;margin:0;width:100%;box-sizing:border-box;
  padding:clamp(40px,5vw,76px) clamp(24px,5.2vw,85px);
}
.reference-home main h2{color:var(--home-ink);letter-spacing:-.035em;line-height:1.13}
.reference-home main h2 em{color:#0875c9}
.reference-home main .eyebrow{color:#086fc4;font-weight:800;letter-spacing:.09em}
.reference-home main .text-link{color:#006fbf;font-weight:750}
.reference-home main .section-head{margin-bottom:28px;gap:20px}
.reference-home main .section-head h2{font-size:clamp(2rem,3.6vw,3.25rem)}
.reference-home main .section-head>p:last-child{color:var(--home-muted);line-height:1.65}
.reference-home .td-editorial{background:#eaf3fa}
.reference-home .td-editorial-heading h2{font-size:clamp(2rem,3.5vw,3.3rem)}
.reference-home .td-steps-grid{gap:14px}
.reference-home .td-steps-grid article{background:#fff;border:1px solid #d0e1ed;border-radius:12px;box-shadow:0 4px 18px #123a5c12;color:#173850}
.reference-home .td-steps-grid h3{color:#17344c}.reference-home .td-steps-grid p{color:#516a7d}
/* Package pricing mirrors white service surface and navy-on-blue hierarchy. */
.reference-home .packages{background:#fff;border-radius:0;border:0;padding-top:62px;padding-bottom:68px}
.reference-home .package-grid{gap:16px}
.reference-home .package,.reference-home .package.featured{background:#f7fbfe;border:1px solid #cedfea;color:#17364d;border-radius:13px;box-shadow:0 6px 24px #153a5c0d;padding:clamp(20px,2.4vw,34px)}
.reference-home .package.featured{background:linear-gradient(155deg,#edf7ff,#f9fcff);border-color:#74b5e4;box-shadow:0 9px 28px #0e72be15}
.reference-home .package h3{color:#142f45;font-size:clamp(1.4rem,2.4vw,2rem)}
.reference-home .package .tier{color:#0570c3}
.reference-home .package .package-copy,.reference-home .package p,.reference-home .package li{color:#50697c}
.reference-home .package li{border-color:#d5e5ee}
.reference-home .package ul{border-top-color:#d5e5ee}
.reference-home .package th{color:#567080}.reference-home .package td{color:#1d3e55}
.reference-home .package .button.outline{background:#fff;color:#056eae;border-color:#74a7c9}
.reference-home .fineprint{color:#61798c;margin-top:18px;font-size:.8rem}
/* Proof / real vehicles should read like the section above, not another dark site. */
.reference-home .story{background:#edf5fb;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(26px,4vw,62px)}
.reference-home .story-media>img{max-height:530px;min-height:350px;border-radius:13px}
.reference-home .story h2{font-size:clamp(2.1rem,4vw,3.5rem)}
.reference-home .story-copy>p:not(.eyebrow):not(.training){color:#4c6579;font-size:1rem;line-height:1.7}
.reference-home .story .reasons div{border-color:#c8dce9;color:#33576e}
.reference-home .story .reasons b{color:#0574c5}
.reference-home .story .training{color:#315b78}
.reference-home .experience{background:#086fbd;color:#fff;right:14px;bottom:18px;box-shadow:0 7px 24px #0c4d7a4d}
.reference-home .experience span{color:#fff!important}
.reference-home .gallery-section{background:#fff}
.reference-home .gallery-section .section-head{margin-bottom:24px}
.reference-home .gallery figure{border-radius:11px}
.reference-home .gallery figcaption{color:#fff;background:#10212fe5}
.reference-home .areas{background:#eef6fb;border-top:1px solid #d8e6ef;border-bottom:1px solid #d8e6ef;gap:clamp(24px,4vw,70px)}
.reference-home .areas h2{font-size:clamp(2.1rem,3.8vw,3.45rem)}
.reference-home .areas>div>p:not(.eyebrow){color:#4d687e}
.reference-home .city-list a{color:#21445e;border-color:#ccdfea;font-weight:650}
.reference-home .city-list a:hover{color:#0075ca}
/* Useful preparation details and FAQ, with clean light cards. */
.reference-home .td-before{background:#fff}
.reference-home .td-before-grid{gap:15px}
.reference-home .td-before-grid article{background:#f5fafe;border:1px solid #d0e0ec;border-radius:12px;padding:23px 24px;box-shadow:0 3px 16px #1447630b}
.reference-home .td-before-grid h3{color:#163650}
.reference-home .td-before-grid p{color:#506b7d}
.reference-home .td-faq{background:#ecf5fb;gap:clamp(20px,4vw,65px)}
.reference-home .td-faq h2{font-size:clamp(2rem,3.3vw,3.1rem)}
.reference-home .td-faq>div>p:not(.eyebrow){color:#506b7e}
.reference-home .td-faq details{background:#fff;border:1px solid #d1e2ec;border-radius:9px;margin-bottom:9px;padding:16px 18px}
.reference-home .td-faq summary{color:#19394f}
.reference-home .td-faq details p{color:#536f81}
.reference-home .td-faq .button.outline{background:#fff;color:#0569b2;border-color:#79aaca}
/* Paint-care journal echoes the crisp photo-based service cards. */
.reference-home .td-journal-preview{background:#fff;border:0}
.reference-home .td-journal-cards a{background:#f8fbfe;border:1px solid #d4e3ec;color:#152f43;border-radius:13px;box-shadow:0 6px 19px #123f5910}
.reference-home .td-journal-cards h3{color:#18334a}
.reference-home .td-journal-cards small,.reference-home .td-journal-cards span{color:#0674c4}
/* Intentional one dark-blue CTA break matching the hero and certification band. */
.reference-home .td-consult-band{background:linear-gradient(120deg,#103d60,#0c293f);color:#fff;grid-template-columns:1.35fr .65fr;gap:24px;border:0;border-radius:0}
.reference-home .td-consult-band h2,.reference-home .td-consult-band p:not(.eyebrow){color:#fff}
.reference-home .td-consult-band h2 em{color:#8bd0ff}
.reference-home .td-consult-band .eyebrow,.reference-home .td-consult-band .td-cert{color:#c3eaff}
.reference-home .td-consult-band .text-link{color:#b9e2ff}
/* Booking section keeps its current wizard but now resembles a light editorial card. */
.reference-home .booking{background:#e9f4fb;border:0;border-radius:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(22px,4vw,60px);align-items:start}
.reference-home .booking h2{color:#14324b;font-size:clamp(2.1rem,3.5vw,3.4rem)}
.reference-home .booking>div>p:not(.eyebrow){color:#4e6b7d}
.reference-home .booking .button.outline{background:#fff;color:#006db1;border-color:#70a9d1}
.reference-home .booking .td-booker{background:#fff;border:1px solid #cbdfea;color:#17364c;box-shadow:0 8px 32px #123a5913;border-radius:16px}
.reference-home .td-booker .td-booker-progress span{color:#6a8192;border-color:#d4e3ed}
.reference-home .td-booker .td-booker-progress .active{color:#0073c3;border-color:#0982d5}
.reference-home .td-booker legend,.reference-home .td-booker .td-field{color:#234861}
.reference-home .td-booker .td-size-options span{color:#214761;border-color:#bfdae9;background:#fff}
.reference-home .td-booker .td-selection-line{background:#e8f6ff;color:#1d4b67}
/* Stable navy footer, coherent with header, not a separate unrelated theme. */
.reference-home footer{background:#0e202f;color:#e8f1f7;max-width:none;border-top:1px solid #2b506a}
.reference-home footer h2,.reference-home footer .copyright{color:#e9f2f8!important}
.reference-home footer div>a,.reference-home footer div>p,.reference-home footer small{color:#d0e0ec}
@media(max-width:1050px){.reference-home .story,.reference-home .booking{grid-template-columns:1fr}.reference-home .story-media>img{max-height:470px}.reference-home .td-consult-band{grid-template-columns:1fr}}
@media(max-width:720px){
 .reference-home main>.section,.reference-home main>.td-editorial,.reference-home main>.td-before,.reference-home main>.td-faq,.reference-home main>.td-journal-preview,.reference-home main>.td-consult-band{padding:36px 18px}
 .reference-home .package-grid{grid-template-columns:1fr}
 .reference-home .experience{right:8px;width:145px;padding:13px}.reference-home .experience b{font-size:2.6rem}
 .reference-home .gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;gap:7px}
 .reference-home .areas{grid-template-columns:1fr;gap:18px}.reference-home .td-faq{grid-template-columns:1fr;gap:18px}
 .reference-home .td-journal-cards{grid-template-columns:1fr}
 .reference-home .booking{grid-template-columns:1fr}
}
/* Final shared visual details: keep blue CTAs legible and package typography sans-serif. */
.reference-home .package h3{font-family:Manrope,Inter,system-ui,sans-serif}
.reference-home .package .button:not(.outline){color:#fff}
.reference-home .booking .td-booker legend,
.reference-home .booking .td-booker .td-field,
.reference-home .booking .td-booker .td-fields label{color:#24465c}
.reference-home .booking .td-booker .td-field input,
.reference-home .booking .td-booker .td-fields input,
.reference-home .booking .td-booker .td-fields textarea{background:#fbfdff;color:#1a3a52;border:1px solid #a9c8dc}
.reference-home .booking .td-booker .td-field input[type="date"]{color-scheme:light;background-color:#fff}
.reference-home .booking .td-booker .td-time{background:#fff;color:#183c55;border:1px solid #90b4cd}
.reference-home .booking .td-booker .td-time.active{color:#fff;background:#067bd7}
.reference-home .booking .td-booker .td-consent,
.reference-home .booking .td-booker .td-summary{color:#45687e}
.reference-home .booking .td-booker .td-summary{background:#f2f8fc;border-color:#c5dce9}
.reference-home .booking .td-booker .td-message{color:#a11d32}