:root{--bg:#070b16;--panel:rgba(18,25,46,.72);--line:rgba(148,163,209,.16);--text:#e8ecf8;--muted:#9aa5c4;--accent:#7cf7d4;--accent2:#8b7bff;--warn:#ffb86b;--bad:#ff6b8b;--ok:#5ef0a5;--radius:18px}
*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}
.aurora{position:fixed;inset:-20% 0 auto 0;height:80vh;z-index:-1;background:radial-gradient(40% 50% at 20% 30%,rgba(139,123,255,.35),transparent 70%),radial-gradient(35% 45% at 80% 20%,rgba(124,247,212,.22),transparent 70%),radial-gradient(50% 50% at 50% 90%,rgba(56,97,251,.18),transparent 70%);filter:blur(20px)}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px clamp(16px,4vw,48px);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);position:sticky;top:0;background:rgba(7,11,22,.6);z-index:5;flex-wrap:wrap}
.brand{color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.2px;font-size:18px}
.mark{background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;letter-spacing:2px;margin-right:6px}
.topnav{display:flex;gap:8px;flex-wrap:wrap}
.wrap{max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,48px) clamp(16px,4vw,48px)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:24px 0 40px}
.eyebrow{display:inline-block;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);border:1px solid rgba(124,247,212,.35);padding:6px 12px;border-radius:999px;background:rgba(124,247,212,.06)}
h1{font-size:clamp(34px,5.4vw,60px);line-height:1.04;margin:16px 0;letter-spacing:-1.5px;font-weight:800}
h1 em{font-style:normal;background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:22px;margin:0 0 6px;letter-spacing:-.3px}h3{margin:0 0 6px;font-size:16px}
.lead{color:var(--muted);font-size:18px;max-width:620px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:11px 18px;border-radius:12px;font:inherit;font-weight:600;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}
.btn:hover{border-color:rgba(124,247,212,.5);transform:translateY(-1px)}
.btn.primary{background:linear-gradient(120deg,var(--accent),#5bd6ff 50%,var(--accent2));color:#071022;border:0;box-shadow:0 10px 30px -10px rgba(124,247,212,.6)}
.btn.small{padding:7px 12px;font-size:13px;border-radius:10px}.btn.danger{color:var(--bad);border-color:rgba(255,107,139,.35)}
.btn.ghost.active{border-color:var(--accent);color:var(--accent)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;backdrop-filter:blur(14px);box-shadow:0 20px 60px -30px rgba(0,0,0,.8)}
.flow{display:grid;gap:12px}
.flow .node{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.flow .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}
.flow .dot.v{background:var(--accent2);box-shadow:0 0 16px var(--accent2)}.flow .dot.w{background:var(--warn);box-shadow:0 0 16px var(--warn)}
.flow small{color:var(--muted);display:block}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature p{color:var(--muted);margin:6px 0 0;font-size:14px}
.stat .num{font-size:30px;font-weight:800;letter-spacing:-1px}.stat .lbl{color:var(--muted);font-size:13px}
.tabs{display:flex;gap:8px;margin:24px 0 16px;flex-wrap:wrap}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px}
.tablewrap{overflow-x:auto}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--line)}
.pill.allowed,.pill.on{color:var(--ok);border-color:rgba(94,240,165,.4);background:rgba(94,240,165,.08)}
.pill.denied,.pill.off{color:var(--bad);border-color:rgba(255,107,139,.4);background:rgba(255,107,139,.08)}
.pill.error{color:var(--warn);border-color:rgba(255,184,107,.4);background:rgba(255,184,107,.08)}
.pill.demo{color:var(--accent2);border-color:rgba(139,123,255,.45);background:rgba(139,123,255,.1)}
code,.mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.secret{word-break:break-all;background:rgba(124,247,212,.07);border:1px dashed rgba(124,247,212,.45);padding:10px 12px;border-radius:10px;color:var(--accent)}
label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}
input,select,textarea{width:100%;background:rgba(5,9,20,.7);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;font:inherit}
textarea{min-height:90px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(124,247,212,.4);border-color:transparent}
pre{white-space:pre-wrap;word-break:break-word;background:rgba(5,9,20,.75);border:1px solid var(--line);border-radius:12px;padding:14px;max-height:360px;overflow:auto;margin:0}
.muted{color:var(--muted)}.notice{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,184,107,.35);background:rgba(255,184,107,.07);color:#ffd9ad;font-size:14px}
.toast{position:fixed;right:16px;bottom:16px;max-width:360px;padding:12px 16px;border-radius:12px;background:#121a33;border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:10}
.toast.bad{border-color:rgba(255,107,139,.5)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.foot{color:var(--muted);font-size:12px;text-align:center;padding:32px 16px 40px;border-top:1px solid var(--line);margin-top:40px}
@media (max-width:900px){.hero,.split{grid-template-columns:1fr}.grid3,.grid4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.grid3,.grid4{grid-template-columns:1fr}h1{letter-spacing:-1px}.lead{font-size:16px}th:nth-child(n+5),td:nth-child(n+5){display:none}}
.mt24{margin-top:24px}.mt16{margin-top:16px}.mb16{margin-bottom:16px}.keycard{margin:12px 0;padding:16px}.wsname{font-size:clamp(28px,4vw,40px)}
/* Agent Workforce additions */
:root{--gold:#ffd27a}
.mark{letter-spacing:2.5px}
.hero-panel .roster-mini{display:grid;gap:10px}
.mini{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#071022;background:linear-gradient(135deg,var(--accent),var(--accent2));flex:none}
.avatar.b{background:linear-gradient(135deg,#ffd27a,#ff8bb3)}.avatar.c{background:linear-gradient(135deg,#5bd6ff,#8b7bff)}.avatar.d{background:linear-gradient(135deg,#9aa5c4,#566089)}
.mini small,.agent small{color:var(--muted);display:block;font-size:12px}
.status-dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok);margin-left:auto;flex:none}.status-dot.paused{background:var(--muted);box-shadow:none}
.actbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:8px 0 4px}
.actas{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.chip.active{border-color:var(--accent);color:var(--accent);background:rgba(124,247,212,.08)}
.board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}
.col{background:rgba(10,15,30,.55);border:1px solid var(--line);border-radius:16px;padding:12px;min-height:200px}
.col h3{display:flex;justify-content:space-between;align-items:center;font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:2px 4px 10px}
.col h3 .count{background:rgba(255,255,255,.06);border-radius:999px;padding:1px 9px;color:var(--text)}
.ticket{background:linear-gradient(180deg,rgba(24,32,58,.9),rgba(16,22,42,.9));border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px;cursor:pointer;transition:border-color .15s,transform .15s}
.ticket:hover{border-color:rgba(124,247,212,.45);transform:translateY(-1px)}
.ticket .t{font-weight:650;font-size:14px;line-height:1.35;margin:6px 0}
.ticket .meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}
.prio{font-weight:800;font-size:11px;padding:2px 8px;border-radius:8px;background:rgba(255,255,255,.07)}
.prio.p0{background:rgba(255,107,139,.18);color:#ff9ab0}.prio.p1{background:rgba(255,184,107,.16);color:#ffc98f}.prio.p2{background:rgba(255,210,122,.12);color:var(--gold)}
.lane{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;color:var(--accent)}
.lease{font-size:12px;color:var(--muted);margin-top:6px}.lease.on{color:var(--ok)}.lease.off{color:var(--warn)}
.ticket .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.agent .head{display:flex;gap:12px;align-items:center}
.agent .lanes,.agent .tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.agent p{color:var(--muted);font-size:14px;margin:10px 0 0}
.agent .stats{display:flex;gap:16px;margin-top:12px;font-size:13px;color:var(--muted)}.agent .stats b{color:var(--text);font-size:18px;display:block}
.tag{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.tag.l{color:var(--accent);border-color:rgba(124,247,212,.3)}
.pill.queued{color:var(--muted)}.pill.claimed,.pill.in_progress{color:#8fd8ff;border-color:rgba(91,214,255,.4)}.pill.blocked{color:var(--bad);border-color:rgba(255,107,139,.4)}
.pill.needs_approval{color:var(--gold);border-color:rgba(255,210,122,.45);background:rgba(255,210,122,.08)}.pill.done{color:var(--ok);border-color:rgba(94,240,165,.4)}
.digest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.digest-sec h3{display:flex;gap:8px;align-items:center}.digest-sec ul{margin:8px 0 0;padding-left:18px;color:var(--text)}.digest-sec li{margin:6px 0;font-size:14px}.digest-sec li small{color:var(--muted)}
.drawer{position:fixed;inset:0;background:rgba(3,6,14,.7);backdrop-filter:blur(6px);z-index:20;display:flex;justify-content:flex-end}
.drawer .panel{width:min(560px,100%);height:100%;overflow:auto;background:#0b1124;border-left:1px solid var(--line);padding:24px}
.timeline{list-style:none;padding:0;margin:16px 0 0;border-left:2px solid var(--line)}
.timeline li{position:relative;padding:0 0 14px 16px;font-size:14px}.timeline li:before{content:"";position:absolute;left:-6px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent2)}
.timeline li small{color:var(--muted);display:block}
.timeline a,.digest-sec a{color:var(--accent)}
.hidden{display:none!important}
.kicker{color:var(--muted);font-size:13px;letter-spacing:1px;text-transform:uppercase}
@media (max-width:900px){.digest-grid{grid-template-columns:1fr 1fr}.board{grid-template-columns:repeat(5,minmax(240px,82vw))}}
@media (max-width:520px){.digest-grid{grid-template-columns:1fr}}
a.btn{text-decoration:none;display:inline-block}
.wrap.wide{max-width:1500px}
@media (min-width:1101px){.wrap.wide .board{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:visible}}