/* Soft neutral palette shared by every page. */
:root{--bg:#52565c;--bg2:#60646a;--paper:#fafafa;--paper2:#eef0f2;--ink:#34373c;--muted:#696d73;--line-dark:rgba(70,75,82,.16);--shadow:0 20px 60px rgba(50,55,65,.10)}
body .site-header,body .site-header.is-scrolled,body.home-page .site-header,body.home-page .site-header.is-scrolled{background:#eceef0!important;color:#34373c!important;border-bottom:1px solid #d7dadd!important;box-shadow:0 4px 20px #34373c0a!important;backdrop-filter:none!important}
.site-header .brand-copy small{color:#666c73}
.site-header .nav-link{color:#4d5259}
.site-header .nav-link:hover,.site-header .nav-link.active{color:#d51b30}
.site-header .nav-test{color:white!important}
.site-header .nav-phone{background:#fff;border-color:#d9dde1;color:#4d5259}
body .site-header .menu-toggle,body.home-page .site-header .menu-toggle{background:#fff!important;border:1px solid #d6dbe0!important;border-radius:10px!important}
body .site-header .menu-toggle span,body.home-page .site-header .menu-toggle span{background:#555c65!important}
.site-header .dropdown{background:#f8f9fa;border-color:#dce0e4;box-shadow:0 18px 45px #34373c1a}
.site-header .dropdown a{color:#41474f}
.site-header .dropdown a:hover{background:#e9ecef;color:#c91629}
body .mobile-drawer{background:#f1f3f5;color:#3e454e}
.mobile-drawer .mobile-section{border-bottom:1px solid #d9dfe4}
.mobile-drawer .mobile-section>a,.mobile-drawer .mobile-section>button{color:#3e454e}
.mobile-drawer .mobile-section>a>span,.mobile-drawer .mobile-section>button>span{color:#d51b30}
.mobile-drawer .mobile-sub a{color:#626a74}
.mobile-drawer .mobile-sub a:hover{color:#c91629}
.mobile-drawer .mobile-test{border-radius:8px!important}
.section-dark{background:#e8ebee;color:#34373c}
.section-dark .section-head p,.section-dark .lead{color:#616972}
.btn-dark,.doc-card small,.test-card .ico{background:#59616b;color:white}
.side-card,.feature-copy,.contact-shell,.service-box.tall{background:#565d66;color:#fff}
.side-card p,.feature-copy p,.contact-copy p,.service-box.tall p{color:#e3e6e9}
.side-links a,.contact-row span{color:#e3e6e9}
.site-footer{background:#e8ebee;color:#353c44;border-top:1px solid #d9dfe4}
.footer-brand span,.footer-nav h4{color:#636c76}
.footer-nav a{color:#4e5761}
.footer-nav a:hover{color:#c91629}
.footer-bottom{color:#68717b;border-top-color:#cfd6dd}
.topbar{background:#626971;color:#fff}
.hero{background:#656b73}
.hero-overlay{background:linear-gradient(90deg,rgba(61,68,78,.65),rgba(61,68,78,.16)),linear-gradient(0deg,rgba(61,68,78,.62),transparent 70%)}
.license-tile:before{background:linear-gradient(135deg,#69727d,#4e5762)}
.test-link:hover{background:#626a75;border-color:#7a828c}
@media(max-width:767px){
body.home-page .mobile-services-hero{background:#e9edf0}
body.home-page .mobile-hero-logo{background-image:linear-gradient(180deg,rgba(65,73,85,.12),rgba(65,73,85,.56) 42%,rgba(65,73,85,.90)),url('../images/mobile-driving.jpg')}
body.home-page .mobile-hero-service-grid{background:#d8dfe5;border-top:2px solid #ed222b}
body.home-page .mobile-service-tile{background:#edf0f3;color:#434c57!important;border-bottom:1px solid #d8dfe5}
body.home-page .mobile-service-tile .service-emoji svg{stroke:#596675}
body.home-page .mobile-service-tile:hover,body.home-page .mobile-service-tile:active{background:#dfe5eb}
body.home-page .mobile-service-tile:focus-visible{outline-color:#cc1c2c}
}

@media(max-width:767px){body.home-page .mobile-hero-phone-numbers a{flex-direction:column;justify-content:center;gap:3px;padding:5px 0}body.home-page .mobile-hero-phone-numbers small{font-size:9px;font-weight:600;letter-spacing:.12em;color:#fff}body.home-page .mobile-hero-phone-numbers{gap:12px}}

@media(max-width:767px){
body.home-page .mobile-contact-panel{display:flex;flex-direction:column;gap:0;padding:18px 20px 12px;background:#df172f;color:#fff}
.mobile-contact-landlines{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:440px}
.mobile-contact-landlines a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:54px;padding:5px 6px;color:#fff}
.mobile-contact-landlines a+a{border-left:1px solid #ffffff45}
.mobile-contact-landlines small,.mobile-contact-cell>span{font-size:9px;letter-spacing:.14em;font-weight:700}
.mobile-contact-landlines strong{font-size:clamp(13px,3.6vw,17px);font-variant-numeric:tabular-nums;white-space:nowrap}
.mobile-contact-cell{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;margin-top:7px;color:#fff}
.mobile-contact-cell strong{font-size:15px;font-variant-numeric:tabular-nums}
.mobile-contact-email{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:440px;min-height:48px;padding:10px 0;border-top:1px solid #ffffff40;color:#fff;font-size:clamp(11px,2.9vw,14px)}
.mobile-contact-email span{overflow-wrap:anywhere;min-width:0}
.mobile-contact-email svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6}
.mobile-contact-panel a:focus-visible{outline:2px solid white;outline-offset:2px;border-radius:4px}
}

/* Compact first screen: keep the photo, services and contact actions together. */
@media(max-width:767px){
 body.home-page .mobile-services-hero{min-height:0!important}
 body.home-page .mobile-hero-logo{flex:0 0 auto;min-height:0;padding:25px 26px 23px;justify-content:center}
 body.home-page .mobile-hero-title{font-size:clamp(43px,11.5vw,60px);margin:8px 0 5px}
 body.home-page .mobile-hero-kicker{font-size:9px}
 body.home-page .mobile-hero-subtitle{font-size:11px}
 body.home-page .mobile-hero-message{font-size:19px;line-height:1.4;margin:16px 0}
 body.home-page .mobile-hero-test{min-height:48px;max-width:none}
 body.home-page .mobile-hero-since{margin-top:13px;font-size:8px}
 body.home-page .mobile-hero-service-grid{gap:0;border-top:2px solid #df172f;border-bottom:1px solid #c5cdd5}
 body.home-page .mobile-service-tile,body.home-page .mobile-service-tile:nth-child(n+4){min-height:74px;padding:10px 4px;gap:6px;border-right:1px solid #c5cdd5;border-bottom:1px solid #c5cdd5}
 body.home-page .mobile-service-tile:nth-child(3),body.home-page .mobile-service-tile:nth-child(5){border-right:0}
 body.home-page .mobile-service-tile:nth-child(n+4){border-bottom:0}
 body.home-page .mobile-service-tile .service-emoji svg{width:29px;height:29px}
 body.home-page .mobile-service-tile strong{font-size:10px}
 body.home-page .mobile-contact-panel{padding:9px 18px 6px}
 .mobile-contact-landlines a{min-height:46px;gap:4px}
 .mobile-contact-landlines a+a{border-left:1px solid #ffffff65}
 .mobile-contact-cell{width:100%;max-width:440px;min-height:41px;margin-top:7px;border-top:1px solid #ffffff55}
 .mobile-contact-email{min-height:41px;padding:7px 0;border-top:1px solid #ffffff55}
}
@media(max-width:767px) and (max-height:700px){
 body.home-page .mobile-hero-logo{padding-top:18px;padding-bottom:17px}
 body.home-page .mobile-hero-message{font-size:17px;margin:12px 0}
 body.home-page .mobile-hero-since{margin-top:10px}
 body.home-page .mobile-service-tile,body.home-page .mobile-service-tile:nth-child(n+4){min-height:65px;padding:7px 4px}
}
