.intro{padding:clamp(24px,4vw,54px);max-width:1100px;margin:auto}.intro h1{font-size:clamp(38px,6vw,76px);line-height:1.1}.native-screen{margin:32px auto 0;max-width:1200px}.native-screen img{width:100%;height:auto;display:block;border-radius:20px;border:1px solid #aac3d8}.native-screen figcaption{font-size:13px;line-height:1.6;color:#344269;margin:12px 0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.feature-card{min-height:0;padding:26px}.mini-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,380px);align-items:start;gap:40px}.mini-layout .native-screen{margin:0}.mini-layout p{font-size:18px;line-height:1.7}.format-note{font-size:16px;line-height:1.7;max-width:1000px;margin:26px auto 0}h1,h2,h3,p,a,button{overflow-wrap:anywhere}.hero{padding-top:35px}.skip-link{position:absolute;left:16px;top:-100px;z-index:10000}.skip-link:focus{top:12px}.site-header{position:relative}.main-nav a{white-space:normal}@media(max-width:760px){.feature-grid,.mini-layout{grid-template-columns:1fr}.mini-layout .native-screen{max-width:460px;margin:auto}.intro h1{font-size:42px}.action-row{flex-wrap:wrap}.action-row .button{white-space:normal;max-width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mini-layout{display:block}.mini-layout .native-screen{max-width:460px;margin:30px auto 0}

.native-screen:has(img[src$="player-native.png"]){max-width:520px}.native-screen:has(img[src$="sound-native.png"]){max-width:640px}
.native-screen:has(img[src$="playlist-native.png"]){max-width:520px}