*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--bg-raised: #12121a;--bg-card: #181824;--border: #23233a;--text: #e4e4ed;--text-muted: #8888a4;--accent: #6366f1;--accent-hover: #818cf8;--radius: 12px;--radius-sm: 8px;--max-w: 1120px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3{line-height:1.2;font-weight:700}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.btn{display:inline-block;padding:12px 28px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;border:1px solid transparent;text-align:center}.btn-sm{padding:8px 18px;font-size:14px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent-hover)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-size:18px;font-weight:700;color:var(--text)}.nav-brand:hover{color:var(--text)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:14px;color:var(--text-muted);font-weight:500}.nav-links a:hover{color:var(--text)}.hero{padding:160px 0 80px;text-align:center}.hero h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.03em}.hero h1 em{font-style:normal;color:var(--accent)}.hero-sub{margin:24px auto 0;max-width:560px;font-size:18px;color:var(--text-muted);line-height:1.7}.hero-actions{margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.screenshot{padding:0 0 100px}.screenshot-frame{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.screenshot-placeholder{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;font-style:italic}.features{padding:100px 0}.features h2{text-align:center;font-size:36px;margin-bottom:56px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px}.feature-icon{font-size:28px;margin-bottom:16px}.feature-card h3{font-size:17px;margin-bottom:8px}.feature-card p{font-size:14px;color:var(--text-muted);line-height:1.6}.downloads{padding:100px 0;background:var(--bg-raised)}.downloads h2{text-align:center;font-size:36px;margin-bottom:56px}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.download-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px 32px}.download-card h3{font-size:22px;margin-bottom:8px}.download-card p{font-size:14px;color:var(--text-muted);margin-bottom:24px;line-height:1.6}.download-card .btn{display:block;margin-bottom:10px}.download-card .btn:last-child{margin-bottom:0}.self-host{padding:100px 0}.self-host h2{text-align:center;font-size:36px;margin-bottom:56px}.self-host-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.self-host-text p{font-size:16px;color:var(--text-muted);margin-bottom:24px;line-height:1.7}.self-host-text ol{list-style-position:inside;margin-bottom:32px;color:var(--text-muted);font-size:15px}.self-host-text ol li{margin-bottom:8px}.self-host-code{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;overflow-x:auto}.self-host-code pre{margin:0}.self-host-code code{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:13px;color:var(--text-muted);line-height:1.8}.footer{padding:40px 0;border-top:1px solid var(--border)}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:14px;font-weight:600;color:var(--text-muted)}.footer-link{font-size:14px;color:var(--text-muted)}@media(max-width:768px){.nav-links a:not(.btn){display:none}.hero{padding:120px 0 60px}.self-host-content,.feature-grid,.download-grid{grid-template-columns:1fr}}