/* Warm residential photography with an explicit, original equipment design layer. */
:root{--paper:#f6f3ed;--ink:#243a35;--deep:#173c36;--accent:#a27443;--line:#deded3}
.experience-hero{position:relative;isolation:isolate;background:#eeece2;overflow:hidden;min-height:650px}.hero-photograph{position:absolute;inset:0 0 0 40%;z-index:-1}.hero-photograph>img{width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-photograph:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eeece2 0%,#eeece218 34%,#102d2b00 70%)}.experience-hero-inner{position:relative;padding-block:72px 70px;min-height:650px;display:flex;align-items:center}.hero-copy{width:53%;position:relative;z-index:1}.hero-copy h1{font-size:clamp(45px,5vw,69px);line-height:1.05;letter-spacing:-.04em;margin:20px 0 24px}.hero-copy h1 em{font-style:normal;color:#6f6a4f}.hero-copy p{max-width:455px;font-size:16px;color:#42564b}.hero-copy .actions{gap:10px}.hero-roles{font-size:10px;font-weight:600;letter-spacing:.10em;margin-top:30px;color:#5b6758}.hero-photo-caption{position:absolute;right:25px;top:25px;font-size:10px;letter-spacing:.08em;background:#f8f5ecd9;padding:9px 13px}.hero-system-card{position:absolute;right:30px;bottom:40px;width:350px;background:#fbf9f1f2;backdrop-filter:blur(8px);border:1px solid #fff9;padding:20px 24px;box-shadow:0 12px 35px #173c3620;display:grid;grid-template-columns:1fr 24px;gap:12px;font-size:17px;line-height:1.4}.hero-system-card>div{display:flex;gap:16px;grid-column:1/-1;color:#6d795e}.hero-system-card svg{width:44px;height:44px}.hero-system-card>b{align-self:end;font-size:25px}.hero-system-card:hover{text-decoration:none;background:white}.capability-row b{font:400 25px Georgia,serif;letter-spacing:-.02em}.capability-row small{font-size:11px}.device-icon{flex-shrink:0}.scene-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:25px;gap:10px}.scene-tabs button{flex:1;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:16px 12px;display:flex;gap:12px;align-items:center;justify-content:center;font-size:13px;min-height:65px}.scene-tabs button svg{width:32px;height:32px}.scene-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--ink);background:#f3f1e9}.scene-explainer{display:grid;grid-template-columns:1.05fr 1fr;min-height:440px;background:#f6f5ef}.scene-room{position:relative;min-width:0;min-height:390px}.scene-room>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.room-label{position:absolute;top:18px;left:18px;background:#fffdf4e8;padding:6px 12px;font-size:9px;letter-spacing:.07em}.room-overlay{position:absolute;bottom:22px;left:22px;right:22px;background:#173c36ed;padding:18px 20px;color:white}.room-overlay span{display:block;color:#cfb891;font-size:9px;letter-spacing:.12em;margin-bottom:7px}.room-overlay b{display:block;font-size:14px;font-weight:500;line-height:1.5}.scene-logic{padding:36px 35px;align-self:center}.scene-logic h3{font-size:31px;margin-bottom:17px}.scene-logic>p{font-size:13px}.device-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:24px 0}.device-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:14px 4px;background:#fff;border:1px solid #deded2;min-width:0}.device-tile svg{height:43px;width:47px;color:#8d784e}.device-tile span{font-size:10px;line-height:1.45;overflow-wrap:anywhere}.technical-line{border-left:2px solid #b58e58;padding-left:13px;font-size:12px!important;color:#5e6f60}.drawing-note{font-size:10px;margin-top:15px;margin-bottom:0;color:#778274}.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.audience-grid>a{position:relative;background:#fbfaf6;min-height:225px;padding:25px;transition:background .2s}.audience-grid>a:hover{background:#eaece1;text-decoration:none}.audience-number{font-size:10px;color:var(--accent);font-weight:700;display:block;margin-bottom:27px}.audience-grid h3{font-family:inherit;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.02em;max-width:90%;margin-bottom:12px}.audience-grid p{font-size:12px;line-height:1.6;margin-bottom:0;max-width:95%}.audience-arrow{position:absolute;right:20px;top:21px;font-size:21px;color:#83917d}.ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:27px;gap:20px}.ecosystem-grid>a{border-bottom:1px solid var(--line);padding:20px 10px}.ecosystem-grid svg{height:65px;display:block;color:#7c8b70;margin-bottom:22px}.ecosystem-grid strong{display:block;font-size:15px;margin-bottom:6px}.ecosystem-grid span{display:block;font-size:12px;color:var(--muted)}.architecture{background:#e9ede3;border:1px solid #d0d8c9;padding:25px 30px}.architecture-head{display:flex;justify-content:space-between;border-bottom:1px solid #ccd4c4;padding-bottom:18px;margin-bottom:5px;font-size:10px;letter-spacing:.07em}.architecture-step{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #cdd5c6}.architecture-step>b{font-size:10px;color:#8a7651;align-self:start;margin-top:4px}.architecture-step>svg{width:48px;height:48px;color:#7c8b70}.architecture-step strong{display:block;font-size:15px;font-weight:600}.architecture-step small{display:block;color:#5e6c59;font-size:11px;margin-top:4px}.architecture>p{font-size:11px;margin:20px 0 0}.market-panel{background:#efeee4;padding:32px;border:1px solid var(--line)}.market-panel>.button{width:100%;margin-top:15px}.market-panel>.small{font-size:11px;margin:15px 0 0}.market-choice>span{font-size:10px;letter-spacing:.08em;font-weight:700}.market-choice>div{display:flex;gap:12px;margin-top:17px}.market-choice button{flex:1;background:#fffef8;border:1px solid #c8cbbd;min-height:64px;font-size:15px;color:var(--ink);padding:12px}.market-choice button small{display:block;color:#7a795d;font-size:10px}.market-choice button[aria-pressed=true]{background:var(--deep);color:white;border-color:var(--deep)}.market-choice button[aria-pressed=true] small{color:#ddd1b6}.market-choice p{font-size:11px;margin:12px 0 0}.industry-hero{padding-block:55px;background:#eeeee4;border-bottom:1px solid var(--line)}.industry-hero .split{gap:45px}.industry-hero h1{font-size:clamp(35px,4.5vw,61px);line-height:1.08;margin-bottom:20px}.industry-hero p{font-size:16px}.industry-hero p.industry-promise{font-size:13px;max-width:500px}.industry-visual{position:relative;min-width:0}.industry-visual img{width:100%;aspect-ratio:1.3;object-fit:cover}.industry-visual>span{position:absolute;bottom:20px;left:20px;right:20px;background:#fdfaf0e8;padding:12px 14px;font-size:10px;letter-spacing:.05em}.challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.challenge-grid>div>span{font-size:10px;color:var(--accent);letter-spacing:.1em}.challenge-grid h2{font-size:33px;margin-top:18px}.challenge-grid p{font-size:14px}.challenge-grid .device-row{margin-bottom:0}.scope-list{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.scope-list strong{font-size:13px}.scope-list p{font-size:12px}.scope-list+.market-choice{margin-top:25px}.buyer-needs{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px;border-top:1px solid var(--line);padding-top:30px}.buyer-needs h3{font:600 16px/1.4 Arial,"Microsoft YaHei",sans-serif;letter-spacing:0}.buyer-needs p{font-size:13px}.product-device{background:#f3f2eb;display:flex;align-items:center;justify-content:center;padding:24px;margin-bottom:24px}.product-device svg{width:80px;height:80px;color:#7d896e}.product-device small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#7c866f}.product-device>div{text-align:center}.product-device svg{margin:0 auto 14px}.scene-catalog-intro{padding-block:45px;border-bottom:1px solid var(--line)}
.drawing-note{color:#586651}.product-device small{color:#59634e}.audience-number{color:#865a2e}
@media(max-width:1020px){.experience-hero-inner{min-height:650px}.hero-copy{width:57%}.hero-system-card{width:290px;right:25px;bottom:30px}.hero-copy h1{font-size:54px}.audience-grid{grid-template-columns:repeat(2,1fr)}.scene-logic{padding:25px}.scene-logic h3{font-size:27px}.scene-tabs button{font-size:12px;gap:8px}.scene-tabs button svg{width:27px;height:27px}.device-row{gap:6px}.device-tile span{font-size:9px}}
@media(max-width:760px){.experience-hero-inner{display:block;min-height:0;padding-block:45px 0}.hero-copy{width:100%;max-width:580px}.hero-copy h1{font-size:46px}.hero-copy p{max-width:100%;font-size:15px}.hero-photograph{position:relative;inset:auto;z-index:auto;height:300px;order:2}.experience-hero{display:flex;flex-direction:column}.experience-hero-inner{order:1;margin:0;width:100%;padding-bottom:28px}.hero-photograph:after{background:linear-gradient(180deg,#eeece200,#102d2b30)}.hero-photograph>img{object-position:center 58%}.hero-photo-caption{top:auto;bottom:15px;left:20px;right:auto;font-size:9px}.hero-system-card{position:static;margin-top:25px;width:100%;grid-template-columns:auto 1fr 20px;padding:15px;align-items:center;gap:15px}.hero-system-card>div{grid-column:auto;gap:8px}.hero-system-card svg{width:29px;height:33px}.hero-system-card>span{font-size:12px}.hero-system-card>b{align-self:center;font-size:20px}.hero-roles{margin-top:23px;font-size:9px}.capability-row b{font-size:22px}.scene-tabs{gap:0;display:grid;grid-template-columns:repeat(2,1fr)}.scene-tabs button{padding:12px 7px;justify-content:start;min-height:55px}.scene-explainer{grid-template-columns:1fr}.scene-room{min-height:300px}.scene-logic{padding:26px 23px}.scene-logic h3{font-size:30px}.device-tile span{font-size:11px}.device-tile svg{width:43px;height:43px}.device-row{gap:8px}.audience-grid>a{padding:23px;min-height:200px}.audience-grid h3{font-size:16px}.audience-grid p{font-size:12px}.ecosystem-grid{grid-template-columns:repeat(2,1fr);gap:15px}.ecosystem-grid>a{padding-inline:0}.market-panel{padding:23px}.industry-hero{padding-block:35px}.industry-hero .split{gap:30px}.industry-hero h1{font-size:40px}.industry-hero .eyebrow{font-size:9px}.industry-visual img{aspect-ratio:1.6}.challenge-grid{grid-template-columns:1fr;gap:25px}.challenge-grid h2{font-size:29px}.buyer-needs{grid-template-columns:1fr;gap:10px;margin-top:30px}.architecture{padding:22px}.architecture-step{gap:15px}.market-choice button{font-size:14px}.scope-list+.market-choice{margin-top:20px}.hero-copy .actions .button{font-size:12px;padding-inline:17px}}
@media(max-width:380px){.hero-copy h1{font-size:40px}.hero-system-card{gap:9px;padding:13px}.hero-system-card>div{gap:4px}.hero-system-card svg{width:26px}.hero-system-card>span{font-size:11px}.device-row{gap:5px}.device-tile span{font-size:9px}.audience-grid>a{padding:20px 16px}.audience-grid h3{font-size:15px}.industry-hero h1{font-size:35px}.market-choice button{padding-inline:6px;font-size:13px}}

/* Chinese headline rhythm */
@media(max-width:760px){html[lang=zh] .hero-copy h1{font-size:36px;line-height:1.2}}
@media(max-width:380px){html[lang=zh] .hero-copy h1{font-size:33px}}