@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#1a1a1a;--card:#1e1e1e;--card-hover:#242424;--elevated:#212121;--border:#2a2a2a;--border-strong:#383838;--fg:#fafafa;--muted:#8a8a8a;--muted-dim:#6b6b6b;--accent:#ff8400;--accent-soft:#ff84001f;--success:#21d07a;--radius:14px;--radius-sm:9px;--mono:ui-monospace, "SF Mono", "Geist Mono", Menlo, Consolas, monospace;--transition:.16s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:132px 1fr 340px;gap:16px;max-width:1480px;min-height:100vh;margin:0 auto;padding:16px;display:grid}.rail{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);flex-direction:column;gap:4px;height:calc(100vh - 32px);padding:14px 10px;display:flex;position:sticky;top:16px}.rail-logo{border-bottom:1px solid var(--border);cursor:pointer;letter-spacing:-.02em;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px 14px;font-weight:700;display:flex}.rail-logo .rail-mark{border-radius:7px;width:24px;height:24px;display:block}.rail-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-dim);padding:12px 8px 6px;font-size:.62rem}.rail-btn{border-radius:var(--radius-sm);color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;padding:8px 9px;font-size:.82rem;display:flex}.rail-btn:hover{background:var(--card-hover);color:var(--fg)}.rail-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.main{flex-direction:column;gap:16px;min-width:0;display:flex}.hero{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:34px 32px 32px;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.5;height:1px;position:absolute;inset:0 0 auto}.hero-mark{border-radius:15px;width:58px;height:58px;margin-bottom:18px;display:block}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:.68rem;display:inline-flex}.eyebrow .spark{color:var(--accent)}.hero h1{letter-spacing:-.035em;margin:16px 0 14px;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:1}.hero .subtitle{max-width:560px;color:var(--muted);font-size:.98rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);font:inherit;cursor:pointer;transition:background var(--transition), border-color var(--transition), transform var(--transition);background:0 0;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:500;display:inline-flex}.btn:hover{background:var(--card-hover);border-color:var(--muted-dim)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#1a1a1a;font-weight:600}.btn-primary:hover{background:#ff9626;border-color:#ff9626}.btn svg{width:15px;height:15px}.chips{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px;display:grid}.feature-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);transition:background var(--transition), border-color var(--transition), transform var(--transition);flex-direction:column;gap:12px;padding:20px;display:flex}.feature-card:hover{background:var(--card-hover);border-color:var(--border-strong);transform:translateY(-2px)}.feature-icon{border:1px solid var(--border);background:var(--elevated);width:40px;height:40px;color:var(--muted);transition:color var(--transition), border-color var(--transition);border-radius:10px;place-items:center;display:grid}.feature-card:hover .feature-icon{color:var(--accent);border-color:var(--border-strong)}.feature-icon svg{width:19px;height:19px}.feature-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dim);font-size:.62rem}.feature-card h3{letter-spacing:-.01em;font-size:.98rem;font-weight:600}.feature-card p{color:var(--muted);font-size:.84rem;line-height:1.55}.aside{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);flex-direction:column;gap:16px;height:fit-content;max-height:calc(100vh - 32px);padding:22px;display:flex;position:sticky;top:16px}.aside-head{align-items:center;gap:9px;display:flex}.aside-head .live{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #21d07a29}.aside-head h2{font-size:1.05rem;font-weight:600}.aside p.lede{color:var(--muted);font-size:.85rem;line-height:1.55}.dl-group{flex-direction:column;gap:8px;display:flex}.dl-btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--fg);font:inherit;cursor:pointer;transition:background var(--transition), border-color var(--transition);background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;font-size:.85rem;display:flex}.dl-btn:hover{background:var(--card-hover);border-color:var(--muted-dim)}.dl-btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1a1a;font-weight:600}.dl-btn.primary:hover{background:#ff9626;border-color:#ff9626}.dl-btn .os{align-items:center;gap:9px;display:flex}.dl-btn svg{width:15px;height:15px}.stats{border-top:1px solid var(--border);flex-direction:column;display:flex}.stat{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:10px 0;font-size:.82rem;display:flex}.stat span{color:var(--muted)}.stat strong{font-weight:600}.aside-foot{color:var(--muted-dim);font-size:.76rem;line-height:1.5}.aside-foot b{color:var(--muted);font-weight:600}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.rail{flex-direction:row;align-items:center;gap:6px;height:auto;position:static;overflow-x:auto}.rail-logo{border:none;margin:0 6px 0 0;padding:4px 6px}.rail-label{display:none}.rail-btn{flex:none}.aside{max-height:none;position:static}}@media (width<=560px){.hero{padding:26px 20px}.grid{grid-template-columns:1fr}}