:root{--color-primary:#205a4f;--color-accent:#c2410c;--color-background:#f7f8f5;--color-foreground:#18201d;--color-muted:#5e6a64;--color-border:#d8dfda;--surface:#fff;--ink:#182620;--surface-elevated:color-mix(in srgb, var(--surface) 88%, var(--color-accent));--radius:6px;--focus-ring:0 0 0 3px #e0b44c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(145deg, color-mix(in srgb, var(--color-accent) 8%, white), transparent 26%), linear-gradient(180deg, color-mix(in srgb, var(--color-background) 76%, white), var(--color-background) 44%, color-mix(in srgb, var(--color-primary) 8%, var(--color-background))), var(--color-background);color:var(--color-foreground);margin:0}main{width:min(1120px,100vw - 32px);margin:0 auto;padding:32px 0 64px}section{border-bottom:1px solid var(--color-border);padding:28px 0}.hero{align-content:center;align-items:center;column-gap:var(--space-8);grid-template-columns:minmax(0,.78fr) minmax(360px,.92fr);gap:20px;min-height:58vh;display:grid}.hero>:not(.product-visual){grid-column:1}.hero>.product-visual{grid-area:1/2/span 5}h1,h2{letter-spacing:0;max-width:780px;margin:0;font-family:Inter Tight,Inter,Arial,sans-serif;line-height:1.05}h1{font-size:48px}h2{font-size:28px}p,li{max-width:720px;line-height:1.6}a,button,.button{border-radius:var(--radius);background:var(--color-primary);color:#fff;cursor:pointer;min-height:44px;font:inherit;border:0;justify-content:center;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.button-secondary{background:var(--surface);border:1px solid var(--color-border);color:var(--color-foreground)}.button-ghost{color:var(--color-foreground);background:0 0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:0}.landing-shell{gap:var(--space-8);display:grid}.landing-nav{border-bottom:1px solid var(--color-border);background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 88%, var(--color-accent)), var(--surface)), var(--surface);min-height:64px;padding:var(--space-3);justify-content:space-between;align-items:center}.landing-brand{min-height:44px;color:var(--color-foreground);background:0 0;justify-content:flex-start;gap:2px;padding:0;display:grid}.landing-brand span{font-weight:800}.landing-brand small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.landing-nav-links{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.landing-nav-links a:not(.button){color:var(--color-foreground);background:0 0}.landing-nav,.landing-actions,.metric-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.metric-row,.feature-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.page-band{padding:48px 0}.product-visual,.panel,.metric,.empty-state{border:1px solid color-mix(in srgb, var(--color-border) 80%, var(--color-primary));border-radius:var(--radius);background:var(--surface);padding:var(--space-4)}.metric{gap:var(--space-2);min-height:136px;box-shadow:inset 0 3px 0 var(--color-accent);align-content:start;display:grid}.product-visual{gap:var(--space-4);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 18%, var(--surface)), var(--surface) 42%, color-mix(in srgb, var(--color-accent) 15%, var(--surface))), var(--surface);min-height:260px;box-shadow:0 32px 86px color-mix(in srgb, var(--color-primary) 16%, transparent);display:grid}.agent-workbench{position:relative;overflow:hidden}.agent-workbench:before{content:"";pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 34%), linear-gradient(180deg, #ffffff94, transparent);opacity:.72;position:absolute;inset:0}.agent-workbench>*{position:relative}.visual-agent-status{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.visual-agent-status>div{border:1px solid color-mix(in srgb, var(--color-accent) 18%, var(--color-border));border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 88%, var(--color-accent));min-width:0;padding:var(--space-2)}.visual-agent-status span{color:var(--color-muted);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.visual-agent-status strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.visual-focus{gap:var(--space-3);border:1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 76%, var(--color-accent)), var(--surface)), var(--surface);padding:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.visual-focus>div:first-child{gap:4px;min-width:0;display:grid}.visual-focus span,.visual-output span{color:var(--color-muted);text-transform:uppercase;font-size:12px;font-weight:700}.visual-focus strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visual-focus small{color:var(--color-muted);overflow-wrap:anywhere}.visual-pulse{grid-template-columns:repeat(3,8px);align-items:center;gap:5px;display:inline-grid}.visual-pulse span{background:var(--color-accent);width:8px;height:8px;box-shadow:0 0 0 6px color-mix(in srgb, var(--color-accent) 12%, transparent);border-radius:999px}.visual-rail{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.visual-rail span{background:color-mix(in srgb, var(--color-border) 72%, var(--surface));border-radius:999px;min-height:6px}.visual-rail span:first-child,.visual-rail span[data-state=next],.visual-rail span[data-state=start],.visual-rail span[data-state=ready],.visual-rail span[data-state=done],.visual-rail span[data-state=success]{background:linear-gradient(90deg, var(--color-primary), var(--color-accent))}.visual-stage{border:1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));border-radius:var(--radius);background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 28%, transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--ink) 8%, white), color-mix(in srgb, var(--color-background) 60%, white));gap:var(--space-2);min-height:132px;padding:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.visual-stage-card{border-radius:calc(var(--radius) - 2px);background:color-mix(in srgb, var(--surface) 90%, var(--color-primary));border:1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-border));align-content:start;gap:4px;min-width:0;padding:10px;display:grid;box-shadow:inset 0 1px #ffffffb8}.visual-stage-card span,.visual-stage-card small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visual-stage-card strong{color:var(--color-primary);font-size:13px}.metric strong{font-size:28px;display:block}.visual-topline{gap:var(--space-1);display:grid}.visual-topline small{color:var(--color-muted);overflow-wrap:anywhere}.visual-topline>span{color:var(--color-muted);text-transform:uppercase;font-size:12px;font-weight:700}.workflow-steps,.visual-rows{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.workflow-steps li,.visual-row{gap:var(--space-3);border-top:1px solid color-mix(in srgb, var(--color-border) 84%, var(--color-primary));padding-top:var(--space-2);grid-template-columns:minmax(68px,96px) minmax(0,1fr) auto;align-items:center;display:grid}.workflow-steps span,.visual-row span,.metric span{color:var(--color-muted);font-size:13px}.visual-row em{border:1px solid var(--color-border);color:var(--color-primary);border-radius:999px;padding:2px 8px;font-style:normal}.visual-output{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid color-mix(in srgb, var(--color-border) 84%, var(--color-primary));padding-top:var(--space-2);display:flex}.visual-row strong,.metric strong,.panel p{overflow-wrap:anywhere}form{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--surface);max-width:480px;padding:var(--space-4);gap:12px;display:grid}.field{color:var(--color-muted);gap:6px;font-size:.84rem;font-weight:800;display:grid}.checkbox-field{color:var(--color-muted);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;font-size:.84rem;font-weight:700;display:grid}.checkbox-field input{min-height:18px;margin-top:2px}input{border:1px solid var(--color-border);border-radius:var(--radius);min-height:44px;font:inherit;padding:0 12px}.form-status{border:1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));border-radius:var(--radius);background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-primary);margin:0;padding:10px 12px;font-weight:800}.form-status-error{color:#8d2f25;background:#fff4f1;border-color:#d06b5f}@media (max-width:640px){main{width:min(100vw - 24px,560px);padding-top:20px}h1{font-size:36px}.hero{grid-template-columns:1fr;min-height:auto}.hero>:not(.product-visual),.hero>.product-visual{grid-area:auto/1}.landing-actions a,.landing-actions button{width:100%}.visual-agent-status{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-nav,.landing-nav-links{flex-direction:column;align-items:stretch}.landing-nav-links a,.landing-nav-links .button,.workflow-steps li,.visual-row{width:100%}.workflow-steps li,.visual-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
