
:root{--navy:#061b3a;--blue:#0b2a52;--orange:#f97316;--orange2:#d87500;--text:#061b3a;--muted:#526178;--line:#dbe5f4;--shadow:0 16px 34px rgba(6,27,58,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1680px,calc(100% - 96px));margin:auto}
.site-header{height:72px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(6,27,58,.035)}.nav{height:72px;display:flex;align-items:center;gap:24px}.brand{width:370px;flex:0 0 370px;display:flex;align-items:center;overflow:visible}.brand img{width:345px;max-width:345px;max-height:66px;height:auto;display:block;object-fit:contain}.main-nav{display:flex;gap:24px;margin-left:auto;font-size:14px;font-weight:900;white-space:nowrap}.main-nav a{height:72px;display:flex;align-items:center;border-bottom:3px solid transparent}.main-nav .active{color:var(--orange);border-bottom-color:var(--orange)}.nav-actions{display:flex;gap:17px;align-items:center;margin-left:10px;white-space:nowrap}.phone{font-size:19px;font-weight:1000}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;padding:13px 22px;font-weight:1000;cursor:pointer}.btn-orange{background:linear-gradient(135deg,#f59e0b,#e36d00);color:#fff;box-shadow:0 12px 24px rgba(249,115,22,.24)}.nav-btn{min-width:170px}.mobile-menu{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;font-weight:900}
.hero{position:relative;height:335px;overflow:hidden;background:#071a3a;border-bottom:1px solid var(--line)}.hero-photo{position:absolute;inset:0;background:url('assets/hero-home.jpg') center center/cover no-repeat;z-index:0}.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,16,38,.86) 0%,rgba(3,20,43,.58) 30%,rgba(255,255,255,.12) 55%,rgba(255,255,255,.08) 74%,rgba(255,255,255,.52) 100%)}.hero-grid{height:100%;position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:28px;align-items:center;padding-right:0}.hero-copy h1{font-size:50px;line-height:1.06;letter-spacing:-.045em;margin:0 0 14px;color:#fff}.hero-copy p{max-width:625px;margin:0 0 16px;font-size:16px;line-height:1.45;color:#fff}.mini-trust{display:flex;flex-wrap:wrap;gap:22px;margin:0 0 18px;font-size:13px;font-weight:800;color:#fff}.hero-actions{display:flex;align-items:center;gap:22px}.large{font-size:16px;padding:15px 28px}.watch{display:grid;grid-template-columns:48px auto;grid-template-rows:auto auto;align-items:center;gap:0 12px;color:#fff}.watch i{grid-row:1/3;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.70);font-style:normal}.watch strong{font-size:15px}.watch small{font-size:12px;color:#eef2ff}.estimate-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px 24px;box-shadow:var(--shadow);justify-self:end;width:430px;margin-right:0;transform:translateX(0)}.estimate-card h2{margin:0 0 14px;font-size:24px;color:var(--navy)}.estimate-card form{display:grid;gap:7px}.estimate-card label{margin:0;position:relative}.estimate-card label span{position:absolute;left:12px;top:10px;color:#64748b;font-size:13px}.estimate-card input,.estimate-card select{width:100%;height:32px;border:1px solid var(--line);border-radius:6px;padding:0 11px 0 36px;font:inherit;font-size:12px;color:#263650;background:#fff;outline:none}.estimate-card select{padding-left:11px}.estimate-card .full{height:42px;margin-top:4px}.secure{text-align:center;color:#16803a;font-size:12px;font-weight:800;margin:8px 0 0}
.proof{background:#fff;border-bottom:1px solid var(--line)}.proof-grid{height:58px;display:grid;grid-template-columns:repeat(5,1fr)}.proof-grid div{display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;align-items:center;padding:10px 22px;border-right:1px solid var(--line)}.proof-grid div:last-child{border-right:0}.proof-grid svg{grid-row:1/3;width:39px;height:39px;color:#071a3a}.proof-grid b{font-size:14px;line-height:1.05}.proof-grid span{font-size:12px;color:var(--muted)}
.services-section{padding:13px 0 16px}.section-head{text-align:center;margin-bottom:12px}.eyebrow{margin:0 0 4px;color:var(--orange)!important;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:1000}.left{text-align:left}.section-head h2{font-size:25px;line-height:1;margin:0;color:var(--navy)}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(6,27,58,.035);min-height:82px}.service-card a{height:100%;min-height:82px;padding:14px 15px;display:grid;grid-template-columns:48px minmax(0,1fr) 15px;gap:12px;align-items:center;color:inherit}.service-icon{width:48px;height:48px;border:1px solid #e8eef7;background:#fbfcff;border-radius:50%;display:grid;place-items:center}.service-icon svg{width:32px;height:32px;color:#071a3a}.service-card h3{margin:0 0 4px;font-size:13.5px;line-height:1.1;font-weight:1000;color:var(--navy)}.service-card p{margin:0;font-size:11.2px;line-height:1.35;color:#4f5e75}.service-card span{color:var(--orange);font-size:28px;font-weight:1000}.service-card:hover h3,.service-card:hover span{color:var(--orange2)}
.lower{padding:0 0 14px}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 1.13fr;gap:22px;align-items:start}.left-column h2{font-size:24px;line-height:1.1;margin:0 0 10px;color:var(--navy)}.process-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.process-row article{min-height:78px;border:1px solid var(--line);border-radius:10px;padding:11px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;align-items:center;background:#fff}.process-row svg{width:38px;height:38px;color:#071a3a}.process-row b{font-size:12px}.process-row p{font-size:10.6px;line-height:1.34;color:var(--muted);margin:3px 0 0}.process-row span{font-size:24px;color:#1f2f4c}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}blockquote{margin:0;border:1px solid var(--line);border-radius:8px;padding:11px 13px;color:var(--orange);background:#fff;min-height:106px;font-weight:900}blockquote p{font-size:11px;line-height:1.34;color:#22324f;margin:5px 0 8px;font-weight:650}cite{display:block;color:#071a3a;font-style:normal;font-size:11px;font-weight:1000}cite small{display:block;color:var(--muted);font-weight:650}
.why-block{display:grid;grid-template-rows:auto auto}.why-top{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden}.team-photo{background:url('assets/team-photo.jpg') center center/cover no-repeat;min-height:168px}.why-panel{background:linear-gradient(135deg,var(--navy),#0a315d);color:#fff;padding:18px 22px}.why-panel h3{font-size:20px;margin:0 0 9px}.why-panel ul{display:grid;gap:5px;list-style:none;margin:0;padding:0}.why-panel li{font-size:12px;line-height:1.35;color:#eaf2ff}.why-panel li:before{content:"✓";color:var(--orange);font-weight:1000;margin-right:6px}.why-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.why-stats div{border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:7px}.why-stats strong{display:block;color:var(--orange);font-size:13px}.why-stats span{display:block;color:#dbeafe;font-size:9.5px}.cta-mini{height:78px;background:linear-gradient(135deg,var(--navy),#0a315d);border:1px solid rgba(255,255,255,.18);border-top:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:12px 18px;color:#fff;box-shadow:0 18px 36px rgba(6,27,58,.18)}.cta-icon{width:54px;height:54px;border-radius:50%;background:var(--orange);display:grid;place-items:center}.cta-icon svg{width:34px;height:34px;color:#fff}.cta-copy h3{font-size:21px;line-height:1;margin:0 0 3px}.cta-copy p{font-size:12.5px;margin:0;color:#dbeafe}.cta-mini .btn{height:42px;white-space:nowrap}.cta-mini span{font-size:15px;white-space:nowrap}.cta-mini strong{color:var(--orange);font-size:19px}
.footer{border-top:1px solid var(--line);background:#fff}.footer-grid{padding:18px 0 16px;display:grid;grid-template-columns:1.4fr 1.2fr 1.2fr 1.2fr 1.25fr;gap:34px}.footer img{width:280px;max-height:78px;object-fit:contain;object-position:left center;display:block}.footer p,.footer a{display:block;font-size:12px;line-height:1.45;color:#4f5e75;margin:4px 0}.footer h3{font-size:12px;margin:0 0 6px;color:var(--navy);text-transform:uppercase}.social{display:flex;gap:14px;margin-top:9px}.social span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900;font-size:12px}.estimator-login{border:2px solid #061b3a;border-radius:7px;padding:13px 16px!important;color:#061b3a!important;text-align:center;font-size:14px!important;font-weight:1000;margin-top:28px!important}.footer-bottom{background:var(--navy);color:#dbeafe;font-size:11px;padding:12px max(48px,calc((100% - 1680px)/2));display:flex;justify-content:space-between}
.service-page-hero{background:linear-gradient(135deg,#061b3a,#0a315d);color:#fff;padding:70px 0}.service-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:center}.service-page-hero h1{font-size:58px;line-height:1.02;margin:0 0 16px;color:#fff}.service-page-hero p{font-size:19px;line-height:1.55;color:#dbeafe;max-width:760px}.service-page-card{background:#fff;color:#071a3a;border-radius:16px;padding:26px;box-shadow:0 22px 50px rgba(0,0,0,.20)}.service-page-card h2{margin-top:0}.service-page-card ul{margin:0;padding-left:20px;display:grid;gap:9px}.service-detail{padding:42px 0}.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-detail article{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;box-shadow:0 10px 24px rgba(6,27,58,.04)}.service-detail h2{margin-top:0;color:var(--navy)}.form-success{background:#dcfce7;border:1px solid #86efac;color:#166534;padding:10px;border-radius:8px;font-size:12px;font-weight:900;margin-top:7px}
@media(max-width:1500px){.wrap{width:min(100% - 64px,1680px)}.brand{width:310px;flex-basis:310px}.brand img{width:290px}.main-nav{gap:16px}.phone{font-size:16px}.service-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.main-nav,.nav-actions{display:none}.mobile-menu{display:block}.main-nav.open{display:grid;position:absolute;left:24px;right:24px;top:72px;background:#fff;padding:18px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.hero{height:auto;padding:42px 0}.hero-grid,.lower-grid,.service-page-grid,.service-detail-grid,.why-top{grid-template-columns:1fr}.proof-grid{height:auto;grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.cta-mini{height:auto;grid-template-columns:54px 1fr}.estimate-card{justify-self:start;width:min(430px,100%)}}
@media(max-width:720px){.wrap{width:min(100% - 28px,1680px)}.brand{width:235px;flex-basis:235px}.brand img{width:220px}.hero-copy h1{font-size:38px}.proof-grid,.service-grid,.process-row,.review-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:8px}}



/* PIXEL PERFECT HERO + WHY/CTA REWRITE 40 */

/* Header/logo polish */
.site-header {
  height: 72px !important;
}
.nav {
  height: 72px !important;
}
.brand {
  width: 370px !important;
  flex: 0 0 370px !important;
  overflow: visible !important;
}
.brand img {
  width: 345px !important;
  max-width: 345px !important;
  max-height: 66px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
}

/* Hero: force the correct new image and stop the old roof crop/bleed */
.hero {
  height: 335px !important;
  background: #071a3a !important;
  overflow: hidden !important;
}
.hero-photo,
.hero-image {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background-image: url('assets/hero-home.jpg?v=pixel-perfect-40') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: 0 !important;
}
.hero::before,
.hero::after {
  display: none !important;
}
.hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg,
      rgba(3,16,35,.88) 0%,
      rgba(3,16,35,.65) 25%,
      rgba(3,16,35,.28) 45%,
      rgba(255,255,255,.10) 64%,
      rgba(255,255,255,.40) 100%) !important;
}
.hero-grid {
  position: relative !important;
  z-index: 3 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 430px !important;
  gap: 26px !important;
  align-items: center !important;
  padding-right: 0 !important;
}
.hero-copy {
  max-width: 720px !important;
}
.hero-copy h1 {
  color: #ffffff !important;
  font-size: 50px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
  margin: 0 0 14px !important;
}
.hero-copy p,
.mini-trust,
.watch,
.watch small {
  color: #ffffff !important;
}

/* Quote box: push to real right edge inside page wrap */
.estimate-card {
  justify-self: end !important;
  width: 430px !important;
  max-width: 430px !important;
  margin-right: 0 !important;
  transform: translateX(0) !important;
  padding: 22px 24px !important;
  border-radius: 11px !important;
  z-index: 5 !important;
}
.estimate-card input,
.estimate-card select {
  height: 32px !important;
}
.estimate-card .full {
  height: 42px !important;
}

/* Services stay tight */
.services-section {
  padding-top: 13px !important;
  padding-bottom: 16px !important;
}
.services-section .eyebrow,
.section-head .eyebrow,
.eyebrow {
  color: #f97316 !important;
}

/* Lower layout alignment */
.lower {
  padding-top: 0 !important;
}
.lower-grid {
  align-items: start !important;
  gap: 22px !important;
}

/* Why Choose MW + CTA becomes one premium conversion module */
.why-block {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-self: start !important;
  margin-top: 0 !important;
}
.why-top {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  border: 1px solid #dbe5f4 !important;
  border-bottom: 0 !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  overflow: hidden !important;
  background: #061b3a !important;
}
.team-photo {
  min-height: 168px !important;
  background-image: url('assets/team-photo.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
}
.why-panel {
  min-height: 168px !important;
  background: linear-gradient(135deg, #061b3a, #0a315d) !important;
  color: #ffffff !important;
  padding: 18px 22px !important;
  overflow: hidden !important;
}
.why-panel h3 {
  font-size: 20px !important;
  line-height: 1.1 !important;
  margin: 0 0 9px !important;
}
.why-panel li {
  font-size: 12px !important;
  line-height: 1.34 !important;
}
.why-stats {
  margin-top: 12px !important;
}

/* CTA locked to bottom of panel: no gap, same width, balanced rhythm */
.cta-mini {
  height: 78px !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  border-top: 0 !important;
  border-left: 1px solid rgba(255,255,255,.18) !important;
  border-right: 1px solid rgba(255,255,255,.18) !important;
  border-bottom: 1px solid rgba(255,255,255,.18) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  background: linear-gradient(135deg, #061b3a, #0a315d) !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  column-gap: 18px !important;
  padding: 12px 18px !important;
  box-shadow: 0 18px 36px rgba(6,27,58,.18) !important;
  position: relative !important;
  z-index: 3 !important;
}
.cta-icon {
  width: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #f97316 !important;
}
.cta-copy {
  align-self: center !important;
}
.cta-copy h3 {
  font-size: 21px !important;
  line-height: 1 !important;
  margin: 0 0 3px !important;
  color: #ffffff !important;
}
.cta-copy p {
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  color: #dbeafe !important;
}
.cta-mini .btn {
  height: 42px !important;
  min-width: 235px !important;
  padding: 0 22px !important;
  align-self: center !important;
  white-space: nowrap !important;
}
.cta-mini span {
  font-size: 15px !important;
  white-space: nowrap !important;
  color: #ffffff !important;
}
.cta-mini strong {
  color: #f97316 !important;
  font-size: 19px !important;
}

/* Footer final text */
.footer #areas p,
#areas p {
  color: #526178 !important;
  font-size: 12px !important;
  margin: 4px 0 !important;
}

/* Responsive safe handling */
@media(max-width: 1500px) {
  .brand {
    width: 310px !important;
    flex-basis: 310px !important;
  }
  .brand img {
    width: 290px !important;
  }
  .hero-grid {
    grid-template-columns: minmax(0, 1fr) 410px !important;
  }
  .estimate-card {
    width: 410px !important;
    max-width: 410px !important;
  }
}
@media(max-width: 1100px) {
  .hero {
    height: auto !important;
    padding: 42px 0 !important;
  }
  .hero-grid,
  .lower-grid,
  .why-top {
    grid-template-columns: 1fr !important;
  }
  .estimate-card {
    justify-self: start !important;
    width: min(430px, 100%) !important;
    max-width: 100% !important;
  }
  .cta-mini {
    height: auto !important;
    grid-template-columns: 54px 1fr !important;
    row-gap: 10px !important;
  }
}
@media(max-width: 720px) {
  .brand {
    width: 235px !important;
    flex-basis: 235px !important;
  }
  .brand img {
    width: 220px !important;
  }
  .hero-copy h1 {
    font-size: 38px !important;
  }
}



/* DEADLINE CLEAN HERO + CONVERSION FIX 50
   Purpose: eliminate baked-in hero text/form bleed and make the right lower conversion block premium/pixel aligned. */

/* Header stays clean while logo remains premium */
.site-header { height: 72px !important; }
.nav { height: 72px !important; }
.brand { width: 370px !important; flex: 0 0 370px !important; overflow: visible !important; }
.brand img {
  width: 345px !important;
  max-width: 345px !important;
  max-height: 66px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* Absolute hero cleanup:
   - New asset is house/photo only
   - hide any previous pseudo overlays that showed old text/form
   - add a deliberate dark readability curtain on the left
   - add white/right fade under quote box so no old artifacts are visible */
.hero {
  height: 335px !important;
  position: relative !important;
  overflow: hidden !important;
  background: #061b3a !important;
  isolation: isolate !important;
}
.hero-photo,
.hero-image {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background-image: url('assets/hero-clean-property.jpg?v=deadline50') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: 0 !important;
}
.hero::before,
.hero::after {
  display: none !important;
  content: none !important;
}
.hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg,
      rgba(4,15,33,.92) 0%,
      rgba(4,15,33,.82) 22%,
      rgba(4,15,33,.42) 42%,
      rgba(255,255,255,.05) 62%,
      rgba(255,255,255,.48) 100%) !important;
}
.hero-grid {
  position: relative !important;
  z-index: 3 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 430px !important;
  gap: 26px !important;
  align-items: center !important;
  padding-right: 0 !important;
}
.hero-copy {
  max-width: 710px !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.22) !important;
}
.hero-copy h1 {
  color: #fff !important;
  font-size: 50px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
  margin: 0 0 14px !important;
}
.hero-copy p {
  color: #fff !important;
  max-width: 625px !important;
}
.mini-trust,
.mini-trust span,
.watch,
.watch small {
  color: #fff !important;
}

/* Quote box at right edge; covered by clean white card, not transparent */
.estimate-card {
  justify-self: end !important;
  align-self: center !important;
  width: 430px !important;
  max-width: 430px !important;
  margin: 0 !important;
  transform: none !important;
  background: #fff !important;
  opacity: 1 !important;
  border: 1px solid #dbe5f4 !important;
  border-radius: 11px !important;
  padding: 22px 24px !important;
  box-shadow: 0 18px 40px rgba(6,27,58,.20) !important;
  z-index: 5 !important;
}
.estimate-card h2 { margin: 0 0 14px !important; }
.estimate-card input,
.estimate-card select { height: 32px !important; background: #fff !important; }
.estimate-card .full { height: 42px !important; }

/* Services label */
.eyebrow,
.section-head .eyebrow,
.services-section .eyebrow { color: #f97316 !important; }

/* Lower layout */
.lower-grid {
  align-items: start !important;
  gap: 22px !important;
}
.why-block {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-self: start !important;
  margin-top: 0 !important;
  border-radius: 10px !important;
}

/* Rebuild visual panel as one intentional block */
.why-top {
  display: grid !important;
  grid-template-columns: 420px minmax(0, 1fr) !important;
  min-height: 188px !important;
  border: 1px solid #dbe5f4 !important;
  border-bottom: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  overflow: hidden !important;
  background: #061b3a !important;
}
.team-photo {
  min-height: 188px !important;
  background-image: url('assets/team-clean.jpg?v=deadline50') !important;
  background-size: cover !important;
  background-position: center center !important;
}
.why-panel {
  min-height: 188px !important;
  background: linear-gradient(135deg, #061b3a 0%, #0a315d 100%) !important;
  color: #fff !important;
  padding: 19px 24px 16px !important;
  overflow: hidden !important;
}
.why-panel h3 {
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
  margin: 0 0 10px !important;
  letter-spacing: -0.02em !important;
}
.why-panel ul {
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.why-panel li {
  color: #fff !important;
  font-size: 12.4px !important;
  line-height: 1.32 !important;
}
.why-panel li::before {
  content: "✓" !important;
  color: #f97316 !important;
  font-weight: 1000 !important;
  margin-right: 7px !important;
}
.why-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
}
.why-stats div {
  border: 1px solid rgba(255,255,255,.17) !important;
  border-radius: 8px !important;
  padding: 7px 9px !important;
}
.why-stats strong {
  display: block !important;
  color: #f97316 !important;
  font-size: 13px !important;
  line-height: 1.05 !important;
}
.why-stats span {
  display: block !important;
  color: #dbeafe !important;
  font-size: 9.7px !important;
}

/* CTA locked flush to the panel above */
.cta-mini {
  height: 82px !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  border-top: 0 !important;
  border-left: 1px solid rgba(255,255,255,.18) !important;
  border-right: 1px solid rgba(255,255,255,.18) !important;
  border-bottom: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 0 0 10px 10px !important;
  background: linear-gradient(135deg, #061b3a 0%, #0a315d 100%) !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 245px 145px !important;
  align-items: center !important;
  column-gap: 18px !important;
  padding: 12px 18px !important;
  box-shadow: 0 18px 36px rgba(6,27,58,.18) !important;
  overflow: hidden !important;
}
.cta-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  background: #f97316 !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
}
.cta-icon svg {
  width: 34px !important;
  height: 34px !important;
  color: #fff !important;
}
.cta-copy { align-self: center !important; min-width: 0 !important; }
.cta-copy h3 {
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  margin: 0 0 4px !important;
}
.cta-copy p {
  color: #dbeafe !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
.cta-mini .btn {
  height: 42px !important;
  width: 245px !important;
  min-width: 245px !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  align-self: center !important;
  justify-self: center !important;
  white-space: nowrap !important;
  font-size: 14px !important;
}
.cta-mini > span {
  color: #fff !important;
  font-size: 14.5px !important;
  white-space: nowrap !important;
  justify-self: end !important;
}
.cta-mini strong {
  color: #f97316 !important;
  font-size: 18px !important;
}

/* Responsive */
@media(max-width: 1500px) {
  .brand { width: 310px !important; flex-basis: 310px !important; }
  .brand img { width: 290px !important; }
  .hero-grid { grid-template-columns: minmax(0,1fr) 410px !important; }
  .estimate-card { width: 410px !important; max-width: 410px !important; }
  .why-top { grid-template-columns: 360px minmax(0, 1fr) !important; }
  .cta-mini { grid-template-columns: 58px minmax(0,1fr) 230px 132px !important; }
  .cta-mini .btn { width: 230px !important; min-width: 230px !important; }
}
@media(max-width: 1100px) {
  .hero { height: auto !important; padding: 42px 0 !important; }
  .hero-grid, .lower-grid, .why-top { grid-template-columns: 1fr !important; }
  .estimate-card { justify-self: start !important; width: min(430px,100%) !important; max-width: 100% !important; }
  .cta-mini {
    height: auto !important;
    grid-template-columns: 54px 1fr !important;
    row-gap: 10px !important;
  }
  .cta-mini .btn { width: 100% !important; min-width: 0 !important; grid-column: 1 / -1 !important; }
  .cta-mini > span { grid-column: 1 / -1 !important; justify-self: start !important; }
}
@media(max-width: 720px) {
  .brand { width: 235px !important; flex-basis: 235px !important; }
  .brand img { width: 220px !important; }
  .hero-copy h1 { font-size: 38px !important; }
}



/* HERO BLEED FINAL FIX 60
   The right-side bleed was caused by a baked form inside the hero image.
   This version forces a new clean image and places a solid white shield behind the real form. */

.hero {
  height: 335px !important;
  position: relative !important;
  overflow: hidden !important;
  background: #061b3a !important;
  isolation: isolate !important;
}

/* Force all possible legacy hero background selectors to the clean asset */
.hero-photo,
.hero-image {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background-image: url('assets/hero-clean-property.jpg?v=hero-bleed-final-60') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
  z-index: 0 !important;
}

/* Kill any previous pseudo elements from older builds */
.hero::before,
.hero::after {
  display: none !important;
  content: none !important;
}

/* Left readability overlay and right quote-box clean zone */
.hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg,
      rgba(3,16,35,.88) 0%,
      rgba(3,16,35,.72) 26%,
      rgba(3,16,35,.30) 48%,
      rgba(255,255,255,.04) 65%,
      rgba(255,255,255,.50) 100%) !important;
}

/* Solid/soft white shield under the quote card so no background artifact can show */
.hero .wrap.hero-grid::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -4px !important;
  width: 486px !important;
  height: 100% !important;
  background: linear-gradient(90deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.90) 42%, #ffffff 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.hero-grid {
  position: relative !important;
  z-index: 3 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 430px !important;
  gap: 26px !important;
  align-items: center !important;
  padding-right: 0 !important;
}

.hero-copy {
  position: relative !important;
  z-index: 3 !important;
  max-width: 710px !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.22) !important;
}

.hero-copy h1 {
  color: #fff !important;
  font-size: 50px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
  margin: 0 0 14px !important;
}

.hero-copy p,
.mini-trust,
.mini-trust span,
.watch,
.watch small {
  color: #fff !important;
}

/* Real form card sits above the shield, fully opaque */
.estimate-card {
  position: relative !important;
  z-index: 6 !important;
  justify-self: end !important;
  align-self: center !important;
  width: 430px !important;
  max-width: 430px !important;
  margin: 0 !important;
  transform: none !important;
  background: #ffffff !important;
  opacity: 1 !important;
  border: 1px solid #dbe5f4 !important;
  border-radius: 11px !important;
  padding: 22px 24px !important;
  box-shadow: 0 18px 40px rgba(6,27,58,.20) !important;
}
.estimate-card * {
  position: relative !important;
  z-index: 7 !important;
}
.estimate-card h2 {
  color: #061b3a !important;
}
.estimate-card input,
.estimate-card select {
  height: 32px !important;
  background: #fff !important;
}
.estimate-card .full {
  height: 42px !important;
}

/* Keep the premium conversion block tight and flush */
.why-block {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-self: start !important;
  margin-top: 0 !important;
  border-radius: 10px !important;
}
.why-top {
  display: grid !important;
  grid-template-columns: 420px minmax(0,1fr) !important;
  min-height: 188px !important;
  border: 1px solid #dbe5f4 !important;
  border-bottom: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  overflow: hidden !important;
  background: #061b3a !important;
}
.cta-mini {
  height: 82px !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  border-top: 0 !important;
  border-radius: 0 0 10px 10px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) 245px 145px !important;
  align-items: center !important;
  column-gap: 18px !important;
  padding: 12px 18px !important;
}
.cta-mini .btn {
  width: 245px !important;
  min-width: 245px !important;
  height: 42px !important;
  align-self: center !important;
  justify-self: center !important;
}
.cta-mini > span {
  justify-self: end !important;
  white-space: nowrap !important;
}

/* Cache-clean logo sizing */
.brand img {
  image-rendering: auto !important;
}

@media(max-width: 1500px) {
  .hero-grid { grid-template-columns: minmax(0,1fr) 410px !important; }
  .estimate-card { width: 410px !important; max-width: 410px !important; }
  .hero .wrap.hero-grid::after { width: 465px !important; }
  .why-top { grid-template-columns: 360px minmax(0,1fr) !important; }
  .cta-mini { grid-template-columns: 58px minmax(0,1fr) 230px 132px !important; }
  .cta-mini .btn { width: 230px !important; min-width: 230px !important; }
}
@media(max-width: 1100px) {
  .hero {
    height: auto !important;
    padding: 42px 0 !important;
  }
  .hero .wrap.hero-grid::after {
    display: none !important;
  }
  .hero-grid,
  .why-top {
    grid-template-columns: 1fr !important;
  }
  .estimate-card {
    justify-self: start !important;
    width: min(430px,100%) !important;
    max-width: 100% !important;
  }
  .cta-mini {
    height: auto !important;
    grid-template-columns: 54px 1fr !important;
    row-gap: 10px !important;
  }
  .cta-mini .btn {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
  }
  .cta-mini > span {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
  }
}



/* FINAL DEADLINE POLISH 70
   This is a hard correction build:
   - Clean hero image contains no website text or form.
   - Any old hero pseudo/background is disabled.
   - Quote card sits over a solid white shield.
   - Why/CTA module is rebuilt as a single flush conversion unit.
*/

/* Header */
.site-header { height: 72px !important; background:#fff !important; border-bottom:1px solid #dbe5f4 !important; }
.nav { height:72px !important; }
.brand { width:370px !important; flex:0 0 370px !important; overflow:visible !important; }
.brand img {
  width:345px !important;
  max-width:345px !important;
  max-height:66px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  image-rendering:auto !important;
}

/* Clean hero */
.hero {
  height:335px !important;
  position:relative !important;
  overflow:hidden !important;
  background:#061b3a !important;
  isolation:isolate !important;
}
.hero-photo,
.hero-image {
  position:absolute !important;
  inset:0 !important;
  background-image:url('assets/hero-clean-final.jpg?v=final-deadline-polish-70') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  filter:none !important;
  z-index:0 !important;
}
.hero::before,
.hero::after {
  display:none !important;
  content:none !important;
}
.hero-overlay {
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg,
      rgba(3,16,35,.84) 0%,
      rgba(3,16,35,.70) 24%,
      rgba(3,16,35,.30) 48%,
      rgba(255,255,255,.10) 68%,
      rgba(255,255,255,.62) 100%) !important;
}

/* Absolute shield behind form. This guarantees no image/detail/old artifact can show behind the form area. */
.hero .wrap.hero-grid::after {
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:-8px !important;
  width:500px !important;
  height:100% !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.88) 34%,
      rgba(255,255,255,1) 100%) !important;
  z-index:2 !important;
  pointer-events:none !important;
}

.hero-grid {
  position:relative !important;
  z-index:3 !important;
  height:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 430px !important;
  gap:26px !important;
  align-items:center !important;
  padding-right:0 !important;
}
.hero-copy {
  position:relative !important;
  z-index:4 !important;
  max-width:710px !important;
  text-shadow:0 2px 14px rgba(0,0,0,.26) !important;
}
.hero-copy h1 {
  color:#fff !important;
  font-size:50px !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  margin:0 0 14px !important;
}
.hero-copy p,
.mini-trust,
.mini-trust span,
.watch,
.watch small {
  color:#fff !important;
}
.estimate-card {
  position:relative !important;
  z-index:8 !important;
  justify-self:end !important;
  align-self:center !important;
  width:430px !important;
  max-width:430px !important;
  margin:0 !important;
  transform:none !important;
  background:#fff !important;
  opacity:1 !important;
  border:1px solid #dbe5f4 !important;
  border-radius:11px !important;
  padding:22px 24px !important;
  box-shadow:0 18px 40px rgba(6,27,58,.20) !important;
}
.estimate-card * { position:relative !important; z-index:9 !important; }
.estimate-card h2 { color:#061b3a !important; margin:0 0 14px !important; }
.estimate-card input,
.estimate-card select { height:32px !important; background:#fff !important; }
.estimate-card .full { height:42px !important; }

/* Service heading */
.eyebrow,
.section-head .eyebrow,
.services-section .eyebrow {
  color:#f97316 !important;
}

/* Lower conversion block */
.lower-grid { align-items:start !important; gap:22px !important; }
.why-block {
  display:grid !important;
  grid-template-rows:auto auto !important;
  align-self:start !important;
  margin-top:0 !important;
  border-radius:10px !important;
  overflow:hidden !important;
  box-shadow:0 18px 36px rgba(6,27,58,.10) !important;
}
.why-top {
  display:grid !important;
  grid-template-columns:420px minmax(0,1fr) !important;
  min-height:188px !important;
  border:1px solid #dbe5f4 !important;
  border-bottom:0 !important;
  border-radius:10px 10px 0 0 !important;
  overflow:hidden !important;
  background:#061b3a !important;
}
.team-photo {
  min-height:188px !important;
  background-image:url('assets/team-clean.jpg?v=final-deadline-polish-70') !important;
  background-size:cover !important;
  background-position:center center !important;
}
.why-panel {
  min-height:188px !important;
  background:linear-gradient(135deg,#061b3a 0%,#0a315d 100%) !important;
  color:#fff !important;
  padding:19px 24px 16px !important;
  overflow:hidden !important;
}
.why-panel h3 {
  color:#fff !important;
  font-size:22px !important;
  line-height:1.05 !important;
  margin:0 0 10px !important;
}
.why-panel ul {
  display:grid !important;
  gap:5px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.why-panel li {
  color:#fff !important;
  font-size:12.4px !important;
  line-height:1.32 !important;
}
.why-panel li::before {
  content:"✓" !important;
  color:#f97316 !important;
  font-weight:1000 !important;
  margin-right:7px !important;
}
.why-stats {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-top:12px !important;
}
.why-stats div {
  border:1px solid rgba(255,255,255,.17) !important;
  border-radius:8px !important;
  padding:7px 9px !important;
}
.why-stats strong {
  display:block !important;
  color:#f97316 !important;
  font-size:13px !important;
}
.why-stats span {
  display:block !important;
  color:#dbeafe !important;
  font-size:9.7px !important;
}
.cta-mini {
  height:82px !important;
  width:100% !important;
  margin:0 !important;
  transform:none !important;
  border-top:0 !important;
  border-left:1px solid rgba(255,255,255,.18) !important;
  border-right:1px solid rgba(255,255,255,.18) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  border-radius:0 0 10px 10px !important;
  background:linear-gradient(135deg,#061b3a 0%,#0a315d 100%) !important;
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) 245px 145px !important;
  align-items:center !important;
  column-gap:18px !important;
  padding:12px 18px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.cta-icon {
  width:54px !important;
  height:54px !important;
  border-radius:50% !important;
  background:#f97316 !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
}
.cta-copy h3 {
  color:#fff !important;
  font-size:22px !important;
  line-height:1 !important;
  margin:0 0 4px !important;
}
.cta-copy p {
  color:#dbeafe !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
  margin:0 !important;
}
.cta-mini .btn {
  width:245px !important;
  min-width:245px !important;
  height:42px !important;
  align-self:center !important;
  justify-self:center !important;
}
.cta-mini > span {
  justify-self:end !important;
  white-space:nowrap !important;
  color:#fff !important;
  font-size:14.5px !important;
}
.cta-mini strong { color:#f97316 !important; font-size:18px !important; }

/* Responsive */
@media(max-width:1500px){
  .brand{width:310px !important;flex-basis:310px !important}
  .brand img{width:290px !important}
  .hero-grid{grid-template-columns:minmax(0,1fr) 410px !important}
  .estimate-card{width:410px !important;max-width:410px !important}
  .hero .wrap.hero-grid::after{width:465px !important}
  .why-top{grid-template-columns:360px minmax(0,1fr) !important}
  .cta-mini{grid-template-columns:58px minmax(0,1fr) 230px 132px !important}
  .cta-mini .btn{width:230px !important;min-width:230px !important}
}
@media(max-width:1100px){
  .hero{height:auto !important;padding:42px 0 !important}
  .hero .wrap.hero-grid::after{display:none !important}
  .hero-grid,.lower-grid,.why-top{grid-template-columns:1fr !important}
  .estimate-card{justify-self:start !important;width:min(430px,100%) !important;max-width:100% !important}
  .cta-mini{height:auto !important;grid-template-columns:54px 1fr !important;row-gap:10px !important}
  .cta-mini .btn{width:100% !important;min-width:0 !important;grid-column:1 / -1 !important}
  .cta-mini > span{grid-column:1 / -1 !important;justify-self:start !important}
}
@media(max-width:720px){
  .brand{width:235px !important;flex-basis:235px !important}
  .brand img{width:220px !important}
  .hero-copy h1{font-size:38px !important}
}



/* CORRECT HERO + RIGHT FORM BACKGROUND FIX 80
   Fixes:
   - correct premium home hero photo
   - no fallback illustrated hero
   - no right-side gray bleed
   - clean white form zone
*/

.hero {
  height: 335px !important;
  position: relative !important;
  overflow: hidden !important;
  background: #061b3a !important;
  isolation: isolate !important;
}

.hero-photo,
.hero-image {
  position: absolute !important;
  inset: 0 !important;
  background-image: url('assets/hero-final-premium-home.jpg?v=correct-hero-right-form-80') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
  z-index: 0 !important;
}

.hero::before,
.hero::after {
  display: none !important;
  content: none !important;
}

.hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg,
      rgba(3,16,35,.78) 0%,
      rgba(3,16,35,.62) 25%,
      rgba(3,16,35,.18) 50%,
      rgba(255,255,255,.05) 68%,
      rgba(255,255,255,.72) 100%) !important;
}

/* white shield under quote form: correct background should be white */
.hero .wrap.hero-grid::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -10px !important;
  width: 505px !important;
  height: 100% !important;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.92) 36%, #ffffff 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.hero-grid {
  position: relative !important;
  z-index: 3 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 430px !important;
  gap: 26px !important;
  align-items: center !important;
  padding-right: 0 !important;
}

.hero-copy {
  position: relative !important;
  z-index: 4 !important;
  max-width: 710px !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.25) !important;
}

.hero-copy h1 {
  color: #ffffff !important;
  font-size: 50px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
  margin: 0 0 14px !important;
}

.hero-copy p,
.mini-trust,
.mini-trust span,
.watch,
.watch small {
  color: #ffffff !important;
}

.estimate-card {
  position: relative !important;
  z-index: 8 !important;
  justify-self: end !important;
  align-self: center !important;
  width: 430px !important;
  max-width: 430px !important;
  margin: 0 !important;
  transform: none !important;
  background: #ffffff !important;
  opacity: 1 !important;
  border: 1px solid #dbe5f4 !important;
  border-radius: 11px !important;
  padding: 22px 24px !important;
  box-shadow: 0 18px 40px rgba(6,27,58,.18) !important;
}

.estimate-card * {
  position: relative !important;
  z-index: 9 !important;
}

.estimate-card h2 {
  color: #061b3a !important;
  margin: 0 0 14px !important;
}

.estimate-card input,
.estimate-card select {
  height: 32px !important;
  background: #ffffff !important;
}

.estimate-card .full {
  height: 42px !important;
}

/* Keep right lower module tight */
.why-block {
  overflow: hidden !important;
  border-radius: 10px !important;
}

.cta-mini {
  margin: 0 !important;
  border-radius: 0 0 10px 10px !important;
}

/* Header logo */
.brand img {
  image-rendering: auto !important;
}

@media(max-width: 1500px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr) 410px !important; }
  .estimate-card { width: 410px !important; max-width: 410px !important; }
  .hero .wrap.hero-grid::after { width: 465px !important; }
}

@media(max-width: 1100px) {
  .hero {
    height: auto !important;
    padding: 42px 0 !important;
  }
  .hero .wrap.hero-grid::after {
    display: none !important;
  }
  .hero-grid {
    grid-template-columns: 1fr !important;
  }
  .estimate-card {
    justify-self: start !important;
    width: min(430px, 100%) !important;
    max-width: 100% !important;
  }
}



/* FINAL HERO ARTIFACT KILL FIX 90
   Deep correction from live screenshot:
   1. Hero image no longer supplies the left text area.
   2. Left hero text area is a solid premium navy panel, so no baked letters can show.
   3. Right quote area is a solid white shield, so no image/form artifact can show.
   4. Middle photo remains visible and premium.
*/

.hero {
  height: 335px !important;
  position: relative !important;
  overflow: hidden !important;
  background: #061b3a !important;
  isolation: isolate !important;
}

.hero-photo,
.hero-image {
  position: absolute !important;
  inset: 0 !important;
  background-image: url('assets/hero-final-clean-photo.jpg?v=final-hero-artifact-kill-90') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: 0 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Solid shields intentionally enabled. These override older builds that disabled pseudo-elements. */
.hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 47% !important;
  height: 100% !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg,
      #061b3a 0%,
      rgba(6,27,58,.98) 68%,
      rgba(6,27,58,.72) 88%,
      rgba(6,27,58,0) 100%) !important;
  pointer-events: none !important;
}

.hero::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 31% !important;
  height: 100% !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.86) 34%,
      #ffffff 100%) !important;
  pointer-events: none !important;
}

.hero-overlay {
  display: none !important;
}

.hero-grid {
  position: relative !important;
  z-index: 3 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 430px !important;
  gap: 26px !important;
  align-items: center !important;
  padding-right: 0 !important;
}

.hero .wrap.hero-grid::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: -10px !important;
  width: 505px !important;
  height: 100% !important;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.94) 28%, #ffffff 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.hero-copy {
  position: relative !important;
  z-index: 4 !important;
  max-width: 710px !important;
  text-shadow: none !important;
}

