*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #09090b;--bg-surface: #0f0f11;--bg-elevated: #18181b;--bg-hover: #27272a;--text-primary: #fafaf9;--text-secondary: #a1a1aa;--text-muted: #71717a;--amber: #f59e0b;--amber-dim: #b45309;--amber-glow: rgba(245, 158, 11, .15);--amber-bright: #fbbf24;--cyan: #06b6d4;--cyan-dim: #0891b2;--cyan-glow: rgba(6, 182, 212, .15);--border: #27272a;--border-subtle: #1f1f23;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--container-max: 1200px;--container-padding: 1.5rem}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--text-secondary);background:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;background:#09090bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.nav-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo-img{height:28px;width:auto}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--text-primary)}.nav-github{display:flex;align-items:center;gap:.5rem}.hero{position:relative;padding:10rem 0 6rem;text-align:center;overflow:hidden}.hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse at center,rgba(245,158,11,.12) 0%,transparent 70%);pointer-events:none}.hero-logo{margin-bottom:2rem;animation:fadeInUp .6s ease}.hero-logo img{height:124;width:auto}.badge-dot{width:6px;height:6px;background:var(--amber);border-radius:50%;animation:pulse 2s infinite}.hero-title{font-family:var(--font-mono);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:1.5rem;animation:fadeInUp .6s ease .1s both}.hero-title .highlight{background:linear-gradient(135deg,var(--amber) 0%,var(--amber-bright) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:540px;margin:0 auto 2.5rem;animation:fadeInUp .6s ease .2s both}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .6s ease .3s both}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius);font-family:var(--font-sans);font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--amber);color:var(--bg-deep)}.btn-primary:hover{background:var(--amber-bright);transform:translateY(-2px);box-shadow:0 8px 30px #f59e0b4d}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted)}.loop-diagram{position:relative;margin-top:4rem;padding:2rem;max-width:650px;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease .4s both}.loop-svg{width:100%;height:auto;display:block}.loop-path,.loop-path-animated{fill:none}.path-forward{animation:dashFlow 2s linear infinite}.path-backward{animation:dashFlow 2s linear infinite;animation-delay:-1s}@keyframes dashFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-40}}.path-label{font-family:var(--font-mono);font-size:11px;fill:var(--text-muted);letter-spacing:.02em}.arrow-head{transition:transform .3s ease}.arrow-head-1{animation:arrowPulse 2s ease-in-out infinite}.arrow-head-2{animation:arrowPulse 2s ease-in-out infinite;animation-delay:1s}@keyframes arrowPulse{0%,to{opacity:.6}50%{opacity:1}}.loop-node{position:absolute;top:50%;transform:translateY(-50%);width:140px;z-index:10}.loop-node.actor{left:0}.loop-node.critic{right:0}.node-content{position:relative;padding:1.25rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all .3s ease;z-index:2}.loop-node:hover .node-content{border-color:var(--amber-dim);transform:scale(1.02)}.loop-node.actor .node-content{border-color:var(--amber-dim)}.loop-node.critic .node-content{border-color:var(--cyan-dim)}.node-glow{position:absolute;inset:-20px;border-radius:50%;opacity:.5;z-index:1;pointer-events:none}.loop-node.actor .node-glow{background:radial-gradient(circle,rgba(245,158,11,.2) 0%,transparent 70%);animation:glowPulse 3s ease-in-out infinite}.loop-node.critic .node-glow{background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);animation:glowPulse 3s ease-in-out infinite 1.5s}@keyframes glowPulse{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1.2);opacity:.6}}.node-icon{margin-bottom:.5rem;display:flex;justify-content:center}.node-icon svg{width:28px;height:28px}.loop-node.actor .node-icon svg{color:var(--amber)}.loop-node.critic .node-icon svg{color:var(--cyan)}.node-label{font-family:var(--font-mono);font-weight:600;font-size:1rem;color:var(--text-primary)}.node-desc{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.loop-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.status-text{display:block;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.2em;color:var(--amber);background:var(--bg-deep);padding:.4rem .75rem;border:1px solid var(--amber-dim);border-radius:100px;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}.problem{padding:6rem 0;background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.section-tag{display:inline-block;padding:.35rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.problem-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.problem-headline{font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1.5rem}.problem-lead{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.problem-emphasis{font-family:var(--font-mono);font-size:1.1rem;font-weight:500;color:#ef4444}.problem-terminal{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.terminal-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.terminal-dot{width:10px;height:10px;border-radius:50%;background:var(--border)}.terminal-dot:nth-child(1){background:#ef4444}.terminal-dot:nth-child(2){background:#f59e0b}.terminal-dot:nth-child(3){background:#22c55e}.terminal-title{margin-left:auto;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.terminal-body{padding:1.25rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.8}.terminal-line{display:flex;align-items:flex-start;gap:.5rem}.terminal-line.output{color:var(--text-secondary);padding-left:1.25rem}.terminal-line.error{color:#ef4444}.terminal-line.indent{padding-left:2.5rem;font-size:.75rem;opacity:.8}.terminal-line.comment{color:var(--text-muted);font-style:italic;margin-top:.5rem}.terminal-prompt{color:var(--amber);-webkit-user-select:none;user-select:none}.terminal-cmd{color:var(--text-primary)}.terminal-success{color:#22c55e}.terminal-error{color:#ef4444}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.solution{padding:6rem 0}.solution-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.solution-terminal{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.solution-terminal .terminal-body{max-height:420px;overflow-y:auto}.solution-headline{font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1.5rem}.solution-lead{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.solution-lead strong{color:var(--text-primary)}.solution-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.solution-list li{display:flex;align-items:center;gap:1rem;font-size:1rem;color:var(--text-secondary)}.solution-list li strong{color:var(--text-primary)}.list-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border);flex-shrink:0}.list-icon svg{width:20px;height:20px}.list-icon.actor{border-color:var(--amber-dim);color:var(--amber)}.list-icon.critic{border-color:var(--cyan-dim);color:var(--cyan)}.list-icon.loop{border-color:#22c55e;color:#22c55e}.iteration-badge{display:inline-block;padding:.15rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:.5rem 0}.terminal-line.dim{opacity:.7}.terminal-actor{color:var(--amber);font-weight:500}.terminal-critic{color:var(--cyan);font-weight:500}.terminal-warning{color:var(--amber);font-weight:600}.terminal-done{color:#22c55e;font-weight:600}.terminal-line.success-line{background:#22c55e1a;margin:0 -1.25rem;padding:.25rem 1.25rem .25rem 2.5rem}.get-started{padding:6rem 0}.get-started-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:center}.get-started-headline{font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem}.get-started-lead{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.get-started-steps{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.step{display:flex;align-items:flex-start;gap:1rem}.step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--amber-glow);border:1px solid var(--amber-dim);border-radius:50%;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--amber);flex-shrink:0}.step-content h4{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.15rem}.step-content p{font-size:.85rem;color:var(--text-muted)}.text-link{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.9rem;font-weight:500;color:var(--cyan);text-decoration:none;transition:all .2s ease}.text-link:hover{color:var(--text-primary)}.text-link svg{transition:transform .2s ease}.text-link:hover svg{transform:translate(2px,-2px)}.get-started-terminal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.get-started-terminal .terminal-body{padding:1.5rem}.get-started-terminal .terminal-line{margin-bottom:.25rem}.get-started-terminal .terminal-line.comment{margin-top:1rem}.get-started-terminal .terminal-line.comment:first-child{margin-top:0}.get-started-terminal .string{color:var(--amber-bright)}.features{padding:6rem 0;background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:1.25rem}.bento-card{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease;overflow:hidden}.bento-card:hover{border-color:var(--amber-dim);transform:translateY(-2px)}.bento-card h3{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.bento-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.bento-card code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-elevated);padding:.15em .4em;border-radius:4px;color:var(--amber)}.bento-large{grid-column:span 2;display:flex;flex-direction:column;justify-content:space-between;min-height:200px}.bento-medium{grid-column:span 2;display:flex;gap:1.5rem;align-items:center}.bento-small{grid-column:span 1}.bento-content{flex:1}.bento-visual{flex-shrink:0}.bento-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem}.bento-icon svg{width:24px;height:24px;color:var(--amber)}.bento-icon.rust svg{color:#f74c00}.agents-visual{display:flex;align-items:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.agent-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.agent-dot{width:8px;height:8px;border-radius:50%}.agent-dot.claude{background:#d4a574}.agent-dot.opencode{background:#22c55e}.agent-dot.cursor{background:#3b82f6}.agent-connector{color:var(--text-muted);opacity:.5}.agent-connector svg{width:30px;height:20px}.session-visual{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;min-width:240px}.session-snippet{font-family:var(--font-mono);font-size:.75rem;line-height:1.8;color:var(--text-muted);display:block;white-space:pre}.json-key{color:var(--cyan)}.json-str{color:#22c55e}.json-num{color:var(--amber)}.ui-visual{min-width:180px}.ui-mockup{display:flex;gap:.5rem;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.ui-sidebar{width:40px;height:60px;background:var(--bg-surface);border-radius:4px}.ui-main{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.ui-line{height:8px;background:var(--border);border-radius:4px}.ui-line.short{width:60%}.feature-card h3{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.feature-card p{font-size:.95rem;color:var(--text-secondary)}.cta{padding:6rem 0;background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;color:var(--text-primary);margin-bottom:1rem}.cta-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{padding:2rem 0;border-top:1px solid var(--border-subtle)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-logo{display:flex;align-items:center}.footer-logo-img{height:24px;width:auto;opacity:.6;transition:opacity .2s ease}.footer-logo-img:hover{opacity:1}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:900px){.problem-layout{grid-template-columns:1fr;gap:2.5rem}.problem-terminal{max-width:500px}.solution-layout{grid-template-columns:1fr;gap:2.5rem}.solution-terminal{order:2;max-width:500px}.solution-content{order:1}.bento-grid{grid-template-columns:1fr 1fr}.bento-large,.bento-medium{grid-column:span 2}.bento-medium{flex-direction:column;align-items:flex-start}.bento-visual{width:100%}.session-visual,.ui-visual{min-width:auto;width:100%}.get-started-layout{grid-template-columns:1fr;gap:2.5rem}}@media(max-width:600px){.bento-grid{grid-template-columns:1fr}.bento-large,.bento-medium,.bento-small{grid-column:span 1}.get-started-layout{grid-template-columns:1fr;gap:2.5rem}.get-started-terminal{max-width:100%;overflow-x:auto}.get-started-terminal .terminal-body{font-size:.75rem}}@media(max-width:768px){.hero{padding:8rem 0 4rem}.hero-subtitle{font-size:1.1rem}.loop-diagram{margin-top:2rem;padding:1rem 0}.loop-svg{display:none}.loop-node{position:relative;top:auto;left:auto;right:auto;transform:none;width:100%;max-width:200px;margin:0 auto 1rem}.loop-node.actor,.loop-node.critic{position:relative}.loop-status{position:relative;top:auto;left:auto;transform:none;text-align:center;margin:1rem 0}.code-blocks{grid-template-columns:1fr}.nav-links a:not(.nav-github){display:none}.terminal-body{font-size:.7rem;padding:1rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--bg-hover) var(--bg-deep)}::selection{background:var(--amber-dim);color:var(--text-primary)}