:root{
  --ink:#061419;
  --navy:#071c23;
  --panel:#0a242c;
  --panel2:#0d3039;
  --blue:#038d97;
  --blue2:#5edbdd;
  --orange:#ee8d0a;
  --orange2:#febe2a;
  --cream:#091d23;
  --white:#f7fbfc;
  --muted:#9fb6bd;
  --line:rgba(94,219,221,.15);
  --shadow:0 18px 55px rgba(0,0,0,.32);
  --radius:16px;
}
body{background:#061419;color:#f7fbfc}
body::before{background:#061419}
section{border-top:1px solid rgba(94,219,221,.08)}
.container{position:relative}
.topbar{background:#ee8d0a;color:#1a1003;padding-block:7px;letter-spacing:.04em}
header,.header{background:rgba(4,17,22,.96);border-bottom-color:rgba(94,219,221,.16);box-shadow:0 8px 30px rgba(0,0,0,.2)}
.nav{min-height:84px}
.brand-logo,.logo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.38))}
.navlinks{color:#d6e3e6}
.navlinks a{position:relative}
.navlinks a:hover{color:#5edbdd}
.btn{border-radius:10px;min-height:48px;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.btn-primary{background:#ee8d0a;border-color:#ee8d0a;color:#1b1002;box-shadow:0 8px 24px rgba(238,141,10,.18)}
.btn-primary:hover{background:#febe2a;border-color:#febe2a}
.btn-outline{background:transparent;border-color:rgba(94,219,221,.3);color:#f7fbfc}
.btn-outline:hover{background:rgba(94,219,221,.08);border-color:#5edbdd}
.eyebrow{color:#5edbdd}
.eyebrow::before,.eyebrow:before{background:#ee8d0a}
.hero{background:#071c23;border-top:0}
.hero-video-bg::after{background:rgba(2,14,18,.74)}
.hero-copy{background:rgba(4,22,28,.82);border:1px solid rgba(94,219,221,.18);border-left:4px solid #ee8d0a;border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.35)}
.hero-copy>p,.hero p{color:#c5d5d9}
.hero h1 span{color:#5edbdd}
.hero-card{background:#0a242c;border-color:rgba(94,219,221,.16);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.hero-video-toggle{background:rgba(4,17,22,.88);border-color:rgba(94,219,221,.25);border-radius:8px}
.hero-photo{object-position:center center}
.hero-visual,.process-visual,.cipp-stage{background:#081e25;border-color:rgba(94,219,221,.14);border-radius:16px}
.photo-credit,.visual-label,.stage-chip{background:rgba(4,17,22,.9);border-color:rgba(94,219,221,.18);border-radius:8px}
.trust-strip,.trust{background:#091f26;color:#f7fbfc;border-color:rgba(94,219,221,.12)}
.trust-item,.trust-grid div{border-color:rgba(94,219,221,.12)}
.trust-item b,.trust-grid b{color:#f7fbfc}
.trust-item span,.trust-grid span{color:#91abb2}
.diagnosis-section,.mobile-essentials,.services,.cipp-results,.light,.grid-section,.media-section{background:#091d23;color:#f7fbfc}
.diagnosis-section .section-head p,.services .section-head p,.media-intro,.section-grid p,.content-card p,.card p{color:#9fb6bd}
.issue,.service-card,.content-card,.card,.media-card{background:#0c272f;border-color:rgba(94,219,221,.13);color:#f7fbfc;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.2)}
.issue p,.service-card p{color:#9fb6bd}
.issue:hover,.issue.active,.service-card:hover,.content-card:hover{background:#102e36;border-color:#038d97;transform:translateY(-2px)}
.recommendation{background:#0b2931;border-color:rgba(94,219,221,.2);color:#dbe8ea;border-radius:10px}
.service-card{min-height:290px;padding:25px}
.service-card::after{display:none}
.service-number,.content-card small{color:#5edbdd}
.text-link,.content-card span,.article a{color:#5edbdd}
.field-proof,.cipp-animation-section{background:#071c23;color:#f7fbfc}
.field-proof .eyebrow,.cipp-animation-section .eyebrow{color:#5edbdd}
.field-proof-head p,.cipp-demo-copy p{color:#9fb6bd}
.field-media{background:#0b252d;border-color:rgba(94,219,221,.14);border-radius:14px}
.field-media figcaption{color:#bdd0d4}
#process,.proof,.booking-section,#areas,#faq,.faq{background:#061419;color:#f7fbfc}
#process .step,.proof .story-card,.proof .review-card,.step,.story-card,.review-card{background:#0a242c;border-color:rgba(94,219,221,.13);border-radius:14px}
#process .step p,.proof p,.proof cite,.booking-copy p,#faq p,.faq p,.article p,.article li{color:#9fb6bd}
.step-num{background:#ee8d0a;color:#1a1003;border-radius:8px}
.fact{background:#0d3039;border:1px solid rgba(94,219,221,.1);border-radius:9px}
.fact b{color:#5edbdd}
.review-card h2{font-size:2.2rem;line-height:1.02;letter-spacing:-.045em;margin:12px 0 0}
.area,.areas span{color:#c9d9dc;background:#0a242c;border-color:rgba(94,219,221,.14);border-radius:8px}
.booking-section{background:#071c23}
.booking-card,.lead-form,form{background:#f3f7f7;color:#061419;border-radius:14px;box-shadow:0 18px 52px rgba(0,0,0,.32)}
.booking-point{color:#d4e2e5}
.booking-point b{color:#5edbdd}
input,select,textarea,.lead-form input,.lead-form select,.lead-form textarea{background:#fff;border-color:#cbd8db;border-radius:8px}
input:focus,select:focus,textarea:focus{border-color:#038d97;box-shadow:0 0 0 3px rgba(3,141,151,.15)}
.quote-section,.cta{background:#061419}
.quote-wrap,.cta-wrap{background:#081f26;color:#f7fbfc;border:1px solid rgba(94,219,221,.18);border-top:3px solid #038d97;border-radius:16px;box-shadow:0 22px 65px rgba(0,0,0,.32)}
.quote-copy,.cta-copy{background:transparent}
.quote-copy p,.cta-copy p{color:#a9bec4}
.contact-list,.contact{color:#f7fbfc}
.location-band{background:#ee8d0a;color:#1a1003;border-top:0}
.location-wrap address,.location-wrap strong{color:#1a1003}
.field-note,.callout{background:#0a2830;border-color:rgba(94,219,221,.2);color:#b8ccd1;border-radius:10px}
.field-note b,.callout b{color:#5edbdd}
.side-card{background:#0a242c;border-color:rgba(94,219,221,.15);border-radius:14px}
.related a{background:#0a242c;border-color:rgba(94,219,221,.14);border-radius:10px}
details{border-color:rgba(94,219,221,.13)}
summary::after{color:#ee8d0a}
footer{background:#030d11;color:#f7fbfc;border-top-color:rgba(94,219,221,.16);margin-top:0}
footer p,footer a,.footer-grid p,.footer-grid a{color:#91aab1}
.mobile-actions{background:rgba(4,17,22,.97);border-color:rgba(94,219,221,.18);border-radius:14px}
@media(max-width:640px){
  .hero-copy{border-radius:12px}
  .hero-video-toggle{background:rgba(4,17,22,.9)}
  .mobile-actions{background:rgba(4,17,22,.98)}
}
/* Keep fixed contact controls clear of the keyboard and focused lead fields. */
@media (max-width: 800px) {
  body.lead-field-focused .mobile-actions,
  body.lead-field-focused .mobile-sticky-cta,
  body.lead-form-visible .mobile-actions,
  body.lead-form-visible .mobile-sticky-cta { display: none !important; }
}