@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --bg:#050509; --panel:#0b0b12; --text:#f2f0f6; --muted:#8b8796;
  --line:rgba(255,255,255,.12); --accent:#b99cff; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Grotesk",system-ui,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at 75% 15%,rgba(130,92,255,.16),transparent 30%),
radial-gradient(circle at 10% 60%,rgba(75,110,255,.08),transparent 28%);z-index:-2}
.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.nav{height:76px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.logo{font-weight:700;letter-spacing:.18em;font-size:17px}.logo span{font-size:8px;vertical-align:top;margin-left:3px}
nav{display:flex;gap:34px;color:#aaa5b3;font:12px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}
nav a:hover,.socials a:hover{color:white}.nav-pill{font:11px "DM Mono",monospace;border:1px solid var(--line);padding:10px 16px;border-radius:999px}
.hero{min-height:calc(100vh - 76px);max-width:var(--max);margin:auto;padding:90px 28px 60px;position:relative;overflow:hidden;display:flex;align-items:center}
.hero-copy{position:relative;z-index:2}.eyebrow{font:11px "DM Mono",monospace;letter-spacing:.22em;color:var(--muted);margin:0 0 18px}
h1{font-size:clamp(76px,16vw,190px);line-height:.78;letter-spacing:-.08em;margin:0;font-weight:700}
.hero-sub{font-size:clamp(19px,2.5vw,30px);line-height:1.2;color:#bbb7c3;margin:30px 0 34px;letter-spacing:-.02em}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;gap:18px;align-items:center;padding:14px 20px;border-radius:999px;font-size:13px}.primary{background:#eeeaf5;color:#09090d}.ghost{border:1px solid var(--line)}
.hero-orbit{position:absolute;width:58vw;height:58vw;max-width:700px;max-height:700px;right:-10%;top:7%;border-radius:50%;opacity:.9}
.orbit{position:absolute;inset:0;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:rotate(24deg)}.orbit-b{inset:10%;transform:rotate(-48deg);border-color:rgba(185,156,255,.18)}
.planet{position:absolute;width:31%;height:31%;left:35%;top:34%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bda8ff 0,#6f52b7 24%,#181222 63%,#07070b 100%);box-shadow:0 0 100px rgba(145,105,255,.28)}
.star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 12px #fff}.s1{left:8%;top:22%}.s2{right:14%;top:16%}.s3{left:22%;bottom:18%}.s4{right:26%;bottom:9%}.s5{left:50%;top:4%}
.scroll{position:absolute;bottom:22px;left:28px;color:#65616d;font:10px "DM Mono",monospace;letter-spacing:.15em}.scroll span{margin-left:8px}
.section{max-width:var(--max);margin:auto;padding:110px 28px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-head h2,.about h2,.connect h2{font-size:clamp(38px,6vw,76px);line-height:.9;letter-spacing:-.055em;margin:0}.muted{color:#55515e;font:11px "DM Mono",monospace}
.release-feature{display:grid;grid-template-columns:minmax(300px,520px) 1fr;gap:56px;align-items:center}
.cover-placeholder{aspect-ratio:1;background:radial-gradient(circle at 70% 25%,#a78cff 0,#3e2e6e 24%,#12101d 55%,#050509 100%);position:relative;overflow:hidden;display:flex;align-items:end;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.45)}
.cover-placeholder:after{content:"";position:absolute;width:70%;height:70%;border:1px solid rgba(255,255,255,.2);border-radius:50%;left:15%;top:15%;transform:rotate(25deg)}.cover-word{font-size:clamp(55px,9vw,110px);font-weight:700;letter-spacing:-.09em;z-index:1}.cover-mark{position:absolute;right:24px;top:24px;font:9px "DM Mono",monospace;letter-spacing:.12em;z-index:2}
.tag{font:10px "DM Mono",monospace;color:var(--accent);letter-spacing:.16em}.release-info h3{font-size:clamp(45px,6vw,78px);margin:10px 0;letter-spacing:-.06em}.description{max-width:480px;color:#9d99a5;line-height:1.7;font-size:15px}.release-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font:11px "DM Mono",monospace;text-transform:uppercase}.release-links a{border-bottom:1px solid #55515e;padding-bottom:7px}
.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.release-card{border:1px solid var(--line);padding:12px;display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:center;background:rgba(255,255,255,.02)}.release-card:hover{background:rgba(255,255,255,.05)}.mini-cover{aspect-ratio:1;padding:8px;font-size:12px;font-weight:700;display:flex;align-items:end;letter-spacing:-.04em}.c1{background:linear-gradient(135deg,#111,#6b56a1)}.c2{background:linear-gradient(135deg,#0c0c11,#34344e)}.c3{background:linear-gradient(135deg,#15101d,#a67cff)}.release-card span{font:8px "DM Mono",monospace;color:#66616d}.release-card h4{margin:5px 0 0;font-size:15px}.release-card b{font-size:16px;font-weight:400}
.about{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-mark{font-size:clamp(170px,28vw,340px);line-height:.65;font-weight:700;letter-spacing:-.15em;color:#12111a}.about-copy p:not(.eyebrow){max-width:680px;color:#a7a2af;line-height:1.75;font-size:16px}.facts{display:flex;gap:50px;margin-top:38px}.facts div{display:grid;gap:7px}.facts strong{font-size:27px}.facts span{font:9px "DM Mono",monospace;color:#66616d;text-transform:uppercase}
.visual-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.visual-card{height:340px;border:1px solid var(--line);padding:22px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(167,140,255,.22),transparent 28%),linear-gradient(135deg,#0c0c12,#11101a)}.visual-card:after{content:"";position:absolute;width:150%;height:80%;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-30%;bottom:-25%;transform:rotate(-17deg)}.visual-card.tall{height:520px;background:radial-gradient(circle at 25% 70%,rgba(94,130,255,.16),transparent 30%),linear-gradient(145deg,#0a0a0e,#171323)}.visual-card span{font:9px "DM Mono",monospace;color:#68636f}.visual-card h3{position:absolute;left:22px;bottom:20px;font-size:38px;line-height:.8;letter-spacing:-.06em;z-index:1}
.connect{text-align:center;border-top:1px solid var(--line)}.connect .eyebrow{margin-bottom:26px}.socials{display:grid;grid-template-columns:repeat(5,1fr);margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.socials a{padding:20px 12px;border-right:1px solid var(--line);font:11px "DM Mono",monospace}.socials a:last-child{border-right:0}.socials span{float:right;color:#55515e}
footer{max-width:var(--max);margin:auto;padding:35px 28px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#57525f;font:9px "DM Mono",monospace;letter-spacing:.06em}footer .logo{color:#aaa5b3;font:700 13px "Space Grotesk",sans-serif}
@media(max-width:800px){nav{display:none}.hero{min-height:780px;padding-top:50px}.hero-orbit{width:115vw;height:115vw;right:-40%;top:38%;opacity:.6}.hero-copy{align-self:flex-start}.release-feature,.about{grid-template-columns:1fr;gap:35px}.release-grid{grid-template-columns:1fr}.about-mark{display:none}.visual-grid{grid-template-columns:1fr}.visual-card,.visual-card.tall{height:300px}.socials{grid-template-columns:1fr 1fr}.socials a:nth-child(2n){border-right:0}.socials a{border-bottom:1px solid var(--line)}footer{gap:20px;flex-wrap:wrap}}