:root{--brand:#35d08f;--bg:#07111f;--banner-h:76px;--ticker-h:68px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02060c;font-family:Inter,Segoe UI,Arial,sans-serif;color:#fff}#player{position:relative;width:100vw;height:100vh;background:var(--bg);overflow:hidden}#stage,.slide,.slide img,.slide video{position:absolute;inset:0;width:100%;height:100%}.slide{opacity:0;transition:opacity .8s ease;background:var(--bg)}.slide.active{opacity:1}.slide img,.slide video{object-fit:cover}.slide.contain img,.slide.contain video{object-fit:contain}.demo-slide{position:absolute;inset:0;padding:12vh 8vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 78% 22%,rgba(53,208,143,.25),transparent 28%),linear-gradient(145deg,#06111f,#0c2940 56%,#08131e);opacity:0;transition:.6s}.demo-slide.active{opacity:1}.demo-slide span{color:var(--brand);font-weight:800;letter-spacing:.3em;font-size:clamp(14px,1.5vw,24px)}.demo-slide h1{font-size:clamp(48px,7vw,120px);line-height:.98;max-width:900px;margin:.25em 0}.demo-slide p{font-size:clamp(20px,2vw,34px);max-width:850px;color:#c4d4df}.announcement{position:absolute;z-index:20;left:0;right:0;top:0;min-height:var(--banner-h);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 80px;background:linear-gradient(90deg,rgba(3,12,22,.93),rgba(12,40,59,.88),rgba(3,12,22,.93));border-bottom:2px solid var(--brand);font-weight:800;font-size:clamp(18px,2vw,34px);letter-spacing:.035em;text-shadow:0 2px 10px #000}.announcement.hidden,#ticker.hidden{display:none}.logo-card{position:absolute;inset:0;z-index:25;display:none;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(30,57,75,.97),rgba(3,9,16,.99))}.logo-card.visible{display:flex}.logo-card img{max-width:58%;max-height:45%;object-fit:contain;filter:drop-shadow(0 16px 50px rgba(0,0,0,.5))}#ticker{position:absolute;z-index:30;left:0;right:0;bottom:0;height:var(--ticker-h);display:flex;background:rgba(2,8,14,.95);border-top:2px solid var(--brand);overflow:hidden}.ticker-window{position:relative;flex:1;overflow:hidden;display:flex;align-items:center}.ticker-window div{position:absolute;white-space:nowrap;font-size:clamp(20px,2vw,34px);font-weight:650;animation:ticker 24s linear infinite;padding-left:100%}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-100%)}}#status-dot{position:absolute;z-index:40;width:10px;height:10px;border-radius:50%;right:14px;top:14px;background:#f59e0b;box-shadow:0 0 12px currentColor}.setup-note{position:fixed;z-index:100;right:22px;bottom:88px;display:grid;gap:5px;max-width:380px;padding:18px 20px;border-radius:14px;background:#fff;color:#16202b;box-shadow:0 16px 60px rgba(0,0,0,.4)}.setup-note strong{font-size:18px}.setup-note span{font-size:14px}.setup-note a{color:#087f5b;font-weight:750}.hidden{display:none!important}@media(orientation:portrait){:root{--banner-h:92px;--ticker-h:82px}.demo-slide{padding:14vh 7vw}.demo-slide h1{font-size:clamp(54px,10vw,110px)}}