/* Static SEO layout additions; R4 palette and original presentation CSS retained. */
#r1-app {overflow:visible} #r1-app h1{font-size:clamp(2rem,4.5vw,4.5rem);line-height:1.05;letter-spacing:-.04em} #r1-app h2{font-size:clamp(1.7rem,3vw,3rem);line-height:1.15;letter-spacing:-.025em}
#r1-app p{line-height:1.65;margin-block:1rem} #r1-app nav{display:flex;flex-wrap:wrap;gap:1rem} #r1-app nav a{display:inline-flex;align-items:center;min-height:44px} #r1-app a:hover{text-decoration:underline} #r1-app .header-inner{min-height:84px;display:flex;justify-content:space-between;gap:24px;padding-block:12px} #r1-app .header-inner nav{margin-inline-start:auto}
#r1-app .seo-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;padding-block:50px 64px} #r1-app .seo-hero .eyebrow{margin-bottom:20px} #r1-app .promise{font-size:clamp(1.25rem,2.8vw,2rem);color:var(--text);line-height:1.35;letter-spacing:-.02em} #r1-app .hero-capture{width:min(100%,280px);justify-self:center} #r1-app .hero-capture img{width:100%;height:auto;border:2px solid var(--phone-rim);border-radius:30px;box-shadow:0 10px 60px var(--phone-glow)} #r1-app figcaption{font-size:14px;line-height:1.5;margin-top:12px;color:var(--text-muted)} #r1-app .hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-block:24px;align-items:center} #r1-app .button{min-height:48px;padding:14px 20px} #r1-app .micro{font-size:14px;color:var(--text-muted)}
#r1-app .section{padding-block:64px;border-top:1px solid var(--border)} #r1-app .section-lead{max-width:800px;color:var(--text-muted)} #r1-app .beats,#r1-app .features{display:flex;flex-wrap:wrap;gap:20px 50px;padding-inline-start:24px;margin-top:32px} #r1-app .beats li{padding:16px;color:var(--accent-primary)}
#r1-app .seo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px;padding:8px} #r1-app .seo-gallery img{width:100%;height:auto;border:1px solid var(--phone-rim);border-radius:24px} #r1-app .trailer-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} #r1-app video{display:block;width:min(100%,320px);height:auto;aspect-ratio:9/16;border-radius:20px;justify-self:center;background:var(--surface)}
#r1-app .narrow{max-width:850px} #r1-app details{border-bottom:1px solid var(--border);padding-block:8px} #r1-app summary{padding:16px 4px;min-height:48px;cursor:pointer;font-weight:600;line-height:1.5} #r1-app details p{color:var(--text-muted);padding-inline:4px} #r1-app p a,#r1-app .legal-copy a{color:var(--accent-primary);text-decoration:underline;overflow-wrap:anywhere} #r1-app .legal-copy{max-width:900px;padding-block:48px 80px} #r1-app .legal-copy h2{font-size:1.5rem;margin-top:36px} #r1-app .legal-copy h3{font-size:1.25rem;margin-top:24px} #r1-app .legal-copy article+article{margin-top:48px;border-top:1px solid var(--border);padding-top:24px} #r1-app .legal-copy h1{font-size:clamp(2rem,4vw,3.5rem)} #r1-app dl{display:grid;grid-template-columns:1fr 2fr;gap:16px;padding-block:24px} #r1-app dt{color:var(--text-muted)} #r1-app dd{margin:0} #r1-app li{line-height:1.7}
#r1-app .studio-intro{padding-block:80px 50px} #r1-app .studio-intro h1{font-size:clamp(4rem,9vw,8rem);color:var(--accent-primary)} #r1-app .featured{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;padding-block:40px 70px} #r1-app .home-capture{max-width:230px;justify-self:center} #r1-app .home-capture img{width:100%;height:auto;border:1px solid var(--phone-rim);border-radius:24px} #r1-app .site-footer{padding-block:48px} #r1-app .site-footer nav{margin-top:24px}
#r1-app .sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:30;background:#090a0c;border-top:1px solid var(--border);padding:8px 16px;text-align:center} #r1-app .sticky-cta[hidden]{display:none} #r1-app .sticky-cta a{min-height:44px;padding-block:10px} #r1-app .sticky-cta{display:none}
[dir=rtl] #r1-app{font-family:Tahoma,"Geeza Pro","Arial",sans-serif} [dir=rtl] #r1-app h1,[dir=rtl] #r1-app h2,[dir=rtl] #r1-app .eyebrow,[dir=rtl] #r1-app .promise{letter-spacing:normal;line-height:1.5} [dir=rtl] #r1-app .brand{direction:ltr} [dir=rtl] #r1-app .hero-actions{justify-content:flex-start} #r1-app :focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}
@media(max-width:767px){#r1-app .container{width:calc(100% - 40px)} #r1-app .header-inner{min-height:66px;gap:8px} #r1-app .brand{font-size:18px;gap:8px} #r1-app .brand-mark{width:32px;height:32px;font-size:24px} #r1-app .header-inner nav{gap:12px;font-size:14px} #r1-app .seo-hero{grid-template-columns:1fr;gap:20px;padding-block:28px 40px} #r1-app .seo-hero h1{font-size:32px;max-width:340px} #r1-app .seo-hero .eyebrow{margin:0 0 12px} #r1-app .promise{font-size:21px} #r1-app .seo-hero p{margin-block:12px} #r1-app .hero-actions{gap:12px;margin-block:16px} #r1-app .hero-capture{width:155px} #r1-app .seo-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px} #r1-app .seo-gallery figure{min-width:68%;scroll-snap-align:center} #r1-app .section{padding-block:40px} #r1-app .trailer-grid,#r1-app .featured{grid-template-columns:1fr;gap:24px} #r1-app .beats,#r1-app .features{display:block} #r1-app .beats li{padding-block:8px} #r1-app .features li{margin-block:12px} #r1-app .studio-intro{padding-block:40px 20px} #r1-app .featured{padding-block:20px 40px} #r1-app dl{grid-template-columns:1fr;gap:8px} #r1-app dd{margin-bottom:16px} #r1-app .sticky-cta{display:block} #r1-app .site-footer{padding-bottom:100px} #r1-app .legal-copy{padding-block:32px 60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#r1-app .store-badge{display:inline-flex;align-items:center;min-height:50px;flex-shrink:0} #r1-app .store-badge img{width:150px;height:50px} #r1-app .sticky-cta .store-badge{min-height:44px} #r1-app .sticky-cta .store-badge img{height:44px;width:132px}