.site-footer{display:flex;justify-content:center;align-items:center;gap:9px;font-size:12px;letter-spacing:.12em}.site-footer strong{color:#a8afbb;font-weight:700;letter-spacing:.06em}
.hub-hero{min-height:290px;padding:48px 0 52px;gap:35px}
.hub-hero .eyebrow{font-size:24px;letter-spacing:0;margin:0 0 12px}
.hub-hero h1{font-size:48px;margin:10px 0 16px}
.hub-hero .intro{font-size:15px;max-width:630px}
.hub-hero .controller{width:390px;height:225px;margin:0 25px 10px 0;transform:perspective(800px) rotateX(12deg) rotateY(-8deg) rotateZ(-5deg)}
.hub-hero .buttons{width:195px;gap:12px;top:70px}.hub-hero .buttons i{width:36px;height:36px}.hub-hero .stick{left:85px;top:85px}
.hub-tabs{display:flex;gap:8px;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hub-tab{background:transparent;border:0;border-radius:0;color:var(--muted);padding:20px 24px;border-bottom:3px solid transparent;font-size:14px;min-width:124px}
.hub-tab.active{border-bottom-color:var(--accent);color:var(--text)}.hub-tab:hover{background:#ffffff05;color:var(--text)}
.hub-content{padding:30px 0 0;margin:0}.hub-content.test-main{padding:30px 0 0;margin:0;max-width:none}
.hub-content .test-heading{margin:0 0 25px}.hub-content .test-heading h2{font-size:30px;margin:10px 0}.hub-content .test-heading .eyebrow{margin:0}
.hub-section-heading{margin-bottom:24px}.hub-section-heading .eyebrow{margin-top:0}
.hub-content .environment{margin-top:0}.hub-content .notes{margin-bottom:36px}
@media(max-width:900px){.hub-hero .controller{width:340px;transform:scale(.85) rotate(-5deg);margin-right:-20px}.hub-hero h1{font-size:42px}.hub-hero .intro{font-size:13px}}
@media(max-width:680px){.hub-hero{min-height:0;padding:30px 0}.hub-hero .eyebrow{font-size:20px}.hub-hero h1{font-size:38px}.hub-hero .controller{display:none}.hub-tabs{gap:0}.hub-tab{flex:1;padding:17px 12px}.hub-content,.hub-content.test-main{padding-top:24px}.hub-content .test-heading h2{font-size:26px}}

.hero-product{flex:0 1 540px;width:46%;aspect-ratio:1.3;margin:0;position:relative}.hero-product>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:drop-shadow(0 16px 18px #0005)}
.deck-logo:has(img){width:10.5%;top:3.5%;left:6%;text-align:center}.deck-logo>img{display:block;width:100%;height:auto;object-fit:contain}.deck-logo:has(img) small{margin-top:3px}
.hub-tabs a.hub-tab{text-decoration:none;display:flex;align-items:center}
.test-heading>div:first-child{min-width:0;flex:1}
.test-heading-device{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.test-heading-device label{display:flex;align-items:center;gap:12px;min-width:0;font-size:12px;color:var(--muted);white-space:nowrap}
.test-heading-device select{width:340px;max-width:30vw;min-width:0;text-overflow:ellipsis}
.test-heading-device .pill{flex-shrink:0}
.language-picker{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:12px;color:var(--muted)}
.language-picker select{max-width:180px;padding:8px 10px;font-size:12px}
html:not([lang^="zh"]) .hub-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.15}
html:not([lang^="zh"]) .hub-hero .eyebrow{font-size:clamp(18px,2.2vw,24px)}
html:not([lang^="zh"]) .step{overflow-wrap:anywhere}
@media(max-width:680px){header>.pill{display:none}.language-picker{gap:5px}.language-picker select{max-width:140px}.hub-tabs{flex-wrap:wrap}.hub-tabs .hub-tab{min-width:0;white-space:normal;text-align:center}.switch-status{overflow-wrap:anywhere}}
@media(max-width:900px){.test-heading{flex-wrap:wrap}.test-heading-device{flex-wrap:wrap;justify-content:flex-start}.test-heading-device select{max-width:60vw}}
@media(max-width:680px){.test-heading-device{margin-top:16px;gap:10px}.test-heading-device select{width:100%;max-width:65vw}.test-heading-device label{flex:1}}
@media(max-width:900px){.hero-product{width:46%;flex-basis:400px}}
@media(max-width:680px){.hub-hero{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hero-product{width:100%;max-width:440px;flex:none;align-self:center}.hub-hero .intro{max-width:none}}