/* Shared identity, accessible navigation and language selection. */
.site-header{background:#15171c;border-bottom:1px solid #ffffff12}
.header-inner{gap:24px;min-height:92px;position:relative}
.site-header .brand,.site-footer .brand{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none}
.brand .brand-emblem{display:block;width:78px;height:44px;flex:none;overflow:hidden;mix-blend-mode:screen}
.brand .brand-copy{display:flex;flex-direction:column;gap:6px}
.brand .brand-copy strong{display:flex;align-items:center;gap:5px;font-family:Arial,sans-serif;font-size:21px;line-height:1;font-weight:800;letter-spacing:1.3px;color:#faf9f7}
.brand-copy strong>span{color:#f14c62}.brand-copy strong i{width:5px;height:5px;border-radius:50%;background:#f14c62;align-self:flex-start}
.brand .brand-copy small{font:600 9px/1.4 Arial,sans-serif;letter-spacing:2.25px;color:#a6abb7;white-space:nowrap}
.site-nav{gap:23px;flex:1;justify-content:flex-end;order:2}
.site-nav>a:not(.nav-cta){font-size:14px;font-weight:600;white-space:nowrap}
.site-header .site-nav .nav-cta{min-height:40px;padding:8px 15px;gap:10px;white-space:nowrap;font-size:13px;line-height:1.5}
.site-nav .product-menu{flex-shrink:0}
.site-header .site-nav .product-menu>summary{position:relative;display:flex;align-items:center;gap:7px;list-style:none;border:0;border-radius:0;padding:10px 0;background:transparent;min-height:44px;font-size:14px;font-weight:600;line-height:1.5;color:#e2dde3;cursor:pointer;box-shadow:none;transition:color .2s}
.product-menu>summary::-webkit-details-marker{display:none}
.site-header .site-nav .product-menu>summary:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s ease}
.site-header .menu-trigger-icon,.site-header .menu-trigger-copy small{display:none}
.site-header .menu-trigger-copy{display:inline;line-height:inherit}
.site-header .menu-trigger-copy strong{font-size:inherit;font-weight:inherit;white-space:nowrap}
.site-header .menu-trigger-chevron{display:grid;place-items:center;width:12px;height:12px;flex:none;border-radius:0;border:0;background:none;color:#a8a4ad;margin-left:0;transition:transform .2s,color .2s}
.menu-trigger-chevron svg{width:12px;height:12px}
.site-header .site-nav .product-menu[open]>summary,.site-header .site-nav .product-menu>summary:hover,.site-header .site-nav .product-menu>summary.is-active{color:#ff9daf!important;background:transparent;box-shadow:none}
.site-header .site-nav .product-menu[open]>summary:after,.site-header .site-nav .product-menu>summary:hover:after,.site-header .site-nav .product-menu>summary.is-active:after{transform:scaleX(1);transform-origin:left}
.product-menu[open] .menu-trigger-chevron{transform:rotate(180deg);color:#ff6b80}
.product-menu>summary:focus-visible,.language-picker>summary:focus-visible,.language-options a:focus-visible{outline:3px solid #ff7890;outline-offset:4px}
.language-picker{position:relative;order:3;flex:none;color:#f8f7f6}
.language-picker>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 11px;cursor:pointer;border:1px solid #ffffff20;background:#ffffff04;border-radius:12px;font:700 12px/1.4 Arial,sans-serif;transition:background .2s,border-color .2s}
.language-picker>summary::-webkit-details-marker{display:none}.language-picker>summary>svg{width:18px;height:18px;flex:none}.language-picker>summary>.language-chevron{width:11px;height:11px;color:#aaaebb}
.language-picker[open]>summary,.language-picker>summary:hover{background:#ffffff0d;border-color:#ffffff45}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;right:0;top:calc(100% + 15px);width:240px;padding:12px;background:#1c1e25;border:1px solid #ffffff25;border-radius:17px;box-shadow:0 24px 60px #0008;z-index:100}
.language-options p{margin:3px 8px 12px;font-size:12px;color:#b2b6c2}
.language-options a{display:flex;align-items:center;gap:12px;min-height:54px;padding:9px 10px;color:#e9e9ed;text-decoration:none;border:1px solid transparent;border-radius:10px;font-size:15px}
.language-options a+a{margin-top:4px}.language-options a:hover{background:#ffffff07}.language-options a[aria-current=true]{background:#ed355319;border-color:#ef42623d;color:#fff}
.language-code{display:grid;place-items:center;width:34px;min-height:29px;border-radius:7px;background:#ffffff08;color:#a9acb8;font:700 11px/1.4 Arial,sans-serif}
.language-check{margin-left:auto;color:#ff7790;font-size:15px}
.language-options a[aria-current=true] .language-code{color:#ff9bac;background:#ec375317}
.header-inner>.menu-toggle{order:4}
html[lang=en] .intro-copy h1{font-size:clamp(36px,4.5vw,69px);line-height:1.08;letter-spacing:-.04em}
html[lang=zh-Hans] body{font-family:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',Arial,sans-serif}
html[lang=zh-Hans] h1,html[lang=zh-Hans] h2{line-height:1.3;letter-spacing:0}
html[lang=zh-Hans] p{line-height:1.85}
html[lang=en] .world-node span,html[lang=en] .platform-tab small{letter-spacing:0}
html:not([lang=th]) .product-hero h1{overflow-wrap:break-word}
@media(min-width:1101px){.site-header .product-mega{top:calc(100% + 1px)}.site-header .header-inner{gap:20px}.site-nav{gap:18px}}
@media(min-width:1101px) and (max-width:1320px){.brand .brand-emblem{width:61px}.brand .brand-copy strong{font-size:18px}.brand .brand-copy small{font-size:8px;letter-spacing:1.9px}.header-inner{gap:15px!important}.site-nav{gap:14px}.site-nav .nav-cta{padding:12px 14px}.menu-trigger-icon{display:none}.site-nav .product-menu>summary{gap:7px}.menu-trigger-copy strong{font-size:13px}}
@media(max-width:1100px){
 .header-inner{min-height:78px;gap:12px;flex-wrap:wrap}.site-header .brand{margin-right:auto;gap:9px}.site-header .brand-emblem{width:61px;height:34px}.site-header .brand-copy strong{font-size:18px}.site-header .brand-copy small{font-size:8px;letter-spacing:1.7px}
 .header-inner>.menu-toggle{display:flex;order:3;margin:0;width:46px;height:46px;min-width:46px}.language-picker{order:2}
 .site-header .site-nav{display:none;position:absolute;top:100%;left:0;right:0;order:4;width:100%;max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;background:#17191f;padding:18px;border:1px solid #ffffff17;border-radius:0 0 18px 18px;box-shadow:0 24px 50px #0008}
 .site-header .site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:6px}.site-nav>a:not(.nav-cta){display:flex;align-items:center;padding:12px 15px;min-height:47px;border-radius:10px}.site-nav>a:hover{background:#ffffff06}.site-nav .nav-cta{margin-top:8px;text-align:center;justify-content:center;padding:15px}
 .site-nav .product-menu{width:100%}.site-header .site-nav .product-menu>summary{width:100%;min-height:47px;padding:12px 15px;border-bottom:1px solid var(--line-dark);border-radius:10px}.site-header .site-nav .product-menu>summary:after{content:none}.site-header .menu-trigger-chevron{margin-left:auto}.site-header .site-nav .nav-cta{width:fit-content;align-self:flex-start;min-height:44px;margin:12px 15px 0;padding:10px 16px;justify-content:center}
 .site-header .product-mega{position:static;transform:none;width:100%;max-width:none;margin:12px 0 4px;max-height:none;overflow:visible;padding:16px;border-radius:14px}.product-mega .platform-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-mega .platform-tab{padding:12px;min-width:0}.product-mega .platform-tab-photo{display:none}.product-mega .platform-content{grid-template-columns:1fr}.product-mega .platform-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.product-mega .platform-products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-mega .mega-heading{align-items:flex-start;gap:10px}.product-mega .mega-heading strong{font-size:20px}.product-mega .mega-heading>a{font-size:13px}.product-mega .platform-tab>b,.product-mega .platform-tab b{font-size:15px}.product-mega .platform-tab>span:first-child{display:none}
}
@media(max-width:520px){.header-inner{min-height:75px;gap:8px}.site-header .brand-emblem{width:48px;height:31px}.site-header .brand{gap:6px}.site-header .brand-copy strong{font-size:16px;letter-spacing:.7px;gap:3px}.site-header .brand-copy small{font-size:7px;letter-spacing:1.2px}.language-picker>summary{gap:5px;padding:9px 8px;min-height:44px}.language-picker>summary>svg{width:15px;height:15px}.language-picker .language-chevron{display:none}.header-inner>.menu-toggle{width:44px;height:44px;min-width:44px}.language-options{right:-51px;width:224px;top:calc(100% + 13px)}.site-header .site-nav{padding:12px;max-height:calc(100dvh - 85px)}.site-header .product-mega{padding:12px}.product-mega .platform-tabs{gap:5px}.product-mega .platform-tab{padding:10px 7px;min-height:75px}.product-mega .platform-tab small{font-size:11px;line-height:1.5}.product-mega .platform-groups{grid-template-columns:1fr}.product-mega .platform-products{grid-template-columns:1fr}.product-mega .mega-heading{flex-direction:column}.product-mega .mega-heading strong{font-size:19px}.product-mega .platform-product{min-height:75px}.product-mega .platform-product b{font-size:15px}.product-mega .platform-product small{font-size:12px;line-height:1.5}.product-mega .mega-note{font-size:11px}}
.site-header .site-nav a.nav-cta{background:#e72e4e!important;color:#fff!important;border:1px solid #f34965}
.site-header .site-nav a.nav-cta:hover{background:#f23958;color:#fff}
@media(max-width:1100px){
 .site-header .site-nav.is-open{justify-content:flex-start;scroll-behavior:auto}
 .site-header .site-nav.is-open>*{flex-shrink:0}
 .site-header .menu-toggle{position:relative;align-items:center;justify-content:center;padding:0}
 .site-header .menu-toggle>span:not(.sr-only){position:absolute;left:13px;width:18px;height:1.5px;background:#ecebf1;margin:0;top:18px;transform:none}
 .site-header .menu-toggle>span:nth-child(2){top:25px}
 .site-header .menu-toggle[aria-expanded=true]>span:first-child{top:21px;transform:rotate(45deg)}
 .site-header .menu-toggle[aria-expanded=true]>span:nth-child(2){top:21px;transform:rotate(-45deg)}
}
@media(prefers-reduced-motion:reduce){.site-nav .product-menu>summary,.menu-trigger-chevron,.language-picker>summary{transition:none}}
