:root{font-family:Arial,sans-serif;color:#f4f4f7;background:#0a0b10;color-scheme:dark;--lime:#c3f36b;--muted:#a0a2b2}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}header,main,footer{max-width:1240px;margin:auto;padding-inline:48px}header{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;direction:ltr;font-size:22px;letter-spacing:2px}.brand img{width:43px;height:43px;border-radius:12px}.top-link{font-size:14px;color:#c9cad4;border:1px solid #333540;padding:12px 18px;border-radius:12px}.ambient{position:absolute;inset:0 0 auto;height:900px;background:radial-gradient(ellipse at 15% 22%,#3c4d243b,transparent 53%),radial-gradient(ellipse at 90% 60%,#35295626,transparent 55%);pointer-events:none;z-index:-1}.hero{padding:75px 0 88px;position:relative;isolation:isolate}.eyebrow{display:inline-block;color:var(--lime);font-size:13px;border:1px solid #c3f36330;border-radius:20px;padding:8px 14px}h1{font-size:clamp(54px,7vw,90px);line-height:1.05;letter-spacing:-3px;margin:25px 0}h1 span{color:var(--lime)}.hero p{color:#b2b4c1;font-size:20px;line-height:1.8;margin:25px 0 30px}.primary{display:inline-flex;gap:45px;justify-content:space-between;background:var(--lime);padding:17px 25px;color:#18200e;border-radius:13px;font-size:16px;font-weight:bold}.hero small{display:block;font-size:12px;color:#9193a3;margin-top:17px}.hero-mark{position:absolute;left:2%;top:10%;width:370px;height:420px;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);z-index:-1;border:1px solid #c3f36b1a;background:linear-gradient(135deg,#20272b44,#10111688);border-radius:55px;box-shadow:0 30px 100px #0007}.hero-mark img{width:235px;height:235px;box-shadow:0 0 100px #c3f36b15;border-radius:48px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:12px 0 27px}.section-title h2{font-size:25px;font-weight:500}.section-title>span{font-size:10px;letter-spacing:3px;color:#747787}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(145deg,#1b1d26,#121319);border:1px solid #30323d;border-radius:24px;padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column}.card.available{border-color:#c3f36b50}.badge{font-size:11px;background:#c3f36b17;color:var(--lime);border:1px solid #c3f36b32;border-radius:20px;padding:6px 10px;align-self:flex-start}.badge.upcoming{background:#ffffff08;color:#a9abba;border-color:#ffffff15}.device{margin:35px auto;color:var(--lime);display:flex;align-items:center;justify-content:center;border:2px solid #515566;background:linear-gradient(135deg,#353d2b88,#101116);box-shadow:10px 14px 35px #0008;transform:rotate(-9deg)}.device.phone{width:79px;height:135px;border-radius:19px}.device.phone:before{content:'';position:absolute;top:7px;width:26px;height:5px;background:#090b10;border-radius:10px}.device span{font-size:40px;font-weight:bold}.device.android{transform:rotate(9deg);background:linear-gradient(135deg,#34434f88,#101116)}.device.tv{width:172px;height:110px;border-radius:10px;margin-top:48px;margin-bottom:52px;transform:rotate(-5deg)}.device.tv:after{content:'';width:60px;height:5px;background:#515566;position:absolute;bottom:-14px}.device.tv .play{font-size:15px;color:white;margin-right:8px}.platform-name{font-size:12px;letter-spacing:1px;color:#afb2c1;direction:ltr;display:block;text-align:right}.card h3{font-size:24px;margin:12px 0}.card p{font-size:14px;line-height:1.8;color:var(--muted);min-height:55px}.card button{display:flex;justify-content:space-between;align-items:center;border:1px solid #c3f36b55;border-radius:12px;padding:14px;background:var(--lime);color:#152008;font-weight:bold;margin-top:15px}.card button:disabled{cursor:default;background:#242631;border-color:#343745;color:#898c9d}.card small{font-size:10px;color:#7e8191;line-height:1.6;text-align:center;margin-top:12px}.browser-strip{margin:48px 0 70px;padding:27px 30px;border:1px solid #30323d;border-radius:18px;display:flex;justify-content:space-between;align-items:center;background:#111218}.browser-strip h2{font-size:19px;margin:0 0 8px}.browser-strip p{font-size:14px;color:var(--muted);margin:0}.browser-strip a{color:var(--lime);font-size:14px}footer{border-top:1px solid #252731;padding-block:28px;display:flex;align-items:center;gap:25px;flex-wrap:wrap;color:#747787;font-size:11px}footer .brand{font-size:15px;color:#ededf2}footer .brand img{width:30px;height:30px}footer>span:last-child{margin-right:auto}dialog{background:#161820;color:#f3f4f8;border:1px solid #404352;border-radius:22px;padding:32px;width:min(460px,92vw);max-height:90dvh;line-height:1.8}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:26px}dialog li{margin:10px 0}dialog p{color:#aeb1c1}.close{float:left;background:transparent;border:0;color:#b9bdca;font-size:28px}.note{font-size:12px;border-top:1px solid #353744;padding-top:16px}dialog .primary{width:100%;justify-content:center}@media(max-width:950px){.hero-mark{width:260px;height:310px;left:0;top:18%}.hero-mark img{width:170px;height:170px}.cards{gap:12px}.card{padding:18px}.card h3{font-size:20px}}@media(max-width:700px){header,main,footer{padding-inline:22px}header{height:85px}.brand{font-size:18px}.top-link{font-size:12px;padding:10px}.hero{padding:45px 0 55px}.hero p{font-size:17px}.hero-mark{width:150px;height:190px;left:-25px;top:20%;opacity:.25}.hero-mark img{width:115px;height:115px}.cards{grid-template-columns:1fr}.card{padding:24px}.device{margin-top:25px;margin-bottom:25px}.device.tv{margin-top:38px;margin-bottom:42px}.section-title>span{display:none}.browser-strip{padding:22px;gap:15px;align-items:flex-start;flex-direction:column;margin-bottom:40px}footer>span:last-child{margin-right:0;width:100%}}

.device-suggestion{color:#c3f36b;background:#c3f36b0d;border:1px solid #c3f36b30;border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.7;margin-bottom:24px}.card.recommended{outline:2px solid #c3f36b;outline-offset:3px}
