:root{--navy:#04152b;--navy2:#071f3f;--ink:#0a1625;--muted:#64748b;--line:#dbe4ef;--paper:#f7fbff;--white:#fff;--yellow:#ffc947;--gold:#f6aa1c;--blue:#37c9ff;--shadow:0 24px 70px rgba(2,12,27,.18);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:1rem;top:1rem;z-index:1000;background:#fff;padding:.75rem 1rem;border-radius:.5rem}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);background:rgba(4,21,43,.92);backdrop-filter:blur(16px);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:900;letter-spacing:-.03em}.brand img{width:42px;height:42px;border-radius:999px}.nav-links{display:flex;gap:1.2rem;font-size:.95rem;color:#dbeafe}.nav-links a{text-decoration:none}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;font-weight:850;text-decoration:none;border:0;cursor:pointer;transition:.2s ease;padding:.9rem 1.2rem}.header-cta{background:var(--yellow);color:#061527;padding:.7rem 1rem}.btn-primary{background:linear-gradient(135deg,var(--yellow),#ff9f1c);color:#071526;box-shadow:0 12px 34px rgba(246,170,28,.34)}.btn-secondary{background:#e6f8ff;color:#04152b}.btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08)}.btn-small{background:var(--navy);color:#fff;padding:.75rem 1rem}.btn-card{background:#edf5ff;color:var(--navy)}.btn:hover{transform:translateY(-2px)}.hero{position:relative;min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(3rem,8vw,7rem) clamp(1rem,5vw,5rem);overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,21,43,.96),rgba(4,21,43,.78)),url('assets/background-clear-lens-dark.webp') center/cover;z-index:-2}.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 15%,rgba(55,201,255,.25),transparent 38%),radial-gradient(circle at 78% 65%,rgba(255,201,71,.2),transparent 34%)}.eyebrow,.section-kicker{font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-size:.78rem}.hero h1{font-size:clamp(2.5rem,6vw,5.8rem);line-height:.94;letter-spacing:-.07em;margin:.4rem 0 1rem}.hero-subtitle{font-size:clamp(1.05rem,1.5vw,1.32rem);color:#dbeafe;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin:1.6rem 0}.trust-pills{display:flex;flex-wrap:wrap;gap:.65rem;list-style:none;padding:0;margin:1rem 0 0}.trust-pills li{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);border-radius:999px;padding:.5rem .75rem;color:#eaf6ff}.hero-visual{align-self:center}.comparison{position:relative;overflow:hidden;border-radius:var(--radius);background:#000;box-shadow:var(--shadow);min-height:340px;isolation:isolate}.comparison img{width:100%;height:100%;object-fit:cover}.comparison .before-img{position:absolute;inset:0}.after-wrap{position:absolute;inset:0 auto 0 0;overflow:hidden;border-right:4px solid #fff}.after-wrap img{width:100%;height:100%;object-fit:cover;max-width:none}.comparison input{position:absolute;inset:auto 0 0 0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}.badge{position:absolute;top:1rem;border-radius:999px;padding:.4rem .7rem;background:rgba(0,0,0,.65);color:#fff;font-weight:900;font-size:.75rem}.before-badge{right:1rem}.after-badge{left:1rem}.visual-note{color:#cfe4ff;font-size:.9rem;text-align:center}.section{padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,5rem)}.section h2{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.055em;margin:.35rem 0 1rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.problem-grid,.feature-grid,.pricing-grid,.review-grid,.steps{display:grid;gap:1rem}.problem-grid{grid-template-columns:repeat(2,1fr);margin-top:1.5rem}.problem-grid article,.feature-grid article,.steps article,.review-grid article,.price-card{border:1px solid var(--line);border-radius:24px;padding:1.25rem;background:#fff;box-shadow:0 10px 30px rgba(2,12,27,.05)}.problem-grid span{display:block;color:var(--muted);font-size:.95rem}.photo-card,.result-card{border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.photo-card figcaption,.card-copy{padding:1rem;color:var(--muted)}.results,.choose,.faq{background:var(--paper)}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:2rem}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;margin-top:2rem}.result-card.wide{grid-row:span 2}.result-card img{width:100%;height:280px;object-fit:cover}.result-card.wide .comparison.large{height:560px}.result-card h3,.price-card h3,.feature-grid h3,.steps h3{margin:.2rem 0 .4rem;font-size:1.2rem}.process{background:#fff}.steps{grid-template-columns:repeat(5,1fr);margin-top:2rem}.steps span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:999px;background:#eaf8ff;color:#0077a3;font-weight:900}.process-photos{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.process-photos img{height:330px;width:100%;object-fit:cover;border-radius:24px}.feature-grid{grid-template-columns:repeat(3,1fr);margin-top:2rem}.pricing-grid{grid-template-columns:repeat(3,1fr);margin-top:2rem}.price-card .label{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.price{font-size:2.4rem;font-weight:950;letter-spacing:-.06em;margin:.4rem 0}.featured{background:linear-gradient(180deg,#071f3f,#04152b);color:#fff;transform:scale(1.03)}.featured p{color:#dbeafe}.fine-print{color:var(--muted)}.testimonials{background:#071f3f;color:#fff}.review-grid{grid-template-columns:repeat(3,1fr);margin-top:2rem}.review-grid article{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}.stars{color:var(--yellow);letter-spacing:.12em}.review-grid span{color:#a9c3df}.area-list{display:grid;gap:.5rem;padding-left:1.2rem}.map-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}.map-card iframe{width:100%;height:390px;border:0}.map-card p{padding:0 1rem 1rem;color:var(--muted)}.faq-list{display:grid;gap:.8rem;max-width:920px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem 1.2rem}.faq-list summary{cursor:pointer;font-weight:850}.contact{background:linear-gradient(135deg,#04152b,#082449);color:#fff}.contact-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:32px;padding:clamp(1.25rem,4vw,3rem);box-shadow:var(--shadow)}.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.quote-form{display:grid;gap:.8rem}.quote-form label{display:grid;gap:.35rem;font-weight:800;color:#e5f4ff}.quote-form input,.quote-form textarea{width:100%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.94);border-radius:14px;padding:.9rem;font:inherit;color:#071526}.form-note{font-size:.88rem;color:#b8d1eb}.sticky-cta{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:60;display:none;grid-template-columns:repeat(3,1fr);background:#04152b;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.35rem;box-shadow:0 18px 50px rgba(0,0,0,.28)}.sticky-cta a{text-decoration:none;font-weight:900;padding:.75rem 1rem;border-radius:999px;text-align:center}.sticky-cta a:nth-child(2){background:var(--yellow);color:#071526}footer{background:#020a14;color:#b8d1eb;padding:2rem clamp(1rem,5vw,5rem) 6rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-inner img{width:54px;border-radius:999px}@media(max-width:980px){.nav-links{display:none}.hero,.split,.contact-card{grid-template-columns:1fr}.hero{padding-top:3rem;min-height:auto}.gallery-grid,.feature-grid,.pricing-grid,.review-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.section-heading-row{display:block}.result-card.wide .comparison.large{height:430px}.sticky-cta{display:grid}.site-header{padding:.65rem 1rem}.brand span{display:none}}@media(max-width:620px){.hero h1{font-size:3.05rem}.hero-actions .btn{width:100%}.problem-grid,.steps,.process-photos{grid-template-columns:1fr}.comparison{min-height:300px}.result-card.wide .comparison.large{height:330px}.section{padding:3.5rem 1rem}.featured{transform:none}.header-cta{font-size:.85rem;padding:.62rem .75rem}.sticky-cta{width:calc(100% - 1rem);bottom:.5rem}.footer-inner{display:block}.footer-inner img{margin-bottom:1rem}}

.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dbe4ef;padding:0 clamp(1rem,5vw,5rem);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid var(--line)}.proof-strip article{background:#fff;padding:1.35rem 1rem;text-align:center}.proof-strip strong{display:block;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1;letter-spacing:-.06em;color:var(--navy)}.proof-strip span{color:var(--muted);font-weight:750}.service-match{background:#fff}.persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.persona-grid article{padding:1.35rem;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 30px rgba(2,12,27,.05)}.persona-grid span{font-size:2rem}.persona-grid h3{margin:.5rem 0}.quote-flow{background:linear-gradient(180deg,#f7fbff,#fff)}.reverse{direction:rtl}.reverse>*{direction:ltr}.timeline{display:grid;gap:.9rem;margin-top:1.5rem}.timeline article{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border-radius:20px;background:#fff;border:1px solid var(--line)}.timeline b{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:999px;background:var(--navy);color:#fff}.timeline h3{margin:0}.timeline p{margin:.2rem 0 0;color:var(--muted)}.quote-panel{border-radius:30px;background:#071f3f;color:#fff;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:var(--shadow);position:relative;overflow:hidden}.quote-panel:before{content:"";position:absolute;inset:-30% -20% auto auto;width:280px;height:280px;background:radial-gradient(circle,rgba(255,201,71,.3),transparent 65%);border-radius:999px}.quote-panel ul{display:grid;gap:.75rem;padding-left:1.2rem;margin:1.2rem 0 1.5rem;color:#dbeafe}.expectations{background:var(--paper)}.expect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.expect-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.35rem;box-shadow:0 10px 30px rgba(2,12,27,.05)}.expect-grid .good{border-top:6px solid #22c55e}.expect-grid .warn{border-top:6px solid #f59e0b}.expect-grid ul{padding-left:1.2rem;color:var(--muted)}.guarantee{background:#fff}.guarantee-card{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;border-radius:34px;padding:clamp(1.5rem,5vw,3rem);background:linear-gradient(135deg,#04152b,#0b315c);color:#fff;box-shadow:var(--shadow);overflow:hidden}.guarantee-card p{color:#dbeafe}.promise-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.promise-list span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.75rem .9rem;font-weight:850}.city-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.city-chips span{background:#eaf8ff;color:#075985;border:1px solid #bae6fd;border-radius:999px;padding:.45rem .7rem;font-weight:800;font-size:.9rem}@media(max-width:980px){.proof-strip,.persona-grid,.expect-grid{grid-template-columns:1fr 1fr}.guarantee-card{grid-template-columns:1fr}.reverse{direction:ltr}}@media(max-width:620px){.proof-strip,.persona-grid,.expect-grid,.promise-list{grid-template-columns:1fr}.proof-strip{padding:0}.proof-strip article{text-align:left;padding:1rem}.city-chips span{font-size:.82rem}.quote-panel{padding:1.25rem}}

/* Conversion and trust additions */
.trust-builder{background:linear-gradient(180deg,#fff,#f7fbff)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.trust-grid article{padding:1.35rem;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(2,12,27,.05)}
.trust-grid h3{margin:.1rem 0 .45rem;color:var(--navy)}
.trust-grid p{margin:0;color:var(--muted)}
.area-list li{text-transform:none}
.faq-list details{scroll-margin-top:90px}
@media(max-width:760px){.trust-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.contact-actions .btn{width:100%}}


/* Hero proof image */
.hero-proof-card{
  margin:0;
  border-radius:26px;
  overflow:hidden;
  background:#020814;
  box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.08);
}
.hero-proof-image{
  width:100%;
  height:auto;
  display:block;
}
@media (max-width:640px){
  .hero-proof-card{border-radius:22px}
}

/* Hero comparison slider refresh */
.hero-visual{
  width:100%;
  max-width:720px;
  justify-self:end;
}
.hero-slider-shell{
  padding:clamp(.7rem,1.3vw,1rem);
}
.hero-comparison{
  --split:58%;
  min-height:auto;
  aspect-ratio:5/4;
  border-radius:20px;
  background:#020814;
}
.hero-comparison .ba-layer,
.hero-comparison .ba-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.hero-comparison .ba-image{
  object-fit:cover;
}
.hero-comparison .ba-layer-after{
  clip-path:inset(0 calc(100% - var(--split)) 0 0);
}
.hero-comparison .ba-divider{
  position:absolute;
  top:0;
  bottom:0;
  left:var(--split);
  width:0;
  transform:translateX(-1px);
  pointer-events:none;
  z-index:3;
}
.hero-comparison .ba-divider::before{
  content:"";
  position:absolute;
  inset:0;
  width:2px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.68));
  box-shadow:0 0 0 1px rgba(4,21,43,.15),0 0 28px rgba(255,255,255,.28);
}
.hero-comparison .ba-handle{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:999px;
  background:rgba(4,21,43,.92);
  color:#fff;
  border:1px solid rgba(255,255,255,.3);
  box-shadow:0 16px 34px rgba(2,12,27,.28);
  font-size:1.35rem;
  line-height:1;
}
.hero-label{
  position:absolute;
  top:1rem;
  z-index:2;
  border-radius:999px;
  padding:.45rem .8rem;
  background:rgba(2,8,20,.75);
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero-label-left{left:1rem}
.hero-label-right{right:1rem}
.hero-comparison input[type="range"]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:ew-resize;
  z-index:4;
}
.visual-note{
  margin:.9rem auto 0;
  max-width:40rem;
}
@media (max-width:1100px){
  .hero{
    min-height:auto;
    grid-template-columns:1fr;
  }
  .hero-visual{
    max-width:680px;
    justify-self:stretch;
  }
}
@media (max-width:640px){
  .hero-comparison{
    aspect-ratio:1/1;
  }
  .hero-comparison .ba-handle{
    width:50px;
    height:50px;
    font-size:1.15rem;
  }
  .hero-label{
    top:.8rem;
    padding:.38rem .65rem;
    font-size:.66rem;
  }
}
