:root{color-scheme:dark;--bg: #0b0b0c;--surface: #17171a;--surface-2: #1e1e22;--border: #2a2a2e;--text: #f4f4f1;--text-muted: #a3a29b;--text-dim: #6e6d66;--accent: #f97316;--accent-dim: rgba(249, 115, 22, .13);--accent-2: #fbbf24;--plot-1: #4e79a7;--plot-2: #f28e2b;--plot-3: #e15759;--plot-4: #76b7b2;--plot-5: #59a14f;--run-ok: var(--plot-5);--run-warn: var(--plot-2);--run-fail: var(--plot-3);--lead-1: var(--plot-1);--lead-2: #86aacb;--lead-3: #365a80;--spend-1: #a3d0cc;--spend-2: var(--plot-4);--spend-3: #4e8984;--mail-1: var(--plot-2);--mail-2: #f7b871;--mail-3: #c26a0e;--grid-line: #29292c;--card-shadow: rgba(0, 0, 0, .5);--agent-1: var(--plot-1);--agent-2: var(--plot-2);--agent-3: var(--plot-4);--agent-4: var(--plot-5);--agent-5: var(--plot-3);--agent-6: var(--lead-3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, monospace}:root[data-theme=light]{color-scheme:light;--bg: #f5f4f1;--surface: #ffffff;--surface-2: #edecE7;--border: #dddcd4;--text: #171712;--text-muted: #55544c;--text-dim: #767570;--accent: #f97316;--accent-dim: rgba(249, 115, 22, .16);--accent-2: #a16207;--grid-line: #e7e6df;--card-shadow: rgba(30, 25, 15, .16)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:16px/1.65 var(--font-sans);-webkit-font-smoothing:antialiased}.grid-bg{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25) 60%,transparent);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25) 60%,transparent)}.mark{width:26px;height:26px;color:var(--text);flex-shrink:0}.accent{color:var(--accent)}.nav{max-width:1080px;margin:0 auto;padding:24px 24px 22px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700;font-size:20px;letter-spacing:.08em}.nav-brand .mark{width:44px;height:44px}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:14.5px;transition:color .15s ease}.nav-links a:hover{color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease}.theme-toggle:hover{color:var(--text);background:var(--surface-2)}.theme-toggle svg{width:16px;height:16px}:root[data-theme=light] .icon-sun{display:none}:root:not([data-theme=light]) .icon-moon{display:none}.btn{display:inline-block;padding:9px 18px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font:500 14.5px var(--font-sans);text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent);box-shadow:0 0 24px var(--accent-dim),0 0 0 1px var(--accent)}.hero{max-width:1080px;margin:0 auto;padding:64px 24px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.eyebrow{font:600 12.5px var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:14px}.hero h1{font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.025em;font-weight:700;margin-bottom:18px}.hero-sub{color:var(--text-muted);font-size:clamp(17px,2vw,20px);max-width:68ch;text-wrap:balance}.lede{color:var(--text-muted);font-size:17px;max-width:46ch}.hero-actions{display:flex;gap:12px;margin-top:28px;justify-content:center}.btn-lg{padding:12px 26px;font-size:16px;border-radius:10px}.screen-wrap{position:relative;width:100%;margin-top:56px;text-align:left}.screen-glow{position:absolute;inset:-90px -120px -40px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 50% 25%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%)}.screen{aspect-ratio:16 / 9;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 40px 110px var(--card-shadow);overflow:hidden}.screen-chrome{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}.traffic{width:10px;height:10px;border-radius:50%;background:var(--border);flex-shrink:0}.screen-url{margin:0 auto;font:11.5px var(--font-mono);color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px 16px}.screen-chrome:after{content:"";width:44px;flex-shrink:0}.screen-body{display:grid;grid-template-columns:164px minmax(0,1fr);flex:1;min-height:0}.screen-side{border-right:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;gap:3px}.side-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;letter-spacing:.08em;padding:2px 10px 14px}.side-brand .mark{width:18px;height:18px}.side-link{font-size:12.5px;color:var(--text-muted);padding:6px 10px;border-radius:6px}.side-link.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.screen-main{min-width:0;min-height:0;padding:16px;display:flex;flex-direction:column;gap:14px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{border:1px solid var(--border);border-radius:10px;padding:10px 12px 9px;display:flex;flex-direction:column;gap:1px}.stat-label{font:500 10.5px var(--font-mono);color:var(--text-dim);white-space:nowrap}.stat-value{font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.3}.stat-sub{font-size:11px;color:var(--text-muted);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.screen .stats{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.screen .stat{padding:8px 10px 7px}.screen .stat-label{font-size:10px}.screen .stat-value{font-size:18px}.screen .stat-sub{font-size:10.5px;gap:4px}.screen .charts{gap:12px}.screen .chart-card{padding:10px 12px 6px;border-radius:10px}.screen .chart-head{margin-bottom:6px}.screen .chart-title{font-size:11px}.screen .legend{font-size:10.5px;gap:9px}.screen .runlog .row{padding:8px 10px;margin-bottom:5px}.screen .runlog{box-shadow:none;border-radius:10px;padding:12px 12px 8px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.screen .runlog-body{min-height:0;flex:1;overflow:hidden}.logos{max-width:1080px;margin:0 auto;padding:72px 24px 16px;text-align:center}.logos-label{font:600 12.5px var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);margin-bottom:30px}.logo-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent)}.logo-row{list-style:none;display:flex;align-items:center;width:max-content;color:var(--text-dim);opacity:.45;animation:logo-scroll 65s linear infinite}@keyframes logo-scroll{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.logo-row{animation:none}}.logo{display:flex;justify-content:center;width:344px;flex-shrink:0}.logo-svg{height:36px;width:auto}.agents-viz{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center}.donut-wrap{position:relative;max-width:400px;margin:0 auto;width:100%}#agent-donut{display:block;width:100%;height:auto}#agent-donut .slice{cursor:pointer;transform-origin:160px 160px;transition:transform .18s ease,opacity .18s ease;outline:none}#agent-donut .slice:hover,#agent-donut .slice.sel{transform:scale(1.04)}#agent-donut .slice:focus-visible{stroke:var(--text);stroke-width:2}#agent-donut.has-sel .slice:not(.sel):not(:hover){opacity:.35}.donut-val{font:700 34px var(--font-sans);letter-spacing:-.02em;fill:var(--text)}.donut-sub{font:500 12px var(--font-mono);fill:var(--text-dim)}.agent-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:26px 28px;min-height:372px}.panel-title{display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:12px}.panel-title .chip{width:11px;height:11px}.panel-copy{color:var(--text-muted);font-size:14.5px}.panel-did{margin-top:14px;padding:12px 14px;border-left:2px solid var(--agent-c, var(--accent));background:color-mix(in srgb,var(--agent-c, var(--accent)) 12%,transparent);border-radius:0 8px 8px 0;color:var(--text-muted);font-size:13.5px}.panel-back{border:none;background:none;color:var(--text-dim);font:500 12.5px var(--font-mono);cursor:pointer;padding:0;margin-bottom:12px}.panel-back:hover{color:var(--text)}.panel-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 16px}.panel-stat{border:1px solid var(--border);border-radius:10px;padding:9px 12px 7px;display:flex;flex-direction:column}.agent-legend{list-style:none;margin-top:16px}.legend-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:none;color:var(--text);font:500 14px var(--font-sans);text-align:left;cursor:pointer;transition:background .15s ease}.legend-row:hover{background:var(--surface-2)}.legend-name{flex:1}.legend-hours{font:12.5px var(--font-mono);color:var(--text-dim)}.runlog{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 14px 12px;box-shadow:0 24px 60px var(--card-shadow)}.runlog-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 12px}.runlog-title{font-size:13.5px;font-weight:600}.runlog-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--run-ok);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.runlog-body{min-height:268px}.runlog .row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 12px;margin-bottom:6px;border-radius:8px;background:color-mix(in srgb,var(--row-c, var(--border)) 7%,transparent)}.runlog .row-time{font:11.5px var(--font-mono);color:var(--text-dim)}.runlog .row-task{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runlog .row-meta{font:11.5px var(--font-mono);color:var(--text-muted);text-align:right}.runlog .pill{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap}.runlog .pill.ok{color:var(--run-ok);background:color-mix(in srgb,var(--run-ok) 13%,transparent)}.runlog .pill.running{color:var(--accent);background:var(--accent-dim)}.section{max-width:1080px;margin:0 auto;padding:72px 24px}.section h2{font-size:clamp(26px,3.4vw,34px);letter-spacing:-.015em;margin-bottom:40px}.section-intro{color:var(--text-muted);font-size:16.5px;max-width:58ch;margin:-26px 0 36px}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 18px 14px;position:relative}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.chart-title{font:500 12.5px var(--font-mono);color:var(--text-dim)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chip{width:9px;height:9px;border-radius:2.5px;flex-shrink:0}.chart-card svg{display:block;width:100%;height:auto}.chart-card .grid-line{stroke:var(--grid-line);stroke-width:1}.chart-card .axis-label{font:10.5px var(--font-mono);fill:var(--text-dim)}.viz-tip{position:absolute;z-index:5;pointer-events:none;transform:translate(-50%,calc(-100% - 10px));background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 11px;font-size:12px;line-height:1.7;color:var(--text-muted);white-space:nowrap;box-shadow:0 8px 24px #00000040}.viz-tip strong{color:var(--text);font-weight:600}.viz-tip .tip-date{display:block;color:var(--text);font-weight:600;margin-bottom:2px}.viz-tip .chip{margin-right:6px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.steps li{border-left:2px solid var(--accent);padding:6px 4px 6px 22px}.step-num{color:var(--accent);margin-right:4px}.steps h3{font-size:17px;margin-bottom:8px}.steps p{color:var(--text-muted);font-size:14.5px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature{border:1px solid var(--border);padding:24px 22px;background:var(--surface)}.feature h3{font-size:15.5px;margin-bottom:6px}.feature p{color:var(--text-muted);font-size:14px}.cta{text-align:center;padding-bottom:96px}.cta .lede{margin:0 auto 24px}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer{border-top:1px solid var(--border);padding:26px 24px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-dim);font-size:13.5px}.footer .mark{width:18px;height:18px;color:var(--text-dim)}.login{border:none;border-radius:12px;padding:0;background:transparent}.login::backdrop{background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;width:min(92vw,420px);color:var(--text)}.login-card h3{font-size:18px;margin-bottom:6px}.login-card>p{color:var(--text-muted);font-size:14px;margin-bottom:18px}.slug-row{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:0 12px;transition:border-color .15s ease}.slug-row:focus-within{border-color:var(--accent)}.slug-row input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font:15px var(--font-mono);padding:11px 0}.slug-domain{color:var(--text-dim);font:15px var(--font-mono)}.login-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:820px){.hero{padding-top:44px}.screen{aspect-ratio:auto}.screen-body{grid-template-columns:1fr}.screen-side{display:none}.stats,.screen .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.features,.charts,.agents-viz{grid-template-columns:1fr}.agents-viz{gap:32px}.donut-wrap{max-width:320px}.agent-panel{min-height:0}.logos{padding-top:48px}.logo{width:260px}.logo-svg{height:28px}.nav-links a[href="#platform"],.nav-links a[href="#agents"]{display:none}}