:root{--color-bg:#f4f5f7;--color-surface:#ffffff;--color-text:#1a1c23;--color-text-muted:#6b7280;--font-sans:'Inter',system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--color-bg:#0e1014;--color-surface:#181b22;--color-text:#e7e9ee;--color-text-muted:#9aa1ac}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%}body.promo-body{background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased}.promo-page{width:100%;min-height:100vh;display:flex;flex-direction:column}.promo-hero{position:relative;width:100%;height:58vh;min-height:320px;max-height:620px;overflow:hidden;background:linear-gradient(135deg,#1d4ed8,#d62828);flex-shrink:0}.promo-hero-backdrop{position:absolute;inset:-5%;background-size:cover;background-position:center;filter:blur(50px) brightness(0.55);transform:scale(1.15)}.promo-carousel{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:1}.promo-carousel::-webkit-scrollbar{display:none}.promo-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4vh 6%;scroll-snap-align:center;scroll-snap-stop:always}.promo-slide picture{display:block;width:100%;height:100%}.promo-slide-image{display:block;width:100%;height:100%;object-fit:contain}.promo-carousel-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:6px;pointer-events:none}.promo-dot{width:7px;height:7px;padding:0;border:none;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;pointer-events:auto;transition:width 0.2s ease,background 0.2s ease}.promo-dot.active{width:20px;border-radius:4px;background:#ffffff}.promo-content{flex:1;padding:32px 24px 56px;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%}.promo-name{font-size:clamp(1.5rem,5vw,2rem);font-weight:800;line-height:1.25;margin:0 0 22px;letter-spacing:-0.01em}.promo-play-btn{display:inline-flex;align-items:center;gap:12px;background:#000000;color:#ffffff;text-decoration:none;border-radius:10px;padding:12px 22px;box-shadow:0 8px 24px rgba(0,0,0,0.25);transition:transform 0.15s ease,box-shadow 0.15s ease;-webkit-tap-highlight-color:transparent}.promo-play-btn:active{transform:scale(0.97)}@media (hover:hover){.promo-play-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,0.32)}}.promo-play-icon{width:30px;height:30px;flex-shrink:0}.promo-play-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.promo-play-small{font-size:0.68rem;letter-spacing:0.04em;color:#cbd5e1}.promo-play-large{font-size:1.25rem;font-weight:600}.promo-description{margin-top:28px;max-width:480px;color:var(--color-text-muted);font-size:1rem;line-height:1.6}.promo-description p{margin:0 0 12px}.promo-description p:last-child{margin-bottom:0}.promo-more-apps{margin-top:40px;padding-top:24px;width:100%;max-width:480px;border-top:1px solid rgba(127,127,127,0.2)}.promo-more-apps-title{margin:0 0 14px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--color-text-muted)}.promo-more-apps-list{display:flex;gap:18px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.promo-more-apps-list::-webkit-scrollbar{display:none}.promo-more-apps-item{flex:0 0 68px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--color-text);text-align:center}.promo-more-apps-icon{width:64px;height:64px;border-radius:16px;object-fit:cover;box-shadow:0 4px 14px rgba(0,0,0,0.18);display:block}.promo-more-apps-icon-placeholder{background:linear-gradient(135deg,#1d4ed8,#d62828)}.promo-more-apps-name{font-size:0.72rem;line-height:1.25;color:var(--color-text-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:640px) and (max-width:899.98px){.promo-hero{height:64vh;max-height:680px}.promo-content{padding:40px 48px 64px}.promo-name{font-size:2.1rem}.promo-description{font-size:1.05rem}}@media (min-width:900px){.promo-page{flex-direction:row;min-height:100vh}.promo-hero{width:50%;height:100vh;max-height:none;position:sticky;top:0;flex-shrink:0;background:#05070a}.promo-slide{padding:6vh 6%}.promo-content{width:50%;min-height:100vh;align-items:flex-start;justify-content:center;text-align:left;padding:56px clamp(40px,6vw,96px);background:var(--color-surface)}.promo-name{font-size:clamp(2rem,3vw,2.75rem)}.promo-description{max-width:440px}}@media (min-width:1440px){.promo-hero{width:55%}.promo-content{width:45%}}