:root{--bg:#0c0d0f;--bg-soft:#101113;--surface:#17181b;--surface-2:#1e2023;--border:#ffffff17;--border-strong:#ffffff2e;--text:#eceef0;--text-dim:#9a9da3;--text-faint:#67696e;--blue:#2f7de6;--blue-light:#5b9bef;--coral:#e2664c;--coral-light:#ef8468;--mint:#4fd8b8;--gradient-text:linear-gradient(90deg, var(--blue-light), var(--mint));--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--shadow-lg:0 12px 28px -12px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:inherit;overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}button{font-family:inherit}::selection{color:#fff;background:#1c8ce859}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-alt{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{text-align:center;flex-direction:column;gap:14px;max-width:640px;margin:0 auto 56px;display:flex}.section-head h2{letter-spacing:-.02em;font-size:clamp(28px,3.6vw,40px);font-weight:700;line-height:1.15}.section-lead{color:var(--text-dim);font-size:17px;line-height:1.6}.text-gradient{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-light)}.btn-outline{border-color:var(--border-strong);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--text-dim);background:#ffffff08}.btn-ghost{color:var(--text-dim)}.btn-ghost:hover{color:var(--text)}.btn-lg{padding:14px 26px;font-size:16px}.navbar{z-index:50;border-bottom:1px solid #0000;transition:background .2s,border-color .2s;position:sticky;top:0}.navbar.is-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--border);background:#0c0d0feb}.navbar-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand-mark{border-radius:var(--radius-sm);object-fit:cover;width:30px;height:30px}.navbar-links{align-items:center;gap:32px;display:flex}.navbar-links a{color:var(--text-dim);font-size:14.5px;font-weight:500;transition:color .15s}.navbar-links a:hover{color:var(--text)}.navbar-actions{align-items:center;gap:10px;display:flex}.navbar-burger{color:var(--text);cursor:pointer;background:0 0;border:none;padding:6px;display:none}.navbar-mobile{display:none}.hero{border-bottom:1px solid var(--border);padding:72px 0 100px;position:relative}.hero-glow{pointer-events:none;background:radial-gradient(46% 60% at 22% 0,#2f7de61f,#0000 72%);height:420px;position:absolute;inset:0 0 auto}.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.hero-copy h1{letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(34px,4.6vw,54px);font-weight:800;line-height:1.08}.hero-lead{color:var(--text-dim);max-width:540px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-visual{position:relative}.mock-window{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);position:relative;overflow:hidden}.mock-titlebar{border-bottom:1px solid var(--border);background:var(--bg-soft);align-items:center;gap:6px;padding:12px 16px;display:flex}.mock-dot{background:#ffffff24;border-radius:50%;width:8px;height:8px}.mock-title{color:var(--text-faint);margin-left:8px;font-size:12px}.mock-body{height:300px;display:flex}.mock-rail{border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:14px;width:56px;padding:18px 0;display:flex}.mock-rail-item{border-radius:var(--radius-sm);background:var(--surface-2);width:26px;height:26px}.mock-rail-item.active{background:var(--blue)}.mock-stage{border-radius:var(--radius-md);border:1px solid var(--border);background:#101d2c;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;margin:16px;display:flex;position:relative;overflow:hidden}.mock-stage-text{letter-spacing:.04em;color:#fff;font-size:22px;font-weight:800;position:relative}.mock-stage-bar{border-radius:var(--radius-sm);background:#ffffff80;width:62%;height:8px;position:relative}.mock-stage-bar.short{background:#ffffff40;width:38%}.mock-output{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-2);width:62%;box-shadow:var(--shadow-lg);flex-direction:column;gap:10px;padding:20px 18px 26px;display:flex;position:absolute;bottom:-12%;right:-6%}.mock-output-bar{border-radius:var(--radius-sm);background:var(--blue);width:40%;height:6px}.mock-output-text{color:var(--text);font-size:13px;font-weight:700}.philosophy{border-bottom:1px solid var(--border);padding:64px 0}.philosophy-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.philosophy-item{flex-direction:column;gap:10px;display:flex}.philosophy-icon,.feature-icon,.community-icon{border-radius:var(--radius-md);background:var(--surface-2);width:42px;height:42px;color:var(--blue-light);border:1px solid var(--border);justify-content:center;align-items:center;display:flex}.philosophy-item h3,.feature-card h3,.community-card h3{margin-top:4px;font-size:17px;font-weight:700}.philosophy-item p,.feature-card p,.community-card p{color:var(--text-dim);font-size:14.5px;line-height:1.6}.features-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-card{background:var(--surface);padding:28px}.platforms-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.platform-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px}.platform-head{align-items:center;gap:16px;margin-bottom:14px;display:flex}.platform-icon{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);width:50px;height:50px;color:var(--blue-light);justify-content:center;align-items:center;display:flex}.platform-head h3{font-size:18px;font-weight:700}.platform-status{color:var(--mint);align-items:center;gap:6px;margin-top:4px;font-size:12.5px;font-weight:600;display:inline-flex}.platform-note{color:var(--text-dim);margin-bottom:8px;font-size:14px;line-height:1.6}.platform-tier{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.platform-tier-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:12px;font-size:11.5px;font-weight:700;display:block}.platform-specs{grid-template-columns:1fr 1fr;gap:12px 20px;margin:0;display:grid}.platform-specs dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin-bottom:3px;font-size:12px}.platform-specs dd{margin:0;font-size:14px;font-weight:600}.download-cta{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface);flex-direction:column;align-items:center;gap:16px;padding:72px 24px;display:flex;position:relative;overflow:hidden}.download-cta h2{letter-spacing:-.02em;font-size:clamp(26px,3.2vw,34px);font-weight:800}.download-cta p{color:var(--text-dim);margin-bottom:8px;font-size:16px}.community-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:40px;display:grid;overflow:hidden}.community-card{background:var(--surface);flex-direction:column;gap:4px;padding:26px;transition:background .15s;display:flex}.community-card:hover{background:var(--surface-2)}.community-link{color:var(--blue-light);align-items:center;gap:6px;margin-top:14px;font-size:13.5px;font-weight:600;display:inline-flex}.donate-banner{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-soft);align-items:center;gap:18px;padding:24px 28px;display:flex}.donate-icon{border-radius:var(--radius-md);background:var(--surface-2);width:44px;min-width:44px;height:44px;color:var(--coral-light);border:1px solid var(--border);justify-content:center;align-items:center;display:flex}.donate-copy{flex:1}.donate-copy h3{font-size:16px;font-weight:700}.donate-copy p{color:var(--text-dim);margin-top:2px;font-size:14px}.footer{border-top:1px solid var(--border);background:var(--bg-soft);padding-top:56px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:40px;padding-bottom:40px;display:flex}.footer-brand{gap:14px;max-width:320px;display:flex}.footer-brand strong{font-size:16px}.footer-brand p{color:var(--text-faint);margin-top:4px;font-size:13.5px;line-height:1.6}.footer-links{gap:64px;display:flex}.footer-links h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:14px;font-size:13px}.footer-links a{color:var(--text-dim);margin-bottom:10px;font-size:14px;transition:color .15s;display:block}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-faint);justify-content:space-between;padding:22px 24px;font-size:13px;display:flex}@media (width<=980px){.navbar-links,.navbar-actions{display:none}.navbar-burger{display:inline-flex}.navbar-mobile{border-top:1px solid var(--border);background:var(--bg);flex-direction:column;gap:4px;padding:12px 24px 20px;display:flex}.navbar-mobile a{color:var(--text-dim);padding:10px 0;font-size:15px}.navbar-mobile .btn{margin-top:10px}.hero-inner{grid-template-columns:1fr}.hero-visual{order:-1}.hero-copy{text-align:left}.philosophy-grid,.platforms-grid,.features-grid,.community-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}}@media (width<=620px){.section{padding:64px 0}.hero{padding:48px 0 72px}.hero-actions{flex-direction:column;align-items:stretch}.mock-body{height:240px}.mock-output{display:none}.donate-banner{text-align:center;flex-direction:column}.footer-links{gap:32px}.footer-bottom{flex-direction:column;gap:6px}}
