@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#fff;--bg-dark:#0a0a0a;--bg-card:#141414;--bg-card-light:#1a1a1a;--text-primary:#0a0a0a;--text-secondary:#666;--text-muted:#999;--text-white:#fff;--border:#e5e5e5;--border-dark:#2a2a2a;--accent-orange:#f26522;--accent-blue:#3b82f6;--accent-green:#22c55e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:100px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffd9;justify-content:space-between;align-items:center;padding:12px 32px;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:16px;display:flex}.navbar-logo{color:var(--text-primary);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.navbar-logo svg{width:28px;height:28px}.navbar-badge{background:var(--bg-dark);color:var(--text-white);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-flex}.navbar-badge-dot{background:var(--accent-orange);border-radius:50%;width:6px;height:6px}.navbar-center{align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:8px 14px;font-size:14px;font-weight:500;transition:color .2s,background .2s;display:flex}.nav-link:hover{color:var(--text-primary);background:#f5f5f5}.nav-link svg{opacity:.6;width:16px;height:16px}.navbar-right{align-items:center;gap:12px;display:flex}.github-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.github-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.github-btn svg{width:18px;height:18px}.signup-btn{background:var(--bg-dark);color:var(--text-white);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.signup-btn:hover{opacity:.85}.signup-btn svg{width:14px;height:14px}.hero-wrapper{padding:40px 32px 0}.hero{max-width:var(--max-width);background:var(--bg-card);border-radius:var(--radius-xl);text-align:center;margin:0 auto;padding:80px 40px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ffffff0a,#0000 70%);position:absolute;inset:0}.hero-yc-badge{border:1px solid var(--border-dark);border-radius:var(--radius-pill);color:#ffffffb3;align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;font-size:13px;display:inline-flex}.yc-logo{background:var(--accent-orange);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:inline-flex}.yc-text{color:var(--accent-orange);font-weight:600}.hero h1{color:var(--text-white);letter-spacing:-.02em;max-width:720px;margin:0 auto 24px;font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.1}.hero-subtitle{color:#ffffff80;max-width:560px;margin:0 auto 40px;font-size:16px;line-height:1.6}.hero-subtitle a{text-underline-offset:3px;text-decoration:underline}.hero-buttons{justify-content:center;align-items:center;gap:12px;margin-bottom:40px;display:flex}.btn-primary{background:var(--text-white);color:var(--bg-dark);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:#f0f0f0;transform:translateY(-1px)}.btn-secondary{color:var(--text-white);border-radius:var(--radius-pill);background:0 0;border:1px solid #fff3;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff80;transform:translateY(-1px)}.hero-libraries-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff59;margin-bottom:16px;font-size:11px;font-weight:600}.hero-commands{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.command-pill{border-radius:var(--radius-sm);font-family:var(--font-mono);color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:10px;padding:10px 16px;font-size:13px;transition:all .2s;display:inline-flex}.command-pill:hover{background:#ffffff1a;border-color:#fff3}.command-pill .icon{opacity:.5;flex-shrink:0;width:16px;height:16px}.command-pill .copy-icon{opacity:.35;flex-shrink:0;width:14px;height:14px;transition:opacity .2s}.command-pill:hover .copy-icon{opacity:.7}.logos-section{text-align:center;padding:60px 32px}.logos-section .container{max-width:var(--max-width);margin:0 auto}.logos-grid{opacity:.4;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.logo-item{letter-spacing:.02em;color:var(--text-primary);white-space:nowrap;font-size:18px;font-weight:700}.code-section{padding:40px 32px 80px}.code-section .container{max-width:var(--max-width);margin:0 auto}.section-label{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:600}.section-heading{text-align:center;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.15}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:540px;margin:0 auto 48px;font-size:16px;line-height:1.6}.code-comparison{grid-template-columns:1fr 1fr;gap:24px;display:grid;position:relative}.code-block{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.code-block-header{border-bottom:1px solid var(--border-dark);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.code-block-title{color:#ffffffb3;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.code-block-lines{color:#ffffff59;font-size:12px;font-family:var(--font-mono)}.code-block-body{font-family:var(--font-mono);color:#ffffff80;max-height:340px;padding:20px;font-size:12px;line-height:1.8;position:relative;overflow:hidden}.code-block-body:after{content:"";background:linear-gradient(transparent,var(--bg-card));height:80px;position:absolute;bottom:0;left:0;right:0}.code-block.short .code-block-body{max-height:none}.code-block.short .code-block-body:after{display:none}.code-saved-badge{z-index:5;background:var(--bg-dark);color:var(--accent-green);border:1px solid var(--accent-green);border-radius:var(--radius-pill);white-space:nowrap;padding:8px 20px;font-size:13px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.line-num{color:#fff3;-webkit-user-select:none;user-select:none;width:28px;margin-right:12px;display:inline-block}.keyword{color:#c084fc}.string{color:#86efac}.comment{color:#ffffff40}.func{color:#93c5fd}.param{color:#fbbf24}.features-section{padding:80px 32px}.features-section .container{max-width:var(--max-width);margin:0 auto}.feature-card{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:60px 0;display:grid}.feature-card:first-child{border-top:none;padding-top:0}.feature-badge{border:1px solid var(--border);border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.feature-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:24px;font-size:32px;font-weight:700;line-height:1.2}.feature-list{flex-direction:column;gap:16px;margin-bottom:32px;list-style:none;display:flex}.feature-list li{color:var(--text-secondary);gap:12px;font-size:14px;line-height:1.6;display:flex}.feature-list li strong{color:var(--text-primary);font-weight:600}.feature-list .bullet{color:var(--text-muted);flex-shrink:0}.feature-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.feature-link{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-primary);align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.feature-link:hover{background:var(--bg-dark);color:var(--text-white);border-color:var(--bg-dark)}.feature-visual{background:var(--bg-card);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:320px;padding:24px;display:flex;position:relative;overflow:hidden}.feature-visual-content{width:100%}.inspector-mock{flex-direction:column;gap:12px;width:100%;display:flex}.inspector-bar{gap:6px;padding:8px;display:flex}.inspector-dot{background:#ffffff26;border-radius:50%;width:10px;height:10px}.inspector-dot.red{background:#ef4444}.inspector-dot.yellow{background:#eab308}.inspector-dot.green{background:#22c55e}.inspector-body{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inspector-panel{border-radius:var(--radius-sm);background:#ffffff0d;padding:16px}.inspector-panel-title{text-transform:uppercase;letter-spacing:.05em;color:#ffffff59;margin-bottom:12px;font-size:11px;font-weight:600}.inspector-line{background:#ffffff14;border-radius:4px;height:8px;margin-bottom:8px}.inspector-line.short{width:60%}.inspector-line.medium{width:80%}.inspector-line.accent{background:#3b82f64d}.inspector-btn{background:var(--accent-blue);color:#fff;border-radius:var(--radius-sm);align-items:center;gap:4px;margin-top:8px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.deploy-stack{flex-direction:column;gap:12px;width:100%;display:flex}.deploy-card{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex}.deploy-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(4px)}.deploy-card-icon{border-radius:var(--radius-sm);background:#ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.deploy-card-icon svg{color:#fff9;width:18px;height:18px}.deploy-card-title{color:#ffffffd9;margin-bottom:2px;font-size:14px;font-weight:600}.deploy-card-desc{color:#fff6;font-size:12px}.control-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.control-item{border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #ffffff0f;padding:16px}.control-item-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;margin-bottom:8px;font-size:11px;font-weight:600}.control-item-value{color:#ffffffd9;font-size:22px;font-weight:700;font-family:var(--font-mono)}.control-item-bar{background:#ffffff14;border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.control-item-bar-fill{border-radius:2px;height:100%}.control-item-bar-fill.blue{background:var(--accent-blue)}.control-item-bar-fill.green{background:var(--accent-green)}.control-item-bar-fill.orange{background:var(--accent-orange)}.control-item-bar-fill.purple{background:#a855f7}.usecases-section{background:#fafafa;padding:80px 32px}.usecases-section .container{max-width:var(--max-width);margin:0 auto}.usecases-heading{text-align:center}.usecases-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.usecase-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;padding:32px;transition:all .3s}.usecase-card:hover{border-color:var(--bg-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.usecase-icon{border-radius:var(--radius-sm);background:var(--bg-dark);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.usecase-icon svg{color:#fff;width:22px;height:22px}.usecase-title{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:700}.usecase-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.usecase-link{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;font-weight:600;transition:gap .2s;display:inline-flex}.usecase-link:hover{gap:10px}.testimonials-section{padding:80px 32px}.testimonials-section .container{max-width:var(--max-width);margin:0 auto}.testimonials-grid{column-count:3;column-gap:20px;margin-top:48px}.testimonial-card{break-inside:avoid;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;margin-bottom:20px;padding:24px;transition:all .3s}.testimonial-card:hover{box-shadow:var(--shadow-sm);border-color:#ccc}.testimonial-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.testimonial-avatar{color:#6b7280;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.testimonial-name{color:var(--text-primary);font-size:14px;font-weight:600}.testimonial-handle{color:var(--text-muted);font-size:13px}.testimonial-text{color:var(--text-secondary);font-size:14px;line-height:1.65}.testimonial-text strong{color:var(--text-primary)}.community-section{background:#fafafa;padding:80px 32px}.community-section .container{max-width:var(--max-width);text-align:center;margin:0 auto}.community-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:36px;display:flex}.community-btn{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-primary);background:#fff;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.community-btn:hover{background:var(--bg-dark);color:var(--text-white);border-color:var(--bg-dark)}.community-btn svg{width:18px;height:18px}.stats-section{padding:80px 32px}.stats-section .container{max-width:var(--max-width);text-align:center;margin:0 auto}.stats-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 20px}.stat-value{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:8px;font-size:48px;font-weight:800}.stat-label{color:var(--text-secondary);font-size:14px;line-height:1.5}.cta-section{padding:80px 32px}.cta-card{max-width:var(--max-width);background:var(--bg-card);border-radius:var(--radius-xl);text-align:center;margin:0 auto;padding:80px 40px;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(at 50% 100%,#ffffff08,#0000 70%);position:absolute;inset:0}.cta-card h2{color:var(--text-white);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.15}.cta-card p{color:#ffffff80;max-width:520px;margin:0 auto 36px;font-size:16px;line-height:1.6}.cta-buttons{justify-content:center;align-items:center;gap:12px;display:flex}.footer{border-top:1px solid var(--border);padding:80px 32px 32px}.footer .container{max-width:var(--max-width);margin:0 auto}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo{align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.footer-logo svg{width:24px;height:24px}.footer-brand-text{color:#f0f0f0;letter-spacing:-.04em;margin-top:20px;font-size:72px;font-weight:800;line-height:1}.footer-col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:16px;font-size:13px;font-weight:600}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col ul a{color:var(--text-secondary);font-size:14px;transition:color .2s}.footer-col ul a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:13px;display:flex}.footer-bottom-links{gap:16px;display:flex}@media (max-width:1024px){.feature-card,.code-comparison{grid-template-columns:1fr}.code-saved-badge{text-align:center;width:fit-content;margin:0 auto 20px;display:block;position:static;transform:none}.testimonials-grid{column-count:2}.footer-top{grid-template-columns:1fr 1fr}}@media (max-width:768px){.navbar{padding:12px 16px}.navbar-center{display:none}.hero-wrapper{padding:20px 16px 0}.hero{padding:48px 20px}.hero-buttons{flex-direction:column}.hero-commands{flex-direction:column;align-items:center}.usecases-grid{grid-template-columns:1fr}.testimonials-grid{column-count:1}.stats-grid,.footer-top{grid-template-columns:1fr}.footer-brand-text{font-size:40px}}