:root{--ink:#233331;--muted:#6d7773;--paper:#f5f3ed;--line:#d6dbd3;--orange:#cc5b26;--sage:#dbe4dd;--sans:"PingFang SC","Hiragino Sans GB",sans-serif;--serif:"Songti SC","STSong",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}p{line-height:1.85}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.28}.serif{font-family:var(--serif);font-weight:500}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5.6vw;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:30px;display:flex;align-items:center;gap:10px;letter-spacing:.025em}.brand-mark{font-size:36px;color:var(--orange)}.brand-cn{font-family:var(--sans);font-size:12px;margin-left:10px;letter-spacing:.1em}.preview-tag{font-size:11px;color:var(--muted);letter-spacing:.14em}.nav-link{font-size:12px}.nav-link span{margin-left:26px}.skip{position:fixed;top:-90px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:26px;color:var(--muted)}.intro{min-height:calc(100svh - 88px);position:relative;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;padding:80px 5.6vw 90px;overflow:hidden}.intro-copy{position:relative;z-index:1}.intro h1{font-size:clamp(44px,4.7vw,78px)}.lead{max-width:390px;font-size:14px;margin-top:28px;color:var(--muted)}.hero-photo{background:white;position:relative;margin-left:15px}.hero-photo img{mix-blend-mode:multiply}.photo-caption{display:block;font-size:10px;color:var(--muted);position:absolute;bottom:0;left:28px}.hero-photo:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px 45px var(--paper);pointer-events:none}.intro-bottom{position:absolute;bottom:24px;left:5.6vw;right:5.6vw;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.intro-bottom a span{margin-left:40px}.chapter{padding:66px 5.6vw 100px}.chapter-label{display:flex;gap:24px;align-items:center;font-size:10px;letter-spacing:.1em;color:var(--muted);margin-bottom:68px}.chapter-label>span:first-child{width:34px;padding-bottom:8px;border-bottom:1px solid currentColor}.context{background:var(--sage);display:grid;grid-template-columns:1fr 1.15fr;gap:30px}.context>.chapter-label{grid-column:1/-1;margin-bottom:10px}.context h2,.section-head h2,.structure h2{font-size:clamp(34px,3.6vw,58px)}.context-copy{padding-top:40px}.context-copy>p:not(.eyebrow){max-width:355px;margin-top:28px;font-size:14px}.small-note{font-size:11px!important;color:var(--muted)}.context-diagram{background:#fff;padding:30px 25px 14px;align-self:center}.context-diagram img{mix-blend-mode:multiply}.context-diagram figcaption{border-top:1px solid var(--line);margin-top:25px;padding-top:15px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.structure{position:relative;background:#edf0eb;padding:0 5.6vw}.structure-sticky{padding:65px 0 45px;min-height:850px;position:relative}.structure .chapter-label{margin-bottom:45px}.structure-copy{position:relative;z-index:2;width:34%;pointer-events:none}.structure-copy p:not(.eyebrow){font-size:13px;max-width:305px;margin-top:24px;color:var(--muted)}.product-scene{position:relative;margin-top:35px}.scene-fallback{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.scene-fallback img{width:100%;height:240px;object-fit:contain;background:white}.scene-label{display:none;position:absolute;right:12%;top:50%;font-size:11px;padding:10px 13px;background:rgba(245,243,237,.9);border:1px solid var(--line)}.scene-label-dot{width:5px;height:5px;background:var(--orange);display:inline-block;margin-right:9px}.scene-meta{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-top:16px}.scene-steps{display:flex;gap:45px;padding:0;margin:30px 0 0;list-style:none;font-size:12px}.scene-steps li{border-top:1px solid var(--line);padding-top:12px;min-width:105px;color:var(--muted)}.scene-steps li span{margin-right:20px;font-size:10px}.scene-steps li.active{color:var(--ink);border-color:var(--orange)}.scene-hint{font-size:10px;color:var(--muted);margin-top:20px}.scene-enhanced .structure{height:270vh}.scene-enhanced .structure-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden}.scene-enhanced .product-scene{position:absolute;top:90px;left:28%;right:0;bottom:115px;margin:0}.scene-enhanced canvas{width:100%;height:100%;display:block}.scene-enhanced .scene-fallback{display:none}.scene-enhanced .scene-label{display:block}.scene-enhanced .scene-meta{position:absolute;bottom:35px;left:0;right:0}.scene-enhanced .scene-steps{position:absolute;bottom:100px;left:0;z-index:2}.scene-enhanced .scene-hint{position:absolute;bottom:64px;left:0}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:58px}.section-head>p{font-size:14px;max-width:395px;color:var(--muted)}.setup-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.setup-grid figure{background:white;padding:24px}.setup-grid figcaption{font-size:10px;color:var(--muted);margin-top:12px}.install-steps{list-style:none;margin:0;padding:0}.install-steps li{display:flex;gap:25px;border-top:1px solid var(--line);padding:27px 0}.install-steps li>span{font-family:Georgia,serif;color:var(--orange);font-size:20px}.install-steps h3{font-size:17px;font-weight:500;margin-bottom:10px}.install-steps p{font-size:13px;color:var(--muted)}.care{background:#e8e8df}.care-photo{position:relative;height:430px;overflow:hidden;background:#fafbf8}.care-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.2)}.care-photo>span{position:absolute;bottom:25px;left:30px;font-family:var(--serif);font-size:20px}.care-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border-top:1px solid #bdc6bc;border-bottom:1px solid #bdc6bc}.care-grid article{padding:30px 22px 38px;border-right:1px solid #bdc6bc}.care-grid article:first-child{padding-left:0}.care-grid article:last-child{border:0}.care-grid article>span{font-size:10px;color:var(--muted)}.care-grid h3{font-size:16px;font-weight:500;margin:25px 0 12px}.care-grid p{font-size:12px;color:var(--muted)}.closing{text-align:center;background:#243b34;color:#f0f2e9;padding-bottom:60px}.closing .chapter-label{color:#c0cec4;text-align:left}.closing .eyebrow{color:#b8c6bb}.closing h2{font-size:clamp(36px,4.6vw,72px)}.closing-copy{font-size:13px;max-width:380px;margin:30px auto;color:#c0cec4}.cta-wrap{margin:40px 0 80px}.cta{background:#edf0df;color:#233a31;border:0;border-radius:0;padding:19px 26px;min-width:200px;font-size:14px;opacity:1;cursor:default}.cta span{margin-left:45px}.cta-wrap p{font-size:10px;margin-top:14px;color:#b8c6bb}.disclaimer{border-top:1px solid #5c6d61;padding-top:30px;max-width:760px;margin:auto}.disclaimer p{font-size:11px;color:#cad4ca}.disclaimer .small-note{margin-top:14px;color:#aebbaf}footer{padding:30px 5.6vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}footer .brand{font-size:23px}footer .brand-mark{font-size:28px}@media(max-width:900px){.section-head{gap:30px}.structure-copy{width:40%}.care-grid{grid-template-columns:repeat(2,1fr)}.care-grid article{border-bottom:1px solid #bdc6bc}.care-grid article:nth-child(2){border-right:0}.care-grid article:first-child{padding-left:22px}}@media(max-width:767px){header{height:70px;padding:0 24px}.brand{font-size:26px}.brand-cn,.preview-tag{display:none}.nav-link{font-size:11px}.intro{padding:65px 24px 80px;display:block;min-height:0}.intro h1{font-size:47px}.lead{font-size:13px;max-width:320px}.hero-photo{margin:30px -12px 0}.photo-caption{font-size:9px;bottom:0;left:25px}.intro-bottom{left:24px;right:24px;bottom:20px}.intro-bottom>span:last-child{display:none}.intro-bottom a{font-size:9px}.chapter{padding:45px 24px 65px}.chapter-label{margin-bottom:40px}.context{display:block}.context-copy{padding:35px 0}.context h2,.section-head h2,.structure h2{font-size:36px}.context-diagram{padding:20px 12px 15px}.context-diagram figcaption{font-size:9px}.structure{padding:0 24px}.structure-sticky{padding:45px 0;min-height:0}.structure-copy{width:100%}.structure-copy p:not(.eyebrow){max-width:100%}.scene-fallback{grid-template-columns:1fr;margin-top:25px}.scene-fallback img{height:auto;max-height:340px}.scene-steps,.scene-hint,#scene-counter{display:none}.scene-meta{font-size:9px}.section-head{display:block;margin-bottom:35px}.section-head>p{margin-top:25px;font-size:13px}.setup-grid{display:block}.setup-grid figure{padding:12px;margin-bottom:35px}.install-steps li{padding:23px 0}.care-photo{height:280px}.care-photo>span{font-size:15px;left:16px;bottom:16px}.care-grid{margin-top:25px}.care-grid article{padding:24px 12px!important}.care-grid h3{font-size:14px;margin-top:20px}.care-grid p{font-size:11px}.closing h2{font-size:38px}.closing-copy{max-width:290px}.cta-wrap{margin-bottom:55px}footer{padding:25px 24px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}} 
.photo-caption{z-index:1;background:rgba(245,243,237,.75);padding:4px 0}

.cta:not(:disabled){cursor:pointer}.cta:not(:disabled):hover{background:#fff4dd}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(520px,calc(100vw - 32px));padding:45px 32px;max-height:85svh;overflow:auto}dialog::backdrop{background:rgba(20,37,29,.55)}dialog h2{font-size:30px;margin-bottom:25px}dialog>p:not(.eyebrow){font-size:13px;margin-top:18px}#close-info{position:absolute;right:16px;top:10px;background:none;border:0;font-size:25px;color:var(--ink);cursor:pointer}

/* Static fallback presents pictures, not inactive scroll controls. */
.scene-steps,.scene-hint,#scene-counter{display:none}.static-scene-note{font-size:11px;color:var(--muted);margin-top:20px}.scene-enhanced .scene-steps{display:flex}.scene-enhanced .scene-hint{display:block}.scene-enhanced #scene-counter{display:inline}.scene-enhanced .static-scene-note{display:none}
