/* Mobile homepage: continuous black product stage and editorial rhythm. */
@media(max-width:700px){
 body[data-page="index"]{--gutter:24px;background:#fafafa}
 body[data-page="index"] .site-header{background:#000;color:#fff;border-bottom:1px solid #222}
 body[data-page="index"] .header-inner{height:68px;gap:16px}
 body[data-page="index"] .site-header .brand{min-width:0;max-width:148px}
 body[data-page="index"] .site-header .brand img{width:142px;filter:invert(1)}
 body[data-page="index"] .header-actions{gap:18px}
 body[data-page="index"] .lang-link{font-size:14px;min-height:44px}
 body[data-page="index"] .menu-toggle{width:44px;height:44px;padding:11px}
 body[data-page="index"] .menu-toggle span{background:#fff}
 body[data-page="index"] .nav-main{top:68px;background:#000;border-color:#333;padding:24px}
 body[data-page="index"] .nav-main a{color:#eee;font-size:22px;padding-block:10px}
 body[data-page="index"] .hero{background:#000}
 body[data-page="index"] .hero-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-top:36px;padding-bottom:32px;text-align:center}
 body[data-page="index"] .hero-copy{display:contents}
 body[data-page="index"] .hero-copy>.eyebrow{grid-row:1;justify-content:center;font-size:12px;letter-spacing:.09em;color:#999;line-height:1.6}
 body[data-page="index"] .hero-copy>.eyebrow:before{display:none}
 body[data-page="index"] .hero h1{grid-row:2;font-size:clamp(48px,12.8vw,76px);line-height:1.04;letter-spacing:-.05em;margin:18px 0 0;white-space:normal;font-weight:500}
 body[data-page="index"] .hero h1:lang(zh-Hant){font-size:clamp(36px,10.7vw,62px);line-height:1.24;letter-spacing:-.05em}
 body[data-page="index"] .hero h1 span{color:#a8a8a8}
 body[data-page="index"] .hero .hero-subtitle{grid-row:3;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:.06em;margin:16px auto 0;color:#c6c6c6;max-width:100%}
 body[data-page="index"] .hero-visual{grid-row:4;width:100%;height:auto;aspect-ratio:1.22;min-height:0;margin:22px 0 16px;background:#000;overflow:hidden}
 body[data-page="index"] .hero-visual img{padding:0;width:100%;height:100%;object-fit:contain;opacity:1;mask-image:none;transform:none}
 body[data-page="index"] .hero-copy>p:not(.hero-subtitle){grid-row:5;font-size:16px;line-height:1.8;color:#999;max-width:34em;margin:0 auto;text-wrap:pretty}
 body[data-page="index"] .hero .actions{grid-row:6;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:24px auto 0;width:100%;max-width:360px}
 body[data-page="index"] .hero .actions .button{width:100%;font-size:15px;min-height:52px;padding:15px 20px;border-radius:3px;letter-spacing:.02em}
 body[data-page="index"] .hero .actions .button-primary{background:#ff6b2b;color:#111}
 body[data-page="index"] .hero .actions .button-quiet{color:#ccc;min-height:46px;font-size:14px;padding:12px;gap:10px}
 body[data-page="index"] .spec-strip{background:#080808;border-top:1px solid #252525}
 body[data-page="index"] .spec-strip .container{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 24px}
 body[data-page="index"] .spec-metric{padding:22px 0 22px 22px;border-color:#252525}
 body[data-page="index"] .spec-metric:nth-child(odd){padding-left:0}
 body[data-page="index"] .spec-metric b{font-size:25px;font-weight:400;letter-spacing:-.035em}
 body[data-page="index"] .spec-metric span{font-size:12px;line-height:1.6;color:#999;letter-spacing:0}
 body[data-page="index"] .intro-statement{padding:72px 24px}
 body[data-page="index"] .intro-statement h2{font-size:32px;line-height:1.35;margin:24px 0}
 body[data-page="index"] .intro-statement h2:lang(zh-Hant){font-size:clamp(25px,6.5vw,36px);line-height:1.45;letter-spacing:-.045em}
 body[data-page="index"] .intro-bottom p{font-size:16px;line-height:1.9}
 body[data-page="index"] .intro-bottom .button{border-bottom:1px solid #aaa;min-height:44px}
 body[data-page="index"] .product-editorial{background:#eee}
 body[data-page="index"] .product-editorial .media{min-height:0;aspect-ratio:1.15}
 body[data-page="index"] .editorial-copy{padding:32px 22px}
 body[data-page="index"] .editorial-copy h2{font-size:60px;margin:18px 0;letter-spacing:-.06em}
 body[data-page="index"] .mini-specs{gap:12px;flex-wrap:wrap}
 body[data-page="index"] .mini-specs b{font-size:22px}
 body[data-page="index"] .feature-lines{gap:0;margin-top:32px}
 body[data-page="index"] .feature-line{padding:26px 0;grid-template-columns:28px minmax(0,1fr);gap:12px}
 body[data-page="index"] .feature-line h3{font-size:23px}
 body[data-page="index"] .feature-line p{font-size:16px;line-height:1.85}
 body[data-page="index"] .film-section{margin-top:40px;padding-block:64px}
 body[data-page="index"] .film-poster{height:auto;aspect-ratio:1.22}
 body[data-page="index"] .film-copy h2{font-size:34px;line-height:1.3}
 body[data-page="index"] .durability-section{padding-block:64px}
 body[data-page="index"] .durability-grid{gap:40px}
 body[data-page="index"] .durability-heading h2{font-size:34px}
 body[data-page="index"] .durability-copy{padding:22px 0 0}
 body[data-page="index"] .durability-copy h3{font-size:23px;line-height:1.45}
 body[data-page="index"] .durability-label{background:#080808;color:#eee;padding:6px 9px;top:12px;left:12px}
 body[data-page="index"] .section-intro h2{font-size:32px;line-height:1.3}
 body[data-page="index"] .quick-steps{grid-template-columns:1fr;gap:0}
 body[data-page="index"] .quick-steps li{flex-direction:row;align-items:baseline;gap:24px;padding:16px 0}
 body[data-page="index"] .quick-steps b{font-size:20px}
 body[data-page="index"] .standard-band p{font-size:16px}
 body[data-page="index"] .standard-band .compat-note{font-size:14px}
 body[data-page="index"] .knowledge-card{padding:28px 22px}
 body[data-page="index"] .cta-section{padding-block:60px}
 body[data-page="index"] .cta-layout h2{font-size:40px;line-height:1.25}
 body[data-page="index"] .cta-layout>.button{width:100%}
 body[data-page="index"] .mobile-action{background:#111;color:#fff;border-color:#333;padding:12px 24px max(12px,env(safe-area-inset-bottom))}
 body[data-page="index"] .mobile-action span{color:#aaa}
 body[data-page="index"] .mobile-action .button{background:#ff6b2b;color:#111;border-radius:3px}
}
@media(max-width:360px){body[data-page="index"]{--gutter:20px}body[data-page="index"] .hero-layout{padding-top:28px}body[data-page="index"] .hero-copy>.eyebrow{letter-spacing:.025em}body[data-page="index"] .header-actions{gap:8px}}