/* Blue glass, with a warm emerald secondary accent. */
:root{--emerald:#39b85f;--glass-edge:rgba(196,218,255,.24)}
body{background:radial-gradient(ellipse 650px 700px at 95% 12%,#14386a66,transparent 75%),radial-gradient(ellipse 500px 550px at 56% 21%,#17613130,transparent 75%),#0b1120}
.header{top:12px;height:78px;margin-top:12px;padding:0 22px;border:1px solid var(--glass-edge);border-radius:22px;background:linear-gradient(120deg,#ffffff0e,#ffffff03),#101c32cc;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);box-shadow:inset 0 1px 0 #ffffff1a,0 12px 40px #0003}
.brand-mark{filter:drop-shadow(0 3px 7px #176be747)}
.nav-cta,.primary{position:relative;overflow:hidden;background:linear-gradient(165deg,#4e97f4 0%,#226add 52%,#174fb4 100%);color:#fff;border:1px solid #89bbff80;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #10377d,0 5px 18px #0d52c540;text-shadow:0 1px 1px #123d7855}
.nav-cta::before,.primary::before{content:"";position:absolute;inset:1px 1px 48%;border-radius:11px 11px 45% 45%;background:linear-gradient(#ffffff28,#ffffff02);pointer-events:none}
.nav-cta:hover,.primary:hover,.platform-button:hover{background:linear-gradient(165deg,#60a6ff,#2774e9 60%,#205cc8);color:#fff;border-color:#b7d5ff;box-shadow:inset 0 1px 0 #ffffff88,0 7px 25px #1267e84d}
.hero{position:relative;isolation:isolate;padding-top:75px}
.hero::before{content:"";position:absolute;width:420px;height:420px;right:4%;top:90px;background:radial-gradient(circle,#2262ca38,transparent 65%);filter:blur(25px);z-index:-1;pointer-events:none}
.hero-actions .buy-main{box-shadow:inset 0 1px 0 #ffffff75,0 8px 28px #0d52c54d}
.hero-buy-options a{background:linear-gradient(160deg,#ffffff12,#ffffff03),#14233d9c;border:1px solid #86aeeb50;border-radius:11px;box-shadow:inset 0 1px 0 #ffffff16,0 4px 14px #0002;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hero-buy-options a:hover{background:linear-gradient(160deg,#ffffff20,#ffffff08),#1b3655;border-color:#a7cbff80}
.status-dot,.green-dot{background:var(--emerald);box-shadow:0 0 10px #39b85f55}
.demo-stage{border-radius:27px;border:1px solid #b6d1ff45;background:radial-gradient(ellipse at 0 100%,#1b6e3538,transparent 55%),linear-gradient(145deg,#d4e5ff17,#6295dd0a 45%,#ffffff05),#101e3280;backdrop-filter:blur(25px) saturate(140%);-webkit-backdrop-filter:blur(25px) saturate(140%);box-shadow:inset 0 1px 0 #fff4,inset 1px 0 0 #ffffff12,inset 0 -1px 0 #ffffff10,0 28px 70px #0004,0 0 70px #145cba16;overflow:hidden}
.stage-top{color:#bdcce1}
.link-ticket{border-radius:14px;border-color:#a8d4b645;background:linear-gradient(140deg,#85b99524,#ffffff08),#13362470;box-shadow:inset 0 1px 0 #dcffe62b,0 9px 22px #0002;transform:none}
.link-ticket small{color:#b0c4b6}.link-ticket code{color:#f0f8f2}.tiny-icon{color:var(--emerald)}
.ticket-button{color:#fff;background:linear-gradient(145deg,#44bf66,#18813c);border:1px solid #83d59366;box-shadow:inset 0 1px 0 #ffffff66,0 2px 8px #08251250}
.connector span{background:linear-gradient(#39b85f80,#70a7ff80)}.connector small{color:#d1dde9}
.desktop-bar{border-radius:10px;background:linear-gradient(#ffffff13,#ffffff04),#263a55a6;border-color:#a3c0eb48;box-shadow:inset 0 1px 0 #ffffff24,0 4px 12px #0002;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.desktop-bar button{border-radius:6px;background:#6b9cda30}
.app-menu{border-radius:19px;border-color:#bdd7ff48;background:linear-gradient(135deg,#ffffff13,#ffffff03 70%),#12263edb;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff3b,inset 1px 0 0 #ffffff14,0 18px 34px #0005,0 0 24px #214d8b12}
.app-heading{padding-top:18px;padding-bottom:16px;background:linear-gradient(100deg,#ffffff05,transparent)}
.menu-divider,.app-foot{border-color:#bdd7ff22}.menu-divider{background:#bdd7ff22}
.stream-row:hover,.menu-action:hover{background:#a7caff12}
.mini-play{color:var(--emerald)}.demo-caption>span{color:var(--emerald)}
.principles{background:linear-gradient(100deg,#42669212,#1b5b2d12);border-color:#a7c4ef20;box-shadow:inset 0 1px 0 #ffffff05}
.principles i{color:var(--emerald)}
.step-visual{background:linear-gradient(140deg,#c7dcff12,#ffffff03),#15233a99;border:1px solid #a5c5f92b;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff1a,0 6px 18px #0002}
.player-visual small,.player-visual>span{color:var(--emerald)}.player-visual>div{background:linear-gradient(to right,var(--emerald) 65%,#3d5578 65%)}
.details-section{background:radial-gradient(ellipse at 90% 25%,#b3cafa66,transparent 65%),radial-gradient(ellipse at 10% 100%,#a6c2ab33,transparent 50%),#edf2fb;border-top:1px solid #fff9;border-bottom:1px solid #fff8;box-shadow:inset 0 1px 0 #fff}
.details .eyebrow{color:#21713b}.feature-list article>span{color:#24753d}
.big-symbol{border-radius:27px;background:linear-gradient(135deg,#ffffff80,#ffffff20);padding:9px;border:1px solid #fff9;box-shadow:inset 0 1px 0 #fff,0 15px 28px #20376520;transform:none}
.feature-list article{background:linear-gradient(110deg,#ffffff35,transparent);padding-left:16px;padding-right:16px}
.platforms{gap:18px;border:0}
.platforms article,.platforms article:first-child,.platforms article:last-child{padding:28px 24px;border:1px solid #a8c6f238;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#3d825129,transparent 70%),linear-gradient(140deg,#c2d9ff13,#ffffff03),#122039b3;box-shadow:inset 0 1px 0 #ffffff2b,0 14px 32px #0002;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.platform-button{border-radius:12px}.os-icon{color:#e3edff}
.questions details{border-color:#a9c6ee2b}.questions summary>span{color:var(--emerald)}
.closing>p .accent{color:var(--emerald)}
@media(max-width:1000px){.platforms{gap:12px}.platforms article,.platforms article:first-child,.platforms article:last-child{padding:24px 17px}}
@media(max-width:760px){.header{top:8px;margin-top:8px;height:72px;padding:0 12px;border-radius:18px}.brand{gap:7px;font-size:18px}.brand-mark{height:29px;width:29px}.nav-cta{font-size:10px;padding:11px 12px;gap:9px}.hero{padding-top:42px}.demo-stage{border-radius:23px}.hero::before{width:280px;height:360px;top:500px;right:0}.platforms{gap:14px}.platforms article,.platforms article:first-child,.platforms article:last-child{padding:24px 20px}.feature-list article{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-transparency:reduce){.header{background:#101c32}.demo-stage{background:#14253c}.app-menu{background:#1b3048}.desktop-bar{background:#30445f}.link-ticket{background:#203b2b}.hero-buy-options a{background:#172b44}.platforms article{background:#16273f}}