/* gewoonelektro: built by tools/build.py from the files named below, edit those and rebuild */
/* ---- site.css */
@font-face{font-family:Mona;src:url('mona-ge2.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--orange:#ff7816;--orange-dark:#b84600;--ink:#171716;--muted:#686866;--paper:#fff;--soft:#f6f5f2;--line:#e6e5e1;--ease:cubic-bezier(.2,.75,.25,1);--hero-shift:0px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Mona,Arial,sans-serif;line-height:1.65;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{display:block;max-width:100%;object-fit:cover;height:auto}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.052em;font-weight:650}h1{font-size:clamp(44px,5.3vw,76px)}h2{font-size:clamp(36px,4.2vw,60px)}h3{font-size:24px}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#ff7816;color:#171716}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:112px}.orange{color:var(--orange)}.icon{width:22px;height:22px;flex-shrink:0}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-weight:650;font-size:10px;letter-spacing:.15em;color:var(--orange-dark);margin-bottom:22px}.eyebrow .icon{width:20px;height:20px}.lead{font-size:20px;line-height:1.6;letter-spacing:-.025em}.muted{font-size:13px;line-height:1.85}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px;border:0;padding:0}.skip{position:fixed;left:16px;top:-100px;z-index:120;background:var(--ink);color:#fff;padding:12px 20px;border-radius:5px}.skip:focus{top:12px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid transparent;border-radius:7px;background:var(--orange);color:var(--ink);font-weight:650;font-size:13px;line-height:1.35;padding:19px 23px;transition:background .25s,box-shadow .3s,transform .3s var(--ease);isolation:isolate;overflow:hidden;position:relative}.button:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,#ffffff55 50%,transparent 85%);transform:translateX(-110%);transition:transform .7s;z-index:-1}.button:hover{background:#ff8c37;box-shadow:0 8px 25px #ff781620;transform:translateY(-2px)}.button:hover:before{transform:translateX(110%)}.button .icon{width:18px;height:18px;transition:transform .3s}.button:hover .icon{transform:translate(2px,-2px)}.button-small{padding:13px 17px;font-size:11px;gap:22px}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:13px;font-weight:650;border-bottom:1px solid #d0cfcb;padding-bottom:8px;transition:color .2s,gap .3s}.text-link:hover{color:var(--orange-dark);gap:28px}.text-link .icon{width:18px;height:18px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;flex-shrink:0}
.topbar{background:var(--soft);font-size:10px;border-bottom:1px solid var(--line);color:#737371}.topbar>.wrap{display:flex;align-items:center;justify-content:space-between;height:32px}.topbar span:first-child{display:flex;gap:8px;align-items:center}.topbar span:last-child{letter-spacing:.07em}.site-header{background:#ffffffef;backdrop-filter:blur(18px);position:sticky;top:0;z-index:60;border-bottom:1px solid transparent;transition:box-shadow .25s,border-color .25s}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 5px 25px #17171604}.header-inner{height:91px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;width:226px;flex-shrink:0}.brand img{object-fit:contain;width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:550}.site-header nav>a{position:relative;padding-block:12px;white-space:nowrap}.site-header nav>a:after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav>a:hover:after{transform:scaleX(1)}.header-contact{display:flex;align-items:center;gap:25px}.header-phone{display:flex;align-items:center;gap:8px;font-weight:600;font-size:11px;white-space:nowrap}.header-phone .icon{width:17px;height:17px;color:var(--orange-dark)}.menu-toggle{display:none;border:0;background:transparent;padding:9px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--orange);z-index:85;transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.cinema-hero{position:relative;min-height:660px;height:min(810px,calc(100svh - 143px));margin:0 20px;border-radius:15px;background:#151715;color:white;overflow:hidden;isolation:isolate}.hero-visual,.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-visual{z-index:-2}.hero-image{height:100%;width:100%;object-position:64% 57%;transform:translate3d(0,var(--hero-shift),0) scale(1.07)}.hero-shade{background:linear-gradient(90deg,#070b0de6 0%,#070b0daa 30%,#070b0d25 63%,#070b0d06 100%),linear-gradient(0deg,#070b0d5c,transparent 45%)}.hero-orb{position:absolute;width:290px;height:290px;left:var(--mx,73%);top:var(--my,55%);border-radius:50%;background:#ff781622;filter:blur(70px);transform:translate(-50%,-50%);transition:left 1s var(--ease),top 1s var(--ease);mix-blend-mode:screen}.hero-content{position:relative;z-index:3;padding:59px 0 100px;margin-left:max(5%,calc((100vw - 1280px)/2 - 20px));width:600px;max-width:calc(100% - 96px)}.hero-kicker{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.04em;color:#e7e7df;margin-bottom:27px}.hero-kicker .status-dot{box-shadow:0 0 14px #ff781680}.cinema-hero h1{font-size:clamp(76px,7.4vw,110px);font-weight:650;line-height:.98;letter-spacing:-.065em;margin-bottom:29px}.hero-line{display:block;overflow:hidden;padding-bottom:8px;margin-bottom:-8px}.hero-line>span{display:block}.hero-description{color:#dfdfd9;font-size:13px;line-height:1.9;margin-bottom:27px;max-width:440px}.hero-actions{display:flex;align-items:center;gap:26px}.button-hero{padding:19px 22px;font-size:12px;gap:27px;box-shadow:0 7px 30px #0002}.hero-secondary{font-size:10px;color:#e0e0da;display:flex;gap:11px;align-items:center;white-space:nowrap}.hero-secondary>span{font-size:20px;transition:transform .3s}.hero-secondary:hover>span{transform:translateY(5px)}.hero-scroll{position:absolute;left:max(5%,calc((100vw - 1280px)/2 - 20px));bottom:33px;font-size:9px;letter-spacing:.04em;display:flex;gap:15px;align-items:center;z-index:3}.hero-scroll i{width:24px;height:36px;border:1px solid #ffffff45;border-radius:15px;position:relative}.hero-scroll i:before{content:'';position:absolute;left:10px;top:8px;width:2px;height:7px;border-radius:4px;background:var(--orange)}.hero-caption{position:absolute;right:53px;bottom:50px;display:flex;align-items:center;gap:15px;font-size:12px;line-height:1.7;color:#eeece3}.hero-caption b{font-weight:550;color:white}.caption-line{width:35px;height:1px;background:var(--orange)}.image-disclaimer{position:absolute;right:21px;bottom:13px;font-size:8px;color:#ffffff73}.hero-current{position:absolute;inset:0;height:100%;width:100%;z-index:1;pointer-events:none}.current-base{fill:none;stroke:#ff7816;stroke-width:1;opacity:.18}.current-pulse{fill:none;stroke:url('#current-gradient');stroke-width:2;stroke-dasharray:140 2200;stroke-dashoffset:1700;filter:drop-shadow(0 0 6px #ff7816);opacity:.8}
.trust-strip{display:flex;align-items:center;justify-content:center;gap:70px;padding-block:28px;border-bottom:1px solid var(--line);font-size:11px;font-weight:550;color:#656562}.trust-strip>span{display:flex;align-items:center;gap:10px}.trust-strip .icon{color:var(--orange-dark);width:17px;height:17px}
.intro-section{text-align:center;padding:122px 0 68px}.intro-section .eyebrow{justify-content:center}.manifesto{font-size:clamp(43px,4.8vw,70px);line-height:1.15;font-weight:600;letter-spacing:-.06em}.outlined-word{color:var(--ink);position:relative}.outlined-word:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange);transform-origin:left}.intro-section>p{font-size:14px;line-height:1.9;margin-top:25px}.energy-trail{width:2px;height:105px;margin:43px auto 0;background:#ece4da;position:relative;overflow:hidden}.energy-trail span{position:absolute;inset:0;background:linear-gradient(transparent,var(--orange),transparent);transform:translateY(-100%)}.energy-trail i{position:absolute;top:50%;width:2px;height:4px;background:var(--orange)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:65px;margin-bottom:45px}.section-head>p{max-width:335px;font-size:13px;line-height:1.9;padding-bottom:5px}.section-head>.text-link{flex-shrink:0;margin-bottom:8px}.services-section{background:var(--soft)}.service-filters{display:flex;align-items:center;gap:9px;margin-bottom:34px;flex-wrap:wrap}.service-filters>button{border:1px solid #dfded9;display:flex;align-items:center;gap:20px;border-radius:999px;background:transparent;padding:11px 20px;font-size:11px;font-weight:600;transition:background .25s,color .25s,border-color .25s,transform .25s}.service-filters>button:hover{border-color:#aaa9a3;transform:translateY(-1px)}.service-filters>button.active{background:var(--ink);border-color:var(--ink);color:white}.service-filters span{font-size:9px;opacity:.65}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{min-width:0;background:white;border-radius:13px;border:1px solid #e5e4df;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s,border-color .3s;transform-style:preserve-3d;position:relative}.service-card:hover{box-shadow:0 15px 44px #1d1c1610;border-color:#d4cabf}.service-image{display:block;aspect-ratio:1.52;overflow:hidden;position:relative;background:#e5e4df}.service-image>img{width:100%;height:100%;transition:transform .8s var(--ease);object-position:center 42%}.service-card:hover .service-image>img{transform:scale(1.06)}.image-icon{position:absolute;left:18px;top:18px;border-radius:9px;width:39px;height:39px;display:grid;place-items:center;background:#fffffff2;color:var(--orange-dark);box-shadow:0 3px 20px #0001}.image-icon .icon{width:20px;height:20px}.image-open{position:absolute;bottom:15px;right:15px;border-radius:50%;width:36px;height:36px;background:#fff;color:var(--ink);display:grid;place-items:center;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.service-card:hover .image-open{opacity:1;transform:translateY(0)}.image-open .icon{width:17px;height:17px}.service-content{padding:24px}.service-type{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--orange-dark);display:block;margin-bottom:11px;font-weight:650}.service-card h3{font-size:23px;letter-spacing:-.04em;min-height:51px;line-height:1.15;margin-bottom:11px;font-weight:620;max-width:290px}.service-content>p{font-size:11px;line-height:1.75;min-height:39px;max-width:300px}.service-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;max-width:195px;line-height:1.25}.price-label{font-size:9px;width:100%;color:#77766e;letter-spacing:.025em}.price strong{font-weight:650;font-size:27px;letter-spacing:-.05em;color:var(--ink)}.price-vat{font-size:8px;color:#77766e}.price strong:last-child{font-size:22px}.service-select{display:flex;gap:7px;align-items:center;border:1px solid #e4e3dc;background:white;border-radius:7px;padding:10px 11px;line-height:1;font-size:10px;font-weight:600;flex-shrink:0;transition:background .3s,border-color .3s}.service-select .icon{width:15px;height:15px}.service-select:hover,.service-select[aria-pressed=true]{background:var(--orange);border-color:var(--orange)}.price-note{font-size:10px;max-width:760px;line-height:1.8;color:#7d7b76;margin-top:28px}
.experience-section{margin:24px 20px 0;background:#141717;color:white;border-radius:16px;padding:92px 0 87px;overflow:hidden;isolation:isolate;position:relative}.experience-section .eyebrow{color:#ff9b54}.experience-section .section-head>p{color:#b1b4ad}.experience-section h2{font-size:clamp(56px,6.8vw,96px);line-height:.99}.experience-grid{display:grid;grid-template-columns:1.55fr 1fr;align-items:center;gap:65px}.scene-visual{aspect-ratio:1.5;position:relative;border-radius:13px;overflow:hidden;border:1px solid #ffffff1c;background:#101414}.scene-images{position:absolute;inset:0}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .8s var(--ease),transform 1.4s var(--ease);object-position:center 50%}.scene-image.active{opacity:1;transform:scale(1)}.scene-caption{position:absolute;bottom:15px;left:18px;font-size:8px;color:#fff;background:#111b;border-radius:5px;padding:5px 9px;backdrop-filter:blur(8px)}.scene-hotspot{position:absolute;z-index:2;width:36px;height:36px;padding:0;background:var(--orange);color:#171716;border:1px solid #ffb982;border-radius:50%;display:grid;place-items:center;transition:transform .3s,background .3s}.scene-hotspot .icon{width:17px;height:17px}.scene-hotspot>span{position:absolute;inset:-7px;border:1px solid #ff78165c;border-radius:50%;pointer-events:none}.scene-hotspot:hover{transform:scale(1.1);background:#ff9b50}.hotspot-power{left:43%;top:70%}.hotspot-air{left:38%;top:42%}.hotspot-energy{left:82%;top:74%}.scene-controls{min-width:0}.scene-tabs{display:flex;gap:7px;border-bottom:1px solid #ffffff26;padding-bottom:16px;margin-bottom:27px}.scene-tabs>button{background:transparent;border:1px solid #ffffff30;border-radius:999px;color:#c9cbc4;padding:9px 17px;font-size:10px;transition:background .3s,color .3s,border .3s}.scene-tabs>button.active{background:var(--orange);color:#171716;border-color:var(--orange);font-weight:650}.scene-index{font-size:9px;color:#999f98;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:18px}.scene-panel h3{font-weight:550;font-size:35px;letter-spacing:-.047em;line-height:1.14;margin-bottom:22px}.scene-panel h3>span{color:#929a92}.scene-panel p{font-size:12px;color:#b3b9b0;line-height:1.9;max-width:350px}.scene-cta{display:flex;align-items:center;gap:22px;background:transparent;color:#ff9b54;border:0;border-bottom:1px solid #ff78163d;padding:0 0 12px;margin-top:28px;font-size:11px;text-align:left;transition:gap .3s}.scene-cta:hover{gap:32px}.scene-cta .icon{width:18px;height:18px}.scene-panel:not([hidden]){animation:panel-enter .6s var(--ease) both}
.why-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:142px}.why-visual{position:relative;padding:0 0 29px}.why-photo{border-radius:15px;overflow:hidden;aspect-ratio:.98;background:#e9e7e2}.why-photo>img{width:100%;height:100%;object-position:55% center}.craft-card{position:absolute;bottom:0;right:-32px;background:white;box-shadow:0 15px 50px #1b211710;border:1px solid var(--line);border-radius:10px;display:flex;gap:15px;align-items:center;padding:20px 23px;font-size:11px;color:#71746d;line-height:1.7}.craft-card b{color:var(--ink);font-weight:650}.craft-icon{display:grid;place-items:center;background:#fff1e5;color:var(--orange-dark);width:39px;height:39px;border-radius:50%}.craft-icon .icon{width:18px;height:18px}.why-copy h2{margin-bottom:24px}.why-copy>.lead{margin-bottom:17px}.why-copy>p:not(.lead){font-size:13px;line-height:1.95}.why-points{display:grid;gap:19px;margin-top:30px;margin-bottom:31px}.why-points>div{display:flex;align-items:flex-start;gap:13px;font-size:11px;color:#70726c;line-height:1.7}.why-points .icon{width:17px;height:17px;color:var(--orange-dark);margin-top:4px}.why-points b{display:block;font-weight:650;color:var(--ink);font-size:13px;margin-bottom:3px}
.process-section{background:var(--soft)}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.step{border-top:1px solid #dcdcd4;padding-top:26px}.step-top{display:flex;gap:20px;align-items:center;margin-bottom:28px}.step-number{font-size:38px;line-height:1;letter-spacing:-.055em;color:var(--orange);font-weight:550}.step-line{height:1px;background:#deddd4;flex:1;position:relative;overflow:hidden}.step-line:after{content:'';position:absolute;inset:0;background:var(--orange);transform:translateX(-100%);transition:transform 1.3s var(--ease) var(--delay,0ms)}.step.is-visible .step-line:after{transform:translateX(0)}.step-top>.icon{width:21px;height:21px;color:#8c8b83}.step h3{font-size:24px;font-weight:600;margin-bottom:16px;line-height:1.15}.step p{font-size:12px;line-height:1.95;max-width:350px}.step>.step-number{display:block;margin-bottom:22px}
.region-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:104px;border-bottom:1px solid var(--line)}.region-section p{font-size:13px;line-height:2;margin-bottom:18px}.google-link{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:25px;font-weight:550;color:#70736b}.google-link .icon{width:16px;height:16px}.google-g{font-size:22px;font-weight:750;font-family:Arial,sans-serif;color:#4285f4;line-height:1}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq-section h2{font-size:44px}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;list-style:none;font-weight:550;font-size:13px;padding:23px 0;line-height:1.65}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{display:block;line-height:1;font-size:24px;color:var(--orange-dark);font-weight:350;transition:transform .3s}.faq-item[open] summary>span{transform:rotate(45deg)}.faq-item p{font-size:12px;line-height:1.9;padding:0 28px 24px 0}.faq-item p a{color:var(--orange-dark);text-decoration:underline}.faq-item[open] p{animation:panel-enter .35s var(--ease)}
.quote-section{background:#fff4e9;border-top:1px solid #f4e7d9;border-bottom:1px solid #f4e7d9;position:relative;overflow:hidden;padding:110px 0}.quote-section:after{content:'';position:absolute;width:580px;height:580px;border:1px solid #ff78161c;border-radius:50%;top:-175px;right:-220px;pointer-events:none;box-shadow:0 0 0 60px #ff781606,0 0 0 120px #ff781605,0 0 0 180px #ff781604}.quote-layout{display:grid;grid-template-columns:1fr 1.17fr;gap:90px;align-items:center;position:relative;z-index:1}.quote-copy h2{font-size:clamp(46px,4.7vw,67px);line-height:1.07;margin-bottom:26px}.quote-copy>.eyebrow{font-size:9px;letter-spacing:.1em}.quote-copy>p{max-width:390px;font-size:13px;line-height:1.95;color:#6e675e}.quote-promises{list-style:none;padding:0;margin:30px 0 35px;display:grid;gap:13px;font-size:11px;color:#5c5952}.quote-promises li{display:flex;align-items:center;gap:10px}.quote-promises .icon{width:16px;height:16px;color:var(--orange-dark)}.quote-phone{display:flex;align-items:center;gap:15px;font-size:24px;line-height:1.3;font-weight:650;letter-spacing:-.04em}.quote-phone>.icon{height:40px;width:40px;background:white;padding:10px;box-sizing:content-box;border-radius:50%;color:var(--orange-dark)}.quote-phone small{display:block;font-size:10px;letter-spacing:0;font-weight:450;color:#7e7467;margin-bottom:6px}
.quote-card{border-radius:15px;border:1px solid #efe3d7;background:#fff;padding:30px 32px 23px;box-shadow:0 20px 55px #7a492008}.quote-card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;margin-bottom:19px}.quote-badge{font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:650;color:var(--orange-dark);padding:5px 9px;background:#fff1e5;border-radius:999px}.quote-step-label{color:#8c8b80}.quote-step-label b{color:var(--ink);font-weight:650}.quote-progress{height:3px;background:#f0eeea;border-radius:99px;overflow:hidden;margin-bottom:28px}.quote-progress>span{display:block;width:50%;height:100%;background:var(--orange);transition:width .5s var(--ease)}.quote-card[data-step="2"] .quote-progress>span{width:100%}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-size:23px;font-weight:620;letter-spacing:-.035em;line-height:1.2;margin-bottom:11px;padding:0;max-width:400px}.form-hint{font-size:10px;line-height:1.8;color:#8b8a80}.quote-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:22px}.quote-choice{position:relative;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start;min-height:106px;border:1px solid #e8e6e0;border-radius:8px;padding:14px 11px;cursor:pointer;font-size:10px;line-height:1.4;font-weight:550;transition:background .25s,border-color .25s,transform .25s}.quote-choice:hover{background:#fff8f1;border-color:#dfc9b8;transform:translateY(-2px)}.quote-choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.quote-choice:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:2px}.quote-choice:has(input:checked){background:#fff2e7;border-color:var(--orange)}.choice-icon .icon{width:23px;height:23px;color:#716b61}.quote-choice:has(input:checked) .choice-icon .icon{color:var(--orange-dark)}.choice-check{position:absolute;right:7px;top:7px;width:16px;height:16px;border:1px solid #dedcd4;border-radius:50%;background:#fff;display:grid;place-items:center}.choice-check .icon{width:10px;height:10px;opacity:0}.quote-choice:has(input:checked) .choice-check{background:var(--orange);border-color:var(--orange)}.quote-choice:has(input:checked) .choice-check .icon{opacity:1}.quote-next-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:27px}.quote-next-row>span{font-size:10px;color:#858379}.quote-next-row .button{padding:14px 20px;font-size:12px}.quote-privacy{font-size:8px;line-height:1.8;color:#969084;margin-top:21px;max-width:450px}.quote-privacy a{text-decoration:underline;color:#716b61}.form-error{font-size:11px;line-height:1.7;color:#9b2900;margin-top:12px}.form-error:empty{display:none}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}#quote fieldset[data-quote-step="2"]>label,.field-grid>label{display:grid;gap:6px;font-size:10px;font-weight:600;margin-bottom:15px}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #e2dfd6;background:#fbfaf7;border-radius:6px;padding:12px 13px;font-size:11px;color:var(--ink);outline-offset:2px;transition:border-color .2s,background .2s}input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--orange);background:white}textarea{resize:vertical;min-height:102px;max-height:300px;line-height:1.6}::placeholder{color:#aaa598;opacity:1;font-weight:400}.selected-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff6ed;border:1px solid #f9e7d6;border-radius:6px;padding:10px 12px;margin:18px 0 21px}.selected-summary>span{font-size:9px;color:#797062;line-height:1.6}.selected-summary button,.quote-options button{border:0;background:transparent;font-size:9px;color:var(--orange-dark);padding:3px 0;white-space:nowrap}.quote-submit{width:100%;justify-content:center;gap:16px;padding:17px 10px;font-size:11px}.quote-options{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.quote-options .icon{display:inline-block;vertical-align:middle;width:13px;height:13px;margin-left:5px}.handoff-hint{font-size:9px;margin-top:15px}.handoff-fallback{display:inline-flex;align-items:center;gap:10px;font-size:10px;color:var(--orange-dark);text-decoration:underline;margin-top:10px}.handoff-fallback .icon{width:14px;height:14px}.quote-card fieldset:not([hidden]){animation:panel-enter .5s var(--ease) both}
.site-footer{padding:69px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px;padding-bottom:55px}.footer-brand .brand{width:280px;max-width:100%;margin-bottom:23px}.footer-brand p{font-size:11px;line-height:1.9}.footer-grid>div>h3{font-size:16px;letter-spacing:-.02em;margin-bottom:23px;font-weight:600}.footer-grid>div>a{display:flex;align-items:center;gap:8px;max-width:max-content;font-size:11px;color:#72736c;margin-bottom:11px;transition:color .2s}.footer-grid>div>a:hover,.socials a:hover{color:var(--orange-dark)}.footer-grid>div>.footer-phone{font-size:21px;letter-spacing:-.035em;color:var(--ink);font-weight:600}.footer-grid>div>a .icon{width:14px;height:14px}.socials{display:flex;gap:20px;margin-top:20px;font-size:10px;color:#72736c}.socials a{display:flex;align-items:center;gap:7px}.socials .icon{width:12px;height:12px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#96968c}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:55;background:#1d231d;color:white;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;box-shadow:0 7px 30px #0002;font-size:10px;transition:transform .3s,background .3s}.whatsapp-float>.icon{width:21px;height:21px}.whatsapp-float:hover{transform:translateY(-3px);background:#303a2e}.whatsapp-float .status-dot{background:#8fcb82}.motion-toggle{position:fixed;left:18px;bottom:20px;z-index:56;border:1px solid #d9d9ce;background:#ffffffe8;backdrop-filter:blur(8px);border-radius:50%;width:35px;height:35px;padding:0;display:grid;place-items:center;color:#77796c;box-shadow:0 4px 14px #0001}.motion-toggle .icon{width:13px;height:13px}.motion-toggle[aria-pressed=true]{color:var(--orange-dark)}.selection-dock{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:57;background:#fffffff5;border:1px solid #e3e1d8;padding:9px 11px 9px 19px;border-radius:11px;box-shadow:0 9px 45px #0002;backdrop-filter:blur(16px);display:flex;align-items:center;gap:25px;animation:dock-enter .4s var(--ease) both}.selection-dock>span{font-size:10px;white-space:nowrap;color:#79766a}.selection-dock>span>b{color:var(--ink);font-weight:650}.selection-dock .button{padding:12px 15px}.dock-clear{border:0;background:none;padding:5px;color:#8f8d82}.dock-clear .icon{width:16px;height:16px}.mobile-contact{display:none}
.inner-hero{padding-top:42px;padding-bottom:80px}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:#969386;margin-bottom:48px}.breadcrumb a{color:#6a695f}.inner-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px}.inner-hero h1{margin-bottom:24px}.inner-hero .lead{margin-bottom:20px}.inner-hero p:not(.lead){font-size:13px;line-height:1.9;margin-bottom:28px;max-width:460px}.inner-photo{aspect-ratio:1.1;border-radius:14px;overflow:hidden;background:#eae8e1}.inner-photo>img{height:100%;width:100%}.inner-title{padding-top:75px;padding-bottom:50px}.inner-title h1{margin-bottom:26px}.inner-title .lead{max-width:620px;font-size:17px;margin-bottom:25px}.inner-page .services-section.wrap{background:transparent;padding-top:15px}.inner-page .quote-section{border-top:0}.package-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:95px;border-top:1px solid var(--line)}.package-grid h2{margin-bottom:25px;font-size:49px}.package-grid .lead{font-size:17px}.checklist{list-style:none;display:grid;gap:16px;padding:0;margin:30px 0;font-size:13px}.checklist li{display:flex;gap:12px;align-items:flex-start}.checklist .icon{height:17px;width:17px;color:var(--orange-dark);margin-top:3px}.package-price{background:#fff3e8;border:1px solid #f7e3d0;border-radius:13px;padding:36px;height:fit-content}.package-price .price{max-width:none;margin-bottom:27px}.package-price .price strong{font-size:48px}.package-price .price strong:last-child{font-size:35px}.package-price h3{font-size:25px;margin-bottom:18px}.package-price p{font-size:12px;line-height:1.9;margin-bottom:24px}.package-price small{display:block;font-size:9px;line-height:1.9;margin-top:20px;color:#9b8c78}.places-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.place{display:flex;align-items:center;gap:16px;padding:25px 24px;border:1px solid var(--line);border-radius:9px;font-size:19px;letter-spacing:-.02em;transition:background .3s,border-color .3s}.place:hover{background:#fff5eb;border-color:#f6cda6}.place>.icon:first-child{color:var(--orange-dark);height:20px;width:20px}.place>.icon:last-child{margin-left:auto;width:18px;height:18px}.region-note{margin:30px 0 24px}.prose{max-width:780px}.prose h1{margin-bottom:35px}.prose h2{font-size:27px;margin:37px 0 16px}.prose p{font-size:14px;line-height:1.95}.prose a{color:var(--orange-dark);text-decoration:underline}
.has-motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease) var(--delay,0ms),transform .9s var(--ease) var(--delay,0ms)}.has-motion .reveal.is-visible{opacity:1;transform:translateY(0)}.has-motion .hero-line>span{transform:translateY(110%);opacity:0}.has-motion .entered .hero-line>span{animation:hero-word .9s var(--ease) .08s forwards}.has-motion .entered .hero-line:nth-child(2)>span{animation-delay:.18s}.has-motion .entered .hero-line:nth-child(3)>span{animation-delay:.28s}.has-motion .hero-kicker,.has-motion .hero-description,.has-motion .hero-actions{opacity:0}.has-motion .entered .hero-kicker{animation:panel-enter .8s var(--ease) .02s forwards}.has-motion .entered .hero-description{animation:panel-enter .8s var(--ease) .45s forwards}.has-motion .entered .hero-actions{animation:panel-enter .8s var(--ease) .6s forwards}.has-motion .current-pulse{animation:current-flow 8s linear infinite}.has-motion .hero-scroll i:before{animation:scroll-nudge 2.2s ease-in-out infinite}.has-motion .hero-orb{animation:orb-breathe 7s ease-in-out infinite}.has-motion .energy-trail span{animation:trail-flow 3.5s ease-in-out infinite}.has-motion .scene-hotspot>span{animation:hotspot-pulse 3.2s ease-out infinite}.has-motion .scene-hotspot:nth-of-type(2)>span{animation-delay:.8s}.has-motion .scene-hotspot:nth-of-type(3)>span{animation-delay:1.6s}.has-motion .outlined-word:after{transform:scaleX(0);transition:transform 1.3s var(--ease) .4s}.has-motion .manifesto.is-visible .outlined-word:after{transform:scaleX(1)}
@keyframes hero-word{to{transform:translateY(0);opacity:1}}@keyframes panel-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes current-flow{from{stroke-dashoffset:1900}to{stroke-dashoffset:-2000}}@keyframes scroll-nudge{0%,100%{transform:translateY(0);opacity:.6}55%{transform:translateY(10px);opacity:1}}@keyframes orb-breathe{0%,100%{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}@keyframes trail-flow{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}@keyframes hotspot-pulse{0%{transform:scale(.85);opacity:.8}70%,100%{transform:scale(1.35);opacity:0}}@keyframes dock-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){.has-motion .service-card.is-visible:hover{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px)}}
@media(min-width:1600px){.cinema-hero{margin-inline:30px}.hero-content{padding-top:80px}.hero-description{font-size:15px}.hero-kicker{font-size:11px}.hero-scroll{left:calc((100vw - 1280px)/2 - 30px)}}
@media(max-width:1280px){.header-phone{display:none}.header-inner{gap:20px}.hero-content{width:540px}.cinema-hero h1{font-size:92px}.hero-content{padding-top:59px}.experience-grid{gap:40px}.scene-panel h3{font-size:32px}.why-section{gap:65px}.quote-layout{gap:50px}.service-content{padding:22px}.service-card h3{font-size:22px}.price strong{font-size:25px}.price strong:last-child{font-size:19px}.service-select{padding:10px 9px;font-size:9px}.footer-grid{gap:50px}.header-inner{height:83px}.brand{width:215px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:18px;font-size:11px}.brand{width:198px}.header-contact>.button{padding:12px 13px;gap:10px}.header-inner{gap:15px}.cinema-hero{min-height:640px}.cinema-hero h1{font-size:83px}.hero-content{max-width:calc(100% - 80px);padding-top:60px}.hero-actions{gap:19px}.hero-kicker{font-size:9px}.hero-caption{right:29px;font-size:10px}.trust-strip{gap:35px;font-size:10px}.section{padding-block:85px}.service-grid{gap:17px}.service-card h3{font-size:20px;min-height:48px}.service-content{padding:20px 18px}.service-bottom{gap:8px}.price strong{font-size:23px}.price strong:last-child{font-size:17px}.service-select span{display:none}.service-select{padding:11px}.service-image{aspect-ratio:1.3}.section-head{gap:35px}.section-head>p{max-width:285px;font-size:12px}.experience-grid{grid-template-columns:1.2fr 1fr;gap:35px}.experience-section{padding-block:70px}.scene-visual{aspect-ratio:1.12}.scene-panel h3{font-size:29px}.scene-tabs>button{padding:8px 13px}.why-section{gap:45px;padding-block:105px}.why-copy h2{font-size:45px}.why-copy>.lead{font-size:17px}.craft-card{right:-15px;padding:18px;font-size:10px}.steps-grid{gap:25px}.step h3{font-size:21px}.region-section{gap:45px;padding-block:85px}.faq-section{gap:45px}.faq-section h2{font-size:37px}.quote-layout{gap:37px;grid-template-columns:.9fr 1.2fr}.quote-copy h2{font-size:50px}.quote-card{padding:26px 25px 21px}.quote-choices{gap:7px}.quote-choice{padding:13px 8px;font-size:9px;min-height:98px}.quote-card legend{font-size:21px}.quote-copy>.eyebrow{max-width:250px;line-height:1.8}.quote-phone{font-size:21px}.footer-grid{gap:40px}.footer-brand .brand{width:235px}.inner-hero-grid{gap:40px}.package-grid{gap:50px}.package-grid h2{font-size:39px}.package-price{padding:28px}.place{font-size:17px}}
@media(max-width:850px){.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 32px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #00000008;flex-direction:column;align-items:stretch;gap:2px}.site-header nav.open{display:flex}.site-header nav>a{font-size:15px;padding:13px 0}.menu-toggle{display:grid}.header-contact{margin-left:auto}.brand{width:226px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card h3{font-size:24px;min-height:55px}.service-select span{display:block}.service-image{aspect-ratio:1.5}.service-content{padding:24px}.price strong{font-size:27px}.price strong:last-child{font-size:22px}.service-select{padding:10px;font-size:10px}.hero-caption{display:none}.experience-grid{grid-template-columns:1fr;gap:40px}.scene-visual{aspect-ratio:1.5}.scene-controls{max-width:100%}.scene-panel h3{font-size:31px;max-width:480px;line-height:1.25}.scene-panel h3>span:before{content:' '}.scene-panel p{max-width:520px}.scene-tabs{margin-bottom:22px}.why-section{grid-template-columns:1fr 1fr;gap:35px}.why-photo{aspect-ratio:.8}.why-copy h2{font-size:36px}.craft-card{right:-8px;left:10px;padding:15px;font-size:9px;gap:10px;justify-content:center}.craft-icon{width:30px;height:30px}.why-points{gap:16px}.why-copy>.lead{font-size:15px}.why-copy>p:not(.lead){font-size:11px}.why-points>div{font-size:10px}.why-points b{font-size:11px}.why-copy .text-link{font-size:11px}.steps-grid{gap:20px}.step h3{font-size:19px}.step p{font-size:11px}.step-top{gap:13px}.step-number{font-size:33px}.quote-layout{grid-template-columns:1fr;gap:45px;max-width:640px}.quote-copy{max-width:520px}.quote-copy h2{font-size:57px}.quote-copy>p{max-width:510px}.quote-copy .eyebrow{max-width:none}.quote-card{padding:32px}.quote-choice{padding:17px 13px;font-size:11px;min-height:110px}.quote-next-row>span{font-size:11px}.quote-card legend{font-size:26px}.quote-section{padding-block:85px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:300px}.footer-brand .brand{width:280px}.footer-grid{padding-bottom:35px}.inner-hero-grid{gap:30px}.inner-hero h1{font-size:47px}.inner-hero .lead{font-size:16px}.package-grid{gap:35px}.package-grid .button{font-size:11px;gap:10px}.package-grid h2{font-size:33px}.package-price{padding:23px}.package-price h3{font-size:22px}.package-price .price strong{font-size:38px}}
@media(max-width:640px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.topbar{display:none}.header-inner{height:73px;gap:12px}.brand{width:220px}.header-contact{display:none}.menu-toggle{padding:8px}.menu-toggle>.icon{width:25px;height:25px}.site-header nav{padding:17px 20px 21px}.cinema-hero{margin:0 10px;border-radius:12px;height:min(755px,calc(100svh - 87px));min-height:650px}.hero-content{margin-left:23px;max-width:calc(100% - 46px);width:auto;padding-top:64px;padding-bottom:100px}.hero-kicker{font-size:8px;letter-spacing:0;gap:7px;max-width:290px;line-height:1.7;margin-bottom:27px}.cinema-hero h1{font-size:clamp(55px,13.8vw,83px);letter-spacing:-.067em;line-height:1.02;margin-bottom:27px}.hero-line{padding-bottom:7px;margin-bottom:-7px}.hero-description{font-size:11px;line-height:1.95;max-width:310px;margin-bottom:25px}.hero-description br{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.button-hero{font-size:11px;padding:17px 18px;gap:24px;max-width:100%;min-width:245px}.hero-secondary{font-size:10px;gap:13px}.hero-scroll{left:24px;bottom:28px;font-size:8px;gap:12px}.hero-scroll i{width:21px;height:31px}.hero-scroll i:before{left:8px;top:7px}.hero-image{object-position:65% center;transform:translate3d(0,var(--hero-shift),0) scale(1.07)}.hero-shade{background:linear-gradient(90deg,#070b0ddd 0%,#070b0d95 45%,#070b0d28 100%),linear-gradient(0deg,#070b0da0,transparent 40%)}.hero-current{width:200%;left:-35%;opacity:.55}.image-disclaimer{font-size:7px;right:15px;bottom:10px}.trust-strip{gap:10px;align-items:flex-start;justify-content:space-between;font-size:9px;padding-block:23px}.trust-strip>span{flex-direction:column;gap:7px;align-items:center;text-align:center;line-height:1.65;width:33.33%;max-width:145px}.trust-strip .icon{width:16px;height:16px}.intro-section{padding:83px 0 39px}.intro-section .eyebrow{font-size:8px;margin-bottom:20px}.manifesto{font-size:clamp(31px,8.2vw,45px);line-height:1.22;letter-spacing:-.055em}.intro-section>p{font-size:11px;line-height:1.9;margin-top:24px;max-width:390px;margin-inline:auto}.desktop-only{display:none}.energy-trail{height:70px;margin-top:31px}.section{padding-block:65px}.section-head{display:block;margin-bottom:30px}.eyebrow{font-size:8px;letter-spacing:.13em;line-height:1.7;margin-bottom:16px}h2{font-size:clamp(34px,8.5vw,49px);line-height:1.13}.section-head>p{max-width:410px;padding:0;margin-top:19px;font-size:11px;line-height:1.9}.section-head>.text-link{margin-top:24px}.service-filters{gap:6px;margin-bottom:25px}.service-filters>button{padding:9px 13px;gap:10px;font-size:9px}.service-filters span{font-size:8px}.service-grid{grid-template-columns:1fr;gap:21px}.service-image{aspect-ratio:1.6}.service-content{padding:23px}.service-card h3{min-height:0;font-size:25px;line-height:1.15;margin-bottom:12px;max-width:none}.service-content>p{min-height:0;font-size:11px;max-width:none}.service-bottom{margin-top:22px;padding-top:19px}.service-select{padding:12px 13px;font-size:10px}.service-select .icon{width:16px;height:16px}.service-content .price{max-width:220px}.price strong{font-size:28px}.price strong:last-child{font-size:23px}.price-vat{font-size:9px}.price-label{font-size:9px}.image-open{opacity:1;transform:none;width:32px;height:32px}.image-icon{left:16px;top:16px;width:35px;height:35px}.price-note{font-size:9px;line-height:1.85;margin-top:25px}.experience-section{margin:15px 10px 0;border-radius:12px;padding-block:62px}.experience-section>.wrap{width:calc(100% - 28px)}.experience-section .section-head{padding-inline:6px}.experience-section h2{font-size:63px}.experience-section .section-head>p{font-size:11px;max-width:370px}.experience-grid{gap:33px}.scene-visual{aspect-ratio:1.13;border-radius:9px}.scene-image{object-position:56% center}.scene-hotspot{width:29px;height:29px}.scene-hotspot .icon{width:14px;height:14px}.scene-caption{left:11px;bottom:12px;font-size:7px;max-width:90%;padding:5px 7px}.scene-controls{padding-inline:8px}.scene-tabs{gap:7px;padding-bottom:16px}.scene-tabs>button{font-size:10px;padding:9px 18px}.scene-index{font-size:8px}.scene-panel h3{font-size:31px;line-height:1.22;margin-bottom:18px;max-width:340px}.scene-panel p{font-size:11px;line-height:1.95}.scene-cta{font-size:11px;margin-top:22px;gap:18px}.why-section{display:flex;flex-direction:column;gap:40px;padding-block:85px}.why-visual,.why-copy{width:100%}.why-photo{aspect-ratio:1.03;border-radius:11px}.why-photo>img{object-position:52% center}.craft-card{left:auto;right:-1px;bottom:0;font-size:10px;padding:15px 18px;gap:13px}.craft-icon{width:34px;height:34px}.why-copy h2{font-size:41px}.why-copy>.lead{font-size:17px;max-width:350px;margin-bottom:18px}.why-copy>p:not(.lead){font-size:12px;line-height:1.95}.why-points{gap:20px;margin:25px 0 29px}.why-points b{font-size:12px;margin-bottom:4px}.why-points>div{font-size:11px}.why-copy .text-link{font-size:11px}.steps-grid{grid-template-columns:1fr;gap:28px}.step{padding-top:23px}.step-top{margin-bottom:22px}.step-number{font-size:40px}.step h3{font-size:25px;margin-bottom:15px}.step p{font-size:12px;max-width:390px;line-height:1.95}.step-top>.icon{height:23px;width:23px}.step-line{margin-inline:5px}.region-section{grid-template-columns:1fr;gap:27px;padding-block:66px}.region-section h2{font-size:43px}.region-section p{font-size:11px;line-height:2}.region-section .text-link{font-size:11px}.google-link{font-size:10px;margin-top:23px}.faq-section{grid-template-columns:1fr;gap:29px}.faq-section h2{font-size:35px}.faq-item summary{font-size:12px;gap:18px;padding-block:21px}.faq-item p{font-size:11px;padding-right:10px}.quote-section{padding-block:70px}.quote-layout{gap:36px}.quote-copy h2{font-size:47px;max-width:360px}.quote-copy h2 br{display:block!important}.quote-copy>.eyebrow{font-size:8px;max-width:330px;letter-spacing:.08em}.quote-copy>p{font-size:12px;max-width:360px}.quote-promises{font-size:10px;gap:12px;margin:24px 0 29px}.quote-phone{font-size:23px}.quote-phone>.icon{width:25px;height:25px;padding:13px}.quote-phone small{font-size:9px}.quote-card{padding:24px 18px 21px;border-radius:12px}.quote-card legend{font-size:24px;line-height:1.2}.quote-badge{font-size:7px;padding:5px 7px;letter-spacing:.07em}.quote-step-label{font-size:9px}.quote-card-heading{margin-bottom:17px}.quote-progress{margin-bottom:24px}.quote-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px}.quote-choice{min-height:107px;padding:12px 8px;font-size:9px;gap:12px}.choice-icon .icon{width:21px;height:21px}.choice-check{width:14px;height:14px;right:6px;top:6px}.choice-check .icon{height:9px;width:9px}.quote-next-row{margin-top:24px}.quote-next-row>span{font-size:9px}.quote-next-row .button{padding:14px 16px;font-size:11px;gap:18px}.quote-privacy{font-size:8px}.field-grid{gap:11px}.field-grid>label,#quote fieldset[data-quote-step="2"]>label{font-size:9px}.field-grid input,.field-grid select{padding:12px 10px}input:not([type=checkbox]),textarea,select{font-size:16px!important}textarea{font-size:14px!important;line-height:1.65}input::placeholder{font-size:11px}textarea::placeholder{font-size:11px}.quote-submit{font-size:10px;gap:9px;padding:16px 9px;white-space:normal}.quote-submit .icon{height:17px;width:17px}.selected-summary>span{font-size:8px}.selected-summary button{font-size:8px}.handoff-hint{font-size:8px}.site-footer{padding:55px 0 103px}.footer-grid{grid-template-columns:1fr;gap:35px;padding-bottom:30px}.footer-brand{grid-column:auto}.footer-brand .brand{width:265px;margin-bottom:21px}.footer-brand p{font-size:11px}.footer-grid>div>h3{font-size:17px;margin-bottom:18px}.footer-grid>div>a{font-size:11px;margin-bottom:11px}.footer-grid>div>.footer-phone{font-size:24px}.footer-bottom{font-size:8px;flex-direction:column;gap:8px;padding-top:20px}.whatsapp-float{display:none}.mobile-contact{display:grid;grid-template-columns:.85fr 1.55fr;position:fixed;left:10px;right:10px;bottom:9px;z-index:58;padding:5px;background:#fffffff5;border:1px solid #e2dfd5;border-radius:10px;box-shadow:0 5px 40px #17171622;backdrop-filter:blur(14px);gap:5px}.mobile-contact>a{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:600;min-height:41px}.mobile-contact>a:first-child>.icon{height:16px;width:16px;color:var(--orange-dark)}.mobile-contact>a:last-child{background:var(--orange);border-radius:6px}.mobile-contact>a:last-child>.icon{height:16px;width:16px}.motion-toggle{bottom:76px;left:13px;width:29px;height:29px;background:#ffffffe5}.motion-toggle .icon{width:11px;height:11px}.selection-dock{bottom:76px;border-radius:9px;gap:11px;max-width:calc(100% - 90px);padding:7px 7px 7px 12px}.selection-dock>span{font-size:8px}.selection-dock .button{font-size:8px;padding:10px 12px;gap:8px}.selection-dock .button .icon{width:13px;height:13px}.dock-clear{padding:3px}.dock-clear .icon{width:13px;height:13px}.inner-hero{padding-top:27px;padding-bottom:50px}.breadcrumb{font-size:8px;margin-bottom:31px;gap:7px}.inner-hero-grid{grid-template-columns:1fr;gap:32px}.inner-hero h1{font-size:45px;line-height:1.1;margin-bottom:23px}.inner-hero .lead{font-size:18px}.inner-hero p:not(.lead){font-size:12px}.inner-hero .button{font-size:11px;padding:17px 18px;gap:14px}.inner-photo{aspect-ratio:1.25;border-radius:10px}.inner-title{padding-top:48px;padding-bottom:30px}.inner-title h1{font-size:44px;line-height:1.1}.inner-title .lead{font-size:14px}.package-grid{grid-template-columns:1fr;gap:35px}.package-grid h2{font-size:37px}.package-grid .lead{font-size:16px}.checklist{font-size:12px;gap:15px}.package-price{padding:28px}.package-price .price strong{font-size:43px}.package-price .price strong:last-child{font-size:32px}.package-price .button{font-size:11px;gap:20px}.places-grid{grid-template-columns:1fr;gap:12px}.place{font-size:18px;padding:20px}.prose h1{font-size:45px}.prose h2{font-size:25px}.prose p{font-size:12px}}
@media(max-width:360px){.brand{width:202px}.hero-content{margin-left:20px;max-width:calc(100% - 40px);padding-top:60px}.cinema-hero h1{font-size:49px}.hero-kicker{font-size:7px}.button-hero{min-width:228px;gap:16px}.hero-description{max-width:240px}.quote-card{padding-inline:15px}.quote-choice{font-size:8px;min-height:100px}.quote-card legend{font-size:22px}.manifesto{font-size:28px}.quote-copy h2{font-size:43px}.selection-dock>span{font-size:7px}.selection-dock .button{font-size:7px;padding:10px}.service-filters>button{font-size:8px;padding:9px 10px}}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .reveal,.motion-paused .hero-line>span,.motion-paused .hero-kicker,.motion-paused .hero-description,.motion-paused .hero-actions{opacity:1!important;transform:none!important}.motion-paused .intro-cover{display:none!important}.motion-paused .outlined-word:after{transform:none!important}.motion-paused .hero-image{transform:scale(1.02)!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro-cover{display:none!important}.has-motion .reveal,.has-motion .hero-line>span,.has-motion .hero-kicker,.has-motion .hero-description,.has-motion .hero-actions{opacity:1!important;transform:none!important}.hero-image{transform:scale(1.02)!important}.hero-orb{display:none}.outlined-word:after{transform:none!important}}

/* Keep the experience readable and stop ambient work outside the viewport. */
.tab-hidden *,.tab-hidden *:before,.tab-hidden *:after{animation-play-state:paused!important}.cinema-hero.is-out-of-view .current-pulse,.cinema-hero.is-out-of-view .hero-orb{animation-play-state:paused}.quote-card{scroll-margin-top:108px}.motion-toggle:disabled{opacity:.55}
.hero-description{font-size:14px}.service-content>p{font-size:12px;min-height:43px}.step p{font-size:13px}.why-copy>p:not(.lead){font-size:14px}.quote-copy>p{font-size:14px}
@media(max-width:640px){.hero-description{font-size:13px}.button-hero{font-size:12px}.intro-section>p{font-size:13px}.section-head>p{font-size:13px}.service-content>p{font-size:13px;min-height:0}.scene-panel p{font-size:13px}.experience-section .section-head>p{font-size:13px}.why-copy>p:not(.lead){font-size:13px}.step p{font-size:13px}.region-section p{font-size:12px}.faq-item p{font-size:13px}.quote-copy>p{font-size:13px}.quote-card textarea{font-size:16px!important}.quote-card{scroll-margin-top:93px}.quote-choice{overflow-wrap:anywhere}.hero-orb{display:none}}
/* ---- motion.css */
/* Version 6: cinematic motion with a readable, stable conversion flow. */
.hero-energy{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:screen}
.hero-image{transform:translate3d(0,var(--hero-shift,0px),0) scale(var(--camera-scale,1.06))}
.has-motion .entered .hero-visual{animation:camera-arrive 2.6s cubic-bezier(.16,1,.3,1) both}
.has-motion .current-pulse{stroke-width:3;animation:current-flow 5.5s linear infinite;filter:drop-shadow(0 0 10px #ff7816)}
.has-motion .button-hero{animation:cta-glow 4s ease-in-out infinite}
.motion-marquee{overflow:hidden;padding:26px 0;border-block:1px solid #e9e5de;background:#faf8f3;color:#1e211c}
.marquee-track{display:flex;width:max-content;transform:translateX(0)}
.marquee-group{display:flex;align-items:center;gap:54px;padding-right:54px;flex-shrink:0}
.marquee-group span{font-size:clamp(35px,4.5vw,65px);letter-spacing:-.055em;font-weight:600;white-space:nowrap}
.marquee-group i{font-size:39px;font-style:normal;color:var(--orange)}
.has-motion .marquee-track{animation:energy-marquee 26s linear infinite;animation-play-state:paused}
.has-motion .motion-in-view .marquee-track{animation-play-state:running}
.manifesto-line{display:block}
.has-motion .manifesto-line{color:var(--ink)}
.has-motion .manifesto-line .outlined-word{color:var(--ink)}
.has-motion .service-card.reveal:not(.is-visible){transform:translate3d(-32px,70px,0) rotate(-2deg);opacity:0}
.has-motion .service-card.reveal:nth-child(3n+2):not(.is-visible){transform:translate3d(0,95px,0) rotate(1deg)}
.has-motion .service-card.reveal:nth-child(3n):not(.is-visible){transform:translate3d(32px,70px,0) rotate(2deg)}
.has-motion .service-card.reveal{transition:opacity .85s var(--ease),transform .85s var(--ease),box-shadow .45s,border-color .3s}
.has-motion .service-image>img,.has-motion .why-photo>img{transform:translate3d(0,var(--photo-drift,0px),0) scale(1.12);transition:transform .2s ease-out}
.has-motion .service-card:hover .service-image>img{transform:translate3d(0,var(--photo-drift,0px),0) scale(1.18)}
.scene-playback{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;font-size:9px;color:#c6c8bc}
.scene-playback>button{display:flex;align-items:center;gap:6px;color:inherit;border:1px solid #ffffff30;background:transparent;border-radius:99px;padding:7px 10px;font-size:9px}
.scene-playback>button:hover{border-color:var(--orange);color:white}
.scene-playback>button:disabled{opacity:.45;cursor:default}
.scene-playback .icon{width:12px;height:12px}
.scene-timer{height:2px;background:#ffffff17;margin-bottom:23px;overflow:hidden}
.scene-timer>span{display:block;height:100%;background:var(--orange);transform:scaleX(var(--scene-progress,0));transform-origin:left}
.has-motion .scene-image.active{animation:scene-camera 6s ease-out both;animation-play-state:paused}.has-motion .motion-in-view .scene-image.active{animation-play-state:running}
.has-motion .scene-panel:not([hidden]){animation:scene-copy .7s var(--ease) both}
.button{translate:var(--magnet-x,0px) var(--magnet-y,0px)}
.button,.service-select,.quote-choice,.scene-cta{position:relative;overflow:hidden}
.click-ripple{pointer-events:none;position:absolute;display:block;background:#ffffff70;border-radius:50%;animation:click-wave .8s ease-out both}
.has-motion .quote-card.is-visible .quote-choice{animation:choice-arrive .65s var(--ease) backwards}
.has-motion .quote-choice:nth-child(2){animation-delay:.06s}.has-motion .quote-choice:nth-child(3){animation-delay:.12s}.has-motion .quote-choice:nth-child(4){animation-delay:.18s}.has-motion .quote-choice:nth-child(5){animation-delay:.24s}.has-motion .quote-choice:nth-child(6){animation-delay:.30s}.has-motion .quote-choice:nth-child(7){animation-delay:.36s}.has-motion .quote-choice:nth-child(8){animation-delay:.42s}.has-motion .quote-choice:nth-child(9){animation-delay:.48s}
@keyframes camera-arrive{from{transform:scale(1.2);filter:brightness(.5)}to{transform:scale(1);filter:brightness(1)}}
@keyframes energy-marquee{to{transform:translateX(-50%)}}
@keyframes cta-glow{0%,100%{box-shadow:0 6px 30px #ff781615}50%{box-shadow:0 6px 38px #ff781655}}
@keyframes scene-camera{from{transform:scale(1.09)}to{transform:scale(1)}}
@keyframes scene-copy{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes click-wave{from{transform:scale(0);opacity:.8}to{transform:scale(2.3);opacity:0}}
@keyframes choice-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.motion-marquee{padding:19px 0}.marquee-group{gap:30px;padding-right:30px}.marquee-group i{font-size:29px}.scene-playback{font-size:9px;margin-bottom:15px}.scene-timer{margin-bottom:20px}.has-motion .service-card.reveal:not(.is-visible){transform:translateY(45px)!important}}
.motion-paused .hero-energy{display:none}.motion-paused .manifesto-line{background:none;color:var(--ink)}.motion-paused .service-image>img,.motion-paused .why-photo>img,.motion-paused .scene-image.active{transform:none!important}.motion-paused .button{translate:none!important}
@media(prefers-reduced-motion:reduce){.hero-energy{display:none}.has-motion .manifesto-line{background:none;color:var(--ink)}.service-image>img,.why-photo>img,.scene-image.active{transform:none!important}.button{translate:none!important}}
/* ---- luxury.css */
/* Warm architectural surfaces, with a self-contained CSS 3D villa. */
:root{--paper:#fcfbf8;--soft:#f2efe8;--line:#e5dfd4;--orange:#f47b28;--orange-dark:#a6470c}
.topbar{background:#eee9e0}.site-header{background:#fcfbf8ec}.site-header nav{gap:18px}.site-header nav>a{font-size:11px}.button{border-radius:99px}.cinema-hero{border-radius:25px;box-shadow:0 22px 60px #40362514}.hero-description{font-size:15px;line-height:1.85}.trust-strip{border-bottom:1px solid var(--line)}.hero-kicker{letter-spacing:.1em}.hero-caption{padding:18px 22px;background:#10161144;backdrop-filter:blur(12px);border:1px solid #ffffff24;border-radius:15px}.lux-serif{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.05em;color:var(--orange-dark)}
.service-card{border-radius:20px;border-color:#e5ded1;background:#fffdf9;box-shadow:0 4px 14px #47342504}.service-content{padding:27px}.service-type{letter-spacing:.2em}.service-scope{margin-top:18px;border-top:1px solid var(--line);font-size:11px}.service-scope summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding-top:15px;font-weight:600;gap:12px}.service-scope summary::-webkit-details-marker{display:none}.service-scope summary>span{color:var(--orange-dark);font-size:19px;transition:rotate .3s}.service-scope[open] summary>span{rotate:45deg}.service-scope>div{padding:14px 0 0}.service-scope p{line-height:1.8}.service-scope ul{padding-left:16px;margin:12px 0;line-height:1.9}.scope-note{font-size:10px;color:#767268}.service-bottom{margin-top:18px}.service-select{border-radius:99px}.experience-section{border-radius:28px;background:radial-gradient(ellipse at 20% 40%,#30392d 0%,#171e1a 45%,#101813 100%);border:1px solid #a695731f}.experience-section h2,.quote-copy h2{letter-spacing:-.065em}.scene-tabs>button.active{background:#f47b28;color:#171716}.quote-section{background:#eee8df}.quote-card{border-radius:24px;box-shadow:0 25px 65px #4b342812}.quote-choice{border-radius:12px}.process-section{background:#f3f0e9}.step-number{font-family:Georgia,serif;font-weight:400;font-style:italic}.craft-card{border-radius:16px}.why-photo{border-radius:23px}
.solution-section{padding-top:95px}.solution-layout{display:grid;grid-template-columns:.8fr 1.2fr;min-height:390px;border:1px solid #e2dbcd;border-radius:24px;overflow:hidden;background:#f5f1e9;box-shadow:0 20px 50px #30271605}.solution-tabs{padding:24px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #e2dbcd}.solution-tabs>button{display:flex;align-items:center;text-align:left;gap:17px;padding:25px 18px;background:transparent;border:1px solid transparent;border-radius:14px;transition:background .35s,box-shadow .35s;color:#726e64;min-height:94px}.solution-tabs>button>span{font-size:12px;font-family:Georgia,serif;font-style:italic}.solution-tabs>button>b{flex:1;font-size:15px;line-height:1.5;font-weight:550}.solution-tabs>button>.icon{width:17px;height:17px}.solution-tabs>button[aria-selected=true]{background:#fffdf9;box-shadow:0 8px 30px #42311c0a;border-color:#e5dfd3;color:var(--ink)}.solution-tabs>button[aria-selected=true]>span{color:var(--orange-dark)}.solution-panels{padding:42px 45px}.solution-panels h3{font-size:32px;line-height:1.15;margin-bottom:19px}.solution-panels p{font-size:13px;line-height:1.9}.solution-panels ul{list-style:none;padding:0;margin:21px 0 28px;font-size:12px;line-height:1.8;display:grid;gap:8px}.solution-panels li{padding-left:19px;position:relative}.solution-panels .button{font-size:12px}.has-motion .solution-panels article:not([hidden]){animation:scene-copy .65s var(--ease) both}.preparation-section{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;border-top:1px solid var(--line)}.preparation-section>div>p{font-size:14px;line-height:1.9;margin:25px 0;max-width:400px}.preparation-list article{display:flex;gap:26px;border-bottom:1px solid var(--line);padding:27px 0}.preparation-list article:first-child{padding-top:0}.preparation-list article>span{color:var(--orange-dark);font:italic 25px Georgia,serif}.preparation-list h3{font-size:22px;margin-bottom:12px}.preparation-list p{font-size:13px;line-height:1.9}
.villa-showroom{aspect-ratio:auto;min-height:480px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#35423955,#15221a 65%);border:1px solid #b9aa8838;border-radius:21px;position:relative;isolation:isolate}.villa-showroom:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#c3b38f08 1px,transparent 1px),linear-gradient(90deg,#c3b38f08 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000,transparent 70%);pointer-events:none}.showroom-heading{position:absolute;top:23px;left:23px;right:23px;display:flex;justify-content:space-between;color:#c9c3b2;font-size:8px;letter-spacing:.17em;z-index:3}.showroom-heading>span:last-child{border:1px solid #c3b38f3d;border-radius:99px;padding:4px 8px;letter-spacing:.04em}.villa-stage{height:390px;perspective:950px;position:relative;cursor:grab;touch-action:pan-y;user-select:none}.villa-stage:active{cursor:grabbing}.villa-orbit{position:absolute;left:50%;top:51%;width:260px;height:160px;margin-left:-130px;margin-top:-80px;transform-style:preserve-3d;transform:translateY(var(--villa-float,0px)) rotateX(var(--villa-pitch,-19deg)) rotateY(var(--villa-yaw,-32deg));transition:transform .12s linear}.villa-ground{position:absolute;left:50%;top:50%;width:410px;height:300px;margin-left:-205px;margin-top:-150px;transform:translateY(92px) rotateX(90deg);background:linear-gradient(135deg,#65725c,#3b4a39);border:1px solid #a1ab8433;border-radius:8px;box-shadow:0 0 0 10px #3c493a,0 0 0 11px #8c997752;transform-style:preserve-3d}.garden-bed{position:absolute;background:repeating-linear-gradient(80deg,#718161 0 3px,#52654a 3px 7px);border-radius:5px;border:4px solid #374c32}.garden-a{width:75px;height:170px;left:12px;top:15px}.garden-b{width:180px;height:35px;left:105px;top:245px}.driveway{position:absolute;right:10px;top:15px;bottom:15px;width:87px;background:repeating-linear-gradient(0deg,#8b8d7f 0 19px,#6f7568 20px 21px);border:1px solid #9a9d8c}.energy-route{position:absolute;left:135px;top:120px;width:205px;height:97px;border-right:2px solid #ff973e;border-bottom:2px solid #ff973e;filter:drop-shadow(0 0 6px #ff7816);opacity:0}.villa-block{position:absolute;left:20px;top:0;width:220px;height:150px;transform-style:preserve-3d}.villa-face{position:absolute;width:220px;height:150px;backface-visibility:hidden;border:1px solid #88847744}.villa-front{transform:translateZ(70px);background:repeating-linear-gradient(0deg,#d3cdbc 0 7px,#c9c2af 7px 8px)}.villa-back{transform:rotateY(180deg) translateZ(70px);background:#c2bcab}.villa-left{width:140px;left:40px;transform:rotateY(-90deg) translateZ(110px);background:repeating-linear-gradient(0deg,#bcb6a5 0 7px,#ada896 7px 8px)}.villa-right{width:140px;left:40px;transform:rotateY(90deg) translateZ(110px);background:repeating-linear-gradient(0deg,#dbd6c7 0 7px,#c9c5b4 7px 8px)}.villa-roof{height:160px;top:-5px;transform:rotateX(90deg) translateZ(75px);background:#474c42;box-shadow:0 0 0 7px #777969,0 0 0 8px #999887;transform-style:preserve-3d}.window{position:absolute;display:flex;background:linear-gradient(135deg,#97a6a055,#273a32 55%,#405245);border:5px solid #323c35;box-shadow:inset 0 0 15px #101c12;transition:background 1s,box-shadow 1s}.window-wide{left:16px;top:30px;width:139px;height:97px}.window>i{flex:1;border-right:3px solid #323c35}.window>i:last-child{border:0}.window-side{left:17px;top:32px;width:99px;height:92px}.villa-door{position:absolute;width:35px;height:108px;right:15px;bottom:0;background:repeating-linear-gradient(90deg,#555649 0 3px,#666354 4px 5px);border:3px solid #373b32}.villa-door:after{content:'';position:absolute;width:2px;height:16px;background:#c7c0a5;right:5px;top:55px}.wall-lamp{position:absolute;right:5px;top:28px;width:5px;height:12px;background:#eab26c;box-shadow:0 0 18px 7px #ffb05450}.solar-array{position:absolute;inset:25px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;transform:translateZ(3px)}.solar-array>i{border:2px solid #abb3b0;background:repeating-linear-gradient(90deg,transparent 0 11px,#758fac55 11px 12px),repeating-linear-gradient(0deg,#253e52 0 14px,#7187a3 14px 15px);box-shadow:0 2px 3px #0005}.airco-model{position:absolute;width:57px;height:28px;background:#e7e9dc;left:40px;top:23px;border:1px solid #b1b6a8;border-radius:4px;box-shadow:0 5px 4px #0002;padding:16px 5px 3px;display:flex;flex-direction:column;gap:2px}.airco-model>i{height:1px;background:#949c8d;display:block}.air-stream{position:absolute;left:42px;top:54px;display:flex;gap:8px;opacity:0}.air-stream>i{height:55px;width:9px;border-left:2px solid #a6dfde;filter:drop-shadow(0 0 4px #81d7d6);border-radius:50%;transform-origin:top}.villa-plinth{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.plinth-front{position:absolute;left:13px;top:150px;width:234px;height:18px;background:linear-gradient(#ada89a,#7c8270);transform:translateZ(78px)}.plinth-right{position:absolute;left:51px;top:150px;width:156px;height:18px;background:#b5b4a0;transform:rotateY(90deg) translateZ(117px)}.charger-model{position:absolute;left:286px;top:105px;width:23px;height:59px;background:linear-gradient(90deg,#18231e,#384a3c);border:1px solid #65745f;border-radius:4px;transform:translateZ(76px);box-shadow:4px 3px 6px #0004}.charger-model>span{position:absolute;top:10px;left:5px;right:5px;height:3px;background:#f47b28;box-shadow:0 0 6px #ff7816}.charger-model>i{position:absolute;left:19px;top:22px;width:20px;height:38px;border:3px solid #1c2820;border-left:0;border-radius:0 12px 12px 0}.energy-beacon{position:absolute;width:11px;height:11px;background:#ff9b45;box-shadow:0 0 20px #ff8a2a;border-radius:50%;transform:translateZ(83px);opacity:0}.beacon-a{left:95px;top:112px}.beacon-b{left:293px;top:129px}.villa-rotation{display:flex;align-items:center;justify-content:center;gap:13px;position:relative;z-index:3;margin-top:-5px;font-size:9px;color:#c6c9ba}.villa-rotation button{border:1px solid #c0b59645;background:#ffffff06;color:#e5deca;border-radius:50%;width:31px;height:31px;font-size:15px}.villa-rotation button:hover{background:#f47b28;color:#15221a}.villa-legend{display:flex;justify-content:space-between;gap:10px;color:#a8b2a1;font-size:8px;letter-spacing:.03em;margin:20px 23px 22px}.villa-legend>span:first-child{color:#ffc590}.villa-showroom[data-mode="0"] .window{background:linear-gradient(135deg,#ffe5a9,#c88b3d);box-shadow:inset 0 0 22px #ffc77c,0 0 24px #ffba4533}.villa-showroom[data-mode="0"] .beacon-a,.villa-showroom[data-mode="2"] .beacon-b{opacity:1}.villa-showroom[data-mode="1"] .air-stream{opacity:.85}.villa-showroom[data-mode="2"] .energy-route{opacity:.8}.villa-showroom[data-mode="2"] .solar-array>i{box-shadow:0 0 12px #a3c9e833;border-color:#c1dded}.has-motion .villa-showroom.motion-live .energy-beacon{animation:villa-pulse 2.6s ease-in-out infinite}.has-motion .villa-showroom.motion-live .air-stream>i{animation:villa-air 2.3s ease-in-out infinite}.has-motion .air-stream>i:nth-child(2){animation-delay:.3s}.has-motion .air-stream>i:nth-child(3){animation-delay:.6s}.has-motion .villa-showroom.motion-live[data-mode="2"] .energy-route{animation:villa-current 2.4s ease-in-out infinite}
@keyframes villa-pulse{50%{box-shadow:0 0 24px 7px #ff8a2a55;scale:1.18}}@keyframes villa-air{0%,100%{transform:scaleY(.65) skewX(-8deg);opacity:.25}50%{transform:scaleY(1.2) skewX(9deg);opacity:1}}@keyframes villa-current{0%,100%{opacity:.25}50%{opacity:1;filter:drop-shadow(0 0 11px #ff7816)}}
.motion-paused .villa-orbit{transition:none!important}.motion-paused .villa-showroom .energy-route{filter:none}
@media(max-width:1100px){.site-header nav{gap:12px}.site-header nav>a{font-size:10px}.header-phone{display:none}.solution-panels{padding:32px}.solution-tabs{padding:16px}.solution-tabs>button{padding:18px 12px}.preparation-section{gap:50px}.villa-orbit{scale:.85}.villa-showroom{min-height:435px}.villa-stage{height:340px}.villa-legend{font-size:7px}}
@media(max-width:850px){.solution-layout{grid-template-columns:1fr}.solution-tabs{flex-direction:row;border-right:0;border-bottom:1px solid #e2dbcd;gap:6px}.solution-tabs>button{flex:1;min-width:0;display:block;padding:13px 10px;min-height:105px}.solution-tabs>button>b{display:block;font-size:12px;margin-top:7px}.solution-tabs .icon{display:none}.preparation-section{gap:35px}.villa-orbit{scale:.95}.villa-stage{height:380px}.villa-showroom{min-height:470px}.site-header nav>a{font-size:15px}}
@media(max-width:640px){.cinema-hero{border-radius:19px}.hero-description{font-size:13px}.service-content{padding:24px}.solution-section{padding-block:65px}.solution-layout{border-radius:18px}.solution-tabs{padding:12px 10px}.solution-tabs>button{min-height:112px;padding:12px 8px}.solution-tabs>button>b{font-size:11px;line-height:1.5}.solution-panels{padding:28px 22px}.solution-panels h3{font-size:28px}.solution-panels p{font-size:13px}.solution-panels ul{font-size:12px}.solution-panels .button{font-size:11px;padding:16px 18px}.preparation-section{grid-template-columns:1fr;gap:35px}.preparation-list article{gap:20px;padding:23px 0}.preparation-list h3{font-size:21px}.service-scope{font-size:12px}.scope-note{font-size:11px}.experience-section{border-radius:20px}.villa-showroom{min-height:385px;border-radius:15px}.villa-stage{height:300px;perspective:800px}.villa-orbit{scale:.68}.showroom-heading{left:16px;right:16px;top:17px;font-size:7px}.villa-legend{margin:16px;font-size:7px}.villa-rotation{gap:10px;font-size:8px}.villa-rotation button{width:32px;height:32px}.quote-card{border-radius:19px}.lux-serif{line-height:1.15}.service-card{border-radius:17px}}
@media(max-width:360px){.villa-orbit{scale:.59}.solution-tabs>button>b{font-size:10px}}
/* ---- interface.css */
/* Bespoke duotone icons and a cohesive premium control system. */
.icon{stroke-width:1.45}.icon-wash{fill:currentColor;fill-opacity:.1;stroke:none}.icon-accent{stroke:var(--orange-dark)}
.image-icon{left:20px;top:20px;width:56px;height:56px;border-radius:17px;background:linear-gradient(145deg,#fffefcf5,#f1e6d9ed);border:1px solid #ffffffa8;color:#8a451a;box-shadow:0 5px 20px #1b1a1522,inset 0 1px 0 #fff;backdrop-filter:blur(16px)}.image-icon:after{content:'';position:absolute;inset:5px;border:1px solid #d5bca047;border-radius:12px;pointer-events:none}.image-icon .icon{width:29px;height:29px}.image-open{width:39px;height:39px;border:1px solid #fffc;background:#fffdf7e8;backdrop-filter:blur(10px)}
.choice-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;border:1px solid #e4dacb;background:linear-gradient(145deg,#fff,#f3ede2);box-shadow:0 3px 9px #3e2c1407;color:#67543f;transition:background .3s,box-shadow .3s}.choice-icon .icon{width:25px;height:25px}.quote-choice:has(input:checked) .choice-icon{background:#f9dfc5;border-color:#dda77a;box-shadow:0 4px 14px #c8803018}.quote-choice:has(input:checked){background:linear-gradient(145deg,#fff9f2,#fbefdf);border-color:#d79b6b;box-shadow:inset 0 0 0 1px #d79b6b}.quote-choice{padding:18px 14px;min-height:134px;gap:13px;font-size:11px;line-height:1.5;background:#fcfaf6;border-color:#e7dfd1;border-radius:15px}.choice-check{border-radius:50%;width:18px;height:18px;top:12px;right:12px}.quote-choice:has(input:checked) .choice-check{background:#a6521f;border-color:#a6521f;color:#fff}.quote-choice input{z-index:2}
.button>.icon{width:31px;height:31px;padding:7px;background:#ffffff2b;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0}.button{padding:13px 15px 13px 23px;gap:22px;background:linear-gradient(135deg,#f69a4a,#ee7424);border:1px solid #e8752560;box-shadow:inset 0 1px 0 #ffffff50,0 6px 16px #d57c2110;min-height:52px}.button:hover{background:linear-gradient(135deg,#f9a65a,#f38434);box-shadow:inset 0 1px 0 #ffffff50,0 10px 25px #d57c2124}.button-small{padding:8px 10px 8px 17px;min-height:43px;font-size:11px;gap:15px}.button-small>.icon{width:26px;height:26px;padding:6px}.service-select{background:linear-gradient(145deg,#fffefb,#f4f0e8);border:1px solid #dcd3c4;padding:10px 13px;color:#514c40;box-shadow:inset 0 1px 0 #fff;font-size:10px}.service-select[aria-pressed=true]{background:#293c30;border-color:#293c30;color:#fff}.service-select .icon{width:16px;height:16px}.service-scope summary>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ded6c9;background:#f9f5ed;border-radius:50%;flex-shrink:0}.service-scope summary .icon{width:13px;height:13px}
.site-header nav{padding:4px 7px;border:1px solid #e7e0d3;background:#f3efe7;border-radius:99px;gap:2px}.site-header nav>a{padding:10px 13px;border-radius:99px;transition:background .25s,color .25s}.site-header nav>a:hover{background:#fffdf9;color:var(--orange-dark)}.site-header nav>a:after{display:none}.topbar{font-size:9px;letter-spacing:.04em}.header-inner{gap:22px}.trust-strip .icon{width:22px;height:22px;color:#925a30}.service-filters{gap:5px;width:max-content;max-width:100%;padding:5px;border:1px solid #e0d8cb;background:#eae5db;border-radius:99px}.service-filters>button{border:0;padding:11px 18px;background:transparent}.service-filters>button.active{background:#26382d;box-shadow:0 3px 8px #26382d19}.service-filters>button:not(.active):hover{background:#fffaf1;transform:none}.service-type{font-size:9px;color:#93603b}.service-card h3{font-weight:570}.price strong{font-weight:590}.price-label{letter-spacing:.08em}
.quote-emblem{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:550;letter-spacing:.03em;padding-bottom:22px;margin-bottom:21px;border-bottom:1px solid #e8e0d5;color:#76634b}.quote-emblem .icon{width:27px;height:27px;color:#b87232}.quote-card{padding:32px;border:1px solid #e3d8c7;background:linear-gradient(145deg,#fffefa,#fffdf9);box-shadow:0 25px 65px #4b34280b,inset 0 1px 0 #fff}.quote-badge{background:#efe7d8;color:#795638;font-size:8px;border:1px solid #e1d2bd;border-radius:99px;letter-spacing:.07em;padding:6px 9px}.quote-stage-map{display:flex;align-items:center;gap:13px;font-size:10px;margin:20px 0 14px}.quote-stage-map>span:not(.stage-divider){display:flex;align-items:center;gap:8px;white-space:nowrap;color:#8b8071}.quote-stage-map i{font-style:normal;font-size:9px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #dbd2c4;border-radius:50%}.stage-divider{height:1px;background:#e7dfd4;flex:1}.quote-card:has([data-quote-step="1"]:not([hidden])) .stage-choice,.quote-card:has([data-quote-step="2"]:not([hidden])) .stage-details{color:#a44e1b}.quote-card:has([data-quote-step="1"]:not([hidden])) .stage-choice i,.quote-card:has([data-quote-step="2"]:not([hidden])) .stage-details i{background:#a44e1b;color:#fff;border-color:#a44e1b}.quote-progress{height:2px;background:#ece4d8}.quote-progress>span{background:#a95b29}.quote-card legend{font-weight:570}.field-grid input,.field-grid select,textarea{border-radius:10px;border-color:#dfd5c5;background:#faf7f0;padding:15px;font-size:13px}.field-grid>label,#quote fieldset[data-quote-step="2"]>label{font-size:11px;gap:8px}.field-grid input:focus,.field-grid select:focus,textarea:focus{border-color:#b87845;box-shadow:0 0 0 3px #ba865614}.quote-options button{display:flex;align-items:center;gap:7px}.quote-options .icon{width:15px;height:15px}.quote-next-row .button{font-size:12px}.quote-privacy{line-height:1.8}
.scene-tabs{gap:5px;border-bottom:none;background:#ffffff08;border:1px solid #c8b99430;border-radius:99px;padding:5px;margin-bottom:25px}.scene-tabs>button{flex:1;border:0;background:transparent;padding:11px;font-size:11px}.scene-tabs>button.active{background:linear-gradient(135deg,#f4a25a,#ed7e30);box-shadow:0 3px 12px #0002}.scene-playback>button{border-color:#c8b99440;padding:8px 12px}.villa-rotation button{display:grid;place-items:center;width:35px;height:35px;background:linear-gradient(145deg,#ffffff0e,#ffffff03);box-shadow:inset 0 1px 0 #ffffff15}.villa-rotation .icon{width:15px;height:15px}.faq-item summary>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ded6ca;border-radius:50%;background:#f5f0e7;flex-shrink:0}.faq-item summary .icon{width:15px;height:15px}.faq-item[open] summary>span{rotate:45deg}.craft-icon{border-radius:13px;background:#f0e7d7;color:#8c5e35;border:1px solid #dfcfb8}.step-top>.icon{width:42px;height:42px;padding:9px;border:1px solid #dacfbf;border-radius:13px;background:linear-gradient(145deg,#fffdf8,#ede5d7)}.why-points>div>.icon{width:25px;height:25px;padding:5px;border:1px solid #d5c5ad;border-radius:50%;background:#f3ebdd;color:#90613a}.whatsapp-float{background:#24382c;border:1px solid #415444;border-radius:99px;box-shadow:0 9px 25px #17291b22}.selection-dock{border-radius:99px;border-color:#d9cbb8;box-shadow:0 12px 35px #3227141a}.motion-toggle{border-color:#d7c9b6;background:#f9f5ecee}
@media(max-width:1100px){.header-inner{gap:15px}.site-header nav>a{padding:9px 11px;font-size:10px}.brand{width:210px}.quote-card{padding:27px}.button-small{gap:10px}.service-filters>button{padding:10px 15px}}
@media(max-width:850px){.site-header nav{border-radius:0;background:#fcfbf8;border-inline:0;padding:17px 25px;gap:4px}.site-header nav>a{font-size:14px;padding:12px 15px}.brand{width:220px}.quote-card{padding:30px}.choice-icon{width:45px;height:45px}}
@media(max-width:640px){.button{padding:11px 12px 11px 19px;font-size:12px;min-height:50px;gap:18px}.button>.icon{width:29px;height:29px;padding:6px}.hero-actions .button{min-width:255px}.brand{width:220px}.service-filters{width:100%;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;padding:5px}.service-filters>button{font-size:10px;padding:11px 12px;justify-content:space-between;border-radius:11px}.image-icon{width:49px;height:49px;left:17px;top:17px;border-radius:15px}.image-icon .icon{width:26px;height:26px}.image-icon:after{border-radius:10px}.service-select{font-size:11px;padding:12px 15px}.service-select span{display:block}.quote-card{padding:25px 20px}.quote-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quote-choice{min-height:130px;padding:17px 13px;font-size:12px;gap:13px}.choice-icon{width:42px;height:42px;border-radius:12px}.choice-icon .icon{width:25px;height:25px}.choice-check{width:18px;height:18px;top:12px;right:12px}.choice-check .icon{width:11px;height:11px}.quote-stage-map{gap:9px;font-size:10px}.quote-stage-map i{width:23px;height:23px}.quote-emblem{font-size:10px;padding-bottom:17px;margin-bottom:18px}.quote-badge{font-size:7px}.quote-card legend{font-size:24px}.quote-next-row .button{font-size:11px;padding:10px 12px 10px 17px}.quote-submit{width:100%;font-size:11px;gap:9px}.scene-tabs>button{font-size:10px;padding:10px}.scene-playback{font-size:9px}.selection-dock{border-radius:14px}.selection-dock .button{min-height:34px;padding:7px 10px;font-size:8px;gap:7px}.selection-dock .button>.icon{width:20px;height:20px;padding:4px}.mobile-contact{border-radius:16px;border-color:#d8cdbb}.mobile-contact>a:last-child{border-radius:11px;background:linear-gradient(135deg,#f59b4f,#ed782b)}.trust-strip{font-size:9px}.trust-strip .icon{width:20px;height:20px}}
/* The detailed model replaces the early CSS block house. */
.detailed-showroom{background:radial-gradient(ellipse at 50% 48%,#505d4e,#24372c 65%,#14251c);min-height:555px}.detailed-showroom .villa-stage{height:445px;perspective:none;overflow:hidden;outline-offset:-5px}.villa-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;mask-image:linear-gradient(transparent,#000 15%,#000 75%,transparent)}#villa-canvas{position:absolute;inset:0;width:100%;height:100%;display:none}.webgl-ready #villa-canvas{display:block}.webgl-ready .villa-fallback{display:none}.villa-effects{position:absolute;left:23px;bottom:12px;right:23px;pointer-events:none;display:flex;justify-content:center}.villa-effects>span{display:none;align-items:center;gap:8px;padding:8px 12px;background:#14271abf;border:1px solid #c5b69035;border-radius:99px;backdrop-filter:blur(12px);color:#e7dfca;font-size:9px;letter-spacing:.01em}.villa-effects .icon{width:17px;height:17px;color:#e8ac67}.detailed-showroom[data-mode="0"] .effect-light,.detailed-showroom[data-mode="1"] .effect-air,.detailed-showroom[data-mode="2"] .effect-energy{display:flex}.rotation-separator{width:1px;height:17px;background:#b3ba9f40;margin-inline:3px}.villa-rotation{gap:9px}.villa-rotation button:disabled{opacity:.35;cursor:default}.villa-rotation button:disabled:hover{background:transparent;color:inherit}.detailed-showroom .villa-legend{font-size:8px;line-height:1.6;align-items:center}.detailed-showroom .villa-legend>span:last-child{text-align:right;max-width:170px}
@media(max-width:1100px){.detailed-showroom{min-height:495px}.detailed-showroom .villa-stage{height:380px}.villa-rotation{gap:7px}.villa-rotation button{width:30px;height:30px}.villa-rotation>span:not(.rotation-separator){font-size:8px}}
@media(max-width:850px){.detailed-showroom{min-height:540px}.detailed-showroom .villa-stage{height:430px}}
@media(max-width:640px){.detailed-showroom{min-height:455px}.detailed-showroom .villa-stage{height:350px}.villa-rotation{gap:6px;flex-wrap:wrap;padding-inline:10px}.villa-rotation button{width:31px;height:31px}.villa-rotation>span:not(.rotation-separator){font-size:7px}.villa-rotation .icon{width:13px;height:13px}.villa-effects{left:10px;right:10px;bottom:13px}.villa-effects>span{font-size:8px;padding:7px 9px}.detailed-showroom .villa-legend{font-size:7px;margin-inline:16px}.detailed-showroom .villa-legend>span:last-child{max-width:140px}.showroom-heading{font-size:6px}}
.services-section .all-services-link{margin-top:28px;font-size:13px}
/* ---- plan.css */
/* Screenshot-guided mobile refinement: actual SVG marks and a photographic plan selector. */
.marquee-group .marquee-mark{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px}.marquee-mark .icon{width:28px;height:28px;color:var(--orange-dark)}.marquee-mark .icon-wash{fill-opacity:.12}
.has-motion .manifesto-line,.manifesto-line{background:none;color:var(--ink);-webkit-text-fill-color:currentColor}.has-motion .manifesto-line .outlined-word,.outlined-word{color:var(--ink);-webkit-text-fill-color:currentColor}.manifesto-line .orange{color:var(--orange);-webkit-text-fill-color:currentColor}.outlined-word:after{height:2px;bottom:0;opacity:.6}.intro-section{padding-top:104px;padding-bottom:54px}.energy-trail{height:68px;margin-top:32px}
.solution-section .section-head{margin-bottom:34px;gap:40px}.solution-section h2{font-size:clamp(38px,4.1vw,57px);line-height:1.13}.solution-section .section-head>p{font-size:14px;line-height:1.85;max-width:320px}.solution-layout{display:block;min-height:0;border:1px solid #e2dbd0;border-radius:24px;background:#fffdfa;box-shadow:0 16px 42px #45392208;overflow:hidden}.plan-selector{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 24px;background:#fffdfa;border-bottom:1px solid #e9e2d6}.plan-selector-label{font-size:12px;font-weight:550;color:#665f52}.solution-tabs{display:flex;flex-direction:row;width:auto;gap:4px;padding:4px;background:#f0ede6;border:1px solid #e6dfd2;border-radius:15px}.solution-tabs>button{display:flex;flex:initial;align-items:center;justify-content:center;gap:9px;min-height:43px;text-align:center;border:1px solid transparent;border-radius:11px;padding:10px 20px;color:#736b5d;box-shadow:none;background:transparent}.solution-tabs>button>b{display:block;flex:initial;font-size:12px;line-height:1.2;margin:0;font-weight:550}.solution-tabs>button>.icon{display:block;width:19px;height:19px}.solution-tabs>button[aria-selected=true]{background:#24362b;border-color:#24362b;color:#fffdf8;box-shadow:0 3px 8px #24362b14}.solution-tabs>button[aria-selected=true] .icon-accent{stroke:#ffb16e}.solution-tabs>button:not([aria-selected=true]):hover{background:#fffdfa;color:#594a37}
.solution-panels{padding:0}.solution-panels article{display:grid;grid-template-columns:1fr 1.05fr;min-height:450px}.plan-visual{position:relative;min-width:0;overflow:hidden;background:#d9dacf}.plan-visual>img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:61% center}.plan-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#112017a8,transparent 55%);pointer-events:none}.plan-image-label{position:absolute;left:28px;right:28px;bottom:29px;display:flex;align-items:center;gap:12px;z-index:2;color:#fffdf7}.plan-image-label>span{height:45px;width:45px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:13px;background:#ffffff16;backdrop-filter:blur(12px);flex-shrink:0}.plan-image-label>span>.icon{width:25px;height:25px}.plan-image-label .icon-accent{stroke:#ffb66f}.plan-image-label small{display:block;text-transform:uppercase;font-size:8px;letter-spacing:.16em;color:#ebe2cf;margin-bottom:5px}.plan-image-label b{font-size:17px;font-weight:550;letter-spacing:-.03em}.plan-photo-note{position:absolute;right:15px;top:15px;font-size:8px;padding:4px 8px;color:#ffffffbd;background:#1b2a1c50;border-radius:99px;z-index:2}
.plan-copy{padding:44px 40px;min-width:0}.plan-copy>.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:18px;line-height:1.6}.solution-panels .plan-copy h3{font-size:clamp(29px,3vw,39px);line-height:1.15;letter-spacing:-.055em;font-weight:590;margin-bottom:20px}.solution-panels .plan-copy>p{font-size:13px;line-height:1.85;color:#746f63}.solution-panels .plan-copy ul{display:grid;gap:12px;padding:0;margin:25px 0 28px;list-style:none;font-size:12px;line-height:1.6}.solution-panels .plan-copy li{position:static;display:flex;align-items:center;gap:10px;padding:0}.solution-panels li:before{content:none}.plan-check{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border:1px solid #dfd5c6;border-radius:50%;background:#f8f1e6;color:#9d5e28}.plan-check>.icon{width:13px;height:13px}.plan-copy>.button{background:#f47b28;border:1px solid #e57024;box-shadow:0 4px 12px #e8791d12;padding:13px 16px 13px 22px;font-size:12px;gap:26px}.plan-copy>.button:hover{background:#fc8732}.plan-copy>.button>.icon{width:29px;height:29px;background:#ffffff24;border:0}.plan-footer-note{display:block;font-size:10px;color:#898174;margin-top:15px;line-height:1.6}.mobile-selection-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding-inline:4px;margin-left:4px;border-radius:50%;font-size:8px;background:#ffffff4a;border:1px solid #ffffff66;font-weight:650}
@media(max-width:1000px){.plan-copy{padding:32px 28px}.solution-panels article{min-height:440px}.plan-image-label{left:22px;right:22px;bottom:24px}.solution-tabs>button{padding:10px 15px}.plan-selector-label{font-size:11px}.solution-panels .plan-copy h3{font-size:32px}}
@media(max-width:850px){.solution-panels article{grid-template-columns:.85fr 1.15fr}.solution-tabs{flex-direction:row}.solution-tabs>button{display:flex;min-height:43px}.solution-tabs>button>.icon{display:block}.plan-copy{padding:30px 24px}.solution-panels .plan-copy h3{font-size:29px}.solution-panels .plan-copy li{font-size:11px}.plan-image-label b{font-size:15px}}
@media(max-width:640px){.intro-section{padding-top:66px;padding-bottom:35px}.manifesto{font-size:clamp(30px,7.8vw,38px);line-height:1.18;letter-spacing:-.055em}.intro-section>p{max-width:340px;font-size:13px;line-height:1.85;margin-top:23px}.energy-trail{height:45px;margin-top:26px}.motion-marquee{padding:18px 0}.marquee-group{gap:27px;padding-right:27px}.marquee-group .marquee-mark{width:23px;height:23px}.marquee-mark .icon{width:21px;height:21px}.solution-section{padding-top:63px;padding-bottom:62px}.solution-section .section-head{margin-bottom:24px}.solution-section .section-head h2{font-size:37px;line-height:1.13}.solution-section .section-head>p{font-size:13px;margin-top:18px;max-width:340px}.solution-layout{border-radius:20px;box-shadow:0 8px 28px #42321907}.plan-selector{padding:12px;display:block}.plan-selector-label{display:none}.solution-tabs{width:100%;gap:3px;padding:4px;border-radius:13px}.solution-tabs>button{flex:1;min-width:0;gap:6px;min-height:43px;padding:10px 7px;border-radius:9px}.solution-tabs>button>b{font-size:11px;margin:0;line-height:1.2;white-space:nowrap}.solution-tabs>button>.icon{width:17px;height:17px}.solution-panels article{display:flex;flex-direction:column;min-height:0}.plan-visual{height:215px;flex-shrink:0}.plan-visual>img{object-position:center 41%}.plan-image-label{left:21px;right:21px;bottom:20px;gap:10px}.plan-image-label>span{width:38px;height:38px;border-radius:11px}.plan-image-label>span>.icon{width:22px;height:22px}.plan-image-label small{font-size:7px}.plan-image-label b{font-size:15px}.plan-photo-note{font-size:7px;right:12px;top:12px}.plan-copy{padding:27px 22px 25px}.plan-copy>.eyebrow{font-size:8px;line-height:1.6;margin-bottom:14px;letter-spacing:.1em}.solution-panels .plan-copy h3{font-size:29px;line-height:1.17;margin-bottom:17px}.solution-panels .plan-copy>p{font-size:13px;line-height:1.85}.solution-panels .plan-copy ul{gap:12px;margin:22px 0 24px;font-size:12px}.solution-panels .plan-copy li{font-size:12px;gap:9px;line-height:1.5}.plan-check{width:21px;height:21px}.plan-check>.icon{width:12px;height:12px}.plan-copy>.button{width:100%;padding:13px 15px 13px 20px;font-size:12px;min-height:51px;border-radius:12px;gap:16px}.plan-footer-note{font-size:9px;margin-top:12px;text-align:center}.selection-dock{display:none!important}.mobile-contact>a:last-child>span{display:flex;align-items:center;gap:4px}.mobile-contact>a:last-child{gap:9px}.mobile-contact .mobile-selection-count{margin-left:2px}.motion-toggle{width:28px;height:28px;bottom:81px;opacity:.82}}
@media(max-width:360px){.solution-section .section-head h2{font-size:33px}.solution-tabs>button>b{font-size:10px}.solution-tabs>button>.icon{width:15px;height:15px}.solution-tabs>button{gap:4px;padding-inline:5px}.plan-visual{height:195px}.plan-copy{padding:25px 20px}.solution-panels .plan-copy h3{font-size:27px}}
/* ---- hero.css */
/* A photo-led opening with a separate, legible mobile copy area. */
.refined-hero{height:auto;min-height:690px;margin:0 20px;border-radius:25px;background:#111d17;box-shadow:0 18px 55px #26332114;isolation:isolate}.refined-hero .hero-visual{z-index:-1}.refined-hero .hero-image{object-position:69% 53%;filter:saturate(.86)}.refined-hero .hero-shade{background:linear-gradient(90deg,#07120ff2 0%,#0b1912d6 23%,#0b181280 45%,#0a171223 67%,#0a171208 100%),linear-gradient(0deg,#0d1b16c7 0%,transparent 40%)}.refined-hero .hero-content{position:relative;width:min(635px,52%);max-width:calc(100% - 104px);margin-left:max(52px,calc((100vw - 1280px)/2 - 20px));padding:85px 0 168px;z-index:3}.refined-hero .hero-kicker{font-size:10px;letter-spacing:.07em;font-weight:500;display:inline-flex;padding:8px 12px;border:1px solid #ffffff29;border-radius:99px;background:#ffffff04;gap:9px;color:#ecebe1;margin-bottom:29px;line-height:1.5}.refined-hero .hero-kicker .status-dot{width:5px;height:5px;background:#f7ab6a;box-shadow:0 0 10px #f7ab6a44}.refined-hero h1{font-size:clamp(65px,6.7vw,96px);line-height:1.025;letter-spacing:-.06em;font-weight:590;margin-bottom:25px;max-width:640px}.refined-hero h1 .orange{color:#ff974a}.refined-hero .hero-line{padding-bottom:8px;margin-bottom:-8px;white-space:nowrap}.refined-hero .hero-description{font-size:14px;line-height:1.9;color:#d7ddcf;margin-bottom:28px;max-width:490px}.refined-hero .hero-actions{display:flex;align-items:center;gap:24px}.refined-hero .button-hero{padding:14px 17px 14px 24px;border-radius:13px;min-height:54px;font-size:12px;gap:25px;background:#f47b28;border:1px solid #ed7828;box-shadow:0 8px 25px #0002}.refined-hero .button-hero:hover{background:#ff8e3d}.refined-hero .button-hero>.icon{height:28px;width:28px;background:#ffffff29;border:0}.refined-hero .hero-secondary{gap:10px;font-size:11px;font-weight:500;color:#ecede4;white-space:nowrap;border-bottom:1px solid #ffffff38;padding-block:8px}.refined-hero .hero-secondary>.icon{width:17px;height:17px;transition:transform .3s}.refined-hero .hero-secondary:hover>.icon{transform:translateX(3px)}.hero-assurance{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.01em;color:#b7c1b1;margin-top:18px}.hero-assurance>.icon{width:14px;height:14px;color:#e5b588}.hero-image-note{position:absolute;right:48px;bottom:143px;z-index:3;display:flex;align-items:center;gap:13px;padding:15px 20px;border:1px solid #ffffff25;border-radius:16px;background:#16241968;backdrop-filter:blur(17px);color:#f0eee3;box-shadow:0 10px 30px #0001}.hero-image-note-icon{height:39px;width:39px;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:11px;background:#ffffff07;flex-shrink:0}.hero-image-note-icon>.icon{width:21px;height:21px;color:#f4cda3}.hero-image-note .icon-accent{stroke:#f4cda3}.hero-image-note small{display:block;font-size:8px;color:#c8d0be;margin-bottom:5px;letter-spacing:.04em}.hero-image-note b{display:block;font-size:11px;letter-spacing:-.01em;font-weight:500}.hero-service-links{position:absolute;left:52px;right:52px;bottom:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #ffffff29;border-radius:15px;background:#ffffff08;backdrop-filter:blur(15px);z-index:3;overflow:hidden}.hero-service-links>a{display:flex;align-items:center;gap:13px;min-height:66px;padding:18px 24px;color:#eeeede;font-size:12px;font-weight:500;transition:background .3s}.hero-service-links>a+a{border-left:1px solid #ffffff22}.hero-service-links>a:hover{background:#ffffff0c}.hero-service-links>a>.icon:first-child{color:#efbf8e;width:23px;height:23px}.hero-service-links .icon-accent{stroke:#efbf8e}.hero-service-links>a>span{flex:1}.hero-service-links>a>.icon:last-child{width:15px;height:15px;color:#c4cdbb}.refined-hero .image-disclaimer{bottom:9px;right:22px;font-size:7px}.refined-hero .hero-current{opacity:.32}.refined-hero .hero-energy{opacity:.65}.refined-hero .hero-orb{width:240px;height:240px;filter:blur(80px);opacity:.45}.has-motion .refined-hero.entered .hero-assurance{animation:panel-enter .8s var(--ease) .8s backwards}.has-motion .refined-hero.entered .hero-image-note{animation:panel-enter 1s var(--ease) 1s backwards}.has-motion .refined-hero.entered .hero-service-links{animation:panel-enter 1s var(--ease) .9s backwards}.has-motion .refined-hero.entered .hero-visual{animation:camera-arrive 2.6s cubic-bezier(.16,1,.3,1) both}
@media(min-width:1600px){.refined-hero{margin-inline:30px;min-height:755px}.refined-hero .hero-content{margin-left:calc((100vw - 1280px)/2 - 30px);padding-top:106px}.refined-hero .hero-service-links{left:calc((100vw - 1280px)/2 - 30px);right:calc((100vw - 1280px)/2 - 30px)}}
@media(max-width:1200px){.refined-hero{min-height:640px}.refined-hero .hero-content{margin-left:38px;max-width:calc(100% - 76px);width:60%;padding-top:73px}.refined-hero h1{font-size:75px}.refined-hero .hero-description{font-size:13px}.refined-hero .hero-actions{gap:18px}.hero-service-links{left:38px;right:38px}.hero-image-note{right:35px;padding:13px 17px}.hero-image-note b{font-size:10px}}
@media(max-width:1000px){.refined-hero .hero-content{width:70%;padding-top:68px}.refined-hero h1{font-size:67px}.refined-hero .hero-shade{background:linear-gradient(90deg,#07120ff2,#0b1812a6 48%,#0a171216),linear-gradient(0deg,#0d1b16d6,transparent 55%)}.hero-image-note{bottom:123px;right:32px}.hero-service-links>a{padding:17px 19px;font-size:11px}.hero-service-links>a>.icon:first-child{width:20px;height:20px}}
@media(max-width:850px){.refined-hero{min-height:625px}.refined-hero .hero-content{width:80%;padding-top:66px}.hero-image-note{display:none}.refined-hero h1{font-size:65px}.refined-hero .hero-actions{gap:22px}}
@media(max-width:640px){.refined-hero{margin:0 10px;min-height:0;height:auto;padding-bottom:318px;border-radius:20px;background:#122019;box-shadow:0 12px 35px #24321f12}.refined-hero .hero-content{width:auto;max-width:none;margin:0;padding:35px 24px 28px}.refined-hero .hero-kicker{font-size:8px;margin-bottom:22px;padding:7px 10px;gap:7px;letter-spacing:.025em;max-width:none;border-color:#ffffff20}.refined-hero h1{font-size:clamp(40px,11.35vw,64px);line-height:1.055;letter-spacing:-.065em;margin-bottom:20px}.refined-hero .hero-line{padding-bottom:6px;margin-bottom:-6px}.refined-hero .hero-description{font-size:13px;line-height:1.8;max-width:365px;margin-bottom:22px;color:#c8d0c0}.refined-hero .hero-description br{display:none}.refined-hero .hero-actions{flex-direction:row;align-items:center;gap:13px;flex-wrap:wrap}.refined-hero .button-hero{width:100%;justify-content:space-between;min-width:0;min-height:51px;border-radius:12px;font-size:11px;padding:12px 14px 12px 18px;gap:18px}.refined-hero .button-hero>.icon{width:26px;height:26px;padding:5px}.refined-hero .hero-secondary{display:none;font-size:10px;padding-block:8px;gap:7px}.refined-hero .hero-secondary>.icon{height:14px;width:14px}.hero-assurance{font-size:9px;margin-top:16px;gap:6px}.hero-assurance>.icon{height:12px;width:12px}.refined-hero .hero-visual{inset:auto 0 0;height:322px;z-index:-1}.refined-hero .hero-image{object-position:69% 58%;filter:saturate(.87);transform:translate3d(0,calc(var(--hero-shift,0px)*.4),0) scale(1.045)}.refined-hero .hero-shade{background:linear-gradient(180deg,#122019 0%,#12201950 13%,transparent 36%,transparent 58%,#0b1a12c7 100%)}.refined-hero .hero-energy{top:auto;height:310px;bottom:0;opacity:.35}.refined-hero .hero-current{top:auto;bottom:30px;height:270px;width:150%;left:-10%;opacity:.27}.hero-service-links{left:15px;right:15px;bottom:24px;border-radius:11px;backdrop-filter:blur(14px);background:#1322176e;border-color:#ffffff35}.hero-service-links>a{min-height:50px;gap:7px;font-size:9px;padding:12px 11px}.hero-service-links>a>.icon:first-child{width:17px;height:17px}.hero-service-links>a>.icon:last-child{display:none}.refined-hero .image-disclaimer{bottom:7px;right:15px;font-size:6px}.has-motion .refined-hero.entered .hero-visual{animation:mobile-photo-enter 1.8s var(--ease) .25s backwards}.has-motion .refined-hero.entered .hero-service-links{animation-delay:.8s}.trust-strip{padding-block:24px}}
@media(max-width:380px){.refined-hero .hero-content{padding-inline:21px}.refined-hero h1{font-size:clamp(37px,11.1vw,44px)}.refined-hero .hero-actions{flex-direction:column;align-items:stretch;gap:9px}.refined-hero .hero-secondary{align-self:flex-start;font-size:10px}.refined-hero .button-hero{width:100%;justify-content:space-between}.refined-hero{padding-bottom:285px}.refined-hero .hero-visual{height:291px}.hero-service-links>a{font-size:9px;gap:6px;padding-inline:9px}}
@keyframes mobile-photo-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.refined-hero .hero-visual{animation:none!important}.refined-hero .hero-image{transform:scale(1.02)!important}}
/* ---- hero-signature.css */
/* A bright editorial opening, with the home as the first mobile view. */
.signature-hero{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);align-items:stretch;gap:38px;height:auto;min-height:0;max-width:1536px;margin:0 auto;padding:17px 17px 17px 58px;border:1px solid #ede5da;border-radius:29px;background:radial-gradient(ellipse at 10% 80%,#fff6e9,transparent 56%),#fffdf9;color:#191918;box-shadow:0 16px 48px #76522e09;isolation:isolate;overflow:hidden}
.signature-hero .hero-content{position:relative;z-index:3;width:auto;max-width:none;margin:0;align-self:center;padding:49px 0 35px;min-width:0}
.signature-hero .hero-kicker{display:inline-flex;gap:9px;border:0;background:none;padding:0;color:#9c5323;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.13em;line-height:1.5;margin-bottom:26px}
.signature-hero .hero-kicker .status-dot{width:6px;height:6px;background:#f47b28;box-shadow:0 0 0 4px #f47b2811}
.signature-hero h1{font-size:clamp(55px,5.55vw,84px);line-height:1.04;letter-spacing:-.065em;font-weight:590;margin-bottom:26px;color:#1b1b19}
.signature-hero .hero-line{padding-bottom:15px;margin-bottom:-15px;white-space:nowrap;overflow:hidden}
.signature-hero .hero-line+.hero-line{margin-top:3px}
.signature-hero .hero-serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.06em;color:#dd762d;font-size:1.13em;padding-right:.08em;line-height:1.05}
.signature-hero .hero-description{font-size:14px;line-height:1.85;color:#776d60;max-width:405px;margin:0 0 29px;letter-spacing:-.005em}
.signature-hero .hero-actions{display:flex;align-items:flex-start;gap:19px;flex-direction:column}
.signature-hero .button-hero{min-height:58px;min-width:290px;justify-content:space-between;padding:13px 14px 13px 23px;gap:28px;border-radius:14px;font-size:12px;font-weight:600;background:linear-gradient(120deg,#ffa659,#f17a26);border:1px solid #ed8b43;color:#2c2118;box-shadow:inset 0 1px 0 #ffffff90,0 8px 24px #d7722926}
.signature-hero .button-hero:hover{background:linear-gradient(120deg,#ffb16d,#f88b3e);transform:translateY(-3px)}
.signature-hero .button-hero>.icon{width:32px;height:32px;padding:8px;background:#fff3;border:1px solid #fff5;color:#633619}
.signature-hero .hero-secondary{display:inline-flex;align-items:center;gap:15px;color:#696155;font-size:11px;font-weight:550;line-height:1.5;border-bottom:1px solid #c9b8a3;padding:0 0 6px}
.signature-hero .hero-secondary>.icon{width:15px;height:15px;transition:transform .25s}
.signature-hero .hero-secondary:hover{color:#a3501d}.signature-hero .hero-secondary:hover>.icon{transform:translateX(4px)}
.signature-hero .hero-assurance{display:flex;align-items:center;gap:7px;color:#857765;font-size:10px;line-height:1.5;margin-top:20px}
.signature-hero .hero-assurance>.icon{width:15px;height:15px;color:#a75c28}
.signature-hero .hero-service-links{position:static;display:flex;align-items:center;gap:9px;inset:auto;border:0;border-radius:0;background:none;backdrop-filter:none;margin-top:42px;overflow:visible}
.signature-hero .hero-service-links>a{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #e4d8c8;border-radius:99px;background:#ffffff90;color:#72614f;font-size:10px;font-weight:550;padding:10px 13px;transition:background .3s,border-color .3s,transform .3s}
.signature-hero .hero-service-links>a:hover{background:#fff1df;border-color:#edbc8e;transform:translateY(-2px)}
.signature-hero .hero-service-links>a>.icon:first-child{width:17px;height:17px;color:#b47240}
.signature-hero .hero-service-links>a>.icon:last-child{width:12px;height:12px;color:#b69d83}
.signature-hero .hero-service-links .icon-accent{stroke:currentColor}
.signature-hero .hero-media{position:relative;min-width:0;height:clamp(545px,46vw,680px);border-radius:22px;background:#252b33;isolation:isolate;box-shadow:0 10px 27px #23242b14;transform:perspective(1600px) rotateY(var(--hero-yaw,0deg)) rotateX(var(--hero-pitch,0deg));transition:transform .7s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}
.signature-hero .hero-visual{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.signature-hero .hero-image{width:100%;height:100%;object-fit:cover;object-position:55% 27%;filter:saturate(.92);transform:translate3d(0,calc(var(--hero-shift,0px)*.36),0) scale(1.055)}
.signature-hero .hero-shade{background:linear-gradient(180deg,#18252d17,transparent 30%,transparent 55%,#161d2866)}
.signature-hero .hero-energy{position:absolute;inset:0;width:100%;height:100%;z-index:1;border-radius:inherit;opacity:.35;pointer-events:none}
.signature-hero .hero-current{inset:0;width:100%;height:100%;z-index:2;opacity:.23;border-radius:inherit;overflow:hidden}
.signature-hero .current-base{opacity:.12}.signature-hero .current-pulse{stroke-width:1.3;stroke-dasharray:65 1000;stroke-dashoffset:1065;filter:drop-shadow(0 0 4px #e8964f)}
.signature-hero .hero-orb{width:220px;height:220px;filter:blur(75px);opacity:.3;background:#ff9c4f20}
.hero-stamp{position:absolute;top:31px;left:-41px;width:109px;height:109px;border:7px solid #fffdf9;border-radius:50%;background:#fff0dc;box-shadow:0 5px 20px #3420100d;z-index:5;pointer-events:none;display:grid;place-items:center}
.hero-stamp-ring{position:absolute;inset:0;width:100%;height:100%;fill:#9c5626;font-family:'Mona',Arial,sans-serif;font-weight:600;font-size:10.4px;letter-spacing:.6px}
.hero-stamp>span{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;border:1px solid #edbb8480;background:linear-gradient(145deg,#ffc88b,#f39346);color:#914f1e;box-shadow:inset 0 1px 0 #ffffff90}
.hero-stamp .icon{width:23px;height:23px}
.hero-photo-label{position:absolute;right:20px;top:21px;z-index:3;border:1px solid #ffffff50;display:flex;align-items:center;gap:7px;background:#17222f44;backdrop-filter:blur(16px);color:#f7ede1;font-size:9px;padding:9px 12px;border-radius:99px;letter-spacing:.015em;line-height:1.5}
.hero-photo-label .status-dot{width:5px;height:5px;background:#ffa96b;box-shadow:0 0 8px #f47b2840}
.hero-explore{position:absolute;left:22px;right:22px;bottom:31px;display:flex;align-items:center;gap:12px;padding:17px 18px;border:1px solid #ffffff59;border-radius:16px;background:linear-gradient(120deg,#ffffffdf,#fff4e9d6);backdrop-filter:blur(20px);box-shadow:0 8px 25px #19202e16;z-index:4;color:#4d3927;transition:background .3s,border-color .3s}
.hero-explore:hover{background:#fff8ef;border-color:#fff}
.hero-explore-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;border:1px solid #dabb9855;background:linear-gradient(145deg,#fff,#eadac5);color:#ae6b33;flex-shrink:0;box-shadow:inset 0 1px 0 #fff}
.hero-explore-icon .icon{width:22px;height:22px}.hero-explore>span:nth-child(2){flex:1;min-width:0}
.hero-explore small{display:block;color:#92755a;font-size:9px;line-height:1.5;margin-bottom:3px}
.hero-explore b{display:block;font-size:13px;letter-spacing:-.025em;font-weight:600;line-height:1.5}
.hero-explore-arrow{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#ee8d42;border:1px solid #df863f;color:#51341c;box-shadow:inset 0 1px 0 #ffffff66;flex-shrink:0;transition:transform .3s}
.hero-explore-arrow .icon{width:17px;height:17px}.hero-explore:hover .hero-explore-arrow{transform:rotate(-35deg)}
.signature-hero .image-disclaimer{font-size:8px;right:18px;bottom:9px;z-index:3;color:#eee0ccbe}
.has-motion .signature-hero.entered .hero-visual{animation:hero-photo-arrive 1.8s cubic-bezier(.16,1,.3,1) both}
.has-motion .signature-hero.entered .hero-assurance{animation:panel-enter .8s var(--ease) .65s backwards}
.has-motion .signature-hero.entered .hero-service-links{animation:panel-enter .9s var(--ease) .8s backwards}
.has-motion .signature-hero.entered .hero-explore{animation:hero-card-arrive 1s var(--ease) .55s backwards}
.has-motion .signature-hero .hero-stamp-ring{animation:hero-stamp-turn 55s linear infinite;animation-play-state:paused}
.has-motion .signature-hero.motion-in-view .hero-stamp-ring{animation-play-state:running}
.has-motion .signature-hero .current-pulse{animation:hero-current 6s linear infinite;animation-play-state:paused}
.has-motion .signature-hero.motion-in-view .current-pulse{animation-play-state:running}
.signature-hero.is-out-of-view .current-pulse,.signature-hero.is-out-of-view .hero-stamp-ring{animation-play-state:paused!important}
@keyframes hero-photo-arrive{from{opacity:.4;transform:scale(1.08);filter:brightness(.8)}to{opacity:1;transform:scale(1);filter:brightness(1)}}
@keyframes hero-card-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-stamp-turn{to{transform:rotate(360deg)}}
@keyframes hero-current{to{stroke-dashoffset:0}}
@media(max-width:1580px){.signature-hero{margin-inline:24px}}
@media(max-width:1200px){.signature-hero{padding-left:40px;gap:26px}.signature-hero h1{font-size:clamp(51px,5.4vw,66px)}.signature-hero .hero-kicker{font-size:9px}.signature-hero .hero-description{font-size:13px;max-width:355px}.signature-hero .hero-service-links{gap:6px;margin-top:35px}.signature-hero .hero-service-links>a{padding:10px 11px;font-size:9px;gap:6px}.hero-stamp{width:96px;height:96px;left:-32px;top:26px}.hero-photo-label{right:16px;top:18px;font-size:8px}.hero-explore{left:16px;right:16px;padding:15px;gap:10px}.hero-explore b{font-size:12px}}
@media(max-width:1000px){.signature-hero{padding-left:29px;gap:24px}.signature-hero h1{font-size:clamp(46px,5.4vw,54px)}.signature-hero .hero-content{padding-block:42px}.signature-hero .hero-kicker{font-size:8px;letter-spacing:.1em}.signature-hero .button-hero{min-width:0;width:100%;font-size:11px;gap:16px;padding-left:18px}.signature-hero .hero-assurance{font-size:9px}.signature-hero .hero-service-links>a{padding:9px 10px}.signature-hero .hero-service-links>a>.icon:last-child{display:none}.hero-explore-icon{width:35px;height:35px}.hero-explore-arrow{width:30px;height:30px}.hero-photo-label{right:13px;font-size:7px;padding:8px 10px}.hero-stamp{width:86px;height:86px;border-width:6px;left:-27px}.hero-stamp>span{width:34px;height:34px}.hero-stamp .icon{width:21px;height:21px}}
@media(max-width:850px){.signature-hero{display:flex;flex-direction:column;margin-inline:18px;padding:12px;gap:0;border-radius:24px}.signature-hero .hero-media{order:0;width:100%;height:clamp(340px,57vw,470px);min-height:0;border-radius:17px;transform:none}.signature-hero .hero-content{order:1;width:100%;padding:35px 22px 27px}.signature-hero h1{font-size:64px;line-height:1.04;margin-bottom:21px}.signature-hero .hero-kicker{font-size:9px;margin-bottom:19px}.signature-hero .hero-description{font-size:14px;max-width:530px;margin-bottom:23px}.signature-hero .hero-actions{flex-direction:row;align-items:center;gap:24px}.signature-hero .button-hero{min-width:290px;width:auto;min-height:56px;font-size:12px}.signature-hero .hero-assurance{font-size:10px;margin-top:19px}.signature-hero .hero-service-links{margin-top:24px;gap:9px}.signature-hero .hero-service-links>a{font-size:11px;padding:10px 15px;min-height:40px;gap:8px}.hero-stamp{top:16px;left:16px;width:88px;height:88px;border:5px solid #ffffff88;box-shadow:0 5px 18px #0001}.hero-photo-label{right:18px;top:20px;font-size:9px}.hero-explore{left:20px;right:20px;bottom:26px;max-width:430px}.hero-explore b{font-size:13px}.hero-explore-icon{width:39px;height:39px}.hero-explore-arrow{width:34px;height:34px}.signature-hero .hero-image{object-position:55% 12%;transform:translate3d(0,calc(var(--hero-shift,0px)*.2),0) scale(1.045)}}
@media(max-width:640px){.signature-hero{margin-inline:10px;padding:9px;border-radius:21px;box-shadow:0 10px 28px #6844210b}.signature-hero .hero-media{height:clamp(258px,76vw,324px);border-radius:14px}.signature-hero .hero-content{padding:25px 13px 21px}.signature-hero .hero-kicker{font-size:8px;letter-spacing:.11em;margin-bottom:15px;gap:8px}.signature-hero h1{font-size:clamp(40px,10.7vw,58px);line-height:1.04;letter-spacing:-.065em;margin-bottom:19px}.signature-hero .hero-line{padding-bottom:11px;margin-bottom:-11px}.signature-hero .hero-line+.hero-line{margin-top:1px}.signature-hero .hero-serif{font-size:1.15em}.signature-hero .hero-description{font-size:13px;line-height:1.8;margin-bottom:21px;max-width:420px}.signature-hero .hero-actions{flex-direction:column;align-items:stretch;gap:15px}.signature-hero .button-hero{min-width:0;width:100%;min-height:53px;border-radius:12px;font-size:11px;padding:11px 12px 11px 18px;gap:16px}.signature-hero .button-hero>.icon{width:29px;height:29px;padding:7px}.signature-hero .hero-secondary{display:none}.signature-hero .hero-assurance{font-size:9px;margin-top:15px;gap:6px}.signature-hero .hero-assurance>.icon{width:13px;height:13px}.signature-hero .hero-service-links{margin-top:21px;gap:7px;flex-wrap:wrap}.signature-hero .hero-service-links>a{font-size:9px;padding:8px 12px;min-height:35px;gap:6px}.signature-hero .hero-service-links>a>.icon:first-child{height:15px;width:15px}.hero-stamp{width:67px;height:67px;left:11px;top:11px;border-width:4px}.hero-stamp>span{width:26px;height:26px}.hero-stamp .icon{width:16px;height:16px}.hero-stamp-ring{font-size:10px}.hero-photo-label{font-size:7px;right:11px;top:13px;padding:7px 9px;gap:6px;border-color:#ffffff40}.hero-photo-label .status-dot{width:4px;height:4px}.hero-explore{left:12px;right:12px;bottom:22px;padding:12px;border-radius:12px;gap:9px;max-width:none}.hero-explore small{font-size:8px;margin-bottom:2px}.hero-explore b{font-size:11px;line-height:1.4}.hero-explore-icon{width:32px;height:32px;border-radius:9px}.hero-explore-icon .icon{width:18px;height:18px}.hero-explore-arrow{width:28px;height:28px}.hero-explore-arrow .icon{width:14px;height:14px}.signature-hero .image-disclaimer{font-size:6px;bottom:7px;right:12px}.signature-hero .hero-energy{opacity:.23}.signature-hero .hero-current{opacity:.17}.signature-hero .hero-image{object-position:55% 17%;transform:translate3d(0,calc(var(--hero-shift,0px)*.15),0) scale(1.035)}}
@media(max-width:370px){.signature-hero .hero-content{padding-inline:9px}.signature-hero h1{font-size:clamp(35px,10.6vw,40px)}.signature-hero .hero-description{font-size:12px}.signature-hero .hero-service-links{gap:5px}.signature-hero .hero-service-links>a{font-size:9px;padding-inline:10px}.hero-photo-label{font-size:6px;padding-inline:7px}.hero-explore b{font-size:10px}}
.motion-paused .signature-hero .hero-media{transform:none!important}.motion-paused .hero-stamp-ring{transform:none!important}
@media(prefers-reduced-motion:reduce){.signature-hero .hero-media,.signature-hero .hero-visual{transform:none!important;animation:none!important}.signature-hero .hero-image{transform:scale(1.02)!important}.hero-stamp-ring{animation:none!important}}
/* ---- home-lab.css */
/* Interactive home: the brand's white, charcoal and warm orange. */
.home-lab.experience-section{background:#fcfaf6;color:#191918;border:1px solid #e8e2d9;padding:96px 0;margin:20px;border-radius:28px;overflow:clip}
.home-lab .section-head{align-items:center;margin-bottom:42px}
.home-lab .section-head h2{color:#191918;font-size:clamp(42px,4.8vw,68px);line-height:1.07;font-weight:600}
.home-lab .section-head h2 .orange{color:#f47b28}
.home-lab .section-head>p{color:#777169;font-size:14px;max-width:360px;line-height:1.8}
.home-lab .eyebrow{color:#a7521d}
.home-lab .experience-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.9fr);gap:30px;align-items:start}
.lab-viewer{min-width:0}
.home-lab .detailed-showroom{min-height:0;background:radial-gradient(ellipse at 50% 48%,#fff 0%,#fffaf3 56%,#f0e6d8 100%);border:1px solid #e4dbce;border-radius:24px;box-shadow:0 20px 45px #6f4a1910;transition:background .8s,box-shadow .8s}
.home-lab .detailed-showroom:before{background-image:linear-gradient(#d4aa7710 1px,transparent 1px),linear-gradient(90deg,#d4aa7710 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}
.home-lab .detailed-showroom:after{content:'';position:absolute;width:68%;height:14%;left:16%;bottom:120px;background:#b7864e22;filter:blur(24px);border-radius:50%;z-index:-1;pointer-events:none}
.home-lab .showroom-heading{position:relative;top:auto;left:auto;right:auto;padding:22px 24px 0;align-items:center;color:#9a8069;letter-spacing:.12em;font-size:9px;min-height:55px}
.lab-model-title{display:flex;align-items:center;gap:8px}
.lab-live-dot{width:6px;height:6px;border-radius:50%;background:#f47b28;box-shadow:0 0 0 4px #f47b2811}
.lab-period{display:flex;gap:3px;padding:3px;border-radius:99px;background:#e5d9c66b;border:1px solid #d4c5af44;letter-spacing:0}
.lab-period button{border:0;background:transparent;padding:7px 11px;border-radius:99px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:550;min-height:32px;color:#7c6b5b}
.lab-period button .icon{height:13px;width:13px}
.lab-period button[aria-pressed=true]{background:#fff;color:#9b4a18;box-shadow:0 2px 8px #6e451b15}
.home-lab .detailed-showroom .villa-stage{height:380px;outline-offset:-7px}
.home-lab .villa-fallback{opacity:.96;mask-image:linear-gradient(transparent,#000 8%,#000 82%,transparent);object-position:65% 53%}
.home-lab .villa-effects{bottom:9px;left:16px;right:16px}
.home-lab .villa-effects>span.lab-effect{display:flex;background:#fff9;color:#815e3d;border:1px solid #e2c5a066;backdrop-filter:blur(12px);padding:8px 12px;gap:7px;font-size:10px;box-shadow:0 3px 15px #7c4d0810}
.home-lab .lab-effect .icon{color:#e2792d;width:15px;height:15px}
.home-lab .villa-rotation{margin:8px 0 0;gap:8px;color:#9a8978;font-size:9px;padding-inline:12px}
.home-lab .villa-rotation button{width:34px;height:34px;display:grid;place-items:center;background:#fff8;border:1px solid #d6c5af80;color:#806247}
.home-lab .villa-rotation button:hover{background:#f47b28;color:white;border-color:#f47b28}
.home-lab .villa-rotation .icon{width:15px;height:15px}
.home-lab .rotation-separator{background:#d3c6b5;margin-inline:3px}
.home-lab .villa-legend{margin:17px 24px 20px;color:#9e8c79;font-size:9px;line-height:1.5}
.home-lab .villa-legend>span:first-child{color:#a14d1a;font-weight:600}
.home-lab .villa-legend>span:last-child{max-width:160px}
.home-lab[data-period=night] .detailed-showroom{background:radial-gradient(ellipse at 50% 40%,#3b3c44,#24242d 64%,#1b1b23);border-color:#42404b;box-shadow:0 20px 45px #24222b18}
.home-lab[data-period=night] .showroom-heading{color:#c6b19a}
.home-lab[data-period=night] .lab-period{background:#ffffff0b;border-color:#ffffff20}
.home-lab[data-period=night] .lab-period button{color:#b2a18f}
.home-lab[data-period=night] .lab-period button[aria-pressed=true]{background:#f47b28;color:#211b17}
.home-lab[data-period=night] .villa-effects>span.lab-effect{background:#24212caa;color:#f0c49d;border-color:#e6c39630}
.home-lab[data-period=night] .villa-rotation{color:#b8a795}
.home-lab[data-period=night] .villa-rotation button{background:#ffffff08;color:#e8d4bb;border-color:#e8d4bb30}
.home-lab[data-period=night] .villa-legend{color:#b9aa9c}
.home-lab[data-period=night] .villa-legend>span:first-child{color:#ffad6f}
.lab-energy{margin-top:15px;background:#fff;border:1px solid #e8dfd3;padding:18px 21px;border-radius:18px}
.lab-energy-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9d8975;font-size:8px;letter-spacing:.13em}
.lab-energy-heading>span:last-child{font-size:10px;letter-spacing:0;color:#a5511c}
.lab-energy-map{height:90px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;align-items:center;position:relative;margin-top:9px;column-gap:20px;row-gap:10px}
.lab-flow-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#eee6db;stroke-width:1.1;overflow:visible}
.lab-flow-lines path[data-active=true]{stroke:#ee8239;stroke-dasharray:3 5}
.lab-flow-node{display:flex;align-items:center;gap:8px;position:relative;z-index:1;color:#827565;font-size:9px;justify-self:center;background:#fff;padding:6px 7px;border:1px solid #eae4db;border-radius:9px;transition:color .3s,border-color .3s,background .3s}
.lab-flow-node .icon{height:16px;width:16px;color:inherit}
.lab-flow-node[data-active=true]{color:#9c4e1d;background:#fff7ef;border-color:#f4d2b4}
.lab-flow-node[data-flow-node=source],.lab-flow-node[data-flow-node=home]{grid-row:1/3;min-height:43px}
.lab-flow-node[data-flow-node=source]{grid-column:1}.lab-flow-node[data-flow-node=home]{grid-column:2}.lab-flow-node[data-flow-node=battery]{grid-column:3;grid-row:1}.lab-flow-node[data-flow-node=charger]{grid-column:3;grid-row:2}
.lab-source-solar,.lab-source-grid,.lab-source-battery{display:none}
.home-lab[data-source=solar] .lab-source-solar,.home-lab[data-source=grid] .lab-source-grid,.home-lab[data-source=off] .lab-source-grid,.home-lab[data-source=battery] .lab-source-battery{display:block}
.lab-source-caption{display:none}.home-lab[data-source=solar] .lab-source-caption.solar,.home-lab[data-source=grid] .lab-source-caption.grid,.home-lab[data-source=off] .lab-source-caption.grid,.home-lab[data-source=battery] .lab-source-caption.battery{display:inline}
.lab-controller{padding:8px 0 0;min-width:0;color:#191918}
.lab-controller .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:13px}
.lab-controller h3{font-size:32px;font-weight:600;letter-spacing:-.055em;line-height:1.15;margin-bottom:11px;color:#191918}
.lab-controller>p{color:#776b60;font-size:12px;line-height:1.75;max-width:390px}
.lab-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:20px 0 17px}
.lab-presets button{background:#fff;border:1px solid #e6dbce;color:#827261;padding:8px 12px;border-radius:99px;font-size:10px;min-height:35px;transition:background .25s,color .25s,border-color .25s}
.lab-presets button[aria-pressed=true],.lab-presets button:hover{background:#27231f;color:#fff;border-color:#27231f}
.lab-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lab-switch{display:grid;grid-template-columns:35px 1fr;align-items:center;position:relative;gap:10px;text-align:left;border:1px solid #e6dfd5;border-radius:14px;padding:16px 12px;background:#fff;min-height:88px;box-shadow:0 3px 12px #84613703;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
.lab-switch:hover{transform:translateY(-2px);border-color:#d8bda0;box-shadow:0 6px 16px #87572c0b}
.lab-switch-icon{width:34px;height:34px;border:1px solid #e6dfd5;border-radius:10px;background:linear-gradient(135deg,#fff,#f2ece3);box-shadow:0 3px 6px #75563508;display:grid;place-items:center;color:#a89988}
.lab-switch-icon .icon{height:20px;width:20px}
.lab-switch-copy{min-width:0;padding-top:15px}
.lab-switch-copy b{font-size:12px;letter-spacing:-.025em;font-weight:600;display:block;line-height:1.3;color:#38312a}
.lab-switch-copy small{display:block;font-size:9px;line-height:1.5;color:#7b6a58;margin-top:4px}
.lab-toggle{position:absolute;right:12px;top:12px;width:29px;height:16px;border-radius:99px;background:#e4ddd3;box-shadow:inset 0 1px 3px #6e5f5210;transition:background .3s}
.lab-toggle:after{content:'';width:10px;height:10px;position:absolute;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 1px 3px #47321b22;transition:transform .3s}
.lab-switch[aria-checked=true]{background:linear-gradient(145deg,#fffaf4,#fff5e9);border-color:#f1c59f;box-shadow:0 3px 16px #e3813010}
.lab-switch[aria-checked=true] .lab-switch-icon{background:linear-gradient(145deg,#ffc28b,#f28a3d);color:#78421b;border-color:#f0a664;box-shadow:inset 0 1px 1px #ffffff8c,0 3px 7px #ed863023}
.lab-switch[aria-checked=true] .lab-switch-copy small{color:#965020}
.lab-switch[aria-checked=true] .lab-toggle{background:#f47b28}.lab-switch[aria-checked=true] .lab-toggle:after{transform:translateX(13px)}
.lab-switch:last-child{grid-column:1/-1;grid-template-columns:35px 1fr;min-height:72px}.lab-switch:last-child .lab-switch-copy{padding-top:0}.lab-switch:last-child .lab-toggle{top:calc(50% - 8px)}
.lab-current-status{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #e6dfd4;min-height:95px}
.lab-current-status>.icon{width:16px;height:16px;color:#bf692a;margin-top:3px}
.lab-current-status small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#9f8c77;margin-bottom:7px}
.lab-current-status p{font-size:11px;line-height:1.75;color:#7f7163;margin:0}
.lab-offer.button{margin-top:18px;display:flex;width:100%;border-radius:13px;padding:17px 20px;font-size:12px;min-height:53px;background:linear-gradient(120deg,#ff9d50,#f47b28);border:1px solid #eb8844;box-shadow:inset 0 1px 0 #ffffff80,0 6px 18px #e8803020}
.lab-offer .icon{width:20px;height:20px}
.lab-demo-note{font-size:8px!important;color:#a49686!important;margin-top:10px;line-height:1.6!important}
.has-motion .home-lab:has(.villa-showroom.motion-live) .lab-flow-lines path[data-active=true]{animation:lab-flow 2.8s linear infinite}
.has-motion .home-lab:has(.villa-showroom.motion-live) .lab-live-dot{animation:lab-live 3s ease-in-out infinite}
.motion-paused .home-lab *,html:not(.has-motion) .home-lab *{animation:none!important}
@keyframes lab-flow{to{stroke-dashoffset:-32}}
@keyframes lab-live{50%{box-shadow:0 0 0 6px #f47b2808}}
@media(max-width:1100px){.home-lab .experience-grid{gap:22px;grid-template-columns:1fr 1fr}.home-lab .detailed-showroom .villa-stage{height:350px}.lab-controller h3{font-size:28px}.lab-switch{padding:14px 10px;gap:8px;grid-template-columns:30px 1fr}.lab-switch-icon{width:30px;height:30px}.lab-switch-copy b{font-size:11px}.lab-switch-copy small{font-size:8px}.lab-presets button{padding:8px 10px}.lab-flow-node{font-size:8px;padding:5px;gap:5px}}
@media(max-width:850px){.home-lab.experience-section{margin:12px;padding:70px 0}.home-lab .experience-grid{grid-template-columns:1fr;gap:28px}.home-lab .detailed-showroom .villa-stage{height:400px}.home-lab .section-head>p{max-width:480px}.lab-controller h3{font-size:33px}.lab-switch{min-height:88px;grid-template-columns:35px 1fr;padding:15px}.lab-switch-icon{width:35px;height:35px}.lab-switch-copy{padding-top:6px}.lab-switch-copy b{font-size:13px}.lab-switch-copy small{font-size:10px}.lab-toggle{right:15px;top:15px}.lab-controller>p{max-width:100%;font-size:13px}.lab-current-status{min-height:0}.lab-current-status p{font-size:12px}.lab-demo-note{font-size:9px!important}.lab-flow-node{font-size:10px;padding:6px 9px}.lab-presets button{font-size:11px;padding:9px 13px}}
@media(max-width:640px){.home-lab.experience-section{margin:10px;padding:49px 0;border-radius:20px}.home-lab>.wrap{width:calc(100% - 32px)}.home-lab .section-head{gap:18px;margin-bottom:24px}.home-lab .section-head h2{font-size:clamp(36px,10vw,47px);line-height:1.08}.home-lab .section-head .eyebrow{font-size:8px;margin-bottom:15px;letter-spacing:.095em}.home-lab .section-head>p{font-size:12px;line-height:1.75}.home-lab .experience-grid{gap:24px}.home-lab .detailed-showroom{border-radius:17px}.home-lab .showroom-heading{padding:15px 14px 0;min-height:46px;font-size:7px;letter-spacing:.08em}.lab-period{padding:2px}.lab-period button{min-height:31px;padding:6px 9px;font-size:9px}.lab-period button .icon{width:12px;height:12px}.home-lab .detailed-showroom .villa-stage{height:268px}.home-lab .villa-effects>span.lab-effect{font-size:8px;padding:6px 10px}.home-lab .villa-rotation{margin-top:7px;gap:6px;flex-wrap:nowrap;padding:0 9px}.home-lab .villa-rotation button{width:31px;height:31px;flex-shrink:0}.home-lab .villa-rotation>span:not(.rotation-separator){font-size:7px;max-width:83px;line-height:1.5;text-align:center}.home-lab .rotation-separator{margin-inline:0;height:13px}.home-lab .villa-legend{font-size:7px;margin:13px 15px 15px;gap:8px}.home-lab .villa-legend>span:last-child{max-width:135px}.lab-energy{padding:14px 12px;margin-top:10px;border-radius:14px}.lab-energy-heading{font-size:7px;letter-spacing:.08em}.lab-energy-heading>span:last-child{font-size:8px}.lab-energy-map{height:78px;column-gap:10px;row-gap:7px;margin-top:6px}.lab-flow-node{font-size:8px;gap:5px;padding:6px}.lab-flow-node .icon{width:13px;height:13px}.lab-flow-node[data-flow-node=source],.lab-flow-node[data-flow-node=home]{min-height:36px}.lab-controller{padding-top:0}.lab-controller .eyebrow{font-size:8px;margin-bottom:10px}.lab-controller h3{font-size:28px;margin-bottom:10px}.lab-controller>p{font-size:12px}.lab-presets{margin:15px 0 13px;gap:6px}.lab-presets button{font-size:9px;min-height:35px;padding:8px 10px}.lab-switches{gap:8px}.lab-switch{padding:12px 10px;gap:8px;min-height:88px;grid-template-columns:30px 1fr;border-radius:12px}.lab-switch-icon{width:30px;height:30px;border-radius:8px}.lab-switch-icon .icon{width:18px;height:18px}.lab-switch-copy{padding-top:14px}.lab-switch-copy b{font-size:12px;line-height:1.4}.lab-switch-copy small{font-size:9px;margin-top:3px;line-height:1.55}.lab-toggle{right:10px;top:10px}.lab-switch:last-child{min-height:64px}.lab-switch:last-child .lab-switch-copy b{font-size:12px}.lab-switch:last-child .lab-switch-copy small{font-size:9px}.lab-current-status{margin-top:17px;padding-top:15px;gap:8px}.lab-current-status p{font-size:11px}.lab-offer.button{margin-top:16px;font-size:11px;padding:16px 16px;min-height:52px}.lab-demo-note{font-size:8px!important}}
@media(max-width:370px){.home-lab .showroom-heading{padding-inline:10px;letter-spacing:0}.lab-model-title{gap:6px}.home-lab .villa-rotation{gap:4px;padding-inline:6px}.home-lab .villa-rotation button{width:28px;height:28px}.home-lab .detailed-showroom .villa-stage{height:240px}.lab-switch{grid-template-columns:25px 1fr;gap:6px;padding:12px 8px}.lab-switch-icon{width:25px;height:29px}.lab-switch-copy b{font-size:10px}.lab-switch-copy small{font-size:7px}.lab-flow-node{font-size:7px;padding:5px;gap:4px}}
@media(prefers-reduced-motion:reduce){.home-lab *{animation:none!important;transition:none!important}}

.has-motion .home-lab[data-source=battery]:has(.villa-showroom.motion-live) .lab-flow-lines path[data-flow-path=battery][data-active=true]{animation-direction:reverse}

.lab-quick-controls{display:none}
@media(max-width:640px){
 .lab-quick-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:2px 12px 8px}
 .lab-quick-switch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:51px;border:1px solid #ddcdbb70;border-radius:10px;color:#a39280;background:#fff8;transition:background .25s,border-color .25s,color .25s}
 .lab-quick-switch .icon{width:19px;height:19px}.lab-quick-switch b{font-size:9px;font-weight:550;line-height:1}
 .lab-quick-switch:after{content:'';position:absolute;right:6px;top:6px;width:4px;height:4px;background:#c8bbab;border-radius:50%}
 .lab-quick-switch[aria-checked=true]{background:linear-gradient(145deg,#ffb375,#f48a3b);border-color:#eb9a5a;color:#663e22;box-shadow:inset 0 1px 0 #ffffff80,0 3px 9px #e27b2315}
 .lab-quick-switch[aria-checked=true]:after{background:#99591f}
 .home-lab[data-period=night] .lab-quick-switch[aria-checked=false]{background:#ffffff08;color:#bda48d;border-color:#d7b6962b}
 .home-lab[data-period=night] .lab-quick-switch[aria-checked=false]:after{background:#776959}
}
/* ---- experience.css */
/* Gewoon aangesloten: physical products, visible connections and a direct quote path. */
.signature-hero .hero-service-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:27px;max-width:455px}
.signature-hero .hero-service-links>a{min-width:0;min-height:77px;border-radius:14px;padding:15px 13px;gap:10px;background:linear-gradient(135deg,#fffefb,#f7efe5);border:1px solid #e4d6c4;box-shadow:inset 0 1px 0 #fff,0 5px 14px #49351b05;transition:transform .35s var(--ease),border-color .3s,box-shadow .3s}
.signature-hero .hero-service-links>a:nth-child(2){background:linear-gradient(135deg,#fffaf3,#ffecd8);border-color:#efc398}
.signature-hero .hero-service-links>a>span{display:grid;gap:4px;flex:1;min-width:0}.signature-hero .hero-service-links b{font-size:15px;line-height:1.2;font-weight:650;letter-spacing:-.03em}.signature-hero .hero-service-links small{font-size:9px;color:#7a6956;line-height:1.4}.signature-hero .hero-service-links>a>.icon:first-child{width:26px;height:26px;color:#a75824}.signature-hero .hero-service-links>a>.icon:last-child{display:block;width:16px;height:16px;flex-shrink:0}
.signature-hero .hero-service-links>a:hover{transform:translateY(-3px);border-color:#df9a65;box-shadow:0 10px 22px #ad703214}
.signature-hero h1{font-size:clamp(48px,5.35vw,79px)}.signature-hero .hero-serif{font-size:1.07em}
.intro-section{position:relative;isolation:isolate}.intro-section>.brand-circuit{position:absolute;inset:10px -40px 0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.45}.brand-circuit>svg{width:100%;height:100%;fill:none;stroke:#dfaa7f;stroke-width:1}.brand-circuit .circuit-track{opacity:.2}.brand-circuit circle{fill:#fffaf3;stroke:#d79d6c}.brand-circuit .circuit-draw{stroke:#e67b32;stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--wire-progress,1));filter:drop-shadow(0 0 4px #ef883e40)}
.solution-section{scroll-margin-top:105px}.solution-tabs>button[aria-selected=true]{background:#a85424;border-color:#a85424;box-shadow:0 4px 12px #a854241a}.solution-tabs>button[aria-selected=true] .icon-accent{stroke:#ffd3a8}
.plan-visual{isolation:isolate;min-height:465px}.plan-visual>img{filter:brightness(.6) saturate(.72);transition:filter 1.2s ease,transform 1.6s var(--ease);transform:scale(1.02)}.plan-visual:has([data-powered=true])>img{filter:brightness(.78) saturate(.85)}
.plan-visual:after{background:linear-gradient(180deg,#15181333,transparent 45%,#131811aa);z-index:0}.plan-image-label{top:25px;bottom:auto;left:26px;right:auto;max-width:64%;pointer-events:none;z-index:3}.plan-image-label>span{width:37px;height:37px;border-radius:11px}.plan-image-label>span>.icon{width:22px;height:22px}.plan-image-label b{font-size:15px}.plan-image-label small{font-size:7px;margin-bottom:4px}.plan-photo-note{top:auto;bottom:7px;right:13px;font-size:6px;background:transparent;color:#fff9d9a0;z-index:6}
.plan-demo{position:absolute;inset:0;z-index:2;--air-color:#fffbec}.demo-room-light{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 65%,#ff9b4d52,transparent 58%);mix-blend-mode:screen;transition:opacity 1.2s}
.plan-demo[data-powered=true] .demo-room-light{opacity:1}.demo-airco .demo-room-light{background:radial-gradient(ellipse at 50% 70%,#fffbe833,transparent 65%)}.demo-airco[data-mode=verwarmen]{--air-color:#ffb675}.demo-airco[data-mode=verwarmen] .demo-room-light{background:radial-gradient(ellipse at 50% 70%,#ffa05670,transparent 65%)}
.demo-flow{position:absolute;inset:0;width:100%;height:88%;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;overflow:visible}.flow-track{stroke:#ffe0be;stroke-width:1;opacity:.12}.flow-pulse{stroke:#ffae6e;stroke-width:2.5;stroke-dasharray:22 140;opacity:0;filter:drop-shadow(0 0 5px #ff9d56)}.flow-end{fill:#fdb376;stroke:#ffd9b5;stroke-width:2;opacity:.2}.air-track{stroke:var(--air-color);stroke-width:1;opacity:0}.air-pulse{stroke:var(--air-color);stroke-width:3;stroke-dasharray:13 38;opacity:0;filter:drop-shadow(0 0 4px #ffcb9b77)}
.plan-demo[data-powered=true] .flow-pulse{opacity:.85}.plan-demo[data-powered=true] .flow-end{opacity:1}.plan-demo[data-powered=true] .air-track{opacity:.2}.plan-demo[data-powered=true] .air-pulse{opacity:.8}
.model-stage{position:absolute;left:50%;top:24%;width:90%;height:210px;display:grid;place-items:start center;perspective:850px;transform:translate3d(-50%,0,0) scale(var(--model-scale,1)) rotateX(var(--fx-y,0deg)) rotateY(var(--fx-x,0deg));transform-style:preserve-3d;transition:transform .5s var(--ease);pointer-events:none}
.model-object{position:relative;transform-style:preserve-3d;translate:0 0}.model-side{position:absolute;left:-1px;top:3%;width:18px;height:94%;background:linear-gradient(90deg,#807d77,#bbb7ae);border-radius:5px;transform:rotateY(-90deg);transform-origin:right center;backface-visibility:visible}.model-led{display:block;width:5px;height:5px;border-radius:50%;background:#74786e;box-shadow:0 0 0 2px #0000000b;transition:background .35s,box-shadow .35s}
.plan-demo[data-powered=true] .model-led{background:#f58635;box-shadow:0 0 0 2px #f6b46a26,0 0 12px #ffb574}
.board-model{width:178px;height:199px;transform:rotateX(5deg) rotateY(-15deg) rotateZ(-3deg)}.board-model:after{content:'';position:absolute;inset:2px -2px -2px 2px;border-radius:15px;background:#b7b1a6;transform:translateZ(-2px);box-shadow:4px 35px 34px #0005}.board-face{position:relative;height:100%;width:100%;padding:15px 13px 11px;border:1px solid #fff9;border-radius:14px;background:linear-gradient(125deg,#fffffe 0%,#eeeae2 42%,#c9c5bc 100%);box-shadow:inset 0 2px 2px #fff,inset -2px -2px 3px #5d584526;transform:translateZ(16px)}
.board-heading{display:flex;align-items:center;justify-content:space-between;padding:0 3px 12px}.board-heading b{font-size:7px;letter-spacing:.19em;color:#7a7368}.board-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;margin-bottom:9px;border-radius:4px;background:repeating-linear-gradient(0deg,#aaa69e 0 2px,#c8c4bc 2px 4px);box-shadow:inset 0 2px 3px #0003}
.breaker{height:48px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 2px 3px;background:linear-gradient(110deg,#f6f3ec,#dbd8cf);border:1px solid #fff8;box-shadow:2px 2px 2px #5c58432c;transform:translateZ(3px);border-radius:2px;font-style:normal}.breaker>span{width:15px;height:20px;border-radius:2px;background:linear-gradient(180deg,#666b67,#303530);box-shadow:0 2px 1px #0004,inset 0 2px 0 #fff3;transform:translateY(3px) rotateX(15deg);transition:transform .55s var(--ease),background .4s}.breaker>small{font-size:6px;font-weight:650;letter-spacing:.06em;color:#777064;line-height:1}.breaker:before{content:'';position:absolute;top:3px;left:calc(50% - 4px);width:8px;height:2px;border-radius:1px;background:#8d9388}.plan-demo[data-powered=true] .breaker>span{transform:translateY(-2px) rotateX(-12deg);background:linear-gradient(180deg,#ffb96a,#dd7a32)}.plan-demo[data-powered=true] .breaker:before{background:#f69043}.board-caption{display:block;font-size:6px;color:#8e8779;text-align:center;letter-spacing:.08em;padding-top:2px}
.airco-model{width:267px;height:91px;margin-top:22px;transform:rotateX(6deg) rotateY(-12deg) rotateZ(-3deg)}.airco-model:after{content:'';position:absolute;inset:4px -3px -4px 4px;border-radius:18px;background:#c2c2b9;transform:translateZ(-7px);box-shadow:3px 37px 35px #10140c5e}.airco-model .model-side{width:27px;background:linear-gradient(90deg,#a4a79e,#dadbd4)}.airco-face{position:relative;width:100%;height:100%;border:1px solid #ffffffc7;border-radius:17px;background:linear-gradient(175deg,#fff 0%,#f0f0ea 45%,#dadad3 70%,#f6f4ee 90%);box-shadow:inset 0 3px 3px #fff,inset 0 -1px 2px #84867880;transform:translateZ(21px);overflow:hidden}.airco-seam{position:absolute;top:18px;left:11px;right:10px;border-top:1px solid #d5d6cc;box-shadow:0 1px 0 #fff}.airco-face>b{position:absolute;left:18px;top:29px;color:#9b9e91;letter-spacing:.16em;font-size:6px;font-weight:550}.airco-face>.model-led{position:absolute;right:17px;top:31px;width:3px;height:3px}.airco-louvres{position:absolute;left:15px;right:15px;bottom:9px;height:22px;border-radius:3px;background:linear-gradient(#90998d,#c4c9bc);padding:1px;overflow:hidden;box-shadow:inset 0 2px 2px #47504666}.airco-louvres>i{display:block;height:6px;width:100%;background:linear-gradient(#fcfcf5,#b9c0b1);border-bottom:1px solid #a2aa96;transform-origin:top;transform:rotateX(4deg);transition:transform .6s}.plan-demo[data-powered=true] .airco-louvres>i{transform:rotateX(35deg)}
.demo-modes{position:absolute;right:20px;top:25px;display:flex;gap:3px;padding:3px;border:1px solid #ffffff50;border-radius:99px;background:#ffffffce;backdrop-filter:blur(12px);z-index:5}.demo-modes>button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:7px 9px;border:0;border-radius:99px;background:transparent;color:#78624d;font-size:9px;font-weight:550}.demo-modes>button .icon{width:13px;height:13px}.demo-modes>button[aria-pressed=true]{color:#fffdf7;background:#a75727;box-shadow:0 2px 7px #55331722}.demo-modes>button:hover{box-shadow:inset 0 0 0 1px #ae7840}
.energy-model{width:315px;height:209px;transform:rotateY(-8deg)}.solar-model{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;position:absolute;top:0;left:6px;width:215px;height:150px;background:#303b3c;padding:6px;border:3px solid #b1b6b2;border-radius:3px;transform:rotateX(37deg) rotateY(-9deg) rotateZ(-15deg);transform-style:preserve-3d;box-shadow:inset 0 0 0 2px #1c2c30,0 6px 0 #747e7d,9px 23px 22px #0005;overflow:hidden}.solar-cell{position:relative;background:repeating-linear-gradient(90deg,transparent 0 14px,#d5c5a725 14px 15px),repeating-linear-gradient(0deg,#344a51 0 15px,#3e565b 15px 16px);border:1px solid #586567;box-shadow:inset 0 1px 5px #072a3166}.solar-sheen{position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 35%,#fffaf52b 48%,transparent 61%);opacity:.2;transform:translateX(-55%) rotate(-10deg)}.plan-demo[data-powered=true] .solar-sheen{opacity:1}
.inverter-model{position:absolute;right:9px;top:44px;width:78px;height:145px;transform:rotateY(-12deg);transform-style:preserve-3d}.inverter-model:after{content:'';position:absolute;inset:0;border-radius:10px;background:#979c95;transform:translateZ(-4px);box-shadow:8px 30px 29px #0004}.inverter-face{position:relative;height:100%;border:1px solid #ffffffc7;border-radius:10px;background:linear-gradient(130deg,#fffefb,#e3e5db 65%,#c6cbc1);padding:16px 10px;transform:translateZ(12px);box-shadow:inset 0 2px 1px #fff}.inverter-face>small{display:block;font-size:5px;letter-spacing:.1em;color:#8c917d}.inverter-face>.model-led{position:absolute;right:10px;top:17px;width:3px;height:3px}.inverter-face>.icon{display:block;width:26px;height:26px;color:#a29d8a;margin:18px auto 15px}.inverter-face>i{display:block;height:3px;width:30px;border-radius:99px;background:#969f8c;margin:auto;box-shadow:0 1px 0 #fff}.plan-demo[data-powered=true] .inverter-face>i{background:#e89a57;box-shadow:0 0 10px #e9a46966}.inverter-face>b{display:block;text-align:center;font-size:6px;font-weight:500;color:#8e927f;margin-top:13px}
.demo-controls{position:absolute;bottom:31px;left:20px;right:20px;z-index:5;text-align:center}.demo-switch{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;min-height:47px;min-width:217px;padding:10px 15px;border:1px solid #ffffff80;border-radius:99px;background:linear-gradient(120deg,#fffefaee,#fce8cbe6);backdrop-filter:blur(18px);color:#6d4123;box-shadow:0 6px 23px #121a1525,inset 0 1px 0 #fff;transition:background .35s,border-color .35s}.demo-switch>b{font-size:12px;font-weight:600;flex:1;text-align:left}.demo-switch>.icon{width:17px;height:17px}.switch-track{width:35px;height:20px;padding:3px;display:block;border-radius:99px;background:#bcbdb2;box-shadow:inset 0 1px 2px #0003;transition:background .35s}.switch-track>i{display:block;width:14px;height:14px;background:#fffdf6;box-shadow:0 1px 3px #0002;border-radius:50%;transform:translateX(0);transition:transform .35s var(--ease)}.demo-switch[aria-checked=true] .switch-track{background:#e7833c}.demo-switch[aria-checked=true] .switch-track>i{transform:translateX(15px)}.demo-switch:hover{border-color:#fff;background:#fff5e6}.demo-explanation{font-size:10px!important;line-height:1.6!important;color:#fff9e9!important;min-height:16px;margin:9px auto 0!important;max-width:330px;letter-spacing:.01em}
.service-card{background:linear-gradient(155deg,#fffefd,#fbf6ed)}.service-card:has(.service-select[aria-pressed=true]){border-color:#e8a26c;box-shadow:0 8px 26px #d58e3420}.service-card .image-icon{transform-style:preserve-3d;box-shadow:0 8px 17px #1b1a1528,inset 0 1px 0 #fff,0 3px 0 #d0b89d}.service-card:has(.service-select[aria-pressed=true]) .image-icon{background:linear-gradient(145deg,#ffedd3,#f8c996);color:#955225}
.service-card .service-content:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#f4974a,transparent);opacity:0;transform:scaleX(.2);transition:transform .65s var(--ease),opacity .65s}.service-content{position:relative}.service-card:has(.service-select[aria-pressed=true]) .service-content:before{opacity:1;transform:scaleX(1)}
.step-line:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 10%,#ffe1ba 55%,#ed893d 80%,transparent);transform:translateX(-100%);z-index:1}.step-top>.icon{box-shadow:0 3px 0 #d8c5af,inset 0 1px 0 #fff;transform:perspective(400px) rotateY(-10deg)}
.connected-footer{position:relative;isolation:isolate;overflow:hidden;background:#141615;color:#bcbeb4;padding:0 0 25px;margin-top:35px}.connected-footer>.wrap{position:relative;z-index:1}.footer-wires{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.6}.footer-wires>svg{width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}.footer-wire-track{stroke:#b1866115;stroke-width:1}.footer-wire-pulse{stroke:#e79d56;stroke-width:1.2;stroke-dasharray:65 1550;filter:drop-shadow(0 0 5px #fc9a4360);opacity:.5}
.footer-connect{display:grid;grid-template-columns:1fr 170px auto;align-items:center;gap:38px;padding-block:63px 54px;border-bottom:1px solid #ffffff14;margin-bottom:58px}.footer-connect .eyebrow{font-size:9px;color:#d29b6f;letter-spacing:.13em;margin-bottom:18px}.footer-connect h2{color:#f9f8f2;font-size:clamp(33px,3.1vw,47px);line-height:1.1;font-weight:550;letter-spacing:-.05em}.footer-connect h2>span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#f7964f;font-size:1.08em;letter-spacing:-.05em}.footer-connect-action{display:grid;gap:13px}.footer-connect-action>.button{color:#352819;min-width:218px;justify-content:space-between;font-size:12px}.footer-connect-action>span{font-size:10px;text-align:center;color:#a8a999}
.connection-sculpture{width:150px;height:150px;display:grid;place-items:center;perspective:700px;transform:rotateX(var(--fx-y,0deg)) rotateY(var(--fx-x,0deg));transform-style:preserve-3d}.connection-orbit{position:relative;width:125px;height:125px;display:grid;place-items:center;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(-22deg)}.connection-ring{position:absolute;inset:0;border-radius:50%;border:2px solid #e7b483;background:transparent;box-shadow:inset 0 1px 1px #ffead54d,0 0 14px #e8913520;transform-style:preserve-3d}.ring-one{transform:rotateX(64deg);border-color:#f6ad69}.ring-two{transform:rotateY(64deg);border-color:#d8b89a}.ring-three{inset:12px;transform:rotateX(-40deg) rotateY(-38deg);border-color:#8c795c}.connection-ring:after{content:'';position:absolute;left:13%;top:11%;width:8px;height:8px;border-radius:50%;background:#ffc781;box-shadow:0 0 15px #ff9f3e}.connection-core{width:51px;height:51px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#ffcb86,#f18a3d 63%,#b66b34);border:1px solid #ffc78190;border-radius:50%;box-shadow:inset 0 2px 3px #fff5,0 0 30px #e5913226;transform:translateZ(10px)}.connection-core>.icon{width:27px;height:27px;color:#6c391b}.connection-core .icon-accent{stroke:#68311a}
.connected-footer .footer-grid{grid-template-columns:1.4fr 1fr 1.12fr .85fr;gap:42px;padding-bottom:49px}.connected-footer .footer-brand{grid-column:auto}.connected-footer .footer-brand .brand{width:270px;max-width:100%;display:block;margin-bottom:22px}.connected-footer .footer-brand p{font-size:13px;line-height:1.85;color:#b0b3a7;max-width:320px}.connected-footer ul{list-style:none;margin:0;padding:0}.connected-footer a{transition:color .25s,transform .25s}.connected-footer a:hover{color:#ffb77b}.footer-contact{display:grid;gap:11px;margin-top:24px!important}.footer-contact a{display:inline-flex;align-items:center;gap:10px;color:#f0f0e8;font-size:13px;overflow-wrap:anywhere}.footer-contact .footer-phone{font-size:18px;font-weight:600;letter-spacing:-.025em}.footer-contact .icon{width:17px;height:17px;color:#d2a77d}.footer-contact .icon:last-child:not(:first-child){width:12px;height:12px;color:#bc9977}
.footer-socials{display:flex;gap:9px;margin-top:23px}.footer-socials>a{width:37px;height:37px;border:1px solid #ffffff20;border-radius:11px;background:linear-gradient(145deg,#ffffff0c,#ffffff03);color:#d6c2aa;display:grid;place-items:center;box-shadow:inset 0 1px 0 #ffffff08}.footer-socials>a:hover{color:#ffd6ad;border-color:#b8794859;transform:translateY(-2px)}.footer-socials .icon{width:17px;height:17px}
.footer-certificates{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px}.footer-certificates>span{height:47px;padding:5px 8px;border:1px solid #ffffff20;background:#fff;border-radius:7px;display:flex;align-items:center;gap:6px}.footer-certificates>span>img{display:block;width:100px;height:auto;max-height:36px;object-fit:contain}.footer-certificates .footer-vca>img{width:47px;height:auto;max-height:33px}.footer-certificates .footer-vca>small{font-size:10px;font-weight:750;color:#41553d}.connected-footer .footer-certificates>p{font-size:10px;color:#8f9787;width:100%;line-height:1.75;margin:1px 0 0;max-width:none}
.footer-column h3{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f0b789;font-weight:550;margin-bottom:21px}.footer-column li{font-size:12px;line-height:1.5;padding-block:5px}.footer-column li>a{color:#d7dbcd;display:block;max-width:max-content;position:relative}.footer-column li>a:after{content:'';display:block;height:1px;width:100%;background:#f49b60;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.footer-column li>a:hover:after{transform:scaleX(1)}.footer-column .footer-subheading{margin-top:29px;margin-bottom:16px}.footer-column .footer-all-services{display:inline-flex;gap:8px;align-items:center;color:#e3b18a;font-size:11px;margin-top:25px}.footer-all-services>.icon{width:16px;height:16px}
.connected-footer .footer-bottom{border-color:#ffffff14;padding-top:23px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between;color:#858e7f;font-size:10px}.connected-footer .footer-bottom>a{color:#b5bcab;display:inline-flex;align-items:center;gap:6px}.footer-bottom .icon{width:12px;height:12px}
/* Loops run only while their own section is visible. Pointer motion is event-driven. */
.has-motion .plan-visual .model-object{animation:installation-float 7s ease-in-out infinite;animation-play-state:paused}.has-motion .plan-visual.fx-visible .model-object{animation-play-state:running}.has-motion .plan-visual .flow-pulse{animation:installation-current 4.8s linear infinite;animation-play-state:paused}.has-motion .plan-visual .air-pulse{animation:installation-air 5.5s linear infinite;animation-play-state:paused}.has-motion .plan-visual .solar-sheen{animation:panel-reflection 7s ease-in-out infinite;animation-play-state:paused}.has-motion .plan-visual.fx-visible [data-powered=true] .flow-pulse,.has-motion .plan-visual.fx-visible [data-powered=true] .air-pulse,.has-motion .plan-visual.fx-visible [data-powered=true] .solar-sheen{animation-play-state:running}
.has-motion .service-card.fx-visible:hover .image-icon{translate:0 -4px;rotate:-4deg;transition:translate .45s var(--ease),rotate .45s var(--ease)}.has-motion .step.fx-visible .step-line:before{animation:step-current 4s ease-in-out infinite;animation-delay:var(--delay,0ms)}
.has-motion .connection-orbit{animation:connection-turn 22s linear infinite;animation-play-state:paused}.has-motion .connected-footer.fx-visible .connection-orbit{animation-play-state:running}.has-motion .footer-wire-pulse{animation:footer-current 12s linear infinite;animation-play-state:paused}.has-motion .connected-footer.fx-visible .footer-wire-pulse{animation-play-state:running}
@keyframes installation-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes installation-current{to{stroke-dashoffset:-324}}@keyframes installation-air{to{stroke-dashoffset:-204}}@keyframes panel-reflection{0%,15%{transform:translateX(-55%) rotate(-10deg)}70%,100%{transform:translateX(55%) rotate(-10deg)}}@keyframes step-current{0%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}@keyframes connection-turn{from{transform:rotateX(-14deg) rotateY(-22deg)}to{transform:rotateX(-14deg) rotateY(338deg)}}@keyframes footer-current{to{stroke-dashoffset:-3230}}
@media(max-width:1200px){.signature-hero h1{font-size:clamp(42px,5.1vw,66px)}.signature-hero .hero-service-links>a{padding:12px 10px;gap:8px;min-height:70px}.signature-hero .hero-service-links b{font-size:13px}.signature-hero .hero-service-links small{font-size:8px}.signature-hero .hero-service-links>a>.icon:first-child{width:23px;height:23px}.signature-hero .hero-service-links>a>.icon:last-child{display:none}.connected-footer .footer-grid{gap:28px}.footer-column li{font-size:11px}.footer-connect{grid-template-columns:1fr 125px auto;gap:25px}.connection-sculpture{width:125px;height:125px}.connection-orbit{width:107px;height:107px}.footer-connect .eyebrow{font-size:8px}.demo-modes{right:15px;top:23px}.demo-modes>button{font-size:8px;padding-inline:7px}.plan-image-label{left:20px;max-width:49%}.plan-image-label b{font-size:13px}}
@media(max-width:1050px){.connected-footer .footer-grid{grid-template-columns:1.25fr 1fr;gap:44px 60px}.connected-footer .footer-brand{grid-column:auto}.footer-column li{font-size:13px}.footer-connect{grid-template-columns:1fr auto}.connection-sculpture{display:none}.footer-connect h2{font-size:38px}.plan-visual{min-height:455px}.model-stage{--model-scale:.9}.demo-modes{top:81px;right:19px}.plan-image-label{max-width:90%}.signature-hero .hero-description{font-size:13px}}
@media(max-width:850px){.signature-hero h1{font-size:59px}.signature-hero .hero-service-links{max-width:none}.signature-hero .hero-service-links>a{min-height:74px;padding:15px 17px}.signature-hero .hero-service-links b{font-size:15px}.signature-hero .hero-service-links small{font-size:10px}.signature-hero .hero-service-links>a>.icon:first-child{width:25px;height:25px}.signature-hero .hero-service-links>a>.icon:last-child{display:block;width:17px;height:17px}.model-stage{--model-scale:.8;top:31%}.plan-visual{min-height:500px}.demo-modes{right:13px;top:86px}.demo-controls{left:12px;right:12px}.demo-switch{min-width:195px;padding-inline:13px;gap:11px}.demo-explanation{font-size:9px!important}.footer-connect{padding-block:46px 40px;gap:25px;margin-bottom:42px}.footer-connect h2{font-size:34px}.footer-connect .eyebrow{font-size:8px}.footer-connect-action>.button{min-width:190px;font-size:11px}.connected-footer .footer-grid{gap:40px}}
@media(max-width:640px){.signature-hero h1{font-size:clamp(36px,10.2vw,55px)}.signature-hero .hero-kicker{font-size:7px;letter-spacing:.1em}.signature-hero .hero-service-links{margin-top:20px;gap:8px}.signature-hero .hero-service-links>a{min-height:75px;gap:9px;padding:13px 11px;border-radius:12px}.signature-hero .hero-service-links b{font-size:14px}.signature-hero .hero-service-links small{font-size:8px;line-height:1.5}.signature-hero .hero-service-links>a>.icon:first-child{width:23px;height:23px}.signature-hero .hero-service-links>a>.icon:last-child{display:none}.intro-section>.brand-circuit{inset:0 -15px;opacity:.3}.brand-circuit>svg{width:200%;margin-left:-50%}.solution-section .section-head h2{font-size:35px}.plan-visual{height:350px;min-height:350px}.plan-image-label{top:19px;left:18px;max-width:55%;gap:9px}.plan-image-label>span{width:31px;height:31px;border-radius:9px}.plan-image-label>span>.icon{width:18px;height:18px}.plan-image-label b{font-size:12px;line-height:1.4}.plan-image-label small{font-size:6px;margin-bottom:3px}.model-stage{--model-scale:.82;top:23%}.demo-modes{right:12px;top:18px;padding:3px}.demo-modes>button{font-size:8px;min-height:34px;padding:7px 7px;gap:3px}.demo-modes>button .icon{width:11px;height:11px}.demo-controls{bottom:30px;left:15px;right:15px}.demo-switch{min-height:47px;min-width:219px;padding:10px 15px;gap:14px}.demo-switch>b{font-size:12px}.demo-explanation{font-size:10px!important;line-height:1.5!important;min-height:15px;margin-top:9px!important}.demo-flow{height:92%}.plan-photo-note{font-size:6px;right:12px;bottom:7px}.connected-footer{padding-bottom:125px;margin-top:22px}.footer-connect{grid-template-columns:1fr;gap:25px;padding-block:42px 35px;margin-bottom:38px}.footer-connect h2{font-size:34px}.footer-connect .eyebrow{font-size:8px;margin-bottom:15px}.footer-connect-action{max-width:none;gap:11px}.footer-connect-action>.button{width:100%;min-height:53px;font-size:12px;border-radius:12px}.footer-connect-action>span{text-align:left;font-size:10px}.connected-footer .footer-grid{grid-template-columns:1fr;gap:35px;padding-bottom:34px}.connected-footer .footer-brand .brand{width:273px;margin-bottom:20px}.connected-footer .footer-brand p{font-size:13px;max-width:350px}.footer-column h3{font-size:11px;margin-bottom:15px}.footer-column li{font-size:13px;line-height:1.6;padding-block:5px}.footer-column .footer-subheading{margin-top:25px}.connected-footer .footer-bottom{flex-direction:column;align-items:flex-start;font-size:9px;gap:10px;padding-top:20px}.footer-contact .footer-phone{font-size:21px}.footer-certificates>span{height:47px}.connected-footer .footer-certificates>p{font-size:10px}.footer-column .footer-all-services{font-size:12px}}
@media(max-width:370px){.signature-hero .hero-service-links>a{gap:6px;padding-inline:9px}.signature-hero .hero-service-links b{font-size:13px}.signature-hero .hero-service-links small{font-size:7px}.signature-hero .hero-service-links>a>.icon:first-child{width:20px;height:20px}.solution-section .section-head h2{font-size:31px}.plan-image-label{left:13px;max-width:53%;gap:7px}.plan-image-label b{font-size:10px}.plan-image-label>span{width:26px;height:26px;border-radius:8px}.plan-image-label>span>.icon{width:16px;height:16px}.demo-modes{right:10px;top:16px}.demo-modes>button{padding-inline:6px;font-size:7px;min-height:34px}.model-stage{--model-scale:.76}.demo-explanation{font-size:9px!important}}
.motion-paused .model-stage,.motion-paused .connection-sculpture{transform:translateX(-50%) scale(var(--model-scale,1))!important}.motion-paused .connection-sculpture{transform:none!important}.motion-paused .brand-circuit .circuit-draw{stroke-dashoffset:0!important}
@media(prefers-reduced-motion:reduce){.plan-demo *,.connected-footer *,.step-line:before{animation:none!important;transition:none!important}.model-stage{transform:translateX(-50%) scale(var(--model-scale,1))!important}.connection-sculpture{transform:none!important}.brand-circuit .circuit-draw{stroke-dashoffset:0!important}.signature-hero .hero-service-links>a:hover{transform:none}}
/* ---- electrical-diagram.css */
/* A legible installation story, with a physical cabinet and independent circuits. */
.plan-visual.elektra-visual{height:auto;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#fffdf8 0%,#f4efe5 72%,#eee7dc 100%)}
.plan-visual.elektra-visual:after{content:none}.plan-demo.electrical-explainer{position:relative;inset:auto;padding:31px 29px 25px;max-width:565px;margin:auto;color:#353a31}
.electrical-title{margin-bottom:22px}.electrical-title .eyebrow{font-size:8px;letter-spacing:.12em;color:#a65c2b;margin-bottom:12px}.electrical-title h3{font-size:27px;line-height:1.13;letter-spacing:-.05em;color:#252b23;font-weight:600;margin-bottom:10px}.solution-panels .electrical-title p{font-size:11px;line-height:1.7;color:#82786a;margin:0}
.supply-stage{display:flex;align-items:center;gap:11px;padding:14px 17px;min-height:69px;border:1px solid #e2d7c7;background:#fffaf2;border-radius:15px;box-shadow:inset 0 1px 0 #fff,0 4px 9px #72533105}.electrical-step{display:grid;place-items:center;width:20px;height:20px;border:1px solid #dfc5a8;border-radius:50%;color:#a1673c;font-size:8px;font-weight:650;flex-shrink:0}.supply-symbol{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border-radius:10px;background:linear-gradient(135deg,#ffe7c8,#f8bf83);color:#955627;box-shadow:inset 0 1px 0 #fff8,0 2px 0 #e0b28b}.supply-symbol>.icon{width:19px;height:19px}.supply-stage>div{min-width:0;flex:1}.supply-stage b{font-size:12px;font-weight:600;line-height:1.45;display:block}.supply-stage small{display:block;font-size:9px;color:#96846e;line-height:1.6;margin-top:3px}.supply-led{width:5px;height:5px;border-radius:50%;background:#f29244;box-shadow:0 0 0 3px #f4a66d18,0 0 12px #ee8f4550;flex-shrink:0}
.incoming-wire{height:29px;display:flex;justify-content:center}.incoming-wire>svg{display:block;width:80px;height:29px;fill:none;stroke-linecap:round;stroke-linejoin:round}.wire-track{stroke:#d3c9b9;stroke-width:1.3}.wire-current{stroke:#e78b3e;stroke-width:2;stroke-dasharray:6 10;opacity:.85}.wire-arrow{stroke:#de873e;stroke-width:1.6;fill:none}.branch-wires svg[data-running=false] .wire-current{opacity:0}.branch-wires svg[data-running=false] .wire-arrow{stroke:#d3c9b9}
.distribution-board{position:relative;padding:20px 19px 19px;border:1px solid #fff;border-radius:19px;background:linear-gradient(140deg,#fffffd,#f2efe7 70%,#e7e3d8);box-shadow:inset 0 2px 1px #fff,0 5px 0 #d1ccc0,0 7px 0 #e7e0d3,0 15px 27px #6f5c4014;transform:perspective(1000px) rotateX(calc(var(--fx-y,0deg)*.3)) rotateY(calc(var(--fx-x,0deg)*.3));transition:transform .5s var(--ease)}.distribution-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}.distribution-heading>div{flex:1;min-width:0}.distribution-heading b{display:block;font-size:14px;letter-spacing:-.02em;font-weight:650;line-height:1.3}.distribution-heading small{display:block;font-size:9px;line-height:1.5;color:#968974;margin-top:3px}.distribution-shield{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;border:1px solid #e1d3bf;background:#f4ecde;color:#a5784a}.distribution-shield>.icon{width:17px;height:17px}
.electrical-explainer .main-breaker{display:flex;width:100%;min-width:0;min-height:45px;padding:10px 13px;gap:12px;backdrop-filter:none;border-radius:11px;border:1px solid #dacebd;background:linear-gradient(125deg,#fffdf9,#ede8dd);color:#6f553b;box-shadow:inset 0 1px 0 #fff,0 3px 0 #d9d1c4;margin-bottom:16px}.electrical-explainer .main-breaker>b{font-size:11px;letter-spacing:-.01em}.main-breaker .switch-track{width:33px;height:18px;padding:2px;flex-shrink:0}.main-breaker .switch-track>i{width:14px;height:14px}.main-breaker .switch-track>i{transform:translateX(0)}.main-breaker[aria-checked=true] .switch-track>i{transform:translateX(15px)}.main-power-dot{width:4px;height:4px;border-radius:50%;background:#a8aa9d;flex-shrink:0}.main-breaker[aria-checked=true] .main-power-dot{background:#e68b3e;box-shadow:0 0 8px #e79b5566}.main-breaker:hover{border-color:#d6ae7c}.main-breaker:disabled{cursor:default}
.circuit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px 7px 7px;background:repeating-linear-gradient(0deg,#c8c3b6 0 2px,#dad5c8 2px 5px);border:1px solid #c1bba9;border-radius:8px;box-shadow:inset 0 2px 4px #6f614920}.circuit-control{min-width:0;min-height:95px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:9px 7px 8px;border:1px solid #fff9;border-radius:5px;background:linear-gradient(125deg,#fffefa,#e9e6dc);box-shadow:inset 0 1px 0 #fff,1px 3px 0 #aaa6945e;transition:background .3s,box-shadow .3s}.circuit-control:hover{background:#fff9ed;box-shadow:inset 0 0 0 1px #e7b682,1px 3px 0 #aaa6945e}.circuit-number{width:100%;display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:6px;line-height:1.4;letter-spacing:.08em;color:#9a907e}.circuit-number>i{width:3px;height:3px;border-radius:50%;background:#a7aa9d;flex-shrink:0}.circuit-control[data-running=true] .circuit-number>i{background:#e79d54;box-shadow:0 0 7px #ffa95860}.circuit-slot{height:29px;width:24px;border-radius:3px;display:block;background:linear-gradient(#898c7c,#b3b7a4);border:1px solid #909582;box-shadow:inset 0 2px 3px #0003;padding:3px 4px;perspective:150px}.circuit-lever{display:block;height:18px;width:14px;background:linear-gradient(#767f6e,#4f5a48);border-radius:2px;box-shadow:inset 0 1px 0 #ffffff40,0 2px 2px #45513766;transform:translateY(4px) rotateX(15deg);transition:background .3s,transform .35s var(--ease)}.circuit-control[data-enabled=true] .circuit-lever{background:linear-gradient(#ffc57e,#e48b42);transform:translateY(-1px) rotateX(-13deg)}.circuit-control>b{font-size:10px;font-weight:550;letter-spacing:-.02em;line-height:1.4;color:#625b4b}.circuit-control:disabled{cursor:default}
.branch-wires{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:7px 27px 0;height:34px}.branch-wires>svg{display:block;width:100%;height:27px;fill:none;stroke-linecap:round;stroke-linejoin:round}.outputs-heading{display:flex;align-items:center;gap:8px;margin:7px 0 11px}.outputs-heading>b{font-size:12px;font-weight:600;letter-spacing:-.02em}.outputs-heading>small{font-size:8px;margin-left:auto;color:#9b8c76}.electrical-loads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-inline:8px}.load-card{min-width:0;padding:12px 5px 10px;border:1px solid #dfd7c8;border-radius:12px;background:#f5f1e8;text-align:center;transition:background .45s,border-color .45s,box-shadow .45s}.load-card[data-running=true]{border-color:#ecc59e;background:linear-gradient(150deg,#fffdf8,#fff1df);box-shadow:inset 0 1px 0 #fff,0 4px 9px #b9834210}.load-illustration{height:55px;margin-bottom:7px;display:grid;place-items:center}.load-illustration>svg{width:59px;height:55px;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.load-card>b{display:block;font-size:10px;line-height:1.4;letter-spacing:-.02em;font-weight:600;color:#565447}.load-card .load-state{display:block;font-size:8px;line-height:1.6;color:#a29984;margin-top:4px;min-height:13px}.load-card[data-running=true] .load-state{color:#a36c37}.appliance-outline{fill:#eeeadf;stroke:#9e9b89}.appliance-surface{fill:#fffcf5;stroke:#c8c0b0}.socket-ring{stroke:#b4b4a4;fill:#f3f1e7}.socket-hole{stroke:none;fill:#8b917f}.socket-earth{stroke:#9c9f8b;stroke-width:2}.socket-led,.airco-led{fill:#a7ad9a;stroke:none}.airco-grille{stroke:#9fa991}.lamp-beam{fill:#f6af63;stroke:none;opacity:0;transition:opacity .4s}.lamp-floor{stroke:#d9c6a3;opacity:.4}.lamp-bulb{fill:#f1ddbe;stroke:#c3ad8c}.load-air{stroke:#d3a375;stroke-width:1.4;stroke-dasharray:7 13;opacity:0;transition:opacity .4s}.load-card[data-running=true] .lamp-beam{opacity:.35}.load-card[data-running=true] .lamp-bulb{fill:#f8b96d;stroke:#e69d4e;filter:drop-shadow(0 0 3px #fbbc6f)}.load-card[data-running=true] .socket-led,.load-card[data-running=true] .airco-led{fill:#ed9d57}.load-card[data-running=true] .load-air{opacity:.85}
.electrical-explainer .electrical-status{font-size:10px!important;line-height:1.6!important;color:#76654d!important;min-height:42px;margin:17px 0 12px!important;max-width:none;display:grid;place-items:center;text-align:center;padding:9px 15px;border:1px solid #e1d5c1;border-radius:10px;background:#f6efe2}
.electrical-legend{display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;font-size:7px;color:#9b8f7a;line-height:1.5}.electrical-legend>span{display:flex;align-items:center;gap:5px}.electrical-legend>span>i{height:4px;width:12px;border-radius:99px;background:#ec9a52}.electrical-legend>span:nth-child(2)>i{background:#c9c7b9}.electrical-legend>small{font-size:7px;margin-left:auto}
.plan-copy.elektra-copy{display:flex;flex-direction:column;justify-content:center;padding:43px 40px}.solution-panels .elektra-copy>h3{font-size:clamp(28px,2.8vw,38px)}.elektra-copy>.eyebrow{color:#a45b2c}.electrical-story{display:grid;gap:20px;list-style:none;margin:26px 0 25px;padding:0}.solution-panels .electrical-story>li{display:flex;align-items:flex-start;gap:13px;padding:0;font-size:12px}.electrical-story>li>span{height:25px;width:25px;display:grid;place-items:center;border:1px solid #e8d9c6;border-radius:50%;background:#fbf5ec;color:#a56d41;font-size:8px;flex-shrink:0;margin-top:2px}.electrical-story b{display:block;font-size:13px;color:#5c564a;font-weight:600;line-height:1.5;margin-bottom:5px}.solution-panels .electrical-story p{font-size:12px;line-height:1.8;color:#8b8171;margin:0}.electrical-tail{padding-top:20px;border-top:1px solid #e9dfd0;margin-bottom:25px}.electrical-tail>b{display:block;font-size:12px;color:#655a49;font-weight:600;line-height:1.5;margin-bottom:6px}.solution-panels .electrical-tail p{font-size:11px;line-height:1.8;margin:0;color:#96866e}.elektra-copy>.button{align-self:flex-start}.elektra-copy .plan-footer-note{margin-top:13px}
.has-motion .incoming-wire .wire-current,.has-motion .branch-wires .wire-current{animation:diagram-current 1.9s linear infinite;animation-play-state:paused}.has-motion .elektra-visual.fx-visible .incoming-wire .wire-current,.has-motion .elektra-visual.fx-visible svg[data-running=true] .wire-current{animation-play-state:running}.has-motion .load-air{animation:diagram-air 2.7s linear infinite;animation-play-state:paused}.has-motion .elektra-visual.fx-visible .load-card[data-running=true] .load-air{animation-play-state:running}
@keyframes diagram-current{to{stroke-dashoffset:-32}}@keyframes diagram-air{to{stroke-dashoffset:-40}}
@media(max-width:1200px){.plan-demo.electrical-explainer{padding:28px 24px 24px}.plan-copy.elektra-copy{padding:35px 31px}.supply-stage{gap:9px;padding-inline:13px}.supply-stage b{font-size:11px}.distribution-board{padding:18px 16px}.circuit-control{padding-inline:5px}.circuit-control>b{font-size:9px}.branch-wires{padding-inline:24px}.solution-panels .elektra-copy>h3{font-size:31px}}
@media(max-width:850px){.plan-demo.electrical-explainer{padding:24px 18px 21px}.plan-copy.elektra-copy{padding:30px 24px}.electrical-title h3{font-size:23px}.electrical-title p{font-size:10px!important}.supply-stage{gap:7px;padding:12px 10px}.supply-stage>.electrical-step{display:none}.supply-symbol{width:28px;height:28px;border-radius:8px}.supply-symbol>.icon{width:16px;height:16px}.supply-stage b{font-size:10px}.supply-stage small{font-size:8px}.distribution-board{padding:17px 12px}.distribution-heading{gap:8px}.distribution-heading b{font-size:13px}.distribution-heading small{font-size:8px}.distribution-shield{height:24px;width:24px}.electrical-explainer .main-breaker{padding:9px;gap:8px}.electrical-explainer .main-breaker>b{font-size:9px}.main-breaker .switch-track{scale:.9;transform-origin:left center;margin-right:-3px}.circuit-row{gap:5px;padding:7px 4px 5px}.circuit-control{padding-inline:3px;gap:9px}.circuit-number{font-size:5px;letter-spacing:.02em}.circuit-control>b{font-size:8px}.branch-wires{gap:5px;padding-inline:17px}.electrical-loads{gap:5px;padding-inline:5px}.load-card>b{font-size:9px}.load-card .load-state{font-size:7px;min-height:23px}.load-illustration>svg{width:51px;height:50px}.outputs-heading>b{font-size:10px}.outputs-heading>small{font-size:6px}.electrical-explainer .electrical-status{font-size:9px!important;min-height:51px;padding-inline:10px}.electrical-legend{font-size:6px;gap:8px}.electrical-legend>small{font-size:6px;margin-left:0}.solution-panels .elektra-copy>h3{font-size:28px}.electrical-story{gap:17px}.electrical-story b{font-size:12px}.solution-panels .electrical-story p{font-size:11px}}
@media(max-width:640px){.plan-visual.elektra-visual{height:auto;min-height:0}.plan-demo.electrical-explainer{max-width:430px;padding:25px 21px 21px}.electrical-title h3{font-size:27px}.electrical-title .eyebrow{font-size:8px}.solution-panels .electrical-title p{font-size:11px!important}.supply-stage>.electrical-step{display:grid}.supply-stage{padding:13px 12px;gap:8px}.supply-stage b{font-size:11px}.supply-stage small{font-size:9px}.supply-symbol{width:29px;height:29px}.distribution-board{padding:18px 15px}.distribution-heading b{font-size:14px}.distribution-heading small{font-size:9px}.electrical-explainer .main-breaker{padding:10px 12px;gap:10px}.electrical-explainer .main-breaker>b{font-size:10px}.circuit-row{gap:7px;padding:8px 6px 6px}.circuit-control{min-height:93px;gap:11px;padding-inline:4px}.circuit-number{font-size:6px}.circuit-control>b{font-size:9px}.branch-wires{gap:7px;padding-inline:23px}.outputs-heading>b{font-size:12px}.outputs-heading>small{font-size:7px}.electrical-loads{gap:7px;padding-inline:6px}.load-card{padding:11px 5px 10px}.load-illustration>svg{width:58px;height:54px}.load-card>b{font-size:10px}.load-card .load-state{font-size:8px;min-height:26px}.electrical-explainer .electrical-status{font-size:10px!important;min-height:44px}.electrical-legend{font-size:7px;gap:9px 13px}.electrical-legend>small{font-size:7px}.plan-copy.elektra-copy{padding:28px 22px 27px}.solution-panels .elektra-copy>h3{font-size:28px}.electrical-story{gap:20px;margin:25px 0}.electrical-story b{font-size:13px}.solution-panels .electrical-story p{font-size:12px}.electrical-tail{padding-top:19px;margin-bottom:24px}.elektra-copy>.button{align-self:stretch}}
@media(max-width:370px){.plan-demo.electrical-explainer{padding-inline:16px}.electrical-title h3{font-size:25px}.supply-stage>.electrical-step{display:none}.distribution-board{padding-inline:12px}.electrical-explainer .main-breaker{padding-inline:9px;gap:8px}.circuit-number{font-size:5px}.circuit-control>b{font-size:8px}.branch-wires{padding-inline:20px}.load-card>b{font-size:9px}.load-card .load-state{font-size:7px}.load-illustration>svg{width:51px;height:50px}.solution-panels .elektra-copy>h3{font-size:25px}}
.motion-paused .distribution-board{transform:none!important}@media(prefers-reduced-motion:reduce){.electrical-explainer *{animation:none!important;transition:none!important}.distribution-board{transform:none!important}}

/* Keep switches and their outputs together, including on a phone. */
.plan-demo.electrical-explainer{padding-block:24px 22px}.electrical-title{margin-bottom:18px}.electrical-title .eyebrow{margin-bottom:9px}.electrical-title h3{font-size:22px;line-height:1.15;margin-bottom:0}.supply-stage{min-height:58px;padding-block:11px}.incoming-wire,.incoming-wire>svg{height:25px}.distribution-board{padding-block:15px}.distribution-heading{margin-bottom:12px}.electrical-explainer .main-breaker{margin-bottom:12px}.circuit-row{padding-block:6px}.circuit-control{min-height:78px;padding-block:7px;gap:7px}.branch-wires{height:27px;padding-top:5px}.branch-wires>svg{height:22px}.outputs-heading{margin-block:6px 8px}.load-card{padding-block:9px}.load-illustration{height:44px;margin-bottom:5px}.load-illustration>svg{height:44px;width:47px}.electrical-explainer .electrical-status{min-height:50px;margin-block:12px 9px!important}.load-card .load-state{min-height:24px}.plan-copy.elektra-copy{padding-block:34px}.electrical-story{gap:17px;margin-block:23px}.electrical-tail{padding-top:17px;margin-bottom:22px}
@media(max-width:640px){.electrical-title h3{font-size:21px}.distribution-board{padding-block:14px}.plan-demo.electrical-explainer{padding-block:23px 20px}.electrical-story{gap:20px}.plan-copy.elektra-copy{padding-block:27px}}
@media(max-width:370px){.electrical-title h3{font-size:19px}}
/* ---- airco-home.css */
/* Photoreal architectural cutaway with live SVG room effects; all loops are visibility-gated. */
.solution-panels .airco-plan-panel{grid-template-columns:minmax(0,1.23fr) minmax(0,1fr)}
.plan-visual.airco-visual{height:auto;min-height:0;overflow:hidden;background:#f4f1eb;padding:0}.plan-visual.airco-visual:after{display:none}
.airco-house-demo.plan-demo{position:relative;inset:auto;perspective:none;min-width:0;height:auto;isolation:isolate;--air-color:#d3edfa;--air-glow:#74bcdf;--dial-fill:137.85;color:#252522;background:#f4f1eb}
.airco-house-demo[data-mode=verwarmen]{--air-color:#ffc991;--air-glow:#f2914a}
.airco-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px 18px;background:linear-gradient(120deg,#fffdfa,#f3eee5)}.airco-demo-heading>div{display:grid;gap:5px}.airco-demo-heading small{font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:#9b6848}.airco-demo-heading b{font-size:16px;letter-spacing:-.025em;font-weight:600}.airco-demo-heading>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#736c63;white-space:nowrap}.airco-demo-heading>span>i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#9ca399}.airco-house-demo[data-active=true] .airco-demo-heading>span>i{background:#f38338;box-shadow:0 0 0 4px #ed9a4820}
.airco-house-scene{position:relative;aspect-ratio:3/2;overflow:hidden;background:#c9d4d5}.airco-house-scene>img{display:block;width:100%;height:100%;object-fit:cover;position:relative}.airco-room-effects{position:absolute;inset:0;width:100%;height:100%;color:var(--air-color);pointer-events:none;overflow:hidden}.airco-room-effects [data-airco-zone]{opacity:0;transition:opacity .55s}.airco-room-effects [data-running=true]{opacity:1}
.room-wash{fill:url('#room-comfort-wash');opacity:.47;mix-blend-mode:screen}.room-air-base,.room-air-pulse,.unit-highlight{fill:none;stroke:currentColor;stroke-linecap:round}.room-air-base{stroke-width:2;opacity:.14}.room-air-pulse{stroke-width:3;stroke-dasharray:8 27;opacity:.9;filter:drop-shadow(0 0 4px var(--air-glow));animation:room-air-current 4.5s linear infinite;animation-play-state:paused}.unit-highlight{stroke-width:4;opacity:.85;filter:drop-shadow(0 1px 5px var(--air-glow))}.indoor-led{fill:var(--air-glow);filter:drop-shadow(0 0 4px var(--air-glow))}.outdoor-halo{fill:#ffffff03;stroke:var(--air-color);stroke-width:2;stroke-dasharray:4 8;opacity:.8;animation:airco-outdoor-turn 14s linear infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center}.outdoor-fan{fill:var(--air-color);opacity:.5;transform-box:fill-box;transform-origin:center;animation:airco-outdoor-turn 3s linear infinite;animation-play-state:paused}
.house-room-badge{position:absolute;left:20%;display:flex;align-items:center;gap:5px;border:1px solid #ffffff40;border-radius:99px;padding:7px 9px;color:#fbfcf8;background:#1b252ad4;backdrop-filter:blur(9px);box-shadow:0 3px 12px #0002;transition:opacity .35s,background .35s;white-space:nowrap}.badge-attic{top:27%}.badge-bedroom{top:50%}.badge-living{top:75%}.house-room-badge>.icon{width:13px;height:13px;color:var(--air-color)}.house-room-badge b{font-size:14px;font-weight:650;letter-spacing:-.03em}.house-room-badge small{font-size:8px;color:#f0eee2b5;margin-left:2px}.house-room-badge[data-running=false]{background:#33342bbc;opacity:.72}.house-room-badge[data-running=false]>.icon{color:#c6c2b4}.house-room-badge[data-running=false] b{font-size:11px}
.heat-direction{position:absolute;right:3%;bottom:9%;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;background:#171e21d9;color:#fffdf4;border:1px solid #ffffff20;font-size:8px;backdrop-filter:blur(7px)}.heat-direction>.icon{width:15px;height:15px;color:var(--air-color);animation:airco-heat-arrow 1.7s ease-in-out infinite;animation-play-state:paused}.airco-house-demo[data-mode=verwarmen] .heat-direction>.icon{rotate:180deg}.heat-direction[data-running=false]>.icon{opacity:.35}.house-illustration-note{position:absolute;bottom:7px;left:12px;font-size:7px;color:#fffcf4d9;text-shadow:0 1px 3px #0008}
.airco-dashboard{display:grid;grid-template-columns:minmax(125px,.75fr) minmax(0,1.8fr);gap:12px;margin:18px;border:1px solid #ddd8d0;border-radius:20px;padding:10px;background:linear-gradient(145deg,#fffdfa,#ebe8e2);box-shadow:0 7px 19px #493c2611,inset 0 1px 0 #fff;position:relative;z-index:1}.thermostat-card{background:radial-gradient(ellipse at 55% 25%,#272927,#141616 80%);color:#fffdf8;border:1px solid #131717;border-radius:15px;padding:14px 9px 12px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0;box-shadow:inset 0 1px 1px #ffffff13,0 4px 9px #0000000c}.thermostat-label{font-size:8px;color:#babfb7;text-align:center;line-height:1.4;letter-spacing:.025em}.temperature-dial{position:relative;width:100%;max-width:170px;aspect-ratio:1;display:grid;place-items:center}.temperature-dial>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.dial-track,.dial-active{fill:none;stroke-width:11;stroke-linecap:round;transform:rotate(135deg);transform-origin:100px 100px}.dial-track{stroke:#373a35;stroke-dasharray:367.6 490.1}.dial-active{stroke:#f4f4ec;stroke-dasharray:var(--dial-fill) 490.1;transition:stroke-dasharray .25s,stroke .35s}.airco-house-demo[data-mode=verwarmen] .dial-active{stroke:#fa9c57}.dial-handle{fill:#fffef9;stroke:#161917;stroke-width:2;transition:cx .25s,cy .25s;filter:drop-shadow(0 2px 3px #0004)}.temperature-dial>div{position:relative;display:grid;gap:4px;text-align:center;margin-top:2px}.temperature-dial>div>span{display:flex;align-items:flex-start;justify-content:center;gap:1px}.target-value{font-size:clamp(35px,3.3vw,51px);line-height:1;font-weight:650;letter-spacing:-.07em}.temperature-dial sup{font-size:15px;line-height:1.2;font-weight:500;margin-top:3px}.target-mode{color:#bdc2b6;font-size:9px;letter-spacing:.055em;text-transform:lowercase}.temperature-stepper{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;max-width:155px;margin-top:-15px;position:relative}.temperature-stepper>button{display:grid;place-items:center;background:#ffffff08;color:#f1eadd;border:1px solid #ffffff20;border-radius:50%;min-width:34px;height:34px;padding:5px;transition:background .25s}.temperature-stepper>button>.icon{width:14px;height:14px}.temperature-stepper>button:hover{background:#ffffff19}.temperature-stepper>button:disabled{opacity:.3}.temperature-stepper>span{font-size:8px;color:#999f94;white-space:nowrap}.thermostat-card>input{width:calc(100% - 13px);height:20px;min-height:24px;accent-color:#fa944d;margin:5px 0 0;cursor:pointer}
.airco-room-controls{display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-width:0}.airco-home-modes.demo-modes{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;border:1px solid #ddd9d2;border-radius:12px;background:#ebe9e4;backdrop-filter:none;box-shadow:inset 0 1px 0 #fffa}.airco-home-modes>button{border:1px solid transparent;min-height:40px;font-size:10px;padding:9px 7px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;color:#817e73;background:transparent}.airco-home-modes>button>.icon{width:15px;height:15px;flex-shrink:0}.airco-home-modes>button[aria-pressed=true]{background:#fffefa;color:#35271b;border-color:#ffffff;box-shadow:0 2px 6px #4b3b251b}.airco-home-modes>button[aria-pressed=true]>.icon{color:#c37031}.airco-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.airco-room-card{position:relative;display:flex;flex-direction:column;text-align:left;min-width:0;align-items:stretch;gap:9px;padding:12px 10px 10px;border:1px solid #e1ded7;border-radius:13px;background:#fffefa;box-shadow:0 4px 7px #3b362313,inset 0 1px 0 #fff;color:#33352f;transition:border-color .25s,background .25s,box-shadow .25s}.airco-room-card:hover{border-color:#c8b9a4;box-shadow:0 5px 11px #7347231b}.room-card-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.room-card-top>.icon{width:19px;height:19px;color:#e58b44}.room-running-dot{display:block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#b9beb5;transition:background .3s,box-shadow .3s}.airco-room-card[data-running=true] .room-running-dot{background:#f57f2a;box-shadow:0 0 0 3px #f2872c12,0 0 9px #e7762260}.airco-room-card>b{display:block;font-size:10px;font-weight:600;letter-spacing:-.025em;line-height:1.3}.room-target{display:block;font-size:9px;color:#8a887b;line-height:1.3;white-space:nowrap}.room-mini-switch{display:block;width:27px;height:15px;border-radius:99px;background:#c8c9be;padding:2px;margin-top:auto;transition:background .3s}.room-mini-switch>i{display:block;height:11px;width:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002;transition:transform .3s}.airco-room-card[aria-checked=true] .room-mini-switch{background:#f39650}.airco-room-card[aria-checked=true] .room-mini-switch>i{transform:translateX(12px)}.airco-room-card[aria-checked=false]{background:#eeeae4;box-shadow:inset 0 1px 1px #fff9;color:#88877b}.airco-room-card[aria-checked=false] .room-card-top>.icon{color:#97998d}
.airco-master-switch.demo-switch{display:flex;min-width:0;width:100%;min-height:43px;gap:9px;padding:7px 9px 7px 13px;border-radius:11px;border:1px solid #282b26;background:#222521;color:#fffef4;box-shadow:inset 0 1px 0 #ffffff08;backdrop-filter:none;text-align:left}.airco-master-switch.demo-switch:hover{background:#30332c;border-color:#414536}.airco-master-switch.demo-switch>b{font-size:12px;font-weight:550}.airco-master-switch>.switch-track{width:35px;height:20px;background:#787f70}.airco-master-switch .airco-power-symbol{width:30px;height:30px;display:grid;place-items:center;background:#505447;border-radius:50%;color:#fff;transition:background .3s,box-shadow .3s}.airco-master-switch[aria-checked=true] .airco-power-symbol{background:#f18434;box-shadow:0 0 14px #ed822b30}.airco-power-symbol>.icon{height:15px;width:15px}
.airco-demo-foot{padding:0 24px 22px;text-align:center}.airco-demo-foot .demo-explanation{color:#685b48!important;font-size:10px!important;line-height:1.65!important;margin:0 auto!important;max-width:460px;min-height:34px}.airco-demo-foot>small{display:block;font-size:8px;color:#9a8f7e;line-height:1.5;margin-top:5px}.airco-copy{align-self:center;padding:45px 36px}.airco-copy .airco-copy-note{padding:13px 15px;border-left:2px solid #ec9d68;background:#f7f1e7;border-radius:0 10px 10px 0;margin:24px 0;color:#7d6b56;font-size:11px;line-height:1.75}.airco-house-demo button:focus-visible,.airco-house-demo input:focus-visible{outline:2px solid #c76d26;outline-offset:4px}
.has-motion .airco-visual.fx-visible .airco-house-demo [data-running=true] .room-air-pulse,.has-motion .airco-visual.fx-visible .airco-house-demo [data-running=true] .outdoor-fan,.has-motion .airco-visual.fx-visible .airco-house-demo [data-running=true] .outdoor-halo,.has-motion .airco-visual.fx-visible .airco-house-demo .heat-direction[data-running=true]>.icon{animation-play-state:running}
@keyframes room-air-current{to{stroke-dashoffset:-140}}@keyframes airco-outdoor-turn{to{transform:rotate(360deg)}}@keyframes airco-heat-arrow{0%,100%{translate:-2px 0}50%{translate:2px 0}}
@media(max-width:1100px){.airco-dashboard{margin:14px;gap:9px;grid-template-columns:minmax(112px,.75fr) minmax(0,1.8fr);padding:8px}.airco-demo-heading{padding:19px 19px 15px}.airco-demo-heading b{font-size:14px}.airco-demo-heading>span{font-size:8px}.airco-room-card{padding:10px 7px 9px;gap:7px}.airco-room-card>b{font-size:9px}.room-target{font-size:8px}.airco-home-modes>button{font-size:9px;gap:4px;padding-inline:4px}.airco-copy{padding:36px 28px}.house-room-badge{padding:6px 7px;gap:4px}.house-room-badge b{font-size:12px}.house-room-badge small{font-size:7px}}
@media(max-width:900px){.solution-panels .airco-plan-panel{display:grid;grid-template-columns:1fr}.airco-copy{padding:32px}.airco-dashboard{max-width:650px;margin:20px auto;grid-template-columns:160px minmax(0,1fr);padding:11px;gap:14px;width:calc(100% - 40px)}.airco-demo-heading{padding:22px 25px 18px}.airco-demo-heading b{font-size:17px}.airco-demo-heading>span{font-size:10px}.house-room-badge{padding:8px 11px;gap:6px}.house-room-badge b{font-size:16px}.house-room-badge small{font-size:9px}.house-room-badge>.icon{width:15px;height:15px}.airco-room-card{padding:14px 12px;gap:12px}.airco-room-card>b{font-size:12px}.room-target{font-size:10px}.airco-home-modes>button{font-size:12px;min-height:44px}.target-value{font-size:48px}.airco-demo-foot .demo-explanation{font-size:11px!important}.heat-direction{font-size:10px;padding:8px 10px}}
@media(max-width:640px){.plan-visual.airco-visual{height:auto;min-height:0}.airco-demo-heading{padding:19px 18px 16px;gap:8px}.airco-demo-heading b{font-size:14px}.airco-demo-heading>span{font-size:8px;gap:5px}.airco-demo-heading small{font-size:7px}.airco-demo-heading>span>i{width:4px;height:4px}.airco-dashboard{margin:14px;max-width:none;width:auto;padding:9px;gap:9px;grid-template-columns:115px minmax(0,1fr);border-radius:17px}.thermostat-card{padding:12px 7px;border-radius:12px}.target-value{font-size:39px}.thermostat-label{font-size:7px}.temperature-dial sup{font-size:12px}.target-mode{font-size:8px}.temperature-stepper>button{min-width:29px;height:33px}.temperature-stepper>span{font-size:7px}.temperature-stepper{margin-top:-8px}.airco-room-grid{gap:5px}.airco-room-card{padding:10px 7px;gap:8px;border-radius:10px}.airco-room-card>b{font-size:9px}.room-target{font-size:8px}.room-card-top>.icon{width:17px;height:17px}.airco-room-controls{gap:7px}.airco-home-modes>button{font-size:9px;gap:5px;min-height:41px;padding:8px 5px}.airco-home-modes>button>.icon{height:13px;width:13px}.airco-home-modes.demo-modes{border-radius:10px;padding:3px}.airco-master-switch.demo-switch{min-height:43px;gap:7px;padding:7px 9px 7px 11px}.airco-master-switch.demo-switch>b{font-size:11px}.airco-power-symbol{width:27px!important;height:27px!important}.house-room-badge{left:20%;padding:5px 7px;gap:4px}.house-room-badge>.icon{width:11px;height:11px}.house-room-badge b{font-size:12px}.house-room-badge small{font-size:6px}.heat-direction{font-size:7px;padding:5px 6px;gap:3px}.heat-direction>.icon{width:12px;height:12px}.house-illustration-note{font-size:6px;bottom:5px;left:9px}.airco-demo-foot{padding:0 19px 19px}.airco-demo-foot .demo-explanation{font-size:10px!important;line-height:1.6!important;min-height:32px}.airco-demo-foot>small{font-size:7px}.airco-copy{padding:28px 23px}}
@media(max-width:460px){.airco-dashboard{grid-template-columns:1fr;gap:10px;margin:12px;padding:9px}.thermostat-card{display:grid;grid-template-columns:105px minmax(0,1fr);grid-template-rows:auto auto auto;gap:0 12px;padding:10px 16px}.temperature-dial{grid-row:1/4;grid-column:1;width:105px}.thermostat-label{grid-column:2;font-size:9px;text-align:left;margin-top:4px}.temperature-stepper{grid-column:2;width:100%;max-width:none;margin-top:0;align-self:center}.temperature-stepper>button{min-width:36px;height:36px}.temperature-stepper>span{font-size:9px}.thermostat-card>input{grid-column:2;margin:0;width:100%;min-height:28px}.target-value{font-size:35px}.target-mode{font-size:7px}.temperature-dial sup{font-size:12px}.airco-room-controls{gap:9px}.airco-home-modes>button{font-size:11px;min-height:43px}.airco-room-card{padding:11px 12px;gap:7px}.airco-room-card>b{font-size:11px}.room-target{font-size:9px}.room-mini-switch{margin-top:3px}.room-card-top>.icon{width:18px;height:18px}.airco-room-grid{gap:7px}.airco-master-switch.demo-switch>b{font-size:12px}.house-room-badge small{display:none}.house-room-badge b{font-size:11px}.heat-direction{font-size:6px}.airco-demo-heading>span{font-size:7px}.airco-demo-heading b{font-size:13px}}
@media(max-width:370px){.thermostat-card{grid-template-columns:90px minmax(0,1fr);gap:0 8px;padding:10px 11px}.temperature-dial{width:90px}.temperature-stepper>span{display:none}.temperature-stepper>button{min-width:40px;height:40px}.thermostat-label{font-size:8px}.airco-room-card{padding-inline:9px}.airco-room-card>b{font-size:10px}.room-target{font-size:8px}.airco-demo-heading{padding-inline:14px}.airco-demo-heading b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.airco-house-demo *{animation:none!important;transition:none!important}}.motion-paused .airco-house-demo *{animation-play-state:paused!important}
/* ---- energy-home.css */
/* Architectural visualization + live, directional SVG energy flows. */
.solution-panels .energy-plan-panel{grid-template-columns:minmax(0,1.23fr) minmax(0,1fr)}
.plan-visual.energy-visual{height:auto;min-height:0;background:#f5f1ea;padding:0;overflow:hidden}.plan-visual.energy-visual:after{display:none}
.energy-house-demo.plan-demo{position:relative;inset:auto;height:auto;min-width:0;perspective:none;isolation:isolate;background:#f5f1ea;color:#282a24;--energy-current:#ffa95d;--energy-glow:#f78127;--energy-grid:#faf2df}
.energy-house-demo[data-source=battery]{--energy-current:#ffcb93;--energy-glow:#faab60}.energy-house-demo[data-source=grid]{--energy-current:#f4ead7;--energy-glow:#c1ae8c}
.energy-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px 18px;background:linear-gradient(120deg,#fffdfa,#f3eee5)}.energy-demo-heading>div{display:grid;gap:5px}.energy-demo-heading small{font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:#9b6848}.energy-demo-heading b{font-size:16px;letter-spacing:-.025em;font-weight:600}.energy-demo-heading>span{display:flex;align-items:center;gap:7px;font-size:8px;color:#736c63;white-space:nowrap}.energy-demo-heading>span>i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#9ca399}.energy-house-demo[data-active=true] .energy-demo-heading>span>i{background:#f38338;box-shadow:0 0 0 4px #ed9a4820}
.energy-house-scene{position:relative;aspect-ratio:3/2;overflow:hidden;background:#a5bdd0}.energy-house-scene>img{display:block;width:100%;height:100%;object-fit:cover;transition:filter 1s}.energy-house-demo[data-period=evening] .energy-house-scene>img{filter:brightness(.53) saturate(.75)}.energy-evening-tint{position:absolute;inset:0;background:linear-gradient(180deg,#10284381,transparent 80%);mix-blend-mode:multiply;opacity:0;transition:opacity 1s;pointer-events:none}.energy-house-demo[data-period=evening] .energy-evening-tint{opacity:1}.energy-house-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--energy-current);overflow:hidden}
.energy-window-glow{fill:url('#energy-window-light');mix-blend-mode:screen;opacity:0;transition:opacity 1s}.energy-house-demo[data-period=evening] .energy-window-glow[data-running=true]{opacity:1}.energy-array-highlight>path:first-child{fill:#ec87320c;stroke:#ffb974;stroke-width:2;opacity:.55}.energy-array-highlight{opacity:0;transition:opacity .5s}.energy-array-highlight[data-running=true]{opacity:1}.energy-panel-glint{fill:none;stroke:#fff9e5;stroke-width:4;stroke-dasharray:8 90;opacity:.15;animation:energy-solar-glint 8s linear infinite;animation-play-state:paused}
.energy-house-effects [data-energy-route]{opacity:.2;transition:opacity .4s;color:var(--energy-current)}.energy-house-effects [data-energy-route=grid]{color:var(--energy-grid)}.energy-house-effects [data-energy-route][data-running=true]{opacity:1}.energy-flow-track,.energy-flow-pulse,.energy-flow-arrow{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.energy-flow-track{stroke-width:2;opacity:.5}.energy-flow-pulse{stroke-width:4;stroke-dasharray:9 25;opacity:0;filter:drop-shadow(0 0 4px var(--energy-glow));animation:energy-flow-current 3s linear infinite;animation-play-state:paused}.energy-flow-arrow{stroke-width:3;opacity:0}.energy-house-effects [data-running=true]>.energy-flow-pulse,.energy-house-effects [data-running=true]>.energy-flow-arrow{opacity:.95}.energy-house-effects [data-direction=reverse]>.energy-flow-pulse{animation-direction:reverse}.energy-equipment-lights>[data-energy-node]{fill:#7e8077;transition:fill .4s,filter .4s}.energy-equipment-lights>[data-running=true]{fill:var(--energy-current);filter:drop-shadow(0 0 6px var(--energy-glow))}.energy-junction{fill:#fff4db;stroke:#e98b41;stroke-width:3}.energy-house-demo[data-powered=false] .energy-junction{fill:#777b71;stroke:#909184}
.energy-equipment-badge{position:absolute;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #fff5;border-radius:10px;background:#202823db;color:#fff8ea;box-shadow:0 3px 12px #0002;backdrop-filter:blur(10px);white-space:nowrap;transition:background .4s,opacity .4s}.energy-equipment-badge>.icon{width:18px;height:18px;color:#ffb37a;flex-shrink:0}.energy-equipment-badge>span{display:grid;gap:3px}.energy-equipment-badge b{font-size:9px;font-weight:600;letter-spacing:-.02em}.energy-equipment-badge small{font-size:7px;color:#e3d7c5}.energy-badge-solar{left:27%;top:10%}.energy-badge-battery{left:49%;top:56%}.energy-badge-charger{right:7%;top:52%}.energy-equipment-badge[data-running=false]{background:#3c4038d4;opacity:.8}.energy-equipment-badge[data-running=false]>.icon{color:#b9bbae}.energy-grid-badge{position:absolute;left:43.5%;bottom:9.5%;display:flex;align-items:center;gap:5px;border:1px solid #ffffff4a;background:#27332dd9;color:#e8e0d2;backdrop-filter:blur(8px);padding:6px 8px;font-size:8px;border-radius:99px}.energy-grid-badge>.icon{height:13px;width:13px}.energy-grid-badge[data-running=true]{color:#fff9e9;background:#364335ed}.energy-scene-caption{position:absolute;bottom:7px;left:12px;color:#fff8e7;max-width:90%;font-size:7px;text-shadow:0 1px 4px #000b}
.energy-dashboard{display:grid;grid-template-columns:minmax(126px,.75fr) minmax(0,1.8fr);gap:12px;margin:18px;border:1px solid #ddd8d0;border-radius:20px;padding:10px;background:linear-gradient(145deg,#fffdfa,#ebe8e2);box-shadow:0 7px 19px #493c2611,inset 0 1px 0 #fff;position:relative;z-index:1}.energy-source-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;padding:15px 9px 13px;border:1px solid #171b15;border-radius:15px;background:radial-gradient(ellipse at 60% 20%,#30322a,#151914 85%);color:#fff8e8;box-shadow:inset 0 1px 1px #ffffff12}.energy-source-card>small{font-size:8px;color:#c0c1b4;line-height:1.5}.energy-source-orbit{position:relative;width:104px;aspect-ratio:1;display:grid;place-items:center;margin:5px 0 1px}.energy-source-orbit>svg{position:absolute;inset:0;width:100%;height:100%}.energy-orbit-track{fill:none;stroke:#4b4e42;stroke-width:3}.energy-orbit-current{fill:none;stroke:#f9ac6b;stroke-width:3;stroke-dasharray:70 30;animation:energy-orbit-turn 18s linear infinite;animation-play-state:paused;transform-origin:60px 60px}.energy-orbit-dot{fill:#fff0d6;filter:drop-shadow(0 0 6px #ffa24d);animation:energy-orbit-turn 18s linear infinite;animation-play-state:paused;transform-origin:60px 60px}.energy-source-orbit>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#4b493524;border:1px solid #c2a87930;box-shadow:0 0 20px #f08c3410}.energy-source-orbit>span>.icon{height:31px;width:31px;color:#ffe1b9;stroke-width:1.2}.energy-house-demo[data-source=off] .energy-orbit-current,.energy-house-demo[data-source=off] .energy-orbit-dot{opacity:.2}.energy-source-title{font-size:16px;letter-spacing:-.04em;font-weight:600;line-height:1.3}.energy-source-note{font-size:8px;line-height:1.5;color:#c4c1af;margin-top:6px;max-width:135px}.energy-source-tag{display:block;padding:5px 8px;border:1px solid #ffffff1a;border-radius:99px;margin-top:14px;font-size:6px;letter-spacing:.06em;text-transform:uppercase;color:#adb19b}
.energy-device-controls{display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-width:0}.energy-periods{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:3px;border:1px solid #ddd9d2;border-radius:12px;background:#ebe9e4;box-shadow:inset 0 1px 0 #fffa}.energy-periods>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 6px;border:1px solid transparent;border-radius:9px;font-size:10px;white-space:nowrap;background:transparent;color:#817e73}.energy-periods>button>.icon{width:15px;height:15px;flex-shrink:0}.energy-periods>button[aria-pressed=true]{background:#fffefa;color:#35271b;border-color:#fff;box-shadow:0 2px 6px #4b3b251b}.energy-periods>button[aria-pressed=true]>.icon{color:#c37031}
.energy-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.energy-device-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;gap:9px;padding:12px 9px 10px;border:1px solid #e1ded7;border-radius:13px;background:#fffefa;box-shadow:0 4px 7px #3b362313,inset 0 1px 0 #fff;color:#33352f;transition:border-color .3s,background .3s,box-shadow .3s}.energy-device-card:hover{border-color:#c8b9a4;box-shadow:0 5px 11px #7347231b}.energy-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.energy-card-top>.icon{width:19px;height:19px;color:#e58b44;flex-shrink:0}.energy-card-top>i{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#b9beb5;transition:background .3s,box-shadow .3s}.energy-device-card[data-running=true] .energy-card-top>i{background:#f57f2a;box-shadow:0 0 0 3px #f2872c12,0 0 9px #e7762260}.energy-device-card>b{font-size:10px;font-weight:600;letter-spacing:-.025em;line-height:1.4;overflow-wrap:anywhere}.energy-device-state{font-size:8px;line-height:1.5;color:#8a887b;min-height:24px}.energy-mini-switch{display:block;width:27px;height:15px;border-radius:99px;background:#c8c9be;padding:2px;margin-top:auto;transition:background .3s}.energy-mini-switch>i{display:block;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002;transition:transform .3s}.energy-device-card[aria-checked=true] .energy-mini-switch{background:#f39650}.energy-device-card[aria-checked=true] .energy-mini-switch>i{transform:translateX(12px)}.energy-device-card[aria-checked=false]{background:#eeeae4;color:#88877b;box-shadow:inset 0 1px 1px #fff9}.energy-device-card[aria-checked=false] .energy-card-top>.icon{color:#97998d}
.energy-master-switch.demo-switch{display:flex;width:100%;min-width:0;min-height:43px;gap:9px;padding:7px 9px 7px 13px;border-radius:11px;border:1px solid #282b26;background:#222521;color:#fffef4;box-shadow:inset 0 1px 0 #ffffff08;backdrop-filter:none;text-align:left}.energy-master-switch.demo-switch:hover{background:#30332c;border-color:#414536}.energy-master-switch.demo-switch>b{font-size:12px;font-weight:550}.energy-master-switch>.switch-track{width:35px;height:20px;background:#787f70}.energy-master-switch .energy-power-symbol{display:grid;place-items:center;width:30px;height:30px;background:#505447;border-radius:50%;color:#fff;transition:background .3s,box-shadow .3s}.energy-master-switch[aria-checked=true] .energy-power-symbol{background:#f18434;box-shadow:0 0 14px #ed822b30}.energy-power-symbol>.icon{width:15px;height:15px}
.energy-demo-foot{padding:0 24px 22px;text-align:center}.energy-demo-foot .demo-explanation{font-size:10px!important;line-height:1.65!important;color:#685b48!important;margin:0 auto!important;max-width:480px;min-height:34px}.energy-demo-foot>small{display:block;font-size:8px;color:#9a8f7e;line-height:1.6;margin:6px auto 0;max-width:490px}.energy-demo-foot noscript small{display:block;font-size:9px;margin-top:8px;color:#756045}.energy-copy{align-self:center;padding:40px 36px}.energy-explainer{display:grid;gap:17px;margin:25px 0 27px}.energy-explainer>div{display:grid;grid-template-columns:33px 1fr;gap:12px;align-items:start}.energy-explainer>div>.icon{width:33px;height:33px;padding:7px;background:#f9f2e8;border:1px solid #e7d7c4;border-radius:10px;color:#b46a30}.energy-explainer b{display:block;font-size:12px;letter-spacing:-.02em;color:#36362e;margin:0 0 5px}.energy-explainer p{font-size:11px;line-height:1.7;color:#837867;margin:0}.solution-panels .energy-copy .energy-copy-note{font-size:10px;line-height:1.7;padding:12px 14px;margin:0 0 24px;border-left:2px solid #eca06a;border-radius:0 9px 9px 0;background:#f7f1e7;color:#7d6b56}.solution-panels .energy-copy .energy-quote-summary{font-size:9px;color:#968877;margin-top:11px;line-height:1.7}.energy-house-demo button:focus-visible{outline:2px solid #c76d26;outline-offset:4px}
.has-motion .energy-visual.fx-visible .energy-house-demo [data-running=true]>.energy-flow-pulse,.has-motion .energy-visual.fx-visible .energy-house-demo .energy-array-highlight[data-running=true]>.energy-panel-glint,.has-motion .energy-visual.fx-visible .energy-house-demo[data-active=true] .energy-orbit-current,.has-motion .energy-visual.fx-visible .energy-house-demo[data-active=true] .energy-orbit-dot{animation-play-state:running}
@keyframes energy-flow-current{to{stroke-dashoffset:-136}}@keyframes energy-orbit-turn{to{transform:rotate(360deg)}}@keyframes energy-solar-glint{to{stroke-dashoffset:-196}}
@media(max-width:1100px){.energy-dashboard{margin:14px;padding:8px;gap:9px;grid-template-columns:minmax(112px,.75fr) minmax(0,1.8fr)}.energy-demo-heading{padding:19px 19px 15px}.energy-demo-heading b{font-size:14px}.energy-demo-heading>span{font-size:7px}.energy-device-card{padding:10px 7px 9px;gap:7px}.energy-device-card>b{font-size:9px}.energy-device-state{font-size:7px}.energy-source-orbit{width:93px}.energy-source-title{font-size:14px}.energy-source-note{font-size:7px}.energy-source-card{padding:13px 7px}.energy-periods>button{font-size:9px}.energy-copy{padding:34px 28px}.energy-equipment-badge{padding:6px 8px;gap:5px}.energy-equipment-badge b{font-size:8px}.energy-equipment-badge small{font-size:6px}.energy-equipment-badge>.icon{width:15px;height:15px}}
@media(max-width:900px){.solution-panels .energy-plan-panel{display:grid;grid-template-columns:1fr}.energy-copy{padding:32px}.energy-dashboard{max-width:650px;width:calc(100% - 40px);margin:20px auto;padding:11px;gap:14px;grid-template-columns:160px minmax(0,1fr)}.energy-demo-heading{padding:22px 25px 18px}.energy-demo-heading b{font-size:17px}.energy-demo-heading>span{font-size:9px}.energy-device-card{padding:14px 12px;gap:12px}.energy-device-card>b{font-size:12px}.energy-device-state{font-size:10px;min-height:28px}.energy-source-orbit{width:110px}.energy-source-title{font-size:18px}.energy-source-note{font-size:9px}.energy-source-card>small{font-size:9px}.energy-periods>button{font-size:12px;min-height:44px}.energy-equipment-badge{padding:9px 11px;gap:7px}.energy-equipment-badge b{font-size:11px}.energy-equipment-badge small{font-size:8px}.energy-equipment-badge>.icon{width:19px;height:19px}.energy-grid-badge{font-size:10px;padding:8px 10px}.energy-scene-caption{font-size:8px}.energy-demo-foot .demo-explanation{font-size:11px!important}.energy-demo-foot>small{font-size:9px}}
@media(max-width:640px){.plan-visual.energy-visual{height:auto;min-height:0}.energy-demo-heading{padding:19px 18px 16px;gap:8px}.energy-demo-heading b{font-size:14px}.energy-demo-heading>span{font-size:9px;gap:5px;white-space:normal;max-width:110px;text-align:right;line-height:1.5}.energy-demo-heading small{font-size:7px}.energy-dashboard{margin:14px;max-width:none;width:auto;padding:9px;gap:9px;grid-template-columns:115px minmax(0,1fr);border-radius:17px}.energy-source-card{padding:12px 7px;border-radius:12px}.energy-source-card>small{font-size:7px}.energy-source-title{font-size:13px}.energy-source-note{font-size:7px}.energy-source-orbit{width:94px}.energy-source-tag{font-size:5px;margin-top:10px}.energy-device-grid{gap:5px}.energy-device-card{padding:10px 7px;gap:8px;border-radius:10px}.energy-device-card>b{font-size:9px}.energy-device-state{font-size:7px;min-height:23px}.energy-card-top>.icon{width:17px;height:17px}.energy-device-controls{gap:7px}.energy-periods{padding:3px;border-radius:10px}.energy-periods>button{font-size:9px;gap:5px;min-height:41px}.energy-periods>button>.icon{width:13px;height:13px}.energy-master-switch.demo-switch>b{font-size:11px}.energy-equipment-badge{padding:5px 7px;gap:4px;border-radius:7px}.energy-equipment-badge b{font-size:8px}.energy-equipment-badge small{font-size:6px}.energy-equipment-badge>.icon{width:13px;height:13px}.energy-badge-battery{left:49%;top:55%}.energy-badge-charger{right:4%;top:51%}.energy-grid-badge{font-size:7px;padding:5px 7px;bottom:8.8%;gap:3px}.energy-grid-badge>.icon{width:11px;height:11px}.energy-scene-caption{font-size:6px;bottom:5px;left:9px}.energy-demo-foot{padding:0 19px 19px}.energy-demo-foot .demo-explanation{font-size:10px!important;min-height:35px}.energy-demo-foot>small{font-size:8px}.energy-copy{padding:28px 23px}.energy-explainer p{font-size:12px}.energy-explainer b{font-size:13px}.solution-panels .energy-copy .energy-copy-note{font-size:11px}.solution-panels .energy-copy .energy-quote-summary{text-align:center}}
@media(max-width:460px){.energy-dashboard{grid-template-columns:1fr;gap:10px;margin:12px;padding:9px}.energy-source-card{display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto auto auto;gap:1px 13px;padding:12px 16px;text-align:left;justify-items:start}.energy-source-orbit{grid-column:1;grid-row:1/4;width:86px;margin:0}.energy-source-card>small{grid-column:2;font-size:8px;margin-top:3px}.energy-source-title{grid-column:2;font-size:18px;align-self:center}.energy-source-note{grid-column:2;font-size:8px;margin-top:0;max-width:none}.energy-source-tag{display:none}.energy-source-orbit>span{width:43px;height:43px}.energy-source-orbit>span>.icon{width:26px;height:26px}.energy-device-controls{gap:9px}.energy-periods>button{font-size:11px;min-height:43px}.energy-device-card{padding:11px 10px;gap:7px}.energy-device-card>b{font-size:10px}.energy-device-state{font-size:8px;min-height:24px}.energy-mini-switch{margin-top:3px}.energy-card-top>.icon{width:18px;height:18px}.energy-device-grid{gap:7px}.energy-master-switch.demo-switch>b{font-size:12px}.energy-equipment-badge small{display:none}.energy-equipment-badge b{font-size:7px}.energy-equipment-badge>.icon{width:12px;height:12px}.energy-grid-badge{font-size:6px;bottom:8.8%}.energy-demo-heading>span{font-size:8px;max-width:100px}.energy-demo-heading b{font-size:13px}.energy-demo-heading>span>i{width:4px;height:4px}.energy-demo-heading small{font-size:6px}}
@media(max-width:370px){.energy-demo-heading{padding-inline:14px}.energy-demo-heading b{font-size:12px}.energy-demo-heading>span{font-size:8px;max-width:90px}.energy-source-card{grid-template-columns:75px minmax(0,1fr);gap:1px 9px;padding:10px 12px}.energy-source-orbit{width:75px}.energy-device-card{padding-inline:8px}.energy-device-card>b{font-size:9px}.energy-device-state{font-size:7px}.energy-equipment-badge{padding:4px 5px;gap:3px}.energy-equipment-badge>.icon{width:10px;height:10px}.energy-equipment-badge b{font-size:6px}}
@media(prefers-reduced-motion:reduce){.energy-house-demo *{animation:none!important;transition:none!important}}.motion-paused .energy-house-demo *{animation-play-state:paused!important}
/* ---- electrical-home.css */
/* Realistic house cutaway with live circuits and room effects. */
.solution-panels .elektra-plan-panel{grid-template-columns:minmax(0,1.23fr) minmax(0,1fr)}
.plan-visual.elektra-visual{height:auto;min-height:0;background:#f5f1ea;padding:0;overflow:hidden}.plan-visual.elektra-visual:after{display:none}
.electrical-house-demo.plan-demo{position:relative;inset:auto;height:auto;min-width:0;perspective:none;isolation:isolate;background:#f5f1ea;color:#282a24;--elektra-current:#ffab65;--elektra-glow:#f78c3d;--elektra-air:#d5eef6}
.elektra-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px 18px;background:linear-gradient(120deg,#fffdfa,#f3eee5)}.elektra-demo-heading>div{display:grid;gap:5px}.elektra-demo-heading small{font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:#9b6848}.elektra-demo-heading b{font-size:16px;letter-spacing:-.025em;font-weight:600}.elektra-demo-heading>span{display:flex;align-items:center;gap:7px;font-size:8px;color:#736c63;white-space:nowrap}.elektra-demo-heading>span>i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#9ca399}.electrical-house-demo[data-active=true] .elektra-demo-heading>span>i{background:#f38338;box-shadow:0 0 0 4px #ed9a4820}
.elektra-house-scene{position:relative;aspect-ratio:3/2;overflow:hidden;background:#b8c9c9}.elektra-house-scene>img{display:block;width:100%;height:100%;object-fit:cover;transition:filter 1s}.electrical-house-demo[data-period=evening] .elektra-house-scene>img{filter:brightness(.43) saturate(.72)}.elektra-evening-tint{position:absolute;inset:0;background:linear-gradient(180deg,#152b4c80,transparent 85%);mix-blend-mode:multiply;opacity:0;transition:opacity 1s;pointer-events:none}.electrical-house-demo[data-period=evening] .elektra-evening-tint{opacity:1}.elektra-house-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--elektra-current);overflow:hidden}
.elektra-house-effects [data-route]{opacity:.2;transition:opacity .4s}.elektra-house-effects [data-route][data-running=true]{opacity:1}.elektra-flow-track,.elektra-flow-current,.elektra-flow-arrow{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.elektra-flow-track{stroke-width:2;opacity:.48}.elektra-flow-current{stroke-width:3.5;stroke-dasharray:12 35;opacity:0;filter:drop-shadow(0 0 4px var(--elektra-glow));animation:elektra-current-flow 4.5s linear infinite;animation-play-state:paused}.elektra-flow-arrow{stroke-width:3;opacity:0}.elektra-house-effects [data-running=true]>.elektra-flow-current,.elektra-house-effects [data-running=true]>.elektra-flow-arrow{opacity:.93}.elektra-route-supply{color:#ffe0af}
.elektra-house-effects [data-load]{opacity:0;transition:opacity .6s}.elektra-house-effects [data-load][data-running=true]{opacity:1}.elektra-lamp-effects{mix-blend-mode:screen}.elektra-lamp-beam{fill:url('#elektra-light-beam');opacity:.58}.elektra-lamp-halo{fill:url('#elektra-lamp-glow');opacity:.85}.elektra-lit-room{fill:#ffce8420;opacity:.3;transition:opacity 1s}.electrical-house-demo[data-period=evening] .elektra-lit-room{opacity:.95}.elektra-bulbs{fill:none;stroke:#ffe3a9;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 8px #ffb761)}
.elektra-tv-screen{fill:url('#elektra-screen-light');filter:drop-shadow(0 0 7px #9cd3de60)}.elektra-screen-landscape{fill:#b5c1ae;opacity:.24}.elektra-screen-sheen{fill:none;stroke:#d8e8de;stroke-width:1.5;stroke-dasharray:24 40;opacity:.35;animation:elektra-screen-scan 8s linear infinite;animation-play-state:paused}.elektra-device-led{fill:#ffe2b1;filter:drop-shadow(0 0 4px #f1a351)}.elektra-airco-effects{color:var(--elektra-air)}.elektra-air-base,.elektra-air-current,.elektra-unit-active{fill:none;stroke:currentColor;stroke-linecap:round}.elektra-air-base{stroke-width:2;opacity:.15}.elektra-air-current{stroke-width:3;stroke-dasharray:8 24;opacity:.85;filter:drop-shadow(0 0 4px #82bbd0);animation:elektra-air-flow 4s linear infinite;animation-play-state:paused}.elektra-unit-active{stroke-width:3;opacity:.9}.elektra-outdoor-halo{fill:#ffffff04;stroke:currentColor;stroke-width:1.5;stroke-dasharray:4 8;opacity:.6}.elektra-outdoor-fan{fill:var(--elektra-air);opacity:.45;transform-box:fill-box;transform-origin:center;animation:elektra-fan-turn 3s linear infinite;animation-play-state:paused}.elektra-meter-led{fill:#ffd6a0;filter:drop-shadow(0 0 4px #f49c54)}.elektra-board-led{fill:#868c7f;transition:fill .4s,filter .4s}.electrical-house-demo[data-powered=true] .elektra-board-led{fill:#ffa765;filter:drop-shadow(0 0 5px #fa9b4c)}
.elektra-room-badge,.elektra-cabinet-badge{position:absolute;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #fff5;border-radius:10px;background:#202823da;color:#fff8ea;box-shadow:0 3px 12px #0002;backdrop-filter:blur(10px);white-space:nowrap;transition:background .4s,opacity .4s}.elektra-room-badge>.icon,.elektra-cabinet-badge>.icon{width:17px;height:17px;color:#ffb37a;flex-shrink:0}.elektra-room-badge>span,.elektra-cabinet-badge>span{display:grid;gap:3px}.elektra-room-badge b,.elektra-cabinet-badge b{font-size:9px;font-weight:600;letter-spacing:-.02em}.elektra-room-badge small,.elektra-cabinet-badge small{font-size:7px;color:#e3d7c5}.elektra-badge-lights{left:29%;top:35%}.elektra-badge-sockets{left:23%;top:70%}.elektra-badge-airco{left:60%;top:54%}.elektra-cabinet-badge{right:6%;top:44%;padding:7px 9px}.elektra-room-badge[data-running=false],.electrical-house-demo[data-powered=false] .elektra-cabinet-badge{background:#3c4038d4;opacity:.8}.elektra-room-badge[data-running=false]>.icon{color:#b9bbae}.elektra-net-badge{position:absolute;right:5%;bottom:11%;display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #ffffff4a;background:#29332dda;color:#fff0d7;backdrop-filter:blur(8px);border-radius:99px;font-size:7px}.elektra-net-badge>i{width:4px;height:4px;border-radius:50%;background:#ffa561;box-shadow:0 0 6px #f5a36050}.elektra-scene-caption{position:absolute;bottom:7px;left:12px;color:#fff8e7;max-width:90%;font-size:7px;text-shadow:0 1px 4px #000b}
.elektra-dashboard{display:grid;grid-template-columns:minmax(126px,.75fr) minmax(0,1.8fr);gap:12px;margin:18px;border:1px solid #ddd8d0;border-radius:20px;padding:10px;background:linear-gradient(145deg,#fffdfa,#ebe8e2);box-shadow:0 7px 19px #493c2611,inset 0 1px 0 #fff;position:relative;z-index:1}.elektra-status-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;padding:15px 9px 13px;border:1px solid #171b15;border-radius:15px;background:radial-gradient(ellipse at 60% 20%,#30322a,#151914 85%);color:#fff8e8;box-shadow:inset 0 1px 1px #ffffff12}.elektra-status-card>small{font-size:8px;color:#c0c1b4;line-height:1.5}.elektra-group-meter{position:relative;width:110px;aspect-ratio:1;display:grid;place-items:center;margin:7px 0}.elektra-group-meter>svg{position:absolute;inset:0;width:100%;height:100%}.elektra-meter-track{fill:none;stroke:#43483b;stroke-width:5}.elektra-meter-segment{fill:none;stroke:#f9ad6f;stroke-width:5;stroke-dasharray:84 295.3;stroke-linecap:round;transform-origin:60px 60px;opacity:0;transition:opacity .45s;filter:drop-shadow(0 0 4px #df904742)}.elektra-meter-segment[data-running=true]{opacity:1}.segment-1{transform:rotate(-90deg)}.segment-2{transform:rotate(30deg)}.segment-3{transform:rotate(150deg)}.elektra-active-count{font-size:46px;line-height:1;font-weight:600;letter-spacing:-.065em;position:relative;color:#fff8ed}.elektra-count-description{font-size:11px;letter-spacing:-.025em;font-weight:550;line-height:1.5}.elektra-status-card>span{font-size:8px;color:#b7baa8;line-height:1.6;margin-top:6px}.elektra-status-card .elektra-net-tag{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #ffffff1a;border-radius:99px;margin-top:15px;font-size:7px;color:#adb49d}.elektra-net-tag>i{height:4px;width:4px;border-radius:50%;background:#e9a46a}
.elektra-circuit-controls{display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-width:0}.elektra-periods{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:3px;border:1px solid #ddd9d2;border-radius:12px;background:#ebe9e4;box-shadow:inset 0 1px 0 #fffa}.elektra-periods>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 6px;border:1px solid transparent;border-radius:9px;font-size:10px;white-space:nowrap;background:transparent;color:#817e73}.elektra-periods>button>.icon{width:15px;height:15px;flex-shrink:0}.elektra-periods>button[aria-pressed=true]{background:#fffefa;color:#35271b;border-color:#fff;box-shadow:0 2px 6px #4b3b251b}.elektra-periods>button[aria-pressed=true]>.icon{color:#c37031}
.elektra-circuit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.elektra-circuit-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;gap:8px;padding:12px 9px 10px;border:1px solid #e1ded7;border-radius:13px;background:#fffefa;box-shadow:0 4px 7px #3b362313,inset 0 1px 0 #fff;color:#33352f;transition:border-color .3s,background .3s,box-shadow .3s}.elektra-circuit-card:hover{border-color:#c8b9a4;box-shadow:0 5px 11px #7347231b}.elektra-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.elektra-card-top>.icon{width:19px;height:19px;color:#e58b44;flex-shrink:0}.elektra-card-top>i{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#b9beb5;transition:background .3s,box-shadow .3s}.elektra-circuit-card[data-running=true] .elektra-card-top>i{background:#f57f2a;box-shadow:0 0 0 3px #f2872c12,0 0 9px #e7762260}.elektra-circuit-card>small{font-size:6px;text-transform:uppercase;letter-spacing:.08em;color:#a08c74;line-height:1.4;margin-bottom:-3px}.elektra-circuit-card>b{font-size:10px;font-weight:600;letter-spacing:-.03em;line-height:1.4;overflow-wrap:anywhere}.circuit-live-label{font-size:8px;line-height:1.5;color:#8a887b;min-height:25px}.elektra-breaker-lever{display:block;width:23px;height:25px;padding:3px 4px;margin-top:auto;border:1px solid #8b8f7f;border-radius:4px;background:linear-gradient(#727e69,#acb39e);box-shadow:inset 0 2px 3px #0003;perspective:150px}.elektra-breaker-lever>i{display:block;width:13px;height:16px;border-radius:2px;background:linear-gradient(#75816b,#4b5843);box-shadow:inset 0 1px 0 #ffffff40,0 2px 2px #44503065;transform:translateY(3px) rotateX(15deg);transition:transform .35s,background .35s}.elektra-circuit-card[aria-checked=true] .elektra-breaker-lever>i{background:linear-gradient(#ffbf7a,#e58c43);transform:translateY(-1px) rotateX(-13deg)}.elektra-circuit-card[aria-checked=false]{background:#eeeae4;color:#88877b;box-shadow:inset 0 1px 1px #fff9}.elektra-circuit-card[aria-checked=false] .elektra-card-top>.icon{color:#97998d}
.elektra-master-switch.demo-switch{display:flex;width:100%;min-width:0;min-height:43px;gap:9px;padding:7px 9px 7px 13px;border-radius:11px;border:1px solid #282b26;background:#222521;color:#fffef4;box-shadow:inset 0 1px 0 #ffffff08;backdrop-filter:none;text-align:left}.elektra-master-switch.demo-switch:hover{background:#30332c;border-color:#414536}.elektra-master-switch.demo-switch>b{font-size:11px;font-weight:550}.elektra-master-switch>.switch-track{width:35px;height:20px;background:#787f70;flex-shrink:0}.elektra-master-switch .elektra-power-symbol{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#505447;border-radius:50%;color:#fff;transition:background .3s,box-shadow .3s}.elektra-master-switch[aria-checked=true] .elektra-power-symbol{background:#f18434;box-shadow:0 0 14px #ed822b30}.elektra-power-symbol>.icon{width:15px;height:15px}
.elektra-demo-foot{padding:0 24px 22px;text-align:center}.elektra-demo-foot .demo-explanation{font-size:10px!important;line-height:1.65!important;color:#685b48!important;margin:0 auto!important;max-width:490px;min-height:34px}.elektra-demo-foot>small{display:block;font-size:8px;color:#9a8f7e;line-height:1.6;margin:6px auto 0;max-width:490px}.elektra-demo-foot noscript small{display:block;font-size:9px;margin-top:8px;color:#756045}.plan-copy.elektra-copy{display:block;align-self:center;padding:40px 36px}.solution-panels .elektra-copy>h3{font-size:clamp(29px,2.9vw,38px)}.electrical-house-demo button:focus-visible{outline:2px solid #c76d26;outline-offset:4px}
.has-motion .elektra-visual.fx-visible .electrical-house-demo [data-running=true]>.elektra-flow-current,.has-motion .elektra-visual.fx-visible .electrical-house-demo [data-running=true]>.elektra-screen-sheen,.has-motion .elektra-visual.fx-visible .electrical-house-demo [data-running=true]>.elektra-air-current,.has-motion .elektra-visual.fx-visible .electrical-house-demo [data-running=true]>.elektra-outdoor-fan{animation-play-state:running}
@keyframes elektra-current-flow{to{stroke-dashoffset:-188}}@keyframes elektra-air-flow{to{stroke-dashoffset:-128}}@keyframes elektra-screen-scan{to{stroke-dashoffset:-128}}@keyframes elektra-fan-turn{to{transform:rotate(360deg)}}
@media(max-width:1100px){.elektra-dashboard{margin:14px;padding:8px;gap:9px;grid-template-columns:minmax(112px,.75fr) minmax(0,1.8fr)}.elektra-demo-heading{padding:19px 19px 15px}.elektra-demo-heading b{font-size:14px}.elektra-demo-heading>span{font-size:7px}.elektra-circuit-card{padding:10px 7px 9px;gap:7px}.elektra-circuit-card>b{font-size:9px}.circuit-live-label{font-size:7px}.elektra-group-meter{width:96px}.elektra-active-count{font-size:40px}.elektra-count-description{font-size:10px}.elektra-status-card{padding:13px 7px}.elektra-status-card>span{font-size:7px}.elektra-periods>button{font-size:9px}.elektra-master-switch.demo-switch>b{font-size:9px}.plan-copy.elektra-copy{padding:34px 28px}.elektra-room-badge,.elektra-cabinet-badge{padding:6px 8px;gap:5px}.elektra-room-badge b,.elektra-cabinet-badge b{font-size:8px}.elektra-room-badge small,.elektra-cabinet-badge small{font-size:6px}.elektra-room-badge>.icon,.elektra-cabinet-badge>.icon{width:15px;height:15px}}
@media(max-width:900px){.solution-panels .elektra-plan-panel{display:grid;grid-template-columns:1fr}.plan-copy.elektra-copy{padding:32px}.elektra-dashboard{max-width:650px;width:calc(100% - 40px);margin:20px auto;padding:11px;gap:14px;grid-template-columns:160px minmax(0,1fr)}.elektra-demo-heading{padding:22px 25px 18px}.elektra-demo-heading b{font-size:17px}.elektra-demo-heading>span{font-size:9px}.elektra-circuit-card{padding:14px 12px;gap:10px}.elektra-circuit-card>b{font-size:12px}.elektra-circuit-card>small{font-size:7px}.circuit-live-label{font-size:10px;min-height:27px}.elektra-group-meter{width:125px}.elektra-active-count{font-size:48px}.elektra-count-description{font-size:12px}.elektra-status-card>small{font-size:9px}.elektra-status-card>span{font-size:9px}.elektra-status-card .elektra-net-tag{font-size:8px}.elektra-periods>button{font-size:12px;min-height:44px}.elektra-master-switch.demo-switch>b{font-size:12px}.elektra-room-badge,.elektra-cabinet-badge{padding:9px 11px;gap:7px}.elektra-room-badge b,.elektra-cabinet-badge b{font-size:11px}.elektra-room-badge small,.elektra-cabinet-badge small{font-size:8px}.elektra-room-badge>.icon,.elektra-cabinet-badge>.icon{width:19px;height:19px}.elektra-net-badge{font-size:9px;padding:7px 10px}.elektra-scene-caption{font-size:8px}.elektra-demo-foot .demo-explanation{font-size:11px!important}.elektra-demo-foot>small{font-size:9px}}
@media(max-width:640px){.plan-visual.elektra-visual{height:auto;min-height:0}.elektra-demo-heading{padding:19px 18px 16px;gap:8px}.elektra-demo-heading b{font-size:14px}.elektra-demo-heading>span{font-size:9px;gap:5px;white-space:normal;max-width:105px;text-align:right;line-height:1.5}.elektra-demo-heading small{font-size:7px}.elektra-dashboard{margin:14px;max-width:none;width:auto;padding:9px;gap:9px;grid-template-columns:115px minmax(0,1fr);border-radius:17px}.elektra-status-card{padding:12px 7px;border-radius:12px}.elektra-status-card>small{font-size:7px}.elektra-group-meter{width:95px}.elektra-active-count{font-size:39px}.elektra-count-description{font-size:9px}.elektra-status-card>span{font-size:7px}.elektra-status-card .elektra-net-tag{font-size:6px;margin-top:10px}.elektra-circuit-grid{gap:5px}.elektra-circuit-card{padding:10px 7px;gap:8px;border-radius:10px}.elektra-circuit-card>b{font-size:9px}.elektra-circuit-card>small{font-size:6px}.circuit-live-label{font-size:7px;min-height:24px}.elektra-card-top>.icon{width:17px;height:17px}.elektra-circuit-controls{gap:7px}.elektra-periods{padding:3px;border-radius:10px}.elektra-periods>button{font-size:9px;gap:5px;min-height:41px}.elektra-periods>button>.icon{width:13px;height:13px}.elektra-master-switch.demo-switch{gap:7px;padding-left:11px}.elektra-master-switch.demo-switch>b{font-size:9px}.elektra-master-switch .elektra-power-symbol{width:27px;height:27px}.elektra-room-badge,.elektra-cabinet-badge{padding:5px 7px;gap:4px;border-radius:7px}.elektra-room-badge b,.elektra-cabinet-badge b{font-size:8px}.elektra-room-badge small,.elektra-cabinet-badge small{font-size:6px}.elektra-room-badge>.icon,.elektra-cabinet-badge>.icon{width:13px;height:13px}.elektra-net-badge{font-size:6px;padding:5px 7px}.elektra-scene-caption{font-size:6px;bottom:5px;left:9px}.elektra-demo-foot{padding:0 19px 19px}.elektra-demo-foot .demo-explanation{font-size:10px!important;min-height:34px}.elektra-demo-foot>small{font-size:8px}.plan-copy.elektra-copy{padding:28px 23px}}
@media(max-width:480px){.elektra-dashboard{grid-template-columns:1fr;gap:10px;margin:12px;padding:9px}.elektra-status-card{display:grid;grid-template-columns:87px minmax(0,1fr);grid-template-rows:auto auto auto;gap:1px 13px;padding:12px 16px;text-align:left;justify-items:start}.elektra-group-meter{grid-column:1;grid-row:1/4;width:87px;margin:0}.elektra-status-card>small{grid-column:2;font-size:8px;margin-top:3px}.elektra-count-description{grid-column:2;font-size:14px;align-self:center}.elektra-status-card>span{grid-column:2;font-size:8px;margin-top:0}.elektra-status-card .elektra-net-tag{grid-column:2;margin-top:6px;font-size:7px;grid-row:4}.elektra-circuit-controls{gap:9px}.elektra-periods>button{font-size:11px;min-height:43px}.elektra-circuit-card{padding:11px 10px;gap:7px}.elektra-circuit-card>b{font-size:10px}.circuit-live-label{font-size:8px;min-height:24px}.elektra-circuit-card>small{font-size:7px}.elektra-card-top>.icon{width:18px;height:18px}.elektra-circuit-grid{gap:7px}.elektra-master-switch.demo-switch>b{font-size:12px}.elektra-room-badge small,.elektra-cabinet-badge small{display:none}.elektra-room-badge b,.elektra-cabinet-badge b{font-size:7px}.elektra-room-badge>.icon,.elektra-cabinet-badge>.icon{width:12px;height:12px}.elektra-demo-heading>span{font-size:8px;max-width:95px}.elektra-demo-heading b{font-size:13px}.elektra-demo-heading>span>i{width:4px;height:4px}.elektra-demo-heading small{font-size:6px}}
@media(max-width:370px){.elektra-demo-heading{padding-inline:14px}.elektra-demo-heading b{font-size:12px}.elektra-demo-heading>span{max-width:83px}.elektra-status-card{grid-template-columns:76px minmax(0,1fr);gap:1px 9px;padding:10px 12px}.elektra-group-meter{width:76px}.elektra-active-count{font-size:33px}.elektra-circuit-card{padding-inline:8px}.elektra-circuit-card>b{font-size:9px}.circuit-live-label{font-size:7px}.elektra-master-switch.demo-switch>b{font-size:11px}.elektra-room-badge,.elektra-cabinet-badge{padding:4px 5px;gap:3px}.elektra-room-badge>.icon,.elektra-cabinet-badge>.icon{width:10px;height:10px}.elektra-room-badge b,.elektra-cabinet-badge b{font-size:6px}}
@media(prefers-reduced-motion:reduce){.electrical-house-demo *{animation:none!important;transition:none!important}}.motion-paused .electrical-house-demo *{animation-play-state:paused!important}
/* ---- ge.css */
/* gewoonelektro (2026-10-11): the parts our site adds to the owner's design (assets/v5), in the design's own tokens:
   H1 subline, the quote fields the back office needs, cookie notice, Google reviews,
   town and service extras, contact cards. Same colours (--orange, --ink, --muted, --line, --soft), same Mona type. */

/* decorations that reach past the page edge (the circuit behind the intro, 8px at 850-1000px) never make the page scroll sideways */
main#main{overflow-x:clip}

/* the hero houses sit in a <picture> so a phone gets the smaller file (tools/make_images.py); the wrapper takes no box, so
   the design's .entrance-house rules size the <img> against .entrance-artwork exactly as before */
.house-pic{display:contents}

/* menu: "Diensten" opens a panel with the nine services (owner 2026-10-11). Opens on hover (mouse) and on keyboard focus,
   closes a moment after the pointer leaves so it can travel into the panel; Escape closes (assets/v5/ge.js). The panel is
   anchored to the whole header (centred under it). Touch screens and the phone menu keep a plain link to diensten.html. */
.nav-drop-trigger .icon-down{display:inline-block;width:12px;height:12px;margin-left:2px;vertical-align:-2px;transition:transform .2s cubic-bezier(.23,1,.32,1)}
.site-header nav>a.nav-drop-trigger[aria-expanded="true"]{background:#fffdf9;color:var(--orange-dark)}
.nav-drop-trigger[aria-expanded="true"] .icon-down{transform:rotate(180deg)}
.nav-drop-panel{position:absolute;top:calc(100% - 4px);left:50%;z-index:70;width:min(900px,calc(100vw - 48px));padding:24px 24px 16px;background:#fffdf9;border:1px solid #e8dfd1;border-radius:22px;box-shadow:0 26px 70px #3227141f;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-6px) scale(.985);transform-origin:50% 0;transition:opacity .12s ease-out,transform .12s ease-out,visibility 0s linear .12s}
.nav-drop-panel.is-open{opacity:1;visibility:visible;transform:translateX(-50%);transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1)}
.nav-drop-panel:before{content:'';position:absolute;left:0;right:0;top:-34px;height:34px}
.nav-drop-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nav-drop-label{display:block;margin:0 0 8px 12px;font-size:10px;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:var(--orange-dark)}
.nav-drop-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:14px;transition:background .2s}
.nav-drop-item:hover,.nav-drop-item:focus-visible{background:#f6f1e8}
.nav-drop-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:11px;background:#fff1e4;color:var(--orange-dark)}
.nav-drop-icon .icon{width:19px;height:19px}
.nav-drop-text{display:grid;gap:2px;min-width:0}
.nav-drop-text b{font-size:13px;font-weight:650;letter-spacing:-.02em;color:var(--ink);line-height:1.35}
.nav-drop-text small{font-size:11px;line-height:1.5;color:var(--muted)}
.nav-drop-text em{font-style:normal;font-size:11px;font-weight:650;color:var(--orange-dark)}
.nav-drop-text em:empty{display:none}
.nav-drop-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.nav-drop-foot .text-link{font-size:12px}
.nav-drop-storing{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:99px;background:#171716;color:#e9e4da;font-size:12px;transition:background .2s}
.nav-drop-storing:hover{background:#2a2a27}
.nav-drop-storing .icon{width:16px;height:16px;color:#ff9c50}
.nav-drop-storing b{color:#fff}
@media(max-width:1000px){.nav-drop-groups{gap:8px}.nav-drop-item{padding:9px 8px;gap:9px}.nav-drop-text small{display:none}}
@media(max-width:850px){.nav-drop-panel{display:none}.nav-drop-trigger .icon-down{display:none}}
@media(prefers-reduced-motion:reduce){.nav-drop-panel,.nav-drop-panel.is-open{transform:translateX(-50%);transition:opacity .15s,visibility 0s linear .15s}.nav-drop-panel.is-open{transition:opacity .15s}}

/* brands on the service pages and the Diensten page (2026-10-11): one ink colour via a mask, tiles like the design's chips */
.brands-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:center;border-top:1px solid var(--line)}
.brands-head h2{margin-bottom:18px}
.brands-head p{font-size:14px;line-height:1.8;max-width:440px}
.brands-group+.brands-group{margin-top:26px}
.brands-label{display:block;margin-bottom:12px;font-size:10px;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:var(--orange-dark)}
.brands-row{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:12px}
.brand-tile{display:flex;align-items:center;justify-content:center;gap:10px;height:68px;min-width:0;padding:0 18px;border:1px solid #e6ddd0;border-radius:16px;background:#fffdf9;color:#2b2b28}
.brand-logo{display:block;flex-shrink:0;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.brand-wm{width:92px;height:92px;margin-block:-14px}
.brand-wide{width:118px;height:26px}
.brand-mark{width:26px;height:26px}
.brand-lg{width:70px;height:70px;margin-block:-4px}
.brand-name{font-size:12px;font-weight:650;letter-spacing:-.01em;white-space:nowrap}
.brands-more{margin-top:14px;font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:1000px){.brands-section{grid-template-columns:1fr;gap:30px}}
@media(max-width:640px){.brands-row{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-tile{height:58px;min-width:0;padding:0 12px}.brand-wm{width:78px;height:78px}.brand-wide{width:100px;height:22px}.brand-name{font-size:11px;white-space:normal;line-height:1.25}}

/* werkgebied map (2026-10-11): the OpenStreetMap base in the light theme, towns and orange lines on top (assets/v5/ge.js) */
.wg-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:44px;align-items:start}
.wg-list{grid-template-columns:1fr;gap:9px}
.wg-list .place{padding:15px 18px;font-size:16px}
.wg-side .region-note{margin:22px 0 20px}
.wg-map{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1200/948;border-radius:22px;border:1px solid #e6ddd0;background:#f3efe7}
.wg-map>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wg-map svg{position:absolute;inset:0;width:100%;height:100%}
.wg-map .ln{fill:none;stroke:#ff7816;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:var(--len,2000);stroke-dashoffset:0;transition:stroke-width .2s ease}
.has-motion .wg-map:not(.is-in) .ln{stroke-dashoffset:var(--len,2000)}
.has-motion .wg-map .ln{transition:stroke-dashoffset 1.1s cubic-bezier(.77,0,.175,1),stroke-width .2s ease}
.wg-map .ln.is-hot{stroke-width:5.5}
.wg-map .n circle{fill:#fffdf9;stroke:#ff7816;stroke-width:3.2;transition:fill .2s ease}
.wg-map .n text{fill:#171716;font-family:Mona,Arial,sans-serif;font-size:21px;font-weight:600;letter-spacing:-.01em;paint-order:stroke;stroke:#f6f2ea;stroke-width:7px;stroke-linejoin:round}
.wg-map .n.hub circle{fill:#ff7816;stroke:#fffdf9}
.wg-map .n.hub text{font-size:28px;font-weight:650}
.wg-map .n.w circle{fill:#b84600;stroke:none}
.wg-map .n.w text{font-size:15px;font-weight:500;fill:#5b5148}
.wg-map a.n:hover circle,.wg-map a.n:focus-visible circle,.wg-map a.n.is-hot circle{fill:#ff7816}
.wg-map a.n:focus-visible{outline:none}
.wg-map a.n:focus-visible text{text-decoration:underline}
.wg-cap{position:absolute;left:16px;bottom:12px;padding:4px 10px;border-radius:99px;background:#fffdf9e6;color:#5b5148;font-size:10px;font-weight:600;pointer-events:none}
.wg-osm{position:absolute;right:12px;bottom:12px;padding:4px 9px;border-radius:99px;background:#fffdf9e6;color:#6a6258;font-size:10px}
.wg-osm:hover{color:var(--orange-dark)}
.town-copy .wg-map{align-self:start}
@media(max-width:1000px){.wg-grid{grid-template-columns:1fr}}
@media(max-width:640px){.wg-map{border-radius:16px}.wg-map .n text{font-size:31px;stroke-width:9px}.wg-map .n.hub text{font-size:38px}.wg-map .n.w text{display:none}.wg-cap{display:none}}
@media(prefers-reduced-motion:reduce){.wg-map .ln{transition:none!important}}

/* homepage "Thuis in de Drechtsteden": every town links to its page (2026-10-12) */
.region-towns a{color:inherit;text-decoration:underline;text-decoration-color:#d9cdb9;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
@media(hover:hover) and (pointer:fine){.region-towns a:hover{color:var(--orange-dark);text-decoration-color:currentColor}}
.region-towns a:focus-visible{color:var(--orange-dark)}

/* phones: "Chat met ons" stays (owner 2026-10-12; the design hid it behind the Bel ons / Offerte bar): a smaller pill on the
   right, just above that bar; the pause and cookie buttons sit on the left */
@media(max-width:640px){.whatsapp-float{display:flex;right:12px;bottom:70px;padding:10px 14px;gap:8px;font-size:11px}.whatsapp-float .icon{width:18px;height:18px}}

/* H1 with a search line under it (service and town pages) */
.h1-sub{display:block;margin-top:.45em;font-size:max(15px,.3em);font-weight:500;letter-spacing:-.02em;line-height:1.35;color:var(--muted)}

/* quote: the fields send.php needs */
#quote fieldset[data-quote-step="2"]>label,.field-grid>label{display:grid}
#quote fieldset[data-quote-step="2"]>label.quote-check{display:flex}
.field-label{display:block}
.req{color:var(--orange);font-weight:700;margin-left:1px}
.quote-group{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:22px 0 8px;padding-top:18px;border-top:1px solid #ece4d6;font-size:12px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.quote-group small{font-size:10px;font-weight:500;color:#8b8a80}
#quote input[aria-invalid="true"],#quote textarea[aria-invalid="true"]{border-color:#c2410c;background:#fff6f1}
.quote-optional{font-weight:500;color:#8b8a80;margin-left:6px}
.quote-file input[type=file]{border:1px dashed #dfd5c5;border-radius:10px;background:#faf7f0;padding:13px;font-size:12px;width:100%;cursor:pointer}
.quote-file input[type=file]::file-selector-button{border:1px solid #dfd5c5;background:#fff;border-radius:99px;padding:7px 13px;margin-right:12px;font:inherit;font-size:11px;cursor:pointer}
.quote-file small{font-size:10px;color:#8b8a80;line-height:1.6}
#quote .quote-check{display:flex;align-items:flex-start;gap:11px;font-size:11px;line-height:1.6;color:var(--muted);cursor:pointer;margin-top:4px}
.quote-check input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:19px;height:19px;margin:1px 0 0;border:1px solid #cdbfa9;border-radius:6px;background:#faf7f0;display:grid;place-items:center;transition:background .2s,border-color .2s}
.quote-check input:checked{background:var(--orange);border-color:var(--orange)}
.quote-check input:checked:after{content:'';width:9px;height:5px;border:2px solid var(--ink);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.quote-check input[aria-invalid="true"]{border-color:#c2410c}
.quote-check a{color:var(--orange-dark);text-decoration:underline}
.quote-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.quote-submit[disabled]{opacity:.65;cursor:progress}
.quote-done{padding:26px 4px 6px;outline:none}
.quote-done-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--orange);color:var(--ink);margin-bottom:20px}
.quote-done-icon .icon{width:22px;height:22px}
.quote-done h3{font-size:28px;margin-bottom:12px}
.quote-done p{font-size:13px;line-height:1.75}
.quote-done a{color:var(--orange-dark);text-decoration:underline}
.quote-card[data-step="done"] .quote-progress span{width:100%}

/* quote in three steps (owner 2026-10-15): 1 diensten, 2 over je klus (the questions of the previous form), 3 je gegevens */
.quote-stage-map>span>b{font-weight:inherit}
.quote-card:has([data-quote-step="klus"]:not([hidden])) .stage-klus{color:#a44e1b}
.quote-card:has([data-quote-step="klus"]:not([hidden])) .stage-klus i{background:#a44e1b;color:#fff;border-color:#a44e1b}
.quote-card .quote-progress>span{width:33.4%}
.quote-card[data-step="2"] .quote-progress>span{width:66.7%}
.quote-card[data-step="3"] .quote-progress>span,.quote-card[data-step="done"] .quote-progress>span{width:100%}
.klus-list{margin-top:20px}
.klus-q{margin-bottom:18px}
.klus-q>.field-label{font-size:11px;font-weight:600;line-height:1.5;color:var(--ink);margin-bottom:9px}
.klus-group{padding-top:20px;margin-top:4px;border-top:1px solid #ece4d6}
.klus-title{display:flex;align-items:center;gap:11px;margin-bottom:16px;font-size:13px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.klus-title .choice-icon{width:34px;height:34px;border-radius:10px;flex-shrink:0}
.klus-title .choice-icon .icon{width:19px;height:19px}
.klus-chips{display:flex;flex-wrap:wrap;gap:7px}
.klus-chip{border:1px solid #e2d8c8;background:#fcfaf6;color:#3d3a34;border-radius:99px;padding:9px 14px;font:inherit;font-size:11px;font-weight:550;line-height:1.3;text-align:left;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .16s cubic-bezier(.23,1,.32,1)}
@media(hover:hover) and (pointer:fine){.klus-chip:hover{background:#fff8f1;border-color:#dfc9b8}}
.klus-chip:active{transform:scale(.97)}
.klus-chip:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.klus-chip[aria-pressed="true"]{background:#fff2e5;border-color:#d79b6b;box-shadow:inset 0 0 0 1px #d79b6b;color:#8a3f12}
.klus-chip.is-urgent[aria-pressed="true"]{background:#fff1ea;border-color:#c2410c;box-shadow:inset 0 0 0 1px #c2410c;color:#9a3412}
.klus-num{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #dfd5c5;border-radius:99px;background:#faf7f0}
.klus-num button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #e6dccd;border-radius:50%;background:#fff;color:#5c4632;cursor:pointer;transition:background-color .2s ease,transform .16s cubic-bezier(.23,1,.32,1)}
.klus-num button .icon{width:15px;height:15px}
@media(hover:hover) and (pointer:fine){.klus-num button:not(:disabled):hover{background:#fff2e5}}
.klus-num button:not(:disabled):active{transform:scale(.94)}
.klus-num button:disabled{opacity:.38;cursor:default}
.klus-num button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.klus-num output{min-width:46px;text-align:center;font-size:16px;font-weight:650;color:var(--ink)}
.klus-range{display:flex;align-items:center;gap:16px;max-width:420px}
#quote .klus-range input[type=range]{flex:1;width:auto;height:30px;padding:0;border:0;background:none;box-shadow:none;accent-color:#a95b29;cursor:pointer}
.klus-range output{min-width:58px;text-align:right;font-size:14px;font-weight:650;color:var(--ink)}
.klus-alarm{display:flex;align-items:flex-start;gap:10px;margin:2px 0 18px;padding:12px 14px;border:1px solid #f1c4a8;border-radius:12px;background:#fff4ee;font-size:11px;line-height:1.6;color:#7c2d12}
.klus-alarm[hidden]{display:none}
.klus-alarm .icon{width:18px;height:18px;flex-shrink:0;color:#c2410c;margin-top:1px}
.klus-alarm a{color:#9a3412;font-weight:650;text-decoration:underline;white-space:nowrap}
.klus-back{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:3px 0;font:inherit;font-size:11px;color:var(--orange-dark);cursor:pointer}
.klus-back .icon{width:15px;height:15px}
@media(max-width:640px){
  .quote-stage-map{gap:8px}
  .quote-stage-map>span:not(.stage-divider) b{display:none}
  .quote-card:has([data-quote-step="1"]:not([hidden])) .stage-choice b,.quote-card:has([data-quote-step="klus"]:not([hidden])) .stage-klus b,.quote-card:has([data-quote-step="2"]:not([hidden])) .stage-details b{display:inline}
  .klus-chip{font-size:12px;padding:10px 14px}
  .klus-q>.field-label{font-size:12px}
  .klus-alarm{font-size:12px}
}

/* cookie notice (script.js shows it with .show) */
.cookie-popup{position:fixed;left:22px;bottom:68px;z-index:90;width:min(350px,calc(100% - 44px));opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s var(--ease),transform .4s var(--ease),visibility 0s .4s}
.cookie-popup.show{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .4s var(--ease)}
.cookie-dialog{position:relative;background:#fffdf9;border:1px solid #e8dfd1;border-radius:18px;padding:20px 20px 18px;box-shadow:0 22px 60px #3227141f}
.cookie-dialog strong{display:block;font-size:16px;letter-spacing:-.03em;margin:10px 0 6px}
.cookie-dialog p{font-size:11px;line-height:1.7}
.cookie-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff1e4;color:var(--orange-dark)}
.cookie-icon .icon{width:18px;height:18px}
.cookie-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:1px solid #e6ddd0;border-radius:50%;background:#f8f4ec;display:grid;place-items:center;padding:0}
.cookie-close .icon{width:14px;height:14px}
.cookie-more{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:11px;font-weight:650;color:var(--orange-dark)}
.cookie-more .icon{width:14px;height:14px}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.cookie-actions button{border-radius:99px;padding:11px 14px;font-weight:650;font-size:12px;border:1px solid #ddd3c4;background:#fff;transition:background .2s,transform .2s var(--ease)}
.cookie-actions .cookie-accept{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.cookie-actions button:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.cookie-actions .cookie-reject:hover{background:#f6f1e8}.cookie-actions .cookie-accept:hover{background:#ff8c37}}
.cookie-badge{position:fixed;left:62px;bottom:20px;z-index:56;height:35px;padding:0 14px;border:1px solid #d9d9ce;border-radius:99px;background:#ffffffe8;backdrop-filter:blur(8px);font-size:10px;font-weight:600;color:var(--muted)}
.cookie-badge.is-accepted:before,.cookie-badge.is-rejected:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;vertical-align:1px;background:var(--orange)}
.cookie-badge.is-rejected:before{background:#b9b4a8}

/* prices filled from the back office */
.price.has-price{animation:ge-price .5s var(--ease)}
@keyframes ge-price{from{opacity:.4}to{opacity:1}}

/* Google reviews: stars, score and the total number of reviews, no texts (owner 2026-10-15); hidden until reviews.json has a score */
.reviews-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;border-bottom:1px solid var(--line);padding-block:84px}
.reviews-section h2{margin:0}
.reviews-plate{display:grid;gap:26px;padding:32px 34px 30px;border:1px solid #e5ded1;border-radius:20px;background:#fffdf9;box-shadow:0 4px 14px #47342504}
.rev-stars{position:relative;display:inline-block;width:max-content;font-size:30px;line-height:1;letter-spacing:.14em;color:#eadfce}
.rev-stars:before,.rev-stars:after{content:"\2605\2605\2605\2605\2605"}
.rev-stars:after{position:absolute;inset:0;color:var(--orange);clip-path:inset(0 calc(100% - var(--fill,0%)) 0 0)}
.has-motion .reviews-plate:not(.is-visible) .rev-stars:after{clip-path:inset(0 100% 0 0)}
.has-motion .reviews-plate .rev-stars:after{transition:clip-path .9s cubic-bezier(.23,1,.32,1) .25s}
.rev-figures{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ece4d6;padding-top:22px}
.rev-fig{display:grid;gap:8px;margin:0}
.rev-fig+.rev-fig{padding-left:28px;border-left:1px solid #ece4d6}
.rev-fig b{font-size:56px;font-weight:650;letter-spacing:-.05em;line-height:.95;color:var(--ink)}
.rev-fig span{font-size:12px;color:var(--muted)}
.reviews-plate .text-link{justify-self:start;margin:0}
@media(prefers-reduced-motion:reduce){.reviews-plate .rev-stars:after{transition:none}.has-motion .reviews-plate:not(.is-visible) .rev-stars:after{clip-path:inset(0 calc(100% - var(--fill,0%)) 0 0)}}

/* service and town pages: our longer copy, the proof list, other towns */
.more-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:95px;border-top:1px solid var(--line)}
.more-grid h2{font-size:clamp(30px,3.4vw,44px);margin-bottom:22px}
.more-grid .prose p+p{margin-top:16px}
.more-proof{background:var(--soft);border:1px solid var(--line);border-radius:13px;padding:32px;height:fit-content}
.more-proof>b{font-size:15px;letter-spacing:-.02em}
.more-proof .checklist{margin-bottom:0}
.more-proof .icon{color:var(--orange-dark);width:18px;height:18px}
.town-copy{grid-template-columns:1fr 1fr}
.town-copy.is-single{grid-template-columns:minmax(0,820px)}
.town-note{display:flex;align-items:flex-start;gap:9px;margin-top:18px;font-size:12px;line-height:1.7}
.town-note .icon{width:17px;height:17px;color:var(--orange-dark);margin-top:2px}
.hero-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:22px 30px;margin-top:30px}
.region-mini{padding-top:40px;border-top:1px solid var(--line)}
.places-row{display:flex;flex-wrap:wrap;gap:10px}
.places-row .place{padding:13px 16px;font-size:13px;gap:10px;border-radius:99px}
.places-row .place .icon{width:16px;height:16px}
.far-towns{border-top:1px solid var(--line)}
.far-towns h2{margin-bottom:16px}
.far-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.far-links a{padding:9px 14px;border:1px solid var(--line);border-radius:99px;font-size:12px;transition:background .25s,border-color .25s}
@media(hover:hover) and (pointer:fine){.far-links a:hover{background:#fff;border-color:#d9cdb9}}
.werkgebied-places{padding-top:20px}
.faq-lead{margin-top:20px;font-size:13px;line-height:1.8}
.faq-lead a,.inner-title .lead a{color:var(--orange-dark);text-decoration:underline}
.faq-item>div,.faq-item>ul,.faq-item>ol{padding:0 50px 22px 0;font-size:13px;line-height:1.85;color:var(--muted)}
.faq-item>p+p{margin-top:-8px}
.faq-item ul,.faq-item ol{padding-left:20px}
.faq-item a{color:var(--orange-dark);text-decoration:underline}

/* contact page */
.contact-section{padding-top:10px}
.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.contact-card{display:flex;flex-direction:column;gap:6px;padding:26px 24px;border:1px solid var(--line);border-radius:14px;background:#fffdf9;transition:background .3s,border-color .3s,transform .3s var(--ease)}
@media(hover:hover) and (pointer:fine){.contact-card:hover{background:#fff;border-color:#e2d4bf;transform:translateY(-3px)}}
.contact-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff1e4;color:var(--orange-dark);margin-bottom:12px}
.contact-card small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-dark);font-weight:650}
.contact-card b{font-size:18px;letter-spacing:-.03em}
.contact-card>span:last-child{font-size:12px;line-height:1.7;color:var(--muted)}
.kvk{margin-top:22px}

/* privacy, over ons */
.privacy-page{padding-top:60px}
.privacy-page ul{font-size:14px;line-height:1.9;color:var(--muted)}
.privacy-page h1{font-size:clamp(44px,5.3vw,76px)}
.certificates-row{border-top:1px solid var(--line);max-width:none}
.certificates-row p{max-width:720px;margin-top:18px}

/* footer: a plug that slides into the socket once, when the footer comes into view ("gewoon goed aangesloten.").
   Replaces the turning ring sculpture of the design (the owner did not like it, 2026-10-11). One-time motion, no loop;
   without motion (reduced motion or the pause button) it simply shows the connected state. Flat orange, no glow. */
.footer-connect{grid-template-columns:1fr 300px auto}
.connection-plug{position:relative;width:300px;display:grid;justify-items:center;gap:2px}
.connection-plug svg{width:100%;height:auto;overflow:visible}
.plug-cable{stroke:#5a4a3b;stroke-width:3.2}
.plug-core{stroke:#ff7816;stroke-width:3.2;stroke-linecap:butt;stroke-dasharray:1;stroke-dashoffset:0}
.plug-tail{stroke:#ff7816;stroke-width:3.2}
.plug-body{fill:#efe7da}
.plug-rib{stroke:#cdbfaa;stroke-width:2.2}
.plug-pin{stroke:#bcb4a5;stroke-width:5}
.socket-face{fill:#1d201c;stroke:#ffffff26;stroke-width:1.2}
.socket-recess{fill:#121411;stroke:#ffffff12;stroke-width:1}
.socket-slot{stroke:#050605;stroke-width:6}
.socket-led{fill:#ff7816}
.plug-caption{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:19px;letter-spacing:-.02em;color:#e9c39c}
.has-motion .plug-move{transition:transform .76s cubic-bezier(.32,.72,0,1)}
.has-motion .plug-core{transition:stroke-dashoffset .6s cubic-bezier(.23,1,.32,1) .72s,opacity 0s linear .72s}
.has-motion .plug-core:nth-of-type(2){transition-delay:.66s}
.has-motion .socket-led{transition:fill .2s ease-out .62s}
.has-motion .plug-tail{transition:stroke .2s ease-out .62s}
.has-motion .plug-caption{transition:opacity .4s ease-out .9s,transform .4s cubic-bezier(.23,1,.32,1) .9s}
.has-motion .connection-plug:not(.is-connected) .plug-move{transform:translateX(-42px)}
.has-motion .connection-plug:not(.is-connected) .plug-core{stroke-dashoffset:1;opacity:0}
.has-motion .connection-plug:not(.is-connected) .plug-core:nth-of-type(2){stroke-dashoffset:-1}
.has-motion .connection-plug:not(.is-connected) .socket-led{fill:#4a4b44}
.has-motion .connection-plug:not(.is-connected) .plug-tail{stroke:#5a4a3b}
.has-motion .connection-plug:not(.is-connected) .plug-caption{opacity:0;transform:translateY(6px)}
@media(max-width:1200px){.footer-connect{grid-template-columns:1fr 240px auto}.connection-plug{width:240px}.plug-caption{font-size:17px}}
@media(max-width:1050px){.connection-plug{display:none}.footer-connect{grid-template-columns:1fr auto}}
@media(max-width:640px){.footer-connect{grid-template-columns:1fr}}

/* six menu items since Contact was added (2026-10-11): on narrow laptops and tablets the header button just says "Offerte" */
@media(min-width:851px) and (max-width:1180px){.header-cta-more{display:none}}

@media(max-width:1000px){
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .more-grid,.town-copy,.reviews-section{grid-template-columns:1fr;gap:40px}
}
@media(max-width:850px){
  .cookie-popup{left:10px;right:10px;width:auto;bottom:84px}
  .cookie-badge{bottom:76px;left:50px;height:29px;padding:0 12px}
  .h1-sub{font-size:15px}
}
@media(max-width:640px){
  .contact-grid{grid-template-columns:1fr}
  .reviews-section{padding-block:60px;gap:28px}
  .reviews-plate{padding:24px 22px 22px;gap:22px;border-radius:16px}
  .rev-stars{font-size:26px}
  .rev-fig b{font-size:44px}
  .rev-fig+.rev-fig{padding-left:20px}
  .more-proof{padding:24px}
}
@media(prefers-reduced-motion:reduce){
  .cookie-popup{transition:opacity .2s}
  .cookie-popup{transform:none}
  .price.has-price{animation:none}
}
/* ---- intro.css */
.intro-cover{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;flex-direction:column;background:#fbfaf6;pointer-events:none;overflow:hidden}
.intro-type{font-family:Mona,Arial,sans-serif;font-size:clamp(48px,7vw,106px);font-weight:650;letter-spacing:-.07em;line-height:1.02;text-align:left;color:#171716}
.intro-type>span{display:block;opacity:0;transform:translateY(20px)}.intro-type .orange{color:var(--orange,#ff7816)}
.intro-line{height:2px;position:absolute;bottom:0;left:0;width:100%;background:var(--orange,#ff7816);transform:scaleX(0);transform-origin:left}
.intro-active .intro-cover{display:flex;animation:intro-wipe .55s var(--ease,cubic-bezier(.2,.75,.25,1)) .75s both}
.intro-active .intro-type>span{animation:intro-word .45s var(--ease,cubic-bezier(.2,.75,.25,1)) .05s forwards}.intro-active .intro-type>span:nth-child(2){animation-delay:.2s}.intro-active .intro-type>span:nth-child(3){animation-delay:.35s}
.intro-active .intro-line{animation:line-grow 1s var(--ease,cubic-bezier(.2,.75,.25,1)) both}
@keyframes intro-word{to{opacity:1;transform:translateY(0)}}@keyframes intro-wipe{to{transform:translateY(-102%)}}@keyframes line-grow{to{transform:scaleX(1)}}
.motion-paused .intro-cover{display:none!important}@media(prefers-reduced-motion:reduce){.intro-cover{display:none!important}}
@media(max-width:420px){.intro-type{font-size:clamp(37px,11.7vw,48px)}}
/* ---- entrance.css */
/* Photo, lighting and routes share one 3:2 coordinate plane. */
.cinema-hero.entrance-hero{height:auto;min-height:0;max-width:1680px;margin:0 auto;padding:30px 32px 0;border-radius:0;background:#fcfbf8;box-shadow:none;color:#171716;isolation:isolate;overflow:visible}
.entrance-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:0 20px 29px}
.entrance-eyebrow{display:flex;align-items:center;gap:8px;text-transform:uppercase;font-size:9px;letter-spacing:.16em;font-weight:600;color:#9e5626;margin-bottom:16px}
.cinema-hero.entrance-hero h1{font-size:clamp(43px,4.2vw,66px);line-height:.99;letter-spacing:-.065em;font-weight:650;margin:0;max-width:none}
.entrance-heading h1 br{display:block}.entrance-heading h1 span{color:#f47822}
.entrance-intro{width:337px;flex-shrink:0}.entrance-intro p{color:#7a7269;font-size:12px;line-height:1.8;margin-bottom:16px}.entrance-intro .button{padding:13px 17px;font-size:11px;width:100%;min-height:47px}.entrance-intro small{display:block;margin-top:8px;font-size:9px;color:#8c8175}
.entrance-worlds{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.entrance-world{position:relative;min-width:0;height:clamp(525px,42vw,650px);border:1px solid #d9c5ad33;border-radius:23px;overflow:hidden;isolation:isolate;background:#19211e;color:#fff9ef;transition:border-color .5s,box-shadow .5s}
.entrance-world:hover,.entrance-world:focus-within{border-color:#d88e5455;box-shadow:0 15px 45px #50321318}
.entrance-climate{--air-color:#b9e6ef;background:#253138}.entrance-climate[data-mode=verwarmen]{--air-color:#ffbb6d;background:#30251d}
.entrance-world-top{position:absolute;top:24px;left:27px;right:27px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#f2ecdfab;letter-spacing:.045em}
.entrance-world-top>span:first-child{display:flex;align-items:center;gap:7px}.entrance-world-top i{width:5px;height:5px;border-radius:50%;background:#f9a660;box-shadow:0 0 12px #f7a46c55}.entrance-state{font-size:8px;padding:7px 10px;background:#111a2075;border:1px solid #ffffff29;border-radius:99px;backdrop-filter:blur(10px);letter-spacing:0;color:#f7f4ed}
.entrance-artwork{position:absolute;top:8%;left:-6%;width:112%;aspect-ratio:3/2;z-index:0;transform:perspective(1200px) translate3d(var(--entry-x,0px),calc(var(--entry-y,0px) + var(--hero-shift,0px)*.2),0) rotateY(var(--entry-yaw,0deg)) scale(var(--entry-scale,1));transition:transform 1.1s cubic-bezier(.16,1,.3,1);transform-origin:50% 60%;will-change:auto}
.entrance-house{width:100%;height:100%;max-width:none;object-fit:fill;border-radius:0;filter:saturate(.7) brightness(.7);transition:filter 1s}
.entrance-electric .entrance-house{filter:saturate(.55) brightness(.62)}.entrance-electric[data-powered=false] .entrance-house{filter:saturate(.4) brightness(.4)}
.entrance-night,.entrance-climate-tint{position:absolute;inset:0;background:linear-gradient(180deg,#171e2822,#111f2633);mix-blend-mode:multiply;pointer-events:none}
.entrance-climate-tint{background:linear-gradient(180deg,#96d6f244,#58c4ff22);mix-blend-mode:color;transition:background .9s}.entrance-climate[data-mode=verwarmen] .entrance-climate-tint{background:linear-gradient(180deg,#ffbf6244,#ff983222)}
.entrance-effects{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.entrance-electric-effects,.entrance-air-effects{opacity:1;transition:opacity .55s}.entrance-world[data-powered=false] .entrance-electric-effects,.entrance-world[data-powered=false] .entrance-air-effects{opacity:0}
.entrance-light-glows{fill:url(#entry-light-glow);mix-blend-mode:screen;opacity:.55}
.entrance-route-base,.entrance-route-pulse{fill:none;stroke:#ffb472;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.entrance-route-base{stroke-width:1;opacity:.25}.entrance-route-pulse{stroke-width:1.6;stroke-dasharray:18 65;filter:drop-shadow(0 0 5px #ffa247);animation:entry-current 3.8s linear infinite;animation-play-state:paused}
.entrance-route-nodes{fill:#ffd4a8;filter:drop-shadow(0 0 6px #ff9e46)}
.entrance-air-effects{color:var(--air-color)}.entrance-air-washes{fill:url(#entry-air-wash)}.entrance-air-base,.entrance-air-pulse{fill:none;stroke:currentColor;stroke-linecap:round;vector-effect:non-scaling-stroke}.entrance-air-base{stroke-width:.9;opacity:.22}.entrance-air-pulse{stroke-width:1.5;stroke-dasharray:8 24;filter:drop-shadow(0 0 4px currentColor);animation:entry-air 2.5s linear infinite;animation-play-state:paused}.entrance-unit-leds{fill:currentColor;filter:drop-shadow(0 0 5px currentColor)}
.entrance-scene-label{position:absolute;display:flex;align-items:center;gap:7px;border:1px solid #ffffff32;border-radius:99px;padding:8px 11px;background:#18202088;backdrop-filter:blur(12px);font-size:9px;color:#f7e0c8;box-shadow:0 5px 15px #0001}.entrance-scene-label .icon{width:14px;height:14px}.entrance-electric-label{top:28%;right:14%}.entrance-climate-label{top:25%;right:16%;color:var(--air-color)}
.entrance-world[data-powered=false] .entrance-scene-label{opacity:0}
.entrance-world-shade{position:absolute;inset:0;background:linear-gradient(180deg,#19211ebf,transparent 21%,transparent 36%,#19211e66 51%,#19211eee 68%,#19211e 90%),linear-gradient(90deg,#19211e44,transparent 20%,transparent 80%,#19211e44);z-index:1;pointer-events:none}
.entrance-climate .entrance-world-shade{background:linear-gradient(180deg,#253138af,transparent 21%,transparent 36%,#25313877 51%,#253138ee 68%,#253138 90%),linear-gradient(90deg,#25313833,transparent 25%,transparent 75%,#25313833);transition:background .9s}
.entrance-climate[data-mode=verwarmen] .entrance-world-shade{background:linear-gradient(180deg,#30251daf,transparent 21%,transparent 36%,#30251d77 51%,#30251dee 68%,#30251d 90%)}
.entrance-control-row{position:absolute;left:30px;right:30px;bottom:238px;z-index:4;display:flex;align-items:center;gap:13px}
.entrance-switch{display:inline-flex;align-items:center;gap:9px;min-height:44px;border:1px solid #ffffff46;border-radius:99px;background:#faf2e7e8;backdrop-filter:blur(18px);color:#66452c;padding:8px 12px;font-size:10px;font-weight:550;box-shadow:0 5px 20px #0001}.entrance-switch>.icon{width:15px;height:15px;margin-left:6px}.entrance-switch-track{width:27px;height:16px;display:block;border-radius:99px;background:#ff8d3d;padding:2px;transition:background .3s}.entrance-switch-track i{display:block;width:12px;height:12px;border-radius:50%;background:#fff;transform:translateX(11px);transition:transform .3s}.entrance-switch[aria-checked=false] .entrance-switch-track{background:#a5a098}.entrance-switch[aria-checked=false] .entrance-switch-track i{transform:translateX(0)}
.entrance-control-hint{font-size:8px;color:#e6d3bf99}.entrance-climate-controls{gap:9px}
.entrance-modes{display:flex;gap:3px;min-height:44px;background:#f5f5f1e8;border:1px solid #ffffff77;padding:3px;border-radius:99px;backdrop-filter:blur(18px)}.entrance-modes button{display:flex;align-items:center;gap:5px;border:0;border-radius:99px;background:transparent;color:#787167;font-size:9px;padding:6px 11px;transition:background .35s,color .35s}.entrance-modes .icon{width:13px;height:13px}.entrance-modes button[aria-pressed=true]{background:#314d5b;color:#e6f6f9}.entrance-climate[data-mode=verwarmen] .entrance-modes button[aria-pressed=true]{background:#ab5a29;color:#fff1e3}
.entrance-power{width:44px;height:44px;border:1px solid #ffa26488;border-radius:50%;background:#f18a3c;color:#35221b;box-shadow:0 0 20px #f38f4033;display:grid;place-items:center;transition:background .4s}.entrance-power svg{width:18px;height:18px}.entrance-power[aria-checked=false]{background:#d8d3cc;color:#796d61;box-shadow:none;border-color:#fff6}
.entrance-world-copy{position:absolute;left:30px;right:30px;bottom:27px;z-index:3}.entrance-world-kicker{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#e3b07c;font-weight:550;display:block;margin-bottom:10px}.entrance-climate .entrance-world-kicker{color:#d0e0e4}
.entrance-world h2{font-size:clamp(57px,6.3vw,94px);line-height:.95;font-weight:650;letter-spacing:-.065em;color:#fffaf2;margin:0 0 16px}.entrance-world h2>span{color:#ff862e}.entrance-world-copy>p{font-size:12px;line-height:1.75;color:#d4d5ca;max-width:390px;margin-bottom:21px}
.entrance-world-actions{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap}.entrance-primary{display:flex;align-items:center;gap:15px;min-height:45px;font-size:10px;font-weight:550;border:1px solid #ffffff42;border-radius:99px;padding:7px 7px 7px 17px;background:#ffffff08;transition:background .3s}.entrance-primary>.icon{width:30px;height:30px;padding:7px;border-radius:50%;background:#f98a35;color:#342214;transition:transform .3s}.entrance-primary:hover{background:#ffffff13}.entrance-primary:hover>.icon{transform:rotate(-35deg)}.entrance-quote{display:flex;align-items:center;gap:7px;font-size:10px;color:#ffb475;padding:10px 0;border-bottom:1px solid #c5936033}.entrance-quote>.icon{width:12px;height:12px}
.entrance-foot{display:flex;align-items:center;justify-content:space-between;padding:20px 10px 24px;color:#8f8070;font-size:9px}.entrance-foot>span{display:flex;align-items:center;gap:7px}.entrance-foot>span>i{width:5px;height:5px;border:1px solid #c89e76;border-radius:50%}.entrance-foot>a{display:flex;align-items:center;gap:16px;color:#74624f;font-size:10px}.entrance-scroll-mark{display:block;width:13px;height:21px;border:1px solid #b29f8a;border-radius:99px;position:relative}.entrance-scroll-mark:after{content:'';position:absolute;width:2px;height:4px;background:#e48a48;left:5px;top:4px;border-radius:2px;animation:entry-scroll 2s ease-in-out infinite;animation-play-state:paused}
.entrance-tabs{display:flex;gap:4px;padding:4px;background:#eeeae3;border:1px solid #e6dfd4;border-radius:99px}.entrance-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:0;border-radius:99px;background:transparent;color:#8d7d6c;font-size:10px;min-height:44px;font-weight:550}.entrance-tabs .icon{width:17px;height:17px}.entrance-tabs button[aria-pressed=true]{background:#fffaf3;color:#a45a29;box-shadow:0 2px 8px #65523012}
.entrance-world[data-motion-running=true] .entrance-route-pulse,.entrance-world[data-motion-running=true] .entrance-air-pulse,.service-entrance[data-motion-running=true] .entrance-scroll-mark:after{animation-play-state:running}.entrance-world[data-powered=false] .entrance-route-pulse,.entrance-world[data-powered=false] .entrance-air-pulse{animation-play-state:paused!important}
.has-motion .entrance-hero.entered .entrance-heading{animation:entry-reveal .9s var(--ease) both}.has-motion .entrance-hero.entered .entrance-world{animation:entry-reveal 1s var(--ease) .12s backwards}.has-motion .entrance-hero.entered .entrance-world:nth-child(2){animation-delay:.25s}
.motion-paused .entrance-artwork,.tab-hidden .entrance-artwork{transform:none!important}.motion-paused .entrance-world,.motion-paused .entrance-heading{opacity:1!important;transform:none!important}
@keyframes entry-current{to{stroke-dashoffset:-166}}@keyframes entry-air{to{stroke-dashoffset:-64}}@keyframes entry-scroll{0%,100%{transform:translateY(0);opacity:.5}55%{transform:translateY(7px);opacity:1}}@keyframes entry-reveal{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.entrance-heading h1 br{display:block}.entrance-heading{margin-bottom:35px}.cinema-hero.entrance-hero{padding-top:34px}.entrance-artwork{top:5%}.entrance-control-row{bottom:250px}.entrance-world-copy{bottom:32px;left:37px;right:37px}.entrance-world-copy>p{font-size:13px;max-width:430px}.entrance-world-actions{gap:20px}.entrance-primary,.entrance-quote{font-size:11px}}
@media(max-width:1200px){.cinema-hero.entrance-hero{padding-inline:22px}.entrance-heading{margin-inline:6px;gap:24px}.entrance-heading h1 br{display:block}.entrance-intro{width:310px}.entrance-world-top{left:22px;right:22px;top:21px}.entrance-world-copy{left:24px;right:24px}.entrance-control-row{left:24px;right:24px;bottom:241px}.entrance-world-copy>p{font-size:11px;max-width:340px}.entrance-control-hint{display:none}.entrance-world-actions{gap:8px}.entrance-primary{font-size:9px;padding-left:13px;gap:9px}.entrance-quote{font-size:9px}.entrance-state{font-size:7px;padding:6px 8px}.entrance-world-top{font-size:8px}.entrance-artwork{top:10%}}
@media(max-width:900px) and (min-width:761px){.entrance-world{height:545px}.entrance-world h2{font-size:61px}.entrance-world-copy>p{max-width:260px;min-height:58px}.entrance-world-actions{flex-direction:column;align-items:flex-start;gap:8px}.entrance-control-row{bottom:272px}.entrance-artwork{top:14%;width:120%;left:-10%}.entrance-world-top{font-size:7px;left:19px;right:19px}.entrance-state{display:none}.entrance-world-copy{left:21px;right:21px}.entrance-heading h1{font-size:47px!important}}
@media(max-width:760px){.cinema-hero.entrance-hero{padding:25px 12px 0}.entrance-heading{display:block;margin:0 10px 22px}.entrance-eyebrow{font-size:8px;margin-bottom:14px}.entrance-heading h1 br{display:block}.cinema-hero.entrance-hero h1{font-size:clamp(43px,9.9vw,63px)}.entrance-intro{width:auto;max-width:430px;margin-top:17px}.entrance-intro p{font-size:12px;line-height:1.75;margin-bottom:15px}.entrance-intro .button{font-size:11px;min-height:48px;width:auto;gap:32px}.entrance-intro small{display:none}.entrance-tabs{margin:0 4px 12px}.entrance-worlds{grid-template-columns:1fr;gap:14px}.entrance-world{height:clamp(525px,120vw,660px);border-radius:21px}.entrance-world-top{top:20px;left:22px;right:22px;font-size:8px}.entrance-state{font-size:8px}.entrance-artwork{top:9%;width:118%;left:-9%}.entrance-control-row{left:23px;right:23px;bottom:239px}.entrance-world-copy{bottom:25px;left:23px;right:23px}.entrance-world h2{font-size:clamp(63px,16vw,94px);margin-bottom:14px}.entrance-world-copy>p{font-size:12px;max-width:400px;margin-bottom:18px}.entrance-world-kicker{font-size:8px}.entrance-world-actions{gap:12px}.entrance-primary{font-size:10px;min-height:43px;padding-left:14px;gap:10px}.entrance-quote{font-size:9px}.entrance-foot{font-size:7px;gap:15px;padding:17px 9px 19px}.entrance-foot>a{font-size:9px;gap:9px}.entrance-scene-label{font-size:8px;padding:6px 9px}.entrance-electric-label{right:13%;top:29%}.entrance-climate-label{top:27%}}
@media(max-width:390px){.entrance-world{height:540px}.entrance-world-copy>p{font-size:11px}.entrance-world-actions{gap:7px}.entrance-primary{font-size:9px;gap:9px}.entrance-quote{font-size:8px;gap:4px}.entrance-world-top{font-size:7px;left:19px;right:19px}.entrance-world-copy{left:20px;right:20px}.entrance-control-row{left:20px;bottom:228px}.entrance-world-kicker{font-size:7px}.entrance-state{font-size:7px}.entrance-switch{font-size:9px}.entrance-foot>span{max-width:150px;line-height:1.5}.entrance-tabs button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.entrance-artwork{transform:none!important}.entrance-world,.entrance-heading{opacity:1!important;transform:none!important}.entrance-world *{animation:none!important;transition:none!important}}