.hero-copy h1 {
  color: #ffffff !important;
  font-size: 50px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
  margin: 0 0 14px !important;
}

.hero-copy p,
.mini-trust,
.mini-trust span,
.watch,
.watch small {
  color: #ffffff !important;
}

.estimate-card {
  position: relative !important;
  z-index: 8 !important;
  justify-self: end !important;
  align-self: center !important;
  width: 430px !important;
  max-width: 430px !important;
  margin: 0 !important;
  transform: none !important;
  background: #ffffff !important;
  opacity: 1 !important;
  border: 1px solid #dbe5f4 !important;
  border-radius: 11px !important;
  padding: 22px 24px !important;
  box-shadow: 0 18px 40px rgba(6,27,58,.18) !important;
}

.estimate-card * {
  position: relative !important;
  z-index: 9 !important;
}

.estimate-card input,
.estimate-card select {
  height: 32px !important;
  background: #ffffff !important;
}

.estimate-card .full {
  height: 42px !important;
}

.why-block {
  overflow: hidden !important;
  border-radius: 10px !important;
}

.cta-mini {
  margin: 0 !important;
  border-radius: 0 0 10px 10px !important;
}

@media(max-width: 1500px) {
  .hero-grid {
    grid-template-columns: minmax(0,1fr) 410px !important;
  }

  .estimate-card {
    width: 410px !important;
    max-width: 410px !important;
  }

  .hero .wrap.hero-grid::after {
    width: 465px !important;
  }

  .hero::before {
    width: 49% !important;
  }

  .hero::after {
    width: 32% !important;
  }
}

