:root{--paper:#f6f5f0;--ink:#253b32;--muted:#6d746d;--line:#dcded4;--accent:#dce8cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #839d68;outline-offset:6px}button{color:inherit}p{line-height:1.9}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid #e3e3d9}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:600;letter-spacing:2px}.brand-sub{font-size:13px;letter-spacing:2px;font-weight:400;margin-left:12px}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a:hover{color:#738865}.nav-cta{margin-left:12px;border:1px solid #b6bfb1;padding:11px 18px;border-radius:3px;display:flex;align-items:center;gap:16px}.small-dot{width:6px;height:6px;background:var(--ink);border-radius:100%}.menu-toggle{display:none}.hero{position:relative;height:690px;min-height:550px;color:#fff;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 58%;position:absolute}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,29,22,.7),rgba(17,29,22,.22) 65%,rgba(17,29,22,.05)),linear-gradient(0deg,rgba(14,25,19,.4),transparent 40%)}.hero-content{position:relative;max-width:1280px;margin:auto;padding:85px 5% 0}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:600;margin:0 0 26px}.hero h1{font-size:clamp(44px,4.6vw,68px);line-height:1.35;letter-spacing:3px;font-weight:500;margin:0 0 22px}.hero-description{font-size:16px;color:#edf0e7;margin:0 0 32px;line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 24px;border:0;border-radius:2px;font-size:14px;transition:background .2s}.button.light{background:#f7f7ef;color:var(--ink)}.button.light:hover{background:#dce8cf}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#3e584a}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#e5e9dd;border-top:1px solid #ffffff40;padding-top:20px}.intro-strip{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;gap:20px}.intro-strip p{font-size:18px;margin:0}.intro-strip span{color:var(--muted)}.intro-strip span:before{content:'';display:inline-block;width:5px;height:5px;background:#8fa37c;border-radius:100%;margin-right:10px}.section{padding:100px max(5%,calc((100vw - 1280px)/2))}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}h2{font-size:clamp(30px,3vw,43px);line-height:1.5;letter-spacing:1px;font-weight:500;margin:0}.section-heading>p,.ecosystem-top>p{font-size:14px;color:var(--muted);margin:0 0 6px}.scene-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:55px}.scene-visual{position:relative;min-height:410px;overflow:hidden;border-radius:3px;background-image:linear-gradient(0deg,rgba(12,23,17,.85),transparent 90%),url('assets/living-room.jpg');background-position:center;background-size:cover;color:white;transition:filter .5s}.scene-visual[data-scene=movie]{background-image:linear-gradient(0deg,rgba(10,17,32,.94),rgba(26,40,72,.5)),url('assets/living-room.jpg')}.scene-visual[data-scene=sleep]{background-image:linear-gradient(0deg,rgba(27,22,18,.95),rgba(46,37,25,.6)),url('assets/living-room.jpg')}.scene-visual[data-scene=away]{background-image:linear-gradient(0deg,rgba(16,40,30,.9),rgba(73,98,70,.15)),url('assets/living-room.jpg')}.scene-caption{position:absolute;bottom:60px;padding:0 34px}.scene-caption>span{font-size:12px;letter-spacing:1px;color:#e0e9d2}.scene-caption h3{font-size:25px;font-weight:500;margin:17px 0 10px}.scene-caption p{font-size:13px;margin:0;color:#e5e8e0;max-width:380px}.illustration-label{position:absolute;bottom:20px;left:34px;font-size:10px;color:#cbd3c5}.scene-tabs{display:flex;flex-direction:column;justify-content:center}.scene-tabs button{display:flex;gap:24px;align-items:center;padding:25px 16px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.scene-tabs button[aria-selected=true]{background:#e9eddf}.scene-number{font-size:12px;color:#8b9885}.scene-tabs strong{display:block;font-size:19px;font-weight:500;margin-bottom:9px}.scene-tabs small{color:var(--muted);font-size:12px}.tab-indicator{margin-left:auto;font-size:8px;opacity:0}.scene-tabs [aria-selected=true] .tab-indicator{opacity:1}.scene-details{font-size:11px;color:var(--muted);margin-top:18px}.solutions{background:#eaece3}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.solution-grid article{padding:30px;background:var(--paper);display:flex;flex-direction:column}.solution-label{font-size:10px;letter-spacing:2px;color:var(--muted)}.house-line{height:100px;width:140px;border:1px solid #9daa91;margin:45px auto 32px;position:relative;background:linear-gradient(90deg,transparent 55%,#b3bea8 55%,#b3bea8 56%,transparent 56%),linear-gradient(0deg,transparent 48%,#b3bea8 48%,#b3bea8 49%,transparent 49%);transform:skewY(-8deg)}.house-line:before{content:'';position:absolute;inset:10px;border:1px solid #ccd2c0}.house-line:after{content:'';width:13px;height:13px;border:1px solid #78905f;border-radius:100%;background:#e0e8d0;position:absolute;left:30px;top:23px;box-shadow:62px 30px 0 -2px #9cad84}.house-upgrade{width:110px;height:100px;transform:skewY(5deg);border-radius:30px 0 0 0}.house-custom{width:160px;transform:skewY(-8deg);background:repeating-linear-gradient(90deg,transparent 0 51px,#b3bea8 52px 53px),linear-gradient(0deg,transparent 48%,#b3bea8 48%,#b3bea8 49%,transparent 49%)}.solution-grid h3{font-size:23px;font-weight:500;margin:12px 0}.solution-grid p{font-size:13px;color:var(--muted);margin:0;min-height:52px}.solution-grid ul{list-style:none;padding:24px 0;margin:0;font-size:12px;color:#596550;line-height:2.2}.solution-grid li:before{content:'·';margin-right:10px}.solution-grid article>a{font-size:13px;border-top:1px solid var(--line);padding-top:20px;margin-top:auto}.ecosystem{background:#263e33;color:#f2f3e9}.ecosystem-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.ecosystem .eyebrow{color:#b9cc9e}.ecosystem-top>p{color:#c2cabb}.protocols{display:grid;grid-template-columns:repeat(5,1fr);padding:65px 0 50px}.protocols>div{border-left:1px solid #ffffff30;padding:10px 20px}.protocols>div:first-child{border-left:0;padding-left:0}.protocols b{display:block;font-size:25px;font-weight:500;letter-spacing:.5px}.protocols span{display:block;font-size:11px;color:#bac8b6;margin-top:13px}.compatibility{border-top:1px solid #ffffff30;padding-top:28px;display:grid;grid-template-columns:1fr 1.7fr;gap:12px 30px}.compatibility h3{font-size:17px;font-weight:400;margin:0;line-height:1.8}.compatibility p{font-size:12px;color:#bcc8b7;margin:0}.compatibility a{font-size:12px;text-decoration:underline;text-underline-offset:5px;grid-column:2}.steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:35px;margin:60px 0 0}.steps li{border-top:1px solid #a5b396;padding-top:25px}.steps span{font-size:12px;color:#839278}.steps h3{font-size:21px;font-weight:500;margin:23px 0 12px}.steps p{font-size:13px;color:var(--muted);margin:0}.faq{padding-top:45px;display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.faq h2{font-size:30px}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px;line-height:1.7}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:22px;line-height:1;flex-shrink:0;font-weight:300}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:13px;margin-bottom:0}.contact{background:#e4e9dc;display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.contact-copy>p:not(.eyebrow){font-size:14px;color:#5e6c56}.contact h2{font-size:46px}.phone{display:inline-block;font-size:29px;letter-spacing:1px;margin:25px 0 0}.wechat{margin:10px 0 45px}.wechat button{background:none;border:0;border-bottom:1px solid #99a78b;font-size:12px;margin-left:18px;padding:0 0 3px}.contact-note{font-size:11px;color:var(--muted)}form{background:var(--paper);padding:34px}form h3{font-size:21px;font-weight:500;margin:0}form p.form-intro{font-size:12px;color:var(--muted);margin:10px 0 24px}form label,legend{font-size:12px;display:block;line-height:1.6}input[type=number],select,textarea{width:100%;background:transparent;border:1px solid #cbd0c2;border-radius:0;padding:12px;color:var(--ink);margin-top:8px;outline-offset:3px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}fieldset{border:0;padding:0;margin:24px 0}legend{padding:0;margin-bottom:12px}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.checks label{display:flex;align-items:center;gap:5px;white-space:nowrap}input[type=checkbox]{accent-color:var(--ink);width:15px;height:15px;margin:0}form .button{margin-top:20px;width:100%}.privacy-note{font-size:10px;color:var(--muted);margin:12px 0 0;line-height:1.6}#brief-result{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}#brief-result button{border:1px solid #9da992;padding:8px 16px;background:transparent;margin-top:12px}#brief-result p{font-size:12px;color:var(--muted)}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center}.footer-brand{font-size:20px;letter-spacing:2px}footer p,footer .legal{font-size:11px;color:var(--muted)}footer p{margin:8px 0}.legal{text-align:right;line-height:1.9}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:15px 25px;font-size:13px;z-index:20;opacity:0;pointer-events:none;max-width:90vw;width:max-content;transition:opacity .2s}.toast.visible{opacity:1}@media(min-width:1500px){.hero-content{padding-left:0}.hero{height:750px}}@media(max-width:1000px){nav{gap:18px;font-size:12px}.brand-sub{display:none}.section{padding:75px 5%}.scene-layout{gap:25px}.contact{gap:35px}.solution-grid article{padding:24px}.protocols b{font-size:21px}.intro-strip{flex-wrap:wrap}.intro-strip p{width:100%}}@media(max-width:700px){html{scroll-padding-top:74px}.header{height:72px}.brand{font-size:23px}.brand-sub{display:inline;font-size:11px}.menu-toggle{display:block;border:1px solid #bac4b2;background:transparent;padding:8px 13px;font-size:12px}nav{display:none;position:absolute;left:0;right:0;top:71px;background:var(--paper);padding:20px 5%;box-shadow:0 10px 16px #22332212}nav.open{display:flex;align-items:stretch;flex-direction:column;gap:0}nav a{padding:15px 0;font-size:14px}.nav-cta{margin:8px 0 0;padding:14px 18px!important;justify-content:space-between}.hero{height:650px;min-height:0}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#14251ab3,#14251a33),linear-gradient(0deg,#14251a80,transparent)}.hero-content{padding:70px 7% 0}.eyebrow{font-size:10px;margin-bottom:22px;letter-spacing:1.8px}.hero h1{font-size:42px;letter-spacing:1px}.hero-description{font-size:13px;line-height:2;margin:24px 0 32px}.hero-bottom{left:7%;right:7%;font-size:10px;bottom:26px}.hero-bottom span:last-child{display:none}.intro-strip{padding:24px 7%;gap:16px;font-size:10px}.intro-strip p{font-size:17px;margin-bottom:4px}.intro-strip span:before{margin-right:6px;width:4px;height:4px}.section{padding:65px 7%}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.ecosystem-top>p{font-size:12px;margin-top:20px}h2{font-size:29px}.scene-layout{grid-template-columns:1fr;gap:16px}.scene-visual{min-height:350px}.scene-caption{padding:0 24px;bottom:60px}.scene-caption h3{font-size:22px}.scene-caption p{font-size:12px}.illustration-label{left:24px;font-size:9px}.scene-tabs button{padding:19px 12px}.scene-tabs strong{font-size:17px}.scene-tabs small{font-size:11px}.scene-details{font-size:10px;line-height:1.8}.solution-grid{grid-template-columns:1fr;gap:18px}.solution-grid article{padding:26px}.house-line{margin:30px auto 20px}.solution-grid p{min-height:0}.solution-grid ul{padding:18px 0}.ecosystem-top{display:block}.protocols{grid-template-columns:1fr 1fr;gap:28px 15px;padding:35px 0}.protocols>div{border:0;border-top:1px solid #ffffff30;padding:20px 0 0!important}.protocols b{font-size:22px}.protocols span{font-size:11px;margin-top:8px}.compatibility{display:block}.compatibility p{margin:16px 0}.compatibility a{font-size:11px}.steps{grid-template-columns:1fr 1fr;gap:35px 25px;margin-top:40px}.steps h3{margin:18px 0 10px;font-size:19px}.steps p{font-size:12px}.faq{display:block;padding-top:10px}.faq-list{margin-top:32px}.faq summary{font-size:14px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:38px}.phone{font-size:27px;margin-top:12px}.wechat{margin-bottom:25px}form{padding:24px 20px}.checks{grid-template-columns:1fr 1fr}.form-row{gap:10px}select,input[type=number],textarea{font-size:16px;padding:10px}.privacy-note{font-size:10px}footer{align-items:flex-start;padding:30px 7%;gap:22px;flex-direction:column}.legal{text-align:left}.toast{font-size:12px;bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}