:root{--bg:#101511;--panel:#171d18;--panel-2:#1c241e;--line:#2a342c;--text:#f2f5ed;--muted:#919d92;--green:#b9f36b;--green-soft:rgba(185,243,107,.12);--amber:#f2bd66;--red:#ff8178;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.ambient{position:fixed;z-index:0;pointer-events:none;filter:blur(90px);opacity:.1;border-radius:50%}.ambient-one{width:380px;height:380px;background:#6ad84e;top:-190px;left:35%}.ambient-two{width:290px;height:290px;background:#9acc55;bottom:-220px;right:5%}.app-shell{position:relative;z-index:1;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#131914;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 17px 18px;z-index:5}.brand{display:flex;gap:11px;align-items:center;color:var(--text);font-weight:800;font-size:16px;text-decoration:none;letter-spacing:-.7px;padding:0 7px 32px}.brand small{display:block;font:9px var(--mono);color:#809083;letter-spacing:1.2px;margin-top:4px}.brand-mark{width:42px;height:42px;border:1px solid rgba(185,243,107,.35);display:grid;place-content:center;border-radius:13px;color:var(--green);font-weight:800;font-size:20px;background:var(--green-soft);box-shadow:0 0 24px rgba(185,243,107,.08)}.brand-mark span,.orbit-center span{color:#f3f3eb}.brand-mark.small{width:37px;height:37px;border-radius:11px;font-size:18px}.workspace-label,.eyebrow{font:10px var(--mono);letter-spacing:1.15px;color:#839087}.workspace-label{padding:0 10px 11px}.navigation{display:grid;gap:5px}.nav-link{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:8px;color:#a8b1a8;text-decoration:none;font-size:12px;font-weight:600;transition:.2s}.nav-link:hover,.nav-link.active{background:#222d23;color:var(--green)}.nav-link.active{box-shadow:inset 2px 0 var(--green)}.nav-icon{font-size:16px;color:#8e9b8e;width:17px;text-align:center}.nav-link.active .nav-icon{color:var(--green)}.sidebar-bottom{margin-top:auto}.sidebar-status{border:1px solid var(--line);border-radius:9px;padding:12px 10px;display:flex;align-items:center;gap:9px}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{font-size:11px}.sidebar-status small{color:var(--muted);font-size:9px;margin-top:4px}.pulse-dot,.status-indicator{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(185,243,107,.6);flex-shrink:0}.pulse-dot{animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 2px rgba(185,243,107,.15);opacity:.6}}.logout{margin:15px 8px 0;color:#a7b0a7;background:none;border:0;font-size:11px}.logout span{margin-right:8px}.main-content{margin-left:238px;min-height:100vh}.topbar{height:67px;border-bottom:1px solid rgba(42,52,44,.78);display:flex;align-items:center;justify-content:space-between;padding:0 4.7%;background:rgba(16,21,17,.58);backdrop-filter:blur(14px);position:sticky;top:0;z-index:4}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 10px;color:#536052}.breadcrumb strong{color:#e5ebe2;font-weight:600}.topbar-right{display:flex;align-items:center;gap:18px}.date-label{font:10px var(--mono);color:#9aa69a}.icon-button{background:none;border:1px solid var(--line);color:#c7d0c5;width:29px;height:29px;border-radius:7px;font-size:16px}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-content:center;background:#c8f387;color:#192018;font-weight:800;font-size:11px}.page-wrap{max-width:1460px;margin:0 auto;padding:37px 4.7% 32px}.hero{position:relative;min-height:143px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{margin:0 0 10px}.eyebrow-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;vertical-align:1px;margin-right:6px;box-shadow:0 0 9px var(--green)}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(27px,3.3vw,42px);letter-spacing:-2px;margin:0 0 8px;font-weight:700}.hero h1 span{color:var(--green)}.hero-subtitle{font-size:12px;color:#9ca89d;margin:0}.hero-orbit{position:relative;width:164px;height:142px;margin-right:5%;}.orbit-ring{position:absolute;border:1px solid rgba(185,243,107,.2);border-radius:50%;inset:9px 17px;transform:rotate(-25deg)}.ring-b{inset:26px 0;transform:rotate(38deg);border-color:rgba(185,243,107,.11)}.orbit-center{position:absolute;left:57px;top:46px;width:50px;height:50px;border:1px solid rgba(185,243,107,.4);border-radius:16px;display:grid;place-content:center;color:var(--green);font-weight:800;font-size:19px;background:#1a241b;box-shadow:0 0 29px rgba(185,243,107,.11)}.orbit-node{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}.node-a{left:24px;top:27px}.node-b{right:13px;top:72px;width:5px;height:5px}.node-c{left:67px;bottom:6px;width:4px;height:4px;opacity:.6}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:37px}.metric-card{border:1px solid var(--line);border-radius:10px;background:linear-gradient(140deg,#1a211b,#161c17);padding:16px 17px;min-height:119px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:74px;height:74px;border:1px solid rgba(255,255,255,.025);border-radius:50%;right:-27px;bottom:-43px}.metric-head{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.7px;color:#8f9b90}.metric-symbol{color:var(--green);font:17px var(--sans)}.metric-value{font-size:27px;font-weight:700;letter-spacing:-1.1px;margin-top:14px}.metric-value small{font-size:15px;color:#788478;font-weight:500}.metric-foot{display:flex;align-items:center;gap:7px;margin-top:7px}.metric-caption{font-size:10px;color:#98a499}.status-indicator{width:6px;height:6px}.status-indicator.offline{background:var(--red);box-shadow:0 0 8px rgba(255,129,120,.4)}.status-indicator.pending{background:var(--amber);box-shadow:0 0 8px rgba(242,189,102,.4)}.metric-feature{border-color:rgba(185,243,107,.22);background:linear-gradient(140deg,#1c281c,#171e18)}.metric-status{font-size:17px;letter-spacing:-.2px;margin-top:18px}.section-block{margin:0 0 38px;scroll-margin-top:85px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.section-heading .eyebrow{font-size:9px;margin-bottom:6px}.section-heading h2,.agent-intro h2{margin:0;font-size:19px;letter-spacing:-.65px}.section-note,.live-label{color:#879488;font-size:10px}.live-label{display:flex;align-items:center;gap:7px}.live-label .pulse-dot{width:6px;height:6px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.product-card{padding:17px;border-radius:10px;border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden;min-height:143px;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-2px);border-color:#4b5d46}.product-top{display:flex;align-items:flex-start;justify-content:space-between}.product-icon{display:grid;place-content:center;width:33px;height:33px;border-radius:9px;color:var(--green);background:var(--green-soft);font-size:16px}.product-state{font:9px var(--mono);color:#c9a56d;border:1px solid rgba(201,165,109,.2);border-radius:20px;padding:4px 7px}.product-card h3{font-size:12px;margin:13px 0 5px;letter-spacing:-.2px}.product-card p{font-size:10px;line-height:1.65;color:#96a095;margin:0;max-width:290px}.product-category{font:9px var(--mono);color:#778478;position:absolute;right:17px;bottom:15px}.stack-card,.runs-card{border:1px solid var(--line);border-radius:10px;background:#151b16;overflow:hidden}.stack-header,.infra-row{display:grid;grid-template-columns:1.1fr 2fr .8fr;align-items:center;gap:12px;padding:11px 17px}.stack-header{font:9px var(--mono);letter-spacing:.75px;color:#768277;border-bottom:1px solid var(--line)}.infra-row{min-height:52px;border-bottom:1px solid rgba(42,52,44,.65)}.infra-row:last-child{border-bottom:0}.infra-name{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700}.infra-icon{display:grid;place-content:center;width:27px;height:27px;border:1px solid var(--line);color:#b6c1b6;border-radius:7px;font-size:13px}.infra-role{color:#929f93;font-size:10px}.infra-status{font:10px var(--mono);display:flex;align-items:center;gap:7px;color:#b0bab0}.infra-status.online{color:var(--green)}.infra-status.pending{color:var(--amber)}.infra-status.offline{color:var(--red)}.stack-footnote{padding:10px 17px;margin:0;color:#768177;font-size:9px;border-top:1px solid rgba(42,52,44,.5)}.agent-section{scroll-margin-top:85px;margin:0 0 37px;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid rgba(185,243,107,.2);border-radius:12px;background:radial-gradient(ellipse at 9% 22%,rgba(97,158,68,.12),transparent 42%),linear-gradient(125deg,#182019,#151b16);overflow:hidden;min-height:249px}.agent-intro{padding:26px 27px}.agent-intro .eyebrow{font-size:9px}.agent-intro h2{font-size:20px;margin:0 0 8px}.agent-intro>p:not(.eyebrow){font-size:10px;line-height:1.75;color:#9ca89d;max-width:330px;margin:0}.agent-capability{display:flex;align-items:center;gap:9px;margin-top:24px}.capability-icon{display:grid;place-content:center;width:28px;height:28px;border:1px solid rgba(185,243,107,.23);border-radius:8px;color:var(--green)}.agent-capability strong,.agent-capability small{display:block}.agent-capability strong{font-size:10px}.agent-capability small{font-size:9px;color:#7f8c80;margin-top:3px}.capability-arrow{margin-left:auto;color:var(--green);font-size:14px}.agent-composer{border-left:1px solid rgba(185,243,107,.13);margin:16px 0;padding:8px 23px}.composer-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.composer-tag{font:9px var(--mono);color:var(--green);display:flex;align-items:center;gap:6px}.composer-tag .pulse-dot{width:5px;height:5px}.composer-hint{font-size:9px;color:#829084}.agent-composer textarea{display:block;width:100%;resize:vertical;min-height:103px;max-height:220px;background:#111712;border:1px solid #303d31;border-radius:8px;padding:13px;color:#e9efe7;font-size:11px;line-height:1.6;outline:none;transition:border .2s}.agent-composer textarea:focus,.login-card input:focus{border-color:rgba(185,243,107,.7);box-shadow:0 0 0 3px rgba(185,243,107,.08)}.agent-composer textarea::placeholder{color:#69766c}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.privacy-hint{font-size:9px;color:#829084}.button{height:36px;border-radius:7px;padding:0 13px;border:1px solid transparent;font-size:10px;font-weight:700;transition:.2s}.button span{margin-left:10px}.button.primary{background:var(--green);color:#182016}.button.primary:hover{background:#d3ffa0;box-shadow:0 0 17px rgba(185,243,107,.2)}.button:disabled{opacity:.55;cursor:wait}.spawn-feedback{font-size:10px;min-height:16px;margin-top:6px;color:#a4b09f}.spawn-feedback.error{color:var(--red)}.runs-section{scroll-margin-top:85px}.text-button{border:0;background:none;color:var(--green);font-size:10px}.runs-card{padding:0 16px}.run-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 85px auto;align-items:center;gap:15px;border-bottom:1px solid rgba(42,52,44,.65);padding:13px 1px}.run-row:last-child{border:0}.run-task{font-size:10px;color:#dce4dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-time,.run-status{font:9px var(--mono);color:#8c998d}.run-status{display:flex;align-items:center;gap:6px}.stop-run{border:1px solid rgba(255,129,120,.24);background:transparent;color:#ff9690;padding:4px 7px;border-radius:5px;font-size:9px}.run-output{grid-column:1/-1;color:#9aa69a;font-size:10px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:-6px;padding:0 0 7px}.empty-state{color:#839085;font-size:10px;padding:17px 1px}.footer{border-top:1px solid var(--line);margin-top:35px;padding-top:15px;display:flex;justify-content:space-between;color:#748076;font:8px var(--mono);letter-spacing:.65px}.footer-dot{color:var(--green);font-size:7px;margin:0 5px}.toast{position:fixed;right:24px;bottom:24px;z-index:12;background:#273329;border:1px solid #486447;color:#e5f4dd;padding:12px 16px;border-radius:8px;font-size:11px;box-shadow:0 10px 40px #0007;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.login-shell{position:fixed;inset:0;z-index:20;background:radial-gradient(ellipse at 50% 45%,rgba(75,116,61,.19),transparent 38%),#101511;display:grid;place-content:center;padding:20px}.login-card{width:min(370px,calc(100vw - 38px));border:1px solid var(--line);background:#171e18;padding:29px;border-radius:14px;box-shadow:0 20px 90px #0008}.login-card .brand-mark{margin-bottom:24px}.login-card h1{font-size:24px;letter-spacing:-1px;margin:0 0 5px}.login-card .muted{font-size:11px;color:#8c998d;margin:0 0 23px}.login-card label{display:block;font-size:10px;margin:0 0 7px;color:#b6c1b6}.login-card input{width:100%;height:39px;background:#111712;color:var(--text);border:1px solid #344035;border-radius:7px;padding:0 10px;outline:none;margin-bottom:14px}.button.full{width:100%}.form-error{min-height:16px;color:var(--red);font-size:10px;margin:9px 0 0}.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}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.agent-section{grid-template-columns:1fr}.agent-composer{border-left:0;border-top:1px solid rgba(185,243,107,.13);margin:0 17px;padding:18px 10px}.agent-intro{padding-bottom:20px}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{width:62px;padding:17px 8px}.brand{padding:0 3px 29px}.brand>span:last-child,.workspace-label,.nav-link:not(.active)::after,.nav-link{font-size:0}.navigation{gap:7px}.nav-link{justify-content:center;padding:12px 5px}.nav-icon{font-size:17px}.sidebar-status{justify-content:center;padding:10px 4px}.sidebar-status>span:last-child,.logout{display:none}.main-content{margin-left:62px}.topbar{padding:0 17px;height:58px}.date-label{display:none}.page-wrap{padding:26px 17px 25px}.hero{min-height:126px}.hero-orbit{transform:scale(.76);transform-origin:center right;margin-right:-13px}.hero h1{font-size:29px;letter-spacing:-1.5px}.hero-subtitle{max-width:270px;line-height:1.6}.metrics-grid{gap:8px}.metric-card{padding:13px;min-height:108px}.metric-value{font-size:24px}.product-grid{grid-template-columns:1fr}.product-card{min-height:131px}.section-heading h2{font-size:17px}.section-note{font-size:9px}.stack-header,.infra-row{grid-template-columns:1.15fr 1.25fr .9fr;gap:7px;padding-left:10px;padding-right:9px}.stack-header{font-size:8px}.infra-name{font-size:9px;gap:6px}.infra-icon{width:23px;height:23px;font-size:11px}.infra-role{font-size:9px;line-height:1.4}.infra-status{font-size:8px;gap:5px}.agent-intro{padding:20px 18px}.agent-composer{padding:15px 3px}.composer-footer{align-items:flex-start;flex-direction:column}.composer-footer .button{align-self:flex-end}.privacy-hint{line-height:1.5}.run-row{grid-template-columns:minmax(0,1fr) 72px auto;gap:8px}.run-time{display:none}.footer{gap:10px;line-height:1.7}.footer span:last-child{text-align:right}.runs-card{padding:0 11px}}
@media(max-width:390px){.hero-orbit{display:none}.hero{min-height:100px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-head{font-size:8px}.metric-status{font-size:15px}.stack-header,.infra-row{grid-template-columns:1.1fr 1fr}.stack-header span:nth-child(2),.infra-role{display:none}.infra-status{justify-self:end}}