/* ═══════════════════════════════════════════════════════════════
   RESCUE — landing page design system
   Shared by the drain, A/C, furnace and water-heater landing pages.
   Scope everything under .lp . Each page sets --accent / --accent-soft.
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   DRAIN & SEWER — landing page
   Design system + section styles. All selectors scoped to .dc
   ═══════════════════════════════════════════════════════════════ */

.lp{
 /* type scale */
 --t-display: clamp(36px, 3.6vw, 50px);
 --t-h2:      clamp(29px, 3.1vw, 43px);
 --t-h3:      clamp(19px, 1.5vw, 22px);
 --t-body:    clamp(15.5px, 1.05vw, 16.5px);
 --t-lede:    clamp(16px, 1.25vw, 17.5px);
 --t-label:   11px;

 /* rhythm */
 --sp:        clamp(52px, 6vw, 88px);
 --wrap:      1180px;
 --gutter:    clamp(20px, 3.4vw, 40px);

 /* surfaces */
 --s-1: rgba(255,255,255,.028);
 --s-2: linear-gradient(168deg, rgba(31,53,90,.72), rgba(9,18,33,.86));
 --hair: rgba(244,241,235,.085);
 --hair-2: rgba(244,241,235,.16);
 --glow-red: 0 22px 60px -22px rgba(220,38,38,.55);

 --accent: var(--red);
 --accent-soft: rgba(220,38,38,.12);

 color-scheme: dark;
}
.lp *{box-sizing:border-box}
.lp-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}

/* ── motion ───────────────────────────────────────────────── */
.lp [data-rv]{opacity:0;transform:translateY(16px);
 transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1)}
.lp [data-rv].rv-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
 .lp [data-rv]{opacity:1!important;transform:none!important;transition:none!important}
 .lp *{animation:none!important}
}

/* ── focus ────────────────────────────────────────────────── */
.lp a:focus-visible,.lp summary:focus-visible,.lp label:focus-within,
.lp button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.lp input[type=radio]:focus-visible + .lp-sym-row{outline:2px solid var(--gold);outline-offset:2px}

/* ── shared atoms ─────────────────────────────────────────── */
.lp-label{font-family:'DM Mono',monospace;font-size:var(--t-label);letter-spacing:.18em;
 text-transform:uppercase;color:var(--gold);margin:0}

.lp-cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;
 background:linear-gradient(180deg,#ea4a44,#c2211c);color:#fff;text-decoration:none;
 font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;letter-spacing:.045em;
 text-transform:uppercase;padding:17px 30px;border-radius:11px;
 box-shadow:var(--glow-red),inset 0 1px 0 rgba(255,255,255,.22);
 transition:transform .15s cubic-bezier(.34,1.4,.64,1),box-shadow .15s ease;will-change:transform}
.lp-cta:hover,.lp-cta:focus-visible{transform:translateY(-2px);
 box-shadow:0 30px 70px -22px rgba(220,38,38,.8),inset 0 1px 0 rgba(255,255,255,.3)}
.lp-cta:active{transform:translateY(0)}
.lp-cta::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;
 box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:lpPulse 2.4s infinite}
@keyframes lpPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}

.lp-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--cream);
 text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:19px;
 letter-spacing:.045em;text-transform:uppercase;padding:17px 26px;border-radius:11px;
 border:1px solid var(--hair-2);background:rgba(255,255,255,.02);
 transition:border-color .18s,color .18s,background .18s}
.lp-ghost:hover,.lp-ghost:focus-visible{border-color:var(--gold);color:var(--gold);background:rgba(200,155,60,.06)}

.lp-actions{display:flex;flex-wrap:wrap;gap:12px}

/* ═══ 1. HERO ═════════════════════════════════════════════════ */
.lp-hero{position:relative;overflow:hidden;background:var(--navy-deep);
 padding:clamp(26px,2.8vw,40px) 0 clamp(44px,4.6vw,66px)}
.lp-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:
 radial-gradient(52% 62% at 4% -10%,rgba(220,38,38,.34) 0%,rgba(220,38,38,0) 64%),
 radial-gradient(40% 54% at 88% 0%,rgba(200,155,60,.11) 0%,rgba(200,155,60,0) 66%),
 linear-gradient(180deg,rgba(24,43,76,.6) 0%,rgba(5,10,19,0) 54%)}
.lp-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
 background-image:radial-gradient(rgba(244,241,235,.13) 1px,transparent 1px);
 background-size:26px 26px;
 -webkit-mask-image:radial-gradient(64% 66% at 26% 8%,#000,transparent 76%);
         mask-image:radial-gradient(64% 66% at 26% 8%,#000,transparent 76%)}

.lp-hero-grid{position:relative;z-index:2;max-width:var(--wrap);margin:0 auto;
 padding-left:var(--gutter);display:grid;
 grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);
 gap:clamp(24px,3vw,44px);align-items:center}

.lp-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'DM Mono',monospace;
 font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);
 background:rgba(200,155,60,.07);border:1px solid rgba(200,155,60,.24);
 border-radius:999px;padding:6px 14px;margin-bottom:18px}
.lp-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);
 box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:lpPulse 2.6s infinite;flex:none}

.lp-hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:var(--t-display);
 line-height:1.01;letter-spacing:-.012em;color:#fff;margin:0 0 17px}
