:root{--bg: #0d1718;--bg-elevated: rgba(20, 33, 35, .9);--panel: rgba(24, 41, 43, .84);--panel-strong: #162426;--line: rgba(238, 241, 236, .11);--text: #eef1ec;--muted: #9eada8;--soft: #6f817b;--accent: #34d7d9;--accent-strong: #1bb8bc;--accent-soft: #8be7df;--shadow: 0 30px 80px rgba(0, 0, 0, .35);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--max-width: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Manrope,sans-serif;background:radial-gradient(circle at top left,rgba(52,215,217,.16),transparent 28%),radial-gradient(circle at 88% 16%,rgba(139,231,223,.12),transparent 24%),radial-gradient(circle at 50% 120%,rgba(90,126,140,.16),transparent 36%),linear-gradient(180deg,#102022,#0c1718 54%,#122123);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 88%)}a{color:inherit;text-decoration:none}p{margin:0}.site-shell{width:min(calc(100% - 32px),var(--max-width));margin:0 auto;padding-bottom:72px}.section{padding:48px 0}.site-header{position:sticky;top:16px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding:14px 18px;background:#121f21c2;border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 auto}.brand-mark img{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 16px rgba(242,165,108,.16))}.brand-text{font-size:1rem}.site-nav{display:inline-flex;align-items:center;gap:20px;color:var(--muted);font-size:.95rem}.nav-link{display:inline-flex;align-items:center;gap:8px}.link-icon{width:16px;height:16px;flex:0 0 auto;transition:color .16s ease}.nav-link-github .link-icon{color:#eef1ec}.nav-link-discord .link-icon{color:#7fa6ff}.site-nav a,.footer-links a{transition:color .16s ease,transform .16s ease}.site-nav a:hover,.site-nav a:focus-visible,.footer-links a:hover,.footer-links a:focus-visible{color:var(--text);transform:translateY(-1px)}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:center;min-height:calc(100vh - 140px);padding-top:56px}.hero-copy{position:relative}.hero-brand{display:inline-flex;align-items:center;gap:20px;margin-bottom:22px}.hero-mark,.cta-mark{display:inline-grid;place-items:center;flex:0 0 auto}.hero-mark{width:66px;height:66px}.hero-mark-large{width:84px;height:84px}.hero-mark img,.cta-mark img{display:block;width:100%;height:100%}.hero-brand-copy{display:grid;gap:8px}.hero-meta{display:inline-flex;align-items:center;gap:12px}.hero-meta .eyebrow{margin-bottom:0;font-size:1.05rem;letter-spacing:.22em}.hero-label{color:var(--muted);font-size:.98rem;line-height:1.4}.beta-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;font-family:IBM Plex Mono,monospace;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:#f4b27b;background:#f2a56c24;border:1px solid rgba(242,165,108,.28)}.eyebrow,.card-kicker,.prompt-label,.result-label{font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem}.eyebrow{color:var(--accent);margin-bottom:16px}.hero h1,.section-heading h2,.final-cta h2{margin:0;font-size:clamp(2.8rem,5vw,5.4rem);line-height:.96;letter-spacing:-.055em}.hero-subhead,.section-heading p,.final-cta p{max-width:62ch;color:var(--muted);font-size:1.06rem;line-height:1.7}.hero-subhead{margin-top:20px;font-size:1.14rem;max-width:54ch}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.support-strip{display:flex;flex-wrap:wrap;gap:12px 18px;margin:20px 0 0;padding:0;list-style:none}.support-strip li{position:relative;padding-left:14px;color:var(--muted);font-size:.92rem;line-height:1.5}.support-strip li:before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:999px;background:var(--accent-soft)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font-weight:700;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{color:#072123;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-soft) 100%);box-shadow:0 18px 44px #34d7d933}.button-secondary{color:var(--text);border:1px solid var(--line);background:#ffffff08}.hero-panel,.capability-card,.tutorial-card,.use-case-card,.community-card,.final-cta{border:1px solid var(--line);background:linear-gradient(180deg,#1c2e31e0,#121f21f2);box-shadow:var(--shadow)}.hero-panel{display:flex;flex-direction:column;padding:20px;border-radius:var(--radius-lg);min-height:430px}.panel-topline,.timeline,.result-grid,.community-grid,.capability-grid,.tutorial-grid,.use-case-grid{display:grid}.panel-topline{grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:var(--muted);font-size:.88rem}.panel-logo{display:inline-grid;place-items:center;width:34px;height:34px}.panel-logo img{display:block;width:100%;height:100%}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 14px #34d7d98c}.mono{font-family:IBM Plex Mono,monospace}.prompt-card{margin-top:20px;padding:22px;min-height:170px;border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff08,#ffffff03),var(--panel);border:1px solid rgba(255,255,255,.06)}.prompt-label,.result-label{color:var(--soft);margin-bottom:12px}.prompt-text{display:block;font-size:1.15rem;line-height:1.7;min-height:5.2em}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.result-grid article{padding:18px;min-height:116px;border-radius:18px;background:#ffffff06;border:1px solid rgba(255,255,255,.05)}.result-grid article p:last-child{color:var(--muted);line-height:1.65;min-height:4.95em}.timeline{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;padding-top:18px}.timeline-bar{appearance:none;border:0;padding:0;height:4px;border-radius:999px;background:#ffffff14;cursor:pointer}.timeline-bar-active{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-soft) 100%)}.section-heading{margin-bottom:26px}.section-heading h2{font-size:clamp(2rem,3.8vw,3.6rem);margin-bottom:14px}.community-section .section-heading p{max-width:none}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.modular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.capability-card,.use-case-card,.modular-card,.community-card{padding:24px;border-radius:var(--radius-md)}.capability-card h3,.modular-card h3,.tutorial-copy h3,.use-case-card h3,.community-card h3{margin:10px 0;font-size:1.28rem;letter-spacing:-.03em}.capability-card p:last-child,.modular-card p:last-child,.tutorial-copy p:last-child,.use-case-card p,.community-card p{color:var(--muted);line-height:1.7}.modular-card{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff08,#ffffff03),var(--panel)}.card-kicker{color:var(--accent-soft)}.tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tutorial-card{overflow:hidden;border-radius:var(--radius-lg);cursor:pointer;transition:transform .16s ease,border-color .16s ease}.tutorial-card.is-active{transform:translateY(-2px)}.video-frame{position:relative;min-height:220px;background:linear-gradient(135deg,#34d7d929,#1624262e),linear-gradient(160deg,#21383b,#1a2d30 55%,#152326)}.video-frame.has-video{overflow:hidden;background:#0f1819}.video-frame:before,.video-frame:after{content:"";position:absolute;inset:auto auto 18px 18px;width:calc(100% - 36px);height:82px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#ffffff05),#181c1cd1}.video-frame.has-video:before,.video-frame.has-video:after{display:none}.demo-video{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;background:#0b1213}.demo-video:fullscreen,.demo-video:-webkit-full-screen{width:100%;height:100%;min-height:0;object-fit:contain;background:#000}.video-frame:after{inset:18px 18px auto auto;width:48%;height:76px;background:linear-gradient(135deg,#8be7df29,#34d7d914),#152325e0}.bassline-frame{background:linear-gradient(135deg,#8be7df24,#18292b29),linear-gradient(160deg,#26383b,#1d2d30 55%,#152427)}.routing-frame{background:linear-gradient(135deg,#5eb7dc29,#18292b29),linear-gradient(160deg,#1f3137,#18272c 55%,#132126)}.tutorial-copy{padding:22px 22px 24px}.tutorial-prompt{display:block;margin:12px 0 14px;color:var(--text);font-size:.9rem;line-height:1.8}.use-case-grid,.community-grid,.community-links-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.community-links-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.community-card{transition:transform .16s ease,border-color .16s ease,background .16s ease}.community-link-card{padding:18px 18px 20px}.community-link-card h3{margin-bottom:6px}.community-link-card p{font-size:.94rem}.community-card:hover,.community-card:focus-visible{transform:translateY(-3px);border-color:#34d7d947}.final-cta{padding:34px;border-radius:32px;text-align:center}.cta-mark{width:74px;height:74px;margin:0 auto 16px;filter:drop-shadow(0 12px 24px rgba(242,165,108,.16))}.final-cta p{margin:18px auto 0}.final-cta .hero-actions{justify-content:center}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 12px;border-top:1px solid rgba(238,241,236,.08)}.footer-brand{display:inline-flex;align-items:center;gap:14px}.footer-title{color:var(--text);font-weight:700;letter-spacing:-.02em}.footer-copy{color:var(--muted);font-size:.92rem;line-height:1.5}.footer-links{display:inline-flex;align-items:center;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.95rem}@media(max-width:1080px){.hero,.capability-grid,.modular-grid,.tutorial-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:36px}}@media(max-width:760px){.site-shell{width:min(calc(100% - 24px),var(--max-width))}.site-header{border-radius:24px;align-items:flex-start;flex-direction:column}.site-nav{flex-wrap:wrap;gap:14px}.site-footer{flex-direction:column;align-items:flex-start}.footer-links{gap:14px}.section{padding:34px 0}.hero h1,.section-heading h2,.final-cta h2{font-size:clamp(2.2rem,11vw,4.2rem)}.hero-brand{align-items:center}.hero-mark-large{width:68px;height:68px}.result-grid,.use-case-grid,.community-grid,.community-links-row{grid-template-columns:1fr}.hero-panel,.capability-card,.tutorial-copy,.use-case-card,.community-card,.final-cta{padding-left:18px;padding-right:18px}}