/* cl-pages-batch2 v1.3.8: AD-01 style system + AD templates.css, scoped to #clp (generated by src/round2/build_r2.py) */
#clp{--peri:#6667AB; --peri-hover:#4F5096; --peri-deep:#3B3C73; --peri-tint:#F2F2F9; --peri-tint-2:#E4E4F2;
  --neon:#C7EC53; 
  --charcoal:#2A2627; --ink:#111111; --white:#FFFFFF; --grey:#5E5A5B; --line:#E3E3EC;
  --r-btn:8px; --r-card:12px; --r-lg:16px;
  --sh-sm:0 1px 2px rgba(17,17,17,.08); --sh-md:0 8px 24px rgba(17,17,17,.10); --sh-lg:0 12px 32px rgba(17,17,17,.16);
  --fh:"Barlow Semi Condensed","Arial Narrow",sans-serif; --fb:"Inter",system-ui,sans-serif;}
#clp,#clp *:not(.clp-el *){box-sizing:border-box;margin:0;padding:0}
#clp{font-family:var(--fb);color:var(--charcoal);background:#fff;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}
#clp a:not(.clp-el *){color:inherit;text-decoration:none}
#clp img:not(.clp-el *){display:block;max-width:100%}
#clp .container:not(.clp-el *){max-width:1200px;margin:0 auto;padding:0}
#clp h1:not(.clp-el *),#clp h2:not(.clp-el *),#clp h3:not(.clp-el *),#clp h4:not(.clp-el *){font-family:var(--fh);font-weight:700;line-height:1.08;color:var(--ink)}
#clp h1:not(.clp-el *){font-size:58px;font-weight:800;line-height:1.04}
#clp h2:not(.clp-el *){font-size:42px}
#clp h3:not(.clp-el *){font-size:23px}
#clp h4:not(.clp-el *){font-size:20px}
#clp .eyebrow:not(.clp-el *){font:700 13px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--peri)}
#clp .intro:not(.clp-el *){font-size:18px;color:var(--grey);margin-top:12px;max-width:640px}
#clp .btn-primary:not(.clp-el *),#clp .btn-secondary:not(.clp-el *),#clp .btn-secondary--on-dark:not(.clp-el *){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--r-btn);font:700 17px/1 var(--fh);letter-spacing:.02em;white-space:nowrap;border:2px solid transparent}
#clp .btn-primary:not(.clp-el *){background:var(--peri);color:#fff}
#clp .btn-primary:hover:not(.clp-el *),#clp .btn-primary:focus-visible:not(.clp-el *){background:var(--peri-hover)}
#clp .btn-secondary:not(.clp-el *){background:var(--ink);color:#fff}
#clp .btn-secondary:hover:not(.clp-el *){background:var(--charcoal)}
#clp .btn-secondary--on-dark:not(.clp-el *){background:#fff;color:var(--ink)}
#clp .btn-lg:not(.clp-el *){min-height:60px;font-size:19px;padding:0 30px}
#clp .btn-primary svg:not(.clp-el *),#clp .btn-secondary svg:not(.clp-el *),#clp .btn-secondary--on-dark svg:not(.clp-el *){width:20px;height:20px}
#clp .btn-text:not(.clp-el *){display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--peri);font-size:16px}
#clp .btn-text svg:not(.clp-el *){width:16px;height:16px}
#clp .on-dark .btn-text:not(.clp-el *){color:#fff}
#clp .split:not(.clp-el *){display:inline-flex;border-radius:var(--r-btn);overflow:hidden}
#clp .split .btn-primary:not(.clp-el *){border-radius:0}
#clp .sec:not(.clp-el *){padding:96px 0}
#clp .bg-off:not(.clp-el *){background:var(--peri-tint)}
#clp .sec-head:not(.clp-el *){display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
#clp .sec-head h2:not(.clp-el *){margin-top:10px}
#clp .reviews:not(.clp-el *){display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#clp .card-review:not(.clp-el *){background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sh-sm)}
#clp .card-review .stars:not(.clp-el *){color:#C9CED8;font-size:20px;letter-spacing:3px}
#clp .card-review .q:not(.clp-el *){font-size:16px;color:#8A93A3;font-style:italic;background:var(--peri-tint);border:1px dashed #C9CED8;border-radius:8px;padding:18px;min-height:120px;display:grid;place-items:center;text-align:center}
#clp .card-review .who b:not(.clp-el *){display:block;font-size:15px;color:#8A93A3}
#clp .card-review .who span:not(.clp-el *){font-size:13px;color:#A0A8B6}
#clp .card-review .src:not(.clp-el *){font:600 12px/1 var(--fb);color:var(--grey)}
#clp .proj-row:not(.clp-el *){display:grid;grid-template-columns:588px 1fr;gap:24px}
#clp .ba-slider:not(.clp-el *){position:relative;height:440px;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--sh-md)}
#clp .ba-slider img:not(.clp-el *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#clp .ba-slider .after:not(.clp-el *){clip-path:inset(0 0 0 50%)}
#clp .ba-slider .handle:not(.clp-el *){position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background:#fff}
#clp .ba-slider .knob:not(.clp-el *){position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff;box-shadow:var(--sh-lg);display:grid;place-items:center;color:var(--ink);font-weight:800}
#clp .ba-slider .lb:not(.clp-el *){position:absolute;top:14px;font:800 12px/1 var(--fb);letter-spacing:.1em;padding:7px 10px;border-radius:4px;text-transform:uppercase}
#clp .ba-slider .lb.b:not(.clp-el *){left:14px;background:#fff;color:var(--ink)}
#clp .ba-slider .lb.a:not(.clp-el *){right:14px;background:var(--peri);color:#fff}
#clp .ba-slider .cap:not(.clp-el *){position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;background:linear-gradient(0deg,rgba(17,17,17,.9),transparent);color:#fff;font-weight:700;font-size:15px}
#clp .tiles:not(.clp-el *){display:grid;grid-template-columns:1fr 1fr;gap:20px}
#clp .tile-project:not(.clp-el *){position:relative;border-radius:var(--r-card);overflow:hidden;height:210px}
#clp .tile-project img:not(.clp-el *){width:100%;height:100%;object-fit:cover}
#clp .tile-project .cap:not(.clp-el *){position:absolute;left:0;right:0;bottom:0;padding:30px 14px 11px;background:linear-gradient(0deg,rgba(17,17,17,.88),transparent);color:#fff;font-size:14px;font-weight:700}
#clp .tile-project .cap small:not(.clp-el *){display:block;font-weight:500;opacity:.85;font-size:12px}
#clp .realwork:not(.clp-el *){margin-top:24px;position:relative;height:560px;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#dfe7df,#eef1ea 50%,#dbe4ea)}
#clp .realwork .streets:not(.clp-el *){position:absolute;inset:0;background:repeating-linear-gradient(24deg,transparent 0 58px,rgba(255,255,255,.85) 58px 64px),repeating-linear-gradient(-66deg,transparent 0 110px,rgba(255,255,255,.95) 110px 118px)}
#clp .realwork .river:not(.clp-el *){position:absolute;right:120px;top:-80px;width:340px;height:760px;border-radius:50%;border-left:46px solid #B9CFE2;transform:rotate(22deg)}
#clp .realwork .panel:not(.clp-el *){position:absolute;left:32px;top:32px;background:#fff;border-radius:var(--r-card);padding:24px 26px;box-shadow:var(--sh-lg);max-width:420px;display:flex;flex-direction:column;gap:10px}
#clp .realwork .panel h3:not(.clp-el *){font-size:28px}
#clp .realwork .panel p:not(.clp-el *){font-size:15px;color:var(--grey)}
#clp .proj-foot:not(.clp-el *){display:flex;justify-content:center;margin-top:36px}
#clp .form-contact:not(.clp-el *){background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:32px;width:100%}
#clp .form-contact h3:not(.clp-el *){font-size:28px}
#clp .form-contact label:not(.clp-el *){display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px}
#clp .form-contact .btn-primary:not(.clp-el *){margin-top:16px;width:100%}
@media (max-width:767px){#clp{font-size:16px}#clp .container:not(.clp-el *){padding:0 20px}#clp h1:not(.clp-el *){font-size:36px;line-height:1.1}#clp h2:not(.clp-el *){font-size:29px;line-height:1.15}#clp h3:not(.clp-el *){font-size:19px}#clp .sec:not(.clp-el *){padding:56px 0}#clp .sec-head:not(.clp-el *){display:block;margin-bottom:28px}#clp .sec-head .btn-secondary:not(.clp-el *){display:none}#clp .reviews:not(.clp-el *){display:flex;gap:14px;overflow:hidden;margin-right:-20px}#clp .card-review:not(.clp-el *){min-width:330px}#clp .proj-row:not(.clp-el *){grid-template-columns:1fr;gap:14px}#clp .ba-slider:not(.clp-el *){height:262px}#clp .tiles:not(.clp-el *){gap:12px}#clp .tile-project:not(.clp-el *){height:128px}#clp .tile-project .cap:not(.clp-el *){font-size:12.5px;padding:24px 10px 9px}#clp .tile-project .cap small:not(.clp-el *){display:none}#clp .realwork:not(.clp-el *){height:auto;margin-top:14px;min-height:300px}#clp .realwork .panel:not(.clp-el *){position:relative;left:auto;top:auto;margin:20px;max-width:none}#clp .proj-foot .btn-secondary:not(.clp-el *){width:100%}#clp .form-contact:not(.clp-el *){padding:22px 18px}}
#clp a:focus-visible:not(.clp-el *),#clp button:focus-visible:not(.clp-el *){outline:2px solid var(--peri);outline-offset:2px}
#clp .sr-only:not(.clp-el *){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){#clp,#clp *:not(.clp-el *){transition:none!important}}
@media (max-width:767px){#clp{padding-bottom:88px}}
#clp{--nav-panel:#6667AB;--nav-text:#FFFFFF;--nav-hover-bg:#FFFFFF;--nav-hover-text:#4F5096;--nav-open-bg:#3B3C73;--nav-divider:#57589A;--nav-soft:#F2F2F9;--nav-hold:#D0D0E6}
#clp{--cl-rw-reserve:0px;--cl-drawer-z:100001;--cl-adminbar-visible:0px}
@media (max-width:1023px){#clp{--cl-rw-reserve:44px}}
#clp{--nav-hover-bg:#4F5096;--nav-hover-text:#FFFFFF;--nav-open-bg:#3B3C73;--nav-divider:#3B3C73;
  --nav-row-h:30px;--nav-row-pad-x:14px;--nav-row-font:500 13px/16px var(--fb);--nav-l2-min:166px;--nav-l3-min:129px;
  --m-divider:#D5D5D5;--m-plus:#85898C}
@media (max-width:1023px){#clp{--cl-rw-reserve:44px}} /* v-tableft: was 32px for the right edge; the tab is 40px wide on the left */
@media (max-width:480px){#clp{--cl-rw-reserve:44px}}
@media (min-width:768px) and (max-width:1023px){#clp .container:not(.clp-el *){padding-left:32px;padding-right:32px}}
@media (max-width:1023px){#clp .reviews:not(.clp-el *){margin-right:0;overflow:hidden}}
@media (min-width:1024px) and (max-width:1263px){#clp .container:not(.clp-el *){padding-left:32px;padding-right:32px}}
#clp .breadcrumb:not(.clp-el *){border-bottom:1px solid var(--line);background:#fff}
#clp .breadcrumb ol:not(.clp-el *){list-style:none;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:14px;color:var(--grey);padding:14px 0}
#clp .breadcrumb li+li:not(.clp-el *):before{content:"›";margin-right:6px;color:#9A9697}
#clp .breadcrumb a:not(.clp-el *){color:var(--peri-hover);font-weight:500}
#clp .breadcrumb [aria-current]:not(.clp-el *){color:var(--charcoal);font-weight:600}
#clp .t-head:not(.clp-el *){max-width:760px;margin-bottom:36px}
#clp .t-head h2:not(.clp-el *){margin-top:10px}
#clp .t-head p:not(.clp-el *){margin-top:12px;color:var(--grey)}
#clp .process-steps:not(.clp-el *){list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:st}
#clp .process-steps li:not(.clp-el *){position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 22px 22px;counter-increment:st}
#clp .process-steps li:not(.clp-el *):before{content:counter(st);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--peri-deep);color:#fff;font:800 20px/1 var(--fh);margin-bottom:14px}
#clp .process-steps b:not(.clp-el *){display:block;font:700 20px/1.2 var(--fh);color:var(--ink)}
#clp .process-steps li>span:not(.clp-el *){display:block;font-size:15px;color:var(--grey);margin-top:6px}
#clp .symptom-list:not(.clp-el *){list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 40px}
#clp .symptom-list li:not(.clp-el *){display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
#clp .symptom-list .ic:not(.clp-el *){width:44px;height:44px;border-radius:12px;background:var(--peri-tint);color:var(--peri-hover);display:grid;place-items:center}
#clp .symptom-list .ic svg:not(.clp-el *){width:22px;height:22px}
#clp .symptom-list b:not(.clp-el *){display:block;font-size:18px;color:var(--ink)}
#clp .symptom-list li div>span:not(.clp-el *){font-size:15px;color:var(--grey)}
#clp .safety-note:not(.clp-el *){border-left:6px solid var(--peri-hover);background:var(--peri-tint);border-radius:0 var(--r-card) var(--r-card) 0;padding:24px 28px;max-width:900px;display:grid;gap:8px}
#clp .safety-note p:not(.clp-el *){font-size:18px;color:var(--ink)}
#clp .safety-note p b:not(.clp-el *){font-weight:700}
#clp .safety-note .l24:not(.clp-el *){font-size:15px;color:var(--grey)}
#clp .two-col:not(.clp-el *){display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
#clp .card-plan-link:not(.clp-el *){background:#fff;border:1px solid var(--line);border-left:6px solid var(--peri);border-radius:var(--r-card);padding:28px;display:flex;flex-direction:column;gap:10px}
#clp .card-plan-link h3:not(.clp-el *){font-size:26px}
#clp .card-plan-link p:not(.clp-el *){color:var(--grey);font-size:16px}
#clp .card-plan-link .links:not(.clp-el *){display:flex;flex-wrap:wrap;gap:18px;margin-top:6px}
#clp .related-links:not(.clp-el *){display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#clp .related-links a:not(.clp-el *){display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:20px 20px 18px;min-height:112px;position:relative;box-shadow:var(--sh-sm)}
#clp .related-links a b:not(.clp-el *){font:700 20px/1.15 var(--fh);color:var(--ink);padding-right:22px}
#clp .related-links a span:not(.clp-el *){font-size:14px;color:var(--grey)}
#clp .related-links a svg:not(.clp-el *){position:absolute;right:16px;top:22px;width:18px;height:18px;color:var(--peri)}
#clp .uplink:not(.clp-el *){margin-top:18px;font-size:15px}
#clp .uplink a:not(.clp-el *){color:var(--peri-hover);font-weight:600}
#clp .financing-line:not(.clp-el *){display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--peri-tint);border-radius:var(--r-card);padding:20px 24px}
#clp .financing-line .ic:not(.clp-el *){width:44px;height:44px;border-radius:12px;background:var(--peri);color:#fff;display:grid;place-items:center;flex:none}
#clp .financing-line .ic svg:not(.clp-el *){width:22px;height:22px}
#clp .financing-line b:not(.clp-el *){font:700 21px/1.2 var(--fh);color:var(--ink)}
#clp .brand-cards:not(.clp-el *){display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#clp .brand-cards a:not(.clp-el *){display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px;box-shadow:var(--sh-sm)}
#clp .brand-cards a .badge:not(.clp-el *){width:48px;height:48px;border-radius:12px;background:var(--peri-tint);color:var(--peri-hover);display:grid;place-items:center}
#clp .brand-cards a .badge svg:not(.clp-el *){width:24px;height:24px}
#clp .brand-cards h3:not(.clp-el *){font-size:24px;margin-top:6px}
#clp .brand-cards p:not(.clp-el *){font-size:16px;color:var(--grey)}
#clp .brand-cards .btn-text:not(.clp-el *){margin-top:auto;padding-top:8px}
#clp .every-make:not(.clp-el *){display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:var(--peri-deep);color:#fff;border-radius:var(--r-card);padding:28px 32px}
#clp .every-make .ic:not(.clp-el *){width:56px;height:56px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:var(--neon)}
#clp .every-make .ic svg:not(.clp-el *){width:28px;height:28px}
#clp .every-make p.big:not(.clp-el *){font:700 28px/1.2 var(--fh);color:#fff}
#clp .every-make p.sub:not(.clp-el *){font-size:15px;color:rgba(255,255,255,.8);margin-top:4px}
@media (min-width:768px) and (max-width:1023px){#clp .process-steps:not(.clp-el *),#clp .related-links:not(.clp-el *){grid-template-columns:1fr 1fr}}
@media (max-width:767px){#clp .breadcrumb ol:not(.clp-el *){font-size:13px;padding:10px 0}#clp .t-head:not(.clp-el *){margin-bottom:24px}#clp .two-col:not(.clp-el *){grid-template-columns:1fr;gap:24px}#clp .process-steps:not(.clp-el *){grid-template-columns:1fr;gap:12px}#clp .process-steps li:not(.clp-el *){display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:18px}#clp .process-steps li:not(.clp-el *):before{margin:0;grid-row:span 2}#clp .symptom-list:not(.clp-el *){grid-template-columns:1fr;gap:0}#clp .safety-note:not(.clp-el *){padding:20px}#clp .safety-note p:not(.clp-el *){font-size:16px}#clp .related-links:not(.clp-el *){grid-template-columns:1fr;gap:10px}#clp .related-links a:not(.clp-el *){min-height:0}#clp .financing-line:not(.clp-el *){flex-direction:column;align-items:flex-start}#clp .brand-cards:not(.clp-el *){grid-template-columns:1fr;gap:12px}#clp .every-make:not(.clp-el *){grid-template-columns:1fr;gap:14px;padding:24px 20px}#clp .every-make p.big:not(.clp-el *){font-size:23px}#clp .every-make .btn-secondary--on-dark:not(.clp-el *){width:100%}#clp .card-plan-link:not(.clp-el *){padding:22px 20px}}
#clp .form-contact .scope:not(.clp-el *){font-size:15px;line-height:1.5;color:var(--charcoal);background:#fff;border-left:3px solid var(--peri);padding:10px 14px;border-radius:0 8px 8px 0;margin-top:14px;max-width:540px}
#clp .form-contact .scope a:not(.clp-el *){color:var(--peri-hover);font-weight:600;text-decoration:underline}
#clp .fee-note:not(.clp-el *){font-size:14px;line-height:1.45;color:var(--grey);margin-top:12px;max-width:560px}
#clp .fee-note.on-dark:not(.clp-el *){color:#D7D5D6;flex-basis:100%;margin-top:4px}

/* cl-pages-batch2 additions (not in AD templates.css) */
#clp{display:block;width:100%;overflow-x:clip}
#clp .clp-est-card:not(.clp-el *){display:flex;flex-direction:column;align-items:flex-start;gap:16px}
#clp .clp-est-card .scope:not(.clp-el *){margin:0}
#clp .clp-hcp-help:not(.clp-el *){font-size:15px;color:var(--grey);margin:0}
#clp .clp-hcp-help a:not(.clp-el *){color:var(--peri-hover);text-decoration:underline;font-weight:600}
#clp .clp-form-card:not(.clp-el *){background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;box-shadow:var(--sh-sm)}
#clp .clp-form-card h2:not(.clp-el *){font-size:34px;margin-bottom:18px}
#clp .clp-el{font-family:var(--fb);color:var(--charcoal);font-size:16px}
#clp .clp-el .elementor-button{background:var(--peri)!important;color:#fff!important;border-radius:var(--r-btn)!important;font-family:var(--fh)!important;font-weight:700!important;min-height:48px}
#clp .clp-el .elementor-button:hover{background:var(--peri-hover)!important}
#clp .clp-el .elementor-field-textual{border:1px solid #CFCFDA;border-radius:8px;min-height:46px;background:#fff}
#clp .clp-el .elementor-field-textual:focus{border-color:var(--peri);box-shadow:0 0 0 3px var(--peri-tint-2);outline:0}
#clp .clp-el .elementor-widget-text-editor,#clp .clp-el .elementor-widget-heading{margin-top:14px;font-size:13px;color:var(--grey)}
#clp .clp-el .elementor-widget-heading .elementor-heading-title{font-size:15px;color:var(--ink);font-family:var(--fh)}
#clp .clp-form-fallback:not(.clp-el *){padding:18px;border-radius:12px;background:var(--peri-tint);font-size:16px}
#clp .clp-map:not(.clp-el *){border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line)}
#clp .clp-map iframe:not(.clp-el *){display:block;width:100%;height:360px;border:0}
@media (max-width:767px){#clp .clp-map iframe:not(.clp-el *){height:240px}#clp .clp-form-card:not(.clp-el *){padding:22px 18px}}
#clp .clp-rw-link:not(.clp-el *){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:28px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line)}
#clp .clp-town select.sel:not(.clp-el *){appearance:auto;-webkit-appearance:menulist;width:100%;max-width:420px;font:600 17px/1.2 var(--fb);color:var(--ink);background:#fff}
#clp .clp-town .out[hidden]:not(.clp-el *){display:none}
/* Hello Elementor wrapper neutralised on our template */
body.clp-page .site-main.clp-main{max-width:none;width:100%;padding:0;margin:0}
/* v1.0.2: hide a card/link block whose links are all to unpublished pages */
#clp section:has([data-clp-needs]):not(:has([data-clp-needs] a)){display:none}

#clp .clp-uplink .clp-up + .clp-up:not(.clp-el *)::before{content:" · ";color:var(--grey)}
#clp .clp-uplink .clp-up:not(.clp-el *){display:inline}
#clp section:has([data-clp-needs]):not(:has([data-clp-needs] a)){display:none}
#clp .realwork .panel .btn-primary:not(.clp-el *){display:inline-flex}
#clp span.tn:not(.clp-el *),#clp .area-towns span:not(.clp-el *){color:inherit}
body.clp-page.home .site-main.clp-main{max-width:none}

/* ---- round 2 (2026-10-09): art-directed homepage hero ---- */
@media (min-width:1264px){
 #clp #s01-hero .photo img:not(.clp-el *){object-position:0% 42%}
 #clp #s01-hero .photo:not(.clp-el *){clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
 #clp #s01-hero .seam:not(.clp-el *){right:0;width:calc(56% + 6px);background:var(--neon);clip-path:polygon(8% 0,calc(8% + 6px) 0,6px 100%,0 100%);transform:translateX(-6px)}
 #clp #s01-hero .seam:not(.clp-el *):before{display:none}
}
@media (min-width:1264px) and (max-width:1439px){
 #clp #s01-hero .photo:not(.clp-el *){width:59%}
 #clp #s01-hero .seam:not(.clp-el *){width:calc(59% + 6px)}
 #clp #s01-hero .copy > div:not(.clp-el *){max-width:500px}
 #clp #s01-hero .copy:not(.clp-el *){padding-left:40px;padding-right:40px}
}
/* 768-1263: stacked like mobile so the whole wrap stays in frame (the side panel is portrait at these widths) */
@media (min-width:768px) and (max-width:1263px){
 #clp #s01-hero:not(.clp-el *){min-height:0}
 #clp #s01-hero .photo:not(.clp-el *){position:relative;width:100%;height:auto;aspect-ratio:1800/973;clip-path:polygon(0 0,100% 0,100% 100%,0 95%)}
 #clp #s01-hero .photo img:not(.clp-el *){object-position:50% 50%}
 #clp #s01-hero .seam:not(.clp-el *){display:none}
 #clp #s01-hero .dots:not(.clp-el *){width:100%;top:auto;height:60%}
 #clp #s01-hero .copy:not(.clp-el *){padding:28px 40px 56px}
 #clp #s01-hero .copy>div:not(.clp-el *){max-width:820px}
 #clp #s01-hero h1:not(.clp-el *){font-size:46px}
}
@media (max-width:767px){
 #clp #s01-hero .photo img:not(.clp-el *){object-position:50% 50%}
}
/* service cards: one set */
#clp .card-service .ph img:not(.clp-el *){object-position:50% 50%}
/* Furnace Repair: test photo + repair/replace card */
#clp .clp-test-row:not(.clp-el *){display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;align-items:stretch}
#clp .clp-test-fig:not(.clp-el *){margin:0}
#clp .clp-test-fig .im:not(.clp-el *){border-radius:var(--r-card);overflow:hidden;aspect-ratio:4/3}
#clp .clp-test-fig img:not(.clp-el *){width:100%;height:100%;object-fit:cover;display:block}
#clp .clp-test-fig figcaption:not(.clp-el *){font-size:15px;color:var(--charcoal);margin-top:10px;font-weight:500}
#clp .clp-scope-card:not(.clp-el *){background:#fff;border:1px solid var(--line);border-left:6px solid var(--peri);border-radius:var(--r-card);padding:32px;display:flex;flex-direction:column;justify-content:center;gap:16px}
#clp .clp-scope-card .scope:not(.clp-el *){font:600 22px/1.35 var(--fh);color:var(--ink);margin:0}
#clp .clp-scope-card .ctas:not(.clp-el *){display:flex;flex-wrap:wrap;gap:12px}
#clp .clp-scope-card .fee-note:not(.clp-el *){font-size:14px;color:var(--grey);margin:0}
@media (max-width:767px){#clp .clp-test-row:not(.clp-el *){grid-template-columns:1fr}#clp .clp-scope-card:not(.clp-el *){padding:22px 18px}#clp .clp-scope-card .scope:not(.clp-el *){font-size:19px}#clp .clp-scope-card .ctas a:not(.clp-el *){width:100%;justify-content:center}}
@media (min-width:768px){#clp #p-process .process-steps:not(.clp-el *){grid-template-columns:repeat(4,1fr)}}
@media (min-width:768px) and (max-width:1023px){#clp #p-process .process-steps:not(.clp-el *){grid-template-columns:1fr 1fr}}
/* featured Google reviews (only printed when real reviews are set; see README) */
#clp #s06-reviews .reviews:not(.clp-el *){display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
#clp #s06-reviews .card-review:not(.clp-el *){background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sh-sm)}
#clp #s06-reviews .stars:not(.clp-el *){color:#F5B301;letter-spacing:2px;font-size:20px}
#clp #s06-reviews .q:not(.clp-el *){font-size:17px;line-height:1.6;color:var(--charcoal)}
#clp #s06-reviews .who b:not(.clp-el *){display:block;font:700 17px/1.2 var(--fh);color:var(--ink)}
#clp #s06-reviews .who span:not(.clp-el *),#clp #s06-reviews .src:not(.clp-el *){font-size:14px;color:var(--grey)}
#clp #s06-reviews .sec-head:not(.clp-el *){display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
@media (max-width:1023px){#clp #s06-reviews .reviews:not(.clp-el *){grid-template-columns:1fr}}

/* ===== ECI-composition layer (directive 2026-10-09 08:09). Selectors are prefixed #clp .ex so they beat the AD base styles. ===== */
#clp .ex{--ex-p:#6667AB;--ex-ph:#4F5096;--ex-pd:#3B3C73;--ex-pt:#F2F2F9;--ex-bg:#F4F4F8;background:var(--ex-bg);color:#1d1d1f;font:400 16px/1.6 var(--fb);overflow:hidden}
#clp .ex *{box-sizing:border-box}
#clp .ex h1,#clp .ex h2,#clp .ex h3{font-family:var(--fh);font-weight:800;letter-spacing:0;text-transform:none;margin:0;color:#1d1d1f}
#clp .ex h2{font-size:40px;line-height:1.2;text-align:center}
#clp .ex h3{font-size:30px;line-height:1.2}
#clp .ex p{margin:0}
#clp .ex .ex-wrap{max-width:1360px;margin:0 auto;padding:0 20px}
#clp .ex .ex-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
#clp .ex .ex-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
#clp .ex .ex-two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
#clp .ex .ex-btn{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:16px 32px;border-radius:20px;font:600 16px/1.2 var(--fb);text-decoration:none;border:2px solid var(--ex-p);transition:background .15s,color .15s;text-align:center}
#clp .ex .ex-btn--fill{background:var(--ex-p);color:#fff}
#clp .ex .ex-btn--fill:hover{background:var(--ex-ph);border-color:var(--ex-ph);color:#fff}
#clp .ex .ex-btn--line{background:#fff;color:var(--ex-p)}
#clp .ex .ex-btn--line:hover{background:var(--ex-p);color:#fff}
#clp .ex .ex-btn--white{background:#fff;color:var(--ex-pd);border-color:#fff}
#clp .ex .ex-btn--white:hover{background:var(--ex-pt);color:var(--ex-pd)}
#clp .ex .ex-btn--onblue{background:transparent;color:#fff;border-color:#fff}
#clp .ex .ex-btn--onblue:hover{background:#fff;color:var(--ex-pd)}
#clp .ex .ex-btnrow{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px}
#clp .ex .ex-center{justify-content:center}
#clp .ex .ex-fee{font-size:14px;color:#555;margin-top:12px}
/* hero */
#clp .ex .ex-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:611px;padding:100px 20px 180px;text-align:center;color:#fff;background:var(--ex-pd)}
#clp .ex .ex-hero--home{padding-bottom:140px}
#clp .ex .ex-hero--hub{min-height:536px}
#clp .ex .ex-hero--ac{min-height:729px}
#clp .ex .ex-hero-bg,#clp .ex .ex-hero-bg img{position:absolute;inset:0;width:100%;height:100%;display:block}
#clp .ex .ex-hero-bg img{object-fit:cover;object-position:50% 50%;max-width:none}
#clp .ex .ex-hero--hub .ex-hero-bg img{object-position:50% 30%}
#clp .ex .ex-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,24,52,.62),rgba(23,24,52,.55))}
#clp .ex .ex-hero-in{position:relative;z-index:1;max-width:850px;margin:0 auto}
#clp .ex .ex-hero h1{font-size:60px;line-height:1.2;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
#clp .ex .ex-hl{display:block;color:var(--neon,#C7EC53)}
#clp .ex .ex-eyebrow{display:inline-block;margin-bottom:16px;padding:6px 16px;border-radius:20px;background:rgba(255,255,255,.14);color:#fff;font:700 15px/1.3 var(--fb);letter-spacing:.06em;text-transform:uppercase}
#clp .ex .ex-rule{display:block;width:90px;height:4px;border-radius:2px;background:var(--neon,#C7EC53);margin:18px auto}
#clp .ex .ex-sub{font-size:16px;line-height:1.6;color:#fff;max-width:700px;margin:0 auto}
#clp .ex .ex-hero-btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:28px}
#clp .ex .ex-hero-small{margin-top:18px;font-size:14px;color:#e8e8f4;line-height:1.6}
/* strip */
#clp .ex .ex-strip{padding:26px 20px 30px;text-align:center;background:var(--ex-pt)}
#clp .ex .ex-strip h2{font-size:30px;margin-bottom:18px}
#clp .ex .ex-strip--slim{padding:26px 20px}
#clp .ex .ex-strip--slim h2{margin:0}
#clp .ex .ex-strip--slim h2 a{color:#1d1d1f;text-decoration:none}
#clp .ex .ex-strip-links{margin-top:14px;font-size:15px}
#clp .ex .ex-strip-links a{color:var(--ex-pd);font-weight:600}
/* service cards */
#clp .ex .ex-services{padding:45px 0 60px}
#clp .ex .ex-services h2{color:var(--ex-p);margin-bottom:36px}
#clp .ex .ex-scard{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:30px 20px;background:#fff;border:2px solid var(--ex-p);border-radius:20px;text-decoration:none;box-shadow:0 10px 30px -18px rgba(59,60,115,.45);transition:transform .15s}
#clp .ex .ex-scard:hover{transform:translateY(-3px)}
#clp .ex .ex-scard h3{font-size:25px;color:#1d1d1f;text-align:center}
#clp .ex .ex-ul{display:block;width:60px;height:3px;background:var(--ex-p);margin-top:14px;border-radius:2px}
/* reviews */
#clp .ex .ex-reviews{padding:10px 0 0}
#clp .ex .ex-reviews h2{color:var(--ex-p);margin-bottom:30px}
#clp .ex .ex-band{background:var(--ex-p);color:#fff;min-height:300px;display:flex;align-items:center;padding:40px 0;text-align:center}
#clp .ex .ex-band .ex-wrap{width:100%}
#clp .ex .ex-band-lead{font:700 24px/1.4 var(--fh);color:#fff;margin-bottom:24px}
#clp .ex .ex-rev-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:28px;text-align:left}
#clp .ex .ex-rev{background:rgba(255,255,255,.1);border-radius:16px;padding:24px;color:#fff}
#clp .ex .ex-rev .stars{color:var(--neon,#C7EC53);letter-spacing:2px}
/* why */
#clp .ex .ex-why{padding:60px 0}
#clp .ex .ex-why h2{color:var(--ex-p);margin-bottom:36px}
#clp .ex .ex-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:24px;border-radius:20px;background:linear-gradient(180deg,#7778B8,var(--ex-p));color:#fff;text-align:center}
#clp .ex .ex-stat b{font:800 40px/1.1 var(--fh);color:#fff}
#clp .ex .ex-stat span{margin-top:10px;font:600 16px/1.4 var(--fb);color:#fff}
/* trio panel */
#clp .ex .ex-trio{padding:0 0 60px}
#clp .ex .ex-panel{background:#fff;border-radius:24px;padding:50px 40px;max-width:1360px}
#clp .ex .ex-trio .ex-panel{padding:50px 40px}
#clp .ex .ex-icard{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 28px;border:2px solid var(--ex-p);border-radius:20px;background:#fff}
#clp .ex .ex-circle{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:var(--ex-p);margin-bottom:22px}
#clp .ex .ex-circle svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:2;color:#fff}
#clp .ex .ex-icard h3{margin-bottom:12px}
#clp .ex .ex-icard p{font-size:15px;color:#444;margin-bottom:22px;flex:1}
#clp .ex .ex-trio--band{background:var(--ex-p);padding:80px 0}
/* consultation */
#clp .ex .ex-consult{background:var(--ex-p);padding:40px 0 60px}
#clp .ex .ex-consult h2{font-size:34px;font-weight:700;color:#fff;max-width:1100px;margin:0 auto 36px;padding:0 20px}
#clp .ex .ex-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px -18px rgba(0,0,0,.35)}
#clp .ex .ex-card h3{font-size:30px;margin:22px 0 10px}
#clp .ex .ex-formcard h3{margin-top:0}
#clp .ex .ex-im{border-radius:16px;overflow:hidden;aspect-ratio:600/338}
#clp .ex .ex-im img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
#clp .ex .ex-locked{font-weight:600}
#clp .ex .ex-phone{margin-top:16px;font-size:15px}
#clp .ex .ex-phone a{color:var(--ex-pd);font-weight:700}
#clp .ex .ex-formcard .clp-form-card{padding:0;box-shadow:none;border:0;background:none}
#clp .ex .ex-formcard .clp-form-card h2{display:none}
#clp .ex .ex-formcard p{margin-bottom:16px}
/* heating hub */
#clp .ex .ex-intro{padding:45px 20px 70px;text-align:center}
#clp .ex .ex-intro p{max-width:1100px;margin:0 auto;color:var(--ex-p);font:700 18px/1.6 var(--fb)}
#clp .ex .ex-ours{padding:0 0 45px}
#clp .ex .ex-ours .ex-panel{padding:50px 40px 60px}
#clp .ex .ex-ours h2{margin-bottom:36px}
#clp .ex .ex-hl2{color:var(--ex-p)}
#clp .ex .ex-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1/0.82;padding:20px;border-radius:20px;background:linear-gradient(160deg,#8C8DC6,var(--ex-p) 55%,var(--ex-ph));text-decoration:none;box-shadow:0 12px 26px -16px rgba(59,60,115,.6);transition:transform .15s}
#clp .ex .ex-tile:hover{transform:translateY(-3px)}
#clp .ex .ex-tile h3{color:#fff;text-align:center;font-size:30px}
#clp .ex .ex-brands{padding:8px 0 45px;text-align:center}
#clp .ex .ex-brands h2{font-size:30px;color:var(--ex-p);margin-bottom:26px}
#clp .ex .ex-pills{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}
#clp .ex .ex-pill{display:inline-flex;align-items:center;min-height:56px;padding:12px 26px;background:#fff;border-radius:14px;box-shadow:0 6px 18px -12px rgba(0,0,0,.4);color:var(--ex-pd);font:700 16px/1.2 var(--fb);text-decoration:none}
#clp .ex .ex-pill:hover{background:var(--ex-pt)}
#clp .ex .ex-split{padding:45px 0 60px}
#clp .ex .ex-split-l h2{text-align:left;color:var(--ex-p);margin-bottom:14px}
#clp .ex .ex-split-l>p{margin-bottom:24px}
#clp .ex .ex-greencard{background:var(--ex-p);border-radius:20px;padding:30px;color:#fff}
#clp .ex .ex-greencard .ex-im{aspect-ratio:600/503}
#clp .ex .ex-greencard h3{color:#fff;margin:22px 0 10px}
#clp .ex .ex-greencard p{color:#fff;margin-bottom:10px}
#clp .ex .ex-greencard .ex-fee{color:#e4e4f2}
/* AC repair rows */
#clp .ex .ex-row{padding:60px 0;background:#fff}
#clp .ex .ex-row--flip{background:var(--ex-bg)}
#clp .ex .ex-row .ex-wrap{max-width:1440px;padding:0 48px}
#clp .ex .ex-row-in{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
#clp .ex .ex-row--flip .ex-row-im{order:-1}
#clp .ex .ex-row-t h2{text-align:left;margin-bottom:12px}
#clp .ex .ex-row-t h3{margin:18px 0 12px;color:var(--ex-p)}
#clp .ex .ex-bullets,#clp .ex .ex-steps{margin:0;padding-left:22px}
#clp .ex .ex-bullets li,#clp .ex .ex-steps li{margin:0 0 8px}
#clp .ex .ex-note{font-size:14px;color:#555;margin-top:10px}
#clp .ex .ex-safety{margin-top:18px;padding:16px 20px;border-left:4px solid var(--ex-p);background:var(--ex-pt);border-radius:8px;font-size:15px}
#clp .ex .ex-safety ul{margin:6px 0;padding-left:20px}
#clp .ex .ex-plan{margin-top:16px}
#clp .ex .ex-plan a,#clp .ex .ex-related a,#clp .ex .ex-a a,#clp .ex .ex-fin a{color:var(--ex-pd);font-weight:600}
#clp .ex .ex-row-im{position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:655/549}
#clp .ex .ex-row-im img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
#clp .ex .ex-tag{position:absolute;right:16px;bottom:16px;padding:8px 14px;border-radius:10px;background:var(--ex-p);color:#fff;font:700 14px/1.2 var(--fb)}
#clp .ex .ex-faq{padding:60px 0;background:#fff}
#clp .ex .ex-narrow{max-width:1100px}
#clp .ex .ex-faq h3{text-align:center}
#clp .ex .ex-faq-lead{text-align:center;margin:10px 0 24px}
#clp .ex .ex-q{background:#ECECF2;border-radius:6px;margin:0 0 10px}
#clp .ex .ex-q summary{cursor:pointer;list-style:none;padding:14px 48px 14px 20px;font:600 16px/1.4 var(--fb);position:relative}
#clp .ex .ex-q summary::-webkit-details-marker{display:none}
#clp .ex .ex-q summary::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2px solid var(--ex-pd);border-bottom:2px solid var(--ex-pd);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
#clp .ex .ex-q[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
#clp .ex .ex-a{padding:0 20px 16px}
#clp .ex .ex-fin{text-align:center;margin-top:22px}
#clp .ex .ex-area{padding:60px 0;background:var(--ex-bg);text-align:center}
#clp .ex .ex-area h2{margin-bottom:12px}
#clp .ex .ex-area>.ex-wrap>p{max-width:820px;margin:0 auto 24px}
#clp .ex .ex-towns{list-style:none;margin:0 auto;padding:0;max-width:1100px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
#clp .ex .ex-towns li{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #DCDCEA;font-size:15px}
#clp .ex .ex-related{margin-top:26px;font-size:15px}
#clp .ex .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* homepage hero (8:30 AM fix): text panel beside the van, photo never under text */
#clp .ex .ex-hero2{display:grid;grid-template-columns:44fr 56fr;min-height:clamp(611px,36vw,760px);background:linear-gradient(135deg,#3B3C73,#2C2D5C);color:#fff}
#clp .ex .ex-hero2-t{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px 48px;text-align:left}
#clp .ex .ex-hero2-t h1{font-size:56px;line-height:1.15;color:#fff}
#clp .ex .ex-hero2 .ex-rule{margin:18px 0}
#clp .ex .ex-hero2 .ex-sub{margin:0;max-width:520px}
#clp .ex .ex-hero2 .ex-hero-btns{justify-content:flex-start}
#clp .ex .ex-hero2-p{position:relative;display:block;min-height:100%}
#clp .ex .ex-hero2-p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;max-width:none;display:block}
@media (max-width:1263px){
#clp .ex .ex-hero2{grid-template-columns:1fr;min-height:0}
#clp .ex .ex-hero2-t{align-items:center;text-align:center;padding:56px 20px 48px}
#clp .ex .ex-hero2 .ex-rule{margin:18px auto}
#clp .ex .ex-hero2 .ex-sub{margin:0 auto}
#clp .ex .ex-hero2 .ex-hero-btns{justify-content:center}
#clp .ex .ex-hero2-p img{position:static;height:auto}
}
@media (max-width:767px){
#clp .ex .ex-hero2-t{padding:44px 20px 36px}
#clp .ex .ex-hero2-t h1{font-size:44px}
#clp .ex .ex-hero2 .ex-hero-btns{flex-direction:column;width:100%}
#clp .ex .ex-hero2 .ex-hero-btns .ex-btn{width:100%}
}

/* 8:36 AM: automatic vs will-call row (inside the plans panel) + hero financing line */
#clp .ex .ex-choice{grid-column:1/-1;border-top:1px solid #E3E3EC;padding-top:30px;text-align:center}
#clp .ex .ex-choice h3{font-size:26px;margin-bottom:18px}
#clp .ex .ex-choice-opts{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:0 auto;text-align:left}
#clp .ex .ex-opt{background:var(--ex-pt);border-radius:16px;padding:20px 24px}
#clp .ex .ex-opt b{display:block;font:800 20px/1.2 var(--fh);margin-bottom:6px}
#clp .ex .ex-opt p{font-size:15px;margin-bottom:10px}
#clp .ex .ex-opt a{color:var(--ex-pd);font-weight:700}
#clp .ex .ex-hero-fin{margin-top:18px;font-size:14px;color:#e4e4f2}
#clp .ex .ex-hero-fin a{color:#fff;font-weight:700;text-decoration:underline}
@media (max-width:767px){#clp .ex .ex-choice-opts{grid-template-columns:1fr}#clp .ex .ex-choice h3{font-size:22px}}
/* tablet */
@media (max-width:1100px){
#clp .ex .ex-grid4{grid-template-columns:repeat(2,1fr)}
#clp .ex .ex-grid3{grid-template-columns:1fr}
}
/* mobile (ECI 390 composition) */
@media (max-width:767px){
#clp .ex h2{font-size:30px}
#clp .ex h3{font-size:22px}
#clp .ex .ex-grid4,#clp .ex .ex-grid3,#clp .ex .ex-two,#clp .ex .ex-row-in{grid-template-columns:1fr;gap:24px}
#clp .ex .ex-hero{min-height:496px;padding:50px 20px 100px}
#clp .ex .ex-hero--hub{min-height:447px}
#clp .ex .ex-hero--ac{min-height:688px}
#clp .ex .ex-hero h1{font-size:44px}
#clp .ex .ex-hero-btns{flex-direction:column}
#clp .ex .ex-hero-btns .ex-btn{width:100%}
#clp .ex .ex-strip{padding:26px 20px}
#clp .ex .ex-strip .ex-btn{width:100%}
#clp .ex .ex-scard{min-height:150px}
#clp .ex .ex-scard h3{font-size:20px}
#clp .ex .ex-services .ex-wrap,#clp .ex .ex-why .ex-wrap{padding:0 42px}
#clp .ex .ex-band{min-height:0;padding:40px 0}
#clp .ex .ex-band .ex-btn{width:100%}
#clp .ex .ex-rev-list{grid-template-columns:1fr}
#clp .ex .ex-stat{min-height:150px}
#clp .ex .ex-panel,#clp .ex .ex-trio .ex-panel,#clp .ex .ex-ours .ex-panel{padding:30px 20px;border-radius:20px}
#clp .ex .ex-trio .ex-wrap,#clp .ex .ex-ours .ex-wrap{margin:0 20px}
#clp .ex .ex-icard{padding:30px 20px}
#clp .ex .ex-consult h2{font-size:30px}
#clp .ex .ex-card,#clp .ex .ex-greencard{padding:20px}
#clp .ex .ex-btnrow .ex-btn{width:100%}
#clp .ex .ex-tile{aspect-ratio:auto;min-height:150px}
#clp .ex .ex-tile h3{font-size:22px}
#clp .ex .ex-row .ex-wrap{padding:0 48px}
#clp .ex .ex-row--flip .ex-row-im{order:0}
#clp .ex .ex-row-t h2{font-size:30px}
#clp .ex .ex-split-l h2{font-size:30px}
}

/* 1:02 PM directive: Financing / Cooling / IAQ hubs */
#clp .ex .ex-ours .ex-grid3,#clp .ex .ex-ours .ex-grid2{gap:40px}
#clp .ex .ex-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:900px;margin:0 auto}
#clp .ex .ex-ours--fin .ex-grid3{max-width:1100px;margin:0 auto}
#clp .ex .ex-ours--fin,#clp .ex .ex-ours--iaq{padding-top:60px}
#clp .ex .ex-tile .sr,#clp .ex .ex-btn .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#clp .ex .ex-onblue{color:#fff;text-decoration:underline;text-underline-offset:3px}
#clp .ex .ex-row--hub .ex-row-t p{margin-bottom:14px}
#clp .ex .ex-row--textonly .ex-row-in{grid-template-columns:1fr;max-width:900px;margin:0 auto}
#clp .ex .ex-hero--plain{background:linear-gradient(160deg,#4F5096,#3B3C73)}
#clp .ex .ex-hero--plain::after{display:none}
@media (max-width:1023px){#clp .ex .ex-grid2{grid-template-columns:1fr}}

/* Truck hero (switch: clp_b2_home_hero = truck). 2:51 PM v1.3.7, Zack: "Make it the same way as Eci." ECI hero composition:
   full-bleed photo (object-fit:cover) with a soft wash, centred white H1 (800), 64x4 neon accent bar, white sub line, rounded pill button,
   FTL line last. Crops/focal points keep the copy over the sky and the bare tank top; the C&L logo stays clear at every width. */
#clp .ex .ex-hero4{position:relative;margin:0;padding:0;overflow:hidden;background:#3B3C73;color:#fff;text-align:center;aspect-ratio:1024/470}
#clp .ex .ex-hero4-bg,#clp .ex .ex-hero4-bg img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}
#clp .ex .ex-hero4-bg img{object-fit:cover;object-position:50% 0}
#clp .ex .ex-hero4-wash{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(40,41,86,.56) 0%,rgba(40,41,86,.52) 30%,rgba(40,41,86,.50) 50%,rgba(40,41,86,.30) 54%,rgba(40,41,86,0) 57.5%),rgba(236,238,246,.12)}
#clp .ex .ex-hero4-t{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(14px,1.9vw,40px) 20px 0}
#clp .ex .ex-hero4-top{max-width:1000px;width:100%}
#clp .ex .ex-hero4-t h1,#clp .ex .ex-hero4-t .ex-sub,#clp .ex .ex-hero4-t .ex-eyebrow,#clp .ex .ex-hero4-t .ex-hero-fin{color:#fff;text-shadow:0 1px 2px rgba(20,20,50,.6),0 0 6px rgba(20,20,60,.45),0 0 16px rgba(20,20,60,.35)}
#clp .ex .ex-hero4-t .ex-sub,#clp .ex .ex-hero4-t .ex-hero-fin{text-shadow:0 1px 2px rgba(20,20,50,.75),0 0 5px rgba(20,20,60,.65),0 0 12px rgba(20,20,60,.5)}
#clp .ex .ex-hero4-t .ex-eyebrow{background:none;padding:0;margin:0 0 6px;font-size:clamp(12px,1vw,16px);letter-spacing:.08em}
#clp .ex .ex-hero4-t h1{font-weight:800;font-size:clamp(34px,4.17vw,80px);line-height:1.12;text-wrap:balance}
#clp .ex .ex-hero4-t .ex-rule{width:64px;height:4px;border-radius:2px;background:var(--neon,#C7EC53);margin:clamp(10px,1.2vw,22px) auto}
#clp .ex .ex-hero4-t .ex-sub{font-weight:500;font-size:clamp(15px,1.1vw,20px);line-height:1.5;max-width:none;margin:0 auto}
#clp .ex .ex-hero4-t .ex-hero-btns{margin-top:clamp(12px,1.6vw,30px);justify-content:center}
#clp .ex .ex-hero4-t .ex-btn{min-height:clamp(50px,3.6vw,64px);padding:12px clamp(26px,2.4vw,40px);border-radius:20px;font-size:clamp(15px,1.05vw,18px)}
#clp .ex .ex-hero4-t .ex-hero-fin{font-size:clamp(13px,.95vw,16px);margin:clamp(8px,.9vw,16px) 0 0;color:#fff}
#clp .ex .ex-hero4-t .ex-hero-fin a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media (max-width:1023px){
/* Tablet/mobile: taller crop (sky + wrap + wheels), sides cropped by cover; top copy over the sky/tank top, FTL line pinned to the bottom over the
   wheels/gravel (below the wrap), like ECI's open lower band. */
#clp .ex .ex-hero4{aspect-ratio:auto;height:736px}
#clp .ex .ex-hero4-bg img{object-position:38% 0}
#clp .ex .ex-hero4-wash{background:linear-gradient(180deg,rgba(40,41,86,.56) 0%,rgba(40,41,86,.52) 30%,rgba(40,41,86,.42) 37%,rgba(40,41,86,0) 41.5%,rgba(40,41,86,0) 84%,rgba(30,30,60,.55) 100%),rgba(236,238,246,.12)}
#clp .ex .ex-hero4-t{padding:22px 20px 16px}
#clp .ex .ex-hero4-t h1{font-size:38px;line-height:1.1}
#clp .ex .ex-hero4-t .ex-rule{margin:12px auto}
#clp .ex .ex-hero4-t .ex-sub{font-size:16px;max-width:600px}
#clp .ex .ex-hero4-t .ex-hero-btns{margin-top:14px}
#clp .ex .ex-hero4-t .ex-hero-fin{margin-top:auto;font-size:14px}
}
@media (max-width:767px){
#clp .ex .ex-hero4{height:632px}
#clp .ex .ex-hero4-bg img{object-position:35% 0}
#clp .ex .ex-hero4-t{padding:14px 20px 12px}
#clp .ex .ex-hero4-t .ex-eyebrow{font-size:12px;margin-bottom:4px}
#clp .ex .ex-hero4-t h1{font-size:30px;line-height:1.1}
#clp .ex .ex-hero4-t .ex-rule{margin:10px auto}
#clp .ex .ex-hero4-t .ex-sub{font-size:14px;line-height:1.4}
#clp .ex .ex-hero4-t .ex-hero-btns{margin-top:12px;flex-direction:column}
#clp .ex .ex-hero4-t .ex-hero-btns .ex-btn{width:100%;min-height:50px}
#clp .ex .ex-hero4-t .ex-hero-fin{font-size:13px;line-height:1.4}
}

/* Family hero (switch: clp_b2_home_hero = family), v1.3.8, Zack 3:42 PM. ECI composition (full-bleed photo + darkened wash, white 800 H1,
   64x4 neon bar, white sub, purple pill, FTL last). ECI proportions: 611 px tall at 1440. The photo's faces sit top-right, so on desktop the
   centred copy column is placed over the room on the left; on tablet/mobile the copy sits below the faces. Lifestyle image, not a C&L job. */
#clp .ex .ex-hero5{position:relative;margin:0;padding:0;overflow:hidden;background:#3B3C73;color:#fff;text-align:center;height:clamp(520px,42.43vw,760px)}
#clp .ex .ex-hero5-bg,#clp .ex .ex-hero5-bg img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}
#clp .ex .ex-hero5-bg img{object-fit:cover;object-position:50% 18%}
#clp .ex .ex-hero5-wash{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(36,37,80,.60) 0%,rgba(36,37,80,.58) 44%,rgba(36,37,80,.32) 60%,rgba(36,37,80,.12) 72%,rgba(36,37,80,.08) 100%)}
#clp .ex .ex-hero5-t{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding:24px 0}
#clp .ex .ex-hero5-col{width:min(1100px,58%);margin-left:4%;padding:0 12px}
#clp .ex .ex-hero5-t h1,#clp .ex .ex-hero5-t .ex-sub,#clp .ex .ex-hero5-t .ex-eyebrow,#clp .ex .ex-hero5-t .ex-hero-fin{color:#fff;text-shadow:0 1px 2px rgba(20,20,50,.6),0 0 6px rgba(20,20,60,.45),0 0 16px rgba(20,20,60,.35)}
#clp .ex .ex-hero5-t .ex-sub,#clp .ex .ex-hero5-t .ex-hero-fin{text-shadow:0 1px 2px rgba(20,20,50,.75),0 0 5px rgba(20,20,60,.65),0 0 12px rgba(20,20,60,.5)}
#clp .ex .ex-hero5-t .ex-eyebrow{background:none;padding:0;margin:0 0 6px;font-size:clamp(12px,1vw,16px);letter-spacing:.08em}
#clp .ex .ex-hero5-t h1{font-weight:800;font-size:clamp(34px,4.17vw,72px);line-height:1.12;text-wrap:balance}
#clp .ex .ex-hero5-t .ex-rule{width:64px;height:4px;border-radius:2px;background:var(--neon,#C7EC53);margin:clamp(12px,1.4vw,24px) auto}
#clp .ex .ex-hero5-t .ex-sub{font-weight:500;font-size:clamp(15px,1.15vw,20px);line-height:1.5;max-width:none;margin:0 auto;text-wrap:balance}
#clp .ex .ex-hero5-t .ex-hero-btns{margin-top:clamp(16px,2.1vw,36px);justify-content:center}
#clp .ex .ex-hero5-t .ex-btn{min-height:60px;padding:12px clamp(28px,2.4vw,40px);border-radius:20px;font-size:clamp(15px,1.1vw,18px)}
#clp .ex .ex-hero5-t .ex-hero-fin{font-size:clamp(13px,.95vw,16px);margin:clamp(10px,1vw,16px) 0 0;color:#fff}
#clp .ex .ex-hero5-t .ex-hero-fin a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media (max-width:1023px){
#clp .ex .ex-hero5{height:600px}
#clp .ex .ex-hero5-bg img{object-position:100% 0}
#clp .ex .ex-hero5-wash{background:linear-gradient(180deg,rgba(36,37,80,.08) 0%,rgba(36,37,80,.08) 34%,rgba(36,37,80,.42) 46%,rgba(36,37,80,.48) 60%,rgba(36,37,80,.52) 80%,rgba(36,37,80,.66) 100%)}
#clp .ex .ex-hero5-t{justify-content:flex-end;padding:0 20px 18px}
#clp .ex .ex-hero5-col{width:auto;max-width:640px;margin:0 auto;padding:0}
#clp .ex .ex-hero5-t h1{font-size:38px;line-height:1.1}
#clp .ex .ex-hero5-t .ex-rule{margin:12px auto}
#clp .ex .ex-hero5-t .ex-sub{font-size:16px}
#clp .ex .ex-hero5-t .ex-hero-btns{margin-top:16px}
#clp .ex .ex-hero5-t .ex-btn{min-height:54px}
#clp .ex .ex-hero5-t .ex-hero-fin{font-size:14px;margin-top:10px}
}
@media (max-width:767px){
#clp .ex .ex-hero5{height:620px}
#clp .ex .ex-hero5-bg img{object-position:86% 0}
#clp .ex .ex-hero5-wash{background:linear-gradient(180deg,rgba(36,37,80,.08) 0%,rgba(36,37,80,.08) 36%,rgba(36,37,80,.42) 44%,rgba(36,37,80,.48) 60%,rgba(36,37,80,.52) 80%,rgba(36,37,80,.66) 100%)}
#clp .ex .ex-hero5-t{padding:0 20px 14px}
#clp .ex .ex-hero5-t .ex-eyebrow{font-size:12px;margin-bottom:4px}
#clp .ex .ex-hero5-t h1{font-size:30px;line-height:1.1}
#clp .ex .ex-hero5-t .ex-rule{margin:10px auto}
#clp .ex .ex-hero5-t .ex-sub{font-size:14px;line-height:1.4}
#clp .ex .ex-hero5-t .ex-hero-btns{margin-top:12px;flex-direction:column}
#clp .ex .ex-hero5-t .ex-hero-btns .ex-btn{width:100%;min-height:50px}
#clp .ex .ex-hero5-t .ex-hero-fin{font-size:13px;line-height:1.4;margin-top:8px}
}

#clp .ex .ex-rv{max-width:980px;margin:0 auto 10px;text-align:center;color:#fff}
#clp .ex .ex-rv-stage{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:18px}
#clp .ex .ex-rv-stage>.ex-rv-view:only-child{grid-column:1/-1}
#clp .ex .ex-rv-view{overflow:hidden;touch-action:pan-y;grid-column:2}
#clp .ex .ex-rv-track{display:flex;list-style:none;margin:0;padding:0;transition:transform .45s ease}
#clp .ex .ex-rv-slide{flex:0 0 100%;min-width:0;box-sizing:border-box;display:flex}
#clp .ex .ex-rv-card{margin:0;width:100%;background:#fff;color:#222;border-radius:4px;border-top:5px solid var(--ex-pd);padding:34px 44px 30px;box-shadow:0 18px 36px -22px rgba(20,20,60,.55);text-align:left;position:relative}
#clp .ex .ex-rv-card::before{content:"\201C";position:absolute;right:26px;top:6px;font:700 84px/1 Georgia,serif;color:var(--ex-pt)}
#clp .ex .ex-rv-stars{margin:0 0 14px;font-size:22px;letter-spacing:3px;line-height:1}
#clp .ex .ex-rv-stars .on{color:#F2B01E}
#clp .ex .ex-rv-stars .off{color:#D6D6E4}
#clp .ex .ex-rv blockquote{margin:0;padding:0;border:0;position:relative}
#clp .ex .ex-rv blockquote p{font-size:18px;line-height:1.7;margin:0 0 20px;color:#222}
#clp .ex .ex-rv figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:15px;color:#555;font-style:normal;margin:0;padding-top:16px;border-top:1px solid #E6E6F0}
#clp .ex .ex-rv figcaption .ex-rv-name{color:var(--ex-pd);font-size:16px;font-weight:700}
#clp .ex .ex-rv-arrow{width:52px;height:52px;border-radius:50%;border:2px solid #fff;background:var(--ex-pd);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s,color .2s}
#clp .ex .ex-rv-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
#clp .ex .ex-rv-prev{grid-column:1}
#clp .ex .ex-rv-next{grid-column:3}
#clp .ex .ex-rv-arrow:hover,#clp .ex .ex-rv-arrow:focus-visible{background:#fff;color:var(--ex-pd)}
#clp .ex .ex-rv-arrow:focus-visible,#clp .ex .ex-rv-dot:focus-visible{outline:3px solid #fff;outline-offset:3px}
#clp .ex .ex-rv-dots{display:flex;justify-content:center;gap:4px;margin:16px 0 0}
#clp .ex .ex-rv-dots .ex-rv-dot{width:24px;height:24px;border:0;background:transparent;position:relative;cursor:pointer;padding:0}
#clp .ex .ex-rv-dots .ex-rv-dot::after{content:"";position:absolute;inset:7px;border-radius:50%;background:rgba(255,255,255,.45)}
#clp .ex .ex-rv-dots .ex-rv-dot[aria-current="true"]::after{background:#fff}
#clp .ex .ex-rv figcaption .ex-rv-ex{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b6b80;background:#F2F2F9;border-radius:10px;padding:2px 8px}
#clp .ex .ex-rv-src{margin:14px 0 0;font-size:14px;color:#fff;opacity:.92}
#clp .ex .ex-rv-all{margin:18px 0 0}
@media (max-width:700px){
#clp .ex .ex-rv-stage{grid-template-columns:1fr 1fr;gap:14px}
#clp .ex .ex-rv-view{grid-column:1/-1;grid-row:1}
#clp .ex .ex-rv-prev{grid-column:1;grid-row:2;justify-self:end}
#clp .ex .ex-rv-next{grid-column:2;grid-row:2;justify-self:start}
#clp .ex .ex-rv-card{padding:26px 20px 22px}
#clp .ex .ex-rv-card::before{font-size:64px;right:16px}
#clp .ex .ex-rv blockquote p{font-size:16.5px}
#clp .ex .ex-rv-arrow{width:48px;height:48px}
}
@media (prefers-reduced-motion:reduce){#clp .ex .ex-rv-track{transition:none}}

/* ===== ECI interior layout system (directive 2026-10-09 10:02 AM). Same tokens as the Home/Heating/AC Repair layer. ===== */
#clp .ex.ex-int{--ex-line:#DCDCEA}
#clp .ex.ex-int .container{max-width:1200px;margin:0 auto;padding:0 20px}
#clp .ex.ex-int a{text-decoration-thickness:1px}
/* slim phone strip. 10:37 directive: never twice in the first screen. From 1024px up the header utility bar
   (cl-eci-nav) already shows "Our phone is answered 24/7.", so the strip is only shown below 1024px. */
@media (min-width:1024px){body.cl-eci-nav-on #clp .ex.ex-int .ex-strip--int{display:none}}
/* slim phone strip (same as AC Repair) */
#clp .ex.ex-int .ex-strip-line{margin:0;font:800 30px/1.2 var(--fh);text-align:center}
#clp .ex.ex-int .ex-strip-line a{color:#1d1d1f;text-decoration:none}
/* buttons inside AD markup -> ECI buttons */
#clp .ex.ex-int .btn-primary,#clp .ex.ex-int .btn-secondary,#clp .ex.ex-int .btn-secondary--on-dark{min-height:60px;padding:14px 30px;border-radius:20px;font:600 16px/1.2 var(--fb);border:2px solid var(--ex-p);gap:10px;text-decoration:none}
#clp .ex.ex-int .btn-primary{background:var(--ex-p);color:#fff}
#clp .ex.ex-int .btn-primary:hover,#clp .ex.ex-int .btn-primary:focus-visible{background:var(--ex-ph);border-color:var(--ex-ph);color:#fff}
#clp .ex.ex-int .btn-secondary{background:#fff;color:var(--ex-pd)}
#clp .ex.ex-int .btn-secondary:hover,#clp .ex.ex-int .btn-secondary:focus-visible{background:var(--ex-p);color:#fff}
#clp .ex.ex-int .btn-secondary--on-dark{background:#fff;color:var(--ex-pd);border-color:#fff}
#clp .ex.ex-int .btn-secondary--on-dark:hover,#clp .ex.ex-int .btn-secondary--on-dark:focus-visible{background:var(--ex-pt);color:var(--ex-pd)}
#clp .ex.ex-int .btn-primary svg,#clp .ex.ex-int .btn-secondary svg,#clp .ex.ex-int .btn-secondary--on-dark svg{width:18px;height:18px}
#clp .ex.ex-int .btn-text{color:var(--ex-pd);font-weight:700}
/* hero */
#clp .ex.ex-int .ex-hero--int{min-height:560px;padding:90px 20px 110px}
#clp .ex.ex-int .ex-hero--int .ex-hero-in{max-width:900px}
#clp .ex.ex-int .ex-hero--int h1{font-size:56px}
#clp .ex.ex-int .ex-hero--plain{background:linear-gradient(135deg,#4F5096 0%,#3B3C73 55%,#2C2D5C 100%)}
#clp .ex.ex-int .ex-hero--plain::after{background:radial-gradient(1200px 400px at 50% 0,rgba(255,255,255,.08),transparent 70%)}
#clp .ex.ex-int .ex-hero .support,#clp .ex.ex-int .ex-hero3 .support{font-size:17px;line-height:1.6;color:#fff;max-width:760px;margin:0 auto}
#clp .ex.ex-int .ex-hero .support+.support{margin-top:10px}
#clp .ex.ex-int .ex-hero .ctas,#clp .ex.ex-int .ex-hero3 .ctas{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:28px}
#clp .ex.ex-int .ex-hero .fee-note,#clp .ex.ex-int .ex-hero .micro,#clp .ex.ex-int .ex-hero .clp-small,#clp .ex.ex-int .ex-hero3 .fee-note,#clp .ex.ex-int .ex-hero3 .micro,#clp .ex.ex-int .ex-hero3 .clp-small{margin:14px auto 0;font-size:14px;line-height:1.6;color:#E8E8F4;max-width:700px}
#clp .ex.ex-int .ex-hero .micro b,#clp .ex.ex-int .ex-hero3 .micro b{color:#fff}
#clp .ex.ex-int .ex-hero a:not([class]),#clp .ex.ex-int .ex-hero3 a:not([class]),#clp .ex.ex-int .ex-hero .clp-small a,#clp .ex.ex-int .ex-hero3 .clp-small a{color:#fff;font-weight:700;text-decoration:underline}
#clp .ex.ex-int .ex-hero .way-cards,#clp .ex.ex-int .ex-hero3 .way-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px auto 0;max-width:860px;text-align:left}
#clp .ex.ex-int .ex-hero .way-card,#clp .ex.ex-int .ex-hero3 .way-card{background:#fff;border:0;border-radius:20px;padding:20px 22px;color:#1d1d1f}
#clp .ex.ex-int .ex-hero .way-card .btn-primary,#clp .ex.ex-int .ex-hero3 .way-card .btn-primary{min-height:50px;padding:10px 20px}
#clp .ex.ex-int .ex-hero .way-card .fee-note{color:#555;margin:6px 0 0;max-width:none}
#clp .ex.ex-int .ex-hero--ways{padding-bottom:80px}
#clp .ex.ex-int .ex-hero-side{margin:26px auto 0;max-width:640px;padding:16px 22px;border:1px solid rgba(255,255,255,.35);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;text-align:left}
#clp .ex.ex-int .ex-hero-side h3{font-size:18px;color:#fff;margin:0 0 8px}
#clp .ex.ex-int .ex-hero-side dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:15px}
#clp .ex.ex-int .ex-hero-side dt{font-weight:700;color:#fff}
#clp .ex.ex-int .ex-hero-side dd{margin:0;color:#E8E8F4}
#clp .ex.ex-int .ex-hero-side a{color:#fff!important;text-decoration:underline}
/* AD hero parts kept inside the ECI hero: two path cards, call line, hours line, repair callout */
#clp .ex.ex-int .hero-paths{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px auto 0;padding:0;max-width:860px;text-align:left}
#clp .ex.ex-int .hero-paths li{background:#fff;border-radius:20px;padding:20px 22px;color:#1d1d1f;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
#clp .ex.ex-int .hero-paths .path-k,#clp .ex.ex-int .ex-hero .way-card .k{font:700 13px/1.2 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--ex-pd)}
#clp .ex.ex-int .hero-paths p{font-size:15px;line-height:1.55;color:#333;margin:0}
#clp .ex.ex-int .hero-paths .btn-primary,#clp .ex.ex-int .hero-paths .btn-secondary{min-height:50px;padding:10px 20px}
#clp .ex.ex-int .hero-paths .btn-secondary{border-color:var(--ex-p)}
#clp .ex.ex-int .hero-paths .fee-note{font-size:13px;color:#555;margin:0}
#clp .ex.ex-int .call-line{margin:18px 0 0;text-align:inherit}
#clp .ex.ex-int .call-line a{display:inline-flex;align-items:center;gap:8px;color:#fff;font:700 18px/1.2 var(--fb);text-decoration:underline}
#clp .ex.ex-int .call-line svg{width:20px;height:20px;flex:none}
#clp .ex.ex-int .hours-line{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;font-size:14px;color:#E8E8F4}
#clp .ex.ex-int .hours-line svg{width:16px;height:16px;flex:none}
#clp .ex.ex-int .ex-hero .ex-hero-in>svg,#clp .ex.ex-int .ex-hero3-t>svg{display:none}
#clp .ex.ex-int .repair-callout{background:#fff;color:#1d1d1f;border-radius:20px;padding:20px 22px;margin:24px auto 0;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
#clp .ex.ex-int .repair-callout p{color:#1d1d1f;margin:0;font-size:15px;line-height:1.5}
#clp .ex.ex-int .repair-callout .fee-note{font-size:13px;color:#555}
#clp .ex.ex-int .repair-callout .btn-secondary{border-color:var(--ex-p)}
/* split hero: whole photo, never under text (C&L branding / vehicle wraps) */
#clp .ex.ex-int .ex-hero3{display:grid;grid-template-columns:48fr 52fr;align-items:stretch;background:linear-gradient(135deg,#3B3C73,#2C2D5C);color:#fff;min-height:540px}
#clp .ex.ex-int .ex-hero3-t{display:flex;flex-direction:column;justify-content:center;padding:64px 48px;text-align:left}
#clp .ex.ex-int .ex-hero3-t h1{font-size:52px;line-height:1.15;color:#fff}
#clp .ex.ex-int .ex-hero3 .ex-eyebrow{align-self:flex-start}
#clp .ex.ex-int .ex-hero3 .ex-rule{margin:18px 0}
#clp .ex.ex-int .ex-hero3 .support{margin:0;max-width:560px}
#clp .ex.ex-int .ex-hero3 .ctas{justify-content:flex-start}
#clp .ex.ex-int .ex-hero3 .fee-note,#clp .ex.ex-int .ex-hero3 .micro,#clp .ex.ex-int .ex-hero3 .clp-small{margin-left:0}
#clp .ex.ex-int .ex-hero3-p{margin:0;display:flex;align-items:center;justify-content:center;padding:28px 28px 28px 0}
#clp .ex.ex-int .ex-hero3-p img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;border-radius:20px;box-shadow:0 18px 40px -22px rgba(0,0,0,.6)}
/* breadcrumb under the hero */
#clp .ex.ex-int .ex-crumb{background:#fff;border-bottom:1px solid var(--ex-line)}
#clp .ex.ex-int .ex-crumb ol{margin:0;padding:12px 0}
/* white panels / alternating sections */
#clp .ex.ex-int .ex-panelsec,#clp .ex.ex-int .ex-safetysec{padding:70px 0;background:var(--ex-bg)}
#clp .ex.ex-int .ex-panelsec--w{background:#fff}
#clp .ex.ex-int .ex-panelsec .t-head,#clp .ex.ex-int .ex-gallery .t-head,#clp .ex.ex-int .ex-safetysec .t-head,#clp .ex.ex-int .tl-head{max-width:900px;margin:0 auto 36px;text-align:center}
#clp .ex.ex-int .t-head h2,#clp .ex.ex-int .tl-head h2{font-size:40px;line-height:1.2;color:var(--ex-p);text-align:inherit}
#clp .ex.ex-int .t-head .eyebrow,#clp .ex.ex-int .tl-head .eyebrow{color:var(--ex-pd);font-size:14px}
#clp .ex.ex-int .ex-panelsec .container>p,#clp .ex.ex-int .ex-panelsec .t-head+p{margin-left:auto;margin-right:auto}
#clp .ex.ex-int .ex-panelsec .clp-h3{text-align:center}
#clp .ex.ex-int .way-card{border:2px solid var(--ex-p);border-radius:20px;box-shadow:0 10px 30px -18px rgba(59,60,115,.45)}
#clp .ex.ex-int .way-card .k{color:var(--ex-pd)}
#clp .ex.ex-int .related-links a{border:2px solid var(--ex-p);border-radius:20px;box-shadow:0 10px 30px -18px rgba(59,60,115,.45);text-decoration:none}
#clp .ex.ex-int .related-links a:hover{background:var(--ex-pt)}
#clp .ex.ex-int .process-steps li{border:2px solid var(--ex-line);border-radius:20px}
#clp .ex.ex-int .process-steps li:before{background:var(--ex-p)}
#clp .ex.ex-int .symptom-list .ic{background:var(--ex-pt);color:var(--ex-pd)}
#clp .ex.ex-int .card-plan-link{border-radius:20px;border:2px solid var(--ex-p)}
#clp .ex.ex-int .area-facts>div{border-radius:20px}
#clp .ex.ex-int .safety-note{border-left-color:var(--ex-p);background:var(--ex-pt);border-radius:8px;margin:0 auto}
#clp .ex.ex-int .ex-safetysec .clp-safety-intro{max-width:900px;margin:0 auto 14px}
#clp .ex.ex-int .ex-finsec{padding:34px 0;background:var(--ex-bg)}
#clp .ex.ex-int .ex-finsec .financing-line{justify-content:center;margin:0 auto}
/* text + photo rows (AC Repair row look) */
#clp .ex.ex-int .ex-row--int .ex-row-t .t-head{margin:0 0 20px;max-width:none;text-align:left}
#clp .ex.ex-int .ex-row--int .ex-row-t .t-head h2{text-align:left}
#clp .ex.ex-int .ex-row--int .ex-row-t>p{font-size:17px;line-height:1.65;margin:0 0 14px}
#clp .ex.ex-int .ex-row--int .symptom-list,#clp .ex.ex-int .ex-row--int .way-cards,#clp .ex.ex-int .ex-row--int .clp-cards.three{grid-template-columns:1fr}
#clp .ex.ex-int .ex-row--int .related-links,#clp .ex.ex-int .ex-row--int .process-steps{grid-template-columns:1fr 1fr}
#clp .ex.ex-int .ex-row--int .ex-row-in{align-items:start}
#clp .ex.ex-int .ex-row--int .ex-row-im{position:sticky;top:120px}
#clp .ex.ex-int .ex-row--int>.ex-wrap+.ex-wrap{margin-top:30px;max-width:1440px;padding:0 48px}
/* galleries: one photo set, same aspect, tag captions */
#clp .ex.ex-int .ex-gallery{padding:60px 0;background:#fff}
#clp .ex.ex-int .ex-gallery>.ex-wrap{max-width:1240px}
#clp .ex .ex-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#clp .ex .ex-gal--2{grid-template-columns:repeat(2,1fr)}
#clp .ex .ex-gal--1{grid-template-columns:minmax(0,640px);justify-content:center}
#clp .ex .ex-gfig{position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3}
#clp .ex .ex-gfig img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
/* consultation band (replaces the dark CTA strip; same text and buttons) */
#clp .ex.ex-int .ex-consult--int{padding:50px 0 64px}
#clp .ex.ex-int .ex-consult--int>.ex-wrap{max-width:1160px}
#clp .ex.ex-int .ex-ctacard{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:30px}
#clp .ex.ex-int .ex-ctacard .ex-im{aspect-ratio:600/338}
#clp .ex.ex-int .ex-ctabody .clp-cta-p{color:#333;font-size:16px;margin:0 0 10px;max-width:none}
#clp .ex.ex-int .ex-ctabody .l24{font:800 22px/1.3 var(--fh);color:var(--ex-pd);margin:0 0 4px}
#clp .ex.ex-int .ex-ctabody .hrs{color:#555;font-size:15px;margin:0 0 18px}
#clp .ex.ex-int .ex-ctabody .btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
#clp .ex.ex-int .ex-ctabody .btn-secondary--on-dark{border-color:var(--ex-p);color:var(--ex-pd)}
#clp .ex.ex-int .ex-ctabody .btn-secondary--on-dark:hover{background:var(--ex-p);color:#fff}
#clp .ex.ex-int .ex-ctabody .clp-cta-tl{width:100%;margin:6px 0 0;color:#333;font-size:15px}
#clp .ex.ex-int .ex-ctabody .clp-cta-tl a,#clp .ex.ex-int .ex-ctabody .btn-text{color:var(--ex-pd);font-weight:700;text-decoration:underline}
#clp .ex.ex-int .ex-ctabody .fee-note{width:100%;color:#555;font-size:14px;margin:8px 0 0}
/* FAQ (grey bars, as AC Repair) */
#clp .ex.ex-int .ex-faq--int h2{font-size:34px;margin:6px 0 24px}
#clp .ex.ex-int .ex-faq-eb{text-align:center;color:var(--ex-pd);font:700 14px/1.3 var(--fb);letter-spacing:.08em;text-transform:uppercase}
#clp .ex.ex-int .ex-a p{margin:0 0 8px}
@media (max-width:1100px){
#clp .ex.ex-int .ex-hero3{grid-template-columns:1fr}
#clp .ex.ex-int .ex-hero3-t{align-items:center;text-align:center;padding:52px 24px 30px}
#clp .ex.ex-int .ex-hero3 .ex-eyebrow{align-self:center}
#clp .ex.ex-int .ex-hero3 .ex-rule{margin:18px auto}
#clp .ex.ex-int .ex-hero3 .support,#clp .ex.ex-int .ex-hero3 .fee-note,#clp .ex.ex-int .ex-hero3 .micro,#clp .ex.ex-int .ex-hero3 .clp-small{margin-left:auto;margin-right:auto}
#clp .ex.ex-int .ex-hero3 .ctas{justify-content:center}
#clp .ex.ex-int .ex-hero3-p{padding:0 24px 36px}
#clp .ex.ex-int .ex-hero3-p img{width:auto;max-width:100%;max-height:560px}
#clp .ex.ex-int .ex-row--int .ex-row-im{position:relative;top:auto}
#clp .ex.ex-int .related-links{grid-template-columns:repeat(2,1fr)}
#clp .ex.ex-int .process-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
#clp .ex.ex-int .ex-strip-line{font-size:24px}
#clp .ex.ex-int .ex-hero--int{min-height:0;padding:56px 20px 64px}
#clp .ex.ex-int .ex-hero--int h1,#clp .ex.ex-int .ex-hero3-t h1{font-size:34px;line-height:1.15;overflow-wrap:break-word}
#clp .ex.ex-int .hero-paths{grid-template-columns:1fr}
#clp .ex.ex-int .hero-paths .btn-primary,#clp .ex.ex-int .hero-paths .btn-secondary{width:100%}
#clp .ex.ex-int .ex-hero .ctas,#clp .ex.ex-int .ex-hero3 .ctas{flex-direction:column}
#clp .ex.ex-int .ex-hero .ctas a,#clp .ex.ex-int .ex-hero3 .ctas a{width:100%}
#clp .ex.ex-int .ex-hero .way-cards,#clp .ex.ex-int .ex-hero3 .way-cards{grid-template-columns:1fr}
#clp .ex.ex-int .ex-hero3-p{padding:0 20px 30px}
#clp .ex.ex-int .ex-panelsec,#clp .ex.ex-int .ex-safetysec,#clp .ex.ex-int .ex-gallery{padding:48px 0}
#clp .ex.ex-int .t-head h2,#clp .ex.ex-int .tl-head h2{font-size:30px}
#clp .ex.ex-int .related-links,#clp .ex.ex-int .process-steps,#clp .ex.ex-int .ex-row--int .related-links,#clp .ex.ex-int .ex-row--int .process-steps{grid-template-columns:1fr}
#clp .ex.ex-int .ex-row--int .ex-wrap,#clp .ex.ex-int .ex-row--int>.ex-wrap+.ex-wrap{padding:0 20px}
#clp .ex .ex-gal,#clp .ex .ex-gal--2{grid-template-columns:1fr}
#clp .ex.ex-int .ex-ctacard{grid-template-columns:1fr;gap:20px;padding:20px}
#clp .ex.ex-int .ex-ctabody .btns a{width:100%}
#clp .ex.ex-int .ex-consult--int h2{font-size:28px}
}
/* 10:02 AM: on phones the photo caption sits under the photo, never over it (AC Repair coil row and every interior row/gallery) */
@media (max-width:767px){
#clp .ex .ex-row-im,#clp .ex .ex-gfig{aspect-ratio:auto;overflow:visible;border-radius:0}
#clp .ex .ex-row-im img{aspect-ratio:655/549;height:auto;border-radius:20px}
#clp .ex .ex-gfig img{aspect-ratio:4/3;height:auto;border-radius:20px}
#clp .ex .ex-row-im .ex-tag,#clp .ex .ex-gfig .ex-tag{position:static;display:inline-block;margin-top:10px}
}
@media (min-width:768px){#clp .ex .ex-gfig .ex-tag{right:12px;bottom:12px}}

/* 1:02 PM directive: split rows (text section + one real photo, alternating) */
#clp .ex.ex-int .ex-row--split .ex-row-in{align-items:start}
#clp .ex.ex-int .ex-row--split .ex-row-im{position:sticky;top:120px}
#clp .ex.ex-int .ex-row--split .ex-row-t .grid,#clp .ex.ex-int .ex-row--split .ex-row-t [class*="grid-"],#clp .ex.ex-int .ex-row--split .ex-row-t .cards{grid-template-columns:1fr!important}
#clp .ex.ex-int .ex-row--split .ex-row-t h2,#clp .ex.ex-int .ex-row--split .ex-row-t .t-head,#clp .ex.ex-int .ex-row--split .ex-row-t .sec-head{text-align:left;margin-left:0}
@media (max-width:1023px){#clp .ex.ex-int .ex-row--split .ex-row-im{position:relative;top:auto}}

/* v1.3.10 (2026-10-10): /heating/ "Service Plans" tile holds two plan links (the /service-plans/ hub is out of the nav) */
#clp .ex .ex-tile--plans{flex-direction:column;gap:12px;cursor:default}
#clp .ex .ex-tile--plans:hover{transform:none}
#clp .ex .ex-tile--plans .ex-tile-links{display:flex;flex-direction:column;gap:8px;align-items:center}
#clp .ex .ex-tile--plans .ex-tile-links a{color:#fff;font:600 15px/1.3 var(--fb);text-decoration:underline;text-underline-offset:3px}
#clp .ex .ex-tile--plans .ex-tile-links a:hover,#clp .ex .ex-tile--plans .ex-tile-links a:focus-visible{color:var(--neon,#C7EC53)}

/* v1.3.15 (2026-10-10, Zack 7:02 PM): homepage "Download Our App" band. Official Apple / Google badge artwork, unmodified;
 * clear space >= 1/4 badge height; the Google Play PNG carries its own transparent clear space, so its visible badge
 * (48px) matches the App Store badge height (48px), per Google's "same size or larger" rule. */
#clp .ex .ex-app{background:var(--ex-p);color:#fff;padding:56px 0 28px;scroll-margin-top:120px}
#clp .ex .ex-app-in{display:grid;grid-template-columns:auto 1fr auto;gap:44px;align-items:center;max-width:1200px}
#clp .ex .ex-app-icon{width:160px;height:160px;border-radius:36px;background:#fff;box-shadow:0 10px 28px rgba(20,20,60,.28)}
#clp .ex .ex-app-t h2{color:#fff;font-size:42px;margin:0 0 12px;text-align:left}
#clp .ex .ex-app-t .ex-eyebrow{margin-bottom:12px}
#clp .ex .ex-app-lead{font-size:19px;line-height:1.5;color:#fff;margin:0 0 14px;max-width:620px}
#clp .ex .ex-app-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#clp .ex .ex-app-list li{position:relative;padding-left:30px;font-size:17px;line-height:1.45;color:#fff}
#clp .ex .ex-app-list li:before{content:"";position:absolute;left:2px;top:.32em;width:16px;height:16px;border-radius:50%;background:var(--neon,#C7EC53);box-shadow:inset 0 0 0 4px var(--ex-p)}
#clp .ex .ex-app-badges{display:flex;flex-direction:column;align-items:center;gap:0}
#clp .ex .ex-app-badge{display:block;line-height:0;border-radius:10px}
#clp .ex .ex-app-badge--ios{padding:12px}
#clp .ex .ex-app-badge--ios img{width:144px;height:48px;max-width:none}
#clp .ex .ex-app-badge--gp img{width:186px;height:72px;max-width:none}
#clp .ex .ex-app-badge:focus-visible{outline:3px solid var(--neon,#C7EC53);outline-offset:2px}
#clp .ex .ex-app-legal{max-width:1200px;margin:26px auto 0;padding:0 20px;font-size:11px;line-height:1.5;color:rgba(255,255,255,.72);text-align:center}
@media (max-width:1023px){
#clp .ex .ex-app-in{grid-template-columns:auto 1fr;gap:28px 32px}
#clp .ex .ex-app-badges{grid-column:1/-1;flex-direction:row;justify-content:center;flex-wrap:wrap}
}
@media (max-width:767px){
#clp .ex .ex-app{padding:44px 0 24px}
#clp .ex .ex-app-in{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px}
#clp .ex .ex-app-icon{width:112px;height:112px;border-radius:26px}
#clp .ex .ex-app-t h2{font-size:30px;text-align:center}
#clp .ex .ex-app-lead{font-size:17px;margin:0 auto 14px}
#clp .ex .ex-app-list{justify-items:start;text-align:left;max-width:330px;margin:0 auto}
#clp .ex .ex-app-list li{font-size:16px}
#clp .ex .ex-app-badges{gap:0}
}

/* v-tableft (2026-10-10, Zack 8:04 PM): the RealWork "See work near you" tab now sits on the LEFT edge (40px wide, vertically centered).
   Below 1024px every top-level page section gets a transparent left border of --cl-rw-shift (44px reserve - 12px = 32px), so text,
   headings, buttons and form fields that sat 20px from the edge now start 52px from it (the same 44px + 8px the old right-side rule
   used) and clear the tab. Section backgrounds still paint under the transparent border (background-origin:border-box), and the
   absolutely positioned hero photos are pulled back to the edge, so backgrounds stay full-bleed. The old right-side reserve is gone. */
#clp{--cl-rw-shift:0px}
@media (max-width:1023px){
#clp{--cl-rw-shift:calc(var(--cl-rw-reserve) - 12px)}
#clp>.ex>*{border-left:var(--cl-rw-shift) solid transparent!important;background-origin:border-box!important}
#clp .ex .ex-hero-bg{left:calc(var(--cl-rw-shift) * -1);width:calc(100% + var(--cl-rw-shift))}
/* the homepage family hero clips its photo (overflow:hidden), so it keeps no border and pads its text column instead */
#clp .ex>.ex-hero5{border-left-width:0!important}
#clp .ex .ex-hero5-t{padding-left:calc(20px + var(--cl-rw-shift))}
}