/* Shared navigation enhancements for the Elev8tion multipage prototype. */
.region-reach{background:#eef2ff;border-block:1px solid #dce3fb;padding:40px 0}
.region-reach-inner{display:flex;gap:28px;align-items:center;justify-content:space-between}
.region-reach h2{font-size:clamp(27px,2.8vw,38px);margin-bottom:12px}
.region-reach p{margin-bottom:0;max-width:760px;color:#455473}
.region-button{background:#2338e8;color:#fff;white-space:nowrap}
.region-button:hover{background:#142acb}
@media(max-width:780px){.region-reach-inner{align-items:flex-start;flex-direction:column}.region-reach{padding:30px 0}}
:root{--blue:#2338e8;--orange:#f47721;--navy:#101b51}
.orange{box-shadow:0 5px 15px rgba(244,119,33,.19)}
.orange:hover{background:#d75c0b}
.phone{box-shadow:0 4px 12px rgba(35,56,232,.13)}
.nav .phone{background:#f47721;color:#fff;box-shadow:0 5px 15px rgba(244,119,33,.26)}
.nav .phone:hover,.nav .phone:focus-visible{background:#d85d0b;color:#fff}
.hero-actions .outline{background:#2338e8;border-color:#2338e8;color:#fff;box-shadow:0 5px 15px rgba(35,56,232,.28)}
.hero-actions .outline:hover,.hero-actions .outline:focus-visible{background:#142acb;border-color:#142acb;color:#fff}
/* Keep the four trust points together on ordinary desktop widths. */
@media(min-width:1100px){
  .hero .proof{flex-wrap:nowrap;gap:10px;margin:23px 0;font-size:11.5px;letter-spacing:-.015em}
  .hero .proof span{white-space:nowrap}
}
@media(min-width:781px) and (max-width:1099px){
  .hero .proof{gap:8px 12px;font-size:12px}
}
.trustbar{border-bottom:3px solid #f47721}
.service-card:hover{box-shadow:0 12px 26px rgba(19,25,78,.14)}
.service-card[href="house-washing.html"] img{object-position:center top}
.site-head{z-index:30}
.nav{gap:15px}
.nav .nav-links{display:flex;align-items:center;gap:17px;font-size:14px;font-weight:750}
.nav-dropdown{position:relative}
.nav-dropdown summary{list-style:none;cursor:pointer;padding:12px 0;white-space:nowrap}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary:after{content:' ▾';font-size:11px}
.nav-submenu{position:absolute;left:-14px;top:100%;min-width:270px;background:white;box-shadow:0 12px 30px #111b4150;border:1px solid #e8eaf3;border-radius:12px;padding:10px;display:grid;gap:2px;z-index:35}
.nav .nav-submenu a{display:block;padding:10px 12px;border-radius:7px;font-weight:650;white-space:normal}
.nav .nav-submenu a:hover,.nav .nav-submenu a:focus-visible{background:#eff2ff;color:#1a20c8}
.nav .nav-submenu .all-services{color:#1a20c8;font-weight:800;border-bottom:1px solid #edf0fa;border-radius:0 0 5px 5px}
.menu-toggle{display:none;border:1px solid #cdd5ed;background:#fff;border-radius:8px;color:#13194e;padding:9px 12px;font-weight:800;cursor:pointer}
@media(max-width:1000px){.nav .nav-links{gap:11px;font-size:13px}.phone{padding:10px 12px}}
@media(max-width:850px){
  .nav{flex-wrap:wrap;padding:9px 0;min-height:74px}
  .menu-toggle{display:block;margin-left:auto}
  .nav .nav-links{display:none;order:5;flex-basis:100%;width:100%;padding:7px 0 13px;flex-direction:column;align-items:stretch;gap:0;overflow:visible}
  .nav .nav-links.is-open{display:flex}
  .nav .nav-links>a,.nav-dropdown summary{display:block;padding:12px 13px;border-top:1px solid #e8eaf3}
  .nav-dropdown{width:100%}
  .nav-submenu{position:static;min-width:0;box-shadow:none;background:#f5f7fe;border-radius:8px;padding:5px 10px;margin:0 0 6px}
  .nav .phone{margin:0;font-size:12px}
}
@media(max-width:510px){.nav .brand img{max-width:185px}.nav .phone{order:4;width:100%;text-align:center}.menu-toggle{margin-left:auto}}
@media(max-width:510px){
  .nav .brand img{width:clamp(172px,52vw,220px);max-width:none;height:100px;object-fit:contain}
}

/* V14: give the supplied logo more visual weight without altering its artwork.
   The transparent source has generous margins and very pale descriptor text. */
.nav .brand{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.nav .brand img{
  width:208px;height:105px;max-width:none;object-fit:contain;
  filter:brightness(.65) contrast(1.15) saturate(1.12);
}
.nav{min-height:96px;gap:12px}
@media(min-width:851px) and (max-width:1100px){
  .nav .brand img{width:184px;height:94px}
  .nav .nav-links{gap:10px;font-size:12px}
}
@media(max-width:850px){
  .nav{min-height:0;padding:3px 0 6px;column-gap:8px;row-gap:0}
  .nav .brand img{width:196px;height:86px}
  .menu-toggle{padding:8px 11px}
  .nav .nav-links{padding:5px 0 7px}
}
@media(max-width:510px){
  .nav .brand img{width:clamp(180px,55vw,212px);height:82px;max-width:none}
  .nav .phone{order:4;width:100%;padding:9px 12px;line-height:1.3;margin:0 0 4px}
  .topline{font-size:10px;line-height:1.35;padding:6px 10px}
  .topline span{margin-top:2px}
}