/* Carlsbad Kitchen Remodeling Pros: main stylesheet. Generated by build/gen_css.py from the
   static build styles.css ("Bluff" identity) plus build/css/conversion.css. Tokens: style.css. */
/* Bluff identity, Carlsbad build. Ink primary, ocean accent, paper ground, shell tint,
   terracotta reserved for CTAs. */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font:400 16.5px/1.62 var(--sans);text-wrap:pretty}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;margin:0 0 .5em;line-height:1.12}
h1{font-size:clamp(30px,3.2vw,45px)}
h2{font-size:clamp(25px,2.6vw,36px)}
h3{font-size:21px;font-family:var(--sans);font-weight:700;letter-spacing:-.005em;line-height:1.3}
h4{font-size:17px;font-family:var(--sans);font-weight:700}
p{margin:0 0 1.05em}
a{color:var(--ocean-2);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--ink-2)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:99;background:var(--ink-2);color:#fff;padding:10px 16px}
:focus-visible{outline:2.5px solid var(--ocean);outline-offset:2px}
/* header */
.site-head{position:sticky;top:0;z-index:60;background:var(--white);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;flex:0 0 auto}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;font:600 15px var(--sans);text-decoration:none;border:1.5px solid transparent;background:var(--ocean);color:#fff;cursor:pointer;transition:.15s}
.btn:hover{background:var(--ocean-2);color:#fff}
.btn-lg{padding:15px 26px;font-size:15.5px}
.btn-o{background:transparent;border-color:var(--ink-2);color:var(--ink-2)}
.btn-o:hover{background:var(--ink-2);color:#fff}
.btn-call{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.btn-call:hover{background:#fff;color:var(--ink-2)}
/* drawer */
.drawer{position:fixed;inset:0;z-index:80;background:rgba(13,30,21,.55);visibility:hidden;opacity:0;transition:.2s}
/* hero */
.mhero{position:relative;background:var(--ocean-dk);overflow:hidden}
.chip{display:inline-block;font:600 11.5px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--ocean-lt);margin:0 0 14px;border-left:2px solid var(--ocean);padding-left:10px}
.lede p{font-size:17.5px;color:#e2e8e0;margin-bottom:.8em}
.lede strong,.lede a{color:#fff}
.callrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.credrow{list-style:none;display:flex;flex-wrap:wrap;gap:8px 26px;margin:24px 0 0;padding:0}
.credrow li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#c6d2c8;font-weight:500}
.credrow svg,.points svg,.proofbar svg,.credbadge svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:var(--ocean-lt);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* lead card */
.leadcard{background:var(--white);border:1px solid var(--line);box-shadow:0 22px 50px rgba(11,25,17,.28);padding:26px}
.leadcard h2{font-size:25px;margin-bottom:.2em}
.leadcard .sub{font-size:13.5px;color:var(--muted);margin-bottom:16px}
.field{margin-bottom:11px}
.field label{display:block;font:600 12px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);margin-bottom:5px}
.field input,.field textarea,.field select{width:100%;padding:11px 12px;border:1px solid var(--line-2);background:var(--shell-lt);font:400 15px var(--sans);color:var(--ink)}
.field textarea{height:62px;resize:vertical}
.leadcard .btn{width:100%;margin-top:5px}
.trustline{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin:14px 0 6px}
.trustline svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:var(--ocean);stroke-width:1.6}
.formnote{font-size:12.5px;color:var(--muted);margin:0}
/* proof + credentials */
.proofbar{background:var(--ink-deep);color:#fff}
.proofbar ul{list-style:none;max-width:var(--maxw);margin:0 auto;padding:24px 32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.proofbar li{display:flex;gap:11px}
.proofbar b{display:block;font-size:14.5px;margin-bottom:3px}
.proofbar span{display:block;font-size:13px;color:#a9b8ac;line-height:1.5}
.credstrip{background:var(--shell-lt);border-bottom:1px solid var(--line)}
.credstrip .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 30px;padding-top:18px;padding-bottom:18px}
.credstrip .lab{font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
.credbadge{display:flex;gap:9px;align-items:center}
.credbadge b{display:block;font-size:14px}
.credbadge span{display:block;font-size:12.5px;color:var(--muted)}
.introband{border-top:1px solid var(--line);margin-top:4px;padding-top:18px}
.introband p{margin:0;font-size:16.5px;color:var(--muted);max-width:92ch}
/* sections */
section{padding:clamp(44px,5vw,74px) 0}
.band{background:var(--shell-lt)}
.band-deep{background:var(--ocean-dk);color:#fff}
.band-deep h2,.band-deep h3{color:#fff}
.band-deep p{color:#c3d0c5}
.band-deep a{color:var(--ocean-lt)}
.band-deep .tablewrap{background:var(--white);border:1px solid rgba(255,255,255,.14)}
.band-deep .ptable{background:var(--white);color:var(--ink)}
.band-deep .ptable th,.band-deep .ptable td{border-color:var(--line)}
.band-deep .ptable tbody th{background:var(--shell-lt);color:var(--ink)}
.band-deep .ptable tbody td{color:var(--ink)}
.band-deep .ptable a{color:var(--ocean-2);text-decoration:underline;text-underline-offset:3px}
.band-deep .ptable a:hover{color:var(--ink-2)}
.band-deep li,.band-deep .blist li{color:#c3d0c5}
.band-deep .slist a,.band-deep .acc a{color:var(--ocean-lt)}
.band-deep details,.band-deep summary{color:#e6ece7;border-color:rgba(255,255,255,.2)}
.sechead{max-width:78ch;margin-bottom:34px}
.sechead.ctr{margin-left:auto;margin-right:auto;text-align:center}
.sechead p{font-size:17px;color:var(--muted);margin-bottom:0}
.band-deep .sechead p{color:#b8c7ba}
.eyebrow{display:block;font:600 11.5px var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--ocean-2);margin-bottom:10px}
.band-deep .eyebrow{color:var(--ocean-lt)}
.prose p:last-child{margin-bottom:0}
/* before after */
.ba{position:relative;overflow:hidden;user-select:none;touch-action:pan-y;border:1px solid rgba(255,255,255,.18)}
.ba img{width:100%;display:block}
.ba img.after{position:absolute;inset:0;height:100%;object-fit:cover;clip-path:inset(0 0 0 50%)}
.ba .balab{position:absolute;bottom:14px;z-index:3;background:rgba(13,30,21,.8);color:#fff;font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:6px 11px}
.ba .balab.l{left:14px}
.ba .balab.r{right:14px}
.ba .handle{position:absolute;top:0;left:50%;width:46px;height:100%;margin-left:-23px;z-index:4;cursor:ew-resize;touch-action:none}
.ba .handle:before{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background:#fff}
.ba .handle:after{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;color:var(--ink-2);font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.baspl{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
.bagrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
/* tiers / tables */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:38px}
.tier{border:1px solid var(--line);padding:24px;background:var(--white)}
.tier.pop{border-color:var(--ocean);border-width:2px}
.tlab{display:block;font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ocean-2);margin-bottom:8px}
.trange{display:block;font-family:var(--serif);font-size:27px;color:var(--ink-2);margin-bottom:10px}
.tier p{font-size:15px;color:var(--muted);margin:0}
.tablewrap{overflow-x:auto}
.ptable{width:100%;border-collapse:collapse;font-size:15px;background:var(--white)}
.ptable th,.ptable td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.ptable thead th{background:var(--ink-2);color:#fff;font:600 12.5px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.ptable tbody th{font-weight:600;background:var(--shell-lt);width:30%}
.tsplit{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:34px;align-items:start}
.tsplit .lead{grid-column:1/-1;font-size:17px;color:var(--muted)}
.aside{background:var(--shell-lt);border-left:3px solid var(--ocean);padding:22px;font-size:15px}
.aside .kick{font-family:var(--serif);font-size:20px;line-height:1.3;color:var(--ink-2)}
.aside p:last-child{margin-bottom:0}
/* split image blocks */
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;align-items:center;margin-bottom:52px}
.split:last-child{margin-bottom:0}
.split.flip .prose{order:2}
.split figure{margin:0}
.twocol{columns:2;column-gap:40px;margin-top:34px}
.twocol .span,.twocol h3{column-span:all}
/* cards */
.scards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.scard{border:1px solid var(--line);background:var(--white)}
.scard .block{display:block;text-decoration:none;color:inherit;height:100%}
.scard img{aspect-ratio:3/2;object-fit:cover}
.sc-in{padding:18px}
.sc-in h3{font-size:17.5px;margin-bottom:6px}
.sc-in p{font-size:14.5px;color:var(--muted);margin-bottom:10px}
.more{font:600 13px var(--sans);color:var(--ocean-2)}
.ccards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ccards a{display:block;padding:22px;border:1px solid rgba(255,255,255,.2);text-decoration:none;background:rgba(255,255,255,.04)}
.ccards a:hover{background:rgba(255,255,255,.09)}
.ccards b{display:block;font-size:16.5px;color:#fff;margin-bottom:6px}
.ccards span{display:block;font-size:14px;color:#b8c7ba}
/* steps + points */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.step{border:1px solid var(--line);padding:22px;background:var(--white)}
.step .n{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ink-2);color:#fff;font:600 15px var(--sans);margin-bottom:12px}
.step h3{font-size:16.5px;margin-bottom:6px}
.step p{font-size:14.5px;color:var(--muted);margin:0}
.points{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px;margin:0;padding:0}
.points li{display:flex;gap:14px}
.points h3{font-size:17.5px;margin-bottom:5px}
.points p{font-size:15px;color:var(--muted);margin:0}
/* chips */
.chipgrid{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.chipgrid a{display:block;padding:9px 16px;border:1px solid rgba(255,255,255,.25);color:#fff;text-decoration:none;font-size:14.5px}
.chipgrid a:hover{background:#fff;color:var(--ink-2)}
.pills{list-style:none;display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0}
.pills a{display:block;padding:8px 15px;border:1px solid var(--line);background:var(--white);text-decoration:none;font-size:14.5px;color:var(--ink)}
.pills a:hover{border-color:var(--ocean);color:var(--ocean-2)}
.citygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.citygrid a{display:block;padding:16px 18px;border:1px solid var(--line);background:var(--white);text-decoration:none;color:var(--ink);font-weight:600}
.citygrid a:hover{border-color:var(--ocean)}
.citygrid span{display:block;font-weight:400;font-size:13.5px;color:var(--muted);margin-top:3px}
/* accordion */
.acc details{border-bottom:1px solid var(--line)}
.acc summary{cursor:pointer;padding:17px 34px 17px 0;font:600 17px var(--sans);position:relative;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary:after{content:"+";position:absolute;right:4px;top:14px;font-size:23px;color:var(--ocean);font-weight:400}
.acc details[open] summary:after{content:"–"}
.acc .body{padding:0 0 18px;color:var(--muted);font-size:15.5px;max-width:80ch}
.acc .body p:last-child{margin-bottom:0}
/* body two-column */
.pcols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:52px;align-items:start}
.psec{min-width:0}
.psec section{padding:0 0 clamp(38px,4vw,56px)}
.psec .wrap{padding:0;max-width:none}
.rail{position:sticky;top:104px;display:grid;gap:18px}
.railcta{background:var(--ink-2);color:#fff;padding:24px}
.railcta h3{color:#fff;font-size:19px}
.railcta p{font-size:14.5px;color:#c3d0c5}
.railcta .btn{width:100%}
.railbox{border:1px solid var(--line);padding:22px;background:var(--shell-lt)}
.railbox h3{font-size:16px;margin-bottom:10px}
.railbox ul{margin:0;padding-left:18px;font-size:14.5px;color:var(--muted)}
.railbox li{margin-bottom:7px}
.secnum{display:inline-block;font:600 11.5px var(--sans);letter-spacing:.16em;color:var(--ocean-2);margin-bottom:8px}
figure{margin:0}
figcaption{font-size:13px;color:var(--muted);margin-top:8px}
/* cta band */
.mcta{background:var(--ocean-dk);color:#fff;text-align:center}
.mcta h2{color:#fff}
.mcta p{color:#c3d0c5;max-width:62ch;margin-left:auto;margin-right:auto}
.mcta .btnrow{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:24px}
.mcta .fine{font-size:13px;color:#a9b8ab;margin-top:20px}
.mcta .eyebrow{color:var(--ocean-lt)}
.mcta a:not(.btn){color:#fff;text-decoration:underline}
.mcta a:not(.btn):hover{color:var(--ocean-lt)}
/* footer */
.site-foot{background:var(--ink-deep);color:#c3d0c5;padding:58px 0 26px;font-size:14.5px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px}
.site-foot h3{color:#fff;font-family:var(--sans);font-size:13px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin-bottom:8px}
.site-foot a{color:#c3d0c5;text-decoration:none}
.site-foot a:hover{color:var(--ocean-lt)}
.foot-brand b{display:block;font-family:var(--serif);font-size:21px;color:#fff;font-weight:400;margin-bottom:10px}
.foot-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(255,255,255,.13);margin-top:38px;padding-top:20px;font-size:13px;color:#8d989b}
@media(max-width:1080px){
#quote{order:-1}
.proofbar ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.pcols{grid-template-columns:minmax(0,1fr);gap:34px}
.rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
.scards,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.foot-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
.split,.tsplit,.points,.baspl{grid-template-columns:minmax(0,1fr);gap:26px}
.split.flip .prose{order:0}
.tiers,.ccards{grid-template-columns:minmax(0,1fr)}
.twocol{columns:1}
}
@media(max-width:760px){
.bagrid{grid-template-columns:minmax(0,1fr)}
.wrap,.head-in,.mhero-in{padding-left:18px;padding-right:18px}
}
@media(max-width:640px){
.scards,.steps,.rail,.foot-grid,.proofbar ul{grid-template-columns:minmax(0,1fr)}
body{padding-bottom:54px}
main section:last-of-type{padding-bottom:40px}
}
/* ---- page layout: type hero, full-bleed image band, panel feed with sticky rail ---- */
.ehero{background:var(--shell-lt);border-bottom:1px solid var(--line);padding:clamp(34px,4vw,58px) 0 clamp(30px,3.2vw,46px)}
.ehero-in{max-width:var(--maxw);margin:0 auto;padding:0 32px;display:grid;grid-template-columns:minmax(0,1.25fr) 400px;gap:52px;align-items:start}
.ehero .kicker{font:600 11.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ocean-2);margin:0 0 18px;display:flex;align-items:center;gap:12px}
.ehero .kicker:after{content:"";flex:1;height:1px;background:var(--line-2)}
.ehero h1{font-size:clamp(31px,3.9vw,52px);line-height:1.04;letter-spacing:-.02em;margin-bottom:.32em}
.ehero .lede{font-size:18px;color:var(--muted);max-width:58ch}
.ehero .lede strong{color:var(--ink)}
.ehero .lede a{color:var(--ocean-2)}
.ehero .lede a:hover{color:var(--ink-2)}
.credlist{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line-2)}
.credlist li{display:flex;gap:9px;align-items:center;padding:11px 20px 11px 0;border-bottom:1px solid var(--line-2);font-size:13.5px;font-weight:500}
.credlist svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:var(--ocean);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ehero .leadcard{border:1.5px solid var(--ink-2);box-shadow:0 18px 44px rgba(13,30,21,.14)}
.bleed{position:relative;background:var(--ink-deep)}
.bleed img{width:100%;height:clamp(230px,30vw,400px);object-fit:cover;display:block}
.bleed figcaption{position:absolute;inset:auto 0 0 0;background:linear-gradient(transparent,rgba(13,30,21,.85));color:#cfdad1;padding:56px 32px 16px;font-size:13px;text-align:center}
.stage{max-width:var(--maxw);margin:0 auto;padding:clamp(38px,4.2vw,58px) 32px 0;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;align-items:start}
.feed{min-width:0}
.panel{border:1px solid var(--line);background:var(--white);padding:clamp(24px,2.5vw,36px);margin-bottom:20px}
.panel:last-child{margin-bottom:0}
.panel.tint{background:var(--shell-lt)}
.panel.ink{background:var(--ocean-dk);border-color:var(--ocean-dk);color:#fff}
.panel.ink h2,.panel.ink h3{color:#fff}
.panel.ink p,.panel.ink li{color:#c3d0c5}
.panel.ink a{color:var(--ocean-lt)}
.panel.ink .ptable{background:transparent;color:#dce5de}
.panel.ink .ptable th,.panel.ink .ptable td{border-color:rgba(255,255,255,.22)}
.panel.ink .ptable tbody th{background:rgba(255,255,255,.06);color:#fff}
.panel>h2{margin-top:0;font-size:clamp(23px,2.4vw,32px)}
.panel h3{margin-top:1.5em;font-size:18px}
.panel h3:first-of-type{margin-top:1em}
.tag{display:inline-block;font:600 10.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ocean-2);border:1px solid var(--line-2);padding:4px 9px;margin-bottom:14px}
.panel.ink .tag{color:var(--ocean-lt);border-color:rgba(255,255,255,.3)}
.panel .ptable{margin-bottom:1.05em}
.blist{margin:0 0 1.05em;padding-left:20px}
.blist li{margin-bottom:8px}
.fill{background:#fdf1e4;border-bottom:1px dashed var(--ocean);padding:0 3px;font-weight:600;white-space:nowrap}
.panel.ink .fill,.band-deep .fill,.mcta .fill{background:rgba(255,255,255,.16);border-bottom-color:var(--ocean-lt);color:#fff}
.pintro p{font-size:17.5px}
.pintro p:last-child{margin-bottom:0}
.rail2{display:grid;gap:16px;position:sticky;top:96px}
.rcard{border:1px solid var(--line);background:var(--white);padding:22px}
.rcard.solid{background:var(--ink-2);border-color:var(--ink-2);color:#fff}
.rcard.solid h3{color:#fff}
.rcard.solid p{color:#c3d0c5}
.rcard h3{font-size:16.5px;margin-bottom:9px}
.rcard p{font-size:14.5px;color:var(--muted);margin-bottom:12px}
.rcard .btn{width:100%}
.rcard ul{list-style:none;margin:0;padding:0}
.rcard li{border-top:1px solid var(--line);font-size:14.5px}
.rcard li:first-child{border-top:0}
.rcard li a{display:block;padding:9px 0;text-decoration:none;color:var(--ink)}
.rcard li a:hover{color:var(--ocean-2)}
.rcard .why{list-style:none;margin:0;padding:0;font-size:14.5px;color:var(--muted)}
.rcard .why li{display:flex;gap:9px;padding:8px 0;border-top:1px solid var(--line)}
.rcard .why li:first-child{border-top:0;padding-top:0}
.rcard .why svg{width:16px;height:16px;flex:0 0 16px;margin-top:3px;fill:none;stroke:var(--ocean);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tel-lg{display:block;font-family:var(--serif);font-weight:600;font-size:26px;color:#fff;text-decoration:none;margin-bottom:4px}
.slist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.slist a{display:flex;gap:13px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);text-decoration:none;color:inherit;background:var(--white)}
.slist a:hover{border-color:var(--ocean)}
.slist img{width:62px;height:52px;object-fit:cover;flex:0 0 62px}
.slist b{display:block;font-size:15.5px;line-height:1.25;margin-bottom:3px}
.slist span{display:block;font-size:13px;color:var(--muted);line-height:1.4}
.erarow{display:grid;grid-template-columns:152px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.erarow:last-child{border-bottom:0;padding-bottom:0}
.erarow b{font-family:var(--serif);font-size:20px;display:block}
.erarow em{font-style:normal;display:block;font-size:12.5px;color:var(--ocean-2);margin-top:2px}
.erarow p{margin:0;font-size:15.5px;color:var(--muted)}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:p;list-style:none;margin:0;padding:0}
.pgrid li{counter-increment:p;border-top:2px solid var(--ocean);padding:16px 0 0}
.pgrid li:before{content:counter(p,decimal-leading-zero);display:block;font-family:var(--serif);font-size:15px;color:var(--ocean);letter-spacing:.08em;margin-bottom:8px}
.pgrid b{display:block;font-size:16.5px;margin-bottom:4px}
.pgrid p{margin:0;font-size:14.5px;color:var(--muted)}
.faq2{columns:2;column-gap:44px}
.faq2 details{break-inside:avoid}
@media(max-width:1080px){
.ehero-in{grid-template-columns:minmax(0,1fr);gap:30px}
.ehero-in #quote{order:-1}
.stage{grid-template-columns:minmax(0,1fr);gap:24px}
.rail2{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.ehero-in,.stage,.bleed figcaption{padding-left:18px;padding-right:18px}
.slist,.credlist,.erarow{grid-template-columns:minmax(0,1fr)}
.erarow{gap:6px}
.faq2{columns:1}
}
@media(max-width:640px){
.rail2,.pgrid{grid-template-columns:minmax(0,1fr)}
}
/* ---- hero: image as background, dark scrim, brand mark on dark ---- */
.ehero.hasbg{position:relative;overflow:hidden;background:var(--ink-2);border-bottom:none;padding:clamp(52px,6.4vw,96px) 0 clamp(52px,6.4vw,96px)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:0}
.ehero.hasbg:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(11,26,18,.94),rgba(11,26,18,.84) 48%,rgba(11,26,18,.52))}
.ehero.hasbg .ehero-in{position:relative;z-index:2}
.ehero.hasbg h1{color:#fff}
.ehero.hasbg .lede{color:#dde5de}
.ehero.hasbg .lede strong{color:#fff}
.ehero.hasbg .lede a{color:var(--ocean-lt)}
.ehero.hasbg .lede a:hover{color:#fff}
.ehero.hasbg .kicker{color:#e9b98f}
.ehero.hasbg .kicker:after{background:rgba(255,255,255,.3)}
.ehero.hasbg .btn-o{color:#fff;border-color:rgba(255,255,255,.62);background:transparent}
.ehero.hasbg .btn-o:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff}
.ehero.hasbg .credlist{border-top-color:rgba(255,255,255,.26)}
.ehero.hasbg .credlist li{border-bottom-color:rgba(255,255,255,.18);color:#f1f4f0}
.ehero.hasbg .credlist svg{stroke:var(--ocean-lt)}
.ehero.hasbg .leadcard{background:#fff;border-color:rgba(255,255,255,.55);box-shadow:0 26px 62px rgba(0,0,0,.42)}
/* section numbers kept in markup for our reference, hidden in the page */
.tag,.marknum,.eyebrow.num{display:none}
@media(max-width:760px){
body{padding-bottom:56px}
.nf-mount input,.nf-mount textarea,.nf-mount button,.btn{min-height:46px}
.ba .balab{font-size:12px}
.eyebrow,.ehero .kicker,.kicker{font-size:12px}
.ptable{font-size:14.5px}
.tablewrap{-webkit-overflow-scrolling:touch}
.ehero.hasbg{padding:34px 0 38px}
}
@media(max-width:640px){
.brand svg{width:30px;height:30px;flex:0 0 30px}
}
/* contrast fixes (audit) */
.btn:not(.btn-o):not(.btn-call){background:var(--cta);border-color:var(--cta);color:#fff}
.btn:not(.btn-o):not(.btn-call):hover{background:var(--cta-dk);border-color:var(--cta-dk);color:#fff}
.ba .balab{background:rgba(20,24,26,.88)}
/* ---- Bluff: display type, squared geometry, one ocean accent (10 Sep 2026) ---- */
body{background:var(--paper)}
h1,h2{font-family:var(--serif);font-weight:600;font-stretch:90%;letter-spacing:-.025em;line-height:1.03}
h1{font-weight:700;font-stretch:88%}
.brand span span:first-child,.foot-brand b,.tel-lg,.trange,.erarow b,.aside .kick,.leadcard h2,.phone-pill a{font-family:var(--serif);font-weight:700;font-stretch:90%;letter-spacing:-.02em}
.leadcard h2{text-transform:uppercase;font-size:22px;letter-spacing:-.01em}
.btn{text-transform:uppercase;letter-spacing:.11em;font-size:12.5px;font-weight:600}
.btn-lg{font-size:13px;padding:16px 26px}
.pgrid li:before,.step .n{font-family:var(--serif);font-weight:700}
.leadcard{box-shadow:0 22px 50px rgba(20,24,26,.22)}
.ehero.hasbg:before{background:linear-gradient(100deg,rgba(20,24,26,.94),rgba(20,24,26,.84) 48%,rgba(29,64,81,.55))}
.ehero.hasbg .kicker,.ehero.hasbg .lede a{color:#9dc6d6}
.ehero .leadcard{border-color:var(--ink)}
.bleed figcaption{background:linear-gradient(transparent,rgba(20,24,26,.85));color:#cdd6d9}
.fill{background:#e6eef2;border-bottom-color:var(--ocean)}
.proofbar span{color:#a7b3b6}
.band-deep p,.band-deep li,.band-deep .blist li,.panel.ink p,.panel.ink li,.mcta p,.railcta p,.rcard.solid p,.ccards span{color:#c3d0d5}
.band-deep .sechead p{color:#bac9cf}
.site-foot{color:#c2cbcd}
.site-foot a{color:#c2cbcd}
.foot-bot{color:#8d989b}
.credstrip{background:var(--shell)}
.pills a:hover,.citygrid a:hover,.slist a:hover,.scard:hover{border-color:var(--ocean)}
/* current page: self links are unlinked to a span, styled like the link it replaces */
.nav>li>span.cur{display:block;padding:10px 11px;font-size:14.5px;font-weight:600;color:var(--ocean);letter-spacing:.005em;white-space:nowrap}
.site-foot span.cur{color:#fff;font-weight:600}
.rcard li span.cur{display:block;padding:9px 0;color:var(--ocean);font-weight:600}
.citygrid>li>span.cur{display:block;height:100%;padding:16px 18px;border:1px solid var(--line);background:var(--white);color:var(--ocean);font-size:16.5px;line-height:1.62;font-weight:600;margin-top:0}
.citygrid>li>span.cur>span{display:block;font-weight:400;font-size:13.5px;line-height:1.5;color:var(--muted);margin-top:3px}
.slist>span.cur{display:flex;gap:13px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);background:var(--white);color:var(--ocean);font-size:15.5px;margin-top:0}
.pills>li>span.cur{display:block;padding:8px 15px;border:1px solid var(--line);background:var(--white);color:var(--ocean);font-size:14.5px;margin-top:0}
.slist span.cur{color:var(--ocean)}
.feed p span.cur,.panel span.cur:not(.tag):not(.fill){font-weight:600;color:var(--ocean-2)}
.panel.ink span.cur,.band-deep span.cur,.mcta span.cur{color:var(--ocean-lt)}
.brand.cur{display:flex;align-items:center;gap:11px;text-decoration:none}
/* CTA accent: warm terracotta so buttons never sit on a near-match blue */
.mcta .btn:not(.btn-o):not(.btn-call){background:var(--cta);border-color:var(--cta);color:#fff}
.mcta .btn:not(.btn-o):not(.btn-call):hover{background:var(--cta-dk);border-color:var(--cta-dk)}
.rcard.solid .btn,.railcta .btn{background:var(--cta);border-color:var(--cta);color:#fff}
.rcard.solid .btn:hover,.railcta .btn:hover{background:var(--cta-dk);border-color:var(--cta-dk)}
.tier.pop{border-color:var(--cta)}
.leadcard .btn,.nf-mount button{background:var(--cta);border-color:var(--cta);color:#fff}
.leadcard .btn:hover,.nf-mount button:hover{background:var(--cta-dk);border-color:var(--cta-dk)}

/* ==========================================================================
   WordPress conversion layer (carlsbad-kitchen-remodeling-child 1.0.0)
   Appended after the source styles.css by build/gen_css.py. Tokens live in style.css.
   ========================================================================== */

/* ---- Divi guards: no blank band above the header, parent header hidden ---- */
#ckr-page,#page-container{padding-top:0!important;margin-top:0!important}
#main-header,#top-header,#et-top-navigation{display:none!important}
:where(body.ckr) :is(h1,h2,h3,h4,h5,h6){padding-bottom:0;color:inherit}
:where(body.ckr) p{padding-bottom:0}
:where(body.ckr) ul{padding-bottom:0}
body.ckr{overflow-x:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---- header: single row, 84px, no utility bar ---- */
.site-head{position:sticky;top:0;z-index:80;background:var(--white);border-bottom:1px solid var(--line)}
.head-in{max-width:var(--maxw);margin:0 auto;padding:0 32px;height:84px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;text-decoration:none;color:var(--ink)}
.brand__mark{width:34px;height:34px;flex:0 0 34px}
.brand__txt{line-height:1.05;display:block}
.brand__l1{display:block;font-family:var(--serif);font-size:19px;font-weight:700;font-stretch:90%;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}
.brand__l2{display:block;font:600 10px var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--ocean);margin-top:2px}
.head-nav{flex:1 1 auto;display:flex;align-items:center;justify-content:safe flex-end;gap:16px;min-width:0}
.nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.nav__item{position:relative;margin:0;padding:0}
.navlink{display:flex;align-items:center;gap:5px;padding:10px 9px;margin:0;font:600 14.5px/1.2 var(--sans);letter-spacing:.005em;color:var(--ink-2);text-decoration:none;background:none;border:0;border-radius:0;cursor:pointer;white-space:nowrap;box-shadow:inset 0 -2px 0 transparent}
.navlink:hover,.navlink:focus-visible{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ocean)}
.navlink--current,.navlink--ingroup{color:var(--ocean);box-shadow:inset 0 -2px 0 var(--ocean)}
.navlink{-webkit-tap-highlight-color:transparent}
.navlink .ico--chev{width:12px;height:12px;flex:0 0 12px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;transition:transform .15s}
.nav__toggle[aria-expanded="true"] .ico--chev{transform:rotate(180deg)}

/* dropdown panels: closed by default; the open state outranks everything (MOBILE DRAWER rule 1) */
.menu{display:none;position:absolute;top:100%;left:0;z-index:5;min-width:290px;margin:0;padding:7px 0;list-style:none;background:var(--white);border:1px solid var(--line);box-shadow:0 18px 40px rgba(20,24,26,.13)}
.menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.menu--wide{min-width:600px;columns:2;column-gap:0}
.menu li{margin:0;break-inside:avoid}
.menu a,.menu .navlink--current{display:block;padding:8px 18px;font:400 14.5px/1.35 var(--sans);text-decoration:none;box-shadow:none}
.menu a{color:var(--ink-2)!important;background:var(--white)!important}
.menu a:hover,.menu a:focus-visible{color:var(--ink)!important;background:var(--shell-lt)!important}
.menu a:focus-visible{outline:2.5px solid var(--ocean);outline-offset:-2px}
.menu .navlink--current{color:var(--ocean)!important;background:var(--shell-lt)!important;font-weight:600}
.menu__all{column-span:all;border-top:1px solid var(--line);margin-top:6px!important;padding-top:4px!important}
.menu__all a,.menu__all .navlink--current{font-weight:600}
.menu.open{display:block!important}
/* Services: two headed columns (Kitchen & Cabinets, Bathroom Remodeling) */
.menu--cols{min-width:660px;padding:14px 0 6px}
.menu__cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:0 6px}
.menu__col ul{list-style:none;margin:0;padding:0}
.menu__h{margin:0 18px 6px!important;padding:0 0 7px!important;border-bottom:1px solid var(--line);font:600 11.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ocean-2)}
p.menu__all{margin:6px 0 0!important;padding:4px 0 0!important}
/* Divi guard: Divi 5 styles ".nav li ul" as a hidden 240px absolute dropdown and reveals only
   direct-child lists on hover. The header no longer carries a "nav" class; this guard keeps any
   nested list in our menus visible even if a plugin or Divi setting targets it again. */
#site-nav .menu ul,#site-nav .menu li{visibility:visible!important;opacity:1!important;transform:none!important}
#site-nav .menu__col ul{position:static!important;width:auto!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;float:none!important}
#site-nav .menu li a{width:auto!important;float:none!important}

@media (min-width:1081px){
/* The menu items fill the full header height, so a dropdown attaches to the bottom of the header
   with no gap and no invisible hover bridge reaching into the hero: a panel opens only while the
   pointer is on the menu item (or the header strip under it) or inside the panel itself. */
.head-nav{align-self:stretch;align-items:stretch}
.nav__list{align-items:stretch}
.nav__item{display:flex;align-items:center}
.nav__callwrap{align-self:center}
.menu::before{display:none}
/* Services mega panel (client reference, 1.1.3): starts at the left edge of the header content,
   ocean top line, two equal columns split by a hairline, grey indented links, tinted All Services
   bar. Positioned against .site-head (sticky = positioned). */
.head-in{position:static}
.nav__item--services{position:static}
.nav__item--services>.menu--cols{left:max(0px,calc(50% - 590px));right:auto;top:100%;width:min(818px,100vw);min-width:0;margin:0;padding:0;border:0;border-top:3px solid var(--ocean);background:var(--white);box-shadow:0 26px 50px rgba(20,24,26,.2)}
.hasmenu:hover>.nav__toggle,.nav__toggle[aria-expanded="true"]{background:var(--shell-lt)}
.menu--cols .menu__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:22px 0 12px}
.menu--cols .menu__col{padding:0 20px 0 21px}
.menu--cols .menu__col+.menu__col{border-left:1px solid var(--line);padding-left:22px}
.menu--cols .menu__h{margin:0 0 12px!important;padding:0!important;border:0;font:700 11.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.menu--cols .menu__col li a,.menu--cols .menu__col li .navlink--current{padding:8px 12px 8px 20px!important;font:400 14.5px/1.4 var(--sans)}
.menu--cols .menu__col li a{color:var(--muted)!important;background:transparent!important}
.menu--cols .menu__col li a:hover,.menu--cols .menu__col li a:focus-visible{color:var(--ink)!important;background:var(--shell-lt)!important}
.menu--cols .menu__col li .navlink--current{color:var(--ocean)!important;background:transparent!important;font-weight:600}
.menu--cols p.menu__all{margin:8px 0 0!important;padding:0!important;border-top:1px solid var(--line);background:var(--shell-lt)}
.menu--cols p.menu__all a,.menu--cols p.menu__all .navlink--current{display:block;padding:16px 21px!important;font:600 14.5px/1.3 var(--sans);color:var(--ink)!important;background:transparent!important}
.menu--cols p.menu__all a:hover{color:var(--ocean-2)!important;text-decoration:underline}
}
@media (hover:hover) and (pointer:fine) and (min-width:1081px){
.hasmenu:hover>.menu{display:block}
}

/* phone pill + credential line under it */
.nav__callwrap{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto}
.nav__call{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;background:var(--cta);text-decoration:none;white-space:nowrap;font-family:var(--serif);font-weight:700;font-stretch:90%;font-size:19px;letter-spacing:-.01em;line-height:1.1}
.nav__call:hover,.nav__call:focus-visible{background:var(--cta-dk)}
.nav__call,.nav__call span,.nav__call:hover,.nav__call:hover span{color:#fff!important}
.nav__call .ico{width:17px;height:17px;fill:none;stroke:#fff!important;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav__lic{font:600 10.5px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;white-space:nowrap}
.navtoggle{display:none!important}
.nav__scrim{display:none}

@media (max-width:1400px) and (min-width:1081px){
.navlink{padding:10px 7px;font-size:14px}
.nav__call{font-size:18px;padding:8px 13px}
}
@media (max-width:1240px) and (min-width:1081px){
.head-in{gap:12px;padding:0 20px}
.navlink{padding:10px 5px;font-size:13px}
.brand__l1{font-size:16px}
.brand__l2{font-size:9px}
.nav__call{font-size:16px;padding:8px 11px}
.nav__lic{font-size:9.5px}
.head-nav{gap:10px}
}

/* ---- mobile: logo left, burger right, the nav becomes the drawer ---- */
@media (max-width:1080px){
.head-in{height:68px;padding:0 18px}
.head-nav{display:none;position:fixed;top:68px;left:0;right:0;z-index:90;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:6px 18px 26px;background:var(--white);border-top:1px solid var(--line);box-shadow:0 24px 40px rgba(20,24,26,.18);max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.head-nav.open{display:flex!important}
.head-nav.open{z-index:90}
.nav__list{flex-direction:column;align-items:stretch}
.navlink{width:100%;justify-content:space-between;padding:15px 4px;font-size:16.5px;border-bottom:1px solid var(--line);box-shadow:none!important}
.navlink--current{color:var(--ocean)}
.navlink .ico--chev{width:16px;height:16px;flex-basis:16px}
.nav__toggle[aria-expanded="true"]{color:var(--ocean)}
.menu,.menu--wide{position:static;min-width:0;columns:1;padding:4px 0 10px 12px;border:0;box-shadow:none}
.menu::before{display:none}
.menu.open{display:block!important;columns:1}
.menu--cols{min-width:0;padding:4px 0 10px 12px}
.menu__cols{grid-template-columns:minmax(0,1fr);gap:10px}
.menu__h{margin:6px 4px 4px!important}
.menu a,.menu .navlink--current{padding:10px 4px;font-size:15.5px}
.menu a:hover{color:var(--cta-dk)!important;background:var(--white)!important}
.menu__all{border-top:0;margin-top:0!important}
.nav__callwrap{margin-top:20px;align-items:stretch}
.nav__call{justify-content:center;font-size:22px;padding:14px}
.nav__lic{margin-top:4px}
.navtoggle{display:flex!important;visibility:visible;opacity:1;pointer-events:auto;align-items:center;justify-content:center;width:48px;height:46px;margin-left:auto;padding:0;position:relative;z-index:95;background:var(--ink-2);border:0;border-radius:0;cursor:pointer}
.navtoggle__bars,.navtoggle__bars::before,.navtoggle__bars::after{display:block;width:22px;height:2px;background:#fff;position:relative;transition:transform .18s,background .18s}
.navtoggle__bars::before,.navtoggle__bars::after{content:"";position:absolute;left:0}
.navtoggle__bars::before{top:-7px}
.navtoggle__bars::after{top:7px}
.navtoggle[aria-expanded="true"] .navtoggle__bars{background:transparent}
.navtoggle[aria-expanded="true"] .navtoggle__bars::before{transform:translateY(7px) rotate(45deg)}
.navtoggle[aria-expanded="true"] .navtoggle__bars::after{transform:translateY(-7px) rotate(-45deg)}
.nav__scrim{display:block;position:fixed;inset:0;z-index:70;background:rgba(20,24,26,.55);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.nav__scrim.open{opacity:1;visibility:visible}
body.nav-open{overflow:hidden}
/* position:fixed containment guard (MOBILE DRAWER rule 4) */
body.ckr,body.ckr #ckr-page,body.ckr #et-main-area,body.ckr #et-boc,body.ckr .site-head,body.ckr .head-in{transform:none!important;filter:none!important;perspective:none!important;will-change:auto!important;contain:none!important;backdrop-filter:none!important}
body.ckr #et-boc,body.ckr #et-main-area,body.ckr #ckr-page{overflow:visible!important}
}
@media (max-width:640px){
.brand__mark{width:30px;height:30px;flex-basis:30px}
.brand__l1{font-size:16.5px}
.brand__l2{font-size:9px;letter-spacing:.24em}
}

/* ---- hero: compact, form on the right at <=440px, above-the-fold rule ---- */
.ehero.hasbg{padding:clamp(26px,3vw,40px) 0}
.ehero.hasbg .hero-bg{object-position:var(--hero-pos,center 58%)}
.ehero-in.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:44px;align-items:center}
.hero__copy{min-width:0}
.hero__form{width:100%;max-width:440px}
.ehero .lede{max-width:66ch;font-size:17px}
.ehero .lede p{margin-bottom:.7em}
.ehero .lede p:last-child{margin-bottom:0}
.btn-row--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;max-width:560px}
.btn-row--split .btn{width:100%;padding-left:14px;padding-right:14px;white-space:nowrap}
.hero--solo .ehero-in.hero__grid{grid-template-columns:minmax(0,1fr)}
@media (max-width:1080px){
.ehero-in.hero__grid{display:flex;flex-direction:column;align-items:stretch;gap:26px}
.hero__form{order:-1;max-width:none}
.ehero.hasbg{padding:22px 0 30px}
}
@media (max-width:560px){.btn-row--split{grid-template-columns:minmax(0,1fr)}}

/* ---- trust strip under the hero ---- */
.trustbar{background:var(--shell);border-bottom:1px solid var(--line)}
.trustbar__list{list-style:none;max-width:var(--maxw);margin:0 auto;padding:14px 32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 24px}
.trustbar__list li{display:flex;align-items:center;gap:9px;margin:0;font-size:13.5px;font-weight:500;color:var(--ink-2)}
.trustbar__list .ico{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:var(--ocean);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:960px){.trustbar__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.trustbar__list{padding:12px 18px}}

/* ---- lead box (theme shell around Ninja Forms) ---- */
.leadbox{background:var(--white);border:1.5px solid var(--ink);box-shadow:0 26px 62px rgba(0,0,0,.36);padding:24px 24px 20px;color:var(--ink)}
.leadbox__hd{text-align:center;margin-bottom:14px}
.leadbox__hd h2{font-family:var(--serif);font-weight:700;font-stretch:90%;text-transform:uppercase;font-size:23px;letter-spacing:-.01em;line-height:1.1;margin:0;color:var(--ink)}
.leadbox__sub{font-size:13.5px;color:var(--muted);margin:8px 0 0}
.form__fine{font-size:12.5px;line-height:1.5;color:var(--muted);margin:12px 0 0;text-align:center}
.form__fine a{color:var(--ocean-2);font-weight:600}
.leadform__fallback{font-size:15px;margin:0;padding:14px;background:var(--shell-lt);border:1px solid var(--line)}
.leadform__success{margin-top:12px;padding:14px;background:var(--shell-lt);border-left:3px solid var(--cta);font-size:14.5px}
.leadbox.is-sent .leadbox__bd{display:none}
.leadbox.is-sent .leadform__success{display:block}
.leadform__success[hidden]{display:none}
.leadbox.is-sent .leadform__success[hidden]{display:block}

/* ---- closing CTA band with the second form ---- */
.mcta{text-align:left}
.mcta__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:52px;align-items:center}
.mcta .btnrow{justify-content:flex-start}
.mcta p{margin-left:0;margin-right:0}
.mcta--solo{text-align:center}
.mcta--solo .mcta__grid{grid-template-columns:minmax(0,1fr)}
.mcta--solo p{margin-left:auto;margin-right:auto}
.mcta--solo .btnrow{justify-content:center}
@media (max-width:1080px){.mcta__grid{grid-template-columns:minmax(0,1fr);gap:30px}}
/* dark-section guard: the card stays dark-on-light inside dark bands */
:is(.cta,.hero--img,.hero--photo,.sect--ink) .leadbox h2,
:is(.cta,.hero--img,.hero--photo,.sect--ink) .leadbox label,
:is(.cta,.hero--img,.hero--photo,.sect--ink) .leadbox .nf-field-label,
:is(.cta,.hero--img,.hero--photo,.sect--ink) .leadbox input,
:is(.cta,.hero--img,.hero--photo,.sect--ink) .leadbox textarea{color:var(--ink)!important}
:is(.cta,.hero--img,.hero--photo,.sect--ink) .leadbox p,
:is(.cta,.hero--img,.hero--photo,.sect--ink) .leadbox .form__fine{color:var(--muted)!important}
:is(.cta,.hero--img,.hero--photo,.sect--ink) .leadbox a:not(.btn){color:var(--ocean-2)!important;text-decoration:none}
:is(.cta,.hero--img,.hero--photo,.sect--ink) .leadbox .leadform__success p{color:var(--ink)!important}

/* ---- rail tweaks (inline styles from the static build moved here) ---- */
.rcard__tight{margin-bottom:6px}
.rcard__note{margin:0!important}
.rcard .tel-lg{color:#fff}
.rcard li span.cur{display:block;padding:9px 0;color:var(--ocean);font-weight:600}
.rcard.solid .btn{width:100%}

/* ---- front-page service groups ---- */
.svcgroup{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.svcgroup__h{margin:0 0 4px!important;font-size:18px}
.svcgroup__aud{font-size:15px;color:var(--muted);margin:0 0 12px}

/* ---- self-link box parity: an unlinked current item keeps the anchor's box ---- */
.pills>li>span.cur{display:block;height:100%;padding:8px 15px;border:1px solid var(--line);background:var(--white);color:var(--ocean);font-size:14.5px;line-height:1.62;font-weight:600;margin-top:0}
.slist>span.cur{display:flex;gap:13px;align-items:flex-start;height:100%;padding:12px 14px;border:1px solid var(--line);background:var(--white);color:var(--ocean);font-size:16.5px;line-height:1.62;margin-top:0}
.citygrid>li>span.cur{display:block;height:100%;padding:16px 18px;border:1px solid var(--line);background:var(--white);color:var(--ocean);font-size:16.5px;line-height:1.62;font-weight:600;margin-top:0}
.citygrid>li>a{height:100%}
.slist>a{height:100%;font-size:16.5px;line-height:1.62}
.pills>li>a{height:100%;line-height:1.62}

/* ---- footer ---- */
@media (min-width:1081px){.foot-grid{grid-template-columns:1.35fr 1fr 1fr 1fr}}
.foot-brand .brand{margin-bottom:14px}
.foot-brand .brand__l1{color:#fff}
.foot-brand .brand__l2{color:var(--ocean-lt)}
.foot-brand .brand__mark rect[fill="#14181a"]{fill:#fff}
.foot-brand .brand__mark rect[fill="#fff"],.foot-brand .brand__mark path[fill="#fff"]{fill:var(--ink-deep)}
.foot-brand .brand__mark rect[stroke]{stroke:var(--ink-deep)}
.foot-lic{color:#8d989b}
.foot-stack .foot-col+.foot-col{margin-top:26px}
.site-foot span.cur{color:#fff;font-weight:600}

/* ---- sticky call bar: Call left, credential right, from first paint on mobile ---- */
.callbar{display:none}
@media (max-width:1080px){
.callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:75;align-items:center;gap:12px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:var(--ink-2);border-top:1px solid rgba(255,255,255,.15)}
.callbar__call{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:12px 16px;background:var(--cta);color:#fff!important;font:700 15.5px/1 var(--sans);text-decoration:none;min-height:46px}
.callbar__call .ico{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.9}
.callbar__lic{flex:1 1 auto;text-align:right;font:600 10.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#c3d0d5}
body.ckr{padding-bottom:66px}
.site-foot{padding-bottom:30px}
}

/* ---- reviews carousel (dormant until verified reviews are supplied) ---- */
.reviews{padding:clamp(34px,4vw,52px) 0;border-bottom:1px solid var(--line)}
.reviews__hd{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.reviews__btn{width:42px;height:42px;border:1px solid var(--line-2);background:var(--white);font-size:22px;cursor:pointer}
.reviews__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory}
.review{flex:0 0 min(340px,85vw);scroll-snap-align:start;margin:0;padding:22px;border:1px solid var(--line);background:var(--white)}
.review__stars{color:var(--cta);letter-spacing:.1em}

/* ---- misc ---- */
.panel .btn{margin-top:4px}
.plainhero{padding:40px 0}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}