:root{--ink:#101114;--paper:#fff8ed;--hot:#ff4d24;--sun:#ffc928;--blue:#2764ff;--pink:#ff5da2;--mint:#31d0aa;--line:rgba(255,255,255,.14)}
body{background:var(--ink);color:var(--paper)}
.header{background:rgba(16,17,20,.72);border-bottom:1px solid rgba(255,255,255,.08)}
.logo{color:var(--sun)}.btn.gold{background:var(--hot);border-color:var(--hot);color:white}.eyebrow{color:var(--sun)}
.hero-v2{min-height:100svh;background:radial-gradient(circle at 78% 18%,rgba(39,100,255,.28),transparent 26%),radial-gradient(circle at 16% 82%,rgba(255,93,162,.2),transparent 25%),#101114;overflow:hidden}
.hero-v2:after{background:linear-gradient(115deg,transparent 55%,rgba(255,201,40,.08) 55% 56%,transparent 56%)}
.hero-v2 h1{font-family:Inter,sans-serif;font-weight:500;letter-spacing:-.075em;line-height:.83}.hero-v2 h1 .outline{-webkit-text-stroke:1px var(--sun);color:transparent}.hero-v2-media{clip-path:polygon(12% 0,100% 7%,91% 100%,0 89%)}
.paint-swatch.a{background:var(--hot);filter:blur(20px)}.paint-swatch.b{background:var(--blue);filter:blur(18px)}
.trust-rail{background:var(--sun);color:#111}.system-section{background:var(--paper);color:#151515}.system-row{border-color:rgba(0,0,0,.14)}.system-row:hover{background:var(--sun);padding-left:2vw}.system-row>span:first-child,.process-step b{color:var(--hot)}
.paint-intro h2 em,.inner-hero h1 em,.manifesto-big em{color:var(--sun)}.process-v2-media{clip-path:polygon(0 7%,94% 0,100% 92%,8% 100%)}
.ppaint-band{background:var(--blue);color:white}.cta-v2{background:var(--hot)}.cta-v2 .eyebrow{color:#fff}.cta-v2:before,.cta-v2:after{border-color:rgba(255,255,255,.25)}
.inner-hero{background:radial-gradient(circle at 80% 20%,rgba(39,100,255,.2),transparent 30%),#101114}.ih-image{clip-path:polygon(10% 0,100% 8%,92% 100%,0 90%)}
.quote-process,.split-proof{background:var(--sun);color:#111}.price-ledger strong{color:var(--sun)}.estimate-stamp{border-color:var(--hot)}
.testimonials{padding:clamp(80px,10vw,150px) 0;background:var(--paper);color:#151515;overflow:hidden}.testimonials-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.testimonials h2{font-family:Inter,sans-serif;letter-spacing:-.055em}.testimonial-track{display:flex;gap:22px}.testimonial-card{min-width:min(560px,82vw);padding:38px;border-top:4px solid var(--hot);background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.08)}.testimonial-card:nth-child(2){border-color:var(--blue)}.testimonial-card:nth-child(3){border-color:var(--pink)}.testimonial-card blockquote{font:400 clamp(25px,3vw,42px)/1.08 'Cormorant Garamond',serif;margin:0 0 28px}.testimonial-card strong{display:block}.testimonial-card small{opacity:.6}
.color-ribbon{display:grid;grid-template-columns:1.2fr .8fr 1fr .65fr;height:24px}.color-ribbon i:nth-child(1){background:var(--hot)}.color-ribbon i:nth-child(2){background:var(--sun)}.color-ribbon i:nth-child(3){background:var(--blue)}.color-ribbon i:nth-child(4){background:var(--pink)}
@media(max-width:700px){.testimonials-head{display:block}.testimonial-track{overflow:auto;scroll-snap-type:x mandatory}.testimonial-card{scroll-snap-align:start}.hero-v2 h1{font-size:clamp(54px,18vw,90px)}}

/* V5 — robust before/after comparison */
.ba[data-before-after]{position:relative;overflow:hidden;--pos:50%;isolation:isolate;touch-action:pan-y;cursor:ew-resize}
.ba[data-before-after]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.ba[data-before-after] .after{position:absolute;inset:0;z-index:2;clip-path:inset(0 0 0 var(--pos));will-change:clip-path}
.ba[data-before-after] .after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba[data-before-after]::after{content:"";position:absolute;z-index:4;left:var(--pos);top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 18px rgba(0,0,0,.25)}
.ba[data-before-after] .handle{position:absolute;z-index:5;left:var(--pos);top:50%;width:58px;height:58px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;color:#101010;pointer-events:none;box-shadow:0 8px 30px rgba(0,0,0,.28)}
.ba[data-before-after] .handle::before{content:"‹  ›";position:absolute;inset:0;display:grid;place-items:center;font:700 24px/1 Inter,sans-serif;letter-spacing:4px;padding-left:4px}
.ba[data-before-after] input[type="range"]{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;appearance:none;-webkit-appearance:none;touch-action:pan-y}
.ba[data-before-after]::before{content:"BEFORE";position:absolute;z-index:5;left:18px;top:18px;padding:8px 11px;background:rgba(10,10,10,.72);color:#fff;font:600 10px/1 Inter,sans-serif;letter-spacing:.14em;pointer-events:none}
.ba[data-before-after] .after::after{content:"AFTER";position:absolute;right:18px;top:18px;padding:8px 11px;background:rgba(10,10,10,.72);color:#fff;font:600 10px/1 Inter,sans-serif;letter-spacing:.14em;pointer-events:none}
@media(max-width:600px){.ba[data-before-after] .handle{width:48px;height:48px}.ba[data-before-after] .handle::before{font-size:20px}.ba[data-before-after]::before,.ba[data-before-after] .after::after{top:12px;font-size:9px}}
