/* Narrow-screen refinements; desktop stays unchanged. */
@media(max-width:950px){
 .hero,.product-hero,.product-copy,.section-heading,.preview-pair{min-width:0}
 #apps .trio-section .product-hero{height:auto!important}
 #apps .product-hero{grid-template-columns:minmax(0,1fr)}
 .legal-content{overflow-wrap:anywhere}
}
@media(max-width:640px){
 body{padding-top:68px}
 .site-header{height:68px;padding-inline:16px;gap:10px}
 .brand-lockup{gap:8px;min-width:0;font-size:15px}
 .brand-lockup strong{font-size:15px;white-space:normal;line-height:1.15;max-width:150px}
 .brand-symbol{width:38px;height:34px;border-radius:9px}
 .brand-symbol img{width:40px}
 .language-switch{flex-shrink:0;gap:5px;font-size:13px}
 .language-switch button{min-width:30px;min-height:44px}
 #top,#apps,#approach,#contact{scroll-margin-top:80px}
 #top.hero{padding:30px 20px 18px;gap:0;grid-template-columns:minmax(0,1fr)}
 #top h1{font-size:clamp(35px,10vw,48px);line-height:1.08;letter-spacing:-.045em;margin-bottom:18px;overflow-wrap:break-word}
 #top .eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.6}
 #top .hero-lead{font-size:16px;line-height:1.65;margin-bottom:0}
 #top .hero-actions{margin:24px 0;gap:10px}
 #top .hero-actions .button{padding:14px 16px;font-size:14px;min-height:46px;text-align:center}
 #top .hero-stats{gap:12px 18px;font-size:12px;line-height:1.5}
 #top .hero-art.has-app-pool{min-height:0;padding-top:12px}
 #top .studio-app-pool{width:min(100%,290px);max-width:290px;margin-inline:auto}
 #apps.has-app-carousel{padding:22px 16px 64px}
 #apps .section-heading{gap:10px}
 #apps .section-heading h2{font-size:34px;margin-top:10px;line-height:1.15}
 #apps .section-heading>p{font-size:16px;line-height:1.6;margin:0}
 #apps .app-shortcuts{display:flex;flex-wrap:nowrap;gap:6px;margin:22px 0 10px}
 #apps .app-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:9px 10px;font-size:11px;line-height:1.3;text-align:center}
 #apps .app-shortcuts a[href="#life-is-a-movie"]{flex:1.6}
 #apps .app-shortcuts a:not([href="#life-is-a-movie"]){flex:1}
 #apps .product-hero{border-radius:24px;min-height:0;overflow:hidden;grid-template-columns:minmax(0,1fr);height:auto!important}
 #apps .product-copy,#apps .cinema-section .product-copy,#apps .trio-section .product-copy{padding:24px 22px 12px}
 #apps .product-identity{gap:12px}
 #apps .product-identity>div{min-width:0}
 #apps .product-identity img,#apps .cinema-section .product-identity img{width:58px;height:58px;flex-shrink:0;border-radius:16px}
 #apps .product-identity h3,#apps .cinema-section .product-identity h3{font-size:26px;line-height:1.12;overflow-wrap:normal}
 #apps .product-identity span,#apps .cinema-section .product-identity span{display:block;margin-top:5px;font-size:13px;line-height:1.45}
 #apps .product-copy h4,#apps .cinema-section .product-copy h4{font-size:28px;line-height:1.12;margin:20px 0 12px}
 #apps .product-copy>p,#apps .cinema-section .product-copy>p{font-size:15px;line-height:1.6;margin:0 0 12px}
 #apps .play-store-link{margin-top:4px}
 #apps .play-store-link img{width:168px}
 #apps .phone-stage,#apps .cinema-section .phone-stage{padding:16px 34px 22px;min-height:0}
 #apps .preview-pair,#apps .cinema-section .preview-pair{display:block;width:100%;max-width:224px;margin-inline:auto;padding:0}
 #apps .preview-language-card{width:100%}
 /* One readable device in the selected language, instead of tiny duplicates. */
 html:not([lang^="en"]) #apps .preview-language-card:nth-child(2),html[lang^="en"] #apps .preview-language-card:first-child{display:none}
 #apps .preview-language-card figcaption{font-size:12px;margin-bottom:8px}
 #apps .preview-language-card .phone{max-width:224px;width:100%;border-radius:26px;border-width:5px;min-height:0}
 #apps .cinema-device-crop{max-width:224px}
 #apps .cinema-section .preview-language-card .phone{border-width:4px;border-radius:26px;padding:26px 2px 14px;width:calc(100% - 4px)}
 #apps .select-hint{font-size:16px;line-height:1.5;margin:0}
 #apps .feature-grid{grid-auto-columns:calc(100% - 28px);gap:12px;margin:14px 0 0;padding:5px 2px 16px;scroll-padding-inline:2px}
 #apps .feature-card{padding:20px 22px;min-height:190px;border-radius:20px}
 #apps .feature-mark{font-size:17px}
 #apps .feature-card h3{font-size:21px;margin:14px 0 10px;line-height:1.2}
 #apps .feature-card p{font-size:14px;line-height:1.6;padding-right:8px}
 #apps .app-carousel-controls button{width:36px;height:44px;box-shadow:0 4px 12px #071a3429}
 #approach.approach,.roadmap{padding:38px 22px}
 #approach .section-tag.light,.values-title,.roadmap .section-tag{font-size:32px;line-height:1.12}
 #approach h2,.roadmap h2{font-size:23px;line-height:1.4}
 #approach .principles{grid-template-columns:1fr;margin-top:20px}
 #approach .principles article{padding:24px 4px;min-height:0}
 #approach .principles h3{margin:14px 0 10px;font-size:23px}
 #approach .principles p,.roadmap>p:not(.section-tag){font-size:16px;line-height:1.65}
 .future-cards{gap:8px}.future-cards span{font-size:13px;padding:12px 15px}
 footer{padding:32px 22px;gap:24px}.footer-brand img{width:190px}
 .footer-brand small{font-size:15px;line-height:1.6}.footer-links{gap:14px 20px;line-height:1.5;font-size:14px}
 .legal-content{padding:36px 20px 64px}.legal-content h1{font-size:36px;line-height:1.15}
 .legal-content h2{font-size:23px;line-height:1.3}.legal-intro{font-size:16px}
 .language-columns{gap:24px;margin-top:28px}.contact-card{padding:20px}
}