/* cl-pages-batch3: AD-01 style system + AD templates.css, scoped to #clp (generated by build_batch3.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 .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 .sec:not(.clp-el *){padding:96px 0} #clp .bg-off:not(.clp-el *){background:var(--peri-tint)} #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 .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 .ba-slider:not(.clp-el *){height:262px}#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 (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)} @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 .card-plan-link:not(.clp-el *){padding:22px 20px}} #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} #clp .way-cards:not(.clp-el *){display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px} #clp .way-card:not(.clp-el *){background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:28px;display:flex;flex-direction:column;gap:12px;border-top:4px solid var(--peri)} #clp .way-card h3:not(.clp-el *){font-size:26px;line-height:1.1} #clp .way-card p:not(.clp-el *){font-size:16px;line-height:1.6;color:var(--charcoal)} #clp .way-card .row:not(.clp-el *){display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:8px} #clp .way-card .k:not(.clp-el *){font:700 12px/1 var(--fb,Inter);letter-spacing:.08em;text-transform:uppercase;color:var(--peri)} @media (min-width:768px) and (max-width:1023px){#clp .way-cards:not(.clp-el *){grid-template-columns:1fr 1fr}} @media (max-width:767px){#clp .way-cards:not(.clp-el *){grid-template-columns:1fr;gap:18px}#clp .way-card:not(.clp-el *){padding:22px}#clp .way-card h3:not(.clp-el *){font-size:23px}} /* cl-pages-batch3 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} /* cl-pages-batch3 additions */ #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 .page-hero.text-only .container:not(.clp-el *){grid-template-columns:minmax(0,820px)} #clp .page-hero.clp-text-hero:not(.clp-el *){padding:72px 0 80px} #clp .page-hero .clp-small:not(.clp-el *){font-size:15px;color:var(--grey);margin-top:14px;max-width:560px} #clp .page-hero .clp-small a:not(.clp-el *),#clp .page-hero--dark .clp-small a:not(.clp-el *){color:var(--peri-hover);font-weight:600;text-decoration:underline} #clp .page-hero--dark .clp-small:not(.clp-el *){color:rgba(255,255,255,.8)} #clp .page-hero--dark .clp-small a:not(.clp-el *){color:var(--neon)} #clp .clp-hero-ways:not(.clp-el *){margin-top:24px;gap:16px} #clp .clp-hero-ways .way-card:not(.clp-el *){padding:20px;gap:8px} #clp .clp-hero-ways .way-card p:not(.clp-el *){font-size:15px} #clp .way-card .row:not(.clp-el *){display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:4px} #clp .clp-cards.three:not(.clp-el *){grid-template-columns:repeat(3,1fr)} #clp .sec .t-head + p:not(.clp-el *),#clp .sec .container > p:not(.clp-el *){max-width:820px;margin:0 0 16px;font-size:17px;line-height:1.65;color:var(--charcoal)} #clp .sec .container > p a:not(.clp-el *),#clp .faq .a a:not(.clp-el *),#clp .way-card p a:not(.clp-el *),#clp .symptom-list a:not(.clp-el *),#clp .safety-note a:not(.clp-el *),#clp .card-plan-link p a:not(.clp-el *){color:var(--peri-hover);font-weight:600;text-decoration:underline} #clp .clp-h3:not(.clp-el *){font-size:26px;margin:36px 0 14px} #clp .t-head + .clp-h3:not(.clp-el *){margin-top:0} #clp .symptom-list + p:not(.clp-el *),#clp .symptom-list + .clp-h3:not(.clp-el *){margin-top:24px} #clp .clp-checks .ic:not(.clp-el *){background:var(--peri-tint)} #clp .sec .photo-band:not(.clp-el *),#clp .sec .related-links + .photo-band:not(.clp-el *){margin-top:32px} #clp .sec .process-steps:not(.clp-el *){margin-top:8px} #clp .clp-safety-sec:not(.clp-el *){padding:0 0 72px} #clp .clp-safety-sec .t-head:not(.clp-el *){margin-bottom:20px} #clp .clp-safety-intro:not(.clp-el *){margin:0 0 14px;font-size:17px} #clp .clp-one:not(.clp-el *){max-width:820px} #clp .clp-card:not(.clp-el *){margin:8px 0 16px;max-width:820px} #clp .clp-ctas:not(.clp-el *){display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 16px} #clp .cta-strip .clp-cta-p:not(.clp-el *){color:rgba(255,255,255,.88);margin-top:10px;max-width:560px;font-size:16px} #clp .cta-strip .clp-cta-tl:not(.clp-el *){width:100%;margin:4px 0 0;color:rgba(255,255,255,.85);font-size:15px} #clp .cta-strip .clp-cta-tl a:not(.clp-el *){color:var(--neon);text-decoration:underline;font-weight:600} #clp .clp-lk a:not(.clp-el *){white-space:nowrap} #clp .ba-slider.clp-ba:not(.clp-el *){cursor:ew-resize;touch-action:pan-y;user-select:none} @media (max-width:1023px){#clp .clp-cards.three:not(.clp-el *){grid-template-columns:1fr}} @media (max-width:767px){#clp .page-hero.clp-text-hero:not(.clp-el *){padding:40px 0 48px}#clp .clp-h3:not(.clp-el *){font-size:22px}#clp .ba-slider.clp-ba:not(.clp-el *){height:300px}#clp .way-cards: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}} #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-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}} /* ===== cl-pages-batch5 v1.0.1: brand pages in the ECI brand-page order (ECI /lochinvar, /amana), C&L palette ===== */ #clp .b5-brand .ex-btn svg{width:18px;height:18px;margin-right:10px;fill:currentColor;flex:none} #clp .b5-brand .b5-hero{min-height:560px} #clp .b5-brand .b5-hero--plain{min-height:460px;padding-top:90px;padding-bottom:120px} #clp .b5-brand .b5-every{margin-top:10px;font-weight:600} #clp .b5-brand [id]{scroll-margin-top:150px} #clp .b5-brand .ex-wrap{max-width:1160px;margin:0 auto;padding:0 20px} #clp .b5-brand .b5-rule{display:block;width:70px;height:4px;border-radius:2px;background:var(--neon,#C7EC53);margin:0 0 18px} #clp .b5-brand .b5-intro{background:var(--ex-bg,#F4F4FA);padding:56px 0} #clp .b5-brand .b5-intro-in{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:center} #clp .b5-brand .b5-intro h2{font-size:40px;line-height:1.15;color:var(--ex-p);margin:0 0 14px} #clp .b5-brand .b5-intro p{font-size:17px;line-height:1.65;color:var(--charcoal);margin:0 0 12px} #clp .b5-brand .b5-name{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:170px;background:#fff;border:1px solid var(--ex-line);border-radius:8px;box-shadow:0 8px 24px rgba(59,60,115,.10);padding:24px;text-align:center} #clp .b5-brand .b5-name span{font:800 40px/1.05 var(--fh,inherit);color:var(--ex-pd);letter-spacing:.01em} #clp .b5-brand .b5-name small{font-size:13px;color:var(--grey);font-weight:600} #clp .b5-brand .b5-tabs{padding:52px 0 8px;text-align:center;background:#fff} #clp .b5-brand .b5-tabs h2{font-size:36px;color:var(--ex-p);margin:0 0 20px} #clp .b5-brand .b5-tabs-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;border-bottom:1px solid var(--ex-line);padding-bottom:18px} #clp .b5-brand .b5-tab{display:inline-flex;align-items:center;min-height:44px;padding:10px 22px;border-radius:22px;background:#ECECF7;color:var(--ex-pd);font:700 15px/1.2 var(--fb);text-decoration:none;border:1px solid #C9C9E3} #clp .b5-brand .b5-tab:hover,#clp .b5-brand .b5-tab:focus-visible{background:var(--ex-p);color:#fff;border-color:var(--ex-p)} #clp .b5-brand .b5-row{padding:56px 0;background:#fff} #clp .b5-brand .b5-row+.b5-row{border-top:1px solid var(--ex-line)} #clp .b5-brand .b5-row-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center} #clp .b5-brand .b5-row--flip .b5-row-t{order:2} #clp .b5-brand .b5-row h2{font-size:36px;line-height:1.2;color:var(--ex-p);margin:0 0 14px} #clp .b5-brand .b5-checks{margin:0 0 22px} #clp .b5-brand .b5-checks a{color:var(--ex-p);font-weight:700} #clp .b5-brand .b5-row-btns{display:flex;flex-wrap:wrap;gap:14px} #clp .b5-brand .b5-btn-line{background:#fff;color:var(--ex-pd);border:2px solid var(--ex-p)} #clp .b5-brand .b5-btn-line:hover{background:var(--ex-p);color:#fff} #clp .b5-brand .b5-more{margin:16px 0 0;font-size:15px} #clp .b5-brand .b5-more a,#clp .b5-brand .b5-link{color:var(--ex-p);font-weight:700;text-decoration:none} #clp .b5-brand .b5-more a:hover,#clp .b5-brand .b5-link:hover{text-decoration:underline} #clp .b5-brand .b5-row-im{margin:0;border-radius:8px;overflow:hidden;box-shadow:0 10px 28px rgba(23,24,52,.18)} #clp .b5-brand .b5-row-im img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover} #clp .b5-brand .b5-row-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:300px;background:linear-gradient(135deg,var(--ex-p),var(--ex-pd));color:#fff;border-radius:8px;padding:40px 38px;box-shadow:0 10px 28px rgba(23,24,52,.18)} #clp .b5-brand .b5-row-ic{display:inline-flex;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.14);align-items:center;justify-content:center;margin-bottom:18px} #clp .b5-brand .b5-row-ic svg{width:28px;height:28px;fill:var(--neon,#C7EC53)} #clp .b5-brand .b5-row-card-h{font:800 26px/1.2 var(--fh,inherit);color:#fff;margin:0 0 10px} #clp .b5-brand .b5-row-card p{color:#EDEDF7;font-size:16px;line-height:1.6;margin:0 0 18px} #clp .b5-brand .b5-row-card .b5-link{color:#fff;border-bottom:2px solid var(--neon,#C7EC53);padding-bottom:2px} #clp .b5-brand .b5-why .t-head h2{text-align:center} #clp .b5-brand .b5-why-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} #clp .b5-brand .b5-why-grid li{background:#fff;border:1px solid var(--ex-line);border-top:5px solid var(--ex-p);border-radius:6px;padding:24px 20px;margin:0;box-shadow:0 6px 18px rgba(59,60,115,.08)} #clp .b5-brand .b5-why-grid .ic svg{width:26px;height:26px;fill:var(--ex-p)} #clp .b5-brand .b5-why-grid p{margin:10px 0 0;font:600 16px/1.5 var(--fb);color:var(--ink)} #clp .b5-brand .b5-est{background:var(--ex-p);color:#fff;padding:60px 0} #clp .b5-brand .b5-est-in{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center} #clp .b5-brand .b5-est h2{color:#fff;font-size:38px;line-height:1.15;margin:0 0 14px} #clp .b5-brand .b5-est-t>p{font-size:18px;line-height:1.6;color:#fff;margin:0} #clp .b5-brand .b5-est .ex-hero-btns{justify-content:flex-start} #clp .b5-brand .b5-btn-ghost{background:transparent;color:#fff;border-color:#fff} #clp .b5-brand .b5-btn-ghost:hover{background:#fff;color:var(--ex-pd)} #clp .b5-brand .b5-small{margin:16px 0 0;font-size:14px;color:#E8E8F4} #clp .b5-brand .b5-est-card{background:#fff;color:var(--ink);border-radius:8px;padding:30px 28px;box-shadow:0 12px 30px rgba(23,24,52,.25)} #clp .b5-brand .b5-est-card h3{font-size:26px;color:var(--ex-pd);margin:0 0 10px} #clp .b5-brand .b5-est-card p{font-size:15px;line-height:1.6;color:var(--charcoal);margin:0 0 16px} #clp .b5-brand .b5-est-card .ex-btn{width:100%} #clp .b5-brand .b5-est-card .b5-fee{font-size:13px;color:var(--grey);margin:10px 0 0} #clp .b5-brand .b5-src{font-size:12.5px;line-height:1.6;color:var(--grey);padding-top:18px!important;padding-bottom:26px!important} #clp .b5-brand .b5-src a{color:var(--ex-p)} /* v1.0.1: "What we do" cards (used on the Energy Kinetics page, batch2 v1.3.9) */ #clp .b5-brand .brand-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} #clp .b5-brand .brand-cards>a{display:block;background:#fff;border:1px solid var(--ex-line);border-top:5px solid var(--ex-p);border-radius:6px;padding:26px 22px;text-decoration:none;color:var(--ink);box-shadow:0 6px 18px rgba(59,60,115,.08)} #clp .b5-brand .brand-cards>a:hover,#clp .b5-brand .brand-cards>a:focus-visible{box-shadow:0 10px 26px rgba(59,60,115,.18)} #clp .b5-brand .brand-cards .badge{display:inline-flex;width:52px;height:52px;border-radius:50%;background:#ECECF7;align-items:center;justify-content:center;margin-bottom:14px;color:var(--ex-p)} #clp .b5-brand .brand-cards .badge svg{width:26px;height:26px} #clp .b5-brand .brand-cards h3{font-size:21px;line-height:1.25;color:var(--ex-pd);margin:0 0 8px} #clp .b5-brand .brand-cards p{font-size:15.5px;line-height:1.55;color:var(--charcoal);margin:0 0 14px} #clp .b5-brand .brand-cards .btn-text{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ex-p)} #clp .b5-brand .brand-cards .btn-text svg{width:16px;height:16px} @media (max-width:1023px){ #clp .b5-brand .b5-intro-in,#clp .b5-brand .b5-row-in,#clp .b5-brand .b5-est-in{grid-template-columns:1fr;gap:32px} #clp .b5-brand .b5-row--flip .b5-row-t{order:0} #clp .b5-brand .b5-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #clp .b5-brand .b5-name{min-height:120px} #clp .b5-brand .brand-cards{grid-template-columns:1fr} } @media (max-width:767px){ #clp .b5-brand .b5-hero{min-height:0} #clp .b5-brand .b5-hero--plain{padding-top:64px;padding-bottom:84px} #clp .b5-brand .b5-intro{padding:40px 0} #clp .b5-brand .b5-intro h2,#clp .b5-brand .b5-row h2,#clp .b5-brand .b5-tabs h2{font-size:30px} #clp .b5-brand .b5-row{padding:42px 0} #clp .b5-brand .b5-row-card{min-height:0;padding:30px 24px} #clp .b5-brand .b5-why-grid{grid-template-columns:1fr} #clp .b5-brand .b5-est h2{font-size:30px} #clp .b5-brand .b5-row-btns,#clp .b5-brand .b5-est .ex-hero-btns{flex-direction:column} #clp .b5-brand .b5-row-btns .ex-btn,#clp .b5-brand .b5-est .ex-btn{width:100%} #clp .b5-brand .b5-tab{padding:10px 16px;font-size:14px} } /* ---- cl-pages-batch6 v1.0.0: ECI town-page blocks (services cards, Find Us cards, source line) ---- */ #clp .ex .b6-tag{font:700 24px/1.25 var(--fh);color:var(--ex-p);margin:0 0 14px} #clp .ex .b6-btns{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0 6px} #clp .ex .b6-btns .ex-btn{min-height:52px;padding:12px 26px} #clp .ex .b6-src{margin-top:16px;font-size:13px;line-height:1.5;color:#666} #clp .ex .b6-services{padding:56px 0 64px;background:#fff} #clp .ex .b6-services h2{text-align:center;font-size:42px;margin:0 0 28px} #clp .ex .b6-svc-panel{background:#F6F6F6;padding:40px 0;max-width:1340px;margin:0 auto} #clp .ex .b6-svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} #clp .ex .b6-scard{display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:150px;padding:24px 22px;background:#fff;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.09);text-decoration:none;transition:transform .15s} #clp .ex .b6-scard:hover{transform:translateY(-3px)} #clp .ex .b6-scard h3{font:700 23px/1.2 var(--fh);color:var(--ex-pd);margin:0} #clp .ex .b6-go{align-self:flex-start;display:inline-block;padding:9px 16px;border-radius:5px;background:var(--ex-p);color:#fff;font:700 13px/1 var(--fb)} #clp .ex .b6-scard:hover .b6-go{background:var(--ex-ph)} #clp .ex .b6-find{padding:60px 0 70px;background:#fff} #clp .ex .b6-find h2{text-align:center;font-size:42px;margin:0 0 14px} #clp .ex .b6-find-lead{max-width:980px;margin:0 auto 32px;text-align:center;font-size:16px;line-height:1.65;color:#333} #clp .ex .b6-find-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} #clp .ex .b6-fcard{background:var(--ex-pt);border-radius:16px;padding:24px 22px;font-size:15px;line-height:1.55;color:#333} #clp .ex .b6-fcard h3{font:700 21px/1.2 var(--fh);color:#1d1d1f;margin:0 0 12px} #clp .ex .b6-fcard p{margin:0 0 10px} #clp .ex .b6-fcard a{color:var(--ex-pd);font-weight:600} #clp .ex .b6-zips{font:700 20px/1.35 var(--fh);color:var(--ex-pd)} #clp .ex .b6-near{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px} #clp .ex .b6-near span{color:#333} #clp .ex .ex-ctabody .l24 a{color:inherit;text-decoration:none} #clp .ex .ex-ctabody .clp-cta-tl a{color:var(--ex-pd);font-weight:600} @media (max-width:1023px){#clp .ex .b6-svc-grid,#clp .ex .b6-find-grid{grid-template-columns:1fr 1fr}} @media (max-width:767px){#clp .ex .b6-services h2,#clp .ex .b6-find h2{font-size:30px}#clp .ex .b6-svc-panel{padding:24px 0}#clp .ex .b6-svc-grid{grid-template-columns:1fr;gap:14px}#clp .ex .b6-scard{min-height:0;gap:16px}#clp .ex .b6-find-grid{grid-template-columns:1fr}#clp .ex .b6-tag{font-size:20px}#clp .ex .b6-btns .ex-btn{flex:1 1 100%}} /* ---- v1.0.3: tighter ECI town-page match (hero size, black headings, 30px taglines, disc bullets, FAQ heading, simple Find Us) ---- */ #clp .ex.ex-int .b6-town .ex-hero--int,#clp .ex.ex-int.b6-town .ex-hero--int{min-height:730px;padding:110px 20px 120px} #clp .ex.ex-int.b6-town .ex-hero--int .ex-hero-in{max-width:880px} #clp .ex.ex-int.b6-town .ex-hero--int h1{font-size:60px;line-height:1.2} #clp .ex.ex-int.b6-town .b6-eb{font:400 16px/1.4 var(--fb);letter-spacing:.02em;text-transform:none;display:inline-flex;align-items:center;gap:12px} #clp .ex.ex-int.b6-town .b6-eb::after{content:"";width:20px;height:3px;background:currentColor;display:inline-block} #clp .ex.ex-int.b6-town .ex-hero--int .support{font-size:16px;line-height:1.6;max-width:860px;margin-left:auto;margin-right:auto} #clp .ex.ex-int.b6-town .b6-row{padding:60px 0} #clp .ex.ex-int.b6-town .b6-row h2{font:800 40px/1.2 var(--fh);color:#1d1d1f;margin:0 0 20px;text-align:left} #clp .ex.ex-int.b6-town .b6-tag{font:800 30px/1.2 var(--fh);color:#1d1d1f;margin:0 0 18px} #clp .ex.ex-int.b6-town .b6-p{font-size:16px;line-height:1.65;color:#333;margin:0 0 12px} #clp .ex.ex-int.b6-town .b6-bul{list-style:disc;margin:0;padding:0 0 0 22px} #clp .ex.ex-int.b6-town .b6-bul li{font-size:16px;line-height:1.65;color:#333;margin:0 0 6px;padding-left:4px} #clp .ex.ex-int.b6-town .b6-bul li b{color:#1d1d1f} #clp .ex.ex-int.b6-town .b6-bul a,#clp .ex.ex-int.b6-town .b6-p a{color:var(--ex-pd);font-weight:600;text-decoration:underline} #clp .ex.ex-int.b6-town .b6-row .ex-row-im,#clp .ex.ex-int.b6-town .b6-row .ex-row-im img{border-radius:20px} #clp .ex.ex-int.b6-town .b6-row .ex-row-in{align-items:center} #clp .ex.ex-int.b6-town .b6-services h2,#clp .ex.ex-int.b6-town .b6-find h2{font:800 40px/1.2 var(--fh);color:#1d1d1f} #clp .ex.ex-int.b6-town .b6-faq h2{font:800 30px/1.2 var(--fh);color:#1d1d1f;text-align:center;margin:0 0 12px} #clp .ex.ex-int.b6-town .b6-faq .ex-faq-lead{font-size:15px;color:#333;max-width:1100px;margin:0 auto 24px} #clp .ex.ex-int.b6-town .b6-find{padding:60px 0 70px} #clp .ex.ex-int.b6-town .b6-find-lead{margin:0 auto 18px} #clp .ex.ex-int.b6-town .b6-office{text-align:center;font-size:16px;line-height:1.7;color:#333;margin:0 auto 12px} #clp .ex.ex-int.b6-town .b6-office a,#clp .ex.ex-int.b6-town .b6-near a{color:var(--ex-pd);font-weight:600} #clp .ex.ex-int.b6-town .b6-near{text-align:center;font-size:15px;line-height:1.7;color:#555;max-width:980px;margin:0 auto;display:block} @media (max-width:767px){ #clp .ex.ex-int.b6-town .ex-hero--int{min-height:0;padding:64px 20px 72px} #clp .ex.ex-int.b6-town .ex-hero--int h1{font-size:34px} #clp .ex.ex-int.b6-town .b6-eb{font-size:14px} #clp .ex.ex-int.b6-town .b6-row{padding:40px 0} #clp .ex.ex-int.b6-town .b6-row h2{font-size:30px} #clp .ex.ex-int.b6-town .b6-tag{font-size:22px} #clp .ex.ex-int.b6-town .b6-services h2,#clp .ex.ex-int.b6-town .b6-find h2{font-size:30px} #clp .ex.ex-int.b6-town .b6-faq h2{font-size:24px} } #clp .ex.ex-int.b6-town .b6-scard h3{font:800 24px/1.2 var(--fh);color:#1F3652} #clp .ex.ex-int.b6-town .ex-ctacard .ex-im,#clp .ex.ex-int.b6-town .ex-ctacard .ex-im img{border-radius:20px} @media (max-width:767px){#clp .ex.ex-int.b6-town .ex-hero--int h1{font-size:38px}} /* ===== batch 7 (2026-10-10): About-menu pages in the ECI layout (Careers = ECI /careers, Reviews = ECI /five-star-reviews, Recent Projects = ECI /hvac case studies, BCOC = ECI /liheap). Same tokens as batches 1-6. ===== */ #clp .ex.b7-page .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #clp .ex.ex-int.b7-page .ex-hero--int{min-height:460px;padding:96px 20px 104px} #clp .ex.ex-int.b7-page .ex-hero--int h1{font-size:56px;line-height:1.15} #clp .ex.ex-int.b7-page .ex-hero--int .support{font-size:17px;line-height:1.6;max-width:760px;margin:0 auto} #clp .ex.b7-page h2{font:800 38px/1.2 var(--fh);color:var(--ex-pd);margin:0 0 14px} #clp .ex.b7-page .ex-consult h2{font:700 28px/1.2 var(--fh);color:#fff;margin:0 auto 36px} #clp .ex.b7-page .b7-ul{display:block;width:56px;height:4px;border-radius:2px;background:var(--ex-p);margin:12px 0 16px} #clp .ex.b7-page .b7-ul--c{margin-left:auto;margin-right:auto} #clp .ex.b7-page .b7-p{font:400 17px/1.65 var(--fb);color:var(--ink);margin:0 0 14px} #clp .ex.b7-page .b7-small{font-size:14px;color:var(--grey)} /* Careers: job cards (ECI "listed jobs" grid) */ #clp .ex.b7-page .b7-jobs{padding:56px 0 64px;text-align:center} #clp .ex.b7-page .b7-jobs-lead{font:500 17px/1.6 var(--fb);color:var(--grey);margin:0 auto 28px;max-width:720px;padding:0 20px} #clp .ex.b7-page .b7-jobs-panel{background:var(--ex-bg);padding:40px 0} #clp .ex.b7-page .b7-jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch} #clp .ex.b7-page .b7-job{background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.09);padding:20px 20px 24px;text-align:left;display:flex;flex-direction:column} #clp .ex.b7-page .b7-job-im{margin:0 0 16px;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:#ddd} #clp .ex.b7-page .b7-job-im img{width:100%;height:100%;object-fit:cover;display:block} #clp .ex.b7-page .b7-job h3{font:800 24px/1.2 var(--fh);color:var(--ex-pd);margin:0} #clp .ex.b7-page .b7-job p{font:400 16px/1.6 var(--fb);color:var(--ink);margin:0 0 10px} #clp .ex.b7-page .b7-job .b7-req-h{font-weight:700;margin-bottom:6px} #clp .ex.b7-page .b7-req{margin:0 0 16px;padding-left:20px;font:400 16px/1.6 var(--fb);color:var(--ink)} #clp .ex.b7-page .b7-job .b7-apply{margin-top:auto;align-self:stretch;text-align:center;justify-content:center} #clp .ex.b7-page .b7-job--note{justify-content:center;background:#fff;border:2px dashed var(--line)} #clp .ex.b7-page .b7-job a:not([class]){color:var(--ex-pd);font-weight:700} #clp .ex.b7-page .b7-apply-sec{padding:56px 0 72px;scroll-margin-top:120px} #clp .ex.b7-page .b7-apply-sec h2{text-align:center} #clp .ex.b7-page .b7-formcard{max-width:860px;margin:18px auto 0;background:#fff;border-radius:14px;box-shadow:0 6px 22px rgba(0,0,0,.10);padding:28px 32px} #clp .ex.b7-page .clp-form-fallback{font:500 17px/1.6 var(--fb);text-align:center} /* Reviews */ #clp .ex.b7-page .b7-rv{padding:56px 0 48px;text-align:center} #clp .ex.b7-page .b7-rv-grid{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left} #clp .ex.b7-page .b7-rv-card{margin:0;height:100%;background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.09);padding:22px 22px 20px;display:flex;flex-direction:column;border-top:4px solid var(--ex-p)} #clp .ex.b7-page .b7-rv-stars{margin:0 0 10px;color:#F5B301;font-size:20px;letter-spacing:2px} #clp .ex.b7-page .b7-rv-stars .off{color:#D8D8DF} #clp .ex.b7-page .b7-rv-card blockquote{margin:0 0 14px;padding:0;border:0;font:400 16px/1.6 var(--fb);color:var(--ink);flex:1} #clp .ex.b7-page .b7-rv-card blockquote p{margin:0} #clp .ex.b7-page .b7-rv-card figcaption b{font:700 17px/1.3 var(--fh);color:var(--ex-pd)} #clp .ex.b7-page .b7-rv-ex{margin-left:8px;font:600 12px/1 var(--fb);color:var(--grey);text-transform:uppercase;letter-spacing:.04em} #clp .ex.b7-page .b7-rv-src{margin:18px 0 0;font-size:14px;color:var(--grey)} #clp .ex.b7-page .b7-band{background:var(--ex-pd);padding:56px 0} #clp .ex.b7-page .b7-band-in{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center} #clp .ex.b7-page .b7-band h2{color:#fff;margin:0} #clp .ex.b7-page .b7-band-card{background:#fff;border-radius:14px;padding:26px 28px} #clp .ex.b7-page .b7-band-card p{font:400 17px/1.6 var(--fb);margin:0 0 16px;color:var(--ink)} /* Recent Projects */ #clp .ex.b7-page .b7-gallery{padding-top:56px} #clp .ex.b7-page .b7-map{padding:56px 0 64px;background:var(--ex-bg);scroll-margin-top:120px} #clp .ex.b7-page .b7-map .t-head{text-align:center;margin-bottom:20px} #clp .ex.b7-page .b7-map-lead{font:400 17px/1.6 var(--fb);color:var(--grey);margin:0} #clp .ex.b7-page .b7-map-box{background:#fff;border-radius:14px;padding:16px;box-shadow:0 4px 14px rgba(0,0,0,.08);min-height:120px;overflow:hidden} /* BCOC (ECI /liheap layout) */ #clp .ex.b7-page .b7-info{padding:64px 0} #clp .ex.b7-page .b7-info-in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;text-align:center} #clp .ex.b7-page .b7-info-t p,#clp .ex.b7-page .b7-info-l p{font:400 17px/1.65 var(--fb);color:var(--ink);margin:0 auto 20px;max-width:520px} #clp .ex.b7-page .b7-info-l img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto 22px} #clp .ex.b7-page .b7-info-l h3{font:800 26px/1.2 var(--fh);color:var(--ex-pd);margin:0 0 12px} #clp .ex.b7-page .b7-more{padding:0 0 72px} #clp .ex.b7-page .b7-more-in{display:grid;grid-template-columns:1fr 1fr;gap:24px} #clp .ex.b7-page .b7-more-card{background:var(--ex-p);border-radius:14px;padding:30px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:16px} #clp .ex.b7-page .b7-more-card h3{font:800 26px/1.2 var(--fh);color:#fff;margin:0} @media (max-width:1023px){ #clp .ex.b7-page .b7-jobs-grid,#clp .ex.b7-page .b7-rv-grid{grid-template-columns:1fr 1fr} } @media (max-width:767px){ #clp .ex.ex-int.b7-page .ex-hero--int{min-height:0;padding:56px 20px 64px} #clp .ex.ex-int.b7-page .ex-hero--int h1{font-size:34px} #clp .ex.ex-int.b7-page .ex-hero--int .support{font-size:16px} #clp .ex.b7-page h2{font-size:30px} #clp .ex.b7-page .b7-jobs-grid,#clp .ex.b7-page .b7-rv-grid,#clp .ex.b7-page .b7-band-in,#clp .ex.b7-page .b7-info-in,#clp .ex.b7-page .b7-more-in{grid-template-columns:1fr} #clp .ex.b7-page .b7-jobs-panel{padding:24px 0} #clp .ex.b7-page .b7-formcard{padding:20px 16px} #clp .ex.b7-page .b7-info{padding:44px 0} #clp .ex.b7-page .b7-info-in{gap:36px} #clp .ex.b7-page .b7-band{padding:40px 0} #clp .ex.b7-page .b7-more-card{padding:24px 22px} } /* Thank-you pages (booking, careers, contact, oil check, oil card): purple palette around the page's existing photo */ #clp .ex.b7-ty .b7-ty-hero .ex-hero-bg img{object-position:50% 55%} #clp .ex.b7-ty .b7-ty-badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--neon);margin:0 auto 14px} #clp .ex.b7-ty .b7-ty-badge svg{width:30px;height:30px;color:var(--ex-pd);fill:none;stroke:var(--ex-pd);stroke-width:3} #clp .ex.b7-ty .b7-ty-sec{padding:0 0 72px;background:var(--ex-bg)} #clp .ex.b7-ty .b7-ty-card{max-width:860px;margin:-56px auto 0;position:relative;z-index:2;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.14);padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;border-top:5px solid var(--ex-p)} #clp .ex.b7-ty .b7-ty-l24{font:700 18px/1.3 var(--fh);color:var(--ex-pd);margin:0 0 4px} #clp .ex.b7-ty .b7-ty-tel{font:800 34px/1.1 var(--fh);color:var(--ex-pd);text-decoration:none} #clp .ex.b7-ty .b7-ty-call .b7-small{margin:6px 0 0} #clp .ex.b7-ty .b7-ty-btns{display:flex;gap:14px;flex-wrap:wrap} #clp .ex.b7-ty .b7-ty-btns svg{width:18px;height:18px;margin-right:8px;vertical-align:-3px} @media (max-width:767px){ #clp .ex.b7-ty .b7-ty-card{margin-top:-36px;padding:24px 20px;flex-direction:column;align-items:stretch;text-align:center} #clp .ex.b7-ty .b7-ty-btns{flex-direction:column} #clp .ex.b7-ty .b7-ty-btns .ex-btn{justify-content:center;text-align:center} #clp .ex.b7-ty .b7-ty-tel{font-size:30px} } /* 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))} } /* v1.1.0 (2026-10-11): /liheap/ and /peco-energy-star-rebates/ sections. Scoped to .b7-liheap / .b7-peco blocks only; nothing above changes. */ #clp .ex.b7-page .b7-list{margin:0 0 16px;padding-left:22px;font:400 17px/1.6 var(--fb);color:var(--ink);text-align:left} #clp .ex.b7-page .b7-list li{margin:0 0 8px} #clp .ex.b7-page .b7-list--check{list-style:none;padding-left:0} #clp .ex.b7-page .b7-list--check li{position:relative;padding-left:30px} #clp .ex.b7-page .b7-list--check li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--ex-p)} #clp .ex.b7-page .b7-list--check li::after{content:"";position:absolute;left:6px;top:9px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)} #clp .ex.b7-page .b7-link{display:inline-block;margin-top:auto;font:700 16px/1.4 var(--fb);color:var(--ex-pd);text-decoration:underline;text-underline-offset:3px} #clp .ex.b7-page .b7-link:hover{color:var(--ex-p)} #clp .ex.b7-page .b7-cards{background:var(--ex-bg);padding:64px 0;text-align:center} #clp .ex.b7-page .b7-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:22px;text-align:left} #clp .ex.b7-page .b7-card{background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.09);padding:26px 26px 24px;border-top:4px solid var(--ex-p);display:flex;flex-direction:column} #clp .ex.b7-page .b7-card h3{font:800 26px/1.2 var(--fh);color:var(--ex-pd);margin:0 0 12px} #clp .ex.b7-page .b7-card p{font:400 16px/1.6 var(--fb);color:var(--ink);margin:0 0 12px} #clp .ex.b7-page .b7-card .b7-list{font-size:16px} #clp .ex.b7-page .b7-note{max-width:820px;margin:28px auto 0;font:500 16px/1.6 var(--fb);color:var(--ink);background:var(--ex-pt);border-left:4px solid var(--ex-p);border-radius:8px;padding:16px 20px;text-align:left} #clp .ex.b7-page .b7-elig{padding:64px 0} #clp .ex.b7-page .b7-elig-in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start} #clp .ex.b7-page .b7-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:8px} #clp .ex.b7-page .b7-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.09);font:400 16px/1.45 var(--fb);color:var(--ink);text-align:left} #clp .ex.b7-page .b7-table caption{caption-side:top;text-align:left;font:700 16px/1.4 var(--fb);color:var(--ex-pd);padding:0 0 10px} #clp .ex.b7-page .b7-table th{background:var(--ex-pd);color:#fff;font:700 15px/1.3 var(--fb);padding:12px 16px} #clp .ex.b7-page .b7-table td{padding:11px 16px;border-top:1px solid var(--line);vertical-align:top} #clp .ex.b7-page .b7-table tbody tr:nth-child(even) td{background:var(--ex-pt)} #clp .ex.b7-page .b7-table td:last-child{font-weight:700;white-space:nowrap} #clp .ex.b7-page .b7-table--3 td:last-child{color:var(--ex-pd)} #clp .ex.b7-page .b7-table tfoot td{font-weight:500;white-space:normal;color:var(--grey);font-size:15px} #clp .ex.b7-page .b7-rebates{padding:64px 0 40px;text-align:center} #clp .ex.b7-page .b7-rebates--alt{padding-top:24px;padding-bottom:64px} #clp .ex.b7-page .b7-rebates .b7-table-wrap{max-width:1000px;margin:22px auto 0} #clp .ex.b7-page .b7-steps{padding:64px 0;text-align:center} #clp .ex.b7-page .b7-steps-list{list-style:none;counter-reset:b7s;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left} #clp .ex.b7-page .b7-steps-list li{counter-increment:b7s;position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:58px 24px 24px;display:flex;flex-direction:column} #clp .ex.b7-page .b7-steps-list li::before{content:counter(b7s);position:absolute;left:24px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--ex-p);color:#fff;font:800 17px/30px var(--fh);text-align:center} #clp .ex.b7-page .b7-steps-list h3{font:800 24px/1.2 var(--fh);color:var(--ex-pd);margin:0 0 10px} #clp .ex.b7-page .b7-steps-list p{font:400 16px/1.6 var(--fb);color:var(--ink);margin:0 0 12px} #clp .ex.b7-page .b7-src{max-width:820px;margin:26px auto 0;font:400 14px/1.6 var(--fb);color:var(--grey);text-align:center} #clp .ex.b7-liheap .b7-info-l img{max-width:260px} #clp .ex.b7-liheap .b7-more-in{grid-template-columns:repeat(3,1fr)} #clp .ex.b7-peco .ex-row-t .b7-ul{margin-left:0} @media (max-width:1023px){ #clp .ex.b7-page .b7-elig-in{grid-template-columns:1fr;gap:32px} #clp .ex.b7-page .b7-steps-list{grid-template-columns:1fr} #clp .ex.b7-liheap .b7-more-in{grid-template-columns:1fr} } @media (max-width:767px){ #clp .ex.b7-page .b7-cards,#clp .ex.b7-page .b7-elig,#clp .ex.b7-page .b7-steps{padding:44px 0} #clp .ex.b7-page .b7-rebates{padding:44px 0 28px} #clp .ex.b7-page .b7-rebates--alt{padding:16px 0 44px} #clp .ex.b7-page .b7-table{font-size:15px} #clp .ex.b7-page .b7-table th,#clp .ex.b7-page .b7-table td{padding:10px 12px} #clp .ex.b7-page .b7-card{padding:22px 20px} } /* v1.1.1 (2026-10-11): /liheap/ government phone numbers block; /peco-energy-star-rebates/ conversion row. */ #clp .ex.b7-page .b7-gov{padding:56px 0 64px;text-align:center} #clp .ex.b7-page .b7-gov-lead{max-width:760px;margin:0 auto 24px;font:400 17px/1.6 var(--fb);color:var(--ink)} #clp .ex.b7-page .b7-gov-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto;text-align:left} #clp .ex.b7-page .b7-gov-card{background:#fff;border:2px solid var(--ex-line);border-radius:12px;padding:22px 24px} #clp .ex.b7-page .b7-gov-tag{display:inline-block;margin:0 0 10px;padding:4px 10px;border-radius:999px;background:var(--ex-bg);color:var(--grey);font:700 12px/1.3 var(--fb);text-transform:uppercase;letter-spacing:.05em} #clp .ex.b7-page .b7-gov-card h3{font:800 24px/1.2 var(--fh);color:var(--ex-pd);margin:0 0 8px} #clp .ex.b7-page .b7-gov-card p.b7-gov-num{font:700 20px/1.4 var(--fb);margin:0 0 8px} #clp .ex.b7-page .b7-gov-num a{color:var(--ink);text-decoration:none;white-space:nowrap} #clp .ex.b7-page .b7-gov-card p{font:400 16px/1.6 var(--fb);color:var(--ink);margin:0 0 6px} #clp .ex.b7-page .b7-src a{color:var(--ex-pd);text-decoration:underline} #clp .ex.b7-peco .b7-conv{background:var(--ex-bg)} @media (max-width:767px){ #clp .ex.b7-page .b7-gov{padding:44px 0} #clp .ex.b7-page .b7-gov-grid{grid-template-columns:1fr} }