.room-animate{transform-box:fill-box;transform-origin:50%;opacity:0;animation:.7s cubic-bezier(.33,1.02,.6,1) both roomFadeIn}@keyframes roomFadeIn{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}:root{--bg:#f6f8f6;--surface:#fff;--surface-2:#eef4f1;--ink:#08224a;--contrast-blue:#08224a;--muted:#60716d;--line:#dce6e2;--line-strong:#a9bbb5;--accent:#0f766e;--accent-dark:#0b514c;--accent-soft:#d9f1ed;--signal:#e2a91b;--radius:8px;--max:1180px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}p{color:var(--muted)}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f8f6eb;border-bottom:1px solid #dce6e2e6;position:sticky;top:0}.nav-wrap{max-width:var(--max);justify-content:space-between;align-items:center;margin:0 auto;padding:16px 24px;display:flex}.brand{align-items:center;gap:10px;font-weight:850;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.nav-links{align-items:center;gap:22px;display:flex}.nav-links a{color:var(--muted);font-size:15px;font-weight:700}.nav-links a:hover,.nav-links .active{color:var(--accent-dark)}.nav-cta,.button{border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.nav-cta,.button.primary{color:var(--contrast-blue);background:#f4fbff;border:1px solid #08224a3d;box-shadow:0 12px 32px #08224a1f}.button.secondary{border:1px solid var(--line-strong);color:var(--ink)}.button.light{color:var(--ink);background:#fff}.hero{max-width:var(--max);grid-template-columns:minmax(0,1.03fr) minmax(340px,.97fr);gap:42px;margin:0 auto;padding:74px 24px 64px;display:grid}.hero-copy{align-self:center}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:900}h1{color:var(--ink);max-width:820px;margin-bottom:24px;font-size:clamp(44px,7vw,82px);line-height:.98}h2{color:var(--ink);margin-bottom:18px;font-size:clamp(30px,4vw,52px);line-height:1.05}h3{color:var(--ink);margin-bottom:10px;font-size:22px;line-height:1.2}.lead{max-width:700px;font-size:20px;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-media{border-radius:var(--radius);min-height:520px;position:relative;overflow:hidden}.hero-media img{object-fit:cover;width:100%;height:100%}.hero-badge{border-radius:var(--radius);background:#ffffffed;border:1px solid #fffc;padding:18px;position:absolute;bottom:18px;left:18px;right:18px}.hero-badge strong{color:var(--contrast-blue);font-size:24px;line-height:1.1;display:block}.hero-badge span{color:color-mix(in srgb, var(--contrast-blue) 72%, white);margin-top:8px;display:block}.home-hero{max-width:1280px;padding-top:58px}.home-hero h1{font-size:clamp(48px,7.8vw,92px)}.home-hero .button.primary{color:var(--contrast-blue);background:linear-gradient(135deg,#f4fbff,#dff8ff 58%,#c9f2ea);box-shadow:0 18px 42px #08224a29}.smart-home-stage{background:radial-gradient(circle at 28% 18%,#29a7c842,#0000 28%),radial-gradient(circle at 80% 70%,#e2a91b33,#0000 30%),linear-gradient(145deg,#071513 0%,#10201d 52%,#18312d 100%);border:1px solid #ffffff1f;border-radius:8px;min-height:560px;position:relative;overflow:hidden;box-shadow:0 34px 90px #06151357}.stage-skyline{opacity:.45;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;transform:perspective(700px)rotateX(58deg)translateY(120px)scale(1.5)}.energy-ring{border:1px solid #29a7c857;border-radius:999px;position:absolute;inset:12%;transform:rotateX(64deg)rotate(0)}.ring-one{animation:16s linear infinite orbit}.ring-two{border-color:#e2a91b57;animation:22s linear infinite reverse orbit;inset:23% 10%}.home-shell{width:min(82%,500px);position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.roof{filter:drop-shadow(0 22px 28px #0003);border-bottom:92px solid #eef4f1eb;border-left:180px solid #0000;border-right:180px solid #0000;width:0;max-width:96%;height:0;margin:0 auto -2px}.home-core{background:#f6f8f6eb;border:1px solid #ffffffb8;border-radius:8px;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid;box-shadow:inset 0 0 42px #0f766e24,0 28px 60px #0000004d}.home-core .room{background:linear-gradient(145deg,#fffffff0,#e5f1ede0);border-color:#0f766e38;min-height:128px;overflow:hidden}.home-core .room:after{content:"";background:linear-gradient(90deg,#0000,#ffffffd6,#0000);animation:5.5s ease-in-out infinite roomScan;position:absolute;inset:0;transform:translate(-110%)}.home-core .room span{color:var(--accent-dark);margin-bottom:8px;font-size:13px;font-weight:900;display:block}.home-core .room strong{color:var(--ink);font-size:22px}.home-core .room i{color:var(--accent);border-radius:999px;width:14px;height:14px;animation:2s ease-in-out infinite pulse;position:absolute;bottom:14px;right:14px;box-shadow:0 0 24px}.home-core .security i{color:#d04f3b;animation-delay:.4s}.home-core .climate i{color:#29a7c8;animation-delay:.8s}.home-core .energy i{color:var(--signal);animation-delay:1.2s}.foundation{background:#ffffffc7;border-radius:0 0 8px 8px;width:88%;height:18px;margin:0 auto}.signal-line{transform-origin:0;background:linear-gradient(90deg,#0000,#29a7c8eb,#0000);width:42%;height:2px;animation:2.8s ease-in-out infinite signalFlow;position:absolute}.line-access{top:36%;left:8%;transform:rotate(17deg)}.line-light{animation-delay:.8s;top:28%;right:7%;transform:rotate(158deg)}.line-energy{animation-delay:1.4s;bottom:22%;left:22%;transform:rotate(-14deg)}.device-chip{color:var(--ink);background:#ffffffe6;border:1px solid #ffffffb3;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:900;animation:5s ease-in-out infinite floatChip;position:absolute;box-shadow:0 18px 40px #0003}.chip-door{top:18%;left:8%}.chip-heat{animation-delay:1.2s;top:48%;right:7%}.chip-app{animation-delay:2.1s;bottom:24%;left:9%}.cinematic-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#081513c7;border-color:#ffffff2e}.cinematic-badge strong,.cinematic-badge span{color:#fff}.cinematic-badge span{opacity:.78}@keyframes orbit{to{transform:rotateX(64deg)rotate(360deg)}}@keyframes roomScan{0%,32%{opacity:0;transform:translate(-110%)}42%{opacity:1}58%,to{opacity:0;transform:translate(110%)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.55)}}@keyframes signalFlow{0%,to{opacity:.18;clip-path:inset(0 100% 0 0)}45%{opacity:1;clip-path:inset(0)}75%{opacity:.3;clip-path:inset(0 0 0 100%)}}@keyframes floatChip{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.section{border-top:1px solid var(--line);max-width:var(--max);margin:0 auto;padding:72px 24px}.section-grid{grid-template-columns:.85fr 1.15fr;gap:44px;display:grid}.section-head{max-width:700px}.kicker{color:var(--accent);font-weight:850}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card,.service-card,.post-card,.info-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card{min-height:170px;padding:22px}.card .number{color:var(--accent);margin-bottom:28px;font-size:14px;font-weight:900;display:block}.service-list{gap:18px;display:grid}.service-card{grid-template-columns:210px 1fr;gap:24px;padding:16px;display:grid}.service-card img{object-fit:cover;border-radius:6px;width:100%;height:180px}.service-card .number{color:var(--accent);font-weight:900}.feature-band{background:var(--ink);color:#fff;max-width:none;margin:0}.feature-band .band-inner{max-width:var(--max);grid-template-columns:1fr 1fr;gap:36px;margin:0 auto;padding:76px 24px;display:grid}.feature-band p,.feature-band h2{color:#fff}.feature-band p{opacity:.78}.steps{gap:16px;display:grid}.step{border-top:1px solid var(--line);grid-template-columns:88px 1fr;gap:18px;padding-top:22px;display:grid}.step span{color:var(--accent);font-weight:900}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.post-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.post-card div{padding:20px}.post-card time,.meta{color:var(--muted);margin-bottom:10px;font-size:14px;font-weight:700;display:block}.split-media{grid-template-columns:1fr 1fr;align-items:center;gap:28px;display:grid}.split-media img{border-radius:var(--radius);object-fit:cover;width:100%;min-height:430px}.article{max-width:860px;margin:0 auto;padding:64px 24px}.article img{border-radius:var(--radius);width:100%;margin:32px 0}.article p,.article li{color:var(--muted);font-size:18px}.article a{color:var(--accent-dark);font-weight:800}.article ul{padding-left:22px}.info-card{padding:24px}.info-card strong{color:var(--ink);margin-bottom:8px;font-size:20px;display:block}.planner-grid{grid-template-columns:360px 1fr;gap:24px;display:grid}.planner-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.control-group{border-top:1px solid var(--line);padding:18px 0}.control-group:first-child{border-top:0;padding-top:0}label{color:var(--contrast-blue);margin-bottom:8px;font-weight:800;display:block}input:not([type=range]):not([type=checkbox]),textarea,select{border:1px solid var(--line-strong);color:var(--contrast-blue);background:#fff;border-radius:6px;width:100%;min-height:44px;margin-bottom:16px;padding:10px 12px;display:block}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--contrast-blue) 58%, white)}textarea{resize:vertical}button.button{cursor:pointer;border:0}input[type=range]{accent-color:var(--accent);width:100%}.toggle-list{gap:10px;display:grid}.toggle-list label{align-items:center;gap:10px;margin:0;display:flex}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.segmented{background:var(--surface-2);border-radius:6px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{color:color-mix(in srgb, var(--contrast-blue) 64%, white);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:5px;min-height:38px;font-weight:800}.segmented button.active{color:var(--contrast-blue);background:#fff}.building-plan{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#e9f0ec,#fff);padding:22px}.room-config-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.button.secondary{background:var(--surface-2);color:var(--accent-dark)}.room-config-list{gap:14px;max-height:720px;padding-right:4px;display:grid;overflow:auto}.room-config-card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.room-config-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.room-config-head label{margin:0}.room-config-head button{color:var(--contrast-blue);cursor:pointer;font:inherit;background:0 0;border:0;font-size:13px;font-weight:800}.room-config-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.room-config-card label{color:var(--contrast-blue);font-size:13px;font-weight:850}.room-config-card input:not([type=checkbox]),.room-config-card select{border:1px solid var(--line-strong);color:var(--contrast-blue);font:inherit;background:#fff;border-radius:6px;width:100%;min-height:40px;margin:6px 0 12px;padding:8px 10px;display:block}.room-inline-toggle{align-items:center;gap:10px;margin:4px 0 0;display:flex}.installation-svg{width:100%;max-width:100%;height:auto;margin:0 auto;display:block}.installation-roof{fill:#10201d;opacity:.9;stroke:#0f766e;stroke-width:3px}.floor-shell{fill:#ffffffd6;stroke:var(--line-strong);stroke-width:2px}.floor-label{fill:var(--accent-dark);font-size:18px;font-weight:900}.installation-room{fill:#fff;stroke:#0f766e;stroke-width:2px}.room-badge{fill:var(--accent-soft);stroke:#afdcd4;stroke-width:1px}.material-list{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:18px;padding:20px}.material-list-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.material-list-head h2{color:var(--ink);margin:0;font-size:24px}.material-list-head strong{background:var(--ink);color:#fff;border-radius:999px;flex:none;padding:8px 12px;font-size:13px}.material-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.material-item{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:12px}.material-item strong{color:var(--ink);margin-bottom:3px;font-size:14px;display:block}.material-item span{color:var(--muted);font-size:13px;display:block}.floor{grid-template-columns:1.2fr .8fr;gap:10px;margin-bottom:10px;display:grid}.room{border:1px solid var(--line);background:#fff;border-radius:6px;min-height:108px;padding:14px;position:relative}.room strong{margin-bottom:24px;display:block}.device-row{gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.device{background:var(--accent-soft);color:var(--accent-dark);text-align:center;border:1px solid #afdcd4;border-radius:999px;min-width:28px;height:28px;padding:4px 8px;font-size:12px;font-weight:900}.estimate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.estimate{background:var(--ink);border-radius:var(--radius);color:#fff;padding:18px}.estimate span{color:#ffffffb3;margin-bottom:6px;font-size:13px;font-weight:800;display:block}.estimate strong{font-size:28px}.experience-page .planner-panel{background:#ffffff0f;border-color:#ffffff21}.experience-page .control-group>label{color:#f4fbf8;letter-spacing:.05em;margin-bottom:8px;font-size:13px;font-weight:900;display:block}.experience-page .segmented{background:#ffffff0f}.experience-page .segmented button{color:#f4fbf88c}.experience-page .segmented button.active{color:#f4fbf8;background:#0f766e99;box-shadow:0 2px 12px #0f766e66}.experience-page .room-config-toolbar{margin-bottom:16px}.experience-page .room-count-badge{color:#5ef0de;background:#0f766e59;border:1px solid #0f766e99;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:900}.experience-page .btn-add-room{color:#5ef0de;cursor:pointer;font:inherit;background:#0f766e33;border:1px solid #0f766e80;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.experience-page .btn-add-room:hover{background:#0f766e59;border-color:#0f766ecc}.experience-page .room-config-list{gap:12px}.room-card-dark{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.room-card-dark:hover{border-color:#0f766e80;box-shadow:0 4px 20px #0000004d}.room-card-header{background:#ffffff0d;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 14px;display:flex}.room-number{color:#5ef0de;text-align:center;background:#0f766e66;border-radius:6px;min-width:32px;padding:4px 6px;font-size:11px;font-weight:900}.room-title-wrap{flex:1}.room-name-input{color:#f4fbf8;font:inherit;background:0 0;border:0;border-bottom:1px solid #fff3;width:100%;padding:2px 4px;font-size:15px;font-weight:800}.room-name-input:focus{border-bottom-color:var(--accent);outline:none}.btn-remove-room{color:#f4fbf866;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:4px;transition:all .2s;display:grid}.btn-remove-room:hover{color:#f87171;background:#dc503c40}.room-card-body{flex-direction:column;gap:12px;padding:14px;display:flex}.room-field-row{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.room-field-wide{grid-column:span 1}.room-field label{color:#f4fbf88c;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.room-field select,.room-field input[type=number]{color:#f4fbf8;font:inherit;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;width:100%;height:38px;padding:0 10px}.room-field select:focus,.room-field input[type=number]:focus{border-color:var(--accent);outline:none}.stepper{background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;align-items:center;height:38px;display:flex;overflow:hidden}.stepper-btn{color:#f4fbf899;cursor:pointer;background:0 0;border:0;min-width:32px;height:100%;font-size:18px;transition:all .15s}.stepper-btn:hover{color:#f4fbf8;background:#ffffff14}.stepper input{color:#f4fbf8;font:inherit;text-align:center;background:0 0;border:0;border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;width:42px;min-width:36px;height:100%;padding:0 8px;font-size:14px;font-weight:800}.stepper input:focus{outline:none}.room-access-toggle{cursor:pointer;align-items:center;gap:10px;padding:4px 0;display:flex}.room-access-toggle .toggle-track{background:#ffffff1f;border-radius:999px;width:44px;height:22px;transition:background .2s;position:relative}.room-access-toggle .toggle-thumb{background:#f4fbf880;border-radius:999px;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.room-access-toggle input:checked~.toggle-track{background:#0f766e99}.room-access-toggle input:checked~.toggle-track .toggle-thumb{background:#5ef0de;left:25px}.room-access-toggle span:last-child{color:#f4fbf8b3;font-size:13px;font-weight:700}.experience-page .building-plan{background:#0000004d;border-color:#ffffff1a;padding:16px}.installation-svg{width:100%}.floor-label{fill:#f4fbf8;letter-spacing:.04em;font-size:13px;font-weight:900}.room-title{fill:#f4fbf8;font-size:13px;font-weight:900}.room-badge-text{fill:#f4fbf8d9;text-anchor:middle;font-size:10px;font-weight:900}.badge-pill{fill:#ffffff1a;stroke:#ffffff2e;stroke-width:1px}@keyframes roomFadeUp{0%{opacity:0;transform:translateY(16px)scale(.92)}60%{opacity:1;transform:translateY(-4px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}.room-group{opacity:0;transform-box:fill-box;transform-origin:bottom;cursor:pointer;transition:filter .3s;animation:.65s cubic-bezier(.33,1.02,.6,1) both roomFadeUp}.room-group:hover .room-rect{filter:url(#roomGlow)}.room-group .room-rect{transition:all .3s}.room-group:hover .room-rect{stroke:#5ef0dee6;stroke-width:2px}.material-list-dark{background:#00000040;border:1px solid #ffffff1a;border-radius:14px;margin-top:0;padding:22px}.material-list-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.material-list-title h2{color:#f4fbf8;margin:6px 0 0;font-size:26px}.eyebrow-dark{color:var(--signal);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.material-list-meta{align-items:center;gap:10px;display:flex}.meta-badge{color:#5ef0de;background:#0f766e59;border:1px solid #0f766e8c;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:900}.material-grid-dark{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.material-card-dark{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;align-items:flex-start;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.material-card-dark:hover{background:#ffffff14;border-color:#0f766e66;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.material-card-icon{color:var(--accent);background:#0f766e33;border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.material-card-content{flex:1;min-width:0}.material-card-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.material-name{color:#f4fbf8;flex:1;min-width:0;font-size:13px;font-weight:800}.material-qty{color:var(--signal);background:#e2a91b40;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:900}.material-note{color:#f4fbf880;margin:0;font-size:12px;line-height:1.4}.experience-page .estimate{background:#ffffff0f;border:1px solid #ffffff1a}.cta{background:var(--accent-dark);color:#fff;max-width:var(--max);margin:0 auto;padding:48px 24px}.cta h2,.cta p{color:#fff}.cta p{opacity:.82}.site-footer{border-top:1px solid var(--line);margin-top:0}.footer-inner{max-width:var(--max);grid-template-columns:1fr 1fr;gap:28px;margin:0 auto;padding:34px 24px;display:grid}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.footer-links a{color:var(--muted);font-weight:700}@media (width<=920px){.nav-wrap{flex-direction:column;align-items:flex-start;gap:14px}.nav-links{flex-wrap:wrap;gap:12px 16px}.nav-cta{display:none}.nav-hamburger{display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.mobile-nav{width:100%}.hero,.section-grid,.feature-band .band-inner,.split-media,.planner-grid,.plan-wrap,.footer-inner{grid-template-columns:1fr}.hero-media{min-height:360px}.smart-home-stage{min-height:520px}.card-grid,.post-grid,.contact-grid,.estimate-grid{grid-template-columns:1fr 1fr}.service-card{grid-template-columns:1fr}}@media (width<=620px){.card-grid,.post-grid,.contact-grid,.estimate-grid{grid-template-columns:1fr}.hero{padding-top:46px}.actions,.button{width:100%}.room-config-toolbar{flex-direction:column;align-items:stretch}.room-config-grid,.material-items{grid-template-columns:1fr}.room-config-list{max-height:none;padding-right:0;overflow:visible}.material-list-head{flex-direction:column}.floor{grid-template-columns:1fr}.smart-home-stage{min-height:500px}.home-shell{width:92%}.roof{border-bottom-width:70px;border-left-width:132px;border-right-width:132px}.home-core .room{min-height:112px}.device-chip{padding:8px 10px;font-size:12px}.chip-door{left:5%}.chip-heat{right:4%}.chip-app{left:5%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.experience-page{--bg:#050807;--surface:#ffffff13;--surface-2:#ffffff1c;--ink:#f4fbf8;--muted:#a5b7b1;--line:#ffffff21;--line-strong:#ffffff47;--accent:#65f0dd;--accent-dark:#8ffbea;--accent-soft:#65f0dd24;--signal:#ffd166;color:var(--ink);background:linear-gradient(#65f0dd14,#0000 26%),linear-gradient(135deg,#050807 0%,#081211 45%,#030504 100%)}.experience-page .nav-cta,.experience-page .button.primary{color:#65f0dd;background:#65f0dd24;border:1px solid #65f0dd66;box-shadow:0 0 24px #65f0dd1f,0 2px 8px #0000004d}.experience-page .nav-cta:hover,.experience-page .button.primary:hover{background:#65f0dd3d;border-color:#65f0dda6;transform:translateY(-2px)scale(1.02);box-shadow:0 0 36px #65f0dd33,0 4px 12px #00000059}.experience-page:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.site-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#050807d1;border-bottom:1px solid #ffffff1a;position:fixed;top:0;left:0;right:0}.nav-wrap{padding:14px 24px}.nav-group{position:static}.nav-group:after{display:none}.nav-group>a:after{content:"›";border:none;margin-left:4px;font-size:18px;font-weight:300;transition:transform .2s;transform:none}.nav-group:hover>a:after{transform:rotate(90deg)}.nav-menu{opacity:0;pointer-events:none;visibility:hidden;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#050807f7;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:repeat(3,240px);gap:4px;min-width:min(780px,95vw);padding:20px 18px;transition:opacity .22s,transform .22s,visibility 0s linear .22s;display:grid;position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%,14px);box-shadow:0 32px 80px #00000080,0 0 0 1px #65f0dd14}.nav-menu a{color:#cfddd9;border-radius:8px;flex-direction:column;gap:3px;padding:12px 14px;transition:background .15s,color .15s;display:flex}.nav-menu a:hover{color:#f4fbf8;background:#ffffff12}.nav-menu .active{color:#65f0dd;background:#65f0dd1a}.nav-group:hover .nav-menu,.nav-group:focus-within .nav-menu{opacity:1;pointer-events:auto;visibility:visible;transition-duration:.22s;transition-delay:0s;transform:translate(-50%)}.nav-hamburger{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;gap:5px;width:44px;padding:8px;display:none}.nav-hamburger span{background:#f4fbf8;border-radius:3px;width:100%;height:2px;transition:transform .25s,opacity .2s,width .25s;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{opacity:0;z-index:99;background:#050807fa;border-top:1px solid #ffffff1a;flex-direction:column;gap:0;padding:0;transition:transform .28s cubic-bezier(.33,1.02,.6,1),opacity .2s;display:none;position:fixed;top:65px;bottom:0;left:0;overflow-y:auto;transform:translateY(-20px)}.mobile-nav.open{opacity:1;display:flex;transform:translateY(0)}.mobile-nav a{color:#a5b7b1;border-bottom:1px solid #ffffff12;justify-content:space-between;padding:18px 24px;font-size:17px;font-weight:600;transition:background .15s,color .15s;display:flex}.mobile-nav a:hover{color:#f4fbf8;background:#ffffff0d}.mobile-nav a.active{color:#65f0dd}.mobile-nav a:after{content:"›";font-size:22px;font-weight:300}.mobile-nav .mobile-submenu{background:#0000004d;flex-direction:column;display:none}.mobile-nav .mobile-submenu.open{display:flex}.mobile-nav .mobile-submenu a{padding-left:40px;font-size:15px}.smart-story{overflow:clip}.story-hero{min-height:210vh;position:relative}.story-pin{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:center;gap:44px;max-width:1360px;min-height:100vh;margin:0 auto;padding:82px 28px 42px;display:grid;position:sticky;top:0}.story-kicker,.station-index{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:900;display:block}.hero-narrative h1{margin-bottom:28px;font-size:clamp(58px,9vw,124px);line-height:.88}.story-lead{color:#cfddd9;max-width:740px;font-size:clamp(19px,2vw,25px);line-height:1.52}.story-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.living-home{aspect-ratio:1;min-height:620px;transform:translateY(calc((1 - var(--hero-progress,0)) * 28px));position:relative;overflow:hidden}.home-backplane{opacity:calc(.15 + var(--hero-progress,0) * .7);transform:perspective(900px) rotateX(64deg) rotateZ(calc(var(--hero-progress,0) * 20deg));background:linear-gradient(120deg,#0000 0 47%,#65f0ddb3 48%,#0000 50%),linear-gradient(60deg,#0000 0 52%,#1b7cff6b 53%,#0000 55%);position:absolute;inset:10% 2%}.home-light-wash{filter:blur(20px);opacity:calc(var(--hero-progress,0) * .9);background:radial-gradient(#65f0dd47,#0000 62%);position:absolute;inset:12%}.architecture-frame{transform:translateX(-50%) perspective(1200px) rotateX(58deg) rotateZ(-10deg) translateY(calc((1 - var(--hero-progress,0)) * 44px));transform-style:preserve-3d;width:min(80%,580px);position:absolute;bottom:11%;left:50%}.roofline{border:1px solid #ffffff57;border-bottom:0;width:140px;height:140px;margin:0 auto -12px;transform:rotate(45deg)}.glass-house{background:linear-gradient(145deg,#ffffff2e,#65f0dd12);border:1px solid #ffffff42;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid;box-shadow:inset 0 0 60px #65f0dd24,0 40px 90px #00000073}.smart-room{background:#ffffff0e;border:1px solid #ffffff24;min-height:128px;position:relative;overflow:hidden}.smart-room:before{content:"";opacity:calc(var(--hero-progress,0) * 1.4 - .22);transform:translateX(calc((var(--hero-progress,0) - .5) * 160%));background:linear-gradient(130deg,#0000,#65f0dd5c,#0000);position:absolute;inset:0}.smart-room span{color:#ffffffdb;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900;position:absolute;bottom:14px;left:14px}.room-entry{box-shadow:inset 0 0 calc(var(--hero-progress,0) * 44px) #65f0dd57}.room-lounge{box-shadow:inset 0 0 calc(var(--hero-progress,0) * 54px) #ffd16647}.room-sleep{box-shadow:inset 0 0 calc(var(--hero-progress,0) * 50px) #1b7cff40}.room-tech{box-shadow:inset 0 0 calc(var(--hero-progress,0) * 50px) #65f0dd38}.house-base{background:linear-gradient(90deg,#0000,#fff6,#0000);width:70%;height:1px;margin:18px auto 0}.system-layer{color:#fff;letter-spacing:.05em;opacity:0;text-transform:uppercase;background:#050807a8;border:1px solid #ffffff2e;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:900;position:absolute;transform:translateY(18px)}.layer-access{opacity:clamp(0, calc(var(--hero-progress,0) * 4 - .55), 1);top:20%;left:8%}.layer-security{opacity:clamp(0, calc(var(--hero-progress,0) * 4 - 1.25), 1);top:38%;right:8%}.layer-energy{opacity:clamp(0, calc(var(--hero-progress,0) * 4 - 2), 1);bottom:20%;left:13%}.scroll-meter{background:#ffffff1a;height:2px;position:absolute;bottom:36px;left:10%;right:10%}.scroll-meter span{height:100%;transform:scaleX(var(--hero-progress,0));transform-origin:0;background:linear-gradient(90deg,#65f0dd,#1b7cff,#ffd166);display:block}.story-station{grid-template-columns:minmax(300px,.82fr) minmax(480px,1.18fr);align-items:center;gap:56px;max-width:1320px;min-height:138vh;margin:0 auto;padding:108px 28px;display:grid}.station-copy{align-self:start;position:sticky;top:142px}.station-copy h2{font-size:clamp(42px,5.8vw,82px);line-height:.93}.station-copy p{color:#c6d5d0;font-size:19px;line-height:1.64}.use-cases{border-left:1px solid #65f0dd52;gap:12px;margin:28px 0 0;padding:0 0 0 20px;list-style:none;display:grid}.use-cases li{color:#e6f4f0;font-weight:700}.station-visual{background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #ffffff21;border-radius:8px;align-items:center;min-height:640px;padding:30px;display:grid;position:sticky;top:98px;overflow:hidden}.station-visual:before{content:"";opacity:.32;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.door-scene,.security-house,.light-corridor,.facade,.climate-map,.energy-network{z-index:1;min-height:520px;position:relative}.door-outline{border:1px solid #ffffff4d;width:min(48%,280px);position:absolute;top:34px;bottom:36px;left:50%;transform:translate(-50%)}.door-outline:before{content:"";opacity:var(--section-progress,0);background:linear-gradient(#65f0dd57,#0000);position:absolute;inset:0}.door-handle{background:var(--signal);border-radius:999px;width:14px;height:14px;position:absolute;top:50%;right:24px;box-shadow:0 0 32px #ffd16699}.scan-line{height:2px;left:-20%;right:-20%;top:calc(18% + var(--section-progress,0) * 62%);background:linear-gradient(90deg,#0000,#65f0dd,#0000);position:absolute;box-shadow:0 0 24px #65f0dd}.access-status{text-align:center;position:absolute;bottom:70px;left:50%;overflow:hidden;transform:translate(-50%)}.access-status span,.access-status strong{text-transform:uppercase;font-size:28px;font-weight:900;display:block}.access-status span{color:rgba(255,255,255, calc(1 - var(--section-progress,0)))}.access-status strong{color:var(--accent);opacity:var(--section-progress,0);transform:translateY(calc((1 - var(--section-progress,0)) * 18px))}.security-house{clip-path:polygon(50% 6%,90% 33%,90% 88%,10% 88%,10% 33%);border:1px solid #ffffff3d;width:min(86%,620px);margin:auto}.zone{opacity:calc(var(--section-progress,0) * 1.1);border:1px solid #65f0dd5c;position:absolute;inset:18%}.zone-a{transform:scale(calc(.8 + var(--section-progress,0) * .4))}.zone-b{transform:scale(calc(.7 + var(--section-progress,0) * .5));inset:28%}.zone-c{transform:scale(calc(.65 + var(--section-progress,0) * .55));inset:40%}.sensor{background:#ff5d4d;border-radius:999px;width:13px;height:13px;animation:1.8s ease-in-out infinite pulse;position:absolute;box-shadow:0 0 28px #ff5d4d}.s1{top:42%;left:22%}.s2{animation-delay:.4s;top:45%;right:24%}.s3{animation-delay:.8s;bottom:18%;left:48%}.camera-angle{transform:rotate(-32deg) scaleY(calc(.3 + var(--section-progress,0) * .7));transform-origin:top;border-bottom:170px solid #65f0dd1f;border-left:80px solid #0000;border-right:80px solid #0000;position:absolute;top:18%;left:10%}.light-corridor{perspective:900px;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.light-room{min-height:430px;transform:rotateY(-18deg) translateY(calc((1 - var(--section-progress,0)) * 32px));background:#ffffff0e;border:1px solid #ffffff29}.lr-one{box-shadow:inset 0 0 calc(var(--section-progress,0) * 80px) #ffd1666b}.lr-two{box-shadow:inset 0 0 calc(var(--section-progress,0) * 90px) #fff4da85;transition-delay:.1s}.lr-three{box-shadow:inset 0 0 calc(var(--section-progress,0) * 80px) #65f0dd52}.light-beam{filter:blur(10px);height:100%;left:calc(var(--section-progress,0) * 72%);background:linear-gradient(90deg,#0000,#ffd16680,#0000);width:28%;position:absolute;top:0}.temperature-strip{color:#06100f;background:linear-gradient(90deg,#ffd166,#fff,#76c7ff);border-radius:999px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:32px;left:8%;right:8%}.facade{background:linear-gradient(140deg,#ffffff1f,#ffffff08);border:1px solid #ffffff2e;width:min(86%,650px);margin:auto;overflow:hidden}.sun-disc{height:90px;left:calc(8% + var(--section-progress,0) * 70%);top:calc(10% + var(--section-progress,0) * 26%);background:#ffd166;border-radius:999px;width:90px;position:absolute;box-shadow:0 0 70px #ffd16694}.shadow-pass{transform:translateX(calc(var(--section-progress,0) * 64% - 28%));background:linear-gradient(120deg,#0000,#00000094,#0000);position:absolute;inset:-20%}.window-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:absolute;inset:24% 10%}.window-row span{background:#65f0dd2e;border:1px solid #ffffff3d}.louver-stack{gap:12px;display:grid;position:absolute;top:18%;left:14%;right:14%}.louver-stack i{height:8px;transform:rotate(calc(var(--section-progress,0) * -22deg));transform-origin:50%;background:#ffffffbd}.climate-map{background:linear-gradient(145deg,#1b7cff1a,#ffd1660d);border:1px solid #ffffff29;overflow:hidden}.heat{filter:blur(28px);opacity:calc(.35 + var(--section-progress,0) * .45);border-radius:42% 58% 60% 40%;position:absolute}.heat-a{background:#ffd16694;width:300px;height:260px;top:20%;left:12%}.heat-b{background:#1b7cff7a;width:280px;height:240px;bottom:12%;right:12%}.air-particles i{background:#ffffffc7;border-radius:999px;width:4px;height:4px;animation:7s ease-in-out infinite drift;position:absolute}.air-particles i:first-child{top:20%;left:20%}.air-particles i:nth-child(2){animation-delay:1s;top:18%;left:62%}.air-particles i:nth-child(3){animation-delay:2s;top:48%;left:44%}.air-particles i:nth-child(4){animation-delay:3s;top:66%;left:75%}.air-particles i:nth-child(5){animation-delay:4s;top:74%;left:28%}.climate-readout,.energy-data{background:#050807b8;border:1px solid #ffffff29;border-radius:8px;padding:20px;position:absolute;bottom:32px;left:32px}.climate-readout span,.energy-data span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:900;display:block}.climate-readout strong,.energy-data strong{color:var(--ink);margin:8px 0;font-size:38px;line-height:1.1;display:block}.energy-network svg{width:100%;position:absolute;inset:0;overflow:visible}.energy-network path{fill:none;stroke:#65f0dd;stroke-dasharray:12 18;stroke-linecap:round;stroke-width:3px;animation:3.2s linear infinite dashFlow}.node{color:var(--ink);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;min-width:96px;min-height:72px;font-weight:900;display:flex;position:absolute}.meter{top:10%;left:8%}.home{top:42%;left:50%;transform:translate(-50%,-50%)}.module{top:10%;right:8%}.plug{bottom:14%;left:11%}.grid{bottom:14%;right:9%}.experience-finale{text-align:center;place-items:center;min-height:100vh;padding:100px 28px;display:grid}.finale-inner{max-width:980px}.finale-inner h2{font-size:clamp(48px,8vw,104px);line-height:.9}.finale-inner p{color:#cfddd9;max-width:760px;margin-inline:auto;font-size:22px}.story-rail{z-index:30;background:#ffffff1a;height:1px;position:fixed;bottom:28px;left:28px;right:28px}.story-rail span{height:100%;transform:scaleX(var(--page-progress,0));transform-origin:0;background:linear-gradient(90deg,#65f0dd,#1b7cff,#ffd166);display:block}.reveal{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(36px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.experience-footer{background:#050807;border-color:#ffffff1f}.component-page main,.experience-page main:not(.smart-story){background:radial-gradient(circle at 20% 8%,#65f0dd17,#0000 28%),radial-gradient(circle at 82% 24%,#1b7cff1c,#0000 30%)}.component-hero{max-width:1180px;margin:0 auto;padding:128px 24px 74px}.component-hero h1,.component-detail h1{color:var(--ink);margin-bottom:26px;font-size:clamp(52px,8vw,112px);line-height:.9}.component-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto;padding:0 24px 110px;display:grid}.component-tile{background:linear-gradient(145deg,#ffffff17,#ffffff09);border:1px solid #ffffff21;border-radius:8px;min-height:230px;padding:24px;position:relative;overflow:hidden}.component-tile:before{content:"";opacity:0;background:linear-gradient(135deg,#65f0dd2e,#0000 54%);transition:opacity .22s;position:absolute;inset:0}.component-tile:hover:before{opacity:1}.component-tile span{color:var(--accent);margin-bottom:54px;font-size:13px;font-weight:900;display:block;position:relative}.component-tile strong{color:var(--ink);margin-bottom:12px;font-size:28px;line-height:1.1;display:block;position:relative}.component-tile p{color:#c6d5d0;margin:0;position:relative}.component-detail{grid-template-columns:minmax(320px,.85fr) minmax(480px,1.15fr);align-items:center;gap:56px;max-width:1320px;min-height:calc(100vh - 72px);margin:0 auto;padding:118px 28px 70px;display:grid}.component-copy p{color:#cfddd9}.component-flow{border-top:1px solid #ffffff1f;max-width:980px;margin:0 auto;padding:70px 24px 110px}.component-flow h2{font-size:clamp(34px,5vw,64px)}.component-flow p{color:#cfddd9;font-size:21px}.component-knowledge{gap:38px;margin-top:56px;display:grid}.component-knowledge h3{color:var(--ink);margin:0 0 14px;font-size:28px}.component-knowledge p,.component-knowledge li{color:#cfddd9;font-size:18px;line-height:1.65}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.product-card{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;padding:22px}.product-card span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:900;display:block}.product-card strong{color:var(--ink);margin-bottom:10px;font-size:22px;line-height:1.18;display:block}.product-card p{margin:0;font-size:16px}.fact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.fact-list li{border-left:2px solid #65f0dd8c;padding-left:14px}.component-page .station-visual{--section-progress:1;position:relative;top:auto}.component-page .door-outline:before,.component-page .zone,.component-page .access-status strong{opacity:1}.component-page .access-status span{color:#ffffff2e}.component-page .scan-line{animation:2.8s ease-in-out infinite scanDoor}@keyframes scanDoor{0%,to{opacity:.3;top:18%}50%{opacity:1;top:80%}}@keyframes drift{0%,to{opacity:.35;transform:translate(0,0)}50%{opacity:1;transform:translate(44px,-28px)}}@keyframes dashFlow{to{stroke-dashoffset:-120px}}@media (width<=980px){.story-pin,.story-station,.component-detail{grid-template-columns:1fr}.story-pin{min-height:auto;padding-top:120px;position:relative}.story-hero{min-height:auto}.living-home{min-height:520px}.station-copy,.station-visual{position:relative;top:auto}.story-station{min-height:auto;padding:80px 22px}.component-index-grid,.product-grid{grid-template-columns:1fr 1fr}.station-visual{min-height:520px}}@media (width<=620px){.hero-narrative h1,.station-copy h2,.finale-inner h2{font-size:clamp(42px,14vw,68px)}.story-actions,.story-actions .button{width:100%}.living-home,.station-visual{min-height:440px}.architecture-frame{width:96%}.smart-room{min-height:96px}.station-visual{padding:18px}.story-rail{bottom:12px;left:14px;right:14px}.component-index-grid,.product-grid,.fact-list{grid-template-columns:1fr}.component-detail{padding-inline:20px}.nav-menu{left:0;transform:translateY(10px)}.nav-group:hover .nav-menu,.nav-group:focus-within .nav-menu{transform:translate(0)}}.plan-wrap{grid-template-columns:360px 1fr;gap:28px;min-height:580px;display:grid}.plan-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.plan-panel-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f0f7f4,#e8f3ef);padding:20px 24px}.plan-panel-head .eyebrow{font-size:11px}.plan-panel-head h2{color:var(--ink);margin:0;font-size:22px}.plan-panel-head p{color:var(--muted);margin:6px 0 0;font-size:14px}.plan-panel-body{flex-direction:column;flex:1;gap:20px;padding:22px 24px;display:flex;overflow-y:auto}.plan-panel-foot{border-top:1px solid var(--line);padding:16px 24px}.plan-section{flex-direction:column;gap:10px;display:flex}.plan-section-title{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:900}.plan-segmented{background:var(--surface-2);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;display:grid}.plan-segmented button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:1.5px solid #0000;border-radius:7px;min-height:38px;font-size:13px;font-weight:700;transition:background .18s,color .18s,border-color .18s}.plan-segmented button:hover:not(.active){color:var(--ink);background:#ffffffb3}.plan-segmented button.active{background:var(--surface);border-color:var(--accent);color:var(--accent-dark);box-shadow:0 2px 8px #0f766e1f}.plan-range-wrap{flex-direction:column;gap:10px;display:flex}.plan-range-labels{justify-content:space-between;align-items:center;display:flex}.plan-range-labels label{color:var(--ink);font-size:14px;font-weight:700}.plan-range-labels span{color:var(--accent);font-size:18px;font-weight:900}.plan-range{appearance:none;background:var(--surface-2);cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px}.plan-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:22px;height:22px;transition:transform .15s;box-shadow:0 2px 8px #0f766e4d}.plan-range::-webkit-slider-thumb:hover{transform:scale(1.18)}.room-list{flex-direction:column;gap:10px;display:flex}.room-card{background:var(--surface-2);border:1.5px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.room-card:hover{border-color:var(--accent-soft);box-shadow:0 2px 10px #0f766e0f}.room-card-head{justify-content:space-between;align-items:center;display:flex}.room-card-head label{color:var(--ink);font-size:13px;font-weight:800}.room-card-head input{background:var(--surface);border:1.5px solid var(--line);color:var(--ink);font:inherit;border-radius:6px;width:160px;padding:6px 10px;font-size:14px;font-weight:700}.room-card-head input:focus{border-color:var(--accent);outline:none}.room-card-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:18px;line-height:1;transition:background .15s,color .15s}.room-card-remove:hover{color:#d03232;background:#dc32321a}.room-card-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.room-field{flex-direction:column;gap:4px;display:flex}.room-field label{color:var(--muted);font-size:11px;font-weight:700}.room-field select,.room-field input[type=number]{background:var(--surface);border:1.5px solid var(--line);color:var(--ink);font:inherit;border-radius:6px;outline:none;padding:7px 9px;font-size:13px;font-weight:600;transition:border-color .18s}.room-field select:focus,.room-field input[type=number]:focus{border-color:var(--accent)}.room-field select{cursor:pointer}.room-access-toggle{background:var(--surface);border:1.5px solid var(--line);cursor:pointer;color:var(--ink);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;transition:border-color .18s,background .18s;display:flex}.room-access-toggle:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.room-access-toggle input{display:none}.room-access-toggle:before{content:"○";color:var(--accent);font-size:16px}.room-access-toggle:has(input:checked):before{content:"✓"}.add-room-btn{border:1.5px dashed var(--line-strong);color:var(--muted);cursor:pointer;font:inherit;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:800;transition:border-color .18s,color .18s,background .18s,transform .18s,box-shadow .18s;display:flex}.add-room-btn:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.plan-viz{border-radius:var(--radius);background:#071513;border:1px solid #ffffff14;flex-direction:column;display:flex;overflow:hidden}.plan-viz-head{background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.plan-viz-head h3{color:#fff;margin:0;font-size:16px}.plan-viz-head span{color:#65f0dd;font-size:13px;font-weight:700}.plan-viz-body{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.installation-svg{width:100%;max-height:460px}.floor-layer .floor-shell{fill:#ffffff0a;stroke:#ffffff1a;stroke-width:1.5px}.floor-label{fill:#ffffff80;letter-spacing:.05em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:12px;font-weight:800}.installation-room{fill:#0f766e40;stroke:#65f0dd66;stroke-width:1.5px;rx:10;cursor:pointer;transition:fill .2s}.installation-room:hover{fill:#0f766e73;stroke:#65f0ddb3}.room-title{fill:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:800}.room-badge{fill:#65f0dd1f;rx:11}.room-badge-text{fill:#65f0dde6;text-anchor:middle;font-family:Inter,sans-serif;font-size:10px;font-weight:900}.installation-roof{fill:#ffffff14;stroke:#fff3;stroke-width:1px}.plan-stats{background:#ffffff08;border-top:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 20px;display:grid}.plan-stat{text-align:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;padding:16px}.plan-stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.plan-stat strong{color:#fff;font-size:26px;font-weight:900}.plan-stat.accent strong{color:#65f0dd}#its-boehmer-chat{z-index:9999;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;bottom:24px;right:24px}.chat-toggle-btn{color:#fff;cursor:pointer;font:inherit;background:linear-gradient(135deg,#0f766e,#0b514c);border:1px solid #65f0dd4d;border-radius:999px;align-items:center;gap:8px;padding:14px 20px;transition:all .3s cubic-bezier(.33,1.02,.6,1);display:flex;position:absolute;bottom:0;right:0;box-shadow:0 8px 32px #0006,0 0 #65f0dd66}.chat-toggle-btn:hover{background:linear-gradient(135deg,#0e8a81,#0c6360);transform:scale(1.05);box-shadow:0 12px 40px #00000080,0 0 0 4px #65f0dd26}.chat-toggle-btn.is-open{background:#ffffff1f;border-color:#ffffff40}.chat-icon-close,.chat-toggle-btn.is-open .chat-icon-open{display:none}.chat-toggle-btn.is-open .chat-icon-close{display:block}.chat-toggle-label{font-size:14px;font-weight:800}.chat-toggle-btn:not(.is-open):before{content:"";background:#65f0dd59;border-radius:999px;animation:2.5s ease-in-out infinite chatPulse;position:absolute;inset:-4px}@keyframes chatPulse{0%,to{opacity:0;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.chat-window{transform-origin:100% 100%;background:linear-gradient(160deg,#0d1a16 0%,#071513 100%);border:1px solid #ffffff24;border-radius:18px;flex-direction:column;width:380px;height:540px;max-height:70vh;animation:.35s cubic-bezier(.33,1.02,.6,1) both chatWindowIn;display:flex;position:absolute;bottom:72px;right:0;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0d}@keyframes chatWindowIn{0%{opacity:0;transform:scale(.7)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.chat-header{background:linear-gradient(135deg,#0f766e66,#08224a4d);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.chat-agent-info{align-items:center;gap:12px;display:flex}.chat-agent-avatar{background:#ffffff1a;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.chat-agent-info strong{color:#f4fbf8;font-size:15px;font-weight:900;display:block}.chat-status-dot{color:#fff9;background:#22c55e;border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 5px;font-size:11px;display:flex}.chat-status-dot:before{content:"";background:#22c55e;border-radius:999px;width:7px;height:7px;display:inline-block}.chat-close-btn{color:#f4fbf899;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.chat-close-btn:hover{color:#f87171;background:#dc503c4d}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:14px;padding:18px 16px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.chat-message{align-items:flex-end;gap:10px;display:flex}.chat-message.user-message{flex-direction:row-reverse}.message-avatar{background:#0f766e4d;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.message-bubble{color:#f4fbf8;background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px 14px 14px 4px;max-width:82%;padding:12px 14px;font-size:14px;line-height:1.55}.user-message .message-bubble{background:#0f766e59;border-color:#65f0dd33;border-radius:14px 14px 4px}.message-bubble p{color:inherit;margin:0}.message-bubble strong{color:#5ef0de;font-weight:800}.message-bubble .quick-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.quick-action-btn{color:#f4fbf8;cursor:pointer;font:inherit;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;transition:all .2s}.quick-action-btn:hover{background:#0f766e66;border-color:#65f0dd66;transform:scale(1.03)}.typing-indicator{align-items:center;gap:5px;padding:4px 0;display:flex}.typing-indicator span{background:#ffffff80;border-radius:999px;width:8px;height:8px;animation:1.4s ease-in-out infinite typingBounce;display:inline-block}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chat-suggestions{padding:0 16px 12px}.chat-suggestions:not([hidden]){flex-wrap:wrap;gap:8px;display:flex}.suggestion-chip{color:#f4fbf8cc;cursor:pointer;font:inherit;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800;transition:all .2s}.suggestion-chip:hover{color:#5ef0de;background:#0f766e4d;border-color:#65f0dd66}.chat-input-area{background:#0003;border-top:1px solid #ffffff14;flex-direction:column;gap:8px;padding:14px 14px 10px;display:flex}.chat-input-wrap{background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:8px;padding:4px 4px 4px 14px;transition:border-color .2s;display:flex}.chat-input-wrap:focus-within{border-color:#65f0dd80}.chat-input{color:#f4fbf8;font:inherit;background:0 0;border:0;outline:none;flex:1;height:40px;font-size:14px}.chat-input::placeholder{color:#f4fbf866}.chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f766e,#0b514c);border:0;border-radius:9px;place-items:center;width:36px;min-width:36px;height:36px;transition:all .2s;display:grid}.chat-send-btn:hover{background:linear-gradient(135deg,#0e8a81,#0c6360);transform:scale(1.05)}.chat-disclaimer{color:#f4fbf84d;text-align:center;margin:0;font-size:11px}.chat-disclaimer a{color:#65f0dd99}@media (width<=480px){.plan-wrap{grid-template-columns:1fr}.plan-panel{border-radius:12px}}.chat-widget{z-index:98;bottom:16px;right:16px}@media (width<=900px){body{padding-top:65px}.mobile-nav{opacity:0;z-index:99;background:#050807fa;border-top:1px solid #ffffff1a;flex-direction:column;width:100%;transition:transform .28s cubic-bezier(.33,1.02,.6,1),opacity .2s;display:none;position:fixed;top:65px;bottom:0;left:0;overflow-y:auto;transform:translateY(-20px)}.mobile-nav.open{opacity:1;display:flex;transform:translateY(0)}.mobile-nav a{color:#a5b7b1;border-bottom:1px solid #ffffff12;justify-content:space-between;padding:18px 24px;font-size:17px;font-weight:600;transition:background .15s,color .15s;display:flex}.mobile-nav a:hover{color:#f4fbf8;background:#ffffff0d}.mobile-nav a.active{color:#65f0dd}.mobile-nav a:after{content:"›";font-size:22px;font-weight:300}.mobile-nav .mobile-parent:after{transition:transform .2s}.mobile-nav .mobile-parent.open:after{transform:rotate(90deg)}.mobile-nav .mobile-submenu{flex-direction:column;display:none}.mobile-nav .mobile-submenu.open{display:flex}.mobile-nav .mobile-submenu a{padding-left:40px;font-size:15px}.mobile-nav .mobile-cta{color:#65f0dd;text-align:center;background:#65f0dd1f;border:1px solid #65f0dd4d;border-radius:8px;justify-content:center;margin:16px 24px;padding:14px;font-weight:800}.mobile-nav .mobile-cta:after{display:none}}.plan-steps{flex-wrap:wrap;align-items:center;gap:4px;padding:10px 0 2px;display:flex}.plan-step{color:var(--muted);cursor:pointer;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.plan-step:hover{background:var(--surface-2);color:var(--ink)}.plan-step.active{background:var(--accent-soft);color:var(--accent-dark)}.plan-step-sep{color:var(--line-strong);-webkit-user-select:none;user-select:none;font-size:14px}.plan-contact{border:1.5px solid var(--line);border-radius:10px;gap:12px;padding:14px 16px}.plan-contact legend{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;padding:0 4px;font-size:11px;font-weight:900}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.contact-field{flex-direction:column;gap:4px;display:flex}.contact-field-wide{grid-column:1/-1}.contact-field label{color:var(--ink);font-size:12px;font-weight:700}.contact-field input,.contact-field select{border:1.5px solid var(--line-strong);color:var(--ink);font:inherit;background:#fff;border-radius:6px;width:100%;min-height:40px;padding:8px 10px;display:block}.contact-field input::placeholder{color:color-mix(in srgb, var(--ink) 45%, white)}.contact-field input:focus,.contact-field select:focus{border-color:var(--accent);outline:none}.validation-messages{background:#fff3cd;border:1.5px solid #e8a317;border-radius:8px;padding:12px 16px}.validation-messages p{color:#7c5e00;margin:0 0 4px;font-size:13px}.validation-messages p:last-child{margin-bottom:0}.result-section{border:1.5px solid var(--accent-soft);background:linear-gradient(135deg,#f0f7f4 0%,#e8f3ef 100%);border-radius:12px;padding:24px}.result-head h3{color:var(--ink);margin:0 0 6px;font-size:20px}.result-head p{color:var(--muted);margin:0;font-size:14px}.result-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:18px;display:grid}.result-block{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:16px 18px}.result-block h4{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:13px;font-weight:900}.result-block ul{margin:0;padding-left:18px}.result-block li{color:var(--muted);margin-bottom:4px;font-size:13px;line-height:1.6}.result-block p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.result-block strong{color:var(--ink)}.result-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.material-list-head span{color:var(--accent);font-weight:800}@media print{.site-header,.site-footer,.nav-cta,.plan-panel-foot,.feature-band,#materialPanel,.add-room-btn,#plannerSteps{display:none!important}.plan-wrap{grid-template-columns:1fr}.plan-panel{box-shadow:none;border:none}body{background:#fff}.result-section{break-inside:avoid;border:1px solid #ccc}}@media (prefers-reduced-motion:reduce){.room-animate{opacity:1;animation:none}.plan-step{transition:none}}