:root{color-scheme:dark;--bg:#0a0e18;--panel:#111725;--line:#263045;--text:#edf2fc;--muted:#a1adc4;--cyan:#68e1ee;--purple:#b5a0ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.header{height:96px;max-width:1376px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;letter-spacing:1px}.brand img{border-radius:11px}.brand small{display:block;font-size:8px;letter-spacing:2.7px;color:var(--muted);margin-top:4px}.header nav{display:flex;gap:35px;color:#bec8db;font-size:14px}.header nav a:hover,footer>a:hover{color:var(--cyan)}.header-cta{font-size:13px;border:1px solid #3b4861;padding:11px 17px;border-radius:8px}.header-cta span{margin-left:17px;color:var(--cyan)}.hero{padding-top:96px;padding-bottom:105px;display:grid;grid-template-columns:1fr 1.08fr;gap:50px;align-items:center;position:relative}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:650;display:flex;align-items:center;gap:9px}.eyebrow i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #68e1ee99}.hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.22;letter-spacing:-2px;margin:23px 0}.gradient{background:linear-gradient(110deg,#87eaf3,#bfa7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:16px;line-height:1.95;color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;gap:12px}.button{display:flex;justify-content:space-between;align-items:center;gap:22px;border-radius:8px;padding:15px 20px;font-size:14px;font-weight:650;transition:transform .18s,border-color .18s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(110deg,#80e6f2,#a5bcff);color:#07111a}.secondary{background:#182032;border:1px solid #34415b;color:#e2e9f7}.secondary:hover{border-color:#8a9aca}.hero-facts{display:flex;flex-wrap:wrap;gap:9px;font-size:10px;color:#8e9cb4;margin-top:23px}.hero-facts b{font-weight:400;color:#43526d}.stage{position:relative;background:linear-gradient(140deg,#1c2b4260,#111524);border:1px solid #42506d;border-radius:15px;box-shadow:0 25px 80px #0008,0 0 90px #527fc019;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg)}.stage-top{height:45px;display:flex;gap:8px;align-items:center;padding:0 16px;font-size:8px;letter-spacing:1.5px;color:#acbad1}.stage-tag{margin-left:auto;color:#6d819f;letter-spacing:0;font-size:9px}.stage-screen{height:298px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 25%,#26355e6b,transparent 65%),#070c16;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b}.stage-orbit{position:absolute;right:30px;top:28px;width:170px;height:170px;border:1px solid #78c5ef16;border-radius:50%;box-shadow:0 0 0 27px #78c5ef05,0 0 0 54px #78c5ef03}.stage-number{position:absolute;top:24px;left:23px;font-size:8px;letter-spacing:2px;color:#627492}.demo-lyrics{position:absolute;top:63px;left:12px;right:12px;text-align:center;font-size:26px;font-weight:700;letter-spacing:3px}.demo-lyrics p{margin:12px 0;color:#dbe3f6}.demo-lyrics p:last-child{font-size:31px}.demo-lyrics p span{background:linear-gradient(90deg,#7ce0ef 0%,#b69fff 67%,#e8eafa 67%);-webkit-background-clip:text;background-clip:text;color:transparent}.wave{position:absolute;bottom:44px;left:23px;right:23px;height:38px;display:flex;gap:3px;align-items:center;opacity:.85}.wave i{flex:1;height:var(--h);background:linear-gradient(#8ce5ee,#b4a0f8);border-radius:2px;box-shadow:0 0 10px #a4beff12}.stage-time{position:absolute;bottom:17px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:8px;color:#60708b;letter-spacing:1px}.stage-bottom{height:48px;display:flex;justify-content:center;align-items:center;gap:24px;font-size:10px;color:#acb8ce}.stage-bottom i{display:inline-block;width:4px;height:4px;border-radius:50%;margin-right:5px}.cyan{background:#73e3f0}.purple{background:#bba4ff}.green{background:#83d1ae}.features{padding-bottom:96px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{margin:12px 0 0;font-size:34px;font-weight:650;letter-spacing:-.8px}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 3px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{position:relative;border:1px solid var(--line);background:linear-gradient(150deg,#151e2b,#101522);padding:23px;border-radius:12px}.feature-icon{font-size:17px;color:#a8e4ec;display:grid;place-items:center;width:39px;height:39px;background:#6edbed0b;border:1px solid #72c9db2b;border-radius:10px}.feature-index{position:absolute;right:22px;top:25px;font-size:10px;color:#58667f}.feature-grid h3{font-size:16px;margin:21px 0 11px}.feature-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.downloads{padding:70px 0;background:#0f1421;border-top:1px solid #1e283a;border-bottom:1px solid #1e283a}.download-banner{display:flex;justify-content:space-between;gap:15px;padding:15px 18px;border:1px solid #2b3e52;border-radius:9px;background:#11222c;font-size:12px;color:#b4d9e0;margin-bottom:22px}.download-banner .live-dot{width:5px;height:5px;margin-right:7px}.download-banner a{color:#bdb9f2}.download-banner a span{margin-left:10px}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.download-card{padding:25px;background:#151c2c;border:1px solid #2c374d;border-radius:12px;min-width:0}.download-card.featured{background:linear-gradient(150deg,#182e3c,#161d30);border-color:#527787}.card-platform{display:flex;align-items:center;justify-content:space-between}.platform-icon{font-size:31px;color:#93dfec;line-height:1;font-weight:650}.platform-icon.apple{font-size:26px;letter-spacing:-4px;margin-right:4px}.platform-icon.intel{font-size:31px;font-weight:500;font-style:italic;color:#b9b0e8}.badge{font-size:9px;letter-spacing:1.5px;color:#7e90ac}.download-card h3{font-size:23px;margin:23px 0 9px;font-weight:650}.system{font-size:14px;color:#d5dded;margin:0 0 7px}.chip-note{font-size:11px;color:var(--muted);margin:0}.release{display:flex;gap:14px;margin:24px 0 15px;font-size:10px;color:#8696b2}.download-link{padding:13px 17px}.download-card details{margin-top:15px;font-size:10px;color:#8899b5}.download-card summary{cursor:pointer;width:fit-content}.download-card code{display:block;font-size:10px;word-break:break-all;line-height:1.7;margin-top:10px;color:#c0cede;user-select:all}.download-note{font-size:11px;line-height:1.9;color:#8190ab;margin:23px 0 0}.updates{padding-top:65px;padding-bottom:70px;display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.update-box,.tutorial-box{border:1px solid #263149;border-radius:12px;padding:26px;display:flex;justify-content:space-between;gap:20px;background:#101725}.update-box h2,.tutorial-box h3{font-size:20px;margin:13px 0}.update-box p,.tutorial-box p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.update-box>a{font-size:11px;color:#98dce6;white-space:nowrap;align-self:center}.coming{font-size:10px;white-space:nowrap;border:1px solid #354059;background:#1e2739;color:#a6b1c7;padding:5px 9px;border-radius:20px;height:fit-content}.support{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;padding-top:35px;padding-bottom:80px;align-items:center}.support h2{font-size:34px;line-height:1.4;margin:14px 0 20px;letter-spacing:-.8px}.support-copy>p{font-size:12px;color:var(--muted);line-height:1.9}.support-tip{display:flex;gap:14px;padding:16px 0;margin-top:21px;border-top:1px solid #273149}.support-tip>span{color:#94dbe9;font-size:26px}.support-tip strong{font-size:13px;color:#d6e3f4}.support-tip p{font-size:11px;color:#9caec8;margin:8px 0 0}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.qr-card{background:#131b2b;border:1px solid #303c53;border-radius:13px;padding:19px;text-align:center;min-width:0}.qr-open{display:block;border:0;padding:8px;background:white;border-radius:9px;width:100%;aspect-ratio:1}.qr-open img{width:100%;height:100%;object-fit:contain;display:block}.qr-card h3{font-size:17px;margin:16px 0 8px}.qr-card p{font-size:10px;color:#acb9ce;margin:0}.qr-card>span{display:block;font-size:9px;color:#6b7c98;margin-top:10px}footer{padding-top:30px;padding-bottom:30px;border-top:1px solid #243047;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:16px}footer .brand small{font-size:6px;letter-spacing:2px}footer p{font-size:11px;line-height:1.9;color:#b7c2d7;margin:0}footer p span{font-size:10px;color:#8191ad}footer>a:last-child{font-size:11px;color:#91a1bc}dialog{border:1px solid #3c4d6c;border-radius:18px;background:#141d2e;color:#edf2fc;max-width:min(94vw,520px);padding:30px;text-align:center;box-shadow:0 25px 120px #000b}dialog::backdrop{background:#030812d9;backdrop-filter:blur(8px)}dialog h2{font-size:21px;margin:6px 0 20px}dialog img{display:block;max-width:100%;height:auto;background:white;padding:16px;border-radius:10px}dialog p{font-size:12px;color:#a6b6d0}#qr-close{position:absolute;right:10px;top:7px;border:0;background:transparent;font-size:29px;color:#bac8de;padding:2px 10px}.mobile-only{display:none}
@media(min-width:1450px){.hero{padding-top:115px;padding-bottom:120px}.stage-screen{height:330px}.demo-lyrics{top:78px}.wave{bottom:51px}}
@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}.header{padding:0 30px}.hero{gap:24px;padding-top:65px;padding-bottom:75px}.hero h1{font-size:45px}.hero-facts{font-size:9px}.stage-screen{height:270px}.demo-lyrics{font-size:21px}.demo-lyrics p:last-child{font-size:25px}.stage-bottom{gap:13px;font-size:8px}.feature-grid{grid-template-columns:repeat(2,1fr)}.updates{grid-template-columns:1fr}.support{gap:27px}.qr-card{padding:12px}.support h2{font-size:29px}.section-heading h2{font-size:30px}}
@media(max-width:680px){.wrap{padding-left:21px;padding-right:21px}.header{height:79px;padding:0 21px}.brand{font-size:19px;gap:9px}.brand img{width:37px;height:37px}.brand small{font-size:7px;letter-spacing:2px}.header nav{display:none}.header-cta{font-size:11px;padding:10px 12px}.header-cta span{margin-left:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:52px;padding-bottom:58px;gap:40px}.hero h1{font-size:48px;letter-spacing:-1.7px}.lead{font-size:14px;line-height:1.9}.hero-actions{width:100%}.hero-actions .button{font-size:13px;padding:14px 16px;flex:1;gap:8px}.hero-facts{font-size:9px;gap:7px}.stage{transform:none}.stage-screen{height:270px}.demo-lyrics{font-size:25px;top:64px}.demo-lyrics p:last-child{font-size:29px}.stage-top{font-size:7px;letter-spacing:1px}.stage-bottom{font-size:9px;gap:18px}.features{padding-bottom:51px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:29px;line-height:1.35}.section-heading>p{margin-top:17px;font-size:12px}.feature-grid{gap:11px}.feature-grid article{padding:18px 15px}.feature-grid h3{font-size:15px;margin-top:17px}.feature-grid p{font-size:11px}.feature-index{right:15px;top:20px}.downloads{padding-top:48px;padding-bottom:43px}.download-banner{flex-direction:column;gap:11px;font-size:11px;padding:15px}.download-grid{grid-template-columns:1fr;gap:14px}.download-card{padding:23px}.download-card h3{margin-top:19px}.release{margin-top:20px}.updates{padding-top:40px;padding-bottom:43px}.update-box,.tutorial-box{padding:21px}.update-box .eyebrow,.tutorial-box .eyebrow{font-size:9px}.update-box h2{font-size:19px}.update-box>a{font-size:10px}.support{display:flex;flex-direction:column;align-items:stretch;padding-top:8px;padding-bottom:45px;gap:23px}.support h2{font-size:30px}.support-tip{margin-top:15px;padding-bottom:0}.qr-card{padding:12px}.qr-card>span{font-size:9px}.qr-card h3{margin-top:14px}.qr-card p{font-size:10px}footer{align-items:start;flex-wrap:wrap;padding-top:25px;padding-bottom:25px;gap:20px}footer .brand{width:100%}footer p{font-size:10px}footer>a:last-child{font-size:10px}.mobile-only{display:block}dialog{padding:25px 18px}dialog img{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}