.lp-hero h1 span,.lp-hero h1 em{display:block;font-style:normal}
.lp-hero h1 em{position:relative;width:-moz-fit-content;width:fit-content;padding-bottom:.11em}
.lp-hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:0;height:.07em;
 border-radius:2px;background:linear-gradient(90deg,var(--red) 0%,var(--red) 58%,rgba(220,38,38,.1) 100%);
 transform-origin:left;animation:lpRule .9s .25s cubic-bezier(.22,.61,.36,1) both}
@keyframes lpRule{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.lp-lede{font-size:var(--t-lede);line-height:1.62;color:var(--cream-dim);max-width:47ch;margin:0 0 22px}

.lp-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 26px;padding:0;list-style:none}
.lp-chips li{font-family:'DM Mono',monospace;font-size:11px;color:var(--cream-dim);
 background:rgba(255,255,255,.035);border:1px solid var(--hair);border-radius:8px;
 padding:7px 12px;white-space:nowrap}
.lp-chips li b{color:var(--cream);font-weight:600}

.lp-micro{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin-top:22px;
 padding-top:17px;border-top:1px solid var(--hair);font-size:12.5px;color:var(--steel)}
.lp-micro span{padding-right:14px;margin-right:14px;border-right:1px solid var(--hair)}
.lp-micro span:last-child{border-right:0;margin-right:0;padding-right:0}
.lp-micro b{color:var(--cream);font-weight:600}
.lp-micro .s{color:var(--gold)}

/* photo bleeds to the right edge of the viewport */
.lp-stage{position:relative;align-self:stretch;height:clamp(392px,53vh,520px);
 margin-right:calc(50% - 50vw)}
.lp-stage-inner{position:relative;height:100%;border-radius:16px 0 0 16px;overflow:hidden;
 border:1px solid var(--hair-2);border-right:0;
 box-shadow:0 50px 100px -34px rgba(0,0,0,.95)}
.lp-stage img{display:block;width:100%;height:100%;object-fit:cover;
 animation:lpZoom 1.3s cubic-bezier(.22,.61,.36,1) both}
@keyframes lpZoom{from{transform:scale(1.05);opacity:.4}to{transform:none;opacity:1}}
.lp-stage-inner::after{content:"";position:absolute;inset:0;
 background:linear-gradient(100deg,rgba(5,10,19,.86) 0%,rgba(5,10,19,.16) 34%,rgba(5,10,19,0) 60%),
            linear-gradient(180deg,rgba(5,10,19,0) 58%,rgba(5,10,19,.78) 100%)}
.lp-stage-tag{position:absolute;left:26px;bottom:20px;z-index:3;font-family:'DM Mono',monospace;
 font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim)}

/* dispatch card overlapping the photo's left edge */
.lp-dispatch{position:absolute;z-index:4;left:-34px;top:38px;
 background:rgba(9,17,29,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 border:1px solid rgba(200,155,60,.3);border-radius:13px;padding:15px 18px;min-width:172px;
 box-shadow:0 26px 54px -20px rgba(0,0,0,.9)}
.lp-dispatch-top{display:flex;align-items:center;gap:8px;font-family:'DM Mono',monospace;
 font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.lp-dispatch-top::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);
 box-shadow:0 0 10px rgba(74,222,128,.9)}
.lp-dispatch-n{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:800;
 color:#fff;line-height:.9;letter-spacing:-.01em}
.lp-dispatch-l{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.13em;
 text-transform:uppercase;color:var(--cream-dim);margin-top:7px;line-height:1.5}

/* ═══ SECTION SHELL + "the line" ══════════════════════════════ */
.lp-sec{position:relative;padding:var(--sp) 0}
.lp-sec + .lp-sec{border-top:1px solid var(--hair)}
.lp-sec--tint{background:linear-gradient(180deg,rgba(20,36,64,.38),rgba(20,36,64,.06))}

.lp-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);
 gap:10px clamp(28px,4vw,64px);align-items:start;margin-bottom:clamp(30px,3.4vw,46px)}
.lp-head--solo{grid-template-columns:1fr}
.lp-label[data-n]{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.lp-head .lp-label{grid-column:1}
.lp-label[data-n]::before{content:attr(data-n);font-size:10px;color:var(--steel);
 border:1px solid var(--hair-2);border-radius:50%;width:22px;height:22px;
 display:grid;place-items:center;flex:none;letter-spacing:0}
.lp-label[data-n]::after{content:"";height:1px;flex:1;max-width:64px;
 background:linear-gradient(90deg,rgba(200,155,60,.45),rgba(200,155,60,0))}
.lp-h2{grid-column:1;margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:800;
 font-size:var(--t-h2);line-height:1.03;letter-spacing:-.01em;color:#fff;text-wrap:balance}
.lp-sub{grid-column:2;grid-row:1/3;margin:0;font-size:var(--t-body);line-height:1.7;
 color:var(--cream-dim);padding-left:clamp(0px,2vw,26px);
 border-left:1px solid rgba(200,155,60,.24)}

/* ═══ 2. SYMPTOM SELECTOR (CSS-only, no JS) ═══════════════════ */
.lp-sym{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
 gap:8px clamp(18px,2.4vw,32px);align-items:start}
.lp-sym input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.lp-sym-row{grid-column:1;display:flex;align-items:center;gap:14px;cursor:pointer;
 padding:16px 18px;border-radius:12px;border:1px solid var(--hair);
 background:rgba(255,255,255,.02);transition:border-color .2s,background .2s,transform .2s}
.lp-sym-row:hover{border-color:var(--hair-2);background:rgba(255,255,255,.045)}
.lp-sym-dot{flex:none;width:16px;height:16px;border-radius:50%;border:1px solid var(--hair-2);
 position:relative;transition:border-color .2s}
.lp-sym-dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent);
 transform:scale(0);transition:transform .22s cubic-bezier(.34,1.5,.64,1)}
