@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#050b18;--panel:#0b1628;--panel2:#10213a;--text:#f1fbff;--muted:#9bb6cc;--accent:#21e6ff;--pink:#168bff;--line:rgba(91,218,255,.16);--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.topline{height:34px;background:#07152a;color:#b7f5ff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:2px}.topline-note{color:#83a8c4;font-weight:400;letter-spacing:.5px;margin-left:10px}.pulse{width:7px;height:7px;border-radius:50%;background:#21e6ff;display:inline-block;box-shadow:0 0 12px #21e6ff}.site-header{max-width:var(--max);margin:auto;padding:23px 24px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:1px;line-height:1.1}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#21e6ff,#168bff);font-size:25px;color:white}.accent{color:var(--accent)}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;color:var(--muted);letter-spacing:2.4px;margin-top:5px}nav{display:flex;gap:25px;margin-left:auto}nav a{font-size:13px;color:var(--muted)}nav a:hover,nav a.active{color:white}.header-cta{padding:11px 17px;border:1px solid #174568;border-radius:10px;font-size:12px;font-weight:700}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{max-width:var(--max);margin:auto;padding:62px 24px 82px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--accent);font-weight:700;margin-bottom:15px}.hero h1,.section h2,.community-banner h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(42px,5.4vw,68px);line-height:1.04;letter-spacing:-2.8px;margin:0 0 22px}.hero h1 span,.section h2 span{background:linear-gradient(90deg,#21e6ff,#168bff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p,.section p{max-width:520px;color:var(--muted);font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{border:0;border-radius:10px;padding:13px 18px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.primary{background:linear-gradient(100deg,#21e6ff,#168bff);color:#0c0b14;box-shadow:0 8px 30px #21e6ff22}.secondary{border:1px solid var(--line);color:#e2e3f2}.hero-stats{display:flex;gap:28px;margin-top:48px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:'Space Grotesk';font-size:15px}.hero-stats span{font-size:10px;color:var(--muted);margin-top:3px}.hero-art{position:relative;min-height:400px;display:grid;place-items:center}.cover-card{width:min(330px,78%);height:365px;position:relative;overflow:hidden;border-radius:25px;background:linear-gradient(145deg,#10385a,#071426 55%,#075b7a);border:1px solid #ffffff20;box-shadow:0 30px 100px #00cfff26;transform:rotate(3deg);z-index:1}.cover-glow{position:absolute;width:270px;height:270px;right:-70px;top:-45px;border-radius:50%;background:#00d9ff;filter:blur(65px);opacity:.6}.cover-card:before,.cover-card:after{content:"";position:absolute;border:1px solid #ffffff30;border-radius:50%;width:270px;height:270px;left:25px;top:20px}.cover-card:after{width:205px;height:205px;left:58px;top:52px}.cover-caption{position:absolute;left:28px;bottom:30px;z-index:2;display:flex;flex-direction:column}.cover-caption span,.cover-caption small{font-size:9px;letter-spacing:2px;color:#b7f5ff}.cover-caption strong{font-family:'Space Grotesk';font-size:49px;line-height:.94;letter-spacing:-2px;margin:12px 0}.equalizer{position:absolute;z-index:2;top:125px;left:55px;right:55px;height:65px;display:flex;align-items:center;justify-content:center;gap:7px}.equalizer i{width:7px;border-radius:8px;background:linear-gradient(#21e6ff,#21e6ff);height:40%;animation:wave 1s ease-in-out infinite alternate}.equalizer i:nth-child(2n){height:90%;animation-delay:.2s}.equalizer i:nth-child(3n){height:65%;animation-delay:.4s}.equalizer i:nth-child(4n){height:28%;animation-delay:.1s}@keyframes wave{to{transform:scaleY(.55)}}.orbit{position:absolute;border:1px solid #21e6ff28;border-radius:50%;width:390px;height:390px}.orbit-two{width:460px;height:460px;border-color:#168bff1b}.floating-tag{position:absolute;z-index:3;background:#0b1c31;border:1px solid var(--line);padding:12px 15px;border-radius:12px;box-shadow:0 15px 40px #0006;font-size:10px;font-weight:700}.tag-live{top:70px;right:0;display:flex;align-items:center;gap:9px}.tag-wave{bottom:48px;left:0;color:var(--accent);font-size:19px}.tag-wave span{font-size:10px;color:#ddd;margin-left:6px}.player-section{max-width:1112px;margin:0 auto 45px;padding:18px 22px;border:1px solid #ffffff14;border-radius:16px;background:linear-gradient(110deg,#0b1c31,#071426);display:flex;align-items:center;gap:25px}.player-label{display:flex;align-items:center;gap:12px;min-width:155px}.mini-icon,.track-art{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#21e6ff1b;color:var(--accent);font-size:20px}.player-label strong,.track strong{font-size:12px;display:block}.player-label small,.track small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.track{display:flex;align-items:center;gap:11px;flex:1;min-width:0}.track-art{background:linear-gradient(135deg,#087dba,#21e6ff);color:white}.track>div:last-child{min-width:0}.track strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;gap:10px;min-width:190px}.play-button{width:43px;height:43px;border:0;border-radius:50%;background:linear-gradient(135deg,#21e6ff,#168bff);font-size:16px;cursor:pointer}.player-controls span,.volume span{font-size:10px;color:var(--muted)}.volume{display:flex;align-items:center;gap:8px}.volume input{width:75px;accent-color:var(--accent)}.section{max-width:var(--max);margin:auto;padding:70px 24px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px}.intro-grid h2,.section h2{font-size:43px;letter-spacing:-1.7px;margin-bottom:0}.intro-grid p{margin-bottom:5px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h2{font-size:36px}.text-link{color:#8ceeff;font-size:11px;font-weight:700}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-height:240px}.feature-highlight{background:linear-gradient(145deg,#102b45,#0b1628);border-color:#21e6ff55}.feature-icon{width:42px;height:42px;border-radius:12px;background:#21e6ff20;color:var(--accent);display:grid;place-items:center;font-size:23px;margin-bottom:24px}.card-kicker{font-size:9px;letter-spacing:1.8px;color:var(--accent)}.feature-card h3{font-family:'Space Grotesk';font-size:21px;margin:7px 0}.feature-card p{font-size:12px;min-height:56px;margin:0 0 20px}.schedule-section{padding-top:35px}.demo-note{font-size:10px;color:#8589a1}.schedule-list{border-top:1px solid var(--line)}.schedule-item{display:flex;align-items:center;gap:20px;padding:17px 10px;border-bottom:1px solid var(--line)}.schedule-time{font-size:14px;font-weight:700;min-width:115px}.schedule-time span{color:var(--muted);font-weight:400}.schedule-badge{width:39px;height:39px;border-radius:11px;background:#21e6ff20;color:var(--accent);display:grid;place-items:center}.schedule-badge.purple{background:#21e6ff20;color:#76eaff}.schedule-badge.orange{background:#168bff20;color:#63b8ff}.schedule-info{display:flex;flex-direction:column;flex:1}.schedule-info strong{font-size:13px}.schedule-info span{font-size:11px;color:var(--muted)}.schedule-day{font-size:9px;letter-spacing:1px;color:#8ceeff}.community-banner{max-width:1112px;margin:45px auto 25px;padding:32px;display:flex;align-items:center;gap:22px;border-radius:18px;border:1px solid #21e6ff40;background:radial-gradient(ellipse at 15% 0%,#00cfff28,transparent 55%),#0b1628}.community-symbol{width:54px;height:54px;flex-shrink:0;display:grid;place-items:center;border-radius:15px;background:#21e6ff20;color:var(--accent);font-size:26px}.community-banner>div:nth-child(2){flex:1}.community-banner h2{font-size:27px;letter-spacing:-.8px;margin:0 0 6px}.community-banner p{font-size:12px;color:var(--muted);margin:0}.community-banner .eyebrow{margin-bottom:7px}.request-section{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:start}.request-section h2{font-size:45px}.request-form{padding:25px;border-radius:16px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.request-form label{font-size:11px;color:#d5d6e6;margin-top:5px}.request-form input,.request-form textarea{width:100%;background:#050d1b;border:1px solid #ffffff15;border-radius:9px;padding:12px;color:white;font:inherit;font-size:12px;outline:none}.request-form input:focus,.request-form textarea:focus{border-color:#21e6ff}.request-form textarea{min-height:80px;resize:vertical}.request-form button{margin-top:10px}.request-form small{font-size:10px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:35px 24px 25px;display:flex;align-items:center;gap:25px;max-width:1160px;margin:auto;flex-wrap:wrap}footer p{font-size:11px;color:var(--muted);flex:1}.footer-brand .brand-mark{width:35px;height:35px;font-size:20px}.footer-links{display:flex;gap:17px;font-size:10px;color:var(--muted)}.copyright{width:100%;font-size:10px;color:#71758b}
@media(max-width:900px){.site-header{gap:16px}.site-header nav{gap:14px}.header-cta{display:none}.hero{gap:15px}.player-section{margin-left:18px;margin-right:18px;flex-wrap:wrap}.player-label{min-width:130px}.track{min-width:200px}.community-banner{margin-left:18px;margin-right:18px}.volume{margin-left:auto}}
@media(max-width:680px){.topline-note{display:none}.site-header{padding:16px 20px;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}nav{display:none;order:3;width:100%;flex-direction:column;gap:0;margin:0!important;padding-top:10px}nav.open{display:flex}nav a{padding:11px 0;border-top:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px}.hero h1{font-size:48px}.hero-art{min-height:350px}.cover-card{height:315px;width:265px}.cover-caption strong{font-size:42px}.hero-stats{gap:18px}.player-section{gap:15px;padding:16px}.player-label{width:100%}.track{flex-basis:calc(100% - 15px)}.player-controls{min-width:0}.player-controls span{max-width:150px}.volume{margin-left:auto}.section{padding:48px 20px}.intro-grid,.request-section{grid-template-columns:1fr;gap:20px}.intro-grid h2,.section h2{font-size:38px}.feature-cards{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-card p{min-height:0}.section-heading{align-items:start;flex-direction:column}.schedule-item{gap:11px;padding:15px 2px}.schedule-time{min-width:91px;font-size:12px}.schedule-info span{font-size:10px}.schedule-day{display:none}.community-banner{padding:24px;align-items:flex-start;flex-wrap:wrap}.community-banner>div:nth-child(2){min-width:calc(100% - 80px)}.community-banner .btn{margin-left:76px}.request-section h2{font-size:42px}footer{gap:14px;flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}}