:root{
  --bg:#07090d;--panel:#0d1118;--panel2:#111722;--text:#f7f8fb;--muted:#9aa4b4;
  --line:rgba(255,255,255,.09);--accent:#63e6be;--accent2:#49a7ff;--max:1160px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 8%,#10243a 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}.nav{height:76px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#35a7ff);color:#041018;font-weight:950}
.desktop-nav{display:flex;gap:32px;color:var(--muted);font-size:14px}.desktop-nav a:hover{color:var(--text)}.nav-download{padding:10px 17px;border:1px solid var(--line);border-radius:10px;font-size:14px}
.hero{max-width:var(--max);margin:auto;padding:100px 24px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px;box-shadow:0 0 16px var(--accent)}
h1{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:0 0 26px}h1 span{background:linear-gradient(90deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text,.section-head>p{font-size:18px;color:var(--muted);max-width:610px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:12px;padding:14px 20px;font-weight:800;border:1px solid var(--line);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--text);color:#080a0e}.btn.secondary{color:var(--text);background:rgba(255,255,255,.04)}.btn.large{padding:17px 24px}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#778293;font-size:12px}
.player-wrap{position:relative}.glow{position:absolute;inset:8% 4%;background:linear-gradient(120deg,#37d7b0,#328cff);filter:blur(70px);opacity:.22}.player{position:relative;background:#0b0f15;border:1px solid rgba(255,255,255,.13);border-radius:18px;overflow:hidden;box-shadow:0 35px 90px #0009}.player-top{height:44px;background:#111721;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid var(--line)}.window-dot{width:8px;height:8px;border-radius:50%;background:#586170}.player-title{font-size:11px;color:#8993a2;margin:auto}.window-control{font-size:10px;color:#677282}.player-body{display:flex;min-height:350px}.sidebar{width:110px;padding:22px 10px;background:#0d131c;border-right:1px solid var(--line);font-size:11px;color:#7d899a}.sidebar div{padding:11px 9px;border-radius:8px;margin-bottom:5px}.sidebar .side-active{background:#17242c;color:var(--accent)}.screen{flex:1;padding:18px}.screen-art{height:245px;border-radius:12px;background:radial-gradient(circle at 60% 40%,#1c6b75,transparent 22%),linear-gradient(135deg,#111827,#0a1b2a 55%,#152b23);display:grid;place-items:center}.play{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#ffffff18;border:1px solid #fff4;font-size:17px}.channel-meta{display:flex;justify-content:space-between;padding:14px 2px;font-size:12px}.channel-meta small{display:block;color:#778293;margin-top:2px}.channel-meta span{color:var(--accent);font-weight:800}.progress{height:3px;background:#202a36;border-radius:4px}.progress i{display:block;width:48%;height:100%;background:var(--accent);border-radius:4px}
.platforms{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 24px;text-align:center;color:#697486;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.platform-row{max-width:900px;margin:18px auto 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#b7bec9;font-weight:900;font-size:16px;letter-spacing:-.03em}
.section{max-width:var(--max);margin:auto;padding:105px 24px}.section-head{text-align:center;margin-bottom:50px}.section-head>p{margin:14px auto 0;font-size:16px}.section h2,.download h2,.final-cta h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em;line-height:1.05;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{background:linear-gradient(180deg,#0d121a,#0a0e14);border:1px solid var(--line);padding:28px;border-radius:16px}.feature:hover{border-color:#ffffff22;transform:translateY(-2px)}.icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#13221f;color:var(--accent);font-weight:900;margin-bottom:24px}.feature h3{margin:0 0 8px;font-size:17px}.feature p{margin:0;color:var(--muted);font-size:14px}
.stats{max-width:1000px;margin:auto;padding:55px 24px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font-size:34px;letter-spacing:-.04em}.stats span{color:#737e8d;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.download-card{padding:55px;border-radius:22px;background:linear-gradient(120deg,#10241f,#101a25);border:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:40px}.download-card p{color:var(--muted);max-width:650px}.download-note{text-align:center;color:#667183;font-size:12px}.download code,details code{color:var(--accent)}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.review{padding:28px;border:1px solid var(--line);border-radius:16px;background:#0c1118}.stars{color:#ffd36a;letter-spacing:2px}.review p{color:#c2c8d1;margin:22px 0}.review b{display:block}.review small{color:#687486}
.faq{max-width:850px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:750;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--accent);font-size:20px}details[open] summary:after{content:"−"}details p{color:var(--muted);margin:14px 30px 0 0}
.final-cta{text-align:center;padding:100px 24px 120px;background:radial-gradient(circle at center,#112d2a,transparent 55%)}.final-cta .eyebrow{margin-bottom:14px}.final-cta .btn{margin-top:28px}
footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:45px 24px 25px;color:#758092}.footer-main{display:flex;justify-content:space-between;gap:30px}.footer-main p{font-size:13px;max-width:300px}.footer-links{display:flex;gap:20px;font-size:13px;flex-wrap:wrap}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:11px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:65px}.feature-grid,.review-grid{grid-template-columns:1fr 1fr}.player{max-width:680px;margin:auto}.desktop-nav{display:none}.download-card{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr 1fr;gap:28px}.stats div:nth-child(2){border:0}.stats div{border-bottom:1px solid var(--line);padding-bottom:20px}}
@media(max-width:560px){.hero{padding-left:18px;padding-right:18px}.nav{padding:0 18px}h1{font-size:45px}.hero-text{font-size:16px}.sidebar{width:72px}.sidebar span{display:none}.screen-art{height:190px}.feature-grid,.review-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.platform-row{justify-content:center}.download-card{padding:30px}.footer-main{flex-direction:column}}