.lp-sym-txt{font-family:'Barlow Condensed',sans-serif;font-size:var(--t-h3);font-weight:700;
 color:var(--cream-dim);line-height:1.2;transition:color .2s}
.lp-sym-arrow{margin-left:auto;color:var(--steel);font-size:17px;opacity:0;
 transform:translateX(-5px);transition:opacity .22s,transform .22s}

.lp-sym input:checked + .lp-sym-row{border-color:var(--accent);
 background:linear-gradient(100deg,var(--accent-soft),rgba(255,255,255,.015))}
.lp-sym input:checked + .lp-sym-row .lp-sym-dot{border-color:var(--accent)}
.lp-sym input:checked + .lp-sym-row .lp-sym-dot::after{transform:scale(1)}
.lp-sym input:checked + .lp-sym-row .lp-sym-txt{color:#fff}
.lp-sym input:checked + .lp-sym-row .lp-sym-arrow{opacity:1;transform:none;color:var(--accent)}

.lp-sym-panels{grid-column:2;grid-row:1/span 4;align-self:stretch;
 position:relative;background:var(--s-2);border:1px solid var(--hair);
 border-radius:16px;padding:clamp(24px,2.6vw,34px);overflow:hidden;min-height:290px;
 box-shadow:0 30px 64px -34px rgba(0,0,0,.9)}
.lp-sym-panels::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
 background:linear-gradient(180deg,var(--accent),transparent)}
.lp-sym[data-n="5"] > .lp-sym-panels{grid-row:1/span 5}
.lp-sym[data-n="6"] > .lp-sym-panels{grid-row:1/span 6}
.lp-panel{display:none}
.lp-panel h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(23px,2.1vw,29px);
 font-weight:800;color:#fff;margin:0 0 12px;line-height:1.1}
.lp-panel p{margin:0 0 20px;font-size:var(--t-body);line-height:1.7;color:var(--cream-dim);max-width:54ch}
.lp-panel-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
 gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:11px;overflow:hidden}
.lp-panel-meta div{background:rgba(9,18,33,.72);padding:14px 16px}
.lp-panel-meta dt{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.14em;
 text-transform:uppercase;color:var(--steel);margin:0 0 6px}
.lp-panel-meta dd{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:19px;
 font-weight:700;color:var(--gold);line-height:1.2}
.lp-panel-meta dd.n{color:#fff}

.lp-sym > input:nth-of-type(1):checked ~ .lp-sym-panels > .lp-panel:nth-child(1),
.lp-sym > input:nth-of-type(2):checked ~ .lp-sym-panels > .lp-panel:nth-child(2),
.lp-sym > input:nth-of-type(3):checked ~ .lp-sym-panels > .lp-panel:nth-child(3),
.lp-sym > input:nth-of-type(4):checked ~ .lp-sym-panels > .lp-panel:nth-child(4),
.lp-sym > input:nth-of-type(5):checked ~ .lp-sym-panels > .lp-panel:nth-child(5),
.lp-sym > input:nth-of-type(6):checked ~ .lp-sym-panels > .lp-panel:nth-child(6){display:block;animation:lpFade .42s cubic-bezier(.22,.61,.36,1) both}
@keyframes lpFade{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}

/* ═══ 3. PRICING ══════════════════════════════════════════════ */
.lp-credit{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,2.6vw,38px);
 align-items:center;padding:clamp(22px,2.4vw,30px);margin-bottom:clamp(28px,3vw,40px);
 border:1px solid rgba(200,155,60,.3);border-radius:16px;
 background:linear-gradient(100deg,rgba(200,155,60,.11),rgba(200,155,60,.015))}
.lp-credit-fig{font-family:'Barlow Condensed',sans-serif;font-size:clamp(52px,6vw,82px);
 font-weight:800;color:var(--gold);line-height:.82;letter-spacing:-.02em}
.lp-credit-fig small{display:block;font-family:'DM Mono',monospace;font-size:9.5px;
 letter-spacing:.15em;text-transform:uppercase;color:var(--cream-dim);margin-top:11px;font-weight:400}
.lp-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;
 counter-reset:lpf}
.lp-flow li{position:relative;counter-increment:lpf;padding:0 22px 0 0;font-size:14px;
 line-height:1.58;color:var(--cream-dim)}
.lp-flow li + li{padding-left:24px;border-left:1px solid rgba(200,155,60,.22)}
.lp-flow li::before{content:"0" counter(lpf);display:block;font-family:'DM Mono',monospace;
 font-size:9.5px;letter-spacing:.16em;color:var(--gold);margin-bottom:8px}
