/* CJS — tokens from /var/www/agents/nackado-style-guide.md */
:root{--bg:#111310;--panel:#1a1d17;--line:#343b2b;--ink:#f2f5ea;--muted:#aeb8a0;--lime:#cbff56;--orange:#ff8b54;--blue:#83beff;--btn:#242b1d;--on-lime:#111;color-scheme:dark}
:root[data-theme=light]{--bg:#f6f8fc;--panel:#fff;--line:#bfcbd9;--ink:#182a40;--muted:#4c6075;--lime:#246545;--orange:#a54618;--blue:#165f89;--btn:#e7edf5;--on-lime:#fff;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:16px}
a{color:inherit}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--lime);color:var(--on-lime);padding:10px 14px;z-index:9}.skip:focus{left:8px}
.announcement{background:var(--lime);color:var(--on-lime);text-align:center;font-size:12px;font-weight:700;letter-spacing:.13em;padding:10px}
header.site{max-width:1440px;margin:auto;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;flex-wrap:wrap}
.wordmark{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:30px;letter-spacing:-.04em;text-decoration:none}
.wordmark span{color:var(--lime);font-weight:600}
header.site nav{display:flex;gap:26px;align-items:center;font-size:14px;flex-wrap:wrap}
header.site nav a{text-decoration:none;padding:8px 0}
header.site nav a:hover,header.site nav a[aria-current=page]{color:var(--lime)}
.theme-control{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.theme-control select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:8px 10px;min-height:44px;font:inherit}
main{max-width:1440px;margin:auto;padding:0 4%}
.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--lime);text-transform:uppercase}
h1,h2,h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;line-height:.98;margin:20px 0;overflow-wrap:anywhere}
h1{font-size:clamp(48px,6.5vw,96px);letter-spacing:-.025em}h1 em,h2 em{font-style:normal;color:var(--lime)}
h2{font-size:46px}h3{font-size:27px}
p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:13px}
.hero{padding:65px 0 55px;max-width:900px}.hero p{max-width:560px;color:var(--muted)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.button,button{display:inline-block;cursor:pointer;border:1px solid var(--line);padding:13px 19px;border-radius:4px;background:var(--btn);color:var(--ink);font:inherit;font-weight:600;text-decoration:none;min-height:44px}
.button:hover,button:hover{border-color:var(--lime)}
.lime{background:var(--lime)!important;color:var(--on-lime)!important;border-color:var(--lime)!important}
section.block{padding:38px 0 60px;border-top:1px solid var(--line)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.section-heading h2{margin:14px 0 24px}
.pill{display:inline-block;border:1px solid var(--line);padding:7px 10px;border-radius:30px;font-size:12px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid var(--line);border-top:4px solid var(--lime);background:var(--panel);min-width:0}
.card.orange{border-top-color:var(--orange)}.card.blue{border-top-color:var(--blue)}.card.muted-top{border-top-color:var(--line)}
.card h3{font-size:40px;margin:6px 0}.card p{color:var(--muted);margin:0;flex:1}
.card .pill{align-self:flex-start}
.index{font-size:14px;letter-spacing:.08em;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:40px 0}
.steps article{border-top:2px solid var(--line);padding-top:20px}
.steps article>span{color:var(--lime);font-family:'Barlow Condensed',sans-serif;font-size:30px}
.steps p{color:var(--muted)}
.callout{padding:18px 22px;background:var(--panel);border-left:3px solid var(--lime);margin:0 0 20px}
.prose{max-width:820px}.prose p{line-height:1.65}
form.inquiry{display:grid;gap:18px;padding:28px;background:var(--panel);border:1px solid var(--line);max-width:720px}
label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--muted)}
.req{color:var(--orange)}
input,select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:5px;color:var(--ink);padding:11px;font:inherit;font-size:16px;width:100%}
textarea{min-height:140px}
[aria-invalid=true]{border-color:var(--orange)}
.error{color:var(--orange);font-size:13px;min-height:1em}
#formStatus{font-size:14px}
footer.site{max-width:1440px;margin:auto;padding:35px 4%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;flex-wrap:wrap}
footer.site nav{display:flex;gap:16px;flex-wrap:wrap}footer.site a{text-decoration:none}footer.site a:hover{color:var(--lime)}
/* Office */
.office-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted)}
.floor{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:24px 0}
.desk{position:relative;padding:22px;border:1px solid var(--line);border-top:4px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:10px;min-width:0}
.desk h3{font-size:34px;margin:0}.desk .room{font-size:12px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}
.desk dl{margin:0;display:grid;gap:8px}.desk dt{font-size:12px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.desk dd{margin:0;overflow-wrap:anywhere}
.status{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;padding:6px 10px;font-size:12px;align-self:flex-start}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted)}
.s-active{border-top-color:var(--lime)}.s-active .status::before{background:var(--lime)}
.s-waiting,.s-blocked{border-top-color:var(--orange)}.s-waiting .status::before,.s-blocked .status::before{background:var(--orange)}
.s-idle{border-top-color:var(--blue)}.s-idle .status::before{background:var(--blue)}
.s-offline{opacity:.7}
.empty-desk{border-style:dashed;border-top-width:1px;justify-content:center;color:var(--muted)}
.office-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px}
.feed{list-style:none;margin:0;padding:0 0 0 22px;border-left:2px solid var(--line)}
.feed li{margin:0 0 18px;font-size:14px}.feed time{display:block;font-size:12px;color:var(--muted);letter-spacing:.05em}
.feed strong{color:var(--lime)}
.projects{display:grid;gap:14px}
.project{border:1px solid var(--line);border-left:3px solid var(--line);padding:16px 18px;background:var(--panel)}
.project h3{font-size:24px;margin:0 0 6px}.project p{margin:4px 0;color:var(--muted);font-size:14px}
.p-active{border-left-color:var(--lime)}.p-waiting{border-left-color:var(--orange)}.p-live{border-left-color:var(--blue)}
.notice{border:1px dashed var(--orange);padding:14px 16px;color:var(--orange);font-size:14px}
@media(max-width:800px){.grid,.grid.two,.steps,.office-cols{grid-template-columns:minmax(0,1fr)}h2{font-size:36px}.section-heading{flex-direction:column;align-items:start}header.site{padding:18px 5%}}
@media(max-width:700px){main,footer.site{padding-inline:16px}header.site{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}header.site nav{gap:8px 16px}h1{font-size:clamp(42px,13vw,64px)}.card,form.inquiry{padding:22px}}
@media(prefers-reduced-motion:no-preference){.desk.updated{animation:none}}