:root{--bg:#050816;--bg-soft:#0b1120;--accent:#22c55e;--accent-soft:#22c55e14;--accent-2:#f97316;--text:#e5e7eb;--muted:#9ca3af;--border:#1f2937;--radius-lg:16px;--radius-md:12px;--radius-pill:999px;--shadow-soft:0 18px 45px #0f172ab3;--shadow-subtle:0 12px 30px #0f172a73}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at top,#1f2937 0%,var(--bg)45%);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}a{color:inherit;text-decoration:none}.home{flex-direction:column;max-width:900px;min-height:100vh;margin:0 auto;padding:24px 20px 48px;display:flex}.header{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-logo{object-fit:cover;border-radius:8px}.brand-name{letter-spacing:.02em;font-size:1rem;font-weight:600}.main{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.hero{width:100%;margin-bottom:56px}.hero-title{letter-spacing:-.03em;background:linear-gradient(90deg,#22c55e 20%,#f97316 70%,#ef4444 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1}.hero-tagline{color:var(--muted);max-width:38rem;margin:0 auto 20px;font-size:1.2rem;line-height:1.5}.hero-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:14px;display:flex}.btn-primary{border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--accent),#4ade80);color:#052e16;box-shadow:var(--shadow-soft);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary:hover{opacity:.95;color:#052e16}.btn-secondary{border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;background:#0f172ad9;border:1px solid #94a3b866;align-items:center;gap:10px;padding:10px 20px;font-size:.95rem;display:inline-flex}.btn-secondary:hover{color:var(--text)}.hero-status{color:var(--muted);margin-bottom:56px;font-size:.85rem}.hero-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 0 0,#22c55e2e,#0f172af5);border:1px solid #94a3b840;width:100%;max-width:720px;margin:0 auto 56px;padding:16px;position:relative;overflow:hidden}.hero-card-header{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.78rem;display:flex}.hero-card-tabs{gap:6px;font-size:.75rem;display:flex}.hero-tab{border-radius:var(--radius-pill);color:var(--muted);background:0 0;border:1px solid #0000;padding:4px 9px}.hero-tab.active{color:#e5e7eb;background:#0f172ad9;border-color:#94a3b8b3}.hero-window{background:#0f172af5;border:1px solid #374151f2;border-radius:12px;padding:10px;position:relative;overflow:hidden}.hero-window-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:.72rem;display:flex}.hero-dots{gap:4px;display:flex}.hero-dot{background:#4b5563;border-radius:999px;width:8px;height:8px}.hero-dot.red{background:#f87171}.hero-dot.yellow{background:#fbbf24}.hero-dot.green{background:#4ade80}.badge-local{border-radius:var(--radius-pill);color:#bbf7d0;background:#16a34a26;border:1px solid #22c55eb3;padding:2px 6px;font-size:.63rem}.hero-window-body{grid-template-columns:1fr 1fr;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;display:grid}.file-column{background:#0f172afa;border:1px solid #1f2937e6;border-radius:9px;padding:6px}.file-header{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.7rem;display:flex}.file-header span{white-space:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.lines{gap:2px;display:grid}.line{grid-template-columns:18px 1fr;align-items:baseline;gap:4px;display:grid}.line-no{text-align:right;color:#4b5563;padding-right:4px}.line-code{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.line.add{background:#22c55e1f}.line.del{background:#f871711f}.line.mod{background:#38bdf81f}.hero-side-note{color:var(--muted);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;border:1px solid #374151e6;padding:6px 10px;font-size:.7rem;position:absolute;bottom:16px;right:16px}.section{width:100%;margin-bottom:56px}.section-head{letter-spacing:-.02em;margin:0 0 24px;font-size:1.75rem;font-weight:620}.section-desc{color:var(--muted);max-width:32rem;margin:0 auto 24px;font-size:1rem;line-height:1.6}.feature-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px;display:grid}.feature{border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);background:radial-gradient(circle at 0 0,#22c55e0d,#0f172af2);border:1px solid #1f2937e6;padding:18px 20px}.feature-title{margin:0 0 6px;font-size:1rem;font-weight:600}.feature p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.55}.section-cta{margin-bottom:64px}.demo-gif{border:1px solid var(--border);border-radius:12px;width:100%;max-width:800px;height:auto;margin:24px 0}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.built-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;display:flex}.built-badge{border-radius:var(--radius-md);color:var(--muted);background:#0f172ad9;border:1px solid #374151e6;padding:8px 16px;font-size:.9rem}.built-desc{color:var(--muted);max-width:28rem;margin:0 auto;font-size:.9rem}.faq-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px;display:grid}.faq-item{border-radius:var(--radius-md);background:#0f172af0;border:1px solid #1f2937e6;padding:16px 18px}.faq-item h3{margin:0 0 8px;font-size:.95rem;font-weight:600}.faq-item p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.6}.footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:32px;font-size:.8rem;display:flex}.bmc-btn{color:#000;white-space:nowrap;background-color:#fd0;border-radius:8px;align-items:center;gap:8px;padding:7px 16px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.bmc-btn:hover{background-color:#ffcf00}@media (max-width:720px){.home{padding:20px 16px 40px}.hero-title{font-size:2rem}.hero-window-body,.feature-grid,.faq-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}