:root{--color-bg: #0a0a0a;--color-bg-elevated: #111111;--color-primary: #a855f7;--color-primary-hover: #c084fc;--color-primary-glow: rgba(168, 85, 247, .4);--color-text: #ffffff;--color-text-muted: #a1a1aa;--color-border: #1f2937;--color-border-subtle: #171717;--font-display: "Instrument Serif", Georgia, serif;--font-body: "Satoshi", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(to right,#202020 1px,transparent 1px),linear-gradient(to bottom,#202020 1px,transparent 1px);background-size:40px 40px;opacity:.4;pointer-events:none;z-index:0;mask-image:radial-gradient(circle at center top,black,transparent 80%);-webkit-mask-image:radial-gradient(circle at center top,black,transparent 80%)}body:after{content:"";position:fixed;top:0;left:0;right:0;height:100vh;background:radial-gradient(circle at 50% 0%,rgba(168,85,247,.08),transparent 60%);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}code,pre{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh;display:flex;flex-direction:column}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 1.5rem;background:linear-gradient(to bottom,var(--color-bg),transparent)}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.625rem;color:var(--color-text);text-decoration:none}.logo-emoji{font-size:1.5rem;line-height:1}.logo-icon{width:1.5rem;height:1.5rem}.logo-text{font-family:var(--font-body);font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.nav-buttons{display:flex;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:9999px;transition:all .2s ease}.btn-outline{color:var(--color-text);background:transparent;border:1px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-text-muted);background:#ffffff0d}.btn-primary{color:var(--color-bg);background:var(--color-primary);border:1px solid var(--color-primary)}.btn-primary:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8rem 1.5rem 1rem;text-align:center;max-width:900px;margin:0 auto}.hero-title{font-family:var(--font-body);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;font-style:normal;line-height:1.1;margin-bottom:1.25rem;color:var(--color-text)}.hero-title-accent{color:var(--color-primary)}.hero-decoration{display:flex;gap:.5rem;margin-bottom:0;color:var(--color-primary);font-size:.875rem;opacity:.8}.hero-description{font-size:1.0625rem;line-height:1.7;color:var(--color-text-muted);max-width:580px;margin-bottom:1.5rem}.hero-link{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a855f766}.hero-link:hover{color:var(--color-primary-hover);text-decoration-color:var(--color-primary-hover)}.chat-section{width:100%;max-width:700px;margin-top:0}.chat-headline{font-family:var(--font-body);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;font-style:normal;color:var(--color-text);margin-bottom:1.5rem}.chat-input-container{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;background:#1a1a1a;border:1px solid #333333;border-radius:12px;transition:all .2s ease;min-height:120px}.chat-input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #a855f71a}.chat-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-body);font-size:1rem;color:var(--color-text);padding:.25rem 0;resize:none;line-height:1.5}.chat-input::placeholder{color:#52525b;font-weight:400}.chat-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s ease;flex-shrink:0;cursor:pointer}.chat-btn-add{color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border)}.chat-btn-add:hover{color:var(--color-text);border-color:var(--color-text-muted);background:#ffffff0d}.chat-btn-group{display:flex;align-items:center;align-self:flex-end;margin-left:auto;gap:.5rem}.chat-btn-send{color:#fff;background:#6366f1;border:1px solid #6366F1}.chat-btn-send:hover{background:#4f46e5;border-color:#4f46e5;box-shadow:none}.chat-btn-mic{color:var(--color-text-muted);background:#ffffff0d;border:1px solid var(--color-border)}.chat-btn-mic:hover{color:var(--color-text);border-color:var(--color-text-muted)}.chat-btn-mic.listening{color:#ef4444;border-color:#ef4444;background:#ef44441a;animation:pulse-mic 1.5s infinite}@keyframes pulse-mic{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.example-pills-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem}.example-pills-label{font-size:.8125rem;color:var(--color-text-muted)}.example-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.example-pill{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid #2a2a2d;border-radius:9999px;transition:all .2s ease;cursor:pointer}.example-pill:hover{border-color:#22d3ee;color:var(--color-text);background:#22d3ee0d}.example-pill-icon{font-size:.875rem}.example-pill-label{white-space:nowrap}.use-cases{padding:1.5rem 1.5rem 4rem;width:100%}.use-cases-container{max-width:900px;margin:0 auto}.use-cases-title{font-family:var(--font-body);font-size:1.75rem;font-weight:700;color:var(--color-text);margin:0 0 2rem;text-align:center}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.use-case-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;transition:all .2s ease;cursor:pointer}.use-case-card:hover{border-color:var(--color-primary);background:#a855f70d}.use-case-content{flex:1}.use-case-name{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.use-case-description{font-size:.875rem;line-height:1.5;color:var(--color-text-muted);margin:0}.use-case-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.5rem;background:#a855f71a;border-radius:12px;flex-shrink:0}.pricing{padding:4rem 1.5rem 2rem;width:100%}.pricing-container{max-width:900px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.pricing-card{background:transparent;border:none;border-radius:16px;padding:2rem;display:flex;flex-direction:column}.pricing-card-highlighted{background:var(--color-bg-elevated);border:1px solid var(--color-border)}.pricing-header{margin-bottom:1.5rem}.pricing-name{font-family:var(--font-body);font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0 0 .75rem}.pricing-card-highlighted .pricing-name{color:var(--color-text)}.pricing-price{display:flex;align-items:baseline;gap:.5rem}.pricing-amount{font-family:var(--font-body);font-size:3rem;font-weight:600;line-height:1;color:var(--color-text)}.pricing-period{font-size:1rem;font-weight:400;color:var(--color-text-muted);display:flex;flex-direction:column;line-height:1.3}.pricing-description{font-size:1rem;line-height:1.5;color:var(--color-text-muted);margin:0 0 1.5rem}.pricing-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1.5rem;margin-bottom:2rem;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease}.pricing-cta:hover{background:var(--color-border);border-color:var(--color-text-muted)}.pricing-cta-accent{color:var(--color-bg);background:var(--color-primary);border-color:var(--color-primary)}.pricing-cta-accent:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 0 20px var(--color-primary-glow)}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.875rem}.pricing-feature{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;color:var(--color-text)}.pricing-feature-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0;margin-top:1px}.how-it-works{padding:3rem 1.5rem 5rem;width:100%}.how-it-works-container{max-width:1100px;margin:0 auto}.how-it-works-title{font-family:var(--font-body);font-size:1.75rem;font-weight:700;color:var(--color-text);margin:0 0 2.5rem;text-align:center}.how-it-works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.how-it-works-card{display:flex;flex-direction:column;background:#141414;border:1px solid #2a2a2d;border-radius:16px;overflow:hidden;transition:border-color .2s ease,transform .2s ease}.how-it-works-card:hover{border-color:#3f3f46;transform:translateY(-2px)}.how-it-works-mockup{padding:1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f0f0f,#141414);border-bottom:1px solid #2a2a2d}.mockup-browser{width:100%;background:#1a1a1a;border:1px solid #333;border-radius:10px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset}.mockup-browser-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#262626;border-bottom:1px solid #333}.browser-dot{width:10px;height:10px;border-radius:50%;background:#3a3a3a}.browser-dot.red{background:#ff5f57}.browser-dot.yellow{background:#febc2e}.browser-dot.green{background:#28c840}.mockup-window{width:100%;background:#1a1a1a;padding:1rem;height:220px;display:flex;flex-direction:column}.mockup-describe .mockup-window{gap:.75rem;padding:1rem;justify-content:space-between}.mockup-input-container{display:flex;flex-direction:column;gap:.5rem;background:#0f0f0f;border:1px solid #333;border-radius:8px;padding:.75rem}.mockup-input-field{display:flex;flex-direction:column;gap:.375rem}.mockup-plus{color:#52525b;font-size:.875rem}.mockup-text{color:#a1a1aa;font-size:.8125rem;line-height:1.5}.mockup-cursor{color:#22d3ee;font-size:.875rem;font-weight:300;line-height:1;animation:blink .6s step-end infinite;margin-top:.25rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.mockup-input-actions{display:flex;justify-content:flex-end;padding-top:.5rem}.mockup-send-btn{width:32px;height:32px;background:#6366f1;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #6366f14d;animation:send-pulse 3s ease-in-out infinite}@keyframes send-pulse{0%,70%,to{transform:scale(1);box-shadow:0 2px 8px #6366f14d}80%{transform:scale(1.05);box-shadow:0 2px 16px #6366f180}}.mockup-send-btn svg{color:#fff;width:14px;height:14px}.mockup-build .mockup-window{padding:1rem;justify-content:center}.mockup-workflow{display:flex;flex-direction:column;gap:0;width:100%}.workflow-step{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:6px;font-size:.8125rem;color:#71717a;background:transparent;transition:all .2s ease;opacity:0;transform:translate(-10px);animation:step-appear 4s ease-in-out infinite}.workflow-step:nth-child(1){animation-delay:0s}.workflow-step:nth-child(3){animation-delay:.8s}.workflow-step:nth-child(5){animation-delay:1.6s}@keyframes step-appear{0%,5%{opacity:0;transform:translate(-10px);color:#71717a;background:transparent}15%,85%{opacity:1;transform:translate(0)}25%{color:#22d3ee;background:#22d3ee14}35%,85%{color:#e4e4e7;background:#262626}95%,to{opacity:0;transform:translate(-10px)}}.workflow-step.active{color:#e4e4e7;background:#262626}.workflow-step.building{color:#22d3ee;background:#22d3ee14;border:1px solid rgba(34,211,238,.25)}.step-dot{width:10px;height:10px;border-radius:50%;background:#3f3f46;flex-shrink:0;position:relative;transition:all .3s ease}.workflow-step.active .step-dot{background:#22c55e;box-shadow:0 0 8px #22c55e66}.workflow-step.active .step-dot:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6px;color:#0a0a0a;font-weight:700}.workflow-step.building .step-dot{background:#22d3ee;box-shadow:0 0 12px #22d3ee80;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 12px #22d3ee80}50%{opacity:.7;box-shadow:0 0 20px #22d3eecc}}.workflow-line{width:2px;height:16px;background:linear-gradient(180deg,#3f3f46,#333);margin-left:calc(.875rem + 4px);opacity:0;animation:line-appear 4s ease-in-out infinite}.workflow-line:nth-child(2){animation-delay:.4s}.workflow-line:nth-child(4){animation-delay:1.2s}@keyframes line-appear{0%,10%{opacity:0;height:0}20%,85%{opacity:1;height:16px}95%,to{opacity:0;height:0}}.workflow-step.active+.workflow-line{background:linear-gradient(180deg,#22c55e,#3f3f46)}.mockup-share .mockup-window{padding:1rem}.mockup-agent-ui{display:flex;flex-direction:column;gap:1rem;width:100%}.agent-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid #333}.agent-header-left{display:flex;align-items:center;gap:.625rem}.agent-status{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e80;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{box-shadow:0 0 8px #22c55e80;transform:scale(1)}50%{box-shadow:0 0 16px #22c55ecc;transform:scale(1.1)}}.agent-name{font-size:.9375rem;font-weight:600;color:#fff}.agent-badge{font-size:.625rem;font-weight:500;color:#22c55e;background:#22c55e26;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;animation:badge-pulse 3s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.agent-stats{display:flex;gap:1.5rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:#fff;animation:stat-count 5s ease-in-out infinite}.stat:first-child .stat-value{animation-delay:0s}.stat:last-child .stat-value{animation-delay:.5s}@keyframes stat-count{0%,85%{transform:translateY(0);color:#fff}90%{transform:translateY(-2px);color:#22d3ee}95%,to{transform:translateY(0);color:#fff}}.stat-label{font-size:.6875rem;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.agent-actions{display:flex;gap:.5rem;margin-top:auto}.share-btn{flex:1;padding:.625rem 1rem;background:#22d3ee;color:#0a0a0a;font-size:.8125rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #22d3ee40;animation:share-glow 3s ease-in-out infinite}@keyframes share-glow{0%,to{box-shadow:0 2px 8px #22d3ee40}50%{box-shadow:0 2px 16px #22d3ee66}}.share-btn:hover{background:#06b6d4;transform:translateY(-1px);animation:none}.deploy-btn{flex:1;padding:.625rem 1rem;background:transparent;color:#a1a1aa;font-size:.8125rem;font-weight:500;border:1px solid #3f3f46;border-radius:6px;cursor:pointer;transition:all .2s ease}.deploy-btn:hover{border-color:#52525b;color:#e4e4e7}.mockup-review .mockup-window{padding:.75rem}.email-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.email-card{background:#1f1f1f;border:1px solid #333;border-radius:6px;padding:.5rem .625rem;display:flex;flex-direction:column;gap:.25rem}.email-subject{font-size:.6875rem;font-weight:600;color:#e4e4e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-draft{font-size:.625rem;color:#71717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-actions{display:flex;gap:.25rem;margin-top:.25rem}.email-btn{padding:.1875rem .375rem;font-size:.5625rem;font-weight:500;border-radius:3px;cursor:pointer;transition:all .2s ease;border:none}.email-btn-send{background:#22d3ee;color:#0a0a0a}.email-btn-send:hover{background:#06b6d4}.email-btn-muted{background:transparent;color:#71717a;border:1px solid #3f3f46}.email-btn-muted:hover{color:#a1a1aa;border-color:#52525b}.how-it-works-content{padding:1.25rem 1.5rem 1.5rem}.how-it-works-step-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.how-it-works-step-title svg{color:#22d3ee;flex-shrink:0}.how-it-works-step-title h3{font-family:var(--font-body);font-size:1.0625rem;font-weight:600;color:var(--color-text);margin:0}.how-it-works-description{font-size:.875rem;line-height:1.6;color:#a1a1aa;margin:0}@media(max-width:900px){.how-it-works-grid{grid-template-columns:1fr;gap:1.5rem}.how-it-works-mockup{min-height:220px}}.faq{padding:4rem 1.5rem;width:100%}.faq-container{max-width:800px;margin:0 auto}.faq-title{font-family:var(--font-body);font-size:2rem;font-weight:700;color:var(--color-text);margin:0 0 2rem}.faq-list{border-top:1px solid #2a2a2d}.faq-item{border-bottom:1px solid #2a2a2d}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:1.0625rem;font-weight:500;color:var(--color-text);transition:color .2s ease}.faq-question:hover{color:#22d3ee}.faq-icon{font-size:1.5rem;font-weight:300;color:#71717a;transition:transform .3s ease;flex-shrink:0;margin-left:1rem}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:200px;padding-bottom:1.5rem}.faq-answer p{margin:0;font-size:.9375rem;line-height:1.7;color:#a1a1aa}.footer{padding:3rem 1.5rem 2rem;width:100%}.footer-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.footer-row{display:flex;align-items:center;justify-content:space-between}.footer-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:9999px}.footer-badge svg{color:var(--color-text-muted)}.footer-socials{display:flex;align-items:center;gap:.75rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:10px;transition:all .2s ease}.social-link:hover{color:var(--color-text);border-color:var(--color-text-muted);background:#ffffff0d}.footer-links{display:flex;align-items:center;gap:.75rem}.footer-link{font-size:.875rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--color-text)}.footer-divider{color:var(--color-border)}.footer-copyright{font-size:.875rem;color:var(--color-text-muted);margin:0}@media(max-width:600px){.footer-row{flex-direction:column;gap:1rem;text-align:center}}@media(max-width:640px){.nav{padding:1rem}.nav-buttons{gap:.5rem}.btn{padding:.5rem 1rem;font-size:.8125rem}.hero{padding:7rem 1rem 3rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.chat-headline{font-size:1.5rem}.chat-input-container{padding:.75rem;border-radius:16px}.chat-input{font-size:.9375rem}.chat-btn{width:36px;height:36px}.integration-logos{gap:.375rem}.integration-btn{width:40px;height:40px;font-size:1.25rem}.use-cases{padding:3rem 1rem}.use-cases-title{font-size:1.5rem}.use-cases-grid{grid-template-columns:1fr;gap:.75rem}.use-case-card{padding:1.25rem}.use-case-icon{width:40px;height:40px;font-size:1.25rem}.pricing{padding:3rem 1rem 2rem}.pricing-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card,.pricing-card-highlighted{padding:1.5rem}.pricing-amount{font-size:2.5rem}.pricing-feature{font-size:.875rem}}