.lp-flow li b{display:block;color:#fff;font-weight:600;font-size:15px;margin-bottom:3px}

.lp-price-list{border-top:1px solid var(--hair-2)}
.lp-price-row{display:grid;grid-template-columns:minmax(140px,.72fr) minmax(0,2fr) auto;
 gap:12px clamp(16px,2.2vw,30px);align-items:baseline;padding:19px 0;
 border-bottom:1px solid var(--hair);transition:background .18s}
.lp-price-row:hover{background:rgba(200,155,60,.035)}
.lp-price-name{font-family:'Barlow Condensed',sans-serif;font-size:21px;font-weight:700;color:#fff;line-height:1.15}
.lp-price-desc{font-size:14.5px;line-height:1.62;color:var(--cream-dim)}
.lp-price-fig{font-family:'DM Mono',monospace;font-size:19px;color:var(--gold);
 white-space:nowrap;text-align:right;font-feature-settings:"tnum"}
.lp-price-fig s{font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;
 color:var(--steel);text-decoration:none;margin-right:8px;vertical-align:.14em}
.lp-note{margin:24px 0 0;font-size:13px;line-height:1.75;color:var(--steel);max-width:none}

/* ═══ 4. PROCESS TIMELINE ═════════════════════════════════════ */
.lp-steps{position:relative;list-style:none;margin:0;padding:0;
 display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px)}
.lp-steps::before{content:"";position:absolute;left:0;right:0;top:23px;height:1px;
 background:linear-gradient(90deg,rgba(220,38,38,.7),rgba(200,155,60,.4) 60%,rgba(200,155,60,0));z-index:0}
.lp-steps li{position:relative;z-index:1;padding-top:60px}
.lp-steps li::before{content:attr(data-n);position:absolute;left:0;top:0;
 width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
 font-family:'DM Mono',monospace;font-size:13px;color:var(--cream);
 background:var(--navy-deep);border:1px solid rgba(200,155,60,.42)}
.lp-steps li:first-child::before{border-color:rgba(220,38,38,.75);color:#fff;
 box-shadow:0 0 0 5px rgba(220,38,38,.1)}
.lp-steps h3{font-family:'Barlow Condensed',sans-serif;font-size:var(--t-h3);font-weight:700;
 color:#fff;margin:0 0 9px;line-height:1.18}
.lp-steps p{margin:0;font-size:14.5px;line-height:1.62;color:var(--cream-dim)}

/* ═══ 5. PROOF ════════════════════════════════════════════════ */
.lp-proof{display:grid;grid-template-columns:1.62fr 1fr;
 grid-template-rows:repeat(2,clamp(168px,17.5vw,224px));gap:12px;
 margin-bottom:clamp(28px,3vw,42px)}
.lp-proof figure{position:relative;margin:0;border-radius:14px;overflow:hidden;
 border:1px solid var(--hair);background:#0a1220;min-height:0}
.lp-proof figure:first-child{grid-row:span 2}
.lp-proof img{display:block;width:100%;height:100%;object-fit:cover;
 transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.lp-proof figure:not(:first-child) img{object-position:center 38%}
.lp-proof figure:hover img{transform:scale(1.045)}
.lp-proof figure::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(180deg,rgba(5,10,19,0) 42%,rgba(5,10,19,.9) 100%)}
.lp-proof figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;
 padding:16px 18px;font-size:13px;line-height:1.5;color:var(--cream)}

.lp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
 background:var(--hair);border:1px solid var(--hair);border-radius:15px;overflow:hidden}
.lp-stats div{background:rgba(11,21,38,.9);padding:24px 22px}
.lp-stats strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:clamp(30px,3vw,40px);
 font-weight:800;color:var(--gold);line-height:.95;letter-spacing:-.015em;margin-bottom:10px}
.lp-stats span{font-size:13.5px;color:var(--cream-dim);line-height:1.55}

/* ═══ 6. FAQ ══════════════════════════════════════════════════ */
.lp-faq-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
 gap:clamp(24px,3.4vw,56px);align-items:start}
.lp-faq-aside{position:sticky;top:96px;background:var(--s-2);border:1px solid var(--hair);
 border-radius:16px;padding:clamp(24px,2.4vw,30px)}
.lp-faq-aside h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(23px,2vw,28px);
 font-weight:800;color:#fff;margin:0 0 11px;line-height:1.1}
.lp-faq-aside p{margin:0 0 20px;font-size:14.5px;line-height:1.65;color:var(--cream-dim)}
.lp-faq-aside .lp-cta{width:100%;font-size:18px;padding:15px 20px}

.lp-faq{border-top:1px solid var(--hair)}
.lp-faq details{border-bottom:1px solid var(--hair)}
.lp-faq summary{cursor:pointer;list-style:none;position:relative;padding:21px 46px 21px 0;
 font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:600;color:var(--cream);
 transition:color .18s}
.lp-faq summary:hover{color:#fff}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"";position:absolute;right:8px;top:50%;width:13px;height:13px;
 margin-top:-6px;
 background:
  linear-gradient(var(--gold),var(--gold)) center/13px 1.5px no-repeat,
  linear-gradient(var(--gold),var(--gold)) center/1.5px 13px no-repeat;
 transition:transform .28s cubic-bezier(.22,.61,.36,1)}
