.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}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.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-title{fill:var(--ink);font-size:15px;font-weight:900}.room-badge{fill:var(--accent-soft);stroke:#afdcd4;stroke-width:1px}.room-badge-text{fill:var(--accent-dark);text-anchor:middle;font-size:10px;font-weight:900}.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}.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}.hero,.section-grid,.feature-band .band-inner,.split-media,.planner-grid,.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: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%)}.experience-header,.experience-page .site-header{background:#050807b8;border-color:#ffffff1f}.experience-page .brand,.experience-page .nav-links .active,.experience-page .nav-links a:hover,.experience-page h1,.experience-page h2,.experience-page h3{color:var(--ink)}.experience-page .brand-mark{color:#06100f;background:linear-gradient(135deg,#65f0dd,#1b7cff)}.experience-page .button.primary{color:var(--contrast-blue);background:linear-gradient(135deg,#fff,#eef8ff 52%,#d9f1ed);box-shadow:0 20px 70px #08224a24}.button.ghost{color:var(--contrast-blue);background:#ffffffeb;border:1px solid #08224a38}.nav-group{position:relative}.nav-group:after{content:"";height:24px;position:absolute;top:100%;left:-18px;right:-18px}.nav-group>a{align-items:center;gap:7px;display:inline-flex}.nav-group>a:after{content:"";border:1.5px solid;border-width:0 1.5px 1.5px 0;width:6px;height:6px;margin-top:-3px;transform:rotate(45deg)}.nav-menu{opacity:0;pointer-events:none;visibility:hidden;background:#050807eb;border:1px solid #ffffff24;border-radius:8px;gap:4px;min-width:240px;padding:10px;transition:opacity .18s .26s,transform .18s .26s,visibility 0s linear .26s;display:grid;position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%,10px);box-shadow:0 26px 70px #00000061}.nav-menu a{color:#cfddd9;border-radius:6px;padding:9px 10px}.nav-menu a:hover,.nav-menu .active{color:var(--accent);background:#65f0dd1f}.nav-group:hover .nav-menu,.nav-group:focus-within .nav-menu{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translate(-50%)}.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)}}