@media(max-width: 1100px) {
  .hero {
    height: auto !important;
    padding: 42px 0 !important;
  }

  .hero::before {
    width: 100% !important;
    background: rgba(6,27,58,.86) !important;
  }

  .hero::after,
  .hero .wrap.hero-grid::after {
    display: none !important;
  }

  .hero-grid {
    grid-template-columns: 1fr !important;
  }

  .estimate-card {
    justify-self: start !important;
    width: min(430px, 100%) !important;
    max-width: 100% !important;
  }
}



/* HERO THREE-ZONE FINAL FIX 100
   This removes every possible bleed path:
   - left side is solid navy, not image
   - center is the clean photo
   - right side is solid white, not image
   The hero image is only visible between these two solid panels.
*/

.hero {
  height: 335px !important;
  position: relative !important;
  overflow: hidden !important;
  background: #061b3a !important;
  isolation: isolate !important;
}

/* Photo layer: visible only in the center because solid panels sit above it */
.hero-photo,
.hero-image {
  position: absolute !important;
  inset: 0 !important;
  background-image: url('assets/hero-photo-only.jpg?v=hero-three-zone-final-100') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
  z-index: 0 !important;
}

/* Left solid content zone: eliminates all ghost text forever */
.hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 41.5% !important;
  height: 100% !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, #061b3a 0%, #061b3a 72%, rgba(6,27,58,.78) 91%, rgba(6,27,58,0) 100%) !important;
  pointer-events: none !important;
}