.lp-faq details[open] summary{color:#fff}
.lp-faq details[open] summary::after{transform:rotate(135deg)}
.lp-faq details p{margin:0;padding:0 46px 24px 0;font-size:var(--t-body);line-height:1.75;color:var(--cream-dim)}

/* ═══ 7. CLOSER ═══════════════════════════════════════════════ */
.lp-closer{position:relative;overflow:hidden;padding:clamp(66px,7vw,104px) 0;text-align:center}
.lp-closer-bg{position:absolute;inset:0;z-index:0}
.lp-closer-bg img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.lp-closer-bg::after{content:"";position:absolute;inset:0;
 background:linear-gradient(180deg,rgba(5,10,19,.9),rgba(5,10,19,.82)),
            radial-gradient(70% 100% at 50% 100%,rgba(220,38,38,.3),rgba(220,38,38,0) 68%)}
.lp-closer .lp-wrap{position:relative;z-index:1}
.lp-closer h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;
 font-size:clamp(33px,4.4vw,56px);color:#fff;margin:0 0 13px;line-height:1.02;letter-spacing:-.012em}
.lp-closer p{margin:0 auto 30px;font-size:var(--t-lede);color:var(--cream-dim);max-width:46ch}
.lp-closer .lp-actions{justify-content:center}

/* ═══ RESPONSIVE ══════════════════════════════════════════════ */
@media (max-width:1040px){
 .lp-steps{grid-template-columns:repeat(2,1fr);row-gap:34px}
 .lp-steps::before{display:none}
}
@media (max-width:900px){
 .lp-hero-grid{grid-template-columns:1fr;gap:30px;padding-left:0}
 .lp-hero-copy{padding:0 var(--gutter)}
 .lp-stage{margin-right:0;order:2}
 .lp-stage-inner{border-radius:0;border-left:0;border-right:0}
 .lp-stage img{min-height:250px}
 .lp-dispatch{left:auto;right:16px;top:16px;padding:12px 15px;min-width:0}
 .lp-dispatch-n{font-size:26px}
 .lp-stage-tag{left:var(--gutter)}
 .lp-sym{grid-template-columns:1fr}
 .lp-sym-row{grid-column:1}
 .lp-sym-panels{grid-column:1;grid-row:auto;min-height:0;margin-top:10px}
 .lp-faq-grid{grid-template-columns:1fr}
 .lp-faq-aside{position:static}
 .lp-proof{grid-template-columns:1fr 1fr;grid-template-rows:clamp(150px,26vw,210px)}
 .lp-proof figure:first-child{grid-column:span 2;grid-row:auto}
}
@media (max-width:860px){
 .lp-head{grid-template-columns:1fr}
 .lp-h2,.lp-sub,.lp-head .lp-label{grid-column:1}
 .lp-sub{grid-row:auto;margin-top:15px;padding-left:0;border-left:0}
 .lp-stats{grid-template-columns:repeat(2,1fr)}
 .lp-credit{grid-template-columns:1fr;gap:18px}
 .lp-price-row{grid-template-columns:1fr auto;gap:6px 18px}
 .lp-price-desc{grid-column:1/-1;order:3}
}
@media (max-width:640px){
 .lp-eyebrow .lp-eb-x{display:none}
 .lp-hero h1{font-size:clamp(33px,8.8vw,42px)}
 .lp-panel-meta{grid-template-columns:1fr}
 .lp-micro{display:grid;grid-template-columns:1fr;gap:7px}
 .lp-micro span{border-right:0;padding-right:0;margin-right:0}
 .lp-cta,.lp-ghost{width:100%}
 .lp-steps{grid-template-columns:1fr;row-gap:26px}
 .lp-steps li{padding-top:0;padding-left:62px;min-height:46px}
 .lp-steps li::before{top:-2px}
 .lp-proof{grid-template-columns:1fr;grid-template-rows:auto}
 .lp-proof figure{min-height:200px}
 .lp-proof figure:first-child{grid-column:auto;min-height:238px}
 .lp-stats{grid-template-columns:1fr}
 .lp-flow{grid-template-columns:1fr;gap:16px}
 .lp-flow li{padding:0}
 .lp-flow li + li{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid rgba(200,155,60,.2)}
}


/* ═══ 8. VS MODULE — the honest-comparison signature ══════════ */
.lp-vs{display:grid;grid-template-columns:1.04fr auto 1fr;gap:clamp(16px,2.2vw,30px);align-items:stretch}
.lp-vs-card{position:relative;border-radius:16px;padding:clamp(24px,2.5vw,32px);
 border:1px solid var(--hair);background:var(--s-2);overflow:hidden;display:flex;flex-direction:column}
.lp-vs-card--good{border-color:color-mix(in srgb,var(--accent) 45%,transparent);
 box-shadow:0 30px 70px -34px rgba(0,0,0,.9)}
.lp-vs-card--good::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(90% 60% at 0% 0%,var(--accent-soft),transparent 68%)}
.lp-vs-card--bad{background:rgba(255,255,255,.018);border-style:dashed}
.lp-vs-tag{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.16em;
 text-transform:uppercase;margin:0 0 14px;position:relative;z-index:1}
.lp-vs-card--good .lp-vs-tag{color:var(--accent)}
.lp-vs-card--bad .lp-vs-tag{color:var(--steel)}
.lp-vs-fig{font-family:'Barlow Condensed',sans-serif;font-weight:800;line-height:.9;
 letter-spacing:-.02em;margin:0 0 12px;position:relative;z-index:1}
.lp-vs-card--good .lp-vs-fig{font-size:clamp(38px,4.4vw,58px);color:#fff}
.lp-vs-card--bad .lp-vs-fig{font-size:clamp(32px,3.6vw,46px);color:var(--steel)}
.lp-vs-card p{margin:0 0 18px;font-size:14.5px;line-height:1.65;color:var(--cream-dim);
 position:relative;z-index:1}
.lp-vs-card--bad p{color:var(--steel)}
.lp-vs-facts{margin:auto 0 0;padding:16px 0 0;list-style:none;border-top:1px solid var(--hair);
 display:grid;gap:9px;position:relative;z-index:1}
.lp-vs-facts li{display:flex;gap:10px;font-size:13.5px;color:var(--cream-dim);line-height:1.5}
.lp-vs-facts li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;
 background:var(--accent);margin-top:7px}
