:root{--black:#070707;--panel:#111;--gold:#d8ac50;--gold2:#f0cf82;--cream:#f5f1e8;--muted:#aaa;--line:#292929;--green:#25d366;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f8f8f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04;letter-spacing:-.035em}h1{font-size:clamp(3rem,7vw,6.8rem);margin-bottom:24px}h2{font-size:clamp(2.2rem,4vw,4rem)}h3{font-size:1.3rem}.eyebrow{color:var(--gold2);font-weight:800;letter-spacing:.17em;font-size:.76rem;margin-bottom:18px}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,7,7,.94);backdrop-filter:blur(14px);border-bottom:1px solid #1e1e1e}.topline{height:30px;background:var(--gold);color:#080808;display:flex;justify-content:center;gap:46px;align-items:center;font-size:.67rem;font-weight:900;letter-spacing:.12em}.nav-wrap{height:78px;max-width:var(--max);margin:auto;padding:0 22px;display:flex;align-items:center;gap:28px}.brand img{height:62px;width:142px;object-fit:contain}.nav-wrap nav{display:flex;gap:26px;margin-left:auto}.nav-wrap nav a{font-weight:700;font-size:.86rem;color:#ddd}.head-call{background:var(--gold);color:#080808;padding:13px 18px;font-weight:900;border-radius:3px;font-size:.84rem}.menu{display:none}.hero{min-height:690px;position:relative;display:grid;align-items:center;overflow:hidden}.hero>picture,.hero>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.79) 44%,rgba(0,0,0,.12) 80%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 45%)}.hero-content{position:relative;z-index:2;max-width:var(--max);width:100%;margin:auto;padding:80px 22px}.hero-content h1{max-width:820px}.hero-content h1 em{color:var(--gold2);font-style:normal}.lead{font-size:clamp(1.05rem,2vw,1.35rem);color:#d7d7d3;max-width:650px}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.btn{min-height:50px;padding:0 21px;border:1px solid #777;display:inline-flex;align-items:center;justify-content:center;font-weight:900;text-transform:uppercase;letter-spacing:.055em;font-size:.79rem;border-radius:3px;cursor:pointer}.btn.gold{background:var(--gold);border-color:var(--gold);color:#070707}.btn.whatsapp{background:var(--green);border-color:var(--green);color:#061b0d}.btn.outline{background:transparent;color:#fff}.micro{display:flex;gap:24px;color:#d8d8d2;font-size:.86rem}.trust-strip{max-width:var(--max);margin:auto;padding:26px 22px;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.trust-strip div{border-right:1px solid var(--line);padding:4px 24px}.trust-strip div:first-child{padding-left:0}.trust-strip div:last-child{border:0}.trust-strip b{display:block;color:var(--gold2);font-size:1.25rem}.trust-strip span{font-size:.74rem;color:#aaa}.intro,.section,.split,.area-block,.content-grid,.quote,.contact-panel{max-width:var(--max);margin:auto;padding:105px 22px}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.intro h2{margin:0}.intro>p{font-size:1.12rem;color:#bbb}.section{padding-top:70px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-head h2{margin-bottom:0}.section-head>a,.text-link{color:var(--gold2);font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#111;border:1px solid #222;padding:28px;min-height:270px;display:flex;flex-direction:column;transition:.22s ease}.card:hover{border-color:var(--gold);transform:translateY(-3px)}.card .num{color:#666;font-size:.73rem}.card h3{font-size:1.55rem;margin:42px 0 14px}.card p{color:#aaa;font-size:.92rem}.card .arrow{margin-top:auto;color:var(--gold2);font-size:.83rem;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split>img{height:610px;width:100%;object-fit:cover}.split li{margin:12px 0;color:#d0d0cc}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-grid img{width:100%;height:340px;object-fit:cover}.area-block{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--cream);color:#111;max-width:none;padding-left:max(22px,calc((100vw - var(--max))/2 + 22px));padding-right:max(22px,calc((100vw - var(--max))/2 + 22px))}.area-block .eyebrow{color:#886516}.area-block .btn.outline{color:#111;border-color:#111}.area-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ccc}.area-links a{padding:16px 0;border-bottom:1px solid #ccc;font-weight:800}.area-links a span{display:block;font-size:.74rem;color:#6d6d6d}.quote{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;background:#101010}.quote form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote label{font-size:.72rem;color:#bbb;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.quote input,.quote select,.quote textarea{width:100%;margin-top:7px;background:#080808;border:1px solid #333;color:#fff;padding:14px;border-radius:2px;font:inherit}.quote label:nth-last-of-type(1){grid-column:1/-1}.quote button{border:0}.quote small{align-self:center;color:#888}.page-hero{max-width:var(--max);margin:auto;padding:70px 22px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.page-hero h1{font-size:clamp(3.2rem,6vw,6rem)}.page-hero>div>p:not(.eyebrow){font-size:1.2rem;color:#bbb}.page-hero img{width:100%;height:520px;object-fit:cover}.index-hero{max-width:var(--max);margin:auto;padding:100px 22px 70px}.index-hero p:not(.eyebrow){font-size:1.2rem;color:#bbb;max-width:680px}.content-grid{display:grid;grid-template-columns:1fr 340px;gap:80px}.content-grid article{font-size:1.06rem;color:#c5c5c1}.content-grid article h2{color:#fff;font-size:2.3rem;margin-top:55px}.content-grid article h2:first-child{margin-top:0}.content-grid article li{margin:13px 0}.content-grid article a{color:var(--gold2)}.content-grid aside{position:sticky;top:140px;align-self:start;border:1px solid #333;background:#111;padding:28px}.content-grid aside .cta-row{display:grid}.content-grid aside .btn{width:100%}.contact-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:55px}.contact-panel a{background:#111;border:1px solid #272727;padding:28px}.contact-panel span{display:block;color:var(--gold2);font-size:.7rem;letter-spacing:.13em;font-weight:900}.contact-panel b{display:block;margin-top:9px;font-size:1.2rem}footer{border-top:1px solid #242424;background:#050505;padding:70px 22px 25px}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:55px}.footer-grid img{width:150px}.footer-grid p,.footer-grid span{color:#888}.footer-grid a{display:block;color:#aaa;margin:8px 0;font-size:.87rem}.footer-grid h3{font-size:.85rem;color:var(--gold2);text-transform:uppercase;letter-spacing:.1em}.legal{max-width:var(--max);margin:50px auto 0;border-top:1px solid #222;padding-top:24px;color:#666;font-size:.75rem}.mobile-bar{display:none}
@media(max-width:860px){body{padding-bottom:62px}.topline{gap:8px;justify-content:space-around;font-size:.56rem}.topline span:last-child{display:none}.nav-wrap{height:67px;padding:0 14px}.brand img{height:52px;width:120px}.menu{display:block;margin-left:auto;background:none;border:1px solid #444;color:#fff;padding:8px 12px}.nav-wrap nav{display:none;position:absolute;top:97px;left:0;right:0;background:#0b0b0b;padding:20px}.nav-wrap nav.open{display:grid;gap:18px}.head-call{display:none}.hero{min-height:650px}.hero>picture,.hero>picture img{object-position:63% center}.shade{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.44)),linear-gradient(0deg,rgba(0,0,0,.7),transparent)}.hero-content{padding:70px 18px}.cta-row .btn{flex:1 1 140px}.micro{display:grid;gap:4px}.trust-strip{grid-template-columns:1fr 1fr;padding:18px}.trust-strip div{padding:12px;border-right:0;border-bottom:1px solid #222}.trust-strip div:last-child{grid-column:1/-1}.intro,.split,.area-block,.quote,.page-hero,.content-grid{grid-template-columns:1fr;gap:32px;padding:70px 18px}.cards{grid-template-columns:1fr}.card{min-height:220px}.split>img,.page-hero img{height:380px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img{height:230px}.area-links{grid-template-columns:1fr}.quote form{grid-template-columns:1fr}.quote label:nth-last-of-type(1){grid-column:auto}.section,.index-hero{padding-left:18px;padding-right:18px}.section-head{display:block}.content-grid aside{position:static}.contact-panel{grid-template-columns:1fr;padding:50px 18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.mobile-bar{position:fixed;z-index:80;display:grid;grid-template-columns:1fr 1fr 1fr;bottom:0;left:0;right:0;height:62px;background:#0a0a0a;border-top:1px solid #333}.mobile-bar a{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.75rem;text-transform:uppercase;border-right:1px solid #333}.mobile-bar a:nth-child(2){background:var(--green);color:#05180b}.mobile-bar a:nth-child(3){background:var(--gold);color:#090909}}
@media(max-width:520px){h1{font-size:3.35rem}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:320px}.page-hero{padding-top:48px}.page-hero img{height:330px}}

.service-card{padding:0;overflow:hidden;min-height:460px}
.service-card>img{width:100%;height:220px;object-fit:cover;transition:transform .35s ease}
.service-card:hover>img{transform:scale(1.035)}
.service-card-copy{padding:24px 26px 26px;display:flex;flex:1;flex-direction:column}
.service-card-copy h3{margin:16px 0 12px}
.service-card-copy .arrow{margin-top:auto;padding-top:18px}
@media(max-width:860px){.service-card{min-height:0}.service-card>img{height:260px}}

.see-us{background:#eceef1;color:#111116;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.see-us .eyebrow{color:#d92270}
.see-us .section-head h2{color:#111116}
.see-us .section-head>p{max-width:460px;color:#5f626b;margin:0}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.video-grid figure{margin:0;background:#fff;border:1px solid #d5d8de;border-radius:10px;box-shadow:0 8px 24px rgba(20,24,31,.09);overflow:hidden}
.video-grid video{display:block;width:100%;height:440px;object-fit:cover;background:#050505}
.video-grid figcaption{display:grid;gap:5px;padding:20px 22px}
.video-grid figcaption b{font-size:1.08rem;color:#111116}
.video-grid figcaption span{font-size:.88rem;color:#656873}
@media(max-width:860px){.see-us{margin:55px 18px;padding:55px 22px}.video-grid{grid-template-columns:1fr}.video-grid video{height:520px}.see-us .section-head>p{margin-top:14px}}
@media(max-width:520px){.video-grid video{height:430px}}

/* Conversion journey and expanded content */
.nav-wrap nav{gap:18px}.nav-wrap nav a{font-size:.8rem}.gallery-grid figure{margin:0;position:relative;overflow:hidden;border-radius:8px;background:#111}.gallery-grid figcaption{padding:13px 15px;color:#d7d5dc;font-size:.85rem;border-top:1px solid #29272f}.quote-wizard{align-items:start}.quote-intro{position:sticky;top:140px}.quote-reassurance{display:grid;gap:10px;margin-top:30px;color:#d8d6df;font-size:.9rem}.quote-progress{grid-column:1/-1;display:grid;gap:8px}.quote-progress span{color:var(--pink-soft);font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.quote-progress progress{width:100%;height:7px;accent-color:var(--pink)}.quote-step{display:none;grid-column:1/-1;border:0;padding:0;margin:0;grid-template-columns:1fr 1fr;gap:14px}.quote-step.active{display:grid}.quote-step legend{padding:0;margin:6px 0 4px;font-size:1.8rem;font-weight:850;letter-spacing:-.025em}.quote-step>p{grid-column:1/-1;color:#a9a7b0;margin-bottom:10px}.choice-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:flex;min-height:60px;align-items:center;padding:14px 16px;border:1px solid #3b3942;border-radius:8px;background:rgba(255,255,255,.035);color:#f7f6f9;text-transform:none;letter-spacing:0;font-size:.92rem}.choice input:checked+span{border-color:var(--pink);background:rgba(255,63,142,.13);box-shadow:inset 0 0 0 1px var(--pink)}.choice input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.quote-actions{grid-column:1/-1;display:flex;gap:10px}.quote-actions .btn{min-width:140px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.process-grid article{padding:28px;border:1px solid #29272f;border-radius:10px;background:#111116}.process-grid span{color:var(--gold);font-weight:900}.process-grid h3{font-size:1.45rem;margin-top:38px}.process-grid p{color:#aaa8b2}.promise{max-width:var(--max);margin:80px auto;padding:58px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border-radius:16px;background:linear-gradient(135deg,#fff 0%,#fff9df 55%,#ffe8f2 100%);color:#111116}.promise>div>p:not(.eyebrow),.promise-grid p{color:#55525b}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.promise-grid article{padding:22px;border:1px solid rgba(12,12,15,.11);border-radius:10px;background:rgba(255,255,255,.65)}.promise-grid h3{margin-bottom:9px}.reviews-band,.reviews-page,.bottom-cta,.legal-copy{max-width:var(--max);margin:80px auto;padding:58px}.reviews-band{display:grid;grid-template-columns:1fr 1fr;gap:60px;border:1px solid rgba(255,63,142,.3);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(255,63,142,.16),transparent 25rem),#101015}.review-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:stretch}.review-metrics div{padding:25px 16px;border:1px solid #32303a;border-radius:9px;background:rgba(255,255,255,.035)}.review-metrics b,.review-metrics span{display:block}.review-metrics b{font-size:1.6rem;color:var(--gold)}.review-metrics span{margin-top:8px;color:#aaa8b1;font-size:.78rem}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #2e2c34;border-radius:9px;background:#111116}.faq-list summary{cursor:pointer;padding:20px 56px 20px 20px;font-weight:800;position:relative}.faq-list summary::after{content:'+';position:absolute;right:20px;color:var(--pink);font-size:1.4rem}.faq-list details[open] summary::after{content:'−'}.faq-list details p{padding:0 20px 20px;margin:0;color:#b8b6c0;max-width:900px}.bottom-cta{text-align:center;border-top:1px solid #29272f}.bottom-cta p:not(.eyebrow){color:#aaa8b2}.bottom-cta .cta-row{justify-content:center}.review-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.review-theme-grid article{padding:28px;border:1px solid #2e2c34;border-radius:10px;background:#111116}.review-theme-grid p{color:#aaa8b2}.legal-copy{max-width:820px;font-size:1.05rem;color:#c4c2ca}.legal-copy h2{font-size:2rem;margin-top:45px;color:#fff}.legal-copy a{color:var(--pink-soft);font-weight:800}.footer-personal{max-width:330px;font-size:.85rem}
@media(max-width:860px){.quote-intro{position:static}.quote-step{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.process-grid,.promise,.reviews-band{grid-template-columns:1fr}.promise,.reviews-band,.reviews-page,.bottom-cta,.legal-copy{margin:55px 18px;padding:34px 24px}.promise-grid,.review-theme-grid{grid-template-columns:1fr}.review-metrics{grid-template-columns:1fr}.quote-actions{position:sticky;bottom:72px;z-index:4;padding:10px;background:rgba(12,12,16,.94);border:1px solid #302e36;border-radius:9px}.quote-actions .btn{flex:1}.nav-wrap nav a{font-size:.9rem}}

.testimonial-section{max-width:var(--max);margin:80px auto;padding:58px;border-radius:16px;background:linear-gradient(135deg,#fff 0%,#fff9df 58%,#ffe8f2 100%);color:#111116;overflow:hidden}.testimonial-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.testimonial-heading h2{margin-bottom:0}.testimonial-heading .eyebrow{color:#d92270}.testimonial-controls{display:flex;gap:8px}.testimonial-controls button{width:48px;height:48px;border:1px solid rgba(10,10,14,.2);border-radius:50%;background:#fff;color:#111116;font-size:1.25rem;cursor:pointer}.testimonial-controls button:hover,.testimonial-controls button:focus-visible{background:var(--pink);border-color:var(--pink);color:#fff}.testimonial-carousel{position:relative;min-height:270px;margin-top:38px}.testimonial-slide{display:grid;align-content:center;min-height:270px;padding:38px;border:1px solid rgba(10,10,14,.12);border-radius:12px;background:rgba(255,255,255,.76);animation:testimonial-in .42s ease}.testimonial-slide[hidden]{display:none}.testimonial-stars{color:#e49b00;font-size:1.2rem;letter-spacing:.12em}.testimonial-slide blockquote{max-width:920px;margin:22px 0 28px;font-size:clamp(1.35rem,2.5vw,2.15rem);line-height:1.35;font-weight:750;letter-spacing:-.025em}.testimonial-slide footer{display:flex;flex-direction:column;gap:3px;padding:0;background:none;border:0}.testimonial-slide footer strong{font-size:1rem}.testimonial-slide footer span{color:#67636d;font-size:.82rem}.testimonial-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}.testimonial-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#b7b2ba;cursor:pointer}.testimonial-dot.active{width:28px;border-radius:10px;background:linear-gradient(90deg,var(--pink),var(--gold))}@keyframes testimonial-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.testimonial-slide{animation:none}}@media(max-width:860px){.testimonial-section{margin:55px 18px;padding:34px 22px}.testimonial-heading{align-items:start}.testimonial-carousel,.testimonial-slide{min-height:330px}.testimonial-slide{padding:26px 22px}.testimonial-slide blockquote{font-size:1.35rem}.testimonial-controls button{width:42px;height:42px}}
.warranty-callout{max-width:1180px;margin:0 auto;padding:20px 22px;border-top:1px solid rgba(255,255,255,.18);font-size:.9rem;line-height:1.55;color:inherit}.warranty-callout strong{font-weight:700}

:root {
  --black: #08080b;
  --panel: #121217;
  --gold: #ffd447;
  --gold2: #ffe68f;
  --pink: #ff3f8e;
  --pink-soft: #ff78b2;
  --cream: #fffdf8;
  --muted: #b8b7c0;
  --line: #2b2a31;
}

::selection {
  background: var(--pink);
  color: #fff;
}

body {
  background:
    radial-gradient(circle at 90% 12%, rgba(255, 63, 142, .08), transparent 26rem),
    radial-gradient(circle at 4% 40%, rgba(255, 212, 71, .06), transparent 28rem),
    var(--black);
}

.site-header {
  background: rgba(8, 8, 11, .91);
  border-bottom-color: rgba(255, 255, 255, .09);
}

.topline {
  background: linear-gradient(100deg, var(--pink) 0%, #ff6fa9 38%, var(--gold) 100%);
  color: #09090b;
}

.nav-wrap nav a {
  position: relative;
  color: #f5f5f7;
}

.nav-wrap nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -8px;
  height: 2px;
  background: linear-gradient(90deg, var(--pink), var(--gold));
  transition: right .2s ease;
}

.nav-wrap nav a:hover::after {
  right: 0;
}

.head-call,
.btn.gold {
  background: linear-gradient(100deg, var(--gold), #ffeb91);
  border-color: var(--gold);
  color: #09090b;
  box-shadow: 0 10px 30px rgba(255, 212, 71, .13);
}

.head-call:hover,
.btn.gold:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.btn.outline {
  border-color: var(--pink);
  color: #fff;
  background: rgba(255, 63, 142, .07);
}

.btn.outline:hover {
  background: var(--pink);
  color: #fff;
}

.eyebrow,
.text-link,
.section-head > a,
.card .arrow {
  color: var(--pink-soft);
}

.hero .shade {
  background:
    linear-gradient(90deg, rgba(8, 8, 11, .96) 0%, rgba(8, 8, 11, .80) 45%, rgba(8, 8, 11, .12) 82%),
    linear-gradient(0deg, rgba(8, 8, 11, .72), transparent 46%);
}

.hero-content h1 em {
  color: transparent;
  background: linear-gradient(100deg, var(--pink) 5%, var(--gold) 88%);
  -webkit-background-clip: text;
  background-clip: text;
}

.trust-strip {
  max-width: none;
  padding-left: max(22px, calc((100vw - var(--max)) / 2 + 22px));
  padding-right: max(22px, calc((100vw - var(--max)) / 2 + 22px));
  background: #fff;
  color: #111116;
  border-bottom: 0;
}

.trust-strip div {
  border-right-color: #e8e7eb;
}

.trust-strip b {
  color: #15151a;
}

.trust-strip div:nth-child(even) b {
  color: #e32779;
}

.trust-strip span {
  color: #65636c;
}

.cards {
  gap: 16px;
}

.card {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #15151b 0%, #0d0d11 100%);
  border-color: rgba(255, 255, 255, .10);
  border-radius: 10px;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .18);
}

.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--pink), var(--gold));
  opacity: .72;
}

.card:hover {
  border-color: rgba(255, 63, 142, .65);
  box-shadow: 0 22px 70px rgba(255, 63, 142, .10);
}

.card .num {
  color: var(--gold2);
}

.split {
  margin-top: 40px;
  margin-bottom: 80px;
  padding: 24px;
  padding-right: 58px;
  background: #fff;
  color: #111116;
  border-radius: 14px;
}

.split > img {
  border-radius: 9px;
}

.split h2,
.split h3 {
  color: #111116;
}

.split p,
.split li {
  color: #4f4d56;
}

.gallery-grid img {
  border-radius: 8px;
  filter: saturate(.95) contrast(1.02);
}

.area-block {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 15%, rgba(255, 212, 71, .24), transparent 24rem),
    radial-gradient(circle at 94% 85%, rgba(255, 63, 142, .17), transparent 25rem),
    #fff;
}

.area-block::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--pink), var(--gold));
}

.area-block .eyebrow {
  color: #d92270;
}

.area-links a {
  transition: color .2s ease, padding-left .2s ease;
}

.area-links a:hover {
  color: #d92270;
  padding-left: 7px;
}

.quote {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 63, 142, .16), transparent 25rem),
    linear-gradient(145deg, #15131a, #0d0d11);
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 14px;
  margin-top: 72px;
  margin-bottom: 72px;
}

.quote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(var(--pink), var(--gold));
}

.quote input,
.quote select,
.quote textarea {
  border-color: #38363f;
  background: rgba(5, 5, 8, .72);
  border-radius: 6px;
}

.quote input:focus,
.quote select:focus,
.quote textarea:focus {
  outline: 2px solid var(--pink);
  outline-offset: 1px;
  border-color: transparent;
}

.page-hero > img {
  border-radius: 12px;
  box-shadow: 22px 22px 0 rgba(255, 63, 142, .10), -12px -12px 0 rgba(255, 212, 71, .08);
}

.index-hero {
  position: relative;
}

.index-hero::after {
  content: "";
  display: block;
  width: min(360px, 72vw);
  height: 4px;
  margin-top: 44px;
  background: linear-gradient(90deg, var(--pink), var(--gold), transparent);
}

.content-grid aside {
  border-color: rgba(255, 63, 142, .35);
  border-radius: 10px;
  background: linear-gradient(155deg, #17151c, #0e0e12);
}

.contact-panel a {
  position: relative;
  overflow: hidden;
  border-color: rgba(255, 255, 255, .10);
  border-radius: 10px;
  background: linear-gradient(145deg, #16161c, #0d0d11);
}

.contact-panel a::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(var(--pink), var(--gold));
}

.contact-panel span,
.footer-grid h3 {
  color: var(--pink-soft);
}

.coverage-map-section {
  max-width: var(--max);
  margin: 76px auto 20px;
  padding: 22px;
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 28px;
  align-items: stretch;
}

.coverage-map-copy {
  padding: 42px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 14px;
  background:
    radial-gradient(circle at 0 0, rgba(255, 63, 142, .14), transparent 20rem),
    linear-gradient(145deg, #17151c, #0e0e12);
}

.coverage-map-copy h2 {
  font-size: clamp(2.25rem, 4vw, 3.7rem);
}

.coverage-map-copy > p:not(.eyebrow) {
  color: #c9c8ce;
}

.coverage-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin: 32px 0;
}

.coverage-stats div {
  padding: 16px 12px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .04);
}

.coverage-stats b,
.coverage-stats span {
  display: block;
}

.coverage-stats b {
  color: var(--gold);
  font-size: 1.05rem;
}

.coverage-stats span {
  margin-top: 4px;
  color: #93919a;
  font-size: .72rem;
}

.coverage-map-copy .map-note {
  margin-bottom: 0;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  font-size: .88rem;
}

.map-frame {
  margin: 0;
  min-height: 570px;
  overflow: hidden;
  border: 1px solid rgba(255, 63, 142, .35);
  border-radius: 14px;
  background: #0b0b10;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .28);
}

.map-frame img {
  width: 100%;
  height: auto;
  min-height: 520px;
  object-fit: cover;
}

.map-frame figcaption {
  padding: 14px 18px;
  color: #aaa9b2;
  font-size: .78rem;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.map-frame figcaption a {
  color: var(--pink-soft);
  font-weight: 800;
}

.coverage-towns {
  max-width: var(--max);
  margin: 30px auto 0;
  padding: 62px 22px 82px;
}

.coverage-intro {
  max-width: 780px;
  color: #bbb9c2;
  font-size: 1.04rem;
}

.town-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 30px 0;
}

.town-grid span {
  position: relative;
  padding: 12px 12px 12px 27px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 7px;
  background: rgba(255, 255, 255, .035);
  color: #f0eff3;
  font-size: .88rem;
}

.town-grid span::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pink), var(--gold));
  transform: translateY(-50%);
}

.coverage-footnote {
  color: #92909a;
  font-size: .86rem;
}

.home-map-band {
  max-width: var(--max);
  margin: 30px auto 90px;
  padding: 22px;
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 28px;
  align-items: center;
}

.home-map-band > div {
  padding: 32px 20px 32px 0;
}

.home-map-band > div p:not(.eyebrow) {
  color: #bbb9c2;
}

.home-map-image {
  overflow: hidden;
  border: 1px solid rgba(255, 63, 142, .35);
  border-radius: 14px;
  background: #0b0b10;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .28);
}

.home-map-image img {
  width: 100%;
  height: auto;
}

footer {
  background:
    radial-gradient(circle at 82% 0%, rgba(255, 63, 142, .08), transparent 24rem),
    #050507;
}

.mobile-bar a:nth-child(3) {
  background: linear-gradient(100deg, var(--pink), #ff79b3);
  color: #fff;
}

@media (max-width: 860px) {
  .nav-wrap nav {
    background: rgba(9, 9, 12, .98);
    border-bottom: 1px solid rgba(255, 63, 142, .3);
  }

  .trust-strip {
    padding-left: 18px;
    padding-right: 18px;
  }

  .trust-strip div {
    border-bottom-color: #e8e7eb;
  }

  .split {
    margin: 30px 18px 70px;
    padding: 18px;
  }

  .quote {
    margin-left: 18px;
    margin-right: 18px;
  }

  .coverage-map-section {
    grid-template-columns: 1fr;
    margin-top: 50px;
    padding: 18px;
  }

  .coverage-map-copy {
    padding: 28px 22px;
  }

  .coverage-stats {
    grid-template-columns: 1fr;
  }

  .map-frame {
    min-height: 0;
  }

  .map-frame img {
    min-height: 0;
  }

  .coverage-towns {
    padding: 46px 18px 65px;
  }

  .town-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-map-band {
    grid-template-columns: 1fr;
    margin-bottom: 60px;
    padding: 18px;
  }

  .home-map-band > div {
    padding: 12px 0 0;
  }
}

@media (max-width: 520px) {
  .town-grid {
    grid-template-columns: 1fr;
  }
}

/* Site-wide light grey theme selected for Genio Auto Locks. */
body {
  background: #eceef1;
  color: #15161a;
}

.site-header,
.hero,
.hero-content,
footer,
.mobile-bar {
  color: #f8f8f6;
}

.eyebrow {
  color: #a8134e;
}

/* Stronger contrast for the light page sections flagged by the audit. */
.process-grid span,
.review-metrics b { color: #76500a; }
.reviews-band .eyebrow,
.bottom-cta .eyebrow,
.home-map-band .eyebrow,
.intro .eyebrow,
.process .eyebrow,
.section:not(.see-us) .eyebrow { color: #a8134e; }
.coverage-map-copy .eyebrow,
.hero .eyebrow,
footer .eyebrow { color: #ff9bc7; }

/* The dots retain their small visual mark but have a comfortable tap area. */
.testimonial-dots { gap: 4px; }
.testimonial-dot,
.testimonial-dot.active {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: transparent;
  display: grid;
  place-items: center;
}
.testimonial-dot::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #77717b;
}
.testimonial-dot.active::before { width: 16px; height: 16px; background: #a8134e; }
.testimonial-dot:focus-visible { outline: 2px solid #a8134e; outline-offset: 1px; }

.trust-strip {
  border-color: #cfd2d8;
}

.trust-strip div {
  border-color: #cfd2d8;
}

.trust-strip span,
.intro > p,
.page-hero > div > p:not(.eyebrow),
.index-hero p:not(.eyebrow),
.home-map-band > div p:not(.eyebrow),
.coverage-intro,
.coverage-footnote {
  color: #5f626b;
}

.split li,
.content-grid article {
  color: #3f424a;
}

.section-head > a,
.text-link,
.content-grid article a {
  color: #bb185e;
}

.card,
.content-grid aside,
.contact-panel a,
.process-grid article,
.faq-list details,
.review-theme-grid article {
  background: #fff;
  border-color: #d5d8de;
  box-shadow: 0 8px 24px rgba(20, 24, 31, .07);
}

.card::before {
  opacity: .9;
}

.card .num {
  color: #9a6a00;
}

.card p,
.process-grid p,
.review-theme-grid p,
.faq-list details p,
.bottom-cta p:not(.eyebrow) {
  color: #626671;
}

.card .arrow,
.contact-panel span {
  color: #bb185e;
}

.content-grid article h2,
.legal-copy h2 {
  color: #15161a;
}

.quote {
  background: #f7f8fa;
  border-color: #d5d8de;
  box-shadow: 0 12px 34px rgba(20, 24, 31, .08);
}

.quote label {
  color: #4f535d;
}

.quote input,
.quote select,
.quote textarea {
  background: #fff;
  border-color: #c7cbd2;
  color: #15161a;
}

.quote small,
.quote-step > p,
.quote-reassurance {
  color: #656a75;
}

.choice span {
  background: #fff;
  border-color: #c7cbd2;
  color: #15161a;
}

.choice input:checked + span {
  background: #fff0f6;
}

.gallery-grid figure {
  background: #fff;
  border: 1px solid #d5d8de;
  box-shadow: 0 8px 24px rgba(20, 24, 31, .07);
}

.gallery-grid figcaption {
  color: #353841;
  border-color: #d5d8de;
}

.reviews-band {
  background: radial-gradient(circle at 100% 0, rgba(255, 63, 142, .12), transparent 25rem), #fff;
  border-color: rgba(255, 63, 142, .28);
  color: #15161a;
  box-shadow: 0 12px 34px rgba(20, 24, 31, .07);
}

.review-metrics div {
  background: #f7f8fa;
  border-color: #d5d8de;
}

.review-metrics span {
  color: #626671;
}

.faq-list details,
.review-theme-grid article {
  color: #15161a;
}

.bottom-cta {
  border-color: #cfd2d8;
}

.legal-copy {
  color: #424650;
}

.see-us {
  box-shadow: 0 12px 34px rgba(20, 24, 31, .07);
}

.see-us .section-head h2 {
  font-size: clamp(3.4rem, 6vw, 6rem);
  letter-spacing: -.055em;
}

.coverage-map-copy {
  background: radial-gradient(circle at 0 0, rgba(255, 63, 142, .10), transparent 20rem), #fff;
  border-color: #d5d8de;
  box-shadow: 0 12px 34px rgba(20, 24, 31, .07);
}

.coverage-map-copy > p:not(.eyebrow),
.coverage-map-copy .map-note {
  color: #555a64;
}

.coverage-stats div {
  background: #f7f8fa;
  border-color: #d5d8de;
}

.coverage-stats span {
  color: #686c76;
}

.coverage-map-copy .map-note {
  border-color: #d5d8de;
}

.map-frame,
.home-map-image {
  background: #fff;
  box-shadow: 0 14px 40px rgba(20, 24, 31, .12);
}

.map-frame figcaption {
  color: #626671;
  border-color: #d5d8de;
}

.map-frame figcaption a {
  color: #bb185e;
}

.town-grid span {
  background: #fff;
  border-color: #d5d8de;
  color: #2f3239;
}

.cta-row.dark .btn.outline,
.area-block .btn.outline {
  color: #15161a;
  border-color: #15161a;
  background: transparent;
}

.cta-row.dark .btn.outline:hover,
.area-block .btn.outline:hover {
  color: #fff;
  border-color: var(--pink);
  background: var(--pink);
}

@media (max-width: 860px) {
  .trust-strip div {
    border-color: #cfd2d8;
  }

  .quote-actions {
    background: rgba(247, 248, 250, .96);
    border-color: #cfd2d8;
  }
}
/* Registration-led enquiry in the first screen. */
.hero-reg{max-width:560px;padding:20px;background:#f7f8fa;color:#17181c;border-radius:8px;box-shadow:0 18px 42px #0008;margin:24px 0 8px}
.hero-reg label{display:block;font-weight:850;font-size:1.1rem;margin-bottom:10px}
.hero-reg>div{display:flex;gap:8px}
.hero-reg input{min-width:0;flex:1;font:inherit;font-weight:700;text-transform:uppercase;padding:13px 16px;border:1px solid #abb0b9;border-radius:4px;background:white;color:#14151a}
.hero-reg button{font:inherit;font-weight:850;padding:12px 20px;border:0;border-radius:4px;background:#e1b546;color:#111;cursor:pointer}
.hero-reg small{display:block;color:#595e68;margin-top:9px;font-size:.82rem}
.hero-content .cta-row{margin:17px 0}
@media(max-width:650px){.hero{min-height:0}.hero-content{padding:55px 22px 65px}.hero-content h1{font-size:clamp(2.7rem,11vw,4rem)}.hero-reg>div{flex-direction:column}.hero-reg button{min-height:49px}.micro{flex-wrap:wrap;gap:7px 18px}}
.trust-strip .sermi-trust img{width:54px;height:54px;object-fit:contain;margin:-8px 0 2px}
.micro .sermi-hero{display:inline-flex;align-items:center;gap:7px}
.micro .sermi-hero img{width:24px;height:24px;object-fit:contain}

/* Give the detailed badge enough room to read in the header and footer. */
.nav-wrap{height:116px;gap:22px}
.brand{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:210px;height:110px;overflow:hidden}
.brand img{width:210px;height:140px;object-fit:contain;flex-shrink:0}
.footer-grid img{width:240px;max-width:100%;height:auto}
@media(max-width:1100px){
  .nav-wrap{padding:0 18px}
  .menu{display:block;flex-shrink:0;margin-left:auto;background:none;border:1px solid #444;color:#fff;padding:10px 14px}
  .head-call{display:none}
  .nav-wrap nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px;background:#0b0b0b}
  .nav-wrap nav.open{display:grid;gap:18px}
}
@media(max-width:600px){
  .nav-wrap{height:96px;padding:0 14px;gap:16px}
  .brand{width:174px;height:90px}
  .brand img{width:174px;height:116px}
}

/* Keep every card and form control inside narrow phone viewports. */
[hidden]{display:none!important}
.quote-wizard,.quote form,.quote-step,.content-grid,.page-hero,.coverage-map-section,.home-map-band,.video-grid,.gallery-grid,.cards,.contact-panel,.footer-grid{min-width:0}
.quote-wizard>*,.quote form>*,.quote-step>*,.content-grid>*,.page-hero>*,.coverage-map-section>*,.home-map-band>*,.video-grid>*,.gallery-grid>*,.cards>*,.contact-panel>*,.footer-grid>*{min-width:0}
.card,.choice span,.contact-panel b,.footer-grid a,.map-frame figcaption{overflow-wrap:anywhere}

@media(max-width:860px){
  .quote-actions .btn{min-width:0;max-width:100%}
  .testimonial-heading{flex-wrap:wrap}
  .testimonial-heading h2{overflow-wrap:break-word}
  .coverage-map-section,.home-map-band,.quote,.page-hero,.content-grid,.see-us{max-width:100%}
}
@media(max-width:520px){
  .page-hero h1{font-size:clamp(2.35rem,10vw,3.2rem);overflow-wrap:break-word}
  .quote-actions{flex-wrap:wrap}
  .quote-actions .btn{flex:1 1 100%;width:100%;white-space:normal;text-align:center}
  .hero-reg,.card,.contact-panel a,.testimonial-slide,.map-frame{max-width:100%}
  .testimonial-section{padding:30px 18px}
  .testimonial-slide{padding:24px 18px}
  .see-us{padding:40px 18px}
  .see-us .section-head h2{font-size:clamp(2.5rem,10vw,3.4rem)}
  .video-grid video{height:auto;max-height:430px;aspect-ratio:4/5;object-fit:cover}
}

/* Solid quote buttons remain legible over photos and light page sections. */
.cta-row .btn.outline[href="#quick-quote"],
.mobile-bar a[href="#quick-quote"]{
  background:#bd155c;
  border-color:#bd155c;
  color:#fff;
}
.cta-row .btn.outline[href="#quick-quote"]:hover,
.mobile-bar a[href="#quick-quote"]:hover{
  background:#98104a;
  border-color:#98104a;
  color:#fff;
}
.cta-row .btn.outline[href="#quick-quote"]:focus-visible,
.mobile-bar a[href="#quick-quote"]:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  box-shadow:0 0 0 6px #15161a;
}

/* Fast first-screen quote route inspired by the strongest competitor journey. */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:54px;align-items:center}
.hero-copy{min-width:0}
.hero-copy h1{max-width:760px}
.hero-copy .micro{display:grid;grid-template-columns:repeat(2,max-content);gap:8px 24px}
.hero-quote-card{padding:30px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(247,248,250,.96);color:#17181c;box-shadow:0 24px 60px rgba(0,0,0,.38);backdrop-filter:blur(12px)}
.hero-quote-card .eyebrow{color:#bd155c;margin-bottom:10px}
.hero-quote-card h2{font-size:clamp(2rem,3vw,3rem);margin-bottom:14px}
.hero-quote-card>p:not(.eyebrow){color:#555b65;margin-bottom:22px}
.hero-quote-card .btn{display:flex;width:100%;margin-top:10px}
.hero-phone{display:block;margin:17px 0;text-align:center;font-weight:850;color:#8d1247}
.hero-proof{display:grid;gap:3px;padding:15px 0;border-top:1px solid #d5d8de;border-bottom:1px solid #d5d8de}
.hero-proof span{color:#e49b00;letter-spacing:.13em}
.hero-proof b{font-size:.85rem}
.quick-service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:15px}
.quick-service-links a{padding:9px 5px;border:1px solid #ccd0d7;border-radius:5px;background:#fff;text-align:center;font-size:.72rem;font-weight:800}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;max-width:720px}.hero-quote-card{max-width:560px}.hero{min-height:0}.hero-content{padding-top:55px;padding-bottom:65px}}
@media(max-width:600px){.hero-grid{gap:28px}.hero-copy .micro{grid-template-columns:1fr}.hero-quote-card{padding:23px 19px}.quick-service-links{grid-template-columns:1fr}.quick-service-links a{padding:11px}}

/* Show the complete van photo without enlarging it to fill the tall mobile hero. */
.hero { background: #08080b; }
.hero > picture img { object-fit: contain; object-position: center top; }

@media (max-width: 700px) {
  .hero .shade {
    background: linear-gradient(180deg, rgba(8, 8, 11, .58), rgba(8, 8, 11, .82));
  }
}
.warranty-callout{max-width:1180px;margin:18px auto 0;color:#b9bbc1;font-size:.86rem;line-height:1.5}

/* Mobile quote inputs must not trigger iOS focus zoom or expand the grid. */
@media(max-width:860px){
 .quote{width:auto;padding:28px 18px;margin-inline:16px;grid-template-columns:minmax(0,1fr)}
 .quote form,.quote-step.active{width:100%;grid-template-columns:minmax(0,1fr)}
 .quote label,.quote input,.quote textarea{min-width:0;max-width:100%}
 .quote input,.quote textarea{font-size:16px}
 .quote-actions{position:static;width:100%;min-width:0}
 .quote-actions .btn{min-width:0}
}
@media(max-width:520px){.quote{margin-inline:12px;padding:24px 16px}.quote-step legend{font-size:1.5rem}}

/* Keep visually hidden choices within their own tile. */
.choice{position:relative}
.choice input[type="radio"]{width:1px;height:1px;min-width:0;max-width:1px;margin:0;padding:0;left:0;top:0}

/* Show the entire coverage diagram at its intended aspect ratio. */
.map-frame{min-height:0}
.map-frame picture,.home-map-image picture{display:block}
.map-frame img{display:block;width:100%;height:auto;min-height:0;object-fit:contain}

/* Give the detailed coverage map room for its town labels. */
@media(min-width:861px){.coverage-map-section{grid-template-columns:minmax(0,1fr)}.coverage-map-copy{padding:32px 38px}.coverage-map-copy h2{max-width:850px}.coverage-map-copy .coverage-stats{max-width:780px}}

/* Keep the complete map legible on narrow screens. */
.map-scroll{overflow-x:auto;overscroll-behavior-inline:contain}
.map-scroll img{display:block;width:100%;height:auto;max-width:none;min-height:0}
@media(max-width:700px){
  .map-scroll img{width:900px}
  .home-map-image img{aspect-ratio:1200/760;object-fit:contain}
  .map-frame figcaption{font-size:.88rem;line-height:1.5}
  .site-header,.hero-quote-card{backdrop-filter:none}
}

/* Give the mobile hero photo its own fixed geometry so it can paint early. */
@media(max-width:700px){
  .hero>picture{
    inset:0 0 auto;
    width:100%;
    height:auto;
    aspect-ratio:480/293;
  }
  .hero>picture img{
    position:static;
    width:100%;
    height:auto;
    aspect-ratio:480/293;
    object-fit:contain;
  }
}

/* Compact mobile landing page while retaining the original logo and van image. */
@media(max-width:700px){
 .topline{height:26px;font-size:.62rem}
 .nav-wrap{height:72px;padding-inline:18px}
 .brand{width:148px;height:68px}
 .brand img{width:148px;height:96px}
 .menu{font-size:.875rem;min-height:44px;padding:8px 14px}
 .hero-content{padding:30px 18px 38px}
 .hero-copy .eyebrow{font-size:.75rem;letter-spacing:.09em;margin-bottom:12px}
 .hero-copy h1{font-size:clamp(2.1rem,8.2vw,3rem);line-height:1.08;margin-bottom:16px}
 .hero-copy .lead{font-size:1rem;line-height:1.5;margin-bottom:16px;max-width:34rem}
 .hero-copy .cta-row{margin:16px 0}
 .hero-copy .cta-row .btn{min-height:48px}
 .hero-copy .micro{font-size:.875rem;gap:5px}
 .hero-grid{gap:24px}
}

.measurement-settings{border:0;background:none;color:inherit;font:inherit;text-decoration:underline;padding:8px 0;cursor:pointer;font-size:.875rem}
.measurement-consent[hidden]{display:none}
.measurement-consent{position:fixed;z-index:100;bottom:16px;left:16px;right:16px;max-width:660px;margin:auto;padding:20px;background:#fff;color:#17181c;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 24px #0004;font-size:1rem}
.measurement-consent p{margin:0 0 14px}.measurement-consent a{text-decoration:underline}.measurement-consent>div{display:flex;gap:12px;flex-wrap:wrap}.measurement-consent button{flex:1;min-height:44px;padding:10px 14px;background:#f7f7f7;color:#17181c;border:1px solid #777;border-radius:4px;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:860px){.measurement-consent{bottom:74px;left:12px;right:12px;padding:16px;font-size:.875rem}}