:root{--bg:#0b1320;--text:#f4f7fb;--muted:#b9c6d6;--accent:#2f8cff;--accent-2:#5dff9b;--card:#131e2feb;--line:#ffffff1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.hero{align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-img{object-fit:cover;width:100%;height:100%;animation:26s ease-in-out infinite alternate drift;position:absolute;inset:0}@keyframes drift{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}.hero-shade{background:linear-gradient(#0b132000 30%,#0b13208c 62%,#0b1320f5 100%);position:absolute;inset:0}.hero-copy{max-width:760px;padding:0 max(16px,6vw) max(56px,9vh);position:relative}.badge{border:1px solid var(--line);color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b132099;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:13px;display:inline-flex}.logo{color:#fff;background:linear-gradient(135deg,#2f8cff,#1f5fd0);border-radius:7px;place-items:center;width:24px;height:24px;font-weight:800;display:grid}h1{letter-spacing:-.02em;text-shadow:0 6px 30px #00000073;margin:14px 0 8px;font-size:clamp(48px,11vw,112px);font-weight:900;line-height:.95}h1 span{background:linear-gradient(90deg,#ffd166,#ff8a3d);color:#0000;-webkit-background-clip:text;background-clip:text}.tag{color:#e3eaf3;max-width:34ch;margin:0 0 26px;font-size:clamp(17px,2.4vw,22px);line-height:1.45}.tag b{color:#fff}.play{color:#062012;background:linear-gradient(#7dffb3,#2fd67a);border-radius:14px;align-items:center;gap:10px;padding:16px 30px;font-size:20px;font-weight:800;text-decoration:none;transition:transform .15s;animation:2.6s ease-in-out infinite pulse;display:inline-flex;box-shadow:0 10px 30px #2fd67a59,inset 0 1px #fff9}.play:hover,.play:focus-visible{transform:translateY(-2px)scale(1.03)}.play:focus-visible{outline-offset:3px;outline:3px solid #fff}@keyframes pulse{0%,to{box-shadow:0 10px 30px #2fd67a59,inset 0 1px #fff9}50%{box-shadow:0 10px 44px #2fd67a99,inset 0 1px #fff9}}.small{color:var(--muted);margin:14px 0 0;font-size:13px}.scroll{color:var(--muted);font-size:22px;text-decoration:none;animation:1.8s ease-in-out infinite bob;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@keyframes bob{50%{transform:translate(-50%,5px)}}main{text-align:center;max-width:1200px;margin:0 auto;padding:56px max(16px,5vw) 72px}h2{margin:0 0 30px;font-size:clamp(26px,4.2vw,40px);font-weight:800}.cards{text-align:left;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0006}.card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.card div{padding:14px 16px 18px}h3{margin:0 0 6px;font-size:18px}.card p{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.play-low{margin-top:34px}@media (prefers-reduced-motion:reduce){.hero-img,.play,.scroll{animation:none}}.gate{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pw{max-width:300px;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1320b8;border:1px solid #ffffff40;border-radius:14px;flex:220px;padding:15px 16px;font-size:17px}.pw:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.gate .play{cursor:pointer;border:0;font-family:inherit}.install{color:var(--text);cursor:pointer;background:#0b132099;border:1px solid #ffffff4d;border-radius:10px;margin-top:12px;padding:9px 16px;font:600 15px inherit}.install:hover{background:#2f8cff59}.msg{color:#ffd166;margin:10px 0 0;font-weight:600}