.lp-vs-card--bad .lp-vs-facts li::before{background:var(--steel)}
.lp-vs-mid{display:grid;place-items:center;font-family:'DM Mono',monospace;font-size:11px;
 letter-spacing:.18em;text-transform:uppercase;color:var(--steel);
 writing-mode:vertical-rl;padding:6px 0}

/* ═══ 9. REVIEWS ══════════════════════════════════════════════ */
.lp-reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:14px}
.lp-review{background:var(--s-2);border:1px solid var(--hair);border-radius:15px;
 padding:26px 24px;display:flex;flex-direction:column}
.lp-review-stars{color:var(--gold);font-size:13px;letter-spacing:.22em;margin-bottom:14px}
.lp-review p{margin:0 0 20px;font-size:14.5px;line-height:1.68;color:var(--cream);flex:1 1 auto}
.lp-review footer{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--hair)}
.lp-review-av{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
 background:linear-gradient(150deg,var(--navy-card),#0a1424);border:1px solid var(--hair-2);
 font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;color:var(--gold)}
.lp-review-name{font-size:13.5px;color:var(--cream);font-weight:600;line-height:1.3}
.lp-review-loc{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.12em;
 text-transform:uppercase;color:var(--steel);margin-top:3px}

/* ═══ 10. SPEC / COMPARISON TABLE ═════════════════════════════ */
.lp-specwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.lp-spec{width:100%;border-collapse:collapse;min-width:620px;font-size:14.5px}
.lp-spec th,.lp-spec td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--hair);
 vertical-align:top;color:var(--cream-dim)}
.lp-spec thead th{font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:700;
 color:#fff;border-bottom:1px solid var(--hair-2);line-height:1.2}
.lp-spec thead th:first-child{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.14em;
 text-transform:uppercase;color:var(--steel);font-weight:400}
.lp-spec tbody th{font-weight:600;color:var(--cream);font-size:14px}
.lp-spec tbody tr:hover{background:rgba(200,155,60,.035)}
.lp-spec .lp-pick{color:var(--accent)}
.lp-spec-flag{display:inline-block;margin-top:7px;font-family:'DM Mono',monospace;font-size:9px;
 letter-spacing:.14em;text-transform:uppercase;color:var(--accent);
 border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);
 background:var(--accent-soft);border-radius:999px;padding:4px 9px}

/* ═══ 11. SERVICE AREA ════════════════════════════════════════ */
.lp-towns{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:1px;
 background:var(--hair);border:1px solid var(--hair);border-radius:15px;overflow:hidden}
.lp-town{background:rgba(11,21,38,.9);padding:18px 20px;transition:background .16s}
.lp-town:hover{background:rgba(20,36,64,.95)}
.lp-town b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:20px;
 font-weight:700;color:#fff;line-height:1.15;margin-bottom:6px}
.lp-town span{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.1em;
 text-transform:uppercase;color:var(--steel);line-height:1.6;display:block}
.lp-town em{font-style:normal;color:var(--gold)}

/* ═══ 12. RELATED SERVICES ════════════════════════════════════ */
.lp-rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:12px}
.lp-rel a{display:flex;align-items:center;justify-content:space-between;gap:14px;
 padding:20px 22px;border:1px solid var(--hair);border-radius:13px;background:rgba(255,255,255,.02);
 font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;color:var(--cream);
 transition:border-color .18s,color .18s,transform .18s,background .18s}
.lp-rel a:hover{border-color:var(--accent);color:#fff;transform:translateY(-2px);background:var(--accent-soft)}
.lp-rel a::after{content:"→";color:var(--accent);font-size:17px}

/* ═══ 13. SAFETY CALLOUT ══════════════════════════════════════ */
.lp-alert{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2vw,26px);align-items:start;
 padding:clamp(22px,2.4vw,30px);border-radius:16px;
 border:1px solid rgba(220,38,38,.4);background:linear-gradient(100deg,rgba(220,38,38,.14),rgba(220,38,38,.02))}
.lp-alert-mark{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
 background:rgba(220,38,38,.18);border:1px solid rgba(220,38,38,.5);
 font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:800;color:#fff;line-height:1}
.lp-alert h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(21px,2vw,26px);font-weight:800;
 color:#fff;margin:0 0 9px;line-height:1.15}
.lp-alert p{margin:0;font-size:14.5px;line-height:1.68;color:var(--cream-dim)}
.lp-alert p + p{margin-top:10px}

/* ═══ 14. READOUT (instrument panel) ══════════════════════════ */
.lp-readout{border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:var(--s-2)}
.lp-readout-hd{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;
 border-bottom:1px solid var(--hair);background:rgba(5,10,19,.55);
 font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--steel)}
.lp-readout-hd b{color:var(--accent);font-weight:400}
.lp-readout-hd .dot{width:6px;height:6px;border-radius:50%;background:var(--green);
 box-shadow:0 0 9px rgba(74,222,128,.8)}
.lp-readout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:1px;background:var(--hair)}
.lp-readout-cell{background:rgba(9,18,33,.85);padding:20px}
.lp-readout-cell dt{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.14em;
 text-transform:uppercase;color:var(--steel);margin:0 0 9px}
