/* Clear v3 (Oct 16): light, product-first, matches the Unplanned Holdings page. Generated from luxe2.css by mk_clear3.py + overrides below.
   (was Luxe v2: dark, lit, simple. For trades (HVAC, plumbing, auto, barbers...). No engraving.
   Per-trade tokens come from <style id="luxe2-theme">: --lx-night (base), --lx-hi (accent light). Instrument Sans throughout. */
:root{
  --display:'Inter Tight','Inter',system-ui,-apple-system,sans-serif;--body:'Inter',system-ui,-apple-system,sans-serif;
  --lx-bg:#FAF9F6;--lx-card:#FFFFFF;--lx-text:#15171C;--lx-soft:#5B616C;--lx-hair:#E6E2DA;--lx-hair2:color-mix(in srgb,var(--lx-hi) 45%,#E6E2DA);
  --lx-acc:var(--hi-ink,#15171C);
  --lx-glass:linear-gradient(#fff,#fff);
  --lx-edge:0 0 0 1px #E6E2DA,0 1px 2px rgba(20,22,28,.05),0 18px 40px -26px rgba(20,22,28,.28);
  color-scheme:light;
}
/* no engraving / wallpaper; lit background */
html{background:var(--lx-bg)!important;background-image:none!important}
#wall{display:none!important}
.sec:not(.offer):not(.end)>.wrap::before{display:none!important}
body{background:transparent!important;font-family:var(--body)!important;color:var(--lx-text)}
.lx{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#FAF9F6}
/* type */
h1,h2,h3{font-family:var(--display)!important;font-variation-settings:normal!important;font-weight:700!important;letter-spacing:-.028em!important}
h1{line-height:1.02!important}
.khero2 h1{font-size:clamp(40px,5.4vw,76px)!important}
.btn,.qi,.ikick,.kpick b,.chips button,.ct,.kmore,.linkbtn,.flabel,label,.menu-btn span{font-family:var(--body)!important;font-variation-settings:normal!important}
.ikick,.kpq b,.ct{letter-spacing:.14em!important;text-transform:uppercase}
/* bar */
.bar{background:color-mix(in srgb,var(--lx-bg) 96%,transparent)!important;border-bottom:1px solid var(--lx-hair)!important;box-shadow:none!important}
/* buttons: lit edge, light sweep */
.btn{border-radius:12px!important;font-weight:600!important;letter-spacing:.01em;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s!important}
.btn::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);pointer-events:none;opacity:0}
.btn:hover::after{animation:lxs .8s ease;opacity:1}
@keyframes lxs{from{left:-70%}to{left:130%}}
.btn-main{background:var(--lx-hi)!important;color:#15171C!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 30px -10px color-mix(in srgb,var(--lx-hi) 70%,transparent)!important}
.btn-main:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 40px -10px color-mix(in srgb,var(--lx-hi) 85%,transparent)!important}
.btn-line{background:#FFFFFF!important;border:1px solid #D9D4CA!important;color:var(--lx-text)!important}
.btn-line:hover{border-color:var(--lx-hi)!important}
/* hero photo: lit frame + sweep */
.kx{border-radius:20px!important;overflow:hidden;box-shadow:0 0 0 1px #E6E2DA,0 40px 80px -40px rgba(0,0,0,.9),0 0 90px -30px color-mix(in srgb,var(--lx-hi) 45%,transparent)!important}
.kx::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#D9D4CA 50%,transparent 65%);transform:translateX(-120%);z-index:5}
.kx.lx-swept::after{animation:lxsweep 1.6s cubic-bezier(.5,.1,.2,1) .3s 1}
@keyframes lxsweep{to{transform:translateX(120%)}}
/* glass cards: booking card + panels */
.icard{background:var(--lx-glass),var(--lx-card)!important;color:var(--lx-text)!important;border:0!important;border-radius:22px!important;box-shadow:var(--lx-edge),0 0 0 1px var(--lx-hair2)!important}
.icard h2,.icard b{color:var(--lx-text)!important}
.icard .ifine,.icard .iperks,.icard .iperks li,.icard .inext{color:var(--lx-soft)!important}
.ikick{color:var(--lx-acc)!important}
.kpicker{background:var(--lx-glass),color-mix(in srgb,var(--lx-card) 70%,transparent)!important;border:0!important;box-shadow:var(--lx-edge)!important;border-radius:20px!important}
.kpick{border:1px solid var(--lx-hair)!important;background:#FFFFFF!important;border-radius:14px!important;transition:border-color .25s,background .25s,transform .25s!important}
.kpick:hover{border-color:var(--lx-hair2)!important;background:color-mix(in srgb,var(--lx-hi) 8%,transparent)!important;transform:translateY(-2px)}
.kpick .ic,.kcard .ic{background:color-mix(in srgb,var(--lx-hi) 18%,#fff)!important;color:var(--lx-acc)!important;border-radius:10px!important}
/* sections: dark glass panels, text re-pointed */
.sec:not(.offer):not(.end)>.wrap{--ink:var(--lx-text);--soft:var(--lx-soft);--line:var(--lx-hair);--slate:var(--lx-text);--concrete:color-mix(in srgb,var(--lx-card) 60%,#2a2f35);
  background:var(--lx-glass),color-mix(in srgb,var(--lx-card) 82%,transparent)!important;color:var(--lx-text)!important;border-radius:26px!important;box-shadow:var(--lx-edge)!important}
.sec h2,.sec h3,.sec b,.sec summary{color:var(--lx-text)!important}
.sec .lede,.sec p,.sec li,.sec span{color:inherit}
.sec .lede{color:var(--lx-soft)!important}
.kcard{background:#FFFFFF!important;border:1px solid var(--lx-hair)!important;border-radius:16px!important;color:var(--lx-soft)!important;position:relative;transition:border-color .3s,background .3s,transform .3s!important}
.kcard::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),var(--lx-hi),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.kcard:hover{background:#FBFAF7!important;transform:translateY(-2px)}
.kcard:hover::before{opacity:1}
.kcard b{color:var(--lx-text)!important}
.kmore{color:var(--lx-text)!important;text-decoration-color:var(--lx-hair2)!important;text-underline-offset:4px}
.steps li{border-top-color:var(--lx-hi)!important}
.qs details{border-bottom-color:var(--lx-hair)!important}
/* offer: lit spotlight panel */
.offer{background:radial-gradient(90% 120% at 0% 0%,color-mix(in srgb,var(--lx-hi) 14%,transparent),transparent 60%),color-mix(in srgb,var(--lx-card) 90%,transparent)!important;box-shadow:var(--lx-edge),0 0 0 1px var(--lx-hair2)!important;border-radius:28px!important}
.offer .ostack li,.offer .guar>*{background:#FBFAF7!important;border:1px solid var(--lx-hair)!important;border-radius:14px!important}
.band{background:radial-gradient(80% 140% at 50% 0%,color-mix(in srgb,var(--lx-hi) 22%,transparent),transparent 70%),color-mix(in srgb,var(--lx-card) 92%,transparent)!important;color:var(--lx-text)!important;box-shadow:var(--lx-edge),0 0 0 1px var(--lx-hair2)!important}
.band h2,.band p{color:var(--lx-text)!important}.band p{color:var(--lx-soft)!important}
footer{background:color-mix(in srgb,var(--lx-bg) 90%,#000)!important;border-top:1px solid var(--lx-hair)}
/* chips + form (modal stays light for easy reading) */
.chips button{border-radius:10px!important}
@media (prefers-reduced-motion:reduce){.btn:hover::after,.kx.lx-swept::after{animation:none}}
/* remaining light boxes inside sections */
.sec .khow li,.sec .checks li,.sec .kplan,.sec .badges li,.sec .ktrust li{background:#FFFFFF!important;border:1px solid var(--lx-hair)!important;color:var(--lx-soft)!important;box-shadow:none!important}
.sec .kplan{background:var(--lx-glass),#FFFFFF!important;border-radius:18px!important}
.sec .kplan:last-child{box-shadow:0 0 0 1px var(--lx-hair2),0 0 60px -30px var(--lx-hi)!important}
.sec .kprice{color:var(--lx-acc)!important}
.sec .khow i{background:var(--lx-hi)!important;color:#15171C!important}
.sec .badges li{border-top:2px solid var(--lx-hi)!important}
.sec .kopt,.sec .krel a{background:#FFFFFF!important;border:1px solid var(--lx-hair)!important;color:var(--lx-text)!important;box-shadow:none!important}
.sec .kopt .kp{color:var(--lx-acc)!important}.sec .kopt p,.sec .kfine{color:var(--lx-soft)!important}
.sec .krel a:hover{border-color:var(--lx-hair2)!important;background:color-mix(in srgb,var(--lx-hi) 8%,transparent)!important}
.sec .chiplist li{background:#FBFAF7!important;border:1px solid var(--lx-hair)!important;color:var(--lx-text)!important}
.sec .ktable{background:#FFFFFF!important;color:var(--lx-text)!important}
.sec .ktable th{background:color-mix(in srgb,var(--lx-hi) 16%,var(--lx-card))!important;color:var(--lx-text)!important}
.sec .ktable td{border-bottom-color:var(--lx-hair)!important}
.sec .smsx{background:#FBFAF7!important;color:var(--lx-text)!important;border-color:var(--lx-hair)!important}
/* no active-section underline in the top bar */
.qi.on{box-shadow:none!important;border-color:transparent!important;text-decoration:none!important}
.qi-main{text-decoration:none!important;color:var(--lx-acc)!important}
.sec .mchips{background:color-mix(in srgb,var(--lx-card) 96%,transparent)!important}
.sec .mchips a{border-color:var(--lx-hair)!important;color:var(--lx-text)!important}
.sec .mchips a:hover{border-color:var(--lx-hi)!important}
.sec .rvc,.sec .mcard,.sec .mpkg{border:1px solid var(--lx-hair)}
.icard .iurg{background:color-mix(in srgb,var(--lx-hi) 14%,var(--lx-card))!important;border-color:var(--lx-hair2)!important;color:var(--lx-text)!important}
.icard .iurg p,.icard .iurg b{color:var(--lx-text)!important}
.sec .mtag{color:#15171C!important}

/* grouped menu (Oct 12) */
.menu .mtwo{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.menu details{border-radius:14px}
.menu details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:60px;padding:0 16px;border-radius:14px;border:1.5px solid rgba(127,127,127,.35);font:700 19px var(--body);cursor:pointer}
.menu details>summary::-webkit-details-marker{display:none}
.menu details>summary::after{content:'+';font-size:22px;line-height:1;opacity:.7}
.menu details[open]>summary::after{content:'–'}
.menu details>div{display:grid;gap:6px;padding:8px 0 4px 10px}
.menu details>div a{min-height:48px!important;font-size:16px!important;font-weight:600!important}
.menu .mlogin{min-height:40px!important;background:none!important;border:0!important;justify-content:center!important;font-size:14px!important;font-weight:600!important;opacity:.75;text-decoration:underline!important}

/* ===== Clear v3 overrides: the parts of the dark base the luxe selectors never touched ===== */
html,body{background:#FAF9F6!important}
.kx{box-shadow:0 0 0 1px #E6E2DA,0 30px 60px -32px rgba(20,22,28,.35)!important}
.kx::after{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%)!important}
.btn-main{box-shadow:0 8px 20px -10px color-mix(in srgb,var(--lx-hi) 80%,#000)!important}
.btn-line,.btn-line.light{background:#fff!important;border:1px solid #D9D4CA!important;color:#15171C!important}
/* top bar + menu */
.bar,.bar.solid{background:color-mix(in srgb,#FAF9F6 86%,transparent)!important;backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid #E6E2DA!important}
.logo,.bar .menu-btn,.qi,.bar a,.bar button{color:#15171C!important}
.logo svg circle{stroke:var(--lx-hi)}.logo svg path{stroke:#15171C!important}
.qi-main{color:var(--lx-acc)!important;font-weight:700!important}
.menu-btn{border-color:#E6E2DA!important;background:#fff!important}
.tcpop{background:#fff!important;color:#15171C!important;border:1px solid #E6E2DA!important;box-shadow:0 18px 40px -20px rgba(20,22,28,.3)!important}
.tcpop small{color:#5B616C!important}
.thumbbar{background:#fff!important;border-top:1px solid #E6E2DA!important}.thumbbar *{color:#15171C}
/* hero */
.khero,.khero2{background:transparent!important;color:#15171C!important}
.khero .khshade{display:none!important}
.kx-left h1,.khero h1,.khero2 h1{color:#15171C!important}
.kqbook span,#kxStart,.kxact .linkbtn,.kpq{color:#5B616C!important}
#kxStart b,.kxact b,.kpq b{color:#15171C!important}
.kxcard{background:#fff!important;color:#15171C!important;border:1px solid #E6E2DA!important;border-left:3px solid var(--lx-hi)!important}
.kxcmp .ct{background:rgba(20,22,28,.62)!important;color:#fff!important}
.kpick b,.kpick span{color:#15171C!important}.kpick small{color:#5B616C!important}
.kpicker .kpq,.kpicker p{color:#5B616C!important}
/* sections */
.sec:not(.offer):not(.end)>.wrap{border-radius:24px!important}
.sec .lede,.sec p{color:#5B616C}
.sec h2,.sec h3,.sec b,.sec summary,.sec strong{color:#15171C!important}
.offer{background:#fff!important;color:#15171C!important}
.offer h2,.offer h3,.offer b{color:#15171C!important}
.offer .lede,.offer p,.guar span,.ostack li span{color:#5B616C!important}
.ostack li em,.guar b{color:var(--lx-acc)!important}
.band{background:#15171C!important;color:#fff!important;box-shadow:none!important}
.band h2,.band b{color:#fff!important}.band p{color:#B7BCC5!important}
.band .btn-line{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}
/* inner pages */
.phero,.phero.plain{background:transparent!important;color:#15171C!important}
.phero h1{color:#15171C!important}.phero .sub,.phero p{color:#5B616C!important}
.crumbs{color:#5B616C!important}.crumbs a{color:#15171C!important}
/* footer */
footer{background:#fff!important;color:#5B616C!important;border-top:1px solid #E6E2DA!important}
footer a,footer button,footer li{color:#5B616C!important}
footer b,.ftcols h4,footer h4{color:#15171C!important}
.ftcols{border-bottom-color:#E6E2DA!important}
/* menu drawer */
.menu{background:#FAF9F6!important;color:#15171C!important}
.menu a,.menu summary,.menu b{color:#15171C!important}
.menu details>summary{border-color:#E6E2DA!important;background:#fff!important}
.menu details>div a{background:#fff!important;border:1px solid #E6E2DA!important}
/* misc */
summary::after{color:#8A8F98!important}
.qs details{background:#fff!important;border:1px solid #E6E2DA!important;border-radius:14px!important;margin-bottom:8px}
.qs details p{color:#5B616C!important}
.mcard,.mpkg,.rvc{background:#fff!important;border:1px solid #E6E2DA!important}
.mchips{background:#fff!important}.mchips a{border-color:#E6E2DA!important;color:#15171C!important}
.mtag{background:var(--lx-hi)!important;color:#15171C!important}
.steps li{background:#fff;border-top:3px solid var(--lx-hi)!important}
::selection{background:color-mix(in srgb,var(--lx-hi) 40%,#fff)}
/* menu sheet (layer) */
#layer .sheet{background:#FAF9F6!important;color:#15171C!important}
#layer .sheet h2,#layer .sheet h3,#layer .sheet b{color:#15171C!important}
.menu a,.menu button:not(.btn-main){background:#fff!important;color:#15171C!important;border:1px solid #E6E2DA!important}
.menu .btn-main{color:#15171C!important}
.sheet .x,.sheet [data-close]{background:#fff!important;color:#15171C!important;border:1px solid #E6E2DA!important}
.phero .sub{font-weight:400!important;color:#5B616C!important;font-size:18px!important;line-height:1.55!important}
/* photo page heroes keep white text on the photo */
.phero:has(>img){background:#15171C!important}
.phero:has(>img) h1,.phero:has(>img) .sub,.phero:has(>img) p,.phero:has(>img) .crumbs,.phero:has(>img) .crumbs a,.phero:has(>img) .crumbs span{color:#fff!important}
.phero:has(>img) .sub{color:rgba(255,255,255,.86)!important}
/* Ridgeline (roofing flagship) parts */
.tleft h1,#h1{color:#15171C!important}
.seapick .seal{color:#5B616C!important}
.seapick .chips button{background:#fff!important;border:1px solid #E6E2DA!important;color:#15171C!important}
.seapick .chips button small,.seapick .chips button span{color:#5B616C!important}
.seapick .chips button[aria-checked="true"],.seapick .chips button.on{background:color-mix(in srgb,var(--lx-hi) 22%,#fff)!important;border-color:var(--lx-hi)!important}
.layers li>div{background:#fff!important;border:1px solid #E6E2DA!important;color:#5B616C!important}
.layers li>div b{color:#15171C!important}.layers li>div span{color:#5B616C!important}
.layers li>div a{color:#15171C!important}
.why{color:#5B616C!important}
.kpis,.stats{color:#15171C}
.layers li{background:transparent!important}.layers li>div{height:100%}
.tleft .inext,.tleft small,.tleft .hnext,.tleft p:not(.why){color:#5B616C!important}
.top .topgrid,.qbook{color:#5B616C!important}.qbook b{color:#15171C!important}
/* "Is this your place?" satellite confirm under the booking address */
.amap{margin:10px 0 4px;border:1px solid #E6E2DA;border-radius:16px;overflow:hidden;background:#fff}
.amapf{position:relative;background:#E9EDF0}
.amapf iframe{display:block;width:100%;aspect-ratio:16/10;border:0}
.amap figcaption{padding:12px 14px;display:grid;gap:10px}
.amq{margin:0;display:grid;gap:2px;font-size:15px;color:#15171C}
.amarea{font-size:14px;color:#5B616C}.amarea.in{color:#2F8A5B}.amarea.out{color:#A15C07}
.amb{display:flex;gap:8px;flex-wrap:wrap}.amb .btn{min-height:42px!important;padding:0 14px!important;font-size:15px!important}
.amdone{margin:0;font-weight:600;color:#2F8A5B}
.amap.ok .amapf iframe{aspect-ratio:16/6}
.qbook *,.qbook span{color:#5B616C!important}.qbook b{color:#15171C!important}
/* hero without a photo yet (new trades) */
.khero.nophoto .sub,.khero.nophoto p,.khero.nophoto .lede{color:#5B616C!important}
@media (min-width:901px){.khero.nophoto .kgrid{padding-bottom:70px}}

/* Oct 29: boxed FAQ items need side padding (text was touching the border) */
.qs details{padding:2px 20px!important}
.qs summary{gap:16px}
@media (max-width:560px){.qs details{padding:2px 16px!important}}