
:root{--navy:#061b39;--navy-dark:#00132e;--gold:#d88908;--gold-dark:#b86f00;--mint:#00c995;--text:#061832;--muted:#647086;--light:#f3f7fa;--border:#e3e8ef;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}.topbar{background:linear-gradient(90deg,var(--navy-dark),var(--navy));color:#fff;display:flex;justify-content:center;gap:22px;align-items:center;min-height:36px;padding:8px 16px;text-transform:uppercase;font-weight:800;font-size:13px;letter-spacing:.06em;text-align:center}.site-header{min-height:150px;display:grid;grid-template-columns:410px 1fr 280px;gap:26px;align-items:center;padding:16px 5%;background:#fff;border-bottom:1px solid var(--border)}.logo img{display:block;width:390px;max-width:100%;height:auto}.nav{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.nav a{color:var(--navy);text-decoration:none;text-transform:uppercase;font-weight:900;font-size:14px;position:relative;padding:14px 0}.nav a.active:after,.nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;background:var(--gold)}.header-contact{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.call-line{display:flex;gap:12px;align-items:center}.phone-circle{width:38px;height:38px;border:3px solid var(--gold);color:var(--gold);border-radius:50%;display:grid;place-items:center;font-weight:900}.call-line small{display:block;text-transform:uppercase;color:var(--navy);font-size:12px}.call-line a{font-size:26px;color:var(--navy);font-weight:900;text-decoration:none}.quote-btn{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;text-decoration:none;text-transform:uppercase;font-weight:900;padding:12px 27px;border-radius:5px;box-shadow:0 8px 18px rgba(216,137,8,.24)}.hero{display:grid;grid-template-columns:50% 50%;min-height:420px;overflow:hidden}.hero-copy{padding:48px 0 48px 6%;background:linear-gradient(90deg,#fff 0%,#fff 76%,rgba(255,255,255,.86) 91%,rgba(255,255,255,0) 100%);z-index:2}.eyebrow{margin:0 0 15px;color:var(--gold-dark);font-weight:900;text-transform:uppercase;letter-spacing:.11em}.center{text-align:center}h1{margin:0 0 20px;font-size:clamp(45px,5vw,66px);line-height:.96;color:var(--navy);letter-spacing:-.05em;max-width:680px}.hero-copy p:not(.eyebrow){font-size:19px;line-height:1.55;max-width:630px;color:#14233c}.hero-actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:57px;padding:0 28px;border-radius:6px;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.03em}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;box-shadow:0 10px 22px rgba(216,137,8,.25)}.btn.secondary{background:#fff;color:var(--navy);border:2px solid var(--gold)}.hero-image{background:url('hero-home.jpg') center/cover no-repeat;min-height:420px;position:relative}.hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,0) 22%)}.trust-bar{background:linear-gradient(90deg,var(--navy-dark),var(--navy));color:#fff;display:grid;grid-template-columns:repeat(5,1fr);padding:24px 6%;box-shadow:0 8px 20px rgba(0,0,0,.14)}.trust-bar div{display:grid;grid-template-columns:44px 1fr;align-items:center;column-gap:14px;border-right:1px solid rgba(255,255,255,.2);padding:0 20px}.trust-bar div:last-child{border-right:0}.trust-bar span{grid-row:1/3;font-size:34px;color:var(--gold)}.trust-bar strong{text-transform:uppercase;font-size:14px}.trust-bar small{color:#dce5f0;font-size:14px;margin-top:3px}.section{padding:70px 6%}.services{padding-top:36px}.services h2,.pricing h2,.contact h2{font-size:clamp(32px,3.4vw,44px);line-height:1.05;text-align:center;margin:0 0 28px;color:var(--navy);letter-spacing:-.03em}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1280px;margin:auto}.service-card{display:grid;grid-template-columns:43% 57%;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(6,27,57,.08);padding:12px}.service-img{height:220px;border-radius:7px;overflow:hidden;background:#eef3f8}.service-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.service-copy{display:grid;grid-template-columns:50px 1fr;gap:18px;align-items:start;padding:20px 12px 20px 22px}.service-icon{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.service-copy h3{margin:0 0 14px;font-size:22px;color:var(--navy)}ul{list-style:none;margin:0;padding:0}li{margin:9px 0;color:#172642;font-size:15px}li:before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;background:var(--gold);color:#fff;border-radius:50%;font-size:11px;font-weight:900;margin-right:10px}.small-btn{display:inline-flex;margin-top:18px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;text-decoration:none;text-transform:uppercase;font-weight:900;padding:12px 28px;border-radius:4px;font-size:13px}.pricing{background:var(--light)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1040px;margin:auto}.pricing-grid article{background:#fff;border:1px solid var(--border);border-radius:14px;text-align:center;padding:34px;box-shadow:0 10px 25px rgba(6,27,57,.07)}.pricing-grid article.featured{border:3px solid var(--gold);transform:translateY(-8px)}.pricing-grid h3{text-transform:uppercase;margin:0;font-size:24px}.pane{display:inline-block;background:#f6ead8;color:var(--gold-dark);border-radius:999px;padding:8px 18px;font-weight:900;text-transform:uppercase}.price{font-size:72px;line-height:1;font-weight:900;margin:8px 0 0;color:var(--navy);letter-spacing:-.06em}.pricing-grid small{text-transform:uppercase;color:var(--muted);font-weight:900}.pricing-note{text-align:center;color:var(--muted);font-weight:800;margin-top:24px}.recurring{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;max-width:1120px;margin:auto}.recurring h2{text-align:left;font-size:clamp(32px,3.4vw,44px);line-height:1.05;margin:0 0 16px;color:var(--navy)}.recurring p{font-size:19px;color:#314056}.dark-card{background:var(--navy);color:#fff;border-left:8px solid var(--gold);padding:34px;border-radius:12px}.dark-card h3{margin-top:0;text-transform:uppercase}.dark-card p{color:#dce6f4}.contact{text-align:center;background:linear-gradient(90deg,var(--navy-dark),var(--navy));color:#fff;padding:78px 6%;border-top:7px solid var(--gold)}.contact h2{color:#fff;margin-bottom:12px}.contact p{color:#dce5f0;font-size:20px}.btn.big{font-size:24px}.domain{font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#fff!important}footer{background:#000b1d;color:#fff;text-align:center;padding:22px 6%;font-size:14px}.quote-page{background:#f3f7fa;min-height:100vh}.quote-header{height:92px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 6%}.quote-logo img{width:330px;display:block;height:auto}.quote-call{color:var(--navy);font-weight:900;text-decoration:none;font-size:22px}.quote-app{padding:28px 6% 110px}.progress{height:8px;background:#e0e8ef;border-radius:999px;overflow:hidden;margin:0 auto 28px;max-width:1480px}.progress div{height:100%;background:linear-gradient(90deg,var(--gold),var(--mint));width:10%;transition:.25s}.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;max-width:1480px;margin:auto}.quote-card,.details-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 7px rgba(6,27,57,.08)}.quote-card{padding:32px;min-height:560px}.step{display:none}.step.active{display:block}.step h1{font-size:clamp(34px,3vw,44px);letter-spacing:-.04em;margin-bottom:8px}.step p{color:var(--mint);font-size:18px;margin-top:0}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.option-grid.four{grid-template-columns:repeat(4,1fr)}.property-grid{grid-template-columns:repeat(3,1fr)}.option-grid button,.yes-no button,.checkbox-grid label{background:#fff;border:2px solid var(--border);border-radius:12px;padding:24px 18px;min-height:76px;color:var(--navy);font-weight:900;font-size:18px;box-shadow:0 2px 5px rgba(6,27,57,.06);cursor:pointer;transition:.15s;text-align:center}.option-grid button strong{display:block;margin:8px 0}.option-grid button span{display:block;color:var(--mint);font-size:15px;font-weight:700;line-height:1.35}.option-grid button.selected,.yes-no button.selected{border-color:var(--mint);background:linear-gradient(180deg,#fff,#f0fffb)}.info{background:#eaf5ff;border:1px solid #c8dffa;color:var(--navy);border-radius:10px;padding:12px 16px;margin:28px 0;font-weight:700}.example-title{font-size:25px!important;text-align:left!important;margin-top:30px!important}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.example-grid img{width:100%;height:150px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.yes-no{display:flex;justify-content:center;gap:20px;margin-top:60px}.yes-no button{width:82px;min-height:64px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.checkbox-grid label{text-align:left;display:flex;align-items:center;gap:14px}.checkbox-grid input{width:20px;height:20px;accent-color:var(--mint)}.details-card{padding:28px;height:max-content}.details-card h2{margin:0 0 22px}.details-card div{border-bottom:1px solid var(--border);padding:18px 0}.details-card div:last-child{border-bottom:0}.details-card strong{display:block;text-transform:uppercase;font-size:14px;margin-bottom:12px}.details-card span{color:var(--mint);font-size:18px}.quote-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding:18px 22px;display:flex;justify-content:space-between}.quote-footer button,.submit-btn{border:0;border-radius:999px;padding:16px 30px;font-size:18px;font-weight:900;cursor:pointer}.quote-footer button:first-child{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(6,27,57,.16)}.quote-footer button:last-child,.submit-btn{background:var(--navy);color:#fff}.quote-footer button:disabled{opacity:.28;cursor:not-allowed}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-weight:900;margin-bottom:8px}.contact-form input{width:100%;height:54px;border:2px solid #cfd9e3;border-radius:8px;padding:0 16px;font-size:18px}.contact-form textarea{display:none}.contact-form .full{grid-column:1/3;margin:0}.submit-btn{grid-column:1/3;margin:12px auto 0;min-width:260px}@media(max-width:1120px){.site-header{grid-template-columns:1fr;justify-items:center;text-align:center}.header-contact{align-items:center}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 6%;background:#fff}.hero-image{min-height:330px}.trust-bar{grid-template-columns:1fr 1fr}.trust-bar div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:16px}.service-grid,.pricing-grid,.recurring{grid-template-columns:1fr}.pricing-grid article.featured{transform:none}.quote-layout{grid-template-columns:1fr}.details-card{order:-1}.option-grid,.option-grid.four,.property-grid,.checkbox-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.topbar{display:none}.logo img,.quote-logo img{width:285px}.nav{gap:14px}.nav a{font-size:12px}.call-line a{font-size:23px}h1{font-size:42px}.hero-actions{gap:12px}.btn{width:100%}.trust-bar{grid-template-columns:1fr}.service-card{grid-template-columns:1fr}.service-img{height:215px}.service-copy{padding:22px}.quote-header{height:auto;gap:12px;flex-direction:column;padding:16px}.quote-app{padding:20px 4% 100px}.quote-card{padding:22px}.option-grid,.option-grid.four,.property-grid,.checkbox-grid,.contact-form{grid-template-columns:1fr}.contact-form .full,.submit-btn{grid-column:1}.quote-footer{padding:12px}.quote-footer button{font-size:15px;padding:14px 18px}.details-card{display:none}}


/* Final Blackbeard updates */
:root{--mint:var(--gold)}
.option-grid button span,.step p,.details-card span{color:var(--gold)!important}
.option-grid button.selected,.yes-no button.selected{border-color:var(--gold)!important;background:linear-gradient(180deg,#fff,#fff8ed)!important}
.progress div{background:linear-gradient(90deg,var(--navy),var(--gold))!important}

.footer{background:linear-gradient(90deg,#001124,#031b3d);color:#e8eef7;padding:54px 6% 24px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.1fr;gap:58px;max-width:1500px;margin:auto}.footer-logo{background:#fff;border-radius:16px;padding:18px;width:300px;max-width:100%;margin-bottom:24px}.footer-logo img{width:100%;display:block}.footer h3{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:20px;margin:0 0 25px}.footer h2{color:#fff;font-size:26px;margin:0 0 26px;text-align:left}.footer p,.footer a{color:#d7dfeb;text-decoration:none;font-size:22px;line-height:1.45}.footer a{display:block;margin:0 0 14px}.footer-bottom{max-width:1500px;margin:44px auto 0;padding-top:26px;border-top:1px solid rgba(255,255,255,.16);font-size:20px;color:#c7d0de}.page-hero{background:linear-gradient(90deg,var(--navy2),var(--navy));color:#fff;padding:72px 6%;text-align:center}.page-hero h1{color:#fff;max-width:1000px;margin:auto}.page-hero p{font-size:20px;color:#dce5f0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:1120px;margin:auto}.content-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:34px;box-shadow:0 10px 24px rgba(6,27,57,.06)}.content-card.dark{background:var(--navy);color:#fff;border-left:8px solid var(--gold)}.content-card.dark h2{color:#fff;text-align:left}.content-card.dark p{color:#dce5f0}.section.alt{background:var(--light)}
@media(max-width:1120px){.footer-grid,.content-grid{grid-template-columns:1fr}.footer p,.footer a{font-size:19px}}

.membership{text-align:center}
.membership-intro{max-width:760px;margin:-10px auto 34px;color:var(--muted);font-size:18px}
.membership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1220px;margin:auto}
.membership-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:42px 34px;box-shadow:0 14px 34px rgba(6,27,57,.09);text-align:left}
.membership-card.featured{border:3px solid var(--gold);transform:translateY(-8px)}
.membership-card h3{text-align:center;color:var(--gold);font-size:25px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 20px}
.discount{text-align:center;color:var(--navy);font-size:58px;line-height:1;font-weight:900;margin:0}
.per-cleaning{text-align:center;color:var(--navy);font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:12px 0 30px}
.membership-card ul{margin-bottom:30px}
.membership-btn{display:block;text-align:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;text-decoration:none;text-transform:uppercase;font-weight:900;padding:16px 18px;border-radius:999px}
.membership-note{max-width:900px;margin:28px auto 0;color:var(--muted);font-size:14px}

/* Footer based on the approved reference */
.footer{background:#031126;color:#e6edf7;padding:64px 6% 24px}
.footer-grid{display:grid;grid-template-columns:1.35fr .85fr .85fr 1fr;gap:72px;max-width:1500px;margin:0 auto}
.footer-logo{background:#fff;border-radius:16px;padding:16px;width:360px;max-width:100%;margin-bottom:28px}
.footer-logo img{width:100%;display:block}
.footer h2{color:#fff;font-size:25px;margin:0 0 28px}
.footer h3{color:#efb43d;text-transform:uppercase;letter-spacing:.15em;font-size:20px;margin:36px 0 28px}
.footer p,.footer a{color:#d5deea;text-decoration:none;font-size:19px;line-height:1.5}
.footer a{display:block;margin-bottom:14px}
.footer-bottom{max-width:1500px;margin:52px auto 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.16);color:#cbd5e2;font-size:18px}
@media(max-width:1120px){
  .membership-grid{grid-template-columns:1fr}
  .membership-card.featured{transform:none}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .footer-grid{grid-template-columns:1fr;gap:26px}
  .footer h3{margin-top:10px}
  .discount{font-size:48px}
}

.membership-card .discount{margin-bottom:28px}
@media(max-width:1120px){
  .site-header{grid-template-columns:1fr;justify-items:center;text-align:center}
  .logo img{width:390px;max-width:88vw}
}
@media(max-width:700px){
  .logo img,.quote-logo img{width:320px;max-width:90vw}
}

.membership-card .per-cleaning{
  text-align:center;
  color:var(--navy);
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:12px 0 30px;
}


.services{
  padding-top:52px;
  padding-bottom:72px;
  background:#fff;
}
.services .eyebrow{
  text-align:center;
  margin-bottom:18px;
}
.services h2{
  text-align:center;
  font-size:clamp(38px,4.2vw,62px);
  margin-bottom:42px;
}
.service-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px;
  max-width:1500px;
  margin:0 auto;
}
.service-card{
  display:grid;
  grid-template-columns:44% 56%;
  align-items:center;
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  padding:18px;
  box-shadow:0 14px 34px rgba(6,27,57,.08);
}
.service-img{
  height:320px;
  border-radius:10px;
  overflow:hidden;
  background:#eef3f8;
}
.service-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.service-copy{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:22px;
  align-items:start;
  padding:22px 20px 22px 30px;
}
.service-icon{
  width:58px;
  height:58px;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:28px;
  font-weight:900;
}
.service-copy h3{
  margin:0 0 18px;
  font-size:30px;
  line-height:1.08;
  color:var(--navy);
}
.service-copy li{
  font-size:18px;
  margin:13px 0;
}
.service-copy .small-btn{
  display:inline-flex;
  margin-top:24px;
  padding:16px 38px;
  font-size:17px;
}
@media(max-width:1120px){
  .service-grid{grid-template-columns:1fr}
  .service-card{grid-template-columns:40% 60%}
}
@media(max-width:760px){
  .service-card{grid-template-columns:1fr}
  .service-img{height:260px}
  .service-copy{padding:26px 10px 20px}
}


/* Service image quality fix */
.service-card{
  grid-template-columns:380px 1fr !important;
  align-items:center;
}
.service-img{
  width:100%;
  height:260px !important;
  overflow:hidden;
  border-radius:12px;
  background:#eef2f7;
}
.service-img img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center center !important;
  display:block;
}
@media(max-width:900px){
 .service-card{grid-template-columns:1fr !important;}
 .service-img{height:240px !important;}
}


/* Exact Our Services layout */
.services-exact{
  background:#ffffff;
  padding:46px 4.2% 72px;
}
.services-exact-inner{
  max-width:1900px;
  margin:0 auto;
}
.services-kicker{
  margin:0 0 20px;
  text-align:center;
  color:#bd7000;
  font-size:26px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.services-exact h2{
  margin:0 0 46px;
  text-align:center;
  color:#061b39;
  font-size:clamp(42px,4vw,66px);
  line-height:1.04;
  letter-spacing:-.045em;
}
.services-exact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}
.services-exact-card{
  min-height:480px;
  display:grid;
  grid-template-columns:44% 56%;
  align-items:center;
  background:#fff;
  border:1px solid #dce4ed;
  border-radius:16px;
  padding:20px;
  box-shadow:0 14px 34px rgba(6,27,57,.07);
}
.services-exact-image{
  width:100%;
  height:325px;
  overflow:hidden;
  border-radius:9px;
  background:#edf2f7;
}
.services-exact-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.services-exact-content{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:26px 26px 26px 34px;
}
.services-exact-heading{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:25px;
  align-items:start;
  margin-bottom:16px;
}
.services-exact-icon{
  width:68px;
  height:68px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#031b3f;
  color:#fff;
  font-size:31px;
  font-weight:900;
}
.services-exact-heading h3{
  margin:0;
  color:#061b39;
  font-size:34px;
  line-height:1.12;
  letter-spacing:-.025em;
}
.services-exact-content ul{
  margin:0 0 24px 98px;
  padding:0;
  list-style:none;
}
.services-exact-content li{
  margin:13px 0;
  color:#172743;
  font-size:20px;
}
.services-exact-content li::before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:25px;
  height:25px;
  margin-right:14px;
  border-radius:50%;
  background:#d88908;
  color:#fff;
  font-size:16px;
  font-weight:900;
}
.services-exact-button{
  align-self:flex-start;
  margin-left:98px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  padding:16px 34px;
  border-radius:5px;
  background:linear-gradient(135deg,#d88908,#b86f00);
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:18px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(216,137,8,.22);
}
@media(max-width:1250px){
  .services-exact-grid{grid-template-columns:1fr}
  .services-exact-card{grid-template-columns:42% 58%}
}
@media(max-width:760px){
  .services-exact{padding:38px 5% 56px}
  .services-exact-card{
    grid-template-columns:1fr;
    min-height:0;
  }
  .services-exact-image{height:270px}
  .services-exact-content{padding:26px 12px 22px}
  .services-exact-heading{
    grid-template-columns:58px 1fr;
    gap:16px;
  }
  .services-exact-icon{
    width:56px;
    height:56px;
    font-size:25px;
  }
  .services-exact-heading h3{font-size:29px}
  .services-exact-content ul{margin-left:0}
  .services-exact-button{
    margin-left:0;
    width:100%;
  }
}

/* Final Our Services layout — fitted to the approved reference */
.services-reference{
  background:#fff;
  padding:46px 4.4% 70px;
}
.services-reference-wrap{
  max-width:1880px;
  margin:0 auto;
}
.services-reference-kicker{
  margin:0 0 16px;
  text-align:center;
  color:#ba6d00;
  font-size:24px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.services-reference h2{
  margin:0 0 42px;
  text-align:center;
  color:#061b39;
  font-size:clamp(40px,3.9vw,64px);
  line-height:1.04;
  letter-spacing:-.045em;
}
.services-reference-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:40px;
}
.services-reference-card{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(300px,44%) minmax(0,56%);
  align-items:center;
  min-height:475px;
  padding:18px;
  background:#fff;
  border:1px solid #dbe3ec;
  border-radius:15px;
  box-shadow:0 14px 34px rgba(6,27,57,.07);
  overflow:hidden;
}
.services-reference-photo{
  width:100%;
  height:325px;
  overflow:hidden;
  border-radius:9px;
  background:#eef2f7;
}
.services-reference-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}
.services-reference-details{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px 18px 18px 32px;
}
.services-reference-title{
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  gap:22px;
  align-items:start;
  margin-bottom:14px;
}
.services-reference-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#031b3f;
  color:#fff;
  font-size:28px;
  font-weight:900;
}
.services-reference-title h3{
  min-width:0;
  margin:0;
  color:#061b39;
  font-size:clamp(27px,2vw,34px);
  line-height:1.12;
  letter-spacing:-.025em;
}
.services-reference-details ul{
  margin:0 0 24px 88px;
  padding:0;
  list-style:none;
}
.services-reference-details li{
  margin:12px 0;
  color:#172743;
  font-size:clamp(16px,1.25vw,20px);
  line-height:1.25;
  white-space:normal;
}
.services-reference-details li::before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  margin-right:13px;
  border-radius:50%;
  background:#d88908;
  color:#fff;
  font-size:15px;
  font-weight:900;
  vertical-align:middle;
}
.services-reference-button{
  align-self:flex-start;
  margin-left:88px;
  min-width:220px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:15px 34px;
  border-radius:5px;
  background:linear-gradient(135deg,#d88908,#b86f00);
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:18px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(216,137,8,.22);
}
@media(max-width:1400px){
  .services-reference-card{
    grid-template-columns:minmax(280px,42%) minmax(0,58%);
  }
  .services-reference-details{
    padding-left:24px;
  }
  .services-reference-title{
    grid-template-columns:58px minmax(0,1fr);
    gap:16px;
  }
  .services-reference-icon{
    width:56px;
    height:56px;
    font-size:25px;
  }
  .services-reference-details ul,
  .services-reference-button{
    margin-left:74px;
  }
}
@media(max-width:1150px){
  .services-reference-grid{
    grid-template-columns:1fr;
  }
  .services-reference-card{
    grid-template-columns:42% 58%;
  }
}
@media(max-width:760px){
  .services-reference{
    padding:38px 5% 54px;
  }
  .services-reference-card{
    grid-template-columns:1fr;
    min-height:0;
  }
  .services-reference-photo{
    height:260px;
  }
  .services-reference-details{
    padding:26px 10px 20px;
  }
  .services-reference-title{
    grid-template-columns:56px minmax(0,1fr);
    gap:15px;
  }
  .services-reference-details ul{
    margin-left:0;
  }
  .services-reference-button{
    margin-left:0;
    width:100%;
  }
}

/* Properly fitted Our Services section */
.bb-services{
  padding:48px 4.3% 72px;
  background:#ffffff;
}
.bb-services-inner{
  width:100%;
  max-width:1880px;
  margin:0 auto;
}
.bb-services-label{
  margin:0 0 18px;
  text-align:center;
  color:#b96d00;
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.bb-services h2{
  margin:0 0 44px;
  text-align:center;
  color:#061b39;
  font-size:clamp(40px,3.7vw,62px);
  line-height:1.05;
  letter-spacing:-.045em;
}
.bb-services-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px;
}
.bb-service-card{
  min-width:0;
  min-height:476px;
  display:grid;
  grid-template-columns:42% minmax(0,58%);
  align-items:center;
  gap:0;
  padding:18px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid #dce4ed;
  border-radius:16px;
  box-shadow:0 14px 34px rgba(6,27,57,.07);
}
.bb-service-photo{
  width:100%;
  aspect-ratio:1.18 / 1;
  overflow:hidden;
  border-radius:9px;
  background:#edf2f7;
}
.bb-service-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}
.bb-service-info{
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px 18px 24px 30px;
}
.bb-service-heading{
  min-width:0;
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  align-items:start;
  gap:22px;
  margin-bottom:14px;
}
.bb-service-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:50%;
  background:#031b3f;
  color:#ffffff;
  font-size:29px;
  font-weight:900;
}
.bb-service-heading h3{
  min-width:0;
  margin:0;
  color:#061b39;
  font-size:clamp(26px,1.8vw,33px);
  line-height:1.12;
  letter-spacing:-.025em;
  overflow-wrap:normal;
}
.bb-service-info ul{
  width:calc(100% - 86px);
  margin:0 0 22px 86px;
  padding:0;
  list-style:none;
}
.bb-service-info li{
  display:flex;
  align-items:center;
  min-width:0;
  margin:11px 0;
  color:#172743;
  font-size:clamp(16px,1.1vw,19px);
  line-height:1.3;
}
.bb-service-info li::before{
  content:"✓";
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:grid;
  place-items:center;
  margin-right:13px;
  border-radius:50%;
  background:#d88908;
  color:#ffffff;
  font-size:15px;
  font-weight:900;
}
.bb-service-button{
  width:220px;
  max-width:calc(100% - 86px);
  margin-left:86px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:15px 28px;
  border-radius:5px;
  background:linear-gradient(135deg,#d88908,#b86f00);
  color:#ffffff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:18px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(216,137,8,.22);
}
@media(max-width:1320px){
  .bb-service-card{
    grid-template-columns:40% minmax(0,60%);
  }
  .bb-service-info{
    padding-left:22px;
  }
  .bb-service-heading{
    grid-template-columns:56px minmax(0,1fr);
    gap:15px;
  }
  .bb-service-icon{
    width:56px;
    height:56px;
    font-size:25px;
  }
  .bb-service-info ul{
    width:calc(100% - 71px);
    margin-left:71px;
  }
  .bb-service-button{
    margin-left:71px;
    max-width:calc(100% - 71px);
  }
}
@media(max-width:1080px){
  .bb-services-grid{
    grid-template-columns:1fr;
  }
  .bb-service-card{
    grid-template-columns:40% minmax(0,60%);
  }
}
@media(max-width:700px){
  .bb-services{
    padding:38px 5% 56px;
  }
  .bb-services h2{
    margin-bottom:30px;
  }
  .bb-service-card{
    grid-template-columns:1fr;
    min-height:0;
  }
  .bb-service-photo{
    max-height:none;
  }
  .bb-service-info{
    padding:26px 8px 20px;
  }
  .bb-service-info ul{
    width:100%;
    margin-left:0;
  }
  .bb-service-button{
    width:100%;
    max-width:100%;
    margin-left:0;
  }
}


/* Header/Footer logo size update */
.site-header .logo img,
header .logo img,
.navbar .logo img{
  max-height: 92px !important;
  height: 92px !important;
  width: auto !important;
}

.site-footer .footer-logo img,
footer .footer-logo img,
footer img.logo,
.site-footer img{
  max-height: 64px !important;
  height: 64px !important;
  width: auto !important;
}


/* FINAL LOGO LAYOUT FIX */
.site-header{
  grid-template-columns: 470px 1fr 280px !important;
  min-height: 165px !important;
  padding: 14px 4.5% !important;
}

.site-header .logo{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.site-header .logo img{
  width: 440px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
}

/* Make the footer logo container smaller and make the logo fit inside it */
.footer .footer-logo{
  width: 285px !important;
  max-width: 100% !important;
  padding: 12px 16px !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #fff !important;
}

.footer .footer-logo img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block !important;
}

@media(max-width:1120px){
  .site-header{
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    justify-items: center !important;
  }
  .site-header .logo{
    justify-content: center !important;
  }
  .site-header .logo img{
    width: 440px !important;
    max-width: 92vw !important;
  }
}

@media(max-width:700px){
  .site-header .logo img{
    width: 360px !important;
    max-width: 92vw !important;
  }
  .footer .footer-logo{
    width: 250px !important;
  }
}



/* Rebuilt About Us page */
.about-page-hero{
  padding:76px 6%;
  background:linear-gradient(90deg,#00132e,#061b39);
  color:#fff;
  text-align:center;
  border-bottom:7px solid #d88908;
}
.about-page-hero-inner{
  max-width:1050px;
  margin:0 auto;
}
.about-page-hero h1{
  max-width:none;
  margin:8px auto 18px;
  color:#fff;
  font-size:clamp(44px,5vw,72px);
  line-height:1;
}
.about-page-hero p:not(.eyebrow){
  max-width:850px;
  margin:0 auto;
  color:#dce5f0;
  font-size:21px;
  line-height:1.55;
}
.about-page-content{
  padding:76px 6%;
  background:#fff;
}
.about-page-copy{
  max-width:1050px;
  margin:0 auto;
  padding:48px 54px;
  background:#fff;
  border:1px solid #e2e8ef;
  border-radius:16px;
  box-shadow:0 14px 36px rgba(6,27,57,.08);
}
.about-page-copy h2{
  margin:0 0 28px;
  color:#061b39;
  font-size:clamp(34px,3.5vw,50px);
  line-height:1.08;
}
.about-page-copy p{
  margin:0 0 24px;
  color:#2d3b4f;
  font-size:20px;
  line-height:1.78;
}
.about-page-actions{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:34px;
}
@media(max-width:700px){
  .about-page-hero{
    padding:58px 5%;
  }
  .about-page-content{
    padding:48px 5%;
  }
  .about-page-copy{
    padding:34px 24px;
  }
  .about-page-copy p{
    font-size:18px;
  }
  .about-page-actions .btn{
    width:100%;
  }
}

/* Service Area page matching the About Us page */
.service-area-hero{
  padding:76px 6%;
  background:linear-gradient(90deg,#00132e,#061b39);
  color:#fff;
  text-align:center;
  border-bottom:7px solid #d88908;
}
.service-area-hero-inner{
  max-width:1050px;
  margin:0 auto;
}
.service-area-hero h1{
  max-width:none;
  margin:8px auto 18px;
  color:#fff;
  font-size:clamp(44px,5vw,72px);
  line-height:1;
}
.service-area-hero p:not(.eyebrow){
  max-width:850px;
  margin:0 auto;
  color:#dce5f0;
  font-size:21px;
  line-height:1.55;
}
.service-area-content{
  padding:76px 6%;
  background:#fff;
}
.service-area-card{
  max-width:1050px;
  margin:0 auto;
  padding:48px 54px;
  background:#fff;
  border:1px solid #e2e8ef;
  border-radius:16px;
  box-shadow:0 14px 36px rgba(6,27,57,.08);
}
.service-area-card h2{
  margin:0 0 28px;
  color:#061b39;
  font-size:clamp(34px,3.5vw,50px);
  line-height:1.08;
}
.service-area-card p{
  margin:0 0 24px;
  color:#2d3b4f;
  font-size:20px;
  line-height:1.78;
}
.service-area-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:8px 0 30px;
}
.service-area-list div{
  padding:17px 20px;
  border:1px solid #e2e8ef;
  border-left:5px solid #d88908;
  border-radius:9px;
  background:#f8fafc;
  color:#061b39;
  font-size:18px;
  font-weight:900;
}
.service-area-actions{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:34px;
}
@media(max-width:700px){
  .service-area-hero{
    padding:58px 5%;
  }
  .service-area-content{
    padding:48px 5%;
  }
  .service-area-card{
    padding:34px 24px;
  }
  .service-area-card p{
    font-size:18px;
  }
  .service-area-list{
    grid-template-columns:1fr;
  }
  .service-area-actions .btn{
    width:100%;
  }
}

/* Residential and Commercial pages matching About and Service Area */
.service-page-hero{
  padding:76px 6%;
  background:linear-gradient(90deg,#00132e,#061b39);
  color:#fff;
  text-align:center;
  border-bottom:7px solid #d88908;
}
.service-page-hero-inner{
  max-width:1050px;
  margin:0 auto;
}
.service-page-hero h1{
  max-width:none;
  margin:8px auto 18px;
  color:#fff;
  font-size:clamp(44px,5vw,72px);
  line-height:1;
}
.service-page-hero p:not(.eyebrow){
  max-width:850px;
  margin:0 auto;
  color:#dce5f0;
  font-size:21px;
  line-height:1.55;
}
.service-page-content{
  padding:76px 6%;
  background:#fff;
}
.service-page-card{
  max-width:1050px;
  margin:0 auto;
  padding:48px 54px;
  background:#fff;
  border:1px solid #e2e8ef;
  border-radius:16px;
  box-shadow:0 14px 36px rgba(6,27,57,.08);
}
.service-page-card h2{
  margin:0 0 28px;
  color:#061b39;
  font-size:clamp(34px,3.5vw,50px);
  line-height:1.08;
}
.service-page-card p{
  margin:0 0 24px;
  color:#2d3b4f;
  font-size:20px;
  line-height:1.78;
}
.service-page-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin:8px 0 30px;
}
.service-page-list div{
  padding:17px 20px;
  border:1px solid #e2e8ef;
  border-left:5px solid #d88908;
  border-radius:9px;
  background:#f8fafc;
  color:#061b39;
  font-size:18px;
  font-weight:900;
}
.service-page-actions{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:34px;
}
@media(max-width:700px){
  .service-page-hero{
    padding:58px 5%;
  }
  .service-page-content{
    padding:48px 5%;
  }
  .service-page-card{
    padding:34px 24px;
  }
  .service-page-card p{
    font-size:18px;
  }
  .service-page-list{
    grid-template-columns:1fr;
  }
  .service-page-actions .btn{
    width:100%;
  }
}

/* v1.3.1 header logo: logo-header.png is logo.png with the built-in white side margins trimmed
   (88px left / 49px right of 786px). Widths scaled by 649/786 so the artwork renders at the same size. */
.site-header .logo img{width:363px !important}
.quote-logo img{width:272px}
@media(max-width:1120px){.site-header .logo img{width:363px !important;max-width:76vw !important}}
@media(max-width:700px){.site-header .logo img{width:297px !important;max-width:76vw !important}.quote-logo img{width:264px;max-width:74vw}}

/* v1.3.2 footer logo: logo-footer.png is logo.png trimmed to the artwork (the original has
   96px white on the left vs 57px on the right), so even padding centers it in the white box.
   Box keeps its 285px / 250px width and ~same height. */
.footer .footer-logo{padding:25px !important;justify-content:center !important;align-items:center !important}
@media(max-width:700px){.footer .footer-logo{padding:23px !important}}

/* v1.3.4 quote header: .quote-header is a fixed 92px tall (incl. 1px border), but the logo image
   (white background, 649x258) rendered ~108px tall and overflowed 8px above and below. Fit it to
   the header's inner height so it sits flush top and bottom. Mobile header is auto-height (unchanged). */
@media(min-width:701px){.quote-logo{display:block;height:91px;align-self:flex-start}.quote-logo img{height:91px !important;width:auto !important;max-width:none}}