.lp-readout-cell dd{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:700;
 color:#fff;line-height:1.1}
.lp-readout-cell small{display:block;margin-top:8px;font-size:12.5px;line-height:1.55;
 color:var(--cream-dim);font-family:'DM Sans',sans-serif;font-weight:400}
.lp-readout-ft{padding:15px 20px;border-top:1px solid var(--hair);background:rgba(5,10,19,.4);
 font-size:13px;color:var(--steel);line-height:1.6}

@media (max-width:900px){
 .lp-vs{grid-template-columns:1fr}
 .lp-vs-mid{writing-mode:horizontal-tb;padding:0}
 .lp-alert{grid-template-columns:1fr}
}

/* ═══ 15. GROUPED FAQ ═════════════════════════════════════════ */
.lp-faq-group + .lp-faq-group{margin-top:clamp(30px,3.2vw,44px)}
.lp-faq-group > h3{font-family:'DM Mono',monospace;font-size:10.5px;letter-spacing:.16em;
 text-transform:uppercase;color:var(--gold);margin:0 0 14px;display:flex;align-items:center;gap:12px}
.lp-faq-group > h3::after{content:"";height:1px;flex:1;
 background:linear-gradient(90deg,rgba(200,155,60,.32),rgba(200,155,60,0))}

/* ═══ 16. TIMELINE (same-day clock) ═══════════════════════════ */
.lp-clock{position:relative;list-style:none;margin:0;padding:0;
 display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px)}
.lp-clock::before{content:"";position:absolute;left:0;right:0;top:26px;height:2px;border-radius:2px;
 background:linear-gradient(90deg,rgba(103,201,240,.55),var(--accent) 55%,rgba(240,161,58,0));z-index:0}
.lp-clock li{position:relative;z-index:1;padding-top:66px}
.lp-clock li::before{content:attr(data-t);position:absolute;left:0;top:0;height:52px;padding:0 15px;
 display:grid;place-items:center;border-radius:999px;white-space:nowrap;
 font-family:'DM Mono',monospace;font-size:12.5px;letter-spacing:.06em;color:var(--cream);
 background:var(--navy-deep);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}