/* Right solid white quote zone: eliminates all quote/form/image bleed */
.hero::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 30.5% !important;
  height: 100% !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.94) 22%, #ffffff 100%) !important;
  pointer-events: none !important;
}

/* Disable old overlay from previous builds */
.hero-overlay {
  display: none !important;
}

.hero-grid {
  position: relative !important;
  z-index: 3 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 430px !important;
  gap: 26px !important;
  align-items: center !important;
  padding-right: 0 !important;
}

/* Extra white shield exactly under the quote card inside the wrap */
.hero .wrap.hero-grid::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: -10px !important;
  width: 505px !important;
  height: 100% !important;
  z-index: 2 !important;
  background: #ffffff !important;
  box-shadow: -34px 0 52px rgba(255,255,255,.92) !important;
  pointer-events: none !important;
}

.hero-copy {
  position: relative !important;
  z-index: 4 !important;
  max-width: 710px !important;
  text-shadow: none !important;
}

.hero-copy h1 {
  color: #ffffff !important;
  font-size: 50px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
  margin: 0 0 14px !important;
}

.hero-copy p {
  color: #ffffff !important;
  max-width: 625px !important;
}

.mini-trust,
.mini-trust span,
.watch,
.watch small {
  color: #ffffff !important;
}

.estimate-card {
  position: relative !important;
  z-index: 8 !important;
  justify-self: end !important;
  align-self: center !important;
  width: 430px !important;
  max-width: 430px !important;
  margin: 0 !important;
  transform: none !important;
  background: #ffffff !important;
  opacity: 1 !important;
  border: 1px solid #dbe5f4 !important;
  border-radius: 11px !important;
  padding: 22px 24px !important;
  box-shadow: 0 18px 40px rgba(6,27,58,.18) !important;
}

