@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-deep:#0d0f14;--bg-mid:#13151c;--bg-surface:#1a1d27;--bg-raised:#222638;--bg-overlay:#0d0f14d9;--fg-1:#e8eaf0;--fg-2:#9399ad;--fg-3:#545870;--fg-inverse:#0d0f14;--accent-indigo:#6674e8;--accent-indigo-soft:#8892f0;--accent-indigo-dim:#6674e826;--accent-indigo-glow:#6674e82e;--accent-mist:#c2c8e8;--accent-mist-dim:#c2c8e81f;--accent-warm:#d4a96a;--accent-warm-dim:#d4a96a26;--accent-jade:#6b9b87;--accent-jade-soft:#88b3a1;--accent-jade-dim:#6b9b8721;--accent-parchment:#d4c4a0;--bg-workbench:#14110d;--color-success:#5cb88a;--color-warning:#d4a96a;--color-error:#e06c6c;--color-info:#6674e8;--border-subtle:#ffffff0f;--border-mid:#ffffff1f;--border-strong:#fff3;--border-accent:#6674e859;--font-display:"DM Serif Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-base:14px;--text-lg:15px;--text-xl:16px;--text-2xl:17px;--text-3xl:22px;--text-4xl:28px;--text-5xl:32px;--text-6xl:36px;--text-7xl:44px;--text-8xl:88px;--text-hero-fluid:clamp(44px, 6.5vw, 88px);--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.6;--leading-loose:1.75;--tracking-display:-.025em;--tracking-title:-.02em;--tracking-tight:-.01em;--tracking-normal:0em;--tracking-wide:.04em;--tracking-wider:.08em;--tracking-widest:.12em;--tracking-eyebrow:.17em}.t-hero{font-family:var(--font-display);font-size:var(--text-hero-fluid);font-weight:var(--weight-regular);letter-spacing:var(--tracking-display);color:var(--fg-1);line-height:1.06}.t-display-lg{font-family:var(--font-display);font-size:var(--text-7xl);font-weight:var(--weight-regular);letter-spacing:var(--tracking-display);color:var(--fg-1);line-height:1.08}.t-page-title{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--weight-regular);letter-spacing:var(--tracking-title);color:var(--fg-1);line-height:1.1}.t-section-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-regular);letter-spacing:var(--tracking-title);color:var(--fg-1);line-height:1.12}.t-alias-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-regular);letter-spacing:var(--tracking-title);color:var(--fg-1);line-height:1.1}.t-card-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--fg-1);line-height:1.2}.t-hero-sub{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--weight-light);color:var(--fg-2);line-height:1.75}.t-body{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-light);color:var(--fg-2);line-height:1.8}.t-section-sub{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-light);color:var(--fg-2);line-height:1.75}.t-ui{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--fg-2);line-height:1.4}.t-button{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--fg-1);line-height:1}.t-card-desc{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-regular);color:var(--fg-2);line-height:1.55}.t-ghost-link{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--accent-indigo);line-height:1}.t-meta{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--fg-3);line-height:1.3}.t-footer{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--fg-3);line-height:1.5}.t-eyebrow{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-3)}.t-status{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase}.t-mono{font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--weight-regular);color:var(--accent-mist);line-height:1.55}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--content-width:1200px;--content-narrow:760px;--gutter:32px;--gutter-mobile:20px;--radius-xs:5px;--radius-sm:6px;--radius-md:7px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-3xl:14px;--radius-full:9999px;--shadow-1:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-2:0 4px 16px #00000073, 0 2px 6px #0000004d;--shadow-3:0 8px 32px #00000080, 0 2px 8px #0000004d;--shadow-glow:0 0 24px #6674e82e;--shadow-glow-warm:0 0 24px #d4a96a2e;--ease-default:cubic-bezier(.25, .1, .25, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-base:.2s;--duration-slow:.4s;--duration-xslow:.7s}.mms-base{background-color:var(--bg-mid);color:var(--fg-1);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e8eaf0;-webkit-font-smoothing:antialiased;background:#13151c;min-height:100vh;font-family:Inter,system-ui,sans-serif}button{cursor:pointer;font-family:inherit}::selection{color:#e8eaf0;background:#6674e840}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0d0f14}::-webkit-scrollbar-thumb{background:#222638;border-radius:3px}.nav{z-index:100;-webkit-backdrop-filter:blur(14px);background:#13151ce0;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;height:60px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-mark{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.nav-wordmark{color:#e8eaf0;letter-spacing:-.01em;white-space:nowrap;font-family:DM Serif Display,Georgia,serif;font-size:17px}.nav-links{align-items:center;gap:2px;display:flex}.nav-link{color:#9399ad;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 13px;font-family:inherit;font-size:14px;text-decoration:none;transition:color .18s;position:relative}.nav-link:hover,.nav-link.active{color:#e8eaf0}.nav-link.active:after{content:"";background:#6674e8;border-radius:1px;height:2px;position:absolute;bottom:-1px;left:13px;right:13px}.nav-link.dim{color:#3e4255;font-size:13px}.nav-link.dim:hover{color:#545870}.nav-cta{color:#e8eaf0;cursor:pointer;white-space:nowrap;background:#6674e81a;border:1px solid #6674e838;border-radius:6px;flex-shrink:0;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:background .18s}.nav-cta:hover{background:#6674e82e}.nav-hamburger{color:#9399ad;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .18s;display:none}.nav-hamburger:hover{color:#e8eaf0}.nav-mobile{z-index:99;-webkit-backdrop-filter:blur(14px);background:#0d0f14f7;border-bottom:1px solid #ffffff0e;flex-direction:column;gap:2px;padding:8px 16px 16px;animation:.18s both mobileMenuIn;display:flex;position:fixed;top:60px;left:0;right:0}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-mobile .nav-link{text-align:left;width:100%;padding:10px 12px;font-size:15px}.nav-mobile .nav-link.active:after{display:none}.nav-mobile-cta{text-align:center;width:100%;margin-top:10px}.nav-backdrop{z-index:98;background:#00000059;position:fixed;inset:0}@media (max-width:1024px){.nav{padding:0 20px}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}}.page-shell{flex-direction:column;min-height:100vh;padding-top:60px;display:flex}.page-content{flex:1}.section{padding:96px 0}.page-enter>.section:first-child,.cosmos-content>.section:first-child{padding-top:48px}.section-inner{max-width:1160px;margin:0 auto;padding:0 48px}.section-narrow{max-width:720px;margin:0 auto;padding:0 48px}.divider{border:none;border-top:1px solid #ffffff0d;margin:0}.eyebrow{letter-spacing:.17em;text-transform:uppercase;color:var(--accent-parchment);margin-bottom:10px;font-size:10px;font-weight:500}.section-title{color:#e8eaf0;letter-spacing:-.02em;font-family:DM Serif Display,Georgia,serif;font-size:32px;line-height:1.12}.section-sub{color:#9399ad;margin-top:12px;font-size:15px;font-weight:300;line-height:1.75}.page-enter{animation:.28s both pgIn}@keyframes pgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.channels-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.constellation{height:240px;position:relative;overflow:visible}.constellation-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.constellation-lines line{stroke:#ffffff38;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.1s forwards constellation-draw}@keyframes constellation-draw{to{stroke-dashoffset:0}}.constellation-orb{opacity:0;animation:constellation-pop .7s ease var(--orb-delay,0s) forwards;position:absolute;transform:translate(-50%,-50%)}.constellation-orb-body{border-radius:50%;width:100%;height:100%;transition:transform .28s;position:relative;box-shadow:inset 0 0 10px #00000040,inset 0 0 0 1px #ffffff0f,0 0 32px #6674e838}.constellation-label{transform-origin:50%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}@keyframes constellation-pop{0%{opacity:0}to{opacity:var(--orb-op,1)}}@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-rotate-rev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.channel-grid{grid-template-columns:repeat(3,1fr);gap:48px 36px;display:grid}.music-aliases{flex-direction:row;gap:40px;display:flex}.music-aliases>*{flex:1 1 0;min-width:0}@media (max-width:840px){.channels-grid{grid-template-columns:1fr;gap:44px}.constellation{height:260px}.music-aliases{flex-direction:column;gap:28px}.music-aliases>*{flex:none}}@media (max-width:756px){.channel-grid{grid-template-columns:repeat(2,1fr);gap:32px 24px}.section-inner,.section-narrow{padding:0 24px}}@media (max-width:500px){.channel-grid{grid-template-columns:1fr;gap:40px}}@media (prefers-reduced-motion:reduce){.constellation-label{animation:none!important}.constellation-lines line{stroke-dashoffset:0;animation:none!important}.constellation-orb{opacity:var(--orb-op,1);animation:none!important}}.cosmos-wrap{position:relative}.cosmos{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 64%,#0000 90%);mask-image:linear-gradient(#0000 0%,#000 22% 64%,#0000 90%)}.cosmos-nebula{background:radial-gradient(55% 32% at 70% 47%,#6674e829 0%,#6674e800 60%),radial-gradient(50% 30% at 26% 57%,#8a6cd21f 0%,#8a6cd200 62%),radial-gradient(65% 40% at 50% 73%,#485caa1a 0%,#485caa00 65%),radial-gradient(85% 50% at 50% 44%,#10121e73 0%,#10121e00 72%);position:absolute;inset:0}.cosmos-nebula:after{content:"";pointer-events:none;opacity:.06;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cosmos-content{z-index:1;position:relative}.cosmos-star{animation:star-twinkle var(--tw-dur,6s) ease-in-out var(--tw-delay,0s) infinite;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 4px #ffffff73}@keyframes star-twinkle{0%{opacity:var(--tw-min,.15);transform:scale(.8)}18%{opacity:var(--tw-max,.7);transform:scale(1.3)}34%{opacity:var(--tw-min,.15);transform:scale(.85)}60%{opacity:var(--tw-max,.7);transform:scale(1.15)}to{opacity:var(--tw-min,.15);transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.cosmos-star{opacity:var(--tw-max,.6);transform:none;animation:none!important}}.cosmos-shooting{opacity:0;width:2px;height:2px;animation:cosmos-shoot var(--sh-dur,16s) cubic-bezier(.4, 0, .7, 1) var(--sh-delay,0s) infinite;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 6px 1px #ffffffb3}.cosmos-shooting:before{content:"";background:linear-gradient(270deg,#ffffffa6,#fff0);width:90px;height:1px;position:absolute;top:50%;right:1px;transform:translateY(-50%)}@keyframes cosmos-shoot{0%{opacity:0;transform:rotate(var(--sh-angle,22deg)) translateX(0)}2%{opacity:1}8%{opacity:1}11%{opacity:0;transform:rotate(var(--sh-angle,22deg)) translateX(var(--sh-travel,280px))}to{opacity:0;transform:rotate(var(--sh-angle,22deg)) translateX(var(--sh-travel,280px))}}@media (prefers-reduced-motion:reduce){.cosmos-shooting{opacity:0;animation:none!important}}.nf-stage{flex-direction:column;min-height:calc(100vh - 60px);display:flex;position:relative;overflow:hidden}.nf-stage .cosmos{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 58%,#0000 94%);mask-image:linear-gradient(#000 0% 58%,#0000 94%)}.nf-content{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:64px 24px clamp(220px,36vh,400px);display:flex;position:relative}.nf-scene{z-index:1;pointer-events:none;height:clamp(200px,36vh,380px);animation:1.6s both nf-scene-in;position:absolute;bottom:0;left:0;right:0}.nf-scene svg{width:100%;height:100%;display:block}@keyframes nf-scene-in{0%{opacity:0}to{opacity:1}}.nf-lamp{animation:nf-lamp var(--lamp-dur,6s) ease-in-out var(--lamp-delay,0s) infinite alternate}@keyframes nf-lamp{0%{opacity:var(--lamp-min,.35)}to{opacity:var(--lamp-max,.9)}}.nf-beacon{animation:3.4s ease-in-out infinite nf-beacon}@keyframes nf-beacon{0%,to{opacity:.12}50%{opacity:.85}}.nf-shimmer{animation:nf-shimmer var(--sm-dur,8s) ease-in-out var(--sm-delay,0s) infinite alternate}@keyframes nf-shimmer{0%{opacity:.35;transform:translate(-9px)}to{opacity:1;transform:translate(9px)}}.nf-firefly{opacity:0;animation:nf-firefly var(--ff-dur,10s) ease-in-out var(--ff-delay,0s) infinite}@keyframes nf-firefly{0%{opacity:0;transform:translate(0)}12%{opacity:.85}30%{opacity:.15;transform:translate(9px,-7px)}48%{opacity:.7;transform:translate(16px,-3px)}64%{opacity:.1;transform:translate(22px,-10px)}76%{opacity:.55;transform:translate(27px,-6px)}88%{opacity:0;transform:translate(31px,-1px)}to{opacity:0;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.nf-scene{animation:none!important}.nf-lamp{opacity:var(--lamp-max,.9);animation:none!important}.nf-beacon{opacity:.5;animation:none!important}.nf-shimmer{opacity:.6;transform:none;animation:none!important}.nf-firefly{opacity:.5;transform:none;animation:none!important}}.prose p{color:#9399ad;margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.8}.prose p strong{color:#e8eaf0;font-weight:500}.prose h2{color:#e8eaf0;letter-spacing:-.01em;margin:36px 0 14px;font-family:DM Serif Display,Georgia,serif;font-size:22px}.form-field{margin-bottom:18px}.form-label{letter-spacing:.08em;text-transform:uppercase;color:#545870;margin-bottom:7px;font-size:11px;font-weight:500;display:block}.form-input{color:#e8eaf0;background:#1a1d27;border:1px solid #ffffff14;border-radius:7px;outline:none;width:100%;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .15s}.form-input:focus{border-color:#6674e866}.form-input::placeholder{color:#3e4255}textarea.form-input{resize:vertical;min-height:110px}.dev-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dev-card{background:#1a1d27;border:1px solid #ffffff0f;border-radius:10px;padding:20px 22px}.dev-tag{color:#545870;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:9999px;padding:2px 8px;font-size:10px}code{color:#c2c8e8;background:#c2c8e814;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:12px}
