:root{color-scheme:dark;--bg:#090a0e;--surface:#12141a;--surface-2:#1a1d25;--text:#f5f5f7;--muted:#9699a5;--accent:#ffbd59;--accent-soft:#3a2d19;--accent-ink:#181006}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{min-height:100vh;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}button{font:inherit}
.product-header{display:flex;position:relative;z-index:10;width:min(100% - 2.5rem,1180px);align-items:center;justify-content:space-between;margin:auto;padding:1.25rem 0}
.product-brand{display:inline-flex;align-items:center;gap:.65rem;color:#fff;font-size:.98rem;font-weight:850;letter-spacing:-.025em;text-decoration:none}
.product-brand img{display:block;width:42px;height:42px;border-radius:12px;object-fit:cover}.product-brand>span>span{color:var(--accent)}
.header-actions{display:flex;align-items:center;gap:.65rem}.header-actions>span{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.7rem;font-weight:700}.header-actions>span i{color:var(--accent)}.header-actions>a{padding:.65rem .9rem;border-radius:999px;background:var(--text);color:#0b0c10;font-size:.72rem;font-weight:800;text-decoration:none}
.product-hero{padding:clamp(5rem,10vw,8.5rem) 1.25rem 0;text-align:center}.hero-copy{max-width:900px;margin:0 auto 4rem}.eyebrow{margin:0 0 .85rem;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.hero-copy h1{margin:0;font-size:clamp(4rem,10vw,8.5rem);font-weight:830;letter-spacing:-.075em;line-height:.86}.hero-copy>p:last-child{max-width:610px;margin:1.65rem auto 0;color:#b5b7c0;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.55}
.hero-stage{display:flex;position:relative;isolation:isolate;width:min(100%,1180px);height:720px;align-items:flex-end;justify-content:center;overflow:hidden;margin:auto;border-radius:42px 42px 0 0;background:#151821;background-image:var(--hero-art);background-position:center 18%;background-size:cover}.hero-stage::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(6,7,10,.06),rgba(6,7,10,.36) 40%,rgba(6,7,10,.92));content:""}
.app-preview{position:relative;width:min(410px,calc(100% - 2rem));height:610px;overflow:hidden;padding:1.1rem 1rem 0;border-radius:36px 36px 0 0;background:#0d0f14;text-align:left;pointer-events:none}.preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;font-size:1.15rem;font-weight:800}.preview-top>span{display:flex;align-items:center;gap:.55rem}.preview-top img{width:32px;height:32px;border-radius:9px;object-fit:cover}.preview-top>i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--surface-2);color:#c9cad1;font-size:.95rem}
.search-preview{display:flex;align-items:center;gap:.6rem;min-height:42px;padding:0 .8rem;border-radius:13px;background:var(--surface-2);color:#777b86;font-size:.68rem}.search-preview i{font-size:.8rem}.preview-section-title{display:flex;align-items:center;justify-content:space-between;margin:1rem 0 .7rem;font-size:.84rem}.preview-section-title span{padding:.3rem .48rem;border-radius:999px;background:var(--accent-soft);color:#ffd38d;font-size:.5rem;font-weight:750}
.movie-grid-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.movie-grid-preview article{position:relative;min-width:0}.movie-grid-preview img{display:block;width:100%;aspect-ratio:2/3;border-radius:10px;background:var(--surface);object-fit:cover}.movie-grid-preview button{display:grid;position:absolute;right:.35rem;bottom:.35rem;width:27px;height:27px;place-items:center;border:0;border-radius:9px;background:rgba(13,15,20,.86);color:var(--accent);font-size:.68rem}
.preview-nav{display:grid;position:absolute;right:0;bottom:0;left:0;grid-template-columns:repeat(4,1fr);padding:.65rem .35rem .8rem;background:#0d0f14}.preview-nav span{display:grid;place-items:center;gap:.22rem;color:#626672;font-size:.45rem;font-weight:700}.preview-nav i{font-size:.95rem}.preview-nav .active{color:var(--accent)}
.catalog-showcase{padding:clamp(6rem,12vw,10rem) 0}.section-copy,.story-copy{padding-inline:max(1.25rem,calc((100vw - 1120px)/2))}.section-copy h2,.story-copy h2,.mobile-cta h2{margin:0;font-size:clamp(2.5rem,6vw,5.8rem);font-weight:810;letter-spacing:-.065em;line-height:.94}
.poster-rail{display:grid;grid-auto-columns:clamp(150px,16vw,230px);grid-auto-flow:column;gap:.8rem;overflow-x:auto;margin-top:2.3rem;padding:0 max(1.25rem,calc((100vw - 1120px)/2)) .7rem;scrollbar-width:none;scroll-snap-type:x proximity}.poster-rail::-webkit-scrollbar{display:none}.poster-rail article{min-width:0;scroll-snap-align:start;user-select:none;pointer-events:none}.poster-rail img{display:block;width:100%;aspect-ratio:2/3;border-radius:18px;background:var(--surface);object-fit:cover}.poster-rail span{display:block;overflow:hidden;margin:.6rem .15rem 0;color:#b8bac3;font-size:.76rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.story-section{display:grid;width:min(100% - 2.5rem,1120px);grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(3rem,8vw,7rem);margin:0 auto clamp(7rem,13vw,11rem)}.story-reverse .story-copy{order:2}.story-reverse .feature-preview{order:1}.story-copy{padding:0}.story-copy>p:last-child{max-width:440px;margin:1.25rem 0 0;color:var(--muted);font-size:1rem;line-height:1.6}
.feature-preview{overflow:hidden;padding:1rem;border-radius:32px;background:var(--surface);pointer-events:none}.mini-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .35rem 1rem}.mini-header strong{font-size:1.05rem}.mini-header span{display:inline-flex;align-items:center;gap:.3rem;color:var(--muted);font-size:.68rem;font-weight:650}
.watchlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.watchlist-grid img{display:block;width:100%;aspect-ratio:2/3;border-radius:13px;background:var(--surface-2);object-fit:cover}
.member-row{display:flex;gap:.45rem;margin:0 .25rem 1rem}.member-row span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:var(--surface-2);color:#c1c3cb;font-size:.58rem;font-weight:800}.member-row span:first-child{background:var(--accent);color:var(--accent-ink)}
.shared-preview{display:grid;gap:.55rem}.shared-preview article{display:grid;grid-template-columns:54px minmax(0,1fr) 30px;align-items:center;gap:.75rem;padding:.6rem;border-radius:17px;background:var(--surface-2)}.shared-preview article>img{display:block;width:54px;aspect-ratio:2/3;border-radius:9px;object-fit:cover}.shared-preview article>div{display:grid;gap:.18rem;min-width:0}.shared-preview article small{color:var(--muted);font-size:.5rem}.shared-preview article strong,.shared-preview article span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-preview article strong{font-size:.74rem}.shared-preview article span{color:#8f929d;font-size:.56rem}.shared-preview article>i{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}
.feature-strip{display:grid;width:min(100% - 2.5rem,1120px);grid-template-columns:repeat(3,1fr);gap:.7rem;margin:0 auto clamp(8rem,14vw,12rem)}.feature-strip article{display:flex;align-items:center;gap:.7rem;min-height:82px;padding:1.1rem;border-radius:22px;background:var(--surface)}.feature-strip i{color:var(--accent);font-size:1.25rem}.feature-strip strong{font-size:.82rem}
.seo-answers{width:min(100% - 2.5rem,900px);margin:0 auto clamp(6rem,11vw,9rem)}
.seo-answers>h2{max-width:720px;margin:0 0 2rem;font-size:clamp(2.35rem,5vw,4.5rem);font-weight:810;letter-spacing:-.055em;line-height:.98}
.seo-answers details{overflow:hidden;margin:.55rem 0;border-radius:20px;background:var(--surface)}
.seo-answers summary{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;cursor:pointer;font-size:.9rem;font-weight:750;list-style:none}
.seo-answers summary::-webkit-details-marker{display:none}.seo-answers summary i{flex:0 0 auto;color:var(--accent);transition:transform .2s ease}
.seo-answers details[open] summary i{transform:rotate(45deg)}
.seo-answers details p{max-width:720px;margin:0;padding:0 1.15rem 1.2rem;color:var(--muted);font-size:.82rem;line-height:1.65}
.mobile-cta{width:min(100% - 2.5rem,900px);margin:0 auto;padding:clamp(3rem,8vw,6rem);border-radius:42px;background:var(--surface);text-align:center}.mobile-cta>img{display:block;width:82px;height:82px;margin:0 auto 1.6rem;border-radius:23px;object-fit:cover}.mobile-cta>p:not(.eyebrow){margin:1rem 0 0;color:var(--muted);line-height:1.55}.mobile-cta button{display:inline-flex;align-items:center;gap:.5rem;min-height:46px;margin-top:1.5rem;padding:0 1.1rem;border:0;border-radius:14px;background:var(--accent);color:var(--accent-ink);font-size:.78rem;font-weight:800}.mobile-cta small{display:block;margin-top:1.15rem;color:#747783;font-size:.64rem;line-height:1.7}
footer{display:flex;width:min(100% - 2.5rem,1120px);align-items:center;justify-content:space-between;gap:1rem;margin:auto;padding:4rem 0 2rem;color:#737681;font-size:.68rem}.desktop-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.desktop-legal-links a{color:inherit;text-decoration:none}.desktop-legal-links a:hover{color:#ffbd59}
@media(max-width:760px){.header-actions>span{display:none}.product-hero{padding-top:4.5rem}.hero-copy h1{font-size:clamp(3.6rem,18vw,6rem)}.hero-stage{height:650px;border-radius:30px 30px 0 0}.app-preview{height:570px}.story-section{grid-template-columns:1fr;gap:2rem}.story-reverse .story-copy,.story-reverse .feature-preview{order:initial}.feature-strip{grid-template-columns:1fr}.poster-rail{grid-auto-columns:42vw}.mobile-cta{border-radius:30px}}
@media(max-width:460px){.product-header{width:min(100% - 1.25rem,1180px)}.product-brand img{width:38px;height:38px}.header-actions>a{padding:.58rem .72rem}.product-hero{padding-inline:.625rem}.hero-copy{padding-inline:.625rem}.hero-stage{height:620px}.story-section,.feature-strip,.seo-answers,.mobile-cta,footer{width:min(100% - 1.25rem,1120px)}.section-copy{padding-inline:1rem}.poster-rail{padding-inline:1rem}.feature-preview{padding:.7rem;border-radius:24px}.seo-answers details{border-radius:17px}.mobile-cta{padding:3rem 1.2rem}footer{align-items:flex-start;gap:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}