.lp-clock li:first-child::before{border-color:rgba(103,201,240,.6);color:#bfe6f7}
.lp-clock li:last-child::before{background:linear-gradient(180deg,#ea4a44,#c2211c);border-color:transparent;color:#fff}
.lp-clock h3{font-family:'Barlow Condensed',sans-serif;font-size:var(--t-h3);font-weight:700;
 color:#fff;margin:0 0 9px;line-height:1.18}
.lp-clock p{margin:0;font-size:14.5px;line-height:1.62;color:var(--cream-dim)}
@media (max-width:1040px){
 .lp-clock{grid-template-columns:repeat(2,1fr);row-gap:32px}
 .lp-clock::before{display:none}
}
@media (max-width:640px){
 .lp-clock{grid-template-columns:1fr;row-gap:26px}
 .lp-clock li{padding-top:0;padding-left:104px;min-height:52px}
}

/* ═══════════════════════════════════════════════════════════════
   17. PREMIUM INTERACTION LAYER
   Buttons, beacons and micro-interactions. Every animation here is
   disabled under prefers-reduced-motion (see the guard at the end).
   ═══════════════════════════════════════════════════════════════ */

/* ── primary CTA: layered, with a specular sweep on hover ──── */
.lp-cta{position:relative;overflow:hidden;isolation:isolate;
 background:linear-gradient(180deg,#f05a52 0%,#dc2626 46%,#a81b17 100%);
 border:1px solid rgba(255,255,255,.13);
 box-shadow:
  0 1px 0 rgba(255,255,255,.34) inset,
  0 -1px 0 rgba(0,0,0,.34) inset,
  0 2px 4px rgba(0,0,0,.28),
  0 12px 26px -10px rgba(220,38,38,.62),
  0 24px 54px -22px rgba(220,38,38,.5);
 transition:transform .18s cubic-bezier(.34,1.32,.58,1),
            box-shadow .22s ease, filter .22s ease}
/* the sheen */
.lp-cta::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:42%;z-index:-1;
 background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);
 transform:skewX(-18deg);opacity:0;pointer-events:none}
.lp-cta:hover,.lp-cta:focus-visible{transform:translateY(-2px);filter:saturate(1.06);
 box-shadow:
  0 1px 0 rgba(255,255,255,.42) inset,
  0 -1px 0 rgba(0,0,0,.34) inset,
  0 3px 6px rgba(0,0,0,.3),
  0 20px 38px -12px rgba(220,38,38,.78),
  0 36px 74px -26px rgba(220,38,38,.6)}
.lp-cta:hover::after,.lp-cta:focus-visible::after{animation:lpSheen .78s cubic-bezier(.32,.6,.36,1) forwards}
@keyframes lpSheen{0%{left:-60%;opacity:0}12%{opacity:1}100%{left:118%;opacity:0}}
.lp-cta:active{transform:translateY(0) scale(.988);
 box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 -1px 0 rgba(0,0,0,.4) inset,
            0 4px 12px -4px rgba(220,38,38,.6)}

/* ── ghost button: glass, gold on approach ─────────────────── */
.lp-ghost{position:relative;overflow:hidden;
 background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
 -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
 border:1px solid rgba(244,241,235,.2);
 box-shadow:0 1px 0 rgba(255,255,255,.09) inset,0 10px 26px -16px rgba(0,0,0,.85);
 transition:transform .18s cubic-bezier(.34,1.32,.58,1),border-color .22s ease,
            color .22s ease,box-shadow .22s ease,background .22s ease}
.lp-ghost:hover,.lp-ghost:focus-visible{transform:translateY(-2px);
 border-color:rgba(200,155,60,.62);color:var(--gold);
 background:linear-gradient(180deg,rgba(200,155,60,.11),rgba(200,155,60,.025));
 box-shadow:0 1px 0 rgba(255,255,255,.13) inset,0 18px 34px -18px rgba(200,155,60,.42)}
.lp-ghost:active{transform:translateY(0) scale(.988)}

/* ── focus ring that looks designed rather than default ────── */
.lp a:focus-visible,.lp summary:focus-visible,.lp button:focus-visible,
.lp input:focus-visible + .lp-sym-row{outline:none;
 box-shadow:0 0 0 2px var(--navy-deep),0 0 0 4px var(--gold),0 0 20px -2px rgba(200,155,60,.55)}

/* ── dispatch beacon: a status LED that breathes, not a dot ── */
.lp-dispatch{overflow:hidden}
.lp-dispatch::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(120% 80% at 12% 0%,rgba(74,222,128,.14),transparent 62%)}
.lp-dispatch-top{position:relative;z-index:1}
.lp-dispatch-top::before{background:var(--green);
 box-shadow:0 0 10px rgba(74,222,128,.95),0 0 22px rgba(74,222,128,.5);
 animation:lpBeacon 3.4s cubic-bezier(.4,0,.6,1) infinite}
@keyframes lpBeacon{
 0%   {opacity:.35;box-shadow:0 0 4px rgba(74,222,128,.5)}
 8%   {opacity:1;  box-shadow:0 0 12px rgba(74,222,128,1),0 0 26px rgba(74,222,128,.66)}
 20%  {opacity:.5; box-shadow:0 0 6px rgba(74,222,128,.6)}
 28%  {opacity:1;  box-shadow:0 0 12px rgba(74,222,128,1),0 0 26px rgba(74,222,128,.6)}
 48%  {opacity:.32;box-shadow:0 0 4px rgba(74,222,128,.45)}
 100% {opacity:.32;box-shadow:0 0 4px rgba(74,222,128,.45)}}
/* a slow sweep across the card, like a scope refreshing */
.lp-dispatch::after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;
 pointer-events:none;
 background:linear-gradient(180deg,transparent,rgba(74,222,128,.09),transparent);
 animation:lpSweep 7s linear infinite}
@keyframes lpSweep{0%{transform:translateY(0)}100%{transform:translateY(360%)}}
.lp-dispatch-n{position:relative;z-index:1;
 text-shadow:0 0 26px rgba(255,255,255,.22)}
.lp-dispatch-l{position:relative;z-index:1}

/* the hero eyebrow dot gets the same beacon rhythm */
.lp-eyebrow::before{animation:lpBeacon 3.4s cubic-bezier(.4,0,.6,1) infinite}

/* ── pointer-tracked highlight on cards (set by JS) ────────── */
.lp-card,.lp-review,.lp-vs-card,.lp-town,.lp-rel a{position:relative}
.lp-card::after{background:
 radial-gradient(80% 55% at 0% 0%,rgba(220,38,38,.10),rgba(220,38,38,0) 70%),
 radial-gradient(260px 180px at var(--mx,-500px) var(--my,-500px),
                 rgba(255,255,255,.09),transparent 70%)}
.lp-review::before,.lp-vs-card--good::after,.lp-town::before{content:"";position:absolute;inset:0;
 pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .3s ease;
 background:radial-gradient(240px 170px at var(--mx,-500px) var(--my,-500px),
            rgba(255,255,255,.075),transparent 70%)}
.lp-review:hover::before,.lp-vs-card--good:hover::after,.lp-town:hover::before{opacity:1}
.lp-review{transition:transform .2s cubic-bezier(.34,1.3,.6,1),border-color .22s ease,box-shadow .22s ease}
.lp-review:hover{transform:translateY(-3px);border-color:rgba(200,155,60,.3);
 box-shadow:0 26px 54px -28px rgba(0,0,0,1)}

/* ── refined details ───────────────────────────────────────── */
.lp ::selection{background:rgba(220,38,38,.32);color:#fff}
.lp{font-variant-numeric:tabular-nums lining-nums}
.lp-h2,.lp-hero h1{font-variant-numeric:normal}
.lp-price-fig,.lp-credit-fig,.lp-stats strong,.lp-dispatch-n{font-variant-numeric:tabular-nums}
/* hairlines that fade at both ends rather than stopping dead */
.lp-price-row{border-bottom:0;position:relative}
.lp-price-row::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
 background:linear-gradient(90deg,rgba(244,241,235,.02),rgba(244,241,235,.13) 14%,
                            rgba(244,241,235,.13) 86%,rgba(244,241,235,.02))}
.lp-faq summary::after{transition:transform .32s cubic-bezier(.34,1.4,.6,1),opacity .2s}
.lp-faq summary:hover::after{opacity:.85}
.lp-rel a::after{transition:transform .22s cubic-bezier(.34,1.4,.6,1)}
.lp-rel a:hover::after{transform:translateX(4px)}
.lp-sym-row{will-change:transform}
.lp-sym-row:active{transform:scale(.995)}

/* ── reduced motion: hold everything still ─────────────────── */
@media (prefers-reduced-motion:reduce){
 .lp-cta,.lp-ghost,.lp-review,.lp-sym-row{transition:none!important}
 .lp-cta::after,.lp-dispatch::after,.lp-dispatch-top::before,.lp-eyebrow::before{animation:none!important}
 .lp-dispatch-top::before,.lp-eyebrow::before{opacity:1}
 .lp-cta:hover,.lp-ghost:hover,.lp-review:hover{transform:none!important}
}