:root{--bg:#080b10;--panel:#0f151e;--panel2:#121a25;--line:#243142;--text:#f5f7fb;--muted:#9da8b7;--yellow:#ffbd00;--orange:#ff8a00;--green:#2bdc96;--cyan:#22c9e8;--shell:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.shell{width:min(calc(100% - 48px),var(--shell));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(7,10,14,.92);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(14px)}.topbar__inner{height:78px;display:flex;align-items:center;gap:34px}.brand{margin-right:auto}.brand img{width:190px;height:auto}.topnav{display:flex;gap:30px;color:#aab4c2;font-size:14px;font-weight:800}.topnav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #344356;border-radius:11px;min-height:48px;padding:0 22px;font-weight:900;white-space:nowrap;background:#151c26}.btn svg{width:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn--small{min-height:44px}.btn--primary{border:0;color:#09100c;background:linear-gradient(100deg,var(--yellow),var(--orange) 52%,var(--green));box-shadow:0 13px 35px rgba(255,158,0,.16)}.hero{position:relative;overflow:hidden;min-height:calc(100vh - 78px);border-bottom:1px solid #1e2835}.poster-wall{position:absolute;inset:-90px -30px -110px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;transform:rotate(-2.5deg) scale(1.05);opacity:.42}.poster-wall img{width:100%;height:430px;object-fit:cover;border-radius:8px;filter:saturate(.85) contrast(1.06)}.poster-wall img:nth-child(even){transform:translateY(75px)}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,14,.78),rgba(7,10,14,.43) 46%,rgba(7,10,14,.78)),linear-gradient(0deg,#080b10 0,rgba(8,11,16,.17) 44%,rgba(8,11,16,.4) 100%)}.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:.86fr 1.14fr;gap:72px;align-items:center;min-height:calc(100vh - 78px);padding:42px 0 44px}.hero-device{position:relative;height:560px;display:grid;place-items:center}.device-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(33,208,201,.26),rgba(28,100,115,.08) 48%,transparent 70%);filter:blur(26px)}.phone{position:relative;z-index:2;width:274px;height:560px;padding:9px;border-radius:42px;background:#05070a;border:2px solid #56677b;box-shadow:0 45px 100px rgba(0,0,0,.58),0 0 0 6px rgba(255,255,255,.03),0 0 46px rgba(31,198,203,.19)}.phone--hero{transform:rotate(-2deg)}.phone__speaker{position:absolute;z-index:4;width:90px;height:20px;left:50%;top:7px;transform:translateX(-50%);border-radius:0 0 14px 14px;background:#030507}.phone__screen{height:100%;overflow:hidden;border-radius:32px;background:#15181d;padding:28px 12px 54px}.app-head{display:flex;align-items:center;gap:7px;font-size:8px}.app-head img{border-radius:8px}.app-search{flex:1;padding:8px 9px;background:#292d33;border-radius:7px;color:#888f99}.app-head b{color:#2cdf9c}.app-tabs{display:flex;gap:13px;margin:11px 2px;font-size:8px;color:#969da6}.app-tabs b{color:#fff}.app-feature{position:relative;height:137px;overflow:hidden;border-radius:10px;margin-bottom:14px}.app-feature>img{width:100%;height:100%;object-fit:cover}.app-feature__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.77),transparent 62%)}.app-feature__text{position:absolute;left:11px;bottom:12px;display:grid}.app-feature__text small{font-size:7px;color:#d3d8de}.app-feature__text strong{font-size:10px}.app-feature i{position:absolute;right:11px;bottom:11px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#27d99a;color:#07140f;font-style:normal;font-size:11px}.app-row-title{display:flex;justify-content:space-between;align-items:center;margin:8px 1px 6px;font-size:8px}.app-row-title span{color:#858d97;font-size:7px}.app-posters{display:grid;gap:7px}.app-posters--3{grid-template-columns:repeat(3,1fr)}.app-posters figure{margin:0;min-width:0}.app-posters img{width:100%;height:113px;object-fit:cover;border-radius:5px}.app-posters figcaption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c8ced5;font-size:6px;margin-top:3px}.app-posters--small img{height:84px}.app-bottom{position:absolute;left:9px;right:9px;bottom:9px;height:44px;background:#14181e;border-top:1px solid #2b3038;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center;color:#7d858f;font-size:13px}.app-bottom b{color:#28da96}.app-bottom small{display:block;font-size:6px;margin-top:1px}.hero__copy{max-width:720px}.eyebrow{display:flex;align-items:center;gap:10px;color:#d7dde5;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.eyebrow span{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 20px var(--green)}.hero h1{font-size:clamp(46px,5vw,76px);line-height:.98;letter-spacing:-.055em;margin:18px 0 20px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0,#ffc400 30%,#ff8b00 57%,#27d99a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{max-width:690px;color:#c3cad4;font-size:18px;line-height:1.55}.hero__badges{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 20px}.hero__badges span,.tv-points span{border:1px solid #334052;border-radius:999px;padding:7px 11px;color:#cbd2da;background:rgba(13,18,26,.62);font-size:12px;font-weight:800}.download-panel{display:flex;align-items:center;gap:18px}.qrbox{flex:0 0 132px;background:#fff;padding:8px;border-radius:10px}.qrbox img{width:116px;height:116px}.download-panel__copy{max-width:420px}.download-panel__copy strong{font-size:17px}.download-panel__copy p{margin:4px 0 10px;color:#aab4c1;font-size:12px;line-height:1.45}.download-panel__copy small{display:block;margin-top:6px;color:#7f8997;font-size:11px}.quickfacts{background:#0a0e14;border-bottom:1px solid #1f2937}.quickfacts__grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.quickfacts__grid div{padding:0 24px;border-right:1px solid #26303d}.quickfacts__grid div:first-child{padding-left:0}.quickfacts__grid div:last-child{border:0}.quickfacts b{display:block;font-size:14px}.quickfacts span{display:block;margin-top:3px;color:#7f8a98;font-size:11px}.section{padding:100px 0}.section-head{max-width:770px;margin-bottom:48px}.section-head--center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2,.tv-section h2,.faq-intro h2{font-size:clamp(36px,4.5vw,62px);line-height:1.03;letter-spacing:-.045em;margin:12px 0 16px}.section-head p,.tv-section p,.faq-intro p{color:#98a4b3;font-size:17px}.kicker{color:#ffc20a;text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:950}.feature-story{min-height:440px;display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:center;padding:44px 48px;margin:20px 0;border:1px solid #233043;border-radius:27px;background:radial-gradient(460px 260px at 82% 48%,rgba(38,191,198,.075),transparent 70%),#0f151e;overflow:hidden}.feature-story--reverse{grid-template-columns:1.08fr .92fr}.feature-story--reverse .feature-story__copy{order:2}.feature-story--reverse .detail-mock{order:1}.feature-story h3{font-size:30px;line-height:1.12;letter-spacing:-.03em;margin:13px 0 14px}.feature-story p{color:#9da8b7;font-size:16px}.feature-story ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0 0;list-style:none}.feature-story li{padding:7px 10px;border-radius:8px;background:#151e29;border:1px solid #28374a;color:#cfd5dd;font-size:11px;font-weight:750}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#2a2414;color:#ffc000;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:950}.pill--green{color:#31dda0;background:#14261f}.pill--blue{color:#42cdea;background:#13252b}.catalog-canvas{position:relative;min-height:350px}.poster-ribbon{position:absolute;inset:15px -55px -30px 10px;display:grid;grid-template-columns:repeat(5,1fr);gap:11px;align-items:end;transform:rotate(-1.8deg)}.poster-ribbon figure{margin:0;transform:translateY(var(--lift,0));background:#111720;border:1px solid #263244;border-radius:12px;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.32)}.poster-ribbon figure:nth-child(2){--lift:-34px}.poster-ribbon figure:nth-child(4){--lift:-22px}.poster-ribbon img{width:100%;height:245px;object-fit:cover}.poster-ribbon figcaption{padding:8px;font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-mock{position:relative;min-height:365px;border-radius:20px;overflow:hidden;border:1px solid #2b3542;background:#0d1219;box-shadow:0 25px 70px rgba(0,0,0,.35)}.detail-mock__backdrop{position:absolute;inset:0 0 auto;height:190px;overflow:hidden}.detail-mock__backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(9px) saturate(.8);transform:scale(1.08);opacity:.43}.detail-mock__backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d1219,transparent)}.detail-mock__poster{position:absolute;left:24px;top:45px;width:112px;height:160px;object-fit:cover;border-radius:9px;box-shadow:0 15px 40px rgba(0,0,0,.45)}.detail-mock__body{position:relative;padding:102px 24px 23px 158px}.detail-mock__body>span{color:#abb5c1;font-size:11px}.detail-mock h4{font-size:27px;margin:5px 0}.ratings{display:flex;gap:7px}.ratings b{font-size:10px;padding:5px 7px;border-radius:6px;background:#19212c;color:#ffd441}.detail-mock p{font-size:12px;margin:12px 0 18px;color:#a3adba}.mock-buttons{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.mock-buttons i,.player-pills small{font-style:normal;text-align:center;padding:8px;border-radius:7px;border:1px solid #334052;font-size:10px;font-weight:850}.mock-buttons .watch{background:linear-gradient(90deg,#18b8ca,#26d58d);color:#06110e;border:0}.player-pills{display:flex;gap:7px;margin-top:11px}.player-pills small{padding:6px 9px;color:#aeb8c5}.library-mock{padding:19px;border:1px solid #2b3747;border-radius:18px;background:#0b1017}.library-tabs{display:flex;gap:22px;padding:0 4px 13px;border-bottom:1px solid #293443;color:#7e8997;font-size:11px}.library-tabs b{color:#2cd99b;border-bottom:2px solid #2cd99b;padding-bottom:10px}.library-title{font-size:13px;font-weight:900;margin:17px 3px 10px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.library-grid img{width:100%;height:145px;object-fit:cover;border-radius:8px}.tv-section{position:relative;overflow:hidden;padding:96px 0;border-top:1px solid #202b39;border-bottom:1px solid #202b39;background:radial-gradient(600px 280px at 16% 22%,rgba(34,201,232,.07),transparent 70%),radial-gradient(520px 260px at 82% 78%,rgba(255,145,0,.08),transparent 70%),#090d13}.tv-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%,transparent 76%,rgba(255,255,255,.02))}.tv-section__inner{position:relative;z-index:2;display:grid;grid-template-columns:.84fr 1.16fr;gap:58px;align-items:center}.tv-section__copy{max-width:560px}.tv-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tv-visual{position:relative}.tv-visual:before{content:"";position:absolute;inset:auto 6% -24px 6%;height:42px;border-radius:50%;background:radial-gradient(circle,rgba(255,152,0,.22),rgba(255,152,0,0) 72%);filter:blur(24px)}.tv-visual img{position:relative;z-index:1;width:100%;border-radius:26px;border:1px solid #2a3444;box-shadow:0 28px 70px rgba(0,0,0,.42)}.install{background:#0a0e14}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{position:relative;min-height:285px;padding:28px;border:1px solid #263344;border-radius:20px;background:#101620;overflow:hidden}.steps em{position:absolute;right:18px;top:12px;font-size:62px;font-style:normal;font-weight:950;color:#18212c;line-height:1}.step-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#292315;border:1px solid #51431d;color:#ffc000;font-size:22px;font-weight:900;margin-bottom:28px}.steps h3{font-size:22px;margin:0 0 10px}.steps p{color:#94a0ae}.steps a{display:inline-block;margin-top:8px;color:#ffc20a;font-weight:850}.download-cta{padding:60px 0;background:#080b10}.download-cta__card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:27px;padding:30px 34px;border:1px solid #2a3749;border-radius:23px;background:radial-gradient(400px 150px at 8% 15%,rgba(255,186,0,.12),transparent 70%),radial-gradient(480px 170px at 80% 80%,rgba(36,214,145,.08),transparent 70%),#101620}.download-cta__card>img{border-radius:21px}.download-cta__cover{width:140px;height:96px;object-fit:cover;border-radius:18px;border:1px solid #344050;box-shadow:0 18px 45px rgba(0,0,0,.28)}.download-cta span{color:#ffc20a;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:900}.download-cta h2{font-size:30px;margin:4px 0 2px}.download-cta p{margin:0;color:#8f9aa8}.faq-section{border-top:1px solid #202a37}.faq-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:80px}.faq-intro{position:sticky;top:112px;align-self:start}.faq details{border-top:1px solid #273342}.faq details:last-child{border-bottom:1px solid #273342}.faq summary{cursor:pointer;list-style:none;position:relative;padding:22px 52px 22px 0;font-size:17px;font-weight:850}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:2px;top:17px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #344154;border-radius:8px;background:#111822;color:#aeb7c3}.faq details[open] summary:after{content:"−"}.faq p{margin:0;padding:0 48px 22px 0;color:#98a3b1}.footer{border-top:1px solid #1f2936;background:#06080c}.footer__inner{min-height:130px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}.footer__inner>img{width:175px}.footer p{margin:0;color:#737e8c;font-size:12px}.footer__inner>div{display:flex;gap:18px;font-size:12px;font-weight:800;color:#aeb7c3}.footer a:hover{color:#fff}@media(min-width:1051px) and (max-height:850px){.hero__grid{padding:28px 0 30px}.hero-device{height:510px}.phone{width:246px;height:505px}.hero h1{font-size:clamp(44px,4.6vw,68px);margin:14px 0 16px}.hero__lead{font-size:16px;line-height:1.45}.hero__badges{margin:14px 0}.qrbox{flex-basis:116px}.qrbox img{width:100px;height:100px}.download-panel__copy p{font-size:11px}.download-panel .btn{min-height:44px}.poster-wall img{height:380px}}@media(max-width:1050px){.topnav{display:none}.hero__grid{grid-template-columns:.8fr 1.2fr;gap:45px}.phone{width:260px;height:530px}.hero-device{height:540px}.feature-story{grid-template-columns:1fr;gap:30px}.feature-story--reverse{grid-template-columns:1fr}.feature-story--reverse .feature-story__copy,.feature-story--reverse .detail-mock{order:initial}.catalog-canvas{min-height:330px}.tv-section__inner{grid-template-columns:1fr;gap:30px}.tv-section__copy{max-width:760px}.quickfacts__grid{grid-template-columns:repeat(2,1fr);gap:20px}.quickfacts__grid div:nth-child(2){border-right:0}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-intro{position:static}.download-cta__card{grid-template-columns:auto 1fr}.download-cta__card .btn{grid-column:1/-1}.footer__inner{grid-template-columns:1fr;text-align:center;padding:35px 0}.footer__inner>img{margin:auto}.footer__inner>div{justify-content:center}}@media(max-width:720px){.shell{width:min(calc(100% - 28px),var(--shell))}.topbar__inner{height:66px}.brand img{width:155px}.topbar .btn--small{min-height:38px;padding:0 13px;font-size:12px}.hero{min-height:auto}.poster-wall{grid-template-columns:repeat(4,1fr);opacity:.28}.poster-wall img{height:340px}.poster-wall img:nth-child(n+9){display:none}.hero__grid{grid-template-columns:1fr;padding:48px 0 55px}.hero-device{order:2;height:490px}.phone{width:236px;height:478px}.hero__copy{order:1}.hero h1{font-size:46px}.hero__lead{font-size:16px}.download-panel{align-items:flex-start}.qrbox{flex-basis:112px;padding:7px}.qrbox img{width:98px;height:98px}.download-panel__copy p{display:none}.hero__badges span{font-size:10px}.quickfacts__grid{grid-template-columns:1fr}.quickfacts__grid div,.quickfacts__grid div:first-child{padding:10px 0;border-right:0;border-bottom:1px solid #26303d}.quickfacts__grid div:last-child{border-bottom:0}.section{padding:72px 0}.feature-story{padding:28px 22px;min-height:0}.feature-story h3{font-size:25px}.poster-ribbon{position:relative;inset:auto;transform:none;grid-template-columns:repeat(3,1fr)}.poster-ribbon figure:nth-child(n+4){display:none}.poster-ribbon figure:nth-child(2),.poster-ribbon figure:nth-child(4){transform:none}.poster-ribbon img{height:190px}.catalog-canvas{min-height:auto}.detail-mock__body{padding-left:142px}.detail-mock__poster{left:19px;width:100px;height:145px}.library-grid img{height:125px}.tv-visual img{border-radius:20px}.steps{grid-template-columns:1fr}.steps article{min-height:0}.download-cta__card{grid-template-columns:1fr;text-align:center;padding:27px}.download-cta__card>img{margin:auto}.download-cta__cover{width:min(100%,280px);height:auto;aspect-ratio:140/96}.faq summary{font-size:15px}.footer__inner>div{flex-direction:column;gap:7px}}@media(max-width:420px){.hero h1{font-size:40px}.download-panel{display:grid;grid-template-columns:auto 1fr}.download-panel .btn{font-size:12px;padding:0 15px}.hero-device{height:455px}.phone{width:220px;height:450px}.app-posters img{height:95px}.app-posters--small img{height:70px}.section-head h2,.tv-section h2,.faq-intro h2{font-size:34px}.detail-mock{min-height:390px}.detail-mock__body{padding:215px 18px 18px}.detail-mock__poster{top:36px;left:22px}.tv-grid img{height:195px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* v2.2: hero / first eyecatcher — QR is intentionally above the fold */
@media (min-width:1051px){
  .topbar__inner{height:68px}
  .brand img{width:172px}
  .hero{min-height:calc(100svh - 68px)}
  .hero__grid{
    grid-template-columns:.76fr 1.24fr;
    gap:48px;
    min-height:calc(100svh - 68px);
    padding:24px 0 26px;
    align-items:center
  }
  .hero-device{height:520px}
  .phone{width:252px;height:516px}
  .hero__copy{max-width:790px}
  .eyebrow{font-size:11px}
  .hero h1{
    font-size:clamp(48px,4.15vw,66px);
    line-height:.96;
    letter-spacing:-.048em;
    margin:12px 0 14px
  }
  .hero h1>span{white-space:nowrap}
  .hero__lead{
    max-width:760px;
    margin:0 0 14px;
    font-size:16px;
    line-height:1.45
  }
  .download-panel{gap:16px;margin-top:0;align-items:center}
  .qrbox{flex:0 0 148px;padding:8px}
  .qrbox img{width:132px;height:132px}
  .download-panel__copy{max-width:430px}
  .download-panel__copy strong{font-size:17px}
  .download-panel__copy p{margin:3px 0 8px;line-height:1.35}
  .download-panel .btn{min-height:44px;padding:0 19px}
  .hero__badges{margin:12px 0 0}
  .hero__badges span{padding:6px 10px;font-size:11px}
}
@media (min-width:1051px) and (max-height:900px){
  .hero__grid{padding:18px 0 20px}
  .hero-device{height:486px}
  .phone{width:238px;height:486px}
  .hero h1{font-size:clamp(46px,3.85vw,61px);margin:9px 0 11px}
  .hero__lead{font-size:15px;line-height:1.38;margin-bottom:11px}
  .qrbox{flex-basis:132px}
  .qrbox img{width:116px;height:116px}
  .download-panel__copy p{font-size:11px;margin-bottom:7px}
  .download-panel__copy small{font-size:10px}
  .hero__badges{margin-top:9px}
  .poster-wall img{height:365px}
}
@media (min-width:1051px) and (max-height:760px){
  .hero-device{height:430px}
  .phone{width:210px;height:430px;border-radius:34px}
  .phone__screen{padding-top:25px}
  .hero h1{font-size:50px}
  .hero__lead{max-width:710px;font-size:14px}
  .download-panel__copy p{display:none}
  .hero__badges span{padding:5px 9px}
}

/* v2.3 — cinematic hero, compact QR flow, more realistic phone */
.poster-wall{
  inset:-54px -26px -90px;
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  grid-auto-rows:112px;
  gap:10px;
  transform:rotate(-1.15deg) scale(1.035);
  opacity:.58;
  filter:saturate(.82) contrast(1.08)
}
.poster-wall .tile{margin:0;overflow:hidden;border-radius:5px;position:relative;background:#141922;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.poster-wall .tile--tall{grid-row:span 4}
.poster-wall .tile--mid{grid-row:span 3}
.poster-wall .tile--wide{grid-row:span 2;grid-column:span 2}
.poster-wall .tile:nth-child(3n+2){transform:translateY(22px)}
.poster-wall .tile:nth-child(4n){transform:translateY(-12px)}
.poster-wall img{width:100%;height:100%;object-fit:cover;border-radius:0;filter:brightness(.74) saturate(.88) contrast(1.12);transform:scale(1.035)}
.hero__shade{
  background:
    radial-gradient(700px 440px at 24% 46%,rgba(11,75,81,.30),transparent 69%),
    radial-gradient(620px 420px at 78% 30%,rgba(130,76,8,.17),transparent 72%),
    linear-gradient(90deg,rgba(5,8,12,.76) 0,rgba(5,8,12,.40) 40%,rgba(5,8,12,.62) 72%,rgba(5,8,12,.79) 100%),
    linear-gradient(0deg,#080b10 0,rgba(8,11,16,.16) 46%,rgba(8,11,16,.55) 100%)
}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 33%,rgba(4,7,10,.18) 67%,rgba(4,7,10,.58) 100%);z-index:1}
.hero-device{perspective:1200px}
.device-glow{width:410px;height:430px;background:radial-gradient(ellipse,rgba(24,207,195,.25),rgba(28,103,119,.08) 48%,transparent 72%);filter:blur(33px);transform:translate(-8px,15px)}
.phone{
  padding:8px;
  border-radius:46px;
  background:linear-gradient(145deg,#94a2b2 0,#222b36 8%,#0c1016 22%,#05070a 78%,#697789 96%,#171d25 100%);
  border:1px solid rgba(214,226,238,.38);
  box-shadow:0 46px 100px rgba(0,0,0,.68),0 0 0 2px rgba(255,255,255,.045),-8px 0 28px rgba(36,210,188,.12),10px 0 28px rgba(255,170,0,.08)
}
.phone:before{content:"";position:absolute;inset:5px;border-radius:40px;border:1px solid rgba(255,255,255,.065);pointer-events:none;z-index:5}
.phone:after{content:"";position:absolute;inset:10px 9px 12px;border-radius:35px;background:linear-gradient(115deg,rgba(255,255,255,.075),transparent 18%,transparent 72%,rgba(255,255,255,.025));pointer-events:none;z-index:6;mix-blend-mode:screen}
.phone--hero{transform:rotateY(6deg) rotateZ(-1.2deg) translateX(-4px)}
.phone__speaker{width:18px;height:18px;top:14px;border-radius:50%;background:#020407;box-shadow:inset 0 0 0 4px #0b1118,0 0 0 1px rgba(255,255,255,.1)}
.phone__screen{border-radius:37px;background:#14181e;padding-top:31px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.phone__button{position:absolute;z-index:1;width:3px;border-radius:3px;background:linear-gradient(#6f7d8c,#252d36);box-shadow:0 0 0 1px rgba(0,0,0,.45)}
.phone__button--volume{height:62px;left:-4px;top:112px}
.phone__button--power{height:48px;right:-4px;top:152px}

.download-panel{display:grid;grid-template-columns:184px minmax(240px,380px);gap:20px;align-items:start;margin-top:4px}
.download-panel__qrcol{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:184px}
.qrbox{width:184px;flex:none;padding:9px;border-radius:13px;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.qrbox img{display:block;width:166px;height:166px}
.download-panel__button{width:184px;min-height:48px;padding:0 13px;font-size:15px;justify-content:center}
.download-panel__note{display:block;text-align:center;color:#98a3b0;font-size:10.5px;line-height:1.35}
.download-panel__hint{margin:18px 0 0;color:#c6ced8;font-size:13px;line-height:1.5;max-width:330px}
.hero__badges{display:none!important}

@media (min-width:1051px){
  .hero__grid{grid-template-columns:.70fr 1.30fr;gap:54px}
  .hero-device{height:535px}
  .phone{width:266px;height:536px}
  .hero__copy{max-width:820px}
  .hero__lead{max-width:780px}
  .download-panel{grid-template-columns:168px minmax(220px,360px);gap:18px}
  .download-panel__qrcol{width:168px}
  .qrbox{width:168px}
  .qrbox img{width:150px;height:150px}
  .download-panel__button{width:168px;min-height:46px;font-size:14px}
  .download-panel__hint{font-size:12px;margin-top:15px}
}
@media (min-width:1051px) and (max-height:900px){
  .hero-device{height:485px}
  .phone{width:238px;height:485px}
  .download-panel{grid-template-columns:146px 310px;gap:16px}
  .download-panel__qrcol{width:146px;gap:8px}
  .qrbox{width:146px;padding:7px}
  .qrbox img{width:132px;height:132px}
  .download-panel__button{width:146px;min-height:42px;font-size:13px}
  .download-panel__note{font-size:9.5px}
  .download-panel__hint{font-size:11.5px;margin-top:11px}
}
@media (min-width:1051px) and (max-height:760px){
  .phone{width:210px;height:430px}
  .download-panel{grid-template-columns:128px 290px}
  .download-panel__qrcol{width:128px}
  .qrbox{width:128px}
  .qrbox img{width:114px;height:114px}
  .download-panel__button{width:128px;min-height:40px;font-size:12px}
  .download-panel__hint{font-size:11px;margin-top:8px}
}
@media (max-width:720px){
  .poster-wall{grid-template-columns:repeat(4,1fr);grid-auto-rows:92px;opacity:.46}
  .poster-wall .tile--wide{grid-column:span 2}
  .poster-wall .tile:nth-child(n+11){display:none}
  .phone--hero{transform:rotateY(4deg) rotateZ(-1deg)}
  .download-panel{grid-template-columns:138px 1fr;gap:14px}
  .download-panel__qrcol{width:138px}
  .qrbox{width:138px;padding:7px}
  .qrbox img{width:124px;height:124px}
  .download-panel__button{width:138px;min-height:42px;font-size:12px}
  .download-panel__note{font-size:9px}
  .download-panel__hint{font-size:11px;margin-top:8px}
}
@media (max-width:480px){
  .download-panel{grid-template-columns:1fr}
  .download-panel__qrcol{width:150px}
  .qrbox{width:150px}
  .qrbox img{width:136px;height:136px}
  .download-panel__button{width:150px}
  .download-panel__hint{margin:0;max-width:300px}
}

/* v2.4 — first screen rebuilt closer to the clean streaming-app landing composition */
body{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.topbar{display:none!important}
.hero--kinematic{min-height:760px;height:100svh;max-height:940px;border-bottom:0;background:#07101a}
.hero-brand-row{position:absolute;z-index:4;top:26px;left:50%;transform:translateX(-50%)}
.hero-brand{display:inline-block;width:148px}.hero-brand img{width:148px;height:auto}
.poster-wall--cinema{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:7px;transform:none;opacity:.74;filter:saturate(.78) contrast(1.08);overflow:hidden}
.poster-wall--cinema .tile{margin:0;overflow:hidden;border-radius:0;transform:none!important;background:#0a1018;box-shadow:none}
.poster-wall--cinema .tile:nth-child(n){grid-row:auto;grid-column:auto}
.poster-wall--cinema img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:brightness(.72) saturate(.82) contrast(1.09);transform:scale(1.02);border-radius:0}
.poster-wall--cinema .tile:nth-child(2) img,.poster-wall--cinema .tile:nth-child(7) img{object-position:center 30%}
.poster-wall--cinema .tile:nth-child(4) img,.poster-wall--cinema .tile:nth-child(9) img{object-position:center 15%}
.hero--kinematic .hero__shade{background:linear-gradient(90deg,rgba(4,10,17,.84) 0%,rgba(6,17,27,.47) 33%,rgba(5,16,26,.56) 63%,rgba(4,9,16,.80) 100%),linear-gradient(180deg,rgba(4,9,15,.26) 0%,rgba(3,10,17,.12) 54%,rgba(4,10,18,.86) 100%)}
.hero--kinematic:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 48% 42%,transparent 0,rgba(2,9,16,.05) 42%,rgba(2,8,14,.56) 100%),linear-gradient(180deg,rgba(2,7,12,.22),transparent 28%,transparent 69%,#07101a 100%)}
.hero__grid--kinogo{position:relative;z-index:3;display:grid;grid-template-columns:430px minmax(0,660px);justify-content:center;gap:76px;align-items:center;height:100%;min-height:760px;padding:86px 0 30px}
.hero-device--kinogo{height:610px;display:flex;justify-content:center;align-items:flex-end}
.phone--kinogo{width:300px;height:610px;transform:rotate(-1deg);padding:7px;border-radius:45px;background:linear-gradient(145deg,#b7c5d2 0,#293542 7%,#091019 21%,#05080d 78%,#8393a4 96%);border:1px solid rgba(217,231,240,.58);box-shadow:0 32px 80px rgba(0,0,0,.65),0 0 0 3px rgba(26,208,183,.12),0 0 28px rgba(35,224,194,.44),0 0 70px rgba(32,160,183,.18)}
.phone--kinogo:before{inset:5px;border-radius:39px;border-color:rgba(66,242,210,.16)}
.phone--kinogo .phone__screen{border-radius:38px;padding-top:31px}
.phone--kinogo .phone__speaker{width:19px;height:19px;top:13px}
.phone--kinogo .app-feature{height:146px}
.phone--kinogo .app-posters img{height:125px}.phone--kinogo .app-posters--small img{height:90px}
.hero__copy--kinogo{max-width:660px;padding-top:20px}
.hero__copy--kinogo h1{font-size:clamp(42px,3.6vw,58px);line-height:1.03;letter-spacing:-.03em;margin:0 0 18px;font-weight:800;max-width:600px}
.hero__copy--kinogo h1 strong{font-weight:800;color:#fff}
.hero__lead--kinogo{margin:0 0 22px;max-width:620px;font-size:18px;line-height:1.5;color:#d0d7de;font-weight:400}
.download-row{display:grid;grid-template-columns:210px minmax(0,300px);gap:28px;align-items:start}
.download-stack{width:210px;display:flex;flex-direction:column;align-items:center;gap:18px}
.qrbox--kinogo{width:150px;padding:8px;border-radius:8px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.26)}
.qrbox--kinogo img{width:134px;height:134px}.btn--download{width:210px;min-height:56px;border:0;border-radius:6px;color:#111;background:#ff9100;font-size:16px;font-weight:800;box-shadow:none}.btn--download svg{width:20px}.download-stack small{text-align:center;color:#a9b2bc;font-size:12px;line-height:1.4;max-width:210px}
.download-row__hint{margin:8px 0 0;color:#c4ccd6;font-size:12px;line-height:1.45;max-width:250px}
.install-link{display:inline-block;margin-top:18px;color:#44dfb7;font-size:14px;border-bottom:1px dashed rgba(68,223,183,.55)}
.quickfacts{margin-top:0}
@media (max-height:820px) and (min-width:901px){
  .hero--kinematic{min-height:680px;height:100svh}
  .hero-brand-row{top:18px}.hero-brand,.hero-brand img{width:132px}
  .hero__grid--kinogo{min-height:680px;padding-top:62px;grid-template-columns:380px minmax(0,610px);gap:58px}
  .hero-device--kinogo{height:535px}.phone--kinogo{width:260px;height:535px}
  .phone--kinogo .app-feature{height:126px}.phone--kinogo .app-posters img{height:104px}.phone--kinogo .app-posters--small img{height:74px}
  .hero__copy--kinogo h1{font-size:46px;margin-bottom:14px}.hero__lead--kinogo{font-size:16px;line-height:1.45;margin-bottom:16px}
  .download-row{grid-template-columns:180px 260px;gap:20px}.download-stack{width:180px;gap:14px}.qrbox--kinogo{width:136px;padding:7px}.qrbox--kinogo img{width:122px;height:122px}.btn--download{width:180px;min-height:45px;font-size:13px}.download-stack small{font-size:10px;max-width:180px}.download-row__hint{font-size:11px;margin-top:6px}.install-link{margin-top:11px;font-size:12px}
}
@media (max-width:900px){
  .hero--kinematic{height:auto;max-height:none;min-height:0}
  .hero-brand-row{position:relative;top:auto;left:auto;transform:none;padding-top:22px}.hero-brand,.hero-brand img{width:140px}
  .poster-wall--cinema{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,200px);height:100%}.poster-wall--cinema .tile:nth-child(n+10){display:none}
  .hero__grid--kinogo{grid-template-columns:1fr;min-height:0;height:auto;gap:24px;padding:32px 0 48px}
  .hero__copy--kinogo{order:1;padding:0}.hero-device--kinogo{order:2;height:520px;align-items:center}.phone--kinogo{width:252px;height:510px}
  .hero__copy--kinogo h1{font-size:42px}.hero__lead--kinogo{font-size:16px}
  .download-row{grid-template-columns:180px 1fr;gap:18px}.download-stack{width:180px;gap:14px}.qrbox--kinogo{width:138px}.qrbox--kinogo img{width:122px;height:122px}.btn--download{width:180px;min-height:48px;font-size:14px}
}
@media (max-width:520px){
  .shell{width:min(calc(100% - 30px),var(--shell))}
  .hero-brand-row{padding-top:18px}.hero-brand,.hero-brand img{width:126px}
  .hero__grid--kinogo{padding-top:22px}.hero__copy--kinogo h1{font-size:35px;line-height:1.04}.hero__lead--kinogo{font-size:15px;line-height:1.48}
  .download-row{grid-template-columns:152px 1fr;gap:14px}.download-stack{width:152px;gap:12px}.qrbox--kinogo{width:122px;padding:6px}.qrbox--kinogo img{width:108px;height:108px}.btn--download{width:152px;min-height:44px;font-size:12px;padding:0 8px}.download-stack small{font-size:9px;max-width:152px}.download-row__hint{font-size:10px;margin-top:2px}
  .hero-device--kinogo{height:470px}.phone--kinogo{width:230px;height:466px}.phone--kinogo .app-posters img{height:94px}.phone--kinogo .app-posters--small img{height:68px}
}

.btn--download:hover{filter:brightness(1.05)}


/* v2.6 — hero closer to the reference: denser cinematic wall + cleaner glowing phone */
.hero--kinematic{
  min-height:760px;
  height:100svh;
  max-height:920px;
  background:#071018;
}
.poster-wall--cinema{
  inset:0;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  grid-template-rows:repeat(2,1fr);
  gap:6px;
  opacity:.83;
  filter:saturate(.82) contrast(1.06);
}
.poster-wall--cinema .tile{
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#091019;
}
.poster-wall--cinema img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
  transform:scale(1.035);
  filter:brightness(.66) saturate(.9) contrast(1.08);
}
.poster-wall--cinema .tile:nth-child(2) img,
.poster-wall--cinema .tile:nth-child(5) img,
.poster-wall--cinema .tile:nth-child(8) img,
.poster-wall--cinema .tile:nth-child(11) img{object-position:center 28%}
.poster-wall--cinema .tile:nth-child(3) img,
.poster-wall--cinema .tile:nth-child(7) img,
.poster-wall--cinema .tile:nth-child(10) img{object-position:center 12%}

.hero--kinematic .hero__shade{
  background:
    linear-gradient(90deg,rgba(3,10,17,.72) 0%,rgba(4,13,22,.34) 31%,rgba(3,12,21,.40) 61%,rgba(3,8,14,.74) 100%),
    linear-gradient(180deg,rgba(3,8,14,.18) 0%,rgba(3,8,14,.08) 54%,rgba(4,10,18,.88) 100%);
}
.hero--kinematic:after{
  background:
    radial-gradient(ellipse at 43% 42%,transparent 0,rgba(0,8,14,.03) 44%,rgba(0,7,13,.54) 100%),
    linear-gradient(180deg,rgba(0,7,12,.10),transparent 25%,transparent 68%,#071018 100%);
}

.hero__grid--kinogo{
  grid-template-columns:410px minmax(0,620px);
  gap:66px;
}
.hero-device--kinogo{
  height:600px;
  align-items:flex-end;
}
.phone--kinogo{
  width:310px;
  height:610px;
  padding:6px;
  border-radius:48px;
  transform:rotate(-1deg);
  background:
    linear-gradient(145deg,#d3dde4 0%,#778897 4%,#1b2630 8%,#070b10 17%,#05080c 82%,#748593 96%,#d7e0e7 100%);
  border:1px solid rgba(230,242,249,.62);
  box-shadow:
    0 34px 84px rgba(0,0,0,.67),
    0 0 0 2px rgba(255,255,255,.025),
    0 0 15px rgba(66,221,212,.42),
    0 0 38px rgba(31,200,210,.34),
    0 0 74px rgba(41,113,176,.20);
}
.phone--kinogo:after{
  content:"";
  position:absolute;
  inset:-10px;
  z-index:-1;
  border-radius:56px;
  border:2px solid rgba(59,237,214,.46);
  box-shadow:
    0 0 13px rgba(51,241,215,.62),
    0 0 28px rgba(40,192,213,.40),
    0 0 52px rgba(64,118,226,.28);
  opacity:.86;
  pointer-events:none;
}
.phone--kinogo:before{
  inset:4px;
  border-radius:43px;
  border:1px solid rgba(255,255,255,.09);
}
.phone--kinogo .phone__screen{
  border-radius:41px;
  background:#15191e;
}
.phone--kinogo .phone__speaker{
  width:21px;
  height:21px;
  border-radius:50%;
  top:12px;
  box-shadow:inset 0 0 0 5px #090d12, inset 0 0 0 7px #151c23;
}
.phone--kinogo .app-feature{
  height:148px;
}
.phone--kinogo .app-posters img{
  height:127px;
}
.phone--kinogo .app-posters--small img{
  height:91px;
}

.hero-brand-row{top:24px}
.hero-brand,.hero-brand img{width:144px}

.hero__copy--kinogo{
  max-width:620px;
  padding-top:15px;
}
.hero__copy--kinogo h1{
  max-width:590px;
}
.hero__lead--kinogo{
  max-width:610px;
}

/* keep download group visually separated */
.download-row{
  margin-top:5px;
}
.download-stack{
  gap:18px;
}
.qrbox--kinogo{
  box-shadow:0 14px 34px rgba(0,0,0,.34);
}
.btn--download{
  margin-top:4px;
}
.download-row__hint{
  padding-top:3px;
}

@media (max-height:820px) and (min-width:901px){
  .hero__grid--kinogo{
    grid-template-columns:365px minmax(0,570px);
    gap:52px;
  }
  .hero-device--kinogo{height:520px}
  .phone--kinogo{
    width:255px;
    height:515px;
  }
  .phone--kinogo .app-feature{height:122px}
  .phone--kinogo .app-posters img{height:100px}
  .phone--kinogo .app-posters--small img{height:72px}
}
@media (max-width:900px){
  .poster-wall--cinema{
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:repeat(3,180px);
  }
  .hero__grid--kinogo{
    grid-template-columns:1fr;
  }
}


/* v2.7 — completely new cinematic hero background, no poster wall, no phone halo */
.hero--kinematic{
  background:
    linear-gradient(90deg,rgba(4,9,15,.54) 0%,rgba(4,11,18,.25) 31%,rgba(4,10,17,.30) 65%,rgba(3,8,14,.58) 100%),
    url("hero-cinema.jpg") center center / cover no-repeat;
}
.poster-wall--cinema{display:none!important}
.hero--kinematic .hero__shade{
  background:
    linear-gradient(180deg,rgba(4,8,13,.08) 0%,rgba(4,8,13,.03) 54%,rgba(5,10,16,.72) 100%),
    radial-gradient(ellipse at 52% 44%,rgba(10,24,36,.02),rgba(3,8,13,.34) 76%);
}
.hero--kinematic:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 58%,rgba(3,8,14,.40) 82%,#071018 100%);
}

.phone--kinogo{
  border:1px solid rgba(205,216,225,.48);
  box-shadow:
    0 34px 76px rgba(0,0,0,.62),
    0 10px 22px rgba(0,0,0,.28)!important;
}
.phone--kinogo:after{
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
}
.phone--kinogo:before{
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:none!important;
}


/* v2.8 — exact approved hero composition */
.hero-reference{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#05090e;
  line-height:0;
}
.hero-reference__picture,
.hero-reference__image{
  display:block;
  width:100%;
  height:auto;
}
.hero-reference__qr{
  position:absolute;
  z-index:5;
  left:38.75%;
  top:57.55%;
  width:6.65%;
  aspect-ratio:1;
  display:block;
  border-radius:4px;
  overflow:hidden;
}
.hero-reference__qr img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.hero-reference__download{
  position:absolute;
  z-index:6;
  left:38.75%;
  top:72.05%;
  width:22.05%;
  height:6.65%;
  display:block;
  cursor:pointer;
  border-radius:999px;
}
.hero-reference__seo{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
.hero-mobile{display:none}

@media (max-width:760px){
  .hero-reference{display:none}
  .hero-mobile{
    position:relative;
    display:block;
    min-height:100svh;
    overflow:hidden;
    background:
      url("hero-reference.webp") 42% center / auto 100% no-repeat,
      #060b11;
  }
  .hero-mobile__shade{
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(3,7,12,.36),rgba(3,7,12,.72) 48%,rgba(3,7,12,.96)),
      linear-gradient(90deg,rgba(3,7,12,.82),rgba(3,7,12,.32));
  }
  .hero-mobile__inner{
    position:relative;
    z-index:2;
    min-height:100svh;
    padding:30px 22px 42px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;
  }
  .hero-mobile__logo{
    width:150px;
    margin-bottom:auto;
  }
  .hero-mobile h1{
    margin:0 0 16px;
    max-width:360px;
    font-size:42px;
    line-height:1.03;
    letter-spacing:-.04em;
    color:#fff;
  }
  .hero-mobile h1 strong{color:#ff9900}
  .hero-mobile p{
    margin:0 0 24px;
    max-width:390px;
    color:#d5dae1;
    font-size:16px;
    line-height:1.52;
  }
  .hero-mobile__button{
    width:100%;
    min-height:54px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ff9100;
    color:#111;
    font-size:17px;
    font-weight:900;
  }
  .hero-mobile small{
    width:100%;
    margin-top:10px;
    text-align:center;
    color:#b8c0ca;
    font-size:11px;
  }
}

/* Keep all glow off the phone in the rest of the page as well */
.phone--kinogo,
.phone{
  box-shadow:0 28px 70px rgba(0,0,0,.58)!important;
}
.phone--kinogo:after{
  display:none!important;
  content:none!important;
  box-shadow:none!important;
  border:0!important;
}


/* v2.9 — redesigned "Возможности" */
.features29{
  padding:96px 0 105px;
  background:
    radial-gradient(900px 500px at 12% 12%,rgba(255,145,0,.055),transparent 72%),
    radial-gradient(800px 500px at 88% 48%,rgba(35,205,171,.045),transparent 70%),
    #080c12;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.features29__head{
  max-width:760px;
  margin:0 auto 54px;
  text-align:center;
}
.features29__kicker{
  display:inline-block;
  color:#ff9100;
  font-size:11px;
  font-weight:900;
  letter-spacing:.19em;
}
.features29__head h2{
  margin:12px 0 14px;
  color:#f6f7f9;
  font-size:clamp(38px,4.2vw,58px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.features29__head p{
  margin:0;
  color:#9ca7b5;
  font-size:17px;
  line-height:1.55;
}

.feature29{
  position:relative;
  overflow:hidden;
  border:1px solid #222e3d;
  border-radius:28px;
  background:#0f151e;
  box-shadow:0 26px 70px rgba(0,0,0,.20);
}
.feature29__copy h3{
  margin:12px 0 14px;
  color:#f3f5f8;
  font-size:31px;
  line-height:1.12;
  letter-spacing:-.03em;
}
.feature29__copy p{
  margin:0;
  color:#a0aab7;
  font-size:16px;
  line-height:1.62;
}
.feature29__tag{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:#2d2617;
  color:#ffb000;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
}
.feature29__tag--green{background:#14241f;color:#32dba0}
.feature29__tag--orange{background:#2d2017;color:#ff9100}
.feature29__tag--blue{background:#13232d;color:#42cbea}
.feature29__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:23px;
}
.feature29__chips span{
  padding:7px 10px;
  border:1px solid #2a3748;
  border-radius:9px;
  background:#121a24;
  color:#c4ccd6;
  font-size:11px;
  font-weight:750;
}

.feature29--catalog{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:46px;
  align-items:center;
  min-height:510px;
  padding:48px 0 48px 48px;
}
.feature29--catalog .feature29__copy{padding-right:8px}
.catalog29{
  align-self:stretch;
  min-width:0;
  padding:29px 0 24px 28px;
  background:
    radial-gradient(460px 240px at 72% 22%,rgba(36,207,177,.12),transparent 72%),
    linear-gradient(145deg,#0c121a,#121a24);
  border-left:1px solid #253244;
}
.catalog29__bar{
  display:flex;
  align-items:center;
  gap:12px;
  padding-right:28px;
}
.catalog29__search{
  flex:1;
  padding:11px 14px;
  border-radius:10px;
  background:#222a34;
  color:#929daa;
  font-size:12px;
}
.catalog29__bar>b{
  color:#35dda1;
  font-size:12px;
}
.catalog29__filters{
  display:flex;
  gap:18px;
  padding:17px 28px 17px 2px;
  color:#7e8997;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
}
.catalog29__filters b{color:#fff}
.catalog29__grid{
  display:grid;
  grid-template-columns:repeat(6,150px);
  gap:12px;
  width:max-content;
  transform:translateX(0);
}
.catalog29__grid figure{
  width:150px;
  margin:0;
  overflow:hidden;
  border:1px solid #2a3544;
  border-radius:12px;
  background:#10161e;
  box-shadow:0 16px 35px rgba(0,0,0,.26);
}
.catalog29__grid img{
  width:100%;
  height:218px;
  object-fit:cover;
}
.catalog29__grid figcaption{
  display:grid;
  gap:3px;
  padding:9px 10px 11px;
}
.catalog29__grid figcaption b{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#e7ebf0;
  font-size:11px;
}
.catalog29__grid figcaption small{
  color:#788391;
  font-size:9px;
}

.features29__split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin:20px 0;
}
.feature29--player,
.feature29--quality{
  min-height:570px;
  padding:38px;
}
.feature29--player{
  background:
    radial-gradient(420px 270px at 80% 72%,rgba(42,213,161,.075),transparent 70%),
    #0f151e;
}
.feature29--quality{
  background:
    radial-gradient(420px 270px at 80% 72%,rgba(255,145,0,.08),transparent 70%),
    #0f151e;
}
.player29,
.quality29{
  margin-top:30px;
  overflow:hidden;
  border:1px solid #293648;
  border-radius:19px;
  background:#0a0f16;
  box-shadow:0 22px 55px rgba(0,0,0,.26);
}
.player29__image{
  position:relative;
  height:225px;
  overflow:hidden;
}
.player29__image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(5,8,12,.90),rgba(5,8,12,.10) 64%);
}
.player29__image>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 22%;
  filter:saturate(.88);
}
.player29__play{
  position:absolute;
  z-index:2;
  right:22px;
  bottom:20px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#2add9d;
  color:#08110e;
  font-size:16px;
}
.player29__title{
  position:absolute;
  z-index:2;
  left:20px;
  bottom:18px;
  display:grid;
}
.player29__title small{color:#b5bec9;font-size:10px}
.player29__title strong{color:#fff;font-size:24px}
.player29__actions{
  display:grid;
  grid-template-columns:1fr 1.5fr;
  gap:9px;
  padding:15px;
}
.player29__actions span,
.player29__actions b{
  padding:10px;
  border-radius:8px;
  text-align:center;
  border:1px solid #344154;
  color:#d4dae2;
  font-size:11px;
}
.player29__actions b{
  border-color:#24be89;
  background:#23b985;
  color:#07100c;
}
.player29__sources{
  padding:0 15px 17px;
}
.player29__sources>strong{
  display:block;
  margin-bottom:8px;
  color:#7f8a98;
  font-size:10px;
}
.player29__sources>div{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.player29__sources span,
.player29__sources b{
  padding:8px 5px;
  border-radius:7px;
  text-align:center;
  border:1px solid #2d394a;
  color:#a9b3bf;
  font-size:10px;
}
.player29__sources b{
  color:#10150e;
  border-color:#ff9100;
  background:#ff9100;
}

.quality29{
  padding:14px;
}
.quality29__scene{
  position:relative;
  height:260px;
  overflow:hidden;
  border-radius:13px;
}
.quality29__scene:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 60%);
}
.quality29__scene img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
}
.quality29__scene span{
  position:absolute;
  z-index:2;
  top:12px;
  right:12px;
  padding:6px 8px;
  border-radius:6px;
  background:#ff9100;
  color:#111;
  font-size:12px;
  font-weight:950;
}
.quality29__scene b{
  position:absolute;
  z-index:2;
  left:16px;
  bottom:14px;
  color:#fff;
  font-size:15px;
}
.quality29__levels{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:13px 2px 1px;
}
.quality29__levels span,
.quality29__levels b{
  padding:9px;
  border:1px solid #2f3b4a;
  border-radius:8px;
  text-align:center;
  color:#8f9aa8;
  font-size:11px;
}
.quality29__levels b{
  color:#111;
  border-color:#ff9100;
  background:#ff9100;
}

.feature29--library{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:44px;
  align-items:center;
  min-height:460px;
  padding:40px 44px 40px 0;
}
.feature29__copy--library{padding-right:4px}
.library29{
  align-self:stretch;
  padding:26px 26px 24px 34px;
  border-right:1px solid #263244;
  background:
    radial-gradient(420px 280px at 30% 50%,rgba(54,188,229,.09),transparent 72%),
    linear-gradient(145deg,#0c121a,#101822);
}
.library29__tabs{
  display:flex;
  gap:18px;
  padding-bottom:16px;
  border-bottom:1px solid #222d3a;
  color:#718090;
  font-size:10px;
}
.library29__tabs b{color:#38dba3}
.library29__title{
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:end;
  padding:21px 0 15px;
}
.library29__title>div{
  display:grid;
  gap:4px;
}
.library29__title small{
  color:#46cde8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
}
.library29__title strong{
  color:#f0f3f6;
  font-size:17px;
}
.library29__title>span{
  max-width:190px;
  color:#768392;
  font-size:10px;
  text-align:right;
}
.library29__row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}
.library29__row figure{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:10px;
  background:#111821;
  border:1px solid #263142;
}
.library29__row img{
  width:100%;
  height:176px;
  object-fit:cover;
}
.library29__row i{
  display:block;
  width:var(--p);
  height:3px;
  margin-top:-3px;
  position:relative;
  z-index:2;
  background:#ff9100;
}
.library29__row figcaption{
  display:grid;
  gap:2px;
  padding:8px;
  color:#d8dde4;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.library29__row figcaption small{
  color:#758190;
  font-size:8px;
}

@media(max-width:1050px){
  .feature29--catalog,
  .feature29--library{
    grid-template-columns:1fr;
    padding:36px;
  }
  .catalog29{
    margin:0 -36px -36px;
    padding-left:36px;
    border-left:0;
    border-top:1px solid #253244;
  }
  .feature29--library{
    padding:36px;
  }
  .library29{
    order:2;
    margin:0 -36px -36px;
    padding:28px 36px;
    border-right:0;
    border-top:1px solid #263244;
  }
  .feature29__copy--library{order:1}
}
@media(max-width:760px){
  .features29{padding:72px 0 80px}
  .features29__head{text-align:left;margin-bottom:34px}
  .features29__head h2{font-size:40px}
  .features29__head p{font-size:15px}
  .features29__split{grid-template-columns:1fr}
  .feature29--player,.feature29--quality{min-height:0;padding:25px}
  .feature29__copy h3{font-size:25px}
  .feature29__copy p{font-size:14px}
  .feature29--catalog,.feature29--library{padding:26px}
  .catalog29{margin:0 -26px -26px;padding:24px 0 22px 26px}
  .catalog29__grid{grid-template-columns:repeat(6,125px)}
  .catalog29__grid figure{width:125px}
  .catalog29__grid img{height:182px}
  .library29{margin:0 -26px -26px;padding:24px 26px}
  .library29__row{grid-template-columns:repeat(3,1fr)}
  .library29__row figure:nth-child(n+4){display:none}
  .library29__row img{height:190px}
  .library29__title{align-items:start;flex-direction:column}
  .library29__title>span{text-align:left}
}
@media(max-width:480px){
  .features29__head h2{font-size:35px}
  .catalog29__filters{gap:13px}
  .catalog29__grid{grid-template-columns:repeat(6,115px)}
  .catalog29__grid figure{width:115px}
  .catalog29__grid img{height:168px}
  .player29__image{height:190px}
  .quality29__scene{height:210px}
  .library29__row img{height:156px}
}


/* v3.0 — cinematic feature section */
.features30{
  padding:96px 0 110px;
  background:
    radial-gradient(720px 420px at 16% 18%,rgba(255,145,0,.055),transparent 72%),
    radial-gradient(800px 500px at 86% 76%,rgba(38,196,176,.045),transparent 72%),
    #080c12;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.features30__head{max-width:780px;margin:0 auto 52px;text-align:center}
.features30__head>span{color:#ff9100;font-size:11px;font-weight:950;letter-spacing:.19em}
.features30__head h2{margin:12px 0 14px;font-size:clamp(40px,4.5vw,62px);line-height:1.02;letter-spacing:-.045em;color:#f5f7fa}
.features30__head p{margin:0;color:#9ea9b7;font-size:17px;line-height:1.58}

.f30{overflow:hidden;border:1px solid #243142;border-radius:28px;background:#0f151e;box-shadow:0 30px 74px rgba(0,0,0,.22)}
.f30--wide{display:grid;grid-template-columns:1.2fr .8fr;align-items:stretch;min-height:470px}
.f30--library{grid-template-columns:.76fr 1.24fr;margin-top:20px}
.f30__visual{position:relative;overflow:hidden;min-height:470px;background:#070b10}
.f30__visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 62%,rgba(15,21,30,.35) 100%)}
.f30--library .f30__visual:after{background:linear-gradient(270deg,transparent 62%,rgba(15,21,30,.32) 100%)}
.f30__visual img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.015)}
.f30__copy{padding:48px 46px;display:flex;flex-direction:column;justify-content:center}
.f30__label{align-self:flex-start;padding:6px 9px;border-radius:999px;background:#2c2415;color:#ffb000;font-size:10px;font-weight:950;letter-spacing:.14em}
.f30__label--green{background:#14241f;color:#33dca1}
.f30__label--orange{background:#302016;color:#ff9100}
.f30__label--blue{background:#14232d;color:#43cbe9}
.f30__copy h3{margin:13px 0 15px;color:#f4f6f9;font-size:32px;line-height:1.12;letter-spacing:-.032em}
.f30__copy p{margin:0;color:#a2adba;font-size:16px;line-height:1.64}
.f30__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.f30__chips span{padding:7px 10px;border:1px solid #2c394b;border-radius:9px;background:#121a24;color:#c8d0d9;font-size:11px;font-weight:760}

.features30__duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.f30--card{display:flex;flex-direction:column;min-height:620px}
.f30__visual--card{min-height:350px;height:350px}
.f30__visual--card:after{background:linear-gradient(180deg,transparent 60%,rgba(15,21,30,.62) 100%)}
.f30--card .f30__copy{padding:32px 34px 38px;justify-content:flex-start}
.f30--card .f30__copy h3{font-size:27px}

@media(max-width:1050px){
  .f30--wide,.f30--library{grid-template-columns:1fr}
  .f30--library .f30__copy{order:2}
  .f30--library .f30__visual{order:1}
  .f30__visual{min-height:420px}
  .f30__visual:after,.f30--library .f30__visual:after{background:linear-gradient(180deg,transparent 68%,rgba(15,21,30,.45) 100%)}
}
@media(max-width:760px){
  .features30{padding:72px 0 82px}
  .features30__head{text-align:left;margin-bottom:34px}
  .features30__head h2{font-size:39px}
  .features30__head p{font-size:15px}
  .features30__duo{grid-template-columns:1fr}
  .f30{border-radius:22px}
  .f30__visual,.f30__visual--card{min-height:0;height:285px}
  .f30__copy,.f30--card .f30__copy{padding:28px 25px 31px}
  .f30__copy h3,.f30--card .f30__copy h3{font-size:25px}
  .f30__copy p{font-size:14px}
  .f30--card{min-height:0}
}
@media(max-width:480px){
  .features30__head h2{font-size:34px}
  .f30__visual,.f30__visual--card{height:235px}
}


/* v3.3 — premium download card + prettier mobile first screen */
.download-cta__card{
  grid-template-columns:220px 1fr auto;
  gap:32px;
  padding:34px 38px;
}
.download-cta__cover{
  width:220px;
  height:132px;
  object-fit:cover;
  object-position:center;
  border-radius:20px;
  border:1px solid #3a4758;
  box-shadow:0 22px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05);
}
.download-cta h2{
  font-size:32px;
}
.download-cta p{
  max-width:560px;
  font-size:15px;
}

@media (max-width:1050px){
  .download-cta__card{
    grid-template-columns:190px 1fr;
    gap:26px;
  }
  .download-cta__cover{width:190px;height:118px}
}
@media (max-width:720px){
  .download-cta__card{grid-template-columns:1fr;padding:25px}
  .download-cta__cover{width:min(100%,320px);height:auto;aspect-ratio:220/132;margin:auto}
}

@media (max-width:760px){
  .hero-reference{display:none}
  .hero-mobile{
    display:block;
    background:#071018;
    padding:14px 0 18px;
  }
  .hero-mobile__inner{
    width:min(calc(100% - 30px), 430px);
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .hero-mobile__logo{
    width:122px;
    height:auto;
  }
  .hero-mobile__preview{
    border-radius:22px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:#0b1320;
    box-shadow:0 18px 48px rgba(0,0,0,.34);
  }
  .hero-mobile__preview img{
    width:100%;
    height:auto;
    display:block;
  }
  .hero-mobile__button{
    width:100%;
    min-height:54px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ff9100;
    color:#111;
    font-size:17px;
    font-weight:900;
    box-shadow:0 16px 38px rgba(255,145,0,.18);
  }
  .hero-mobile small{
    display:block;
    text-align:center;
    color:#b8c0ca;
    font-size:11px;
    line-height:1.4;
  }
}
@media (max-width:420px){
  .hero-mobile{padding:12px 0 16px}
  .hero-mobile__inner{width:min(calc(100% - 24px), 420px);gap:12px}
  .hero-mobile__logo{width:116px}
  .hero-mobile__preview{border-radius:20px}
  .hero-mobile__button{min-height:50px;font-size:16px}
}



/* v3.6 — real responsive mobile hero, same cinematic vibe as desktop */
@media (max-width:760px){
  .hero-reference{display:none!important}
  .hero-mobile{
    position:relative!important;
    display:block!important;
    min-height:100svh!important;
    height:100svh!important;
    overflow:hidden!important;
    padding:0!important;
    background:#050a10 url("feature-catalog.webp") 50% 43% / cover no-repeat!important;
    isolation:isolate;
  }
  .hero-mobile:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:
      linear-gradient(180deg,rgba(2,7,12,.10) 0%,rgba(2,7,12,.05) 34%,rgba(2,7,12,.42) 58%,rgba(2,7,12,.94) 82%,#05090e 100%),
      linear-gradient(90deg,rgba(2,7,12,.18),rgba(2,7,12,.02) 46%,rgba(2,7,12,.12));
    pointer-events:none;
  }
  .hero-mobile:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:radial-gradient(circle at 52% 31%,transparent 0%,transparent 28%,rgba(2,7,12,.08) 55%,rgba(2,7,12,.30) 100%);
    pointer-events:none;
  }
  .hero-mobile__logo{
    position:absolute!important;
    z-index:2!important;
    top:calc(18px + env(safe-area-inset-top))!important;
    left:18px!important;
    width:128px!important;
    height:auto!important;
    margin:0!important;
  }
  .hero-mobile__content{
    position:absolute!important;
    z-index:2!important;
    left:18px!important;
    right:18px!important;
    bottom:calc(18px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:430px!important;
    margin:0 auto!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .hero-mobile__eyebrow{
    margin:0 0 9px!important;
    color:#eef2f6!important;
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.17em!important;
    font-weight:900!important;
    text-transform:uppercase!important;
  }
  .hero-mobile h1{
    margin:0 0 11px!important;
    max-width:355px!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
    font-weight:800!important;
    text-shadow:0 3px 18px rgba(0,0,0,.42)!important;
  }
  .hero-mobile h1 strong{
    background:linear-gradient(90deg,#fff 0%,#ffc400 25%,#ff9100 60%,#35d9a0 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
  }
  .hero-mobile p{
    margin:0 0 14px!important;
    max-width:370px!important;
    color:#e0e5eb!important;
    font-size:13px!important;
    line-height:1.46!important;
    text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
  }
  .hero-mobile__button{
    width:100%!important;
    min-height:50px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#ff9100!important;
    color:#111!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:900!important;
    box-shadow:0 14px 34px rgba(255,145,0,.16)!important;
  }
  .hero-mobile small{
    display:block!important;
    width:100%!important;
    margin-top:8px!important;
    color:#bac2cc!important;
    text-align:center!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
}
@media (max-width:420px){
  .hero-mobile{
    background-position:50% 39%!important;
  }
  .hero-mobile__logo{
    top:calc(14px + env(safe-area-inset-top))!important;
    left:15px!important;
    width:116px!important;
  }
  .hero-mobile__content{
    left:15px!important;
    right:15px!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
  }
  .hero-mobile h1{font-size:31px!important;max-width:330px!important}
  .hero-mobile p{font-size:12.5px!important;line-height:1.42!important;margin-bottom:12px!important}
  .hero-mobile__button{min-height:48px!important;font-size:15px!important}
  .hero-mobile__eyebrow{font-size:9px!important;margin-bottom:8px!important}
  .hero-mobile small{font-size:10px!important}
}
@media (max-width:390px) and (max-height:760px){
  .hero-mobile h1{font-size:28px!important}
  .hero-mobile p{font-size:11.5px!important;line-height:1.38!important}
  .hero-mobile__button{min-height:46px!important}
  .hero-mobile__content{bottom:calc(10px + env(safe-area-inset-bottom))!important}
}