html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit;margin:0}h1,h2,p,pre{margin:0}*,:before,:after{box-sizing:border-box;border:0 solid}h1,h2{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:root{--bg:#fff;--bg-alt:#f8f9fa;--text:#0f172a;--text-secondary:#64748b;--accent:#6366f1;--accent-hover:#4f46e5;--border:#00000014;--code-bg:#1e293b;--shadow:0 1px 3px #00000014;--shadow-hover:0 8px 16px #0000001f}[data-theme=dark]{--bg:#0f172a;--bg-alt:#1e293b;--text:#f1f5f9;--text-secondary:#94a3b8;--border:#ffffff1a;--code-bg:#0d1117;--shadow:0 1px 3px #0000004d;--shadow-hover:0 8px 16px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;line-height:1.6}.theme-toggle{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--text);z-index:100;box-shadow:var(--shadow);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;position:fixed;top:24px;right:24px}.theme-toggle:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.showcase-container{width:100%;max-width:none;padding:0}.hero-section{text-align:center;background:linear-gradient(180deg,var(--bg)0%,var(--bg-alt)100%);border-bottom:1px solid var(--border);padding:140px 8% 100px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:800px;height:800px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.hero-badge{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;z-index:1;background:#6366f11a;border:1px solid #6366f133;border-radius:24px;margin-bottom:32px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block;position:relative}.hero-title{letter-spacing:-.03em;color:#0000;z-index:1;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:max(3rem,min(7vw,5rem));font-weight:800;line-height:1.1;position:relative}.hero-subtitle{color:var(--text-secondary);z-index:1;max-width:700px;margin:0 auto 40px;font-size:max(1.1rem,min(2.5vw,1.35rem));font-weight:400;line-height:1.7;position:relative}.hero-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:relative}.demo-btn{cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:10px;align-items:center;padding:16px 36px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.demo-btn:not(.secondary){background:var(--accent);color:#fff}.demo-btn.secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.demo-btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.demo-btn:not(.secondary):hover{background:var(--accent-hover)}section{border-bottom:1px solid var(--border);padding:100px 8%}section:nth-child(2n){background:var(--bg-alt)}.section-title{letter-spacing:-.02em;color:var(--text);margin-bottom:20px;font-size:max(2rem,min(4vw,2.75rem));font-weight:700}section>p{color:var(--text-secondary);max-width:800px;margin-bottom:48px;font-size:1.1rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-top:48px;display:grid}.feature-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:32px;transition:all .2s}.feature-item:hover{box-shadow:var(--shadow-hover);border-color:#6366f14d;transform:translateY(-4px)}.feature-item h3{color:var(--text);margin-bottom:12px;font-size:1.4rem;font-weight:600}.feature-item p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.code-block{background:var(--code-bg);border:1px solid #ffffff0d;border-radius:12px;margin:24px 0;padding:24px;overflow-x:auto}.code-header{color:#94a3b8;border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;font-size:13px;font-weight:500;display:flex}pre{color:#e2e8f0;font-family:SF Mono,Monaco,Menlo,monospace;font-size:14px;line-height:1.7;overflow-x:auto}.example-section{border-bottom:1px solid var(--border);margin:56px 0;padding-bottom:56px}.example-section:last-child{border-bottom:none}.example-section h3{color:var(--text);margin-bottom:12px;font-size:1.6rem;font-weight:600}.example-section>p{color:var(--text-secondary);margin-bottom:20px;font-size:1.05rem}ul{margin:24px 0;padding-left:28px}li{color:var(--text-secondary);margin:12px 0;font-size:1.05rem;line-height:1.6}a{color:var(--accent);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}@media (max-width:1024px){.hero-section{padding:100px 6% 80px}section{padding:80px 6%}}@media (max-width:768px){.hero-section{padding:80px 5% 60px}section{padding:60px 5%}.feature-grid{grid-template-columns:1fr;gap:32px}.hero-actions{flex-direction:column;align-items:stretch}.demo-btn{justify-content:center;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-section>*{animation:.6s ease-out backwards fadeIn}.hero-badge{animation-delay:.1s}.hero-title{animation-delay:.2s}.hero-subtitle{animation-delay:.3s}.hero-actions{animation-delay:.4s}.landing-container{width:100%;max-width:none;padding:0}.gradient-text{color:#0000;background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);-webkit-background-clip:text;background-clip:text}.live-demo-box{background:var(--bg-alt);border:1px solid var(--border);z-index:1;border-radius:16px;max-width:500px;margin:40px auto;padding:32px;position:relative}.demo-label{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.demo-prompt{color:var(--accent);margin-bottom:24px;font-family:SF Mono,Monaco,monospace;font-size:1.5rem;font-weight:600}.demo-btn.primary{background:var(--accent);color:#fff}.demo-btn.outline{color:var(--text);border:1px solid var(--border);background:0 0}.hero-links{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex;position:relative}.back-link{color:var(--accent);cursor:pointer;margin-bottom:24px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.back-link:hover{opacity:.8;text-decoration:none}.dev-speed-section{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.dev-speed-content{padding-right:32px}.section-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:#6366f11a;border-radius:20px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.dev-speed-content h2{color:var(--text);margin-bottom:16px;font-size:2rem;font-weight:700}.dev-speed-content p{color:var(--text-secondary);margin-bottom:24px;line-height:1.7}.feature-list{margin:0;padding:0;list-style:none}.feature-list li{color:var(--text-secondary);padding:8px 0;font-size:1rem}.dev-speed-code{background:var(--bg-alt);border-radius:16px;padding:8px}.use-cases-section{text-align:center}.section-subtitle{color:var(--text-secondary);margin-bottom:48px;font-size:1.1rem}.use-case-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.use-case-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .2s}.use-case-card:hover{box-shadow:var(--shadow-hover);border-color:#6366f14d;transform:translateY(-4px)}.use-case-icon{margin-bottom:16px;font-size:2.5rem}.use-case-card h3{color:var(--text);margin-bottom:8px;font-size:1.25rem;font-weight:600}.use-case-scenario{color:var(--accent);margin-bottom:16px;font-size:.95rem;font-style:italic}.use-case-card .code-block{margin:16px 0;padding:16px;font-size:12px}.use-case-card .code-block.small pre{font-size:12px;line-height:1.5}.use-case-benefit{color:var(--text-secondary);border-top:1px solid var(--border);margin-top:16px;padding-top:16px;font-size:.85rem}.versatility-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-top:32px;display:grid}.versatility-item{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:12px;padding:24px;transition:all .2s}.versatility-item:hover{border-color:#6366f14d;transform:translateY(-2px)}.v-icon{margin-bottom:12px;font-size:2rem;display:block}.versatility-item h4{color:var(--text);margin-bottom:8px;font-size:1rem;font-weight:600}.versatility-item p{color:var(--text-secondary);font-size:.9rem;font-style:italic}.cto-vault-section{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.cto-content{padding-right:32px}.cto-content h2{color:var(--text);margin-bottom:16px;font-size:2rem;font-weight:700}.cto-content p{color:var(--text-secondary);line-height:1.7}.cto-features{flex-direction:column;gap:24px;display:flex}.cto-feature{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:16px;padding:20px;display:flex}.cto-feature span{flex-shrink:0;font-size:1.5rem}.cto-feature h4{color:var(--text);margin-bottom:4px;font-size:1rem;font-weight:600}.cto-feature p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.landing-footer{text-align:center;background:linear-gradient(180deg,var(--bg-alt)0%,var(--bg)100%);padding:100px 8%}.landing-footer h2{color:var(--text);margin-bottom:16px;font-size:max(1.75rem,min(4vw,2.5rem));font-weight:700}.landing-footer>p{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem}.footer-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;display:flex}.footer-note{color:var(--text-secondary);font-size:.9rem}@media (max-width:1024px){.dev-speed-section,.cto-vault-section{grid-template-columns:1fr;gap:48px}.dev-speed-content,.cto-content{padding-right:0}}@media (max-width:768px){.use-case-grid{grid-template-columns:1fr}.versatility-grid{grid-template-columns:repeat(2,1fr)}.footer-actions{flex-direction:column;align-items:center}}