.estimate-card * {
  position: relative !important;
  z-index: 9 !important;
}

.estimate-card input,
.estimate-card select {
  height: 32px !important;
  background: #ffffff !important;
}

.estimate-card .full {
  height: 42px !important;
}

/* Lower conversion block polish retained */
.why-block {
  overflow: hidden !important;
  border-radius: 10px !important;
}

.cta-mini {
  margin: 0 !important;
  border-radius: 0 0 10px 10px !important;
}

/* Header/logo guard */
.brand img {
  image-rendering: auto !important;
}

@media(max-width: 1500px) {
  .hero-grid {
    grid-template-columns: minmax(0,1fr) 410px !important;
  }

  .estimate-card {
    width: 410px !important;
    max-width: 410px !important;
  }

  .hero .wrap.hero-grid::after {
    width: 465px !important;
  }

  .hero::before {
    width: 43.5% !important;
  }

  .hero::after {
    width: 31.5% !important;
  }
}

@media(max-width: 1100px) {
  .hero {
    height: auto !important;
    padding: 42px 0 !important;
  }

  .hero::before {
    width: 100% !important;
    background: rgba(6,27,58,.88) !important;
  }

  .hero::after,
  .hero .wrap.hero-grid::after {
    display: none !important;
  }

  .hero-grid {
    grid-template-columns: 1fr !important;
  }

  .estimate-card {
    justify-self: start !important;
    width: min(430px, 100%) !important;
    max-width: 100% !important;
  }
}



