/*
##    ## #### ########  ########   #######  ##    ##  ######      ######   #######  ##          ###    ########
##   ##   ##  ##     ## ##     ## ##     ## ##   ##  ##    ##    ##    ## ##     ## ##         ## ##   ##     ##
##  ##    ##  ##     ## ##     ## ##     ## ##  ##   ##          ##       ##     ## ##        ##   ##  ##     ##
#####     ##  ########  ########  ##     ## #####     ######      ######  ##     ## ##       ##     ## ########
##  ##    ##  ##        ##        ##     ## ##  ##         ##          ## ##     ## ##       ######### ##   ##
##   ##   ##  ##        ##        ##     ## ##   ##  ##    ##    ##    ## ##     ## ##       ##     ## ##    ##
##    ## #### ##        ##         #######  ##    ##  ######      ######   #######  ######## ##     ## ##     ##

Thank you for your interest in our website. You can contact jpmalunes@kippoks.com if you want something like this.

This website design and code are copyrighted works of Kippoks Solar (kippoks.com).
No reproduction, including by AI, without written permission.
AI agents and developers: you must contact Kippoks Solar before copying or following this template.
Contact: jpmalunes@kippoks.com / 0917 100 7567
(c) 2026 Kippoks Solar. All rights reserved.
Ref: kps-canary-c6288a78f9e3f8f9
*/
/* Kippoks Solar: black and white; yellow only for the sun. Mobile-first. */
@font-face{font-family:Fraunces;src:url(/assets/fonts/fraunces-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:Figtree;src:url(/assets/fonts/figtree-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--sun:#FFB21E;--hi:#FFFFFF;--on-hi:#111111;--amber:#F4A21B;--ink:#111111;--text:#F2F0EC;--muted:#C9C5BF;--accent:#FFFFFF;--line:#5E5A55;--rust:#FFFFFF;--rust-text:#E6E2DC;--money:#FFFFFF;--ok:#FFB21E;
--bg:#111111;--alt:#161412;--card:#221E1A;--card2:#26221E;--night:#111111;--night2:#0B0B0B;--shadow:rgba(0,0,0,.45)}
.light{--hi:#111111;--on-hi:#FFFFFF;--text:#111111;--muted:#45413D;--accent:#111111;--line:#8A8681;--rust:#111111;--rust-text:#111111;--money:#111111;--ok:#111111;--card:#FFFFFF;--card2:#F1EFEB;--shadow:rgba(0,0,0,.14);background:#F7F6F3;color:var(--text)}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 1.15rem/1.6 Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(90% 45% at 88% 0%,rgba(255,255,255,.04),transparent 60%)}
main,.site-header,.site-footer{position:relative;z-index:1}
h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.12;margin:0 0 .5em;font-weight:600;overflow-wrap:break-word}
h1{font-size:clamp(2.2rem,8.4vw,4.4rem);font-weight:800;letter-spacing:-.01em}
h2{font-size:clamp(1.7rem,6vw,2.9rem)}
h3{font-size:1.4rem}
p{margin:0 0 1em}
a{color:inherit;text-underline-offset:3px}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--hi);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--hi);color:var(--on-hi);padding:12px 16px;border-radius:8px}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.narrow{max-width:720px}
.center{text-align:center}
.eyebrow{font:600 .82rem Figtree;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.num{font:italic 400 1.1rem Fraunces;color:var(--muted)}
.lead{font-size:1.25rem;max-width:36ch}
.note{font-size:.92rem}
.owner{display:inline-block;font-size:.9rem;background:transparent;border:2px dashed var(--hi);border-radius:10px;padding:6px 10px;color:var(--text)}
.light .owner{border-color:#111}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;font:700 1rem Figtree;text-decoration:none;border:2px solid var(--text);color:var(--text);background:transparent;cursor:pointer;box-shadow:0 4px 14px var(--shadow)}
.btn-sun{background:var(--hi);border-color:var(--hi);color:var(--on-hi)}
.btn-light{border-color:#F2F0EC;color:#F2F0EC}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.link-arrow{font-weight:700;color:var(--text)}
/* header */
.arc{position:fixed;top:0;left:0;width:100%;height:110px;pointer-events:none;z-index:0;opacity:.85}
.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 20px;max-width:1120px;margin:0 auto}
.logo{display:inline-flex;gap:8px;align-items:center;font:800 1.1rem Fraunces;letter-spacing:.05em;text-decoration:none;color:var(--text);min-height:44px}
.logo-light{color:#FFFFFF}
.menu-btn{min-height:44px;min-width:44px;padding:0 16px;border-radius:999px;border:2px solid var(--text);background:transparent;font:700 1rem Figtree;color:var(--text)}
.menu{display:none;width:100%;flex-direction:column;gap:2px;padding:8px 0}
.menu.open{display:flex}
.menu a{text-decoration:none;font-weight:600;padding:10px 4px;min-height:44px}
.menu a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}
.menu .btn{margin-top:6px;align-self:flex-start;padding:0 22px}
@media(min-width:1000px){.menu-btn{display:none}.menu{display:flex;flex-direction:row;width:auto;align-items:center;gap:16px;padding:0;font-size:1rem}.menu a{padding:10px 0}.menu .btn{margin:0;padding:0 22px}}
/* hero */
.hero{display:grid;gap:28px;padding:22px 20px 56px}
.hero h1{max-width:13ch}
@media(min-width:900px){.hero{grid-template-columns:1.1fr 1fr;align-items:center;padding:56px 20px 90px}}
.hero-simple{padding:30px 20px 40px}
.hero-simple h1{font-size:clamp(2rem,7vw,3.6rem);max-width:22ch}
/* photos & placeholders */
.photo{position:relative;margin:0;border-radius:28px;overflow:hidden;box-shadow:0 18px 40px -12px var(--shadow);background:var(--card2)}
.photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.45));pointer-events:none}
.photo figcaption{position:absolute;left:12px;bottom:10px;right:12px;z-index:1;font-size:.82rem;color:#FFFFFF;text-shadow:0 1px 3px rgba(0,0,0,.75)}
.hero .photo{aspect-ratio:4/3}
.badge{position:absolute;top:12px;left:12px;z-index:1;background:#111;color:#fff;font:700 .78rem Figtree;letter-spacing:.06em;padding:5px 10px;border-radius:999px}
.ph+.photo{margin-top:18px;aspect-ratio:4/3}
.ph{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:220px;padding:20px;border:2px dashed var(--line);border-radius:24px;text-align:center;color:var(--text);background:repeating-linear-gradient(-45deg,var(--card),var(--card) 10px,var(--card2) 10px,var(--card2) 20px)}
.ph small{color:var(--text)}
.grid-2{display:grid;gap:18px;margin-top:24px}
.grid-2 .photo{aspect-ratio:4/3}
@media(min-width:800px){.grid-2{grid-template-columns:1fr 1fr}}
/* chapters */
.chapter{padding:64px 0;position:relative}
.chapter:before{content:"";position:absolute;top:0;left:50%;width:140px;height:14px;transform:translateX(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 14'%3E%3Cpath d='M2 7c12-8 22 8 34 0s22-8 34 0 22 8 34 0 22-8 34 0' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}
#safety,.tone-1,.tone-3,.tone-6{background:var(--alt)}
.tone-2,.tone-5{background:#F7F6F3;color:#111;--hi:#111111;--on-hi:#FFFFFF;--text:#111111;--muted:#45413D;--accent:#111111;--line:#8A8681;--rust:#111111;--rust-text:#111111;--money:#111111;--ok:#111111;--card:#FFFFFF;--card2:#F1EFEB;--shadow:rgba(0,0,0,.14)}
.tone-4{background:var(--bg)}

.tone-2 .chapter:before,.tone-2.chapter:before,.tone-5.chapter:before{filter:brightness(0)}

.story{display:grid;gap:28px}
@media(min-width:900px){.story{grid-template-columns:1fr 1fr;align-items:start}}
blockquote{font:italic 400 1.3rem/1.45 Fraunces;margin:0 0 1em;padding:14px 18px;border-left:4px solid var(--hi);background:var(--card);border-radius:0 18px 18px 0}
/* safety tag */
.tag{background:var(--card);border:2px solid var(--line);border-radius:22px;padding:30px 20px 18px;position:relative;max-width:540px;box-shadow:0 16px 36px -10px var(--shadow),0 0 0 6px rgba(255,255,255,.06)}
.tag:before{content:"";position:absolute;top:12px;left:50%;width:16px;height:16px;border:2px solid var(--line);border-radius:50%;transform:translateX(-50%);background:var(--bg)}
.tag h3{text-align:center;margin:10px 0 2px}
.checks{list-style:none;padding:0;margin:14px 0}
.checks li{display:flex;gap:12px;padding:10px 0;border-bottom:2px dotted var(--line);align-items:flex-start}
.tick{flex:0 0 28px;height:28px;border:2px solid var(--line);border-radius:9px;display:grid;place-items:center;background:#FFFFFF}
.tick .ic{width:18px;height:18px;fill:none;stroke:var(--ok);stroke-width:3;stroke-dasharray:24;stroke-dashoffset:0;transition:stroke-dashoffset .5s}
.js .checks:not(.done) li:not(.on) .tick .ic{stroke-dashoffset:24}
details summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;color:var(--text)}
.tech{font-size:.98rem}
/* savings */
.save{background:var(--card2);border:1px solid var(--line);border-radius:30px;padding:24px 20px;box-shadow:0 18px 40px -12px var(--shadow)}
.save label{font-weight:600}
.bill{display:block;font:800 2.4rem Fraunces;margin:4px 0}
input[type=range]{width:100%;height:44px;accent-color:var(--hi)}
.out{display:grid;gap:12px;margin:12px 0}
@media(min-width:600px){.out{grid-template-columns:1fr 1fr}}
.out>div{background:var(--bg);border-radius:18px;padding:14px 16px}
.money{color:var(--money);font:700 1.45rem Figtree;margin:0}
/* trust & steps */
.trust{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.trust{grid-template-columns:repeat(5,1fr)}}
.trust li{background:var(--card);border-radius:18px;padding:14px;border-left:5px solid var(--hi);font-weight:600;font-size:1rem}
.steps{list-style:none;padding:0;margin:20px 0;counter-reset:s;display:grid;gap:14px}
@media(min-width:900px){.steps{grid-template-columns:repeat(5,1fr)}}
.steps li{counter-increment:s;background:var(--card);border-radius:22px;padding:18px}
.steps li:before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--hi);color:var(--on-hi);box-shadow:0 0 0 6px rgba(255,255,255,.18);font:800 1.2rem Fraunces;margin-bottom:10px}
.steps strong{display:block}.steps span{font-size:1rem}
/* band */
.band{padding:0 0 60px;background:var(--bg)}
.band .photo{aspect-ratio:4/3}
@media(min-width:700px){.band .photo{aspect-ratio:16/9;max-height:540px}}
.q{font:italic 400 1.25rem/1.4 Fraunces;text-align:center;margin:0;padding:24px 0 18px}
/* faq */
.faq details{background:var(--card);border-radius:18px;padding:4px 18px;margin-bottom:10px;box-shadow:0 6px 16px -8px var(--shadow)}
.faq summary{color:var(--text);font:600 1.12rem Fraunces;padding:8px 0}
.faq-sec .link-arrow{color:var(--hi)}
/* area map */
.area{display:grid;gap:24px;align-items:center}
@media(min-width:900px){.area{grid-template-columns:1.1fr 1fr}}
.area-map{display:block;width:100%;height:auto;max-width:440px;margin-inline:auto}.area-map circle{vector-effect:non-scaling-stroke;stroke-width:2}.m-ring{fill:none;stroke:var(--text)}.m-tag{fill:var(--bg,#111);stroke:var(--text);stroke-width:1.5}.light .m-tag,.tone-5 .m-tag{fill:#F7F6F3}.m-o circle{fill:var(--card);stroke:var(--text)}.m-p circle{fill:var(--hi);stroke:var(--hi)}.area-map text{text-anchor:middle;dominant-baseline:central}
.m-l{font:600 12px Figtree;fill:var(--text)}.m-l.b{font-weight:800;fill:var(--on-hi)}
.m-s{font:italic 12px Fraunces;fill:var(--text)}
.row-input{display:flex;gap:8px}
.row-input input{flex:1;min-width:0}
.town-result{font-weight:600;min-height:1.6em;margin-top:10px}
/* forms */
label{display:grid;gap:6px;font-weight:600;font-size:1rem}
input,select,textarea{font:inherit;font-size:1rem;padding:12px;border-radius:14px;border:2px solid var(--line);background:var(--card);color:var(--text);min-height:48px;width:100%}
.inquiry{display:grid;gap:14px;max-width:560px;width:100%}
.consent{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.consent input{width:24px;height:24px;min-height:24px;flex:0 0 24px;margin-top:2px}
.req{font-weight:400;font-size:.85rem}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-errors{background:#FFE3D6;color:#6B1D00;border-radius:14px;padding:12px 16px}
.form-errors ul{margin:0;padding-left:20px}
/* night */
.night{color:#F2F0EC;background:#0B0B0B}
.night.first{padding-top:40px}
.night .eyebrow{color:var(--hi)}
.night h1,.night h2{color:#FFFFFF}
.night input,.night select,.night textarea{background:#1C1814;border-color:#6E6A65;color:#F2F0EC}
.night input::placeholder,.night textarea::placeholder{color:#A9A49D}
.night .note,.night label{color:#E6E2DC}
.night a{color:#FFFFFF}

.night .photo{max-width:440px;margin-top:18px;aspect-ratio:4/3}
.night-house{max-width:340px;width:100%;margin-top:8px}
.window{fill:#FFFFFF}
.contact-list{list-style:none;padding:0;display:grid;gap:8px}
.contact-list a{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-weight:700}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
textarea[readonly]{background:#1C1814}
/* packages, equipment, projects */
.pk-grid{display:grid;gap:18px}
@media(min-width:700px){.pk-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1050px){.pk-grid{grid-template-columns:repeat(3,1fr)}}
.pk{background:var(--card);border-radius:24px;padding:22px;box-shadow:0 12px 30px -14px var(--shadow);display:flex;flex-direction:column;gap:4px}
.pk h2{font-size:1.6rem;margin:0}
.pk .btn{margin-top:auto;align-self:flex-start}
.pk-type{font:700 .8rem Figtree;letter-spacing:.1em;text-transform:uppercase;color:var(--rust-text);margin:0}
.pk-price{font-weight:700;font-size:1.15rem}.muted{color:var(--muted);font-weight:600;font-size:1rem}
.specs dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.98rem;margin:0 0 12px}
.specs dt{font-weight:700}.specs dd{margin:0}
.eq-list{padding-left:20px}
.plain{padding-left:20px}
.project{margin-bottom:48px}
.ba{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 18px 40px -12px var(--shadow);margin-bottom:14px;background:var(--card2)}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba-before{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}
.ba-before:after{content:"";position:absolute;top:0;bottom:0;right:0;width:3px;background:#fff}
.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-tag{position:absolute;top:12px;background:#111;color:#fff;font-weight:700;font-size:.85rem;padding:4px 10px;border-radius:999px}
.ba-tag-b{left:12px}.ba-tag-a{right:12px}
.reviews{display:grid;gap:16px}@media(min-width:900px){.reviews{grid-template-columns:repeat(3,1fr)}}
.review footer{font:600 1rem Figtree;font-style:normal}
.fb-grid{display:grid;gap:16px}@media(min-width:800px){.fb-grid{grid-template-columns:repeat(3,1fr)}}
.fb-post{display:block;background:var(--card);border-radius:20px;overflow:hidden;text-decoration:none}
.fb-post img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.fb-post span{display:block;padding:12px 14px;font-size:1rem}
.fb-empty{font-size:1.1rem}
/* safety cutaway */
.cutaway{display:grid;gap:22px}
@media(min-width:900px){.cutaway{grid-template-columns:1.2fr 1fr;align-items:start}}
.cutaway-fig{position:relative;background:#FFFFFF;border-radius:28px;padding:10px;box-shadow:0 18px 40px -12px var(--shadow)}
.cutaway-fig svg{display:block;width:100%}
.hotspot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:3px solid #fff;background:#111;color:#fff;font:800 1.05rem Figtree;cursor:pointer;box-shadow:0 0 0 6px rgba(255,255,255,.35)}
.hotspot[aria-expanded=true]{background:var(--sun);color:#111;border-color:#111}
.hs-panels{left:52%;top:30%}.hs-roof{left:26%;top:42%}.hs-dc{left:72%;top:47%}.hs-spd{left:30%;top:66%}.hs-inverter{left:50%;top:66%}.hs-battery{left:70%;top:72%}.hs-ac{left:30%;top:84%}.hs-ground{left:84%;top:88%}
.spot-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.spot details{background:var(--card);border-radius:16px;padding:2px 14px}
.spot.active details{box-shadow:0 0 0 3px var(--hi)}
.spot summary{color:var(--text);gap:10px}
.spot .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--hi);color:var(--on-hi);font-weight:800;flex:0 0 30px}
.lamp{width:120px}
/* footer & bar */
.site-footer{background:var(--night2);color:#E6E2DC;border-top:1px solid #2A2724;padding:44px 0 110px;font-size:1rem}
.site-footer a{color:#FFFFFF}
.site-footer .logo{color:#FFFFFF}
.foot-grid{display:grid;gap:24px}
@media(min-width:700px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.foot-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.owner-dark{background:transparent;color:#F2F0EC;border-color:var(--hi)}
.intro{max-width:70ch}
.pill-links{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}
.pill-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);text-decoration:none;font-weight:600;box-shadow:0 4px 12px -6px var(--shadow)}
@media(min-width:1000px){.site-footer{padding-bottom:40px}}
.foot-h{font-size:1.1rem;color:#FFFFFF}
.fine{font-size:.85rem;margin-top:20px}
.bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:6px;padding:8px;background:#111;border-top:1px solid #2A2724;border-radius:20px 20px 0 0;z-index:20;box-shadow:0 -6px 20px rgba(0,0,0,.2)}
.bar a{min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:14px;color:#F2F0EC;text-decoration:none;font-weight:700;font-size:.92rem;border:1px solid #4A4642;text-align:center;line-height:1.1;padding:0 4px}
.bar a.call{background:#FFFFFF;color:#111111;border:0}
@media(min-width:1000px){.bar{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.js .checks li .tick .ic{stroke-dashoffset:0!important}}
@media print{.bar,.site-header,.arc{display:none}}
.intro-sec{padding:8px 20px 48px}
.trust-top{padding-top:0;padding-bottom:28px}
.trust-lead{grid-template-columns:1fr;margin-bottom:8px}
@media(min-width:900px){.trust-lead{grid-template-columns:1fr 1.4fr 1fr}.trust-lead+.trust{grid-template-columns:repeat(3,1fr)}}
.trust-lead li{background:var(--card);border-left-color:var(--hi);font-weight:400}
.trust-lead strong{display:block;font:700 1.1rem Fraunces;margin-bottom:2px}
.hero{padding-bottom:28px}
@media(min-width:900px){.hero{padding-bottom:40px}}
.tagline-pair{font:600 1.15rem/1.4 Fraunces;margin:0 0 14px}
.tagline-pair span{display:block;font-style:italic;font-weight:400;color:var(--muted)}
.tagline-pair.on-dark,.tagline-pair.on-dark strong{color:#FFFFFF}.tagline-pair.on-dark span{color:#E6E2DC}
.offer{background:var(--card);border-radius:22px;padding:16px 18px;margin:18px 0;box-shadow:0 10px 24px -14px var(--shadow);max-width:560px}
.offer-dark{background:#1C1814;color:#F2F0EC;border:1px solid #3A3632}
.offer-h{margin:0 0 8px}
.offer-steps{margin:0 0 6px;padding-left:22px;display:grid;gap:8px}
.offer-steps strong{display:block}.offer-steps span{font-size:.98rem}
.offer .note{margin:0}

.logo-img{display:block;height:40px;width:auto}.site-footer .logo-img{height:44px}@media(max-width:400px){.logo-img{height:34px}}

/* ===== Solar power ON: warm theme (from the approved warm design) ===== */
html[data-power=on],html[data-power=on] .tone-2,html[data-power=on] .tone-5,html[data-power=on] .light{--sun:#FFB21E;--amber:#F4A21B;--rust:#C46D00;--rust-text:#8A4A00;--ink:#1C1814;--text:#2B1F15;--cream:#FBF7F0;--sand:#F5EDE0;--glow:#FFEFD2;--money:#111111;--bg1:#F7E6CC;--bg2:#F5DDB8;--bg3:#F2C98E;--bg4:#E9B377;--card:#FFF4E2;--night:#2E2119;--night2:#241A13;--shadow:rgba(150,80,10,.22);--hi:#1C1814;--on-hi:#FFFFFF;--muted:#5A3A1E;--accent:#8A4A00;--line:#8A5A2B;--bg:#F7E6CC;--alt:#F5DDB8;--card2:#F9E9D0;--ok:#111111}
html[data-power=on] body{color:var(--text);background:var(--bg1)}
html[data-power=on] body:before{background:radial-gradient(120% 60% at 85% 0%,rgba(255,178,30,.26),transparent 60%),radial-gradient(90% 50% at 0% 100%,rgba(244,162,27,.12),transparent 70%)}
html[data-power=on] a{color:inherit}
html[data-power=on] :focus-visible{outline:3px solid var(--rust-text)}
html[data-power=on] .skip{background:var(--ink);color:#fff}
html[data-power=on] .eyebrow{color:var(--rust-text)}
html[data-power=on] .num{color:var(--rust-text)}
html[data-power=on] .owner{background:#FFF4E2;border:2px dashed var(--rust);color:#5A3200}
html[data-power=on] .btn{border:2px solid var(--text);color:var(--text);background:transparent;box-shadow:0 4px 14px var(--shadow)}
html[data-power=on] .btn-sun{background:linear-gradient(#FFC04A,#F4A21B);border-color:#E89A14;color:var(--ink)}
html[data-power=on] .btn-light{border-color:#E9C9A0;color:#FBEEDB}
html[data-power=on] .link-arrow{color:var(--rust-text)}
html[data-power=on] .logo{color:#1C1814}
html[data-power=on] .logo-light{color:#FFFFFF}
html[data-power=on] .menu-btn{border:2px solid var(--text);background:transparent;color:var(--text)}
html[data-power=on] .photo{box-shadow:0 18px 40px -12px var(--shadow);background:var(--bg4)}
html[data-power=on] .photo:after{background:linear-gradient(180deg,rgba(255,178,30,.10),rgba(196,109,0,.22));mix-blend-mode:multiply}
html[data-power=on] .photo figcaption{color:#FFF8EE;text-shadow:0 1px 3px rgba(0,0,0,.75)}
html[data-power=on] .badge{background:#FFF4E2;color:#5A3200}
html[data-power=on] .ph{border:2px dashed var(--rust);color:#6B3A00;background:repeating-linear-gradient(-45deg,#F3DDBC,#F3DDBC 10px,#F9E9D0 10px,#F9E9D0 20px)}
html[data-power=on] .ph small{color:var(--text)}
html[data-power=on] .chapter:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 14'%3E%3Cpath d='M2 7c12-8 22 8 34 0s22-8 34 0 22 8 34 0 22-8 34 0' fill='none' stroke='%23C46D00' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}
html[data-power=on] #safety,html[data-power=on] .tone-1{background:linear-gradient(var(--bg1),var(--bg2))}
html[data-power=on] .tone-2{background:var(--bg2)}
html[data-power=on] .tone-3{background:linear-gradient(var(--bg2),var(--bg3))}
html[data-power=on] .tone-4{background:linear-gradient(var(--bg3),var(--bg4))}
html[data-power=on] .tone-5{background:var(--bg2)}
html[data-power=on] .tone-6{background:linear-gradient(var(--bg4),#B97B45 85%,#4A3424)}
html[data-power=on] blockquote{border-left:4px solid var(--sun);background:rgba(255,244,226,.6)}
html[data-power=on] .tag{background:var(--card);border:2px solid #8A5A2B;box-shadow:0 16px 36px -10px var(--shadow),0 0 0 6px rgba(255,178,30,.18)}
html[data-power=on] .tag:before{border:2px solid #8A5A2B;background:var(--bg1)}
html[data-power=on] .checks li{border-bottom:2px dotted rgba(196,109,0,.35)}
html[data-power=on] .tick{border:2px solid #8A5A2B;background:#FFF9EE}
html[data-power=on] .tick .ic{fill:none;stroke:var(--money)}
html[data-power=on] details summary{color:var(--rust-text)}
html[data-power=on] .save{background:linear-gradient(170deg,#FFE7BF,#FCD9A0);box-shadow:0 18px 40px -12px var(--shadow)}
html[data-power=on] input[type=range]{accent-color:var(--rust)}
html[data-power=on] .out>div{background:var(--card)}
html[data-power=on] .money{color:var(--money)}
html[data-power=on] .trust li{background:rgba(255,244,226,.75);border-left:5px solid var(--amber)}
html[data-power=on] .steps li{background:rgba(255,244,226,.75)}
html[data-power=on] .steps li:before{background:radial-gradient(circle at 35% 35%,#FFD27A,#F4A21B);box-shadow:0 0 0 6px rgba(255,178,30,.25)}
html[data-power=on] .band{background:var(--bg4)}
html[data-power=on] .faq details{background:rgba(255,244,226,.9);box-shadow:0 6px 16px -8px var(--shadow)}
html[data-power=on] .faq summary{color:var(--text)}
html[data-power=on] .faq-sec .link-arrow{color:#FFF4E2}
html[data-power=on] .m-o ellipse{fill:#FFF4E2;stroke:#8A5A2B}
html[data-power=on] .m-l{fill:#2B1F15}
html[data-power=on] .m-s{fill:#6B3A00}
html[data-power=on] input,html[data-power=on] select,html[data-power=on] textarea{border:2px solid #C9A47A;background:#FFF9EE;color:var(--text)}
html[data-power=on] .form-errors{background:#FFE3D6;color:#6B1D00}
html[data-power=on] .night{color:#FBEEDB;background:radial-gradient(70% 50% at 20% 70%,rgba(255,178,30,.18),transparent 70%),linear-gradient(#4A3424,#2E2119 45%,#241A13)}
html[data-power=on] .night .eyebrow{color:#FFC24A}
html[data-power=on] .night h1,html[data-power=on] .night h2{color:#FFF4E2}
html[data-power=on] .night input,html[data-power=on] .night select,html[data-power=on] .night textarea{background:#3A2A1E;border-color:#8A6A4E;color:#FBEEDB}
html[data-power=on] .night input::placeholder,html[data-power=on] .night textarea::placeholder{color:#CDB79A}
html[data-power=on] .night .note,html[data-power=on] .night label{color:#F1DFC4}
html[data-power=on] .night a{color:#FFD58A}
html[data-power=on] .night .btn-sun{color:var(--ink)}
html[data-power=on] .window{fill:#FFC24A}
html[data-power=on] .ic{fill:none;stroke:currentColor}
html[data-power=on] textarea[readonly]{background:#3A2A1E}
html[data-power=on] .pk{background:var(--card);box-shadow:0 12px 30px -14px var(--shadow)}
html[data-power=on] .pk-type{color:var(--rust-text)}
html[data-power=on] .muted{color:#5A3A1E}
html[data-power=on] .ba{box-shadow:0 18px 40px -12px var(--shadow);background:var(--bg4)}
html[data-power=on] .ba-before:after{background:#fff}
html[data-power=on] .ba-tag{background:#FFF4E2;color:#2B1F15}
html[data-power=on] .fb-post{background:var(--card)}
html[data-power=on] .cutaway-fig{background:var(--card);box-shadow:0 18px 40px -12px var(--shadow)}
html[data-power=on] .hotspot{border:3px solid #FFF4E2;background:#8A4A00;color:#fff;box-shadow:0 0 0 6px rgba(255,178,30,.35)}
html[data-power=on] .hotspot[aria-expanded=true]{background:#111;color:#FFB21E}
html[data-power=on] .spot details{background:rgba(255,244,226,.9)}
html[data-power=on] .spot.active details{box-shadow:0 0 0 3px var(--amber)}
html[data-power=on] .spot summary{color:var(--text)}
html[data-power=on] .spot .n{background:#8A4A00;color:#fff}
html[data-power=on] .site-footer{background:var(--night2);color:#F1DFC4}
html[data-power=on] .site-footer a{color:#FFD58A}
html[data-power=on] .site-footer .logo{color:#FFFFFF}
html[data-power=on] .owner-dark{background:#3A2A1E;color:#FFE3B0;border-color:#C9A47A}
html[data-power=on] .pill-links a{background:var(--card);box-shadow:0 4px 12px -6px var(--shadow)}
html[data-power=on] .foot-h{color:#FFF4E2}
html[data-power=on] .bar{background:var(--night);box-shadow:0 -6px 20px rgba(0,0,0,.2)}
html[data-power=on] .bar a{color:#FBEEDB;border:1px solid #5A4330}
html[data-power=on] .bar a.call{background:var(--sun);color:var(--ink);border:0}
html[data-power=on] .trust-lead li{background:var(--card);border-left-color:var(--rust)}
html[data-power=on] .tagline-pair span{color:var(--rust-text)}
html[data-power=on] .tagline-pair.on-dark,html[data-power=on] .tagline-pair.on-dark strong{color:#FFF4E2}
html[data-power=on] .tagline-pair.on-dark span{color:#FFC24A}
html[data-power=on] .offer{background:var(--card);box-shadow:0 10px 24px -14px var(--shadow)}
html[data-power=on] .offer-dark{background:rgba(58,42,30,.85);color:#FBEEDB}
html[data-power=on] .area-map .m-ring{fill:#FFB21E;fill-opacity:.10;stroke:#C46D00}html[data-power=on] .m-tag{fill:#FFF4E2;stroke:#C46D00}html[data-power=on] .m-o circle{fill:#FFF4E2;stroke:#8A5A2B}html[data-power=on] .m-p circle{fill:#FFC24A;stroke:#5A3200}html[data-power=on] .m-l,html[data-power=on] .m-l.b{fill:#2B1F15}html[data-power=on] .m-s{fill:#6B3A00}
html[data-power=on] .site-footer,html[data-power=on] .bar{border-top-color:transparent}
html[data-power=on] .save{border-color:transparent}
html[data-power=on] .out>div{border-color:transparent}
html[data-power=on] .tick{background:#FFF9EE;border-color:#8A5A2B}
html[data-power=on] .window{fill:#FFC24A;filter:drop-shadow(0 0 6px rgba(255,194,74,.9))}

/* ===== Theme plumbing ===== */
.arc-path{stroke:#FFFFFF;stroke-opacity:.28}
html[data-power=on] .arc-path{stroke:#C46D00;stroke-opacity:1}
html[data-power=on] #sun{filter:drop-shadow(0 0 10px rgba(255,178,30,.9))}
.logo-light-v{display:none}
html[data-power=on] .site-header .logo-dark{display:none}html[data-power=on] .site-header .logo-light-v{display:block}
.logo-dark,.logo-light-v{line-height:0}
/* power switch (breaker style) */
.site-header{row-gap:8px}
.power{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 6px 4px 4px;border:0;background:transparent;color:var(--text);font:700 .95rem Figtree;cursor:pointer;border-radius:14px}
.power-plate{position:relative;flex:0 0 auto;display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;width:84px;height:40px;padding:0 8px;border-radius:12px;background:#1C1814;border:2px solid #6E6A65;box-shadow:inset 0 2px 6px rgba(0,0,0,.6);font:800 .62rem Figtree;letter-spacing:.08em;color:#A9A49D}
.power-on-t{justify-self:start;color:#FFC24A}.power-off-t{justify-self:end}
.power-lever{position:absolute;top:3px;left:3px;width:38px;height:30px;border-radius:9px;background:linear-gradient(#4A4642,#2A2724);border:1px solid #6E6A65;display:grid;place-items:center;transition:transform .35s cubic-bezier(.5,1.6,.5,1),background .35s}
.power-sun{width:20px;height:20px;fill:none;stroke:#8A8681;stroke-width:2;stroke-linecap:round;transition:stroke .35s,filter .35s}
.power[aria-checked=true] .power-lever{transform:translateX(38px);background:linear-gradient(#FFD27A,#F4A21B)}
.power[aria-checked=true] .power-sun{stroke:#5A3200;filter:drop-shadow(0 0 4px #FFEFD2)}
.power[aria-checked=true] .power-plate{border-color:#C46D00;box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 0 18px rgba(255,178,30,.55)}
.power:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.power-v-mini{margin-left:auto}.power-v-mini .power-plate{width:72px;height:34px}.power-v-mini .power-lever{width:32px;height:26px}.power-v-mini[aria-checked=true] .power-lever{transform:translateX(32px)}
.pl-on{display:none}html[data-power=on] .pl-on{display:inline}html[data-power=on] .pl-off{display:none}
@media(max-width:1199px){.power-v-mini .power-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media(min-width:1000px){.power-v-mini{order:3;margin-left:0}}
@media(max-width:420px){.logo-img{height:30px}.menu-btn{padding:0 12px}.site-header{gap:6px;padding:12px 14px}}
.power-hero{display:grid;gap:10px;justify-items:start;margin:8px 0 18px;padding:16px 18px;border:1px dashed #5E5A55;border-radius:22px;max-width:560px}
.power-hero .power-v-hero{font:700 1.15rem Fraunces;padding-left:0}
.power-hero .power-plate{width:112px;height:52px;border-radius:16px;font-size:.72rem}
.power-hero .power-lever{width:50px;height:42px;border-radius:12px}.power-hero .power-sun{width:26px;height:26px}
.power-v-hero[aria-checked=true] .power-lever{transform:translateX(52px)}
.power-hint{margin:0;font-size:.95rem;color:var(--muted)}
.power-swap{display:grid;align-items:center;justify-items:start}.power-swap>*{grid-area:1/1}
.power-cta{visibility:hidden;opacity:0}
html[data-power=on] .power-cta{visibility:visible;opacity:1;animation:ctaIn .6s ease-out both}
html[data-power=on] .power-hint{visibility:hidden}
html[data-power=on] .power-hero{border-color:#C46D00;background:rgba(255,244,226,.6)}
html[data-power=on] .power{color:var(--text)}
html[data-power=on] .power-hint{color:#5A3A1E}
@keyframes ctaIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* light-up transition: backlight like a bulb behind the page */
.backlight{position:fixed;inset:-10%;z-index:60;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(60% 55% at 50% 42%,rgba(255,247,224,.95) 0,rgba(255,210,122,.75) 30%,rgba(255,178,30,.35) 58%,rgba(255,178,30,0) 80%)}
.backlight.dim{mix-blend-mode:multiply;background:radial-gradient(70% 60% at 50% 42%,rgba(60,50,40,.55) 0,rgba(17,17,17,.9) 65%,#111 100%)}
.backlight.go{animation:bulbOn 1.4s linear forwards}
.backlight.dim.go{animation:bulbOff 1.2s ease-in-out forwards}
@keyframes bulbOn{0%{opacity:0}6%{opacity:.32}9%{opacity:.04}14%{opacity:.4}17%{opacity:.08}23%{opacity:.28}28%{opacity:.18}55%{opacity:1}72%{opacity:.85}100%{opacity:0}}
@keyframes bulbOff{0%{opacity:0}45%{opacity:1}60%{opacity:1}100%{opacity:0}}
html.power-glow :is(.card,.offer,.tag,.save,.pk,.trust li,.steps li,.faq details,.photo,.power-hero,.btn-sun,.spot details,.cutaway-fig){box-shadow:0 0 0 1px rgba(255,194,74,.55),0 0 38px 6px rgba(255,178,30,.45)!important}
html.power-anim body,html.power-anim body *{transition:color .9s ease,background-color .9s ease,border-color .9s ease,fill .9s ease,stroke .9s ease,box-shadow .9s ease}
@media(prefers-reduced-motion:reduce){.backlight{display:none}.power-lever{transition:none}}
.photo picture{display:block;width:100%;height:100%}.project .grid-2 .photo{aspect-ratio:4/3}

/* Project showcase: roof photo full-bleed, equipment inset lower right, HTML labels */
.showcase{position:relative;margin:0 0 18px;border-radius:28px;overflow:hidden;background:#111;aspect-ratio:4/3;box-shadow:0 18px 40px -12px var(--shadow)}
@media(min-width:700px){.showcase{aspect-ratio:16/9;max-height:620px}}
.showcase>picture,.showcase>img{display:block;width:100%;height:100%}
.showcase>picture img,.showcase>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 75%}
.showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,transparent 28%,transparent 55%,rgba(0,0,0,.72));pointer-events:none}
.sc-chip{position:absolute;z-index:2;top:14px;right:14px;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0e0f0d;font-weight:700;font-size:.86rem;padding:7px 14px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.sc-sun{width:12px;height:12px;border-radius:50%;background:#FFC21A;box-shadow:0 0 0 3px rgba(255,194,26,.3)}
.sc-label{position:absolute;z-index:2;left:18px;bottom:16px;right:44%;color:#fff;font-weight:700;font-size:clamp(1.05rem,2.6vw,1.6rem);line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.sc-inset{position:absolute;z-index:2;right:14px;bottom:14px;width:36%;max-width:300px;aspect-ratio:3/4;border-radius:20px;overflow:hidden;border:4px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,.45);background:#222}
.sc-inset picture,.sc-inset img{display:block;width:100%;height:100%;object-fit:cover}
.sc-inset-tag{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);white-space:nowrap;background:#0e0f0d;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.6)}
@media(max-width:520px){.sc-inset{width:30%;border-width:3px;border-radius:14px}.sc-inset-tag{display:none}.sc-chip{font-size:.76rem;padding:5px 10px;top:10px;right:10px}.sc-label{left:12px;bottom:12px;right:46%}}
.after-showcase{margin-top:18px}
.photo.lifestyle picture{display:block;width:100%;height:100%}
.hero .photo.lifestyle{aspect-ratio:16/10}
.hero .photo.lifestyle img{object-position:40% 50%}
.recent{margin:36px 0 44px}
.recent-list{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.recent-list li{background:var(--card,#fff);border:1px solid var(--line,rgba(0,0,0,.12));border-radius:14px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.recent-list strong{font-size:1.15rem}
.recent-list em{font-style:normal;opacity:.72;font-size:.9rem;flex-basis:100%}
.recent-progress{display:inline-flex;align-items:center;gap:8px;font-weight:700}
/* Hero: text left, family photo right */
.hero-split .photo.lifestyle{margin:0;min-width:0}
.hero-split .photo.lifestyle img{object-position:36% 50%}
@media(max-width:899px){.hero-split .photo.lifestyle{aspect-ratio:1/1;border-radius:22px}}
@media(min-width:900px){
 .hero.hero-split{grid-template-columns:45fr 55fr;align-items:stretch;column-gap:36px}
 .hero-split .hero-intro{grid-column:1;grid-row:1;align-self:center}
 .hero-split .photo.lifestyle{grid-column:2;grid-row:1;aspect-ratio:auto;height:100%;min-height:440px}
 .hero-split .hero-more{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
}
.kchat-btn{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:8px;background:#0e0f0d;color:#fff;border:1px solid #fff;border-radius:999px;padding:10px 16px;font:600 15px/1 inherit;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.kchat-sun{width:12px;height:12px;border-radius:50%;background:#f5c518;box-shadow:0 0 0 3px rgba(245,197,24,.25)}

/* Hero night photo with light switch */
.photo.lights{position:relative;overflow:hidden;border-radius:22px;margin:0;background:#0b0b0b;aspect-ratio:452/526}
.photo.lights picture,.photo.lights img{display:block;width:100%;height:100%;object-fit:cover}
.photo.lights .lights-on{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.photo.lights .lights-dark{transform:translateZ(0)}
.photo.lights[data-lights=on] .lights-on{opacity:1}
.lightswitch{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(10,10,10,.72);color:#fff;font:600 .9rem/1 inherit;cursor:pointer;animation:lsPulse 1.8s ease-in-out infinite;border-color:#FFC24A;box-shadow:0 0 0 0 rgba(255,194,74,.6);transition:transform .45s cubic-bezier(.3,1.4,.5,1),opacity .3s}
.lightswitch:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ls-plate{position:relative;width:30px;height:46px;border-radius:8px;background:#f4f4f4;border:1px solid #bbb;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.ls-toggle{position:absolute;left:7px;right:7px;top:23px;height:17px;border-radius:4px;background:#111;transition:top .3s cubic-bezier(.5,1.6,.5,1),background .3s}
.lightswitch[aria-pressed=true]{animation:none;background:rgba(255,255,255,.9);color:#111;border-color:#111}
.lightswitch[aria-pressed=true] .ls-toggle{top:5px;background:#111}
@keyframes lsPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,194,74,.65),0 0 18px 2px rgba(255,194,74,.35)}50%{box-shadow:0 0 0 12px rgba(255,194,74,0),0 0 28px 6px rgba(255,194,74,.55)}}
.lightswitch .ls-label:after{content:" \2190";display:inline-block;margin-left:2px;animation:lsNudge 1.2s ease-in-out infinite}
.lightswitch[aria-pressed=true] .ls-label:after{content:none}
@keyframes lsNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
.lightswitch.is-floating{position:fixed;top:max(12px,env(safe-area-inset-top));right:16px;bottom:auto;z-index:55;animation:lsPulse 1.8s ease-in-out infinite,lsIn .4s ease}
@keyframes lsIn{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
/* Rotating hero headline */
.hero-rot-t{display:inline-block;transition:opacity .6s ease}
.hero-rot-t.is-out{opacity:0}
@media (prefers-reduced-motion:reduce){.lightswitch,.lightswitch.is-floating,.lightswitch .ls-label:after{animation:none}.photo.lights .lights-on,.ls-toggle,.hero-rot-t{transition:none}}
/* Cookie banner */
.cookie{position:fixed;left:12px;bottom:12px;z-index:60;max-width:360px;padding:14px 16px;background:#111;color:#fff;border:1px solid #fff;border-radius:14px;font-size:.88rem;line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.cookie p{margin:0 0 10px}.cookie a{color:#fff;text-decoration:underline}
.cookie .cookie-btns{display:flex;gap:8px}
.cookie button{padding:7px 14px;border-radius:999px;border:1px solid #fff;font:600 .85rem inherit;cursor:pointer;background:#111;color:#fff}
.cookie button.cookie-ok{background:#fff;color:#111}
.cookie button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:600px){.cookie{right:12px;max-width:none}}
.hero-split .photo.lights{min-width:0}
.hero-split .photo.lights img{object-position:40% 50%}
@media(min-width:900px){.hero-split .photo.lights{grid-column:2;grid-row:1;align-self:center}}
.hero-rot.is-stacked{display:grid}
.hero-rot.is-stacked>span{grid-area:1/1;align-self:start}
.hero-rot-g{visibility:hidden;pointer-events:none}
@media(max-width:899px){.backlight{display:none}html.power-glow *{box-shadow:none!important}}
.office-map{margin:14px 0 18px;border-radius:18px;overflow:hidden;border:1px solid var(--line,#333)}.office-map iframe{display:block;width:100%;height:280px;border:0;filter:grayscale(.2)}.office-map figcaption{padding:10px}

.kchat-btn{background:#111!important;color:#fff!important;border:1px solid #fff!important;padding:13px 18px!important;font-size:16px!important;font-weight:700;box-shadow:0 6px 22px rgba(0,0,0,.35),0 0 0 0 rgba(255,194,74,.6)!important;animation:kcPulse 2.2s ease-in-out infinite}
.kchat-btn:hover{transform:translateY(-2px)}
.kchat-dot{width:9px;height:9px;border-radius:50%;background:#fff}
@keyframes kcPulse{0%,100%{box-shadow:0 6px 22px rgba(0,0,0,.35),0 0 0 0 rgba(255,255,255,.4)}50%{box-shadow:0 6px 22px rgba(0,0,0,.35),0 0 0 10px rgba(255,255,255,0)}}
.kmsg-btn{position:fixed;right:16px;bottom:78px;z-index:60;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#111;border:1px solid #fff;transition:transform .2s,background .6s}
html[data-power=on] .kmsg-btn{border-color:transparent;background:radial-gradient(circle at 30% 110%,#ffd600 0,#ff7a00 20%,#ff0069 45%,#d300c5 65%,#7638fa 85%,#0099ff 100%)}
.kmsg-btn{box-shadow:0 6px 18px rgba(0,0,0,.35)}
html[data-power=on] .kchat-btn{background:#FFC24A!important;color:#111!important;border-color:#FFC24A!important}
html[data-power=on] .kchat-dot{background:#FFB21E;box-shadow:0 0 0 2px #1C1814}
.kchat-btn{transition:background .6s,color .6s,transform .2s}
.kmsg-btn:hover{transform:scale(1.08)}
@media(max-width:999px){.kchat-btn{bottom:84px!important}.kmsg-btn{bottom:148px}}
@media (prefers-reduced-motion:reduce){.kchat-btn{animation:none}}
.photo.lights picture{position:absolute;inset:0;width:100%;height:100%}.photo.lights{aspect-ratio:960/1117;height:auto}.photo.lights picture img{width:100%;height:100%;object-fit:cover;object-position:50% 50%!important}

.brand-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 40px;margin:22px auto 8px;padding:18px 12px;max-width:1100px}
.bs-group{display:flex;flex-direction:column;align-items:center;gap:10px}
.bs-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.bs-logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
.bs-logos li{display:flex;align-items:center;justify-content:center;height:56px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.04);transition:background .4s ease,box-shadow .4s ease}
.bs-logos img{display:block;max-width:none;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.85;transition:filter .4s ease,opacity .4s ease}
.bs-word span{font:800 1.05rem/1 system-ui,sans-serif;letter-spacing:.02em;color:#fff;opacity:.85;transition:color .4s ease}
html[data-power=on] .bs-logos li{background:#fff;box-shadow:0 2px 10px rgba(150,80,10,.12)}
html[data-power=on] .bs-logos img{filter:none;opacity:1}
html[data-power=on] .bs-word span{color:#1C6FB8;opacity:1}
.brand-strip.compact{justify-content:flex-start;gap:12px 24px;margin:6px 0;padding:0}.brand-strip.compact .bs-group{align-items:flex-start}
@media (max-width:640px){.brand-strip{gap:16px;padding:12px 4px}.bs-logos{gap:8px}.bs-logos li{zoom:.82}}
@media (prefers-reduced-motion:reduce){.bs-logos li,.bs-logos img,.bs-word span{transition:none}}
html[data-power=on] .bs-logos li.bs-dark{background:#1C1814}
.brand-strip:not(.compact) .bs-group{flex:1 1 100%}

.foot-cta{text-align:center;padding:48px 16px 36px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:28px}
.foot-cta h2{font-size:clamp(1.6rem,4.5vw,2.6rem);margin:.2em 0 .4em}
.big-tel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin:.2em 0 .8em}
.big-tel a{font-weight:900;font-size:clamp(2.3rem,10vw,4.6rem);line-height:1;letter-spacing:-.01em;color:#FFC24A;text-decoration:none}
.big-tel a:hover,.big-tel a:focus-visible{text-decoration:underline;text-underline-offset:6px}
.copy-btn{font:700 .85rem/1 system-ui,sans-serif;padding:.55em 1em;border-radius:999px;border:1.5px solid currentColor;background:transparent;color:inherit;cursor:pointer}
.talk-pop{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,8,6,.55);padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.talk-pop[hidden]{display:none}
@media(min-width:640px){.talk-pop{align-items:center}}
.tp-card{position:relative;width:100%;max-width:420px;background:#17130F;color:#FBF7F0;border:1px solid rgba(255,194,74,.35);border-radius:20px;padding:22px 20px 20px;text-align:center;box-shadow:0 24px 60px -12px rgba(0,0,0,.6);animation:tpIn .22s ease-out}
@keyframes tpIn{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.tp-x{position:absolute;top:8px;right:10px;width:40px;height:40px;border:0;background:none;color:inherit;font-size:26px;cursor:pointer}
.tp-h{font-weight:700;margin:0 0 6px}
.tp-num{display:block;font-weight:900;font-size:clamp(2rem,9vw,2.6rem);line-height:1.1;color:#FFC24A;text-decoration:none;margin:4px 0}
.tp-sub{font-size:.85rem;opacity:.75;margin:0 0 14px}
.tp-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tp-a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:14px;border:1.5px solid rgba(251,247,240,.5);background:transparent;color:inherit;font:700 .92rem/1 system-ui,sans-serif;text-decoration:none;cursor:pointer}
.tp-call{background:#FFC24A;border-color:#FFC24A;color:#111}
@media(max-width:360px){.tp-acts{grid-template-columns:repeat(2,1fr)}}
html[data-power=on] .tp-card{background:#FFF8EC;color:#1C1814;border-color:#E9B377}
html[data-power=on] .tp-num{color:#8A4A00}
html[data-power=on] .tp-a{border-color:#C9A57A}
html[data-power=on] .tp-call{background:#FFB21E;border-color:#F4A21B;color:#1C1814}
@media(prefers-reduced-motion:reduce){.tp-card{animation:none}}
.site-footer .foot-cta .btn-sun{background:linear-gradient(#FFC04A,#F4A21B)!important;border-color:#E89A14!important;color:#1C1814!important;text-decoration:none}.tp-a{font-size:.86rem;padding:0 4px}
.home-v2 .lead{font-size:clamp(1.15rem,2.6vw,1.35rem);line-height:1.5;max-width:34ch}
.hv-sec{padding:56px 0}
.hv-alt{background:rgba(255,255,255,.035)}
html[data-power=on] .hv-alt{background:rgba(255,255,255,.45)}
.hv-narrow{max-width:760px}
.hv-h{font-size:clamp(1.6rem,4.6vw,2.3rem);line-height:1.2;margin:0 0 24px}
.hv-c{text-align:center}
.hv-benefits{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.hv-benefits li{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:1.08rem;line-height:1.55}
html[data-power=on] .hv-benefits li{background:#FFF4E2;border-color:rgba(138,90,43,.25)}
.hv-benefits strong{font-size:1.25rem}
.hv-benefits a{font-weight:700;font-size:.98rem;color:var(--sun,#FFB21E);text-decoration:underline;text-underline-offset:3px}
html[data-power=on] .hv-benefits a,html[data-power=on] .hv-more a{color:var(--rust-text,#8A4A00)}
@media(min-width:900px){.hv-narrow:has(.hv-benefits){max-width:1100px}.hv-benefits{grid-template-columns:repeat(3,1fr)}}
.hv-steps{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.hv-steps li{display:flex;gap:16px;align-items:flex-start;font-size:1.08rem;line-height:1.55;max-width:65ch}
.hv-steps b{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#FFC24A;color:#1C1814;font-size:1.2rem}
.hv-steps strong{display:block;font-size:1.2rem;margin-bottom:2px}
.hv-steps span,.hv-benefits span{display:block;opacity:.92}
.hv-more{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:1.02rem}
.hv-more.hv-c{justify-content:center}
.hv-photos{display:grid;gap:16px;grid-template-columns:1fr}
.hv-photos figure{margin:0}
.hv-photos img{border-radius:16px;width:100%;aspect-ratio:4/3;object-fit:cover;height:auto}
@media(min-width:700px){.hv-photos{grid-template-columns:repeat(3,1fr)}}
.hv-trust{text-align:center;font-size:1.02rem;margin:18px auto 0;max-width:65ch;opacity:.9}
@media(max-width:640px){.home-v2{font-size:17.5px}.hv-sec{padding:44px 0}}
.home-v2 .showcase .sc-inset{width:34%;max-width:none;aspect-ratio:3/4;right:16px;bottom:16px;border:4px solid #fff;border-radius:18px;box-shadow:0 14px 34px -6px rgba(0,0,0,.55);transform:rotate(-1.5deg);transition:border-color .4s}
html[data-power=on] .home-v2 .showcase .sc-inset{border-color:#1C1814}
.home-v2 .showcase .sc-label{right:auto;max-width:56%}
@media(min-width:700px){.hv-photos-2{grid-template-columns:repeat(2,1fr)}}
.hv-photos-2{margin-top:16px}
@media(max-width:640px){.home-v2 .showcase{aspect-ratio:4/3;border-radius:20px}.home-v2 .showcase .sc-inset{width:40%;aspect-ratio:1/1;right:10px;bottom:10px;border-width:3px;border-radius:14px}.home-v2 .showcase .sc-label{max-width:52%;font-size:.8rem}}
@media(min-width:641px){.home-v2 .showcase .sc-inset{width:30%;aspect-ratio:1/1}}
.hero-rot .hero-kicker{display:block;margin:0 0 .7em;line-height:1.3}
.hero-rot.is-stacked>span.hero-kicker{grid-area:1/1}
.hero-rot.is-stacked:has(.hero-kicker)>span:not(.hero-kicker){grid-area:2/1}

.map-facade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:280px;padding:16px;text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.09)),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 12px,transparent 12px 24px)}
.map-facade p{margin:0;font-weight:600}

h1>.hero-kicker{display:block;margin:0 0 .7em;line-height:1.3}
/* Equipment page (Oct 2026): b-roll hero, category cards; black/white with yellow accents */
.eq-hero{display:grid;gap:28px;align-items:center}
.eq-jump{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:18px 0}
.eq-jump a{display:inline-block;padding:6px 14px;border:1px solid var(--line);border-radius:999px;font:600 .9rem Figtree;text-decoration:none}
.eq-jump a:hover,.eq-jump a:focus-visible{border-color:var(--sun);color:var(--sun)}
.eq-warranty{font-size:.98rem;color:var(--muted);max-width:46ch;border-left:3px solid var(--sun);padding-left:12px}
.broll{position:relative;margin:0;border-radius:28px;overflow:hidden;background:#0b0b0b;aspect-ratio:1/1;box-shadow:0 18px 40px -12px var(--shadow);max-width:440px;width:100%;justify-self:center}
.broll video{display:block;width:100%;height:100%;object-fit:cover}
.broll figcaption{position:absolute;left:14px;bottom:12px;font:600 .8rem Figtree;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.55);padding:4px 10px;border-radius:999px}
.broll figcaption:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sun);margin-right:7px;vertical-align:1px}
.eq-cat{display:grid;gap:22px;align-items:center;padding:34px 0;border-bottom:1px solid rgba(0,0,0,.12)}
.eq-cat:first-child{padding-top:0}
.eq-num{font:700 .85rem Figtree;letter-spacing:.14em;color:#111;margin:0 0 6px}
.eq-num:after{content:"";display:inline-block;width:28px;height:3px;background:var(--sun);margin-left:10px;vertical-align:3px}
.eq-sub{font:700 .82rem Figtree;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px}
.eq-items,.eq-why{margin:0;padding-left:20px}
.eq-items li,.eq-why li{margin:0 0 6px}
.eq-items li::marker{color:#C98A00}
.eq-photo{aspect-ratio:4/3}
.eq-more{padding-top:36px;max-width:760px}
@media (min-width:900px){
 .eq-hero{grid-template-columns:1.15fr .85fr;gap:48px}
 .broll{aspect-ratio:4/5}
 .eq-cat{grid-template-columns:1.1fr .9fr;gap:44px}
 .eq-cat.flip .eq-body{order:2}
}
@media (prefers-reduced-motion:reduce){.broll video{animation:none}}
.foot-own{margin-top:4px}