.lang-picker{position:relative;flex:none}
.lang-picker summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 11px;border:1px solid #bfcbbf;border-radius:9px;cursor:pointer;list-style:none;font-size:12px;background:var(--paper)}
.lang-picker summary::-webkit-details-marker{display:none}
.lang-picker summary i{width:6px;height:6px;border:solid currentColor;border-width:0 1.4px 1.4px 0;transform:translateY(-2px) rotate(45deg)}
.lang-picker[open] summary i{transform:translateY(1px) rotate(225deg)}
.lang-picker summary:hover,.lang-picker[open] summary{background:#eaf0e6}
.lang-flag{width:20px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #14251c20}
.lang-options{position:absolute;z-index:7;right:0;top:calc(100% + 8px);padding:6px;background:#fffefa;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #152a2129;width:185px;max-height:65vh;overflow:auto}
.lang-options a{display:flex;gap:12px;align-items:center;min-height:36px;padding:5px 10px;border-radius:6px;font-size:14px}
.lang-options a span{flex:1}
.lang-options a:hover,.lang-options a:focus-visible,.lang-options a[aria-current]{background:#edf2e8}
.nav-actions{gap:10px}
.hero{display:flex;flex-direction:column;justify-content:space-between;height:auto;min-height:clamp(570px,40vw,750px);gap:35px}
.hero-bottom{position:static;transform:none;margin:0 auto 24px}
.hero-content{flex:1}.hero h1{max-width:78%}
.hero-content .cta-row,.platforms{flex-wrap:wrap}
.section-head h2{min-width:0}
.plan,.release,.faq>*,.order-box,.prose{min-width:0;overflow-wrap:break-word}
.scene-controls{flex:none}
@media(max-width:1080px){
 .nav nav{display:none}.menu{display:grid}.nav{height:68px}
 #mobile-nav{position:absolute;top:100%;background:var(--paper);width:100%;padding:10px 24px 22px;box-shadow:0 12px 18px #182a2015}
 #mobile-nav a{display:block;padding:10px}
}
@media(max-width:640px){
 .hero{min-height:620px;gap:42px}.hero-bottom{margin:0 auto 16px}.hero h1{max-width:100%;overflow-wrap:break-word}
 .hero-content{padding-top:43px}.hero h1{font-size:clamp(43px,10.8vw,69px)}.nav-actions{gap:6px}
 .market-grid>article>*,.demo-copy{min-width:0;overflow-wrap:break-word}
 .pip .eyebrow{letter-spacing:1.1px}.pip img{max-width:29%}
 .lang-options a{min-height:40px}.section-head{align-items:stretch}.scene-name{line-height:1.25}
}
@media(max-width:480px){
 .nav .nav-download{font-size:0;width:36px;padding:0;gap:0}
 .nav{gap:5px}.nav .brand{font-size:20px;gap:5px}
 .lang-picker summary{min-height:36px;padding:0 8px}.nav-actions{gap:5px}
 .cta-row{gap:8px}.cta-row .btn{padding:0 12px}.platforms{row-gap:6px}
}
.subhero h1, .prose h2, .release h2, .order-box h2 {hyphens:manual;overflow-wrap:break-word}
@media(max-width:420px){
 .subhero h1{font-size:clamp(33px,9.6vw,43px)}
 .hero .scene-caption{min-width:0}
}

/* Scale secondary headings to their text column, including narrow legal and order cards. */
.narrow .subhero, .narrow .order-box, .narrow .prose {container-type:inline-size}
.narrow .subhero h1 {font-size:clamp(24px,8.5cqi,61px);line-height:1.12}
.narrow .order-box h2 {font-size:clamp(24px,10cqi,37px);line-height:1.17}
.narrow .prose h2 {font-size:clamp(22px,8.5cqi,27px)}