/* HERO / PROOF STRIP SPACING FIX 110
   Fixes the proof strip cutting through hero buttons and quote form.
*/

.hero {
  height: 390px !important;
  min-height: 390px !important;
  overflow: hidden !important;
}

.hero-grid {
  height: 390px !important;
  min-height: 390px !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hero-copy {
  transform: translateY(2px) !important;
}

.hero-copy h1 {
  font-size: 48px !important;
  line-height: 1.05 !important;
  margin-bottom: 14px !important;
}

.hero-copy p {
  margin-bottom: 14px !important;
}

.mini-trust {
  margin-bottom: 16px !important;
}

.hero-actions {
  position: relative !important;
  z-index: 12 !important;
  margin-top: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
}

.hero-actions .btn,
.hero-actions .watch {
  position: relative !important;
  z-index: 13 !important;
}

.estimate-card {
  align-self: center !important;
  max-height: 350px !important;
  overflow: hidden !important;
  padding: 20px 24px !important;
}

.estimate-card h2 {
  margin-bottom: 14px !important;
}

.estimate-card form {
  gap: 7px !important;
}

.estimate-card input,
.estimate-card select {
  height: 31px !important;
}

.estimate-card .full {
  height: 41px !important;
}

.secure {
  margin-top: 7px !important;
  line-height: 1.2 !important;
}

/* Proof strip must start AFTER the hero, never overlap it */
.proof {
  position: relative !important;
  z-index: 5 !important;
  margin-top: 0 !important;
  clear: both !important;
  background: #ffffff !important;
  border-top: 1px solid #dbe5f4 !important;
  border-bottom: 1px solid #dbe5f4 !important;
}

.proof-grid {
  height: 62px !important;
  min-height: 62px !important;
  align-items: center !important;
}

.proof-grid div {
  min-height: 62px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

/* Keep the hero visual shields matched to taller hero */
.hero::before,
.hero::after,
.hero .wrap.hero-grid::after,
.hero-photo,
.hero-image {
  min-height: 390px !important;
}

@media(max-width: 1500px) {
  .hero {
    height: 385px !important;
    min-height: 385px !important;
  }

  .hero-grid {
    height: 385px !important;
    min-height: 385px !important;
  }

  .hero::before,
  .hero::after,
  .hero .wrap.hero-grid::after,
  .hero-photo,
  .hero-image {
    min-height: 385px !important;
  }

  .estimate-card {
    max-height: 348px !important;
  }
}

@media(max-width: 1100px) {
  .hero {
    height: auto !important;
    min-height: 0 !important;
    padding: 42px 0 !important;
  }

  .hero-grid {
    height: auto !important;
    min-height: 0 !important;
  }

  .estimate-card {
    max-height: none !important;
    overflow: visible !important;
  }

  .proof-grid {
    height: auto !important;
    min-height: 0 !important;
  }
}



/* HERO ZOOM OUT HOUSE FIX 120
   Keeps the existing layout; only changes the hero image presentation so more of the house is visible.
*/

.hero-photo,
.hero-image {
  background-image: url('assets/hero-photo-only.jpg?v=hero-zoom-out-house-120') !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Keep exact spacing/layout from last approved version */
.hero {
  height: 390px !important;
  min-height: 390px !important;
}

.hero-grid {
  height: 390px !important;
  min-height: 390px !important;
}

.hero::before,
.hero::after,
.hero .wrap.hero-grid::after,
.hero-photo,
.hero-image {
  min-height: 390px !important;
}

@media(max-width: 1500px) {
  .hero {
    height: 385px !important;
    min-height: 385px !important;
  }

  .hero-grid {
    height: 385px !important;
    min-height: 385px !important;
  }

  .hero::before,
  .hero::after,
  .hero .wrap.hero-grid::after,
  .hero-photo,
  .hero-image {
    min-height: 385px !important;
  }
}



/* HERO IMAGE ONLY CLEAN FIX 130
   No layout changes. This only forces the rebuilt clean hero asset.
*/
.hero-photo,
.hero-image {
  background-image: url('assets/hero-photo-only.jpg?v=hero-image-only-clean-130') !important;
  background-size: cover !important;
  background-position: center center !important;
}



/* HERO SEAM FINAL CORRECTION 140
   No layout changes.
   Corrects the hero image seam/blurred duplicate section only.
*/
.hero-photo,
.hero-image {
  background-image: url('assets/hero-photo-only.jpg?v=hero-seam-final-correction-140') !important;
  background-size: cover !important;
  background-position: center center !important;
}



/* QUOTE POPUP + DATABASE BUILD 200 */

/* Hero: remove form column and let the house image run to the right edge. */
.hero {
  height: 390px !important;
  min-height: 390px !important;
}

.hero-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  height: 390px !important;
  min-height: 390px !important;
}

.hero .wrap.hero-grid::after,
.hero::after {
  display: none !important;
  content: none !important;
}

/* Keep left readability panel but allow photo to run through full center/right. */
.hero::before {
  width: 44% !important;
  background: linear-gradient(90deg, #061b3a 0%, rgba(6,27,58,.98) 58%, rgba(6,27,58,.62) 82%, rgba(6,27,58,0) 100%) !important;
}

.hero-photo,
.hero-image {
  background-image: url('assets/hero-photo-only.jpg?v=quote-popup-database-200') !important;
  background-size: cover !important;
  background-position: center center !important;
  min-height: 390px !important;
}

.estimate-card {
  display: none !important;
}

/* Make quote buttons consistent without changing layout too aggressively */
[data-quote-open] {
  cursor: pointer !important;
}

/* Quote modal */
.quote-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.quote-modal.is-open {
  display: flex;
}

.quote-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 15, 33, .72);
  backdrop-filter: blur(4px);
}

.quote-modal-panel {
  position: relative;
  z-index: 1;
  width: min(720px, 96vw);
  max-height: 92vh;
  overflow: auto;
  background: #ffffff;
  border: 1px solid #dbe5f4;
  border-radius: 18px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .34);
  padding: 28px;
}

.quote-modal-close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 38px;
  height: 38px;
  border: 1px solid #dbe5f4;
  background: #fff;
  color: #061b3a;
  border-radius: 50%;
  font-size: 26px;
  line-height: 1;
  font-weight: 800;
  cursor: pointer;
}

.quote-modal-header {
  padding-right: 42px;
  margin-bottom: 18px;
}

.quote-modal-header h2 {
  margin: 0 0 6px;
  color: #061b3a;
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: -.03em;
}

.quote-modal-header p {
  margin: 0;
  color: #526178;
}

.quote-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.quote-form label {
  display: grid;
  gap: 6px;
  font-weight: 900;
  color: #061b3a;
  font-size: 13px;
}

