/* Design upgrade B (11-07), on top of v3: lime only on actions (Call, tap dots, drag line) + the one word in the headline.
   Panels go charcoal and stone. Loaded last. */
:root{--slab:#e4e5dc;--slab2:#d6d8cc;--rule:#4a4d43;--kick:#c9cbbd}

/* small labels and rules: stone, not lime */
.copy .k,.who .k,.layers .k,.info .k,.v3-how .k,.v3-now .k,.pt-help .k,.pt-film-cap .k{color:var(--kick)}
.info{border:1px solid var(--rule);background:#1f211c}
.info dt{color:var(--kick)}
.steps3 li{border-top:4px solid var(--rule);background:#23261f}
.steps3 b{color:#fff;-webkit-text-stroke:0}
.steps3 b::after{content:"";display:block;width:34px;height:4px;background:var(--rule);margin-top:10px}

/* WHAT WE FIX: charcoal room, stone slabs, the 3D objects sit on stone */
.pt-fix{background:radial-gradient(90% 60% at 100% 0%,rgba(207,209,196,.10),transparent 60%),var(--ink2);color:#fff}
.pt-fix header p{color:#d9dbcf}
.pt-fix h2{color:#fff}
.card{background:var(--slab);color:var(--ink);box-shadow:0 18px 36px rgba(0,0,0,.28)}
.card img{filter:drop-shadow(14px 20px 12px rgba(25,27,23,.28))}
.card .k{opacity:.6}
.card .go{color:#3d4037}
@media (hover:hover) and (pointer:fine){.card:hover{background:#eeefe7}}
@media (hover:none),(pointer:coarse){.card:hover{background:var(--slab)}}
.fixcta .btn.d{background:var(--lime);color:var(--ink)}
.pt-fix .btn:focus-visible{outline-color:var(--lime)}

/* request + reviews: ink rules instead of lime */
.req{border-top:6px solid var(--ink)}
.rev blockquote{border-left:6px solid var(--ink)}
.req button{background:var(--lime);color:var(--ink)}

/* phones: drop-shadow filters on the transparent renders paint a black tile in WebKit; use a soft floor shadow instead */
@media (hover:none),(pointer:coarse){
  .card img,.layers img{filter:none!important}
  .card{background:radial-gradient(60% 18% at 50% 52%,rgba(25,27,23,.16),transparent 70%),var(--slab)}
}
.pt-trust dt{color:#4a4d43}
footer,footer a,footer span{color:#b8bbae}
/* final pass 1107-155512: the before/after is a still picture (owner 11-07: no tools to operate). Half new roof, half storm. */
.pt-hero{--x:50%!important}
.pt-hero .grip,.pt-hero .hint{display:none!important}
.pt-hero .line{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25);width:3px;margin-left:-1.5px}
.pt-hero .scene .new{transition:none!important}
.pt-hero .tag.a{background:#fff;color:var(--ink)}
/* the "when you call" block starts clear of the hero, heading never at the screen edge */
.v3-how{padding-top:clamp(64px,9vw,110px)!important;scroll-margin-top:80px}
.v3-how h2{margin-top:10px}
.pt-hero .tag{opacity:1!important;display:block!important}
/* the charcoal world runs to the footer: stone only on the form card and review slabs */
.pt-trust{background:radial-gradient(80% 50% at 100% 0%,rgba(207,209,196,.08),transparent 60%),var(--ink2)!important;color:#fff}
.pt-trust h2,.pt-trust h3:not(.req h3){color:#fff}
.pt-trust dt{color:var(--kick)!important}
.pt-trust dd,.pt-trust dd a{color:#e4e5dc}
.pt-trust .req{background:var(--slab);color:var(--ink);border-top-color:var(--lime)}
.pt-trust .rev blockquote{background:var(--slab);color:var(--ink);padding:18px 20px}
.pt-trust .rev cite,.pt-trust .rev .note{color:#55594d}
.pt-trust > * > .note,.pt-trust .note{color:#c9cbbd}