*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#060d12;color:#f8fafc;font:15px/1.5 Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%}header{max-width:1180px;margin:auto;padding:20px 26px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #263238}b{font-weight:750}em,b span{font-style:normal;color:#3cafef}.logo{display:inline-grid;place-items:center;color:#4fb7f1;border:1px solid #768791;width:43px;height:43px;border-radius:11px;background:#04060b;font-size:26px;flex-shrink:0}header b{font-size:22px}.pill,.button{background:linear-gradient(110deg,#57baf1,#1084c5);color:#01060f;text-decoration:none;font-weight:800;border-radius:30px;padding:12px 20px}.pill{margin-left:auto}main{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr}.column{min-width:0;padding:30px 24px}.column+.column{border-left:1px solid #263238}section{margin-bottom:36px}h1{font-size:36px;line-height:1.1;letter-spacing:-1.2px;margin:22px 0 15px}h2{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:12px 0}h3{font-size:15px;line-height:1.3;margin:0 0 8px}p{color:#b8c4cd;margin:12px 0 18px}.eyebrow{font:700 11px/1.4 monospace;letter-spacing:1.3px;color:#71c4f3}.badge{border:1px solid #2c4068;background:#121825;border-radius:20px;display:inline-block;padding:8px 12px}.hero{min-height:530px;position:relative;overflow:hidden;padding-bottom:12px;background:radial-gradient(ellipse at 95% 45%,#101f3c,transparent 65%)}.hero-copy{position:relative;z-index:2;max-width:88%}.hero p{max-width:340px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.chips span{font-size:12px;background:#162022;border:1px solid #2a373a;border-radius:30px;padding:6px 10px}.button{display:block;text-align:center;font-size:17px;box-shadow:0 5px 28px #51b7f130}.secondary{display:block;border:1px solid #2b3940;border-radius:30px;color:white;text-align:center;text-decoration:none;margin:10px 0;padding:11px;background:#111a20}.hero small{color:#83959f;font-size:10px}.phone{width:210px;min-height:400px;padding:15px 10px;border:5px solid #5a6060;border-radius:34px;background:#02070c;box-shadow:0 10px 40px #0008;overflow:hidden}.hero>.phone{position:absolute;right:-60px;top:30px;transform:rotate(7deg);opacity:.8}.camera{height:8px;width:50px;border-radius:15px;background:#151a1d;margin:0 auto 15px}.phonebrand{display:flex;align-items:center;gap:5px;font-size:11px}.phonebrand .logo{width:22px;height:22px;border-radius:5px;font-size:14px}.tabs{font-size:9px;padding:14px 0;border-bottom:1px solid #33abee;margin-bottom:12px}.phone>img{width:100%;height:165px;object-fit:cover;border-radius:9px}.phone h4{font-size:11px;margin:12px 0}.mini{display:flex;gap:5px}.mini img{width:31%;height:84px;object-fit:cover;border-radius:5px}.banner{position:relative;border:1px solid #33414b;overflow:hidden;border-radius:16px;height:270px}.banner>img{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;inset:0;padding:24px;background:linear-gradient(90deg,#000c,transparent 95%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.banner h2{font-size:34px;max-width:230px}.watch{background:#69c1f3;color:#061228;border-radius:24px;padding:9px 18px;font-size:12px;font-weight:bold;text-decoration:none}.dots{position:absolute;bottom:14px;right:16px;display:flex;gap:7px}.dots button{border:0;border-radius:20px;background:#76828a;height:7px;width:7px;padding:0;cursor:pointer}.dots .selected{background:#fff;width:20px}.movie-strip{display:flex;gap:10px;overflow:auto;padding:18px 0 8px;scrollbar-width:thin;scrollbar-color:#303d57 transparent}.movie-strip article{flex:0 0 122px;overflow:hidden;border:1px solid #293244;border-radius:12px;background:#101b1b}.movie-strip img{width:100%;height:155px;object-fit:cover}.movie-strip b{display:block;font-size:11px;padding:8px}.features{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{border:1px solid #27353b;border-radius:13px;padding:15px 12px;background:linear-gradient(140deg,#131822,#0b131b);display:flex;align-items:flex-start;gap:12px}.card i{display:grid;place-items:center;font-style:normal;border:1px solid #5289a8;background:#162032;color:#5dbcf2;border-radius:13px;min-width:48px;height:48px;font-size:24px;font-weight:bold}.card p{font-size:12px;margin:0;color:#aab7c1}.how-body{display:flex;gap:12px;align-items:center}.how-body ol{margin:0;padding:0;list-style:none;flex:1}.how-body li{display:flex;align-items:center;gap:13px;margin:17px 0;font-size:13px}.how-body li span{min-width:39px;height:39px;display:grid;place-items:center;border-radius:50%;border:1px solid #39708f;color:#5dbcf2;background:#192234;font-size:23px;font-weight:bold}.how-body .phone{width:185px;min-height:350px;flex-shrink:0}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.categories>div{border:1px solid #25323d;background:#0f181f;border-radius:10px;text-align:center;padding:12px 3px}.categories i{display:block;font-style:normal;color:#56b9f1;font-size:25px}.categories b{font-size:11px}.install{padding:20px;border:1px solid #262f40;border-radius:15px;background:radial-gradient(ellipse at top right,#16233d,transparent 70%),#0c1518}.device-tabs{display:flex;gap:4px;background:#0c171c;padding:4px;border:1px solid #27363e;border-radius:30px;width:fit-content;margin:18px 0 12px}.device-tabs button{border:0;background:none;color:#c7d0d7;padding:9px 15px;border-radius:25px;font-weight:bold;cursor:pointer}.device-tabs button.active{background:linear-gradient(110deg,#59bbf2,#1088cb);color:#060c17}.install-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.install-cards button{text-align:left;display:flex;gap:9px;color:white;background:#111d22;border:1px solid #2b383d;border-radius:10px;padding:12px;cursor:pointer}.install-cards button.active{border-color:#59bbf2;background:#141c2d}.step-num{color:#6ac2f3;font-size:24px;font-weight:bold}.install-cards small{display:block;color:#a6b5bf;font-size:10px}.install-cards b{font-size:11px}.install-detail{display:flex;gap:15px;padding:18px;margin:12px 0;border-radius:12px;background:linear-gradient(115deg,#121e35,#061619);border:1px solid #2b3549}.install-detail>div{flex:1}.install-detail p{font-size:12px}.install-detail .button{font-size:12px;padding:10px}.installer{border:4px solid #606765;border-bottom:0;border-radius:23px 23px 0 0;padding:22px 8px 12px;background:#090b10;text-align:center;max-width:160px}.installer .logo{width:27px;height:27px;font-size:17px}.installer b{display:block;font-size:12px;margin:8px 0}.install-chip{display:inline-block;padding:7px;background:#54b7ef;color:#091224;font-size:10px;font-weight:bold;border-radius:5px}.app-info{border:1px solid #293346;border-radius:12px;padding:15px;background:#0d1421}.app-info>.logo{vertical-align:middle;margin-right:9px}.app-info p{font-size:12px}.app-info>div{display:grid;grid-template-columns:1fr 1fr;font-size:12px;background:#081319;border-radius:9px;padding:10px;gap:7px}.app-info span{color:#aab7c0}.faq details{border-bottom:1px solid #26343c;background:#101b20;padding:12px 14px}.faq details:first-of-type{border-radius:12px 12px 0 0}.faq summary{cursor:pointer;font-weight:bold;font-size:13px}.faq details p{font-size:13px;margin-bottom:4px}footer{max-width:1180px;margin:auto;border-top:1px solid #313f5a;padding:24px;display:flex;gap:12px;align-items:center;padding-bottom:110px}footer p{font-size:12px;margin-left:auto}.sticky{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:1180px;background:#071318f5;border-top:1px solid #364b74;padding:12px 25px;display:flex;justify-content:space-between;align-items:center;gap:14px}.sticky[hidden]{display:none}.sticky>div{display:grid;grid-template-columns:auto auto;gap:0 10px;align-items:center}.sticky .logo{grid-row:span 2}.sticky small{font-size:11px;color:#a8bbc3}.sticky .button{min-width:200px}#toast{position:fixed;z-index:30;bottom:100px;left:50%;transform:translateX(-50%);background:#1a1f29;border:1px solid #62aed8;border-radius:12px;padding:14px 20px;color:#fff;width:max-content;max-width:90%;display:none}a:focus-visible,button:focus-visible{outline:2px solid #5dbcf2;outline-offset:4px}@media(max-width:760px){header{padding:16px}header b{font-size:19px}.pill{font-size:11px;padding:10px 13px}main{display:block;max-width:520px}.column{padding:25px 18px 0}.column+.column{border:0}.hero{min-height:520px}.hero-copy{max-width:94%}h1{font-size:34px}.hero p{max-width:290px}.hero>.phone{right:-66px;top:40px;width:195px;opacity:.55}.hero .button,.hero .secondary{max-width:95%}.banner{height:235px}h2{font-size:28px}.card{padding:13px 10px;gap:8px}.card i{min-width:40px;height:43px;font-size:20px}.card h3{font-size:13px}.card p{font-size:11px}.how-body .phone{width:155px;min-height:330px}.how-body li{font-size:12px;gap:9px}.how-body li span{min-width:34px;height:34px}.install{padding:15px}.install-detail{padding:14px}.installer{max-width:135px}.sticky{padding:11px 15px}.sticky b{font-size:13px}.sticky small{font-size:9px}.sticky .logo{width:34px;height:34px;font-size:22px}.sticky .button{min-width:140px;font-size:13px;padding:11px 13px}footer{display:block;text-align:center}footer .logo{margin-right:8px}footer p{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Refined layout: full artwork, readable copy and clear installation hierarchy. */
body{background:#070c10}header{padding:22px 28px}main{gap:0}.column{padding:32px 28px}section{margin-bottom:42px}h1{font-size:44px;line-height:1.08;letter-spacing:-1.6px}h2{font-size:29px;line-height:1.2}p{line-height:1.65}.hero{overflow:visible;min-height:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 65%,#152138aa,transparent 65%);padding-bottom:0}.hero-copy{max-width:100%}.hero p{max-width:none}.hero .chips{margin:22px 0}.hero small{display:block;text-align:center;line-height:1.6;margin-top:10px}.hero-device{display:flex;flex-direction:column;align-items:center;margin:30px 0 2px;position:relative}.hero-device .phone{position:relative;right:auto;top:auto;transform:none;opacity:1;width:250px;min-height:0;border-color:#525863;border-width:5px;padding:20px 13px;border-radius:32px;box-shadow:0 20px 70px #278fc919,0 15px 40px #0008}.phone>img{height:auto;aspect-ratio:16/9;object-fit:contain;background:#111a20}.phone .tabs{white-space:normal;line-height:1.8}.phone h4{font-size:12px}.mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mini-title{min-width:0}.mini-title img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#122021;border-radius:5px}.mini-title span{display:block;color:#c3cdd2;font-size:8px;line-height:1.3;margin-top:5px}.device-caption{font-size:11px;color:#808f97!important;text-align:center;margin:13px 0 0!important}.showcase .section-head p{font-size:13px}.banner{height:auto;aspect-ratio:16/9;background:#0b161a}.banner>img{height:auto;display:block;object-fit:contain}.banner-overlay{padding:18px;background:linear-gradient(90deg,#000c,transparent 85%)}.banner h2{font-size:27px;max-width:210px;text-shadow:0 2px 12px #000}.banner .eyebrow{font-size:9px;color:#b3dbf1}.movie-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.movie-grid article{min-width:0;background:#101b20;border:1px solid #24343b;border-radius:12px;overflow:hidden}.movie-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#060b10}.movie-grid b{display:block;padding:11px 12px 3px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.movie-kicker{display:block;padding:0 12px 12px;font-size:9px;letter-spacing:1px;color:#788c97}.features{gap:12px}.card{display:block;padding:18px;min-width:0}.card i{width:47px;margin-bottom:15px}.card h3{font-size:15px}.card p{font-size:13px;line-height:1.6}.how-body{gap:18px;align-items:flex-start;margin-top:25px}.how-body li{align-items:flex-start;line-height:1.6;margin:0 0 22px}.how-body .phone{width:180px;min-height:0}.categories{gap:10px}.categories>div{padding:17px 4px}.categories b{font-size:11px;overflow-wrap:anywhere}.install{padding:22px}.device-tabs{width:100%;justify-content:space-between}.device-tabs button{padding:10px 12px;font-size:12px}.install-cards button{padding:14px;min-height:90px;line-height:1.5}.install-cards b{font-size:12px}.install-cards small{font-size:11px}.install-detail{padding:20px;align-items:center}.install-detail h3{font-size:19px}.install-detail p{font-size:13px;line-height:1.65}.install-detail .button{white-space:normal;line-height:1.4}.installer{min-width:120px;max-width:140px;padding:20px 12px;border-bottom:4px solid #606765;border-radius:22px}.installer p{font-size:11px;line-height:1.55}.app-info>div{padding:13px;gap:11px;border:1px solid #262e3d}.app-info b{overflow-wrap:anywhere}.faq summary{font-size:14px;line-height:1.5;padding-right:8px}.faq details{padding:16px}.faq details p{line-height:1.7}.button{transition:filter .18s,transform .18s}.button:hover{filter:brightness(1.08)}.button:active{transform:translateY(1px)}.sticky .button{font-size:14px}footer{padding-bottom:115px}
@media(max-width:760px){header{padding:16px;gap:8px}header b{font-size:17px}.logo{width:38px;height:38px}header .pill{font-size:10px;padding:10px 12px}.column{padding:26px 18px 0}.hero{min-height:0}.hero-copy{max-width:100%}h1{font-size:42px;line-height:1.1}.hero p{max-width:none;font-size:15px}.hero .button,.hero .secondary{max-width:100%}.hero-device{margin-top:26px}.hero-device .phone{width:245px;opacity:1;right:auto;top:auto;transform:none}.banner{height:auto}.banner h2{font-size:25px}.features{gap:10px}.card{padding:16px}.card h3{font-size:14px}.card p{font-size:12px}.how-body{gap:15px}.how-body li{font-size:12px}.how-body .phone{width:155px;min-height:0;padding:14px 8px}.categories{grid-template-columns:repeat(4,minmax(0,1fr))}.categories b{font-size:10px}.install{padding:17px}.install-detail{padding:15px;gap:12px}.install-detail h3{font-size:17px}.install-detail p{font-size:12px}.installer{min-width:108px;max-width:115px}.sticky .button{min-width:0;font-size:11px;padding:12px}.sticky>div{gap:0 7px}.sticky b{font-size:12px}.sticky small{font-size:9px}.sticky{gap:8px}.movie-grid b{font-size:12px;padding-left:10px}.movie-kicker{font-size:8px;padding-left:10px}section{margin-bottom:36px}}
@media(max-width:360px){h1{font-size:37px}header b{font-size:15px}.pill{padding:8px!important}.column{padding-left:14px;padding-right:14px}.how-body{display:block}.how-body .phone{width:210px;margin:20px auto}.categories{grid-template-columns:repeat(2,1fr)}.install-detail{display:block}.installer{max-width:170px;margin:20px auto 0}.sticky small{display:none}.sticky>div{display:flex}.sticky b{font-size:10px}.sticky .logo{width:28px;height:28px}.install-cards button{padding:10px}.device-tabs button{padding:9px}}
.mini>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#122021}.phone .mini{grid-template-columns:repeat(3,minmax(0,1fr))}
#install{background:radial-gradient(ellipse at top right,#11172466,transparent 60%),#080e13;border:0;padding:0}#install .device-tabs{width:fit-content;gap:4px;margin:25px 0 20px;padding:4px;background:#101519}#install .device-tabs button{padding:11px 18px}#install .install-cards{gap:8px}#install .install-cards button{position:relative;display:block;min-height:76px;padding:12px;background:linear-gradient(#11181d,#0e1419);border:1px solid #2a3036;border-radius:12px;color:#9eaca8}#install .install-cards button small{font:700 10px monospace;letter-spacing:1.2px;margin-bottom:6px}#install .install-cards button.active{background:#121720;border-color:#34425d;color:#f3f6f8}#install .install-cards button.active small{color:#78c7f4}#install .install-cards button.active:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:3px;background:linear-gradient(90deg,#61bef2,#1c96da);border-radius:4px}.guide-panel{margin-top:16px!important;min-height:440px;background:radial-gradient(ellipse at 80% 30%,#31374366,transparent 50%),linear-gradient(145deg,#1a2025,#10151c)!important;border:1px solid #2d343a!important;border-radius:22px!important;padding:28px 22px!important;align-items:flex-start!important;gap:15px!important}.guide-copy{min-width:0;flex:1!important;padding-top:10px}.guide-copy h3{font-size:22px!important;line-height:1.25;margin:12px 0 18px}.guide-bullets{list-style:none;padding:0;margin:0 0 22px}.guide-bullets li{position:relative;padding-left:24px;margin-bottom:13px;color:#a4adb2;font-size:13px;line-height:1.65}.guide-bullets li:before{content:'✓';position:absolute;left:0;top:4px;width:15px;height:15px;line-height:15px;text-align:center;color:#101c32;background:#6dc3f3;border-radius:50%;font-size:11px;font-weight:800}.guide-next{background:#20272d;color:#e7ecef;border:1px solid #353d44;border-radius:30px;padding:11px 20px;font-size:13px;font-weight:bold;cursor:pointer}.guide-picture{position:relative;overflow:hidden;flex:none!important;width:180px;max-width:42%;align-self:flex-end;border-radius:18px}.guide-picture img{position:absolute;max-width:none;height:auto;display:block}.guide-panel [hidden]{display:none!important}#guideDownload{font-size:13px;width:fit-content;padding:12px 20px;box-shadow:0 7px 28px #57baf120}@media(max-width:760px){.guide-panel{padding:24px 20px!important;display:flex!important;flex-direction:column;min-height:0!important;gap:26px!important}.guide-copy{width:100%;padding-top:0}.guide-copy h3{font-size:23px!important}.guide-bullets li{font-size:14px}.guide-picture{width:240px;max-width:80%;align-self:center}.guide-panel #guideDownload{font-size:14px}#install .install-cards button{min-height:77px;padding:12px}#install .device-tabs button{padding:10px 16px}}
/* Reference-inspired mobile cinema presentation. */
html{background:#303a49}body{max-width:460px;margin:0 auto;background:radial-gradient(ellipse at 10% 35%,#10303350,transparent 40%),#070d12;min-height:100vh;box-shadow:0 0 0 1px #34404b,0 20px 70px #0005}header{position:sticky;top:0;z-index:25;background:#070c10f5;padding:13px 18px;border-bottom:1px solid #1d272e;gap:8px}header .logo{width:34px;height:34px;font-size:22px;border-color:#3f4b61}header b{font-size:17px;letter-spacing:-.5px;white-space:nowrap}header .pill{padding:10px 15px;font-size:12px;margin-left:0}header .language-pill{margin-left:auto;white-space:nowrap;border:1px solid #283338;padding:8px 11px;border-radius:24px;font-size:11px;color:#94a0a7;background:#10181a}main{display:block;width:100%;max-width:none}.column{padding:28px 20px 0}.column+.column{border:0;padding-top:0}h1{font-size:39px;letter-spacing:-1.3px;line-height:1.12}h2{font-size:28px;letter-spacing:-.7px}.hero{background:linear-gradient(#0c111a30,transparent),repeating-linear-gradient(90deg,transparent 0,transparent 52px,#232c3e25 53px,#232c3e25 54px);margin-bottom:28px}.hero p{font-size:14px;color:#a9b3b8}.hero-device{display:none}.hero .badge{font-size:10px}.chips span{background:#111b1d;font-size:11px}.button{border-radius:32px;background:linear-gradient(100deg,#64bced,#2193d3);font-size:17px;padding:15px 18px;box-shadow:0 9px 25px #4eb3ec20}.secondary{padding:14px;background:#12161d;border-color:#292e37;font-weight:700}.banner{aspect-ratio:auto;height:auto;border-radius:23px;border-color:#313845;background:#0e1219;margin-top:14px;padding-bottom:0;overflow:hidden}.banner>img{aspect-ratio:16/9;width:100%;height:auto;object-fit:contain}.banner-overlay{position:relative;padding:24px;background:linear-gradient(130deg,#131925,#101820);gap:4px;min-height:190px}.banner-overlay .eyebrow{font-size:10px;letter-spacing:2px;color:#a9bdc9}.banner h2{max-width:none;font-size:32px;line-height:1.12;margin:7px 0 15px;letter-spacing:-.8px}.watch{background:linear-gradient(100deg,#60baed,#2397d9);padding:11px 19px;font-size:13px}.dots{bottom:25px;right:20px}.spotlight-caption{display:flex;align-items:center;justify-content:space-between;margin:12px 0 32px;gap:10px}.spotlight-caption>span{font-size:10px;letter-spacing:1.5px;color:#a2adb3}.spotlight-caption button{background:#10141b;border:1px solid #2d323b;border-radius:28px;padding:12px 14px;color:#69bdec;font-size:11px;font-weight:bold;cursor:pointer}.overview-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid #303a43;border-radius:23px;overflow:hidden;background:linear-gradient(#0f1720,#090e14);margin-bottom:24px}.overview-stats>div{text-align:center;padding:24px 8px;border-right:1px solid #202a32;border-bottom:1px solid #202a32}.overview-stats>div:nth-child(2n){border-right:0}.overview-stats>div:nth-child(n+3){border-bottom:0}.overview-stats strong{display:block;color:#51a9db;font-size:25px;font-weight:850;letter-spacing:-.8px}.overview-stats span{display:block;color:#a2abb0;font-size:11px;line-height:1.5;margin-top:4px}.genre-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px}.genre-pills span{padding:9px 12px;border:1px solid #27363c;background:#121e22;border-radius:25px;font-size:12px;color:#a6b1b7;font-weight:700}.showcase .section-head{margin-bottom:24px}.showcase .section-head h2{max-width:300px;margin:12px 0}.showcase .section-head p{font-size:14px;line-height:1.7}.movie-grid{gap:12px}.movie-grid article{border-radius:17px;background:#10191d}.movie-grid img{aspect-ratio:16/9}.movie-grid b{padding:12px;font-size:12px}.features{gap:10px}.card{padding:16px;background:linear-gradient(130deg,#131822,#0d151d);border-radius:17px}.card h3{font-size:14px}.card p{font-size:12px}.how-body{gap:13px}.how-body .phone{width:150px;min-height:0}.how-body li{font-size:12px}.categories{grid-template-columns:repeat(4,minmax(0,1fr))}.categories b{font-size:10px}#install{padding:0}.guide-panel{flex-direction:column;min-height:0!important;padding:24px 20px!important;gap:25px!important}.guide-copy{width:100%;padding:0}.guide-copy h3{font-size:24px!important}.guide-bullets li{font-size:14px}.guide-picture{width:240px;max-width:85%;align-self:center}#install .device-tabs{max-width:100%}#install .device-tabs button{padding:10px 16px}.faq details{padding:15px;background:#101a20}.faq summary{font-size:13px}.sticky{max-width:460px;padding:12px 18px;background:#091417f5}.sticky .logo{display:none}.sticky>div{display:block}.sticky b{font-size:13px}.sticky small{display:block;font-size:9px;margin-top:2px}.sticky .button{min-width:0;font-size:12px;padding:12px 16px;box-shadow:none}.sticky .download{font-size:0}.sticky .download:after{content:'Download';font-size:13px}footer{display:block;text-align:center;padding:22px 18px 105px}footer .logo{vertical-align:middle;margin-right:8px}footer p{margin-top:10px;font-size:11px}@media(max-width:360px){header{padding:12px 13px;gap:6px}header b{font-size:14px}header .language-pill{padding:7px;font-size:10px}header .pill{padding:9px 10px!important}.column{padding-left:16px;padding-right:16px}h1{font-size:34px}.overview-stats strong{font-size:22px}.categories{grid-template-columns:repeat(2,1fr)}}
.cinema-stack{overflow:hidden;border:1px solid #333a49;border-radius:23px;background:linear-gradient(155deg,#151c2b,#080c13);margin:12px 0 30px}.cinema-main>img{display:block;width:100%;height:auto;object-fit:contain}.cinema-heading{text-align:center;padding:23px 16px 19px;background:radial-gradient(ellipse at bottom,#29375355,transparent 75%),#0c1019}.cinema-heading .eyebrow{font-size:9px;letter-spacing:1.7px;color:#c6d3da}.cinema-heading h2{font-size:31px;line-height:1.1;letter-spacing:-.8px;margin:12px 0 9px}.cinema-heading p{font-size:12px;margin:0;color:#b1c0c8}.cinema-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px;background:#171b23;border-top:1px solid #3b4861;border-bottom:1px solid #3b4861}.cinema-three article{min-width:0;background:#070a10;border:1px solid #313948;overflow:hidden}.cinema-three img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.cinema-three span{display:block;text-align:center;font-size:9px;line-height:1.4;padding:7px 3px;color:#d6dee2;overflow-wrap:anywhere}.cinema-cta{padding:22px 18px 14px;background:radial-gradient(ellipse at center,#24365888,transparent 80%)}.cinema-cta .button{font-size:16px;padding:14px 10px;background:linear-gradient(110deg,#4eb6f1,#64b8e7);box-shadow:0 7px 24px #3eafee30}.cinema-cta p{font-size:10px;text-align:center;color:#a9b7bf;margin:12px 0 0}
.app-info.app-download-card{margin-top:30px;padding:24px 20px;border:1px solid #34425c;border-radius:28px;background:radial-gradient(ellipse at top right,#2b3a5770,transparent 55%),linear-gradient(155deg,#141821,#090f12 80%)}.app-info .app-card-heading{display:flex;align-items:center;gap:15px;padding:4px 0;background:none;border:0}.app-card-heading .logo{width:58px;height:58px;font-size:32px;border-radius:15px;background:#06080d;border:1px solid #476576}.app-card-heading h2{font-size:24px;letter-spacing:-.7px;line-height:1.15;margin:8px 0 0}.app-card-heading .eyebrow{font-size:10px;letter-spacing:1.7px}.app-info p.app-card-intro{font-size:14px;line-height:1.65;margin:21px 0;color:#a6b1b7}.app-info .app-detail-grid{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:0;border:1px solid #343841;border-radius:20px;background:#091015;overflow:hidden}.app-detail-grid>div{padding:16px 14px;min-width:0;border-bottom:1px solid #262a32;border-right:1px solid #262a32}.app-detail-grid>div:nth-child(2n){border-right:0}.app-detail-grid>div:nth-last-child(-n+2){border-bottom:0}.app-detail-grid span{display:block;font:9px/1.4 monospace;letter-spacing:1.2px;color:#80919b}.app-detail-grid b{display:block;font-size:14px;line-height:1.5;margin-top:7px;color:#e8eef1;overflow-wrap:anywhere}.app-info .app-download-wrap{display:block;margin-top:22px;padding:6px;border:2px solid #31415f;border-radius:40px;background:transparent}.app-download-wrap .button{font-size:18px;padding:15px 12px;box-shadow:0 8px 25px #51b7f125}.app-info p.app-card-note{font-size:10px;text-align:center;line-height:1.6;margin:12px 0 0;color:#9aaab3}.faq{margin-top:36px}.faq h2{margin:12px 0 24px;font-size:28px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq .faq-list details{border:1px solid #2a353d;border-radius:20px;padding:0;background:linear-gradient(135deg,#111b20,#10161e);overflow:hidden}.faq .faq-list details:first-of-type{border-radius:20px}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 17px;min-height:66px;font-size:14px;line-height:1.4;font-weight:750}.faq summary::-webkit-details-marker{display:none}.faq-toggle{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:#222b2c;color:#6dc1f0;font-size:21px;line-height:1}.faq details[open]{border-color:#3a4863}.faq details[open] .faq-toggle{font-size:0}.faq details[open] .faq-toggle:after{content:'−';font-size:21px}.faq .faq-list details p{font-size:13px;padding:0 17px 19px;margin:0;line-height:1.75;color:#a7b3b9}.faq summary:focus-visible{outline:2px solid #69bdec;outline-offset:-4px}@media(max-width:360px){.app-info.app-download-card{padding:21px 16px}.app-card-heading h2{font-size:21px}.app-card-heading .logo{width:48px;height:48px;flex-shrink:0}.app-detail-grid>div{padding:13px 11px}.app-detail-grid b{font-size:12px}.faq summary{font-size:13px;padding:17px 14px}}
.hero h1{font-size:35px;line-height:1.1;letter-spacing:-1.1px;margin:20px 0 17px}.hero .badge{color:#64bdef;border-color:#31405e;background:#131821}.hero .badge:first-letter{color:#fa5267}.hero p{font-size:15px;line-height:1.65}.hero .chips span{font-size:11px;padding:7px 10px}.hero .secondary{font-weight:750}@media(max-width:360px){.hero h1{font-size:31px}}
/* Match supplied reference spacing and proportions. */
body{max-width:414px;font-family:Arial,Helvetica,sans-serif}.column{padding:28px 20px 0}.hero .badge{font:700 10px/1.4 monospace;letter-spacing:.5px;padding:9px 12px;border-radius:30px}.hero h1{font-size:34px;font-weight:800;line-height:1.08;letter-spacing:-1px;margin:18px 0 18px}.hero h1 em{color:#39a0da}.hero p{color:#9ba7ae;font-size:15px;font-weight:500;line-height:1.65;margin:0 0 17px}.hero .chips{gap:7px;margin:18px 0 25px}.hero .chips span{font-weight:700;font-size:11px;padding:6px 10px;border-color:#27353b;background:#111c20}.hero .button{font-size:17px;padding:15px 12px;background:linear-gradient(100deg,#68beee,#2393d2)}.hero .secondary{font-size:14px;margin-top:8px;padding:13px;background:linear-gradient(#171b22,#10171c)}.app-info.app-download-card{padding:26px 20px 24px;border-radius:28px;border-color:#32415d;background:radial-gradient(ellipse at 90% 0,#2d3e5e80,transparent 50%),linear-gradient(145deg,#121722,#070d11 85%)}.app-card-heading .logo{width:62px;height:62px}.app-card-heading h2{font-size:23px;line-height:1.1;margin-top:8px;font-weight:800;letter-spacing:-.6px}.app-card-heading .eyebrow{font-size:10px;letter-spacing:1.4px}.app-info p.app-card-intro{font-size:16px;line-height:1.55;margin:21px 0 24px}.app-detail-grid>div{padding:14px 14px;min-height:68px}.app-detail-grid span{font-size:9px;letter-spacing:1px}.app-detail-grid b{font-size:15px;font-weight:800;margin-top:5px}.app-download-wrap{margin-left:-13px!important;margin-right:-13px!important}.app-download-wrap .button{font-size:19px;padding:16px 10px}.app-info p.app-card-note{font-size:11px;margin-top:12px}.faq .eyebrow{font-size:10px}.faq h2{font-size:27px;line-height:1.2;margin:15px 0 25px;font-weight:800}.faq-list{gap:10px}.faq summary{font-size:15px;padding:19px 17px;min-height:64px;font-weight:800}.faq .faq-list details{border-radius:19px}.faq-toggle{width:27px;height:27px;font-size:21px}.sticky{max-width:414px}@media(max-width:360px){.hero h1{font-size:30px}.app-card-heading h2{font-size:20px}.app-card-heading .logo{width:50px;height:50px}.app-detail-grid b{font-size:13px}}
/* Brand icon and removed language control; original layout retained. */
img.logo{object-fit:contain;padding:0;background:transparent;border:0}header .pill{margin-left:auto}
/* ============================================================
Responsive desktop / tablet / mobile layout enhancement
Keeps all original copy, artwork, and download/pixel behavior.
============================================================ */
html { min-width:320px; background:#070d12; scroll-padding-top:92px; }
body {
width:100%; min-width:320px; max-width:none;
margin:0 auto; overflow-x:clip; box-shadow:none;
}
header { width:100%; max-width:1200px; }
main { display:block; width:100%; max-width:1200px; margin:0 auto; }
.column { padding:28px clamp(18px,3vw,36px) 0; min-width:0; }
.column+.column { border-left:0; padding-top:0; }
section { scroll-margin-top:95px; }
footer { max-width:1200px; }
.sticky { width:100%; max-width:1200px; }
.movie-grid, .features, .cinema-three, .install-cards, .categories { min-width:0; }
.movie-grid article, .features article, .cinema-three article, .install-cards button { min-width:0; }
/* The step screenshot is intentionally cropped via JavaScript. */
.guide-picture img { max-width:none; }
/* Comfortable one-column tablet layout. */
@media (min-width:600px) and (max-width:899px) {
header, footer { max-width:780px; }
main { max-width:780px; }
.column { padding:34px 30px 0; }
header { padding:16px 30px; }
header b { font-size:20px; }
.hero h1 { font-size:clamp(39px,5.4vw,49px); }
.hero .hero-copy { max-width:670px; }
.movie-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.features { grid-template-columns:repeat(3,minmax(0,1fr)); }
.overview-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
.overview-stats > div { border-bottom:0; border-right:1px solid #202a32; }
.overview-stats > div:nth-child(2n) { border-right:1px solid #202a32; }
.overview-stats > div:nth-child(4n) { border-right:0; }
.guide-panel { flex-direction:row!important; }
.guide-picture { width:210px; max-width:38%; }
.sticky { max-width:780px; }
}
/* Widescreen composition: not a stretched phone mockup. */
@media (min-width:900px) {
body { font-size:16px; background:radial-gradient(ellipse at 50% 0,#10202a,#070d12 48%); }
header {
position:sticky; top:0; z-index:25; max-width:1200px;
padding:17px 30px; gap:12px; background:#080e14f5;
backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
header .logo { width:42px; height:42px; }
header b { font-size:21px; }
header .pill { font-size:14px; padding:12px 23px; }
main { max-width:1200px; }
.column { padding:32px 30px 0; }
.column+.column { padding-top:0; }
section { margin-bottom:62px; }
h2 { font-size:clamp(30px,3vw,38px); line-height:1.18; }
.hero {
display:grid; grid-template-columns:minmax(0,1.16fr) minmax(270px,.84fr);
align-items:center; gap:32px; min-height:530px; padding:50px 55px;
margin:22px 0 54px; border:1px solid #263747; border-radius:30px;
background:radial-gradient(ellipse at 78% 60%,#17304c90,transparent 53%),
linear-gradient(125deg,#101a22,#080e17 78%);
overflow:hidden;
}
.hero-copy { max-width:620px; }
.hero h1 { font-size:clamp(43px,4.1vw,57px); line-height:1.07; letter-spacing:-1.7px; margin:22px 0 22px; }
.hero p { max-width:540px; font-size:16px; line-height:1.75; margin-bottom:22px; }
.hero .chips { margin:22px 0 27px; }
.hero .chips span { font-size:12px; padding:8px 12px; }
.hero .button, .hero .secondary {
display:inline-flex; align-items:center; justify-content:center;
width:auto; max-width:100%; min-width:208px;
vertical-align:middle; padding:15px 23px; margin:0 12px 0 0;
}
.hero .secondary { min-width:175px; margin-top:10px; }
.hero-device { display:flex; min-width:0; margin:0; }
.hero-device .phone { width:265px; max-width:100%; }
.device-caption { max-width:340px; }
.cinema-stack {
display:grid; grid-template-columns:minmax(0,1.3fr) minmax(290px,.86fr);
gap:0; margin:0 0 53px; border-radius:26px;
}
.cinema-main { min-width:0; display:flex; flex-direction:column; background:#0c111a; }
.cinema-main > img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.cinema-heading { flex:1; display:flex; flex-direction:column; justify-content:center; padding:25px 32px; }
.cinema-heading h2 { font-size:clamp(28px,3vw,37px); }
.cinema-heading p { font-size:14px; }
.cinema-three {
display:flex; flex-direction:column; justify-content:stretch;
gap:11px; padding:15px; border-top:0; border-left:1px solid #374052;
}
.cinema-three article {
flex:1; min-height:105px; display:grid;
grid-template-columns:minmax(120px,47%) minmax(0,1fr);
align-items:center; overflow:hidden; border-radius:13px;
}
.cinema-three img { width:100%; height:100%; aspect-ratio:16/9; object-fit:cover; }
.cinema-three span { font-size:clamp(12px,1.2vw,16px); padding:12px 15px; text-align:left; }
.cinema-cta { grid-column:1/-1; padding:25px; }
.cinema-cta .button { max-width:460px; margin:0 auto; font-size:18px; }
.cinema-cta p { font-size:12px; }
.overview-stats { grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 26px; }
.overview-stats > div { padding:27px 12px; border-bottom:0; border-right:1px solid #202a32; }
.overview-stats > div:nth-child(2n) { border-right:1px solid #202a32; }
.overview-stats > div:nth-child(4n) { border-right:0; }
.overview-stats strong { font-size:27px; }
.overview-stats span { font-size:12px; }
.genre-pills { margin-bottom:60px; }
.showcase .section-head h2 { max-width:none; }
.showcase .section-head p { font-size:16px; }
.movie-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.movie-grid article { border-radius:16px; }
.movie-grid b { font-size:14px; padding:13px; }
.features { grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.card { padding:24px; }
.card i { margin-bottom:20px; }
.card h3 { font-size:17px; }
.card p { font-size:14px; }
.how-body { display:grid; grid-template-columns:minmax(0,1fr) 240px; max-width:900px; gap:55px; margin:30px auto 0; align-items:center; }
.how-body li { font-size:15px; margin:0 0 20px; }
.how-body li span { min-width:46px; height:46px; }
.how-body .phone { width:235px; }
.categories { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.categories > div { padding:20px 10px; }
.categories b { font-size:14px; }
.categories i { font-size:27px; }
#install { border:1px solid #263747; border-radius:26px; padding:38px!important; }
#install > p { font-size:16px; }
#install .device-tabs { width:fit-content; }
#install .install-cards { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
#install .install-cards button { min-height:89px; padding:16px; }
#install .install-cards button small { font-size:12px; }
#install .install-cards button b { font-size:14px; }
.guide-panel { min-height:365px; padding:30px 35px!important; gap:40px!important; }
.guide-copy h3 { font-size:27px!important; }
.guide-bullets li { font-size:15px; }
.guide-picture { width:245px; max-width:40%; }
.app-info.app-download-card { max-width:780px; padding:34px 36px; margin:42px auto 0; }
.app-info .app-detail-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.app-detail-grid > div { border-right:1px solid #262a32; border-bottom:1px solid #262a32; }
.app-detail-grid > div:nth-child(2n) { border-right:1px solid #262a32; }
.app-detail-grid > div:nth-child(4n) { border-right:0; }
.app-detail-grid > div:nth-last-child(-n+4) { border-bottom:0; }
.app-download-wrap { max-width:490px; margin:23px auto 0!important; }
.faq { max-width:940px; margin:56px auto 12px; }
.faq-list { gap:13px; }
.faq summary { font-size:16px; padding:21px 25px; }
.faq .faq-list details p { font-size:14px; padding:0 25px 21px; }
footer { max-width:1200px; padding:25px 30px 110px; }
footer p { font-size:13px; }
.sticky { max-width:1200px; padding:13px 30px; }
.sticky .logo { display:inline-grid; }
.sticky > div { display:grid; grid-template-columns:auto auto; }
.sticky .download { font-size:15px; }
.sticky .download:after { content:none; }
.sticky .button { min-width:220px; padding:14px 22px; }
}
@media (min-width:900px) and (max-width:1050px) {
.hero { padding:40px 35px; gap:16px; grid-template-columns:minmax(0,1fr) minmax(220px,.68fr); }
.hero h1 { font-size:43px; }
.hero-device .phone { width:235px; }
.hero .button, .hero .secondary { min-width:0; padding:14px 18px; }
.cinema-three article { grid-template-columns:44% minmax(0,1fr); }
.cinema-three span { padding:8px; }
.movie-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
/* Phone-first refinements including narrow handsets. */
@media (max-width:599px) {
body, header { max-width:none; }
main { max-width:560px; }
.column { padding:26px clamp(14px,5vw,22px) 0; }
.column+.column { padding-top:0; }
header { padding:13px clamp(14px,5vw,22px); }
.hero .button, .hero .secondary { max-width:100%; }
.hero h1 { overflow-wrap:normal; }
.sticky { max-width:none; }
.sticky .button { white-space:nowrap; }
#install .device-tabs { max-width:100%; overflow-x:auto; }
#install .device-tabs button { flex-shrink:0; }
.app-card-heading { min-width:0; }
.app-card-heading > div { min-width:0; }
.app-card-heading h2 { overflow-wrap:anywhere; }
}
@media (max-width:359px) {
.hero h1 { font-size:29px; }
.hero .chips span { font-size:10px; }
.cinema-heading h2 { font-size:27px; }
.cinema-three span { font-size:8px; }
.sticky { padding:10px 12px; }
.sticky b { font-size:11px; }
.sticky .button { padding:10px 13px; }
.faq summary { font-size:13px; }
}
/* Hero store stats */
.hero-store-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 10px;max-width:360px}.hero-store-stats>div{border:1px solid #263747;background:linear-gradient(135deg,#101922,#0c1319);border-radius:16px;padding:12px 14px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.hero-store-stats strong{display:block;font-size:24px;line-height:1;color:#ffffff;letter-spacing:-.5px}.hero-store-stats span{display:block;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.4px;color:#8fbfe1;text-transform:uppercase}.hero-store-stats .rating-stars{margin-top:6px;font-size:13px;line-height:1;color:#ffc94d;letter-spacing:1px}@media (min-width:900px){.hero-store-stats{max-width:330px}}@media (max-width:599px){.hero-store-stats{max-width:100%;gap:10px}.hero-store-stats>div{padding:12px 10px}.hero-store-stats strong{font-size:22px}.hero-store-stats span{font-size:11px}.hero-store-stats .rating-stars{font-size:12px}}
/* v4 hero rating style refinement */
.hero-store-stats{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin:14px 0 10px;max-width:420px}
.hero-store-stats>div{border:1px solid #2b3850;background:linear-gradient(180deg,rgba(14,22,32,.96),rgba(10,17,24,.98));border-radius:16px;padding:14px 16px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.hero-store-stats .rating-card{display:flex;flex-direction:column;justify-content:center}
.hero-store-stats .rating-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hero-store-stats .rating-stars{margin:0;font-size:14px;line-height:1;color:#f4c542;letter-spacing:1px}
.hero-store-stats .rating-text{font-size:15px;font-weight:800;color:#f4f8fb;letter-spacing:.1px}
.hero-store-stats .rating-sub{display:block;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.45px;color:#8fbfe1;text-transform:uppercase}
.hero-store-stats .downloads-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-store-stats .downloads-card strong{display:block;font-size:24px;line-height:1;color:#ffffff;letter-spacing:-.5px}
.hero-store-stats .downloads-card span{display:block;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.4px;color:#8fbfe1;text-transform:uppercase}
@media (max-width:599px){
.hero-store-stats{grid-template-columns:1fr 1fr;max-width:100%;gap:10px}
.hero-store-stats>div{padding:12px 12px}
.hero-store-stats .rating-stars{font-size:12px}
.hero-store-stats .rating-text{font-size:13px}
.hero-store-stats .downloads-card strong{font-size:22px}
.hero-store-stats .downloads-card span,.hero-store-stats .rating-sub{font-size:11px}
}
/* v5 hero inline meta strip */
.hero-store-stats{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 10px;max-width:100%;padding:0;background:none;border:0;box-shadow:none}
.hero-store-stats .meta-item{display:inline-flex;align-items:center;gap:8px;min-width:0;color:#dbe6ec;font-size:14px;line-height:1.45}
.hero-store-stats .meta-item strong{display:inline;color:#ffffff;font-size:14px;line-height:1.2;letter-spacing:0;font-weight:800}
.hero-store-stats .meta-item span{display:inline;color:#bcc8cf;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;margin:0}
.hero-store-stats .rating-inline .rating-text{color:#ffffff;font-weight:700}
.hero-store-stats .rating-stars{display:inline;color:#f4c542;font-size:13px;letter-spacing:1px;line-height:1;margin:0}
.hero-store-stats .meta-divider{width:1px;height:16px;background:#334352;display:inline-block;flex:0 0 auto}
@media (max-width:599px){
.hero-store-stats{gap:8px 10px;margin:13px 0 9px}
.hero-store-stats .meta-item,.hero-store-stats .meta-item strong,.hero-store-stats .meta-item span{font-size:12px}
.hero-store-stats .rating-stars{font-size:11px}
.hero-store-stats .meta-divider{height:14px}
}
/* v8 force gold stars */
.hero .hero-store-stats .rating-inline .rating-stars,
.hero-store-stats .rating-inline .rating-stars,
.hero-store-stats .rating-stars {
color: #f5c84c !important;
text-shadow: 0 0 6px rgba(245, 200, 76, 0.18);
}