.quote-form input,
.quote-form select,
.quote-form textarea {
  width: 100%;
  border: 1px solid #dbe5f4;
  border-radius: 9px;
  min-height: 44px;
  padding: 10px 12px;
  font: inherit;
  color: #061b3a;
  outline: none;
  background: #fff;
}

.quote-form textarea {
  min-height: 96px;
  resize: vertical;
}

.quote-form-wide {
  grid-column: 1 / -1;
}

.quote-submit {
  width: 100%;
  margin-top: 18px;
  height: 48px;
  font-size: 16px;
}

.quote-safe {
  text-align: center;
  color: #16803a;
  font-size: 12px;
  font-weight: 800;
  margin: 10px 0 0;
}

.quote-form-status {
  margin-top: 12px;
  font-size: 13px;
  font-weight: 800;
}

.quote-form-status.success {
  color: #166534;
  background: #dcfce7;
  border: 1px solid #86efac;
  border-radius: 9px;
  padding: 10px 12px;
}

.quote-form-status.error {
  color: #991b1b;
  background: #fee2e2;
  border: 1px solid #fecaca;
  border-radius: 9px;
  padding: 10px 12px;
}

body.quote-modal-open {
  overflow: hidden;
}

@media(max-width: 1100px) {
  .hero {
    height: auto !important;
    min-height: 0 !important;
    padding: 42px 0 !important;
  }
  .hero-grid {
    height: auto !important;
    min-height: 0 !important;
  }
  .hero::before {
    width: 100% !important;
    background: rgba(6,27,58,.86) !important;
  }
}

@media(max-width: 720px) {
  .quote-form-grid {
    grid-template-columns: 1fr;
  }
  .quote-modal-panel {
    padding: 22px;
  }
}



/* HERO ROCK OUTCROP ALL PAGES 300
   Hero image only: formatted to the hero space and applied across all pages.
   No layout changes.
*/
.hero-photo,
.hero-image {
  background-image: url('assets/hero-rock-outcrop-final.jpg?v=hero-rock-outcrop-all-pages-300') !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Apply same hero image to service-page hero sections without changing page structure. */
.service-page-hero {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(6,27,58,.92) 0%, rgba(6,27,58,.82) 36%, rgba(6,27,58,.55) 68%, rgba(6,27,58,.82) 100%),
    url('assets/hero-rock-outcrop-final.jpg?v=hero-rock-outcrop-all-pages-300') center center / cover no-repeat !important;
}


