.hero-blueprint {
  position: relative;
  min-height: 590px;
  overflow: hidden;
  border: 1px solid rgba(21, 82, 143, .22);
  border-radius: 120px 12px 120px 12px;
  background: linear-gradient(145deg, #fafdff, #eaf3fb);
  box-shadow: 0 20px 50px rgba(21, 82, 143, .12);
}

.hero-blueprint::before {
  content: "PROPERTY REVIEW / SC-01";
  position: absolute;
  top: 30px;
  left: 42px;
  color: #15528f;
  font: 800 .65rem Manrope, sans-serif;
  letter-spacing: .16em;
}

.hero-blueprint::after {
  content: "";
  position: absolute;
  inset: 22px -18px -18px 22px;
  border: 2px solid #f2a45f;
  border-radius: 120px 12px 120px 12px;
  z-index: -1;
}

.blueprint-grid {
  position: absolute;
  inset: 0;
  opacity: .45;
  background-image: linear-gradient(rgba(21,82,143,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(21,82,143,.09) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 88%, transparent);
}

.property-outline { position: absolute; width: 285px; height: 230px; left: 50%; top: 47%; transform: translate(-50%,-50%); }
.property-outline span { position: absolute; display: block; border-color: #15528f; }
.property-outline .roof { width: 190px; height: 190px; left: 48px; top: -10px; border-left: 5px solid #15528f; border-top: 5px solid #15528f; transform: rotate(45deg); border-radius: 5px; }
.property-outline .wall { top: 88px; height: 139px; border-left: 5px solid #15528f; }
.property-outline .left-wall { left: 21px; }.property-outline .right-wall { right: 20px; }
.property-outline .floor { left: 21px; right: 20px; bottom: 0; border-top: 5px solid #15528f; }
.property-outline .window { width: 58px; height: 56px; left: 58px; top: 124px; border: 4px solid #f2a45f; box-shadow: inset 0 25px 0 -23px #f2a45f, inset 29px 0 0 -27px #f2a45f; }
.property-outline .door { width: 52px; height: 91px; right: 60px; bottom: 4px; border: 4px solid #15528f; border-bottom: 0; }
.property-outline .door::after { content:""; position:absolute; width:6px; height:6px; border-radius:50%; background:#f2a45f; right:7px; top:43px; }

.scan-ring { position:absolute; border-radius:50%; border:1px dashed rgba(242,164,95,.48); left:50%; top:47%; transform:translate(-50%,-50%); animation:blueprint-pulse 4s ease-in-out infinite; }
.ring-one { width:390px; height:390px; }.ring-two { width:480px; height:480px; animation-delay:1s; }
@keyframes blueprint-pulse { 50% { transform:translate(-50%,-50%) scale(1.035); opacity:.4; } }

.blueprint-label { position:absolute; display:flex; gap:9px; align-items:center; padding:9px 12px; border:1px solid rgba(21,82,143,.16); border-radius:8px; background:rgba(255,255,255,.92); box-shadow:0 8px 24px rgba(21,82,143,.09); font-size:.69rem; color:#607284; }
.blueprint-label i { width:9px; height:9px; border-radius:50%; background:#f2a45f; box-shadow:0 0 0 5px rgba(242,164,95,.13); }
.blueprint-label b { display:block; color:#15528f; font-size:.75rem; }.blueprint-label span { white-space:nowrap; }
.label-moisture { top:114px; right:26px; }.label-visual { left:22px; top:243px; }.label-testing { right:22px; bottom:98px; }
.blueprint-status { position:absolute; left:42px; bottom:38px; }
.blueprint-status span { display:block; color:#c96d25; font-size:.62rem; letter-spacing:.16em; font-weight:800; margin-bottom:5px; }
.blueprint-status strong { color:#15528f; font:800 1.05rem/1.25 Manrope,sans-serif; }
.hero-blueprint .visual-badge { left:auto; right:28px; bottom:28px; }

@media (max-width: 980px) { .hero-blueprint { max-width:650px; min-height:520px; } }
@media (max-width: 640px) {
  .hero-blueprint { min-height:420px; border-radius:70px 10px 70px 10px; }
  .hero-blueprint::after { display:none; }
  .property-outline { transform:translate(-50%,-50%) scale(.75); }
  .ring-one { width:290px;height:290px }.ring-two { width:360px;height:360px }
  .blueprint-label { transform:scale(.86); }.label-moisture { right:2px;top:87px }.label-visual { left:0;top:205px }.label-testing { right:0;bottom:88px }
  .blueprint-status { left:25px;bottom:24px }.hero-blueprint .visual-badge { display:none; }
}


/* Full-width mold inspection photo behind the complete hero section. */
.hero {
  background:
    linear-gradient(90deg, rgba(7,31,56,.62) 0%, rgba(11,49,91,.44) 42%, rgba(11,49,91,.09) 66%, rgba(7,31,56,0) 100%),
    url("assets/homepage-thermal-inspection-hero.webp") center 52% / cover no-repeat;
}
.hero::before {
  background:rgba(7,31,56,.08);
  backdrop-filter:none;
}
.hero-grid { position:relative; z-index:1; }
.hero-blueprint { background:rgba(248,252,255,.7); backdrop-filter:blur(5px); }

@media (max-width: 980px) {
  .hero {
    background:
      linear-gradient(rgba(7,31,56,.60), rgba(11,49,91,.48)),
      url("assets/homepage-thermal-inspection-hero.webp") center 52% / cover no-repeat;
  }
}

/* Premium high-contrast inspection card over the photographic hero. */
.hero-blueprint {
  min-height:560px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px 28px 100px 28px;
  background:
    radial-gradient(circle at 88% 12%, rgba(242,164,95,.18), transparent 27%),
    linear-gradient(145deg, rgba(11,49,91,.98), rgba(21,82,143,.96));
  box-shadow:0 30px 70px rgba(7,31,56,.28);
  backdrop-filter:none;
}
.hero-blueprint::before {
  top:28px;
  left:32px;
  color:#ffd2aa;
}
.hero-blueprint::after {
  inset:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px 20px 84px 20px;
  z-index:1;
  pointer-events:none;
}
.blueprint-grid {
  opacity:.13;
  background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);
}
.property-outline span { border-color:#fff; }
.property-outline .roof { border-left-color:#fff; border-top-color:#fff; }
.property-outline .wall { border-left-color:#fff; }
.property-outline .floor { border-top-color:#fff; }
.property-outline .door { border-color:#fff; border-bottom:0; }
.property-outline .window { border-color:#f2a45f; box-shadow:inset 0 25px 0 -23px #f2a45f,inset 29px 0 0 -27px #f2a45f; }
.property-outline .door::after { background:#f2a45f; }
.scan-ring { border-color:rgba(242,164,95,.34); }
.blueprint-label {
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 28px rgba(4,31,59,.22);
}
.blueprint-label b { color:#15528f; }
.blueprint-label i { background:#f2a45f; }
.blueprint-status { left:34px; bottom:34px; }
.blueprint-status span { color:#ffd2aa; }
.blueprint-status strong { color:#fff; font-size:1.08rem; }
.hero-blueprint .visual-badge {
  right:28px;
  bottom:28px;
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 15px 35px rgba(4,31,59,.25);
}

@media (max-width:640px) {
  .hero-blueprint { min-height:420px; border-radius:22px 22px 64px 22px; }
  .hero-blueprint::after { display:block; inset:10px; border-radius:16px 16px 52px 16px; }
}

/* Hero inspection box removed; give the copy a clean, balanced reading width. */
.hero-grid {
  grid-template-columns:minmax(0,1fr) 410px;
  justify-content:space-between;
  align-items:center;
}
.hero-copy {
  max-width:720px;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.hero .hero-copy h1 { color:#fff; text-shadow:0 4px 20px rgba(4,31,59,.28); }
.hero .hero-copy h1 em { color:#ffb979; }
.hero .hero-copy > p:not(.lead) { color:#dce9f5; }
.hero .hero-copy .lead { color:#ffd2aa; }
.hero .hero-copy .eyebrow { color:#ffd2aa; }
.hero .hero-copy .eyebrow span { background:#f2a45f; }
.hero .trust-row { color:#fff; }
.hero .btn-call { background:#f2a45f; color:#10263b; box-shadow:0 12px 28px rgba(4,31,59,.28); }
.hero .btn-call:hover { background:#ffb979; }
.hero .hero-actions .btn-outline { border-color:#fff; background:rgba(255,255,255,.08); color:#fff; }
.hero .hero-actions .btn-outline:hover { background:#fff; color:#15528f; }

@media (max-width:640px) {
  .hero-copy { padding:0; border-radius:0; }
}

/* Compact homepage hero form */
.home-hero-form{padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.97);color:#10263b;box-shadow:0 28px 65px rgba(4,31,59,.34)}
.home-form-title{margin-bottom:18px}.home-form-title>span{color:#c96d25;font-size:.65rem;font-weight:800;letter-spacing:.13em}.home-form-title h2{margin:4px 0 2px;color:#10263b;font-size:1.5rem}.home-form-title p{margin:0;color:#778898;font-size:.8rem}
.home-hero-form label{display:block;margin-bottom:11px}.home-hero-form label>span{display:block;margin-bottom:4px;color:#294258;font-size:.72rem;font-weight:700}.home-hero-form input,.home-hero-form select,.home-hero-form textarea{width:100%;padding:10px 11px;border:1px solid #cfdae4;border-radius:8px;background:#f9fbfd;color:#10263b;font:inherit;font-size:.82rem;outline:none}.home-hero-form textarea{resize:vertical;min-height:68px}.home-hero-form input:focus,.home-hero-form select:focus,.home-hero-form textarea:focus{border-color:#15528f;background:#fff;box-shadow:0 0 0 3px rgba(21,82,143,.11)}.home-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-hero-form .form-submit{width:100%;margin-top:2px;border:0;cursor:pointer}.home-hero-form .form-status{min-height:19px;margin:7px 0 0;font-size:.74rem}.home-hero-form>small{display:block;text-align:center;color:#778898;font-size:.65rem}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.home-hero-form{width:min(100%,620px)}}
@media(max-width:520px){.home-form-row{grid-template-columns:1fr}.home-hero-form{padding:21px 17px}}

/* Footer social links */
.footer-brand p { max-width:290px; }
.social-links { display:flex; gap:10px; margin-top:24px; }
.social-links a {
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:#fff;
  transition:transform .25s, background .25s, border-color .25s;
}
.social-links svg { width:18px; height:18px; fill:currentColor; }
.social-links a:hover { transform:translateY(-3px); background:#f2a45f; border-color:#f2a45f; color:#071f38; }
.topbar-inner,.topbar-actions,.topbar-social{display:flex;align-items:center}
.topbar-inner{justify-content:space-between}
.topbar-actions{gap:16px}
.topbar-social{gap:7px}
.topbar-social a{width:25px;height:25px;margin:0!important;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;color:#fff!important;transition:.2s}
.topbar-social svg{width:13px;height:13px;fill:currentColor}
.topbar-social a:hover{background:#f2a45f;border-color:#f2a45f;color:#071f38!important;transform:translateY(-1px)}
.topbar-phone{white-space:nowrap}
@media(max-width:640px){.topbar-inner>span,.inner-top .container>span{display:none}.topbar-inner,.inner-top .container{justify-content:center}.topbar-actions{gap:11px}.topbar-social{gap:5px}.topbar-social a{width:23px;height:23px}.topbar-phone{font-size:.68rem}}

.brand-image-link{display:flex;align-items:center;flex:0 0 auto;gap:0}
.brand-logo-image{display:block;width:76px;height:76px;object-fit:contain}
.footer-logo .brand-logo-image{width:138px;height:138px}
@media(max-width:640px){.brand-logo-image{width:62px;height:62px}.footer-logo .brand-logo-image{width:120px;height:120px}}

/* High-conversion phone and email contact points */
.topbar-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.topbar-contact { display:flex; align-items:center; gap:18px; }
.topbar-contact a { margin-left:0; }
.topbar-contact a:first-child { color:#ffd2aa; }
.phone-symbol { font-size:1.05em; line-height:1; }
.hero-contact-line { display:flex; align-items:center; gap:10px; margin-top:24px; color:#15528f; font-weight:700; }
.hero-contact-line span { color:#607284; font-size:.9rem; }
.hero-contact-line a { font-family:Manrope,sans-serif; font-size:1.15rem; border-bottom:2px solid #f2a45f; }
.btn-call { box-shadow:0 12px 28px rgba(21,82,143,.22); }

@media (max-width:640px) {
  .topbar-inner { justify-content:center; }
  .topbar-inner > span { display:none; }
  .topbar-contact { width:100%; justify-content:space-between; gap:10px; font-size:.68rem; }
  .hero-contact-line { flex-wrap:wrap; }
}

/* Lead capture form */
.lead-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:start; position:relative; z-index:1; }
.lead-copy { color:#fff; padding-top:18px; }
.lead-copy p { color:#d9e8f5; max-width:520px; }
.direct-contact { margin-top:32px; }
.direct-contact > a { display:inline-flex; align-items:center; gap:14px; padding:14px 18px; border:1px solid rgba(255,255,255,.2); border-radius:12px; background:rgba(255,255,255,.08); }
.direct-contact > a > span { width:42px; height:42px; display:grid; place-items:center; border-radius:10px; background:#f2a45f; color:#3c2412; font-size:1.25rem; }
.direct-contact small,.direct-contact strong { display:block; }
.direct-contact small { color:#c4d7e8; }
.direct-contact strong { font:800 1.15rem Manrope,sans-serif; }
.direct-contact > span { display:block; margin-top:10px; color:#a9c3da; font-size:.78rem; }
.lead-form { background:#fff; color:#10263b; padding:34px; border-radius:20px; box-shadow:0 28px 70px rgba(4,31,59,.28); }
.form-heading { display:flex; align-items:end; justify-content:space-between; gap:15px; margin-bottom:24px; }
.form-heading h3,.form-heading p { margin:0; }
.form-heading h3 { font-size:1.45rem; }
.form-heading p { font-size:.76rem; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.form-grid label { display:block; }
.form-grid label > span { display:block; margin-bottom:6px; color:#243d54; font-size:.8rem; font-weight:700; }
.form-wide { grid-column:1 / -1; }
.form-grid input,.form-grid select,.form-grid textarea { width:100%; border:1px solid #cfdae4; border-radius:9px; background:#f9fbfd; color:#10263b; font:inherit; font-size:.9rem; padding:12px 13px; outline:none; transition:border-color .2s, box-shadow .2s, background .2s; }
.form-grid textarea { resize:vertical; min-height:105px; }
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus { border-color:#15528f; background:#fff; box-shadow:0 0 0 3px rgba(21,82,143,.12); }
.form-submit { width:100%; margin-top:20px; border:0; cursor:pointer; font-size:.95rem; }
.form-submit:disabled { opacity:.65; cursor:wait; transform:none; }
.form-status { min-height:24px; margin:12px 0 0; text-align:center; font-size:.86rem; font-weight:700; }
.form-status.success { color:#167245; }
.form-status.error { color:#b42318; }
.form-privacy { margin:4px 0 0; text-align:center; font-size:.72rem; color:#778898; }
.form-honeypot { position:absolute!important; left:-9999px!important; opacity:0!important; }

@media (max-width:980px) {
  .lead-section { grid-template-columns:1fr; gap:38px; }
  .lead-copy { padding-top:0; }
}
@media (max-width:640px) {
  .lead-form { padding:25px 18px; border-radius:15px; }
  .form-grid { grid-template-columns:1fr; }
  .form-wide { grid-column:auto; }
  .form-heading { display:block; }
  .form-heading p { margin-top:5px; }
}

/* Reliable SVG icon system */
.svg-sprite { position:absolute; width:0; height:0; overflow:hidden; }
.service-icon svg,.badge-icon svg,.map-pin svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.badge-icon svg { width:21px; height:21px; }
.map-pin svg { width:48px; height:48px; }
.compare-icon svg { width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.inline-check { width:17px; height:17px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; vertical-align:-3px; }
.inline-arrow { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

/* Trust-building inspection photography */
.field-gallery { background:#f7fafc; }
.photo-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:22px; }
.photo-card { position:relative; margin:0; overflow:hidden; min-height:280px; border-radius:18px; background:#dfe9f2; box-shadow:0 16px 38px rgba(21,82,143,.12); }
.photo-card-wide { grid-row:span 2; min-height:590px; }
.photo-card img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .5s ease; }
.photo-card-moisture img { object-position:center 38%; }
.photo-card-review img { object-position:center 24%; }
.before-after .photo-card img { object-position:center center; }
.photo-card:hover img { transform:scale(1.025); }
.photo-card figcaption { position:absolute; left:20px; right:20px; bottom:18px; padding:14px 16px; border-radius:11px; background:rgba(7,31,56,.88); color:#fff; backdrop-filter:blur(5px); }
.photo-card figcaption span,.photo-card figcaption strong { display:block; }
.photo-card figcaption span { color:#ffd2aa; font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.before-after { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.before-after .photo-card { min-height:285px; box-shadow:none; }
.photo-tag { position:absolute; top:14px; left:14px; z-index:2; padding:6px 11px; border-radius:100px; background:#fff; color:#10263b; font-size:.72rem; font-weight:800; box-shadow:0 5px 16px rgba(7,31,56,.16); }
.photo-tag.before { border-left:4px solid #f2a45f; }
.photo-tag.after { border-left:4px solid #2c9b65; }
.gallery-note { margin:18px 0 0; text-align:center; font-size:.76rem; color:#778898; }

@media (max-width:800px) {
  .photo-grid { grid-template-columns:1fr; }
  .photo-card-wide { grid-row:auto; min-height:420px; }
}
@media (max-width:520px) {
  .before-after { grid-template-columns:1fr; }
  .photo-card,.before-after .photo-card { min-height:260px; }
}

/* Embedded Google service-area map */
.google-map { padding:0; overflow:hidden; display:block; background:#e7f0f7; border:1px solid rgba(21,82,143,.12); box-shadow:0 20px 45px rgba(21,82,143,.13); }
.google-map iframe { width:100%; height:370px; display:block; border:0; filter:saturate(.85) contrast(1.03); }
.map-open-link { position:absolute; right:14px; bottom:14px; display:flex; align-items:center; gap:7px; padding:10px 14px; border-radius:9px; background:#fff; color:#15528f; font-size:.78rem; font-weight:800; box-shadow:0 8px 24px rgba(7,31,56,.18); }
.map-open-link:hover { background:#15528f; color:#fff; }
.service-city-list { display:flex; flex-wrap:wrap; gap:9px; margin:24px 0 20px; }
.service-city-list span { display:inline-flex; align-items:center; padding:8px 12px; border:1px solid rgba(21,82,143,.16); border-radius:100px; background:#fff; color:#15528f; font-size:.78rem; font-weight:700; box-shadow:0 5px 14px rgba(21,82,143,.07); }
.service-city-list span::before { content:""; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#f2a45f; }
.area-note { margin-top:0; font-size:.88rem; }

@media (max-width:640px) {
  .google-map iframe { height:330px; }
}

/* Services navigation dropdown */
.services-dropdown{position:relative;display:flex;align-items:center}
.services-trigger{display:flex;align-items:center;gap:7px;font-weight:700}
.dropdown-chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.services-menu{position:absolute;top:calc(100% + 25px);left:50%;width:340px;padding:10px;border:1px solid rgba(21,82,143,.12);border-radius:14px;background:#fff;box-shadow:0 24px 55px rgba(7,31,56,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity .22s,transform .22s,visibility .22s;z-index:1200}
.services-menu:before{content:"";position:absolute;left:0;right:0;top:-27px;height:28px}
.services-dropdown:hover .services-menu,.services-dropdown:focus-within .services-menu,.services-dropdown.open .services-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.services-dropdown:hover .dropdown-chevron,.services-dropdown:focus-within .dropdown-chevron,.services-dropdown.open .dropdown-chevron{transform:rotate(225deg) translate(-2px,-2px)}
.services-menu>a{position:relative;display:block!important;padding:11px 13px!important;margin:0!important;border-radius:9px;color:#294258!important;transition:background .2s,color .2s,transform .2s}
.services-menu>a:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:#f2a45f;opacity:0;transition:opacity .2s}
.services-menu>a strong,.services-menu>a small{display:block}.services-menu>a strong{font:700 .84rem Manrope,sans-serif}.services-menu>a small{margin-top:2px;color:#778898;font-size:.7rem;font-weight:500}
.services-menu>a:hover,.services-menu>a:focus{background:#edf5fc!important;color:#15528f!important;transform:translateX(3px)}
.services-menu>a:hover:before,.services-menu>a:focus:before{opacity:1}
.services-menu .all-services-link{display:flex!important;align-items:center;justify-content:space-between;margin-top:5px!important;background:#15528f!important;color:#fff!important}.services-menu .all-services-link:before{display:none}.services-menu .all-services-link:hover{background:#0b315b!important;color:#fff!important}

@media(max-width:980px){
  .services-dropdown{display:block;width:100%}.services-trigger{justify-content:space-between;width:100%}
  .services-menu{position:static;width:100%;max-height:0;padding:0 8px;border:0;box-shadow:none;overflow:hidden;opacity:1;visibility:visible;pointer-events:none;transform:none;background:#f7fafc;transition:max-height .3s,padding .3s,margin .3s}
  .services-dropdown.open .services-menu{max-height:620px;padding:8px;margin-top:8px;pointer-events:auto;transform:none}
  .services-menu:before{display:none}
}

/* Centered three-part header: logo, navigation, phone */
.nav{position:relative}
.nav-links{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.mobile-nav-call{display:none!important}
.desktop-nav-call{flex:0 0 auto}
@media(max-width:980px){
  .nav-links{left:20px;right:20px;transform:none;white-space:normal}
  .desktop-nav-call{display:none!important}
  .mobile-nav-call{display:inline-flex!important;width:100%;margin-top:7px}
}

/* Keep the expanded desktop navigation neat and readable. */
@media (min-width:981px) {
  .nav-links { gap:18px; font-size:.84rem; }
  .nav-cta { margin-left:4px; padding:12px 16px; }
}

/* Sticky header and anchor offset */
.site-header {
  position:sticky;
  top:0;
  width:100%;
  z-index:1000;
  box-shadow:0 4px 20px rgba(7,31,56,.05);
}
.site-header.scrolled {
  box-shadow:0 12px 30px rgba(7,31,56,.14);
}
#services,
#comparison,
#process,
#faq,
#service-areas,
#about,
#contact { scroll-margin-top:125px; }

@media (max-width:640px) {
  #services,
  #comparison,
  #process,
  #faq,
  #service-areas,
  #about,
  #contact { scroll-margin-top:108px; }
}