:root{--ink:#18211d;--soft:#f1f2ee;--muted:#627068;--orange:#f0522d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;width:100%;height:auto}figure{margin:0}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:white;padding:12px}.skip:focus{top:10px}.nav{position:fixed;z-index:20;top:18px;left:3%;right:3%;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;transition:background .25s,color .25s}.nav.scrolled{background:#fffffff5;box-shadow:0 3px 25px #0000000b;backdrop-filter:blur(14px)}.brand{font-size:31px;font-weight:800;letter-spacing:-1.8px;line-height:1}.nav nav{display:flex;gap:34px;font-size:14px}.nav-spec{font-size:14px;padding:9px 19px;background:var(--orange);border-radius:30px;color:#101511}.hero{height:min(100svh,1000px);min-height:720px;position:relative;overflow:hidden;background:#d8d4cc}.hero>img{width:100%;height:100%;object-fit:cover}.hero-copy{position:absolute;left:6%;top:30%;max-width:60%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;line-height:1.4;margin:0 0 32px}.hero h1{font-size:clamp(48px,5.2vw,84px);line-height:1.15;letter-spacing:-.06em;margin:0}.hero-tag{font-size:17px;margin-top:30px}.hero-foot{position:absolute;bottom:26px;left:6%;font-size:13px}.scroll-note{position:absolute;bottom:40px;right:6%;font-size:12px}.section{padding:110px 6%}h2{font-size:clamp(38px,4.6vw,72px);line-height:1.22;letter-spacing:-.06em;margin:0;font-weight:750}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center}.lead{font-size:24px;line-height:1.8;margin:0;color:#4f5d56}.intro{padding-top:120px;padding-bottom:120px}.comparison{background:#eff1ec}.section-title{text-align:center;margin-bottom:55px}.comparison-labels,.comparison-notes{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:24px}.comparison-labels span{font-size:30px;font-weight:700;letter-spacing:-.04em}.comparison-labels p{font-size:15px;color:var(--muted);margin:8px 0 22px}.comparison-canvas{overflow:hidden}.comparison-canvas img{width:100%;height:auto;max-height:850px;object-fit:contain}.comparison-notes{font-size:18px;padding:25px 0 15px;font-weight:600}.caption{font-size:12px;color:#68736c;line-height:1.9;margin:24px 0 0}.comparison>.caption{max-width:680px;margin:26px auto 0;text-align:center}.control{background:#101a16;color:#fff;text-align:center;padding-top:125px;padding-bottom:100px}.control h2{font-size:clamp(42px,5.4vw,86px)}.capabilities{display:flex;justify-content:center;gap:45px;margin:55px 0 28px;font-size:19px;color:#d8eadf}.capabilities span{padding-bottom:15px;border-bottom:1px solid #506359;min-width:90px}.control-line{font-size:17px;color:#b6c5bc}.ecosystem{border-top:1px solid #37473e;margin-top:80px;padding-top:40px}.ecosystem>span{font-size:13px;color:#a7bbad}.ecosystem p{font-size:24px;letter-spacing:-.025em;margin:14px 0}.ecosystem i{font-style:normal;padding:0 18px;color:#6d8676}.ecosystem small{font-size:12px;color:#9aae9f}.scroll-story{background:#e5e8e7;padding:80px 6%;}.story-copy h2{font-size:clamp(38px,4vw,64px)}.story-copy>p:not(.eyebrow){color:#607168;font-size:18px}.story-progress,.story-hint{display:none}.story-media{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.story-frame{background:#dee2e1;min-width:0}.story-frame img,.story-frame video{width:100%;height:520px;object-fit:contain;display:block}.story-frame figcaption{padding:15px 20px;font-size:13px}.story-disclaimer{font-size:12px;color:#6a7770;margin-top:28px}.video-access{padding:22px 6%;display:flex;justify-content:flex-end;gap:28px;background:#e5e8e7;font-size:13px}.video-access a{border-bottom:1px solid #819187;padding-bottom:4px}.motion-enabled .scroll-story{height:420svh;padding:0 6%}.motion-enabled .story-sticky{height:100svh;position:sticky;top:0;display:grid;grid-template-columns:.9fr 1.3fr;gap:7%;align-items:center}.motion-enabled .story-copy{position:relative;z-index:2}.motion-enabled .story-copy .story-hint{display:block;font-size:12px;margin-top:22px}.motion-enabled .story-progress{display:flex;gap:8px;margin-top:42px}.story-progress span{width:38px;height:3px;background:#c0cbc5;transition:background .2s}.story-progress span.active{background:#243c2e}.motion-enabled .story-media{position:relative;display:block;margin:0;height:78svh;max-height:850px}.motion-enabled .story-frame{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .4s ease;background:transparent;display:flex;flex-direction:column;justify-content:center}.motion-enabled .story-frame.active{opacity:1;pointer-events:auto}.motion-enabled .story-frame img,.motion-enabled .story-frame video{height:calc(100% - 45px);object-fit:contain}.motion-enabled .story-frame figcaption{font-size:12px;text-align:center;padding:12px}.motion-enabled .story-disclaimer{position:absolute;bottom:18px;left:0;margin:0}.engineering{display:grid;grid-template-columns:.85fr 1.3fr;gap:9%;align-items:center}.engineering-text>p:not(.eyebrow){font-size:18px;color:var(--muted);margin:26px 0}.engineering-text>small{font-size:12px;color:#718076;display:block;max-width:330px}.knx{font-size:65px;font-weight:800;letter-spacing:-4px;margin-top:40px;line-height:1.1}.knx span{display:block;letter-spacing:0;font-size:13px;font-weight:400;margin-top:12px}.engineering figure img{aspect-ratio:1;object-fit:contain;background:#eeeee9}.engineering figcaption,.space figcaption{font-size:12px;color:#6e7972;margin-top:14px}.interior-sequence{background:#f5f5f2;padding-bottom:65px}.sequence-heading{margin-bottom:65px}.sequence-panel{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:10%;margin-top:50px}.sequence-panel img{width:100%;max-height:800px;object-fit:contain;background:#eaece8}.sequence-panel figcaption>span{font-size:12px;letter-spacing:.12em;color:var(--muted)}.sequence-panel figcaption>p{font-size:clamp(24px,3vw,46px);line-height:1.4;letter-spacing:-.05em;margin:24px 0}.sequence-panel.reverse{grid-template-columns:1fr 1.35fr}.sequence-panel.reverse img{grid-column:2;grid-row:1}.sequence-panel.reverse figcaption{grid-column:1;grid-row:1}.space{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.space-copy>p:not(.eyebrow){font-size:18px;color:var(--muted);margin-top:30px}.space img{max-height:900px;width:100%;object-fit:contain}.specs{border-top:1px solid #dde3dd;display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.spec-table>div{padding:22px 0;border-bottom:1px solid #d7ded8;display:flex;gap:20px;justify-content:space-between;font-size:15px}.spec-table>div:first-child{border-top:1px solid #d7ded8}.spec-table span{color:var(--muted)}.spec-table strong{font-weight:600;text-align:right}.closing{background:#f1542e;padding:80px 6%;display:grid;grid-template-columns:1fr 2fr;gap:8%}.closing>p{font-size:42px;font-weight:800;letter-spacing:-2px;line-height:1;margin:0}.closing h2{font-size:clamp(40px,5vw,78px)}footer{padding:30px 6%;display:flex;justify-content:space-between;font-size:12px;gap:20px;color:var(--muted)}
@media(min-width:1700px){.section{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}}
@media(max-width:900px){.nav nav{gap:20px}.section{padding:80px 6%}.lead{font-size:21px}.split{gap:8%}.story-frame img,.story-frame video{height:420px}.engineering{gap:7%}.engineering-text>p:not(.eyebrow){font-size:16px}.sequence-panel{gap:7%}.spec-table>div{display:block}.spec-table strong{display:block;text-align:left;margin-top:8px}.motion-enabled .story-sticky{gap:3%;grid-template-columns:1fr 1.2fr}.motion-enabled .story-copy h2{font-size:43px}.motion-enabled .story-copy>p:not(.eyebrow){font-size:16px}}
@media(max-width:600px){html{scroll-padding-top:90px}.nav{top:12px;left:4%;right:4%;padding:13px 12px}.brand{font-size:28px}.nav nav{display:none}.nav-spec{font-size:13px;padding:8px 15px}.hero{height:820px;min-height:0;max-height:none;background:#e4e1da}.hero>img{position:absolute;bottom:0;height:47%;object-fit:cover;object-position:75% center}.hero-copy{left:7%;right:7%;top:145px;max-width:none}.hero h1{font-size:44px;line-height:1.2;letter-spacing:-.06em}.hero-tag{font-size:15px;max-width:280px;margin-top:24px}.hero .eyebrow{font-size:12px;margin-bottom:23px}.hero-foot,.scroll-note{display:none}.section{padding:65px 7%}h2{font-size:40px}.eyebrow{font-size:12px;margin-bottom:25px}.split{grid-template-columns:1fr;gap:27px}.lead{font-size:20px}.comparison{padding-left:4%;padding-right:4%}.comparison .section-title{padding:0 3%;margin-bottom:35px}.comparison-labels{gap:8px}.comparison-labels span{font-size:22px}.comparison-labels p{font-size:12px;margin:6px 0 15px}.comparison-notes{font-size:13px;gap:8px;padding:20px 0 0}.comparison .caption{font-size:12px;padding:0 3%}.control h2{font-size:39px}.capabilities{gap:15px;margin-top:38px;font-size:16px}.capabilities span{min-width:0;flex:1}.control-line{font-size:15px}.ecosystem{margin-top:50px;padding-top:30px}.ecosystem p{font-size:17px}.ecosystem i{padding:0 5px}.ecosystem small{font-size:12px}.story-media{grid-template-columns:1fr;gap:25px}.story-frame img,.story-frame video{height:auto;max-height:520px;object-fit:contain}.motion-enabled .scroll-story{height:360svh;padding:0 6%}.motion-enabled .story-sticky{display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding-top:100px}.motion-enabled .story-copy{width:100%;flex:0 0 auto}.motion-enabled .story-copy .eyebrow{font-size:12px;margin-bottom:13px}.motion-enabled .story-copy h2{font-size:31px;line-height:1.25;min-height:78px}.motion-enabled .story-copy>p:not(.eyebrow){font-size:14px;margin:10px 0}.motion-enabled .story-progress{position:absolute;top:0;right:0;margin:0;gap:5px}.story-progress span{width:17px}.motion-enabled .story-copy .story-hint{display:none}.motion-enabled .story-media{width:100%;height:calc(100svh - 315px);max-height:none;flex:1;min-height:160px;margin:0 0 40px}.motion-enabled .story-frame img,.motion-enabled .story-frame video{height:calc(100% - 28px);max-height:none}.motion-enabled .story-frame figcaption{padding:5px;font-size:12px}.motion-enabled .story-disclaimer{font-size:12px;bottom:14px}.video-access{justify-content:center;font-size:12px;padding:18px 6%;gap:24px}.engineering,.space,.specs{grid-template-columns:1fr;gap:35px}.knx{font-size:56px;margin-top:28px}.engineering-text>small{font-size:12px}.engineering figcaption,.space figcaption{font-size:12px}.sequence-heading{margin-bottom:35px}.sequence-panel,.sequence-panel.reverse{grid-template-columns:1fr;gap:24px;margin-top:35px}.sequence-panel.reverse img,.sequence-panel.reverse figcaption{grid-column:1;grid-row:auto}.sequence-panel figcaption>p{font-size:27px;margin:12px 0}.sequence-panel figcaption>span{font-size:12px}.caption{font-size:12px}.space-copy>p:not(.eyebrow){font-size:16px}.closing{grid-template-columns:1fr;gap:35px;padding:65px 7%}.closing>p{font-size:32px}.closing h2{font-size:42px}footer{padding:25px 7%;flex-wrap:wrap;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.scroll-story{height:auto!important}.story-hint{display:none!important}}

[hidden]{display:none!important}
.ecosystem-names{display:flex;justify-content:center;align-items:center;gap:70px;margin:25px 0 30px}.ecosystem-names p{font-size:32px;line-height:1.3;margin:0;min-width:130px}.ecosystem-names p small{display:block;color:#abc0b1;font-size:12px;margin-top:5px}.matter-line{display:flex;justify-content:center;gap:18px;align-items:center;margin:25px 0 18px}.matter-line strong{font-size:23px;letter-spacing:-.03em}.matter-line span{font-size:14px;color:#bdd0c4;border-left:1px solid #51695a;padding-left:18px}.function-list{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;margin-top:55px}.function-list article{display:flex;gap:30px;align-items:start;padding:30px 0;border-top:1px solid #d6dfd8}.function-list article>span{font-size:12px;color:#738479;padding-top:6px}.function-list h3{font-size:24px;letter-spacing:-.03em;line-height:1.3;margin:0 0 9px}.function-list p{font-size:16px;color:#66766b;margin:0}.technical-layers{margin:35px 0 25px}.technical-layers article{border-top:1px solid #d7ded7;padding:22px 0}.technical-layers article>span{font-size:14px;font-weight:600}.technical-layers article>p{font-size:16px;color:#647169;line-height:1.7;margin:10px 0 0}.wired-statement{background:#e9efea;text-align:center}.wired-statement h2{font-size:clamp(44px,5.7vw,86px)}.wired-statement>p:not(.eyebrow){font-size:20px;color:#56695d;line-height:1.8;margin:30px 0}.wired-statement small{font-size:12px;color:#738277}@media(max-width:600px){.ecosystem-names{gap:20px;margin:25px 0}.ecosystem-names p{font-size:20px;min-width:0}.ecosystem-names p small{font-size:12px}.matter-line{gap:14px}.matter-line strong{font-size:20px}.matter-line span{font-size:13px;padding-left:14px}.function-list{gap:0 20px;margin-top:35px}.function-list article{gap:10px;padding:23px 0}.function-list h3{font-size:19px}.function-list p{font-size:14px;line-height:1.65}.function-list article>span{font-size:12px;padding-top:3px}.technical-layers{margin-top:25px}.technical-layers article>p{font-size:15px}.wired-statement h2{font-size:44px}.wired-statement>p:not(.eyebrow){font-size:17px}}
/* Visual-first ecosystem and functions */
.control{padding-bottom:55px}.control h2{font-size:clamp(42px,5.6vw,84px)}.logo-stage{position:relative;width:100%;max-width:940px;height:560px;margin:18px auto 0}.orbit-ring{position:absolute;width:580px;height:350px;border:1px solid #466b584d;border-radius:50%;top:115px;left:50%;transform:translateX(-50%) rotate(-13deg)}.orbit-ring:after{content:"";position:absolute;inset:40px -80px;border:1px solid #466b582b;border-radius:50%;transform:rotate(33deg)}.logo-float{position:absolute;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:28px;box-shadow:0 16px 45px #0003;animation:float 7s ease-in-out infinite;animation-play-state:paused}.logo-float img{max-width:64%;max-height:64%;width:auto;height:auto}.logo-xiaomi{width:170px;height:170px;left:13%;top:130px;transform:rotate(-7deg);animation-delay:-2s}.logo-huawei{width:190px;height:190px;left:40%;top:35px;animation-delay:-4s}.logo-apple{width:180px;height:180px;right:9%;top:155px;animation-delay:-1s}.logo-center{position:absolute;font-size:40px;letter-spacing:-2px;font-weight:800;left:50%;top:315px;transform:translateX(-50%);color:#fff}.matter-float{position:absolute;left:25%;bottom:28px;font-size:24px;font-weight:600;letter-spacing:-.03em;border:1px solid #5b7b6870;border-radius:30px;background:#25392d;padding:13px 30px;animation:float 8s ease-in-out infinite;animation-delay:-3s;animation-play-state:paused}.logo-stage.in-view .logo-float,.logo-stage.in-view .matter-float{animation-play-state:running}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -15px}}.functions{text-align:center}.function-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin:65px auto 0;max-width:1260px}.function-icons>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#f3f5f1;border-radius:25px;min-height:190px;padding:30px 15px}.function-icons img{width:52px;height:52px;object-fit:contain}.function-icons span{font-size:15px;font-weight:500}.system-icons{display:flex;flex-direction:column;gap:0;margin-top:40px;max-width:330px}.system-icons>div{display:flex;align-items:center;gap:25px;border-top:1px solid #d4dfd6;padding:22px 0}.system-icons img{width:35px;height:35px;object-fit:contain}.system-icons strong{width:45px;font-size:24px;letter-spacing:-1.5px}.system-icons span{font-size:18px}.wired-statement .knx-display{font-size:clamp(90px,15vw,220px);letter-spacing:-.08em;line-height:1}.wired-statement .wired-words{font-size:20px;margin-top:35px}.wired-words span{padding:0 24px;color:#9aaca0}@media(max-width:900px){.function-icons{grid-template-columns:repeat(3,1fr);gap:18px}.function-icons>div{min-height:170px}.logo-stage{height:510px}.logo-xiaomi{left:5%}.logo-huawei{left:36%;width:170px;height:170px}.logo-apple{right:1%;width:160px;height:160px}.orbit-ring{width:440px}.logo-center{top:320px}.matter-float{left:16%;bottom:15px}}@media(max-width:600px){.control{padding-bottom:30px;overflow:hidden}.control h2{font-size:39px}.logo-stage{height:395px;margin-top:15px}.logo-float{border-radius:21px}.logo-xiaomi{width:105px;height:105px;left:1%;top:120px}.logo-huawei{width:126px;height:126px;left:34%;top:30px}.logo-apple{width:110px;height:110px;right:-1%;top:156px}.orbit-ring{width:270px;height:240px;top:80px}.orbit-ring:after{inset:30px -15px}.logo-center{font-size:30px;top:254px}.matter-float{font-size:18px;padding:9px 22px;left:9%;bottom:12px}.function-icons{margin-top:35px;gap:12px}.function-icons>div{min-height:136px;border-radius:18px;padding:20px 8px;gap:16px}.function-icons img{width:38px;height:38px}.function-icons span{font-size:13px}.system-icons{max-width:none;margin-top:30px;flex-direction:row;gap:24px}.system-icons>div{flex:1;flex-direction:column;gap:13px;align-items:center;justify-content:center;padding:22px 0}.system-icons span{font-size:14px}.system-icons strong{width:auto}.wired-statement .wired-words{font-size:15px;margin-top:25px}.wired-words span{padding:0 10px}}@media(prefers-reduced-motion:reduce){.logo-float,.matter-float{animation:none!important}}
.logo-apple{flex-direction:column;gap:0}.logo-apple img{max-width:64%;max-height:64%}.app-name{font-size:13px;color:#222;line-height:1.2;margin-top:0}@media(max-width:600px){.app-name{font-size:12px}}
.logo-stage{height:790px}.logo-stage .matter-float{left:calc(50% - 59px);top:435px;bottom:auto;width:118px;height:118px;padding:10px;border:0;border-radius:26px;background:#fff;animation-delay:-3s}.logo-center{top:330px}.logo-google{width:145px;height:145px;left:12%;top:460px;animation-delay:-1.6s;flex-direction:column;gap:7px}.logo-alexa{width:145px;height:145px;right:11%;top:455px;animation-delay:-4.8s;flex-direction:column;gap:7px}.logo-smartthings{width:155px;height:130px;left:calc(50% - 77px);top:625px;animation-delay:-2.5s;flex-direction:column;gap:6px}.logo-google img,.logo-alexa img{max-width:52%;max-height:52%}.logo-smartthings img{max-width:60%;max-height:50%}.matter-route{position:absolute;left:0;right:0;top:380px;margin:0;font-size:12px;color:#a6c0af;letter-spacing:.04em}.logo-stage .orbit-ring{height:590px;top:95px}.logo-stage .orbit-ring:after{inset:160px -80px;transform:rotate(28deg)}@media(max-width:900px){.logo-stage{height:770px}.logo-google{left:3%}.logo-alexa{right:1%}.logo-stage .matter-float{top:440px}.logo-smartthings{top:620px}}@media(max-width:600px){.logo-stage{height:610px}.logo-center{top:264px}.matter-route{top:310px;font-size:12px}.logo-stage .matter-float{top:355px;left:calc(50% - 42px);width:84px;height:84px;border-radius:18px;padding:8px}.logo-google{width:102px;height:115px;left:-2%;top:385px;border-radius:18px;gap:5px}.logo-alexa{width:102px;height:115px;right:-2%;top:385px;border-radius:18px;gap:5px}.logo-smartthings{width:115px;height:100px;left:calc(50% - 57px);top:488px;border-radius:18px;gap:3px}.logo-google .app-name,.logo-alexa .app-name,.logo-smartthings .app-name{font-size:12px}.logo-stage .orbit-ring{width:275px;height:490px;top:66px}.logo-stage .orbit-ring:after{inset:110px -15px}.logo-stage .matter-float img{max-width:80%;max-height:80%}}

.logo-stage .matter-float{background:#233a2c;border:1px solid #52785f}