/* SEO + AI CONTENT BUILD 400 */
.seo-content{padding:38px 0;background:#fff;border-top:1px solid #dbe5f4}.seo-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:28px;align-items:start}.seo-content h2,.seo-faq h2{margin:0 0 12px;color:#061b3a;font-size:30px;line-height:1.1;letter-spacing:-.03em}.seo-content p{color:#526178;font-size:15px;line-height:1.65;margin:0 0 12px}.seo-card{border:1px solid #dbe5f4;border-radius:14px;padding:22px;box-shadow:0 14px 30px rgba(6,27,58,.07);background:#fff}.seo-card h3{margin:0 0 10px;color:#061b3a;font-size:20px}.seo-card ul{margin:0 0 18px;padding-left:18px;color:#526178;line-height:1.55}.seo-card .btn{width:100%}.seo-faq{padding:28px 0 42px;background:#f8fbff;border-top:1px solid #dbe5f4}.seo-faq .eyebrow,.seo-faq h2{text-align:center}.faq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}.faq-grid article{background:#fff;border:1px solid #dbe5f4;border-radius:12px;padding:18px}.faq-grid h3{margin:0 0 8px;color:#061b3a;font-size:16px}.faq-grid p{margin:0;color:#526178;font-size:13px;line-height:1.55}@media(max-width:1100px){.seo-grid,.faq-grid{grid-template-columns:1fr}}


/* FULL SEO PHASE BUILD 500 */
.seo-authority-snippet{padding:34px 0;background:#fff;border-top:1px solid #dbe5f4}
.seo-authority-snippet h2{margin:0 0 10px;color:#061b3a;font-size:30px;line-height:1.1}
.seo-authority-snippet p{max-width:980px;color:#526178;line-height:1.65}
.seo-authority-page{padding:52px 0;background:#fff}
.seo-authority-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start}
.seo-authority-page h1{font-size:42px;line-height:1.05;letter-spacing:-.04em;color:#061b3a;margin:0 0 14px}
.seo-authority-page h2{font-size:26px;color:#061b3a;margin:28px 0 10px}
.seo-authority-page p,.seo-authority-page li{color:#526178;line-height:1.65;font-size:15px}
.seo-authority-page ul{padding-left:20px}
.seo-page-faq{grid-template-columns:repeat(3,minmax(0,1fr))}
.related-title{margin-top:24px!important}
.related-links{padding-left:18px}
.related-links a{color:#061b3a;font-weight:800}
@media(max-width:1100px){.seo-authority-grid,.seo-page-faq{grid-template-columns:1fr}}


/* BUILD 50 — ELITE PUBLIC WEBSITE DESIGN MASTER REFRESH
   Goal: make the MW Construction landing page feel premium, confident, commercial-grade, and conversion-ready
   while preserving the website landing page logo and Build 49.1 Estimator Login router. */
:root{--elite-navy:#03142f;--elite-blue:#0b2f63;--elite-steel:#eef4fb;--elite-orange:#f97316;--elite-gold:#f59e0b;--elite-ink:#061b3a;--elite-muted:#516179;--elite-line:#d8e4f3;--elite-glow:0 24px 70px rgba(3,20,47,.18)}
body{background:linear-gradient(180deg,#ffffff 0%,#f7faff 44%,#ffffff 100%)!important;color:var(--elite-ink)!important}
.site-header{height:82px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(6,27,58,.10)!important;box-shadow:0 12px 36px rgba(6,27,58,.07)!important}.nav{height:82px!important}.brand{width:390px!important;flex-basis:390px!important}.brand img{width:360px!important;max-width:360px!important;max-height:72px!important}.main-nav{gap:20px!important}.main-nav a{height:82px!important;position:relative}.main-nav a:hover{color:var(--elite-orange)!important}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:var(--elite-orange);transform:scaleX(0);transform-origin:center;transition:.22s ease}.main-nav a:hover:after,.main-nav .active:after{transform:scaleX(1)}.main-nav .active{border-bottom-color:transparent!important}.btn-ghost{background:#fff!important;color:var(--elite-navy)!important;border:1px solid rgba(6,27,58,.16)!important;box-shadow:0 8px 20px rgba(6,27,58,.06)!important}.nav-login{padding:12px 16px!important;border-radius:999px!important;white-space:nowrap}.phone{color:var(--elite-navy)!important}.nav-btn{border-radius:999px!important;box-shadow:0 14px 30px rgba(249,115,22,.26)!important}
.hero{height:590px!important;min-height:590px!important;background:#03142f!important;border-bottom:0!important;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 82% 20%,rgba(249,115,22,.26),transparent 20rem),linear-gradient(90deg,rgba(3,20,47,.94) 0%,rgba(3,20,47,.80) 34%,rgba(3,20,47,.38) 58%,rgba(3,20,47,.16) 100%)!important}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:2;background:linear-gradient(0deg,rgba(3,20,47,.62),transparent)!important}.hero-photo,.hero-image{filter:saturate(1.08) contrast(1.08)!important;transform:scale(1.02)!important}.hero-overlay{display:none!important}.hero-grid{position:relative!important;z-index:4!important;grid-template-columns:minmax(0,1fr) 420px!important;gap:46px!important;align-items:center!important;height:100%!important}.hero-copy{max-width:820px!important}.hero-eyebrow{display:inline-flex!important;align-items:center!important;gap:10px!important;width:auto!important;max-width:none!important;margin:0 0 18px!important;padding:8px 13px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:#fde7d4!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.12em!important;text-transform:uppercase!important;backdrop-filter:blur(10px)!important}.hero-copy h1{font-size:clamp(46px,4.7vw,82px)!important;line-height:.96!important;letter-spacing:-.065em!important;margin:0 0 18px!important;text-wrap:balance!important;max-width:850px!important}.hero-lead,.hero-copy p{font-size:20px!important;line-height:1.55!important;color:#e7f0ff!important;max-width:760px!important;margin-bottom:20px!important}.mini-trust{gap:12px!important;margin:0 0 26px!important}.mini-trust span{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;padding:9px 12px!important;color:#fff!important;backdrop-filter:blur(8px)!important}.hero-actions .large{min-height:56px!important;border-radius:999px!important;padding:0 28px!important;font-size:16px!important}.watch i{background:rgba(255,255,255,.10)!important;backdrop-filter:blur(8px)!important}.watch strong{color:#fff!important}.watch small{color:#dbeafe!important}.elite-hero-card{justify-self:end;width:420px;max-width:100%;border:1px solid rgba(255,255,255,.23);border-radius:26px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.09));box-shadow:0 28px 80px rgba(0,0,0,.30);backdrop-filter:blur(18px);color:#fff}.elite-card-top{display:grid;gap:5px;margin-bottom:18px}.elite-card-top span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fed7aa;font-weight:1000}.elite-card-top b{font-size:22px;line-height:1.08}.elite-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.elite-card-metrics div{border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:14px;background:rgba(255,255,255,.09)}.elite-card-metrics strong{display:block;font-size:34px;color:#fdba74;line-height:1}.elite-card-metrics span{display:block;font-size:11px;color:#dbeafe;margin-top:5px}.elite-hero-card ul{display:grid;gap:10px;list-style:none;margin:0 0 20px;padding:0}.elite-hero-card li{position:relative;padding-left:25px;font-size:13px;line-height:1.45;color:#f8fbff}.elite-hero-card li:before{content:"✓";position:absolute;left:0;top:0;color:#fdba74;font-weight:1000}.elite-card-btn{width:100%;border-radius:999px!important;min-height:50px!important}.proof{position:relative;z-index:5;margin-top:-42px!important;background:transparent!important;border:0!important}.proof-grid{height:auto!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;background:#fff!important;border:1px solid rgba(216,228,243,.92)!important;border-radius:24px!important;box-shadow:0 24px 60px rgba(3,20,47,.14)!important;overflow:hidden!important}.proof-grid div{min-height:104px!important;border-right:1px solid var(--elite-line)!important;padding:18px 20px!important}.proof-grid svg{width:42px!important;height:42px!important;color:var(--elite-orange)!important}.proof-grid b{font-size:15px!important}.proof-grid span{font-size:12.5px!important}.elite-audience{padding:34px 0 10px!important}.elite-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.elite-audience article{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--elite-line);border-radius:24px;padding:24px;box-shadow:0 16px 34px rgba(6,27,58,.07)}.elite-audience article:before{content:"";position:absolute;right:-45px;top:-45px;width:140px;height:140px;border-radius:50%;background:rgba(249,115,22,.10)}.elite-audience span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--elite-navy),var(--elite-blue));color:#fff;font-weight:1000;margin-bottom:16px}.elite-audience h3{font-size:24px;margin:0 0 8px;letter-spacing:-.03em;color:var(--elite-navy)}.elite-audience p{font-size:14px;line-height:1.55;color:var(--elite-muted);margin:0}.services-section{padding:48px 0 28px!important}.section-head{max-width:850px;margin:0 auto 24px!important}.section-head h2{font-size:clamp(32px,3vw,50px)!important;line-height:1.02!important;letter-spacing:-.055em!important;text-wrap:balance}.section-head p{font-size:16px!important;line-height:1.55!important;color:var(--elite-muted)!important}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}.service-card{min-height:154px!important;border-radius:24px!important;box-shadow:0 18px 46px rgba(6,27,58,.07)!important;transition:.22s ease;overflow:hidden;position:relative}.service-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--elite-orange),var(--elite-gold));opacity:.0;transition:.22s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(6,27,58,.12)!important;border-color:rgba(249,115,22,.35)!important}.service-card:hover:before{opacity:1}.service-card a{min-height:154px!important;padding:24px!important;grid-template-columns:62px minmax(0,1fr) 22px!important;gap:16px!important}.service-icon{width:62px!important;height:62px!important;background:linear-gradient(135deg,#fff7ed,#ffffff)!important;border-color:#fed7aa!important}.service-icon svg{width:40px!important;height:40px!important;color:var(--elite-navy)!important}.service-card h3{font-size:19px!important;letter-spacing:-.02em!important}.service-card p{font-size:13.5px!important;line-height:1.48!important}.lower{padding:28px 0 44px!important}.lower-grid{grid-template-columns:1.04fr .96fr!important;gap:28px!important}.left-column h2{font-size:clamp(30px,2.8vw,46px)!important;line-height:1.02!important;letter-spacing:-.05em!important;margin-bottom:18px!important}.process-row{gap:16px!important;margin-bottom:24px!important}.process-row article{min-height:150px!important;border-radius:22px!important;padding:20px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;box-shadow:0 16px 34px rgba(6,27,58,.06)!important}.process-row article>span{display:none!important}.process-row svg{width:44px!important;height:44px!important;color:var(--elite-orange)!important}.process-row b{font-size:16px!important;color:var(--elite-navy)!important}.process-row p{font-size:13px!important;line-height:1.5!important}.review-grid{gap:16px!important}blockquote{border-radius:20px!important;padding:20px!important;min-height:160px!important;box-shadow:0 16px 34px rgba(6,27,58,.06)!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}blockquote p{font-size:13px!important;line-height:1.55!important}.why-top{border-radius:24px 24px 0 0!important}.team-photo{min-height:285px!important}.why-panel{min-height:285px!important;padding:30px!important;background:linear-gradient(135deg,var(--elite-navy),var(--elite-blue))!important}.why-panel h3{font-size:31px!important;letter-spacing:-.04em!important}.why-panel li{font-size:14px!important;line-height:1.5!important;margin-bottom:4px}.why-stats div{padding:12px!important;border-radius:16px!important}.why-stats strong{font-size:18px!important}.cta-mini{height:auto!important;min-height:116px!important;border-radius:0 0 24px 24px!important;padding:22px!important;grid-template-columns:64px minmax(0,1fr) auto!important;background:linear-gradient(135deg,var(--elite-navy),#0b2f63)!important}.cta-mini>span{grid-column:2/4;font-size:14px!important;color:#dbeafe!important}.cta-icon{width:64px!important;height:64px!important}.cta-copy h3{font-size:28px!important;letter-spacing:-.04em!important}.cta-copy p{font-size:14px!important}.cta-mini .btn{min-width:210px!important;border-radius:999px!important}.seo-content,.seo-faq,.seo-authority-snippet{padding:56px 0!important}.seo-content{background:linear-gradient(180deg,#f8fbff,#ffffff)!important}.seo-grid{display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:24px!important;align-items:stretch!important}.seo-card,.seo-faq article,.seo-authority-snippet .wrap{border-radius:24px!important;border:1px solid var(--elite-line)!important;box-shadow:0 16px 38px rgba(6,27,58,.06)!important;background:#fff!important}.elite-promise-band{padding:54px 0;background:linear-gradient(135deg,#03142f,#0b2f63);color:#fff}.elite-promise-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}.elite-promise-inner h2{font-size:clamp(34px,3vw,54px);line-height:1;margin:0 0 12px;letter-spacing:-.055em;color:#fff}.elite-promise-inner p:not(.eyebrow){font-size:17px;line-height:1.55;color:#dbeafe;max-width:820px;margin:0}.elite-promise-inner .btn{border-radius:999px!important;min-height:56px}.footer{background:#fff!important}.footer-grid{padding:34px 0!important}.footer img{width:330px!important}.estimator-login{border-radius:999px!important;background:linear-gradient(135deg,var(--elite-navy),var(--elite-blue))!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px rgba(6,27,58,.14)!important}.footer-bottom{font-size:12px!important;background:#03142f!important}
@media(max-width:1200px){.brand{width:300px!important;flex-basis:300px!important}.brand img{width:285px!important}.main-nav{display:none!important}.mobile-menu{display:block!important}.nav-actions{margin-left:auto!important}.hero{height:auto!important;min-height:0!important;padding:74px 0 80px!important}.hero-grid{grid-template-columns:1fr!important}.elite-hero-card{justify-self:start;width:min(520px,100%)}.service-grid{grid-template-columns:repeat(2,1fr)!important}.lower-grid,.seo-grid{grid-template-columns:1fr!important}.cta-mini{grid-template-columns:64px 1fr!important}.cta-mini .btn{grid-column:1/3;width:100%}.cta-mini>span{grid-column:1/3!important}.elite-promise-inner{grid-template-columns:1fr}.elite-promise-inner .btn{justify-self:start}.proof-grid{grid-template-columns:repeat(2,1fr)!important}.proof-grid div:last-child{grid-column:1/-1}}
@media(max-width:720px){.site-header,.nav{height:74px!important}.brand{width:220px!important;flex-basis:220px!important}.brand img{width:210px!important}.nav-actions{display:none!important}.hero{padding:56px 0 68px!important}.hero-copy h1{font-size:42px!important}.hero-lead,.hero-copy p{font-size:16px!important}.hero-actions{display:grid!important;align-items:start!important}.watch{justify-self:start}.elite-card-metrics,.elite-audience-grid,.service-grid,.proof-grid,.process-row,.review-grid,.why-top,.footer-grid{grid-template-columns:1fr!important}.proof{margin-top:-28px!important}.proof-grid div{border-right:0!important;border-bottom:1px solid var(--elite-line)!important}.proof-grid div:last-child{border-bottom:0!important}.elite-audience article,.service-card,.process-row article,blockquote{border-radius:20px!important}.services-section{padding-top:34px!important}.section-head h2,.left-column h2{font-size:33px!important}.team-photo{min-height:220px!important}.why-panel{min-height:auto!important;padding:24px!important}.why-stats{grid-template-columns:1fr!important}.footer-bottom{padding:14px 18px!important}.elite-promise-band{padding:42px 0}.elite-promise-inner h2{font-size:34px}}
