/* ============ SELF-HOSTED FONTS (no third-party requests) ============ */
:root{
  /* Mapped onto the shared brand core in css/brand.css. Values are not
     repeated here — change them in client-ops/system/brand.css and re-run
     scripts/sync-brand.js. Local names are kept so no rule below changes. */
  --bg: var(--sm-void);
  --panel: var(--sm-panel);
  --panel-2: var(--sm-panel-2);
  --edge: var(--sm-edge);
  --blue: var(--sm-blue);
  --blue-dim: var(--sm-blue-deep);
  --text: var(--sm-paper);
  --muted: var(--sm-slate);
  --green: var(--sm-green);
  --violet: var(--sm-violet);
  --teal: var(--sm-teal);
  --ember: var(--sm-fire);
  --red: var(--sm-red);

  /* site-local, not part of the shared core */
  --ink:#252527;
  --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --sans:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --disp:'Unbounded','Outfit',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.6;overflow-x:hidden}
a{color:var(--blue);text-decoration:none}
img{max-width:100%;display:block}
::selection{background:var(--blue);color:var(--bg)}

.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:4px;color:var(--blue);text-transform:uppercase}
.h-disp{font-family:var(--disp);font-weight:800;line-height:1.12}
section{padding:96px 0;position:relative}

/* ---------- NAV ---------- */
nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(6,10,18,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--edge)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.nav-brand{display:flex;align-items:center;gap:12px;color:var(--text)}
.nav-brand img{height:34px;width:auto}
.nav-brand span{font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:2px}
.nav-links{display:flex;gap:26px}
.nav-links a{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--muted);transition:color .2s}
.nav-links a:hover{color:var(--blue)}
@media(max-width:720px){.nav-links{display:none}}

/* ---------- HERO ---------- */
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative}
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-bg svg{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;position:relative}
@media(max-width:880px){.hero-grid{grid-template-columns:1fr;text-align:center}
  .hero-emblem{order:-1;margin:0 auto}}
.hero h1{font-size:clamp(34px,5.4vw,64px);margin:18px 0 20px}
.hero h1 .lt{color:var(--blue)}
.hero p.lead{font-size:19px;color:var(--muted);max-width:520px;font-weight:300}
@media(max-width:880px){.hero p.lead{margin:0 auto}}
.hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
@media(max-width:880px){.hero-cta{justify-content:center}}
.btn{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:2px;padding:14px 26px;border:1px solid var(--blue);transition:all .2s;cursor:pointer;background:transparent;color:var(--blue)}
.btn.solid{background:var(--blue);color:var(--bg);font-weight:700}
.btn.solid:hover{background:#7BBCE4;border-color:#7BBCE4}
.btn:hover{background:rgba(85,164,214,.1)}
.btn:disabled{opacity:.5;cursor:wait}
.hero-emblem{position:relative;width:min(380px,80vw);margin-left:auto}
.hero-emblem img{width:100%;height:auto;filter:drop-shadow(0 0 60px rgba(85,164,214,.35))}
.hero-emblem::after{content:"";position:absolute;inset:-12%;border:1px dashed rgba(85,164,214,.25);border-radius:50%;animation:spin 40s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-tape{margin-top:56px;font-family:var(--mono);font-size:11px;letter-spacing:3px;color:var(--muted);display:flex;gap:0;flex-wrap:wrap}
.hero-tape b{color:var(--blue);font-weight:700}
.hero-tape span{white-space:nowrap}

/* ---------- SECTION HEADERS ---------- */
.sec-head{max-width:680px;margin-bottom:56px}
.sec-head h2{font-size:clamp(26px,3.6vw,42px);margin:14px 0 16px}
.sec-head p{color:var(--muted);font-size:17px}

/* ---------- SYSTEM MAP ---------- */
#system{background:var(--panel-2);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.map-shell{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}
@media(max-width:960px){.map-shell{grid-template-columns:1fr}}
.map-panel{background:var(--panel);border:1px solid var(--edge)}
.map-panel svg{width:100%;height:auto;display:block}
.map-foot{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;color:var(--muted);padding:12px 18px;border-top:1px solid var(--edge);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.node{cursor:pointer;transition:filter .18s}
.node:hover{filter:brightness(1.3)}
.flow{animation:flow 1.3s linear infinite}
@keyframes flow{to{stroke-dashoffset:-28}}
@keyframes corepulse{0%,100%{opacity:.45}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.flow,.hero-emblem::after,.core-pulse{animation:none!important}}
.core-pulse{animation:corepulse 3s ease-in-out infinite}

.dossier{background:var(--panel);border:1px solid var(--edge);border-top:3px solid var(--blue);padding:22px;min-height:200px}
.dossier .d-name{font-family:var(--disp);font-weight:600;font-size:20px;letter-spacing:2px;margin-bottom:2px}
.dossier .d-domain{font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:14px}
.dossier .d-tag{font-size:15px;margin-bottom:14px}
.dossier .d-stack{font-family:var(--mono);font-size:11px;color:var(--muted);border-left:2px solid var(--blue);padding-left:10px;margin-bottom:10px;line-height:1.7}
.dossier .d-status{font-family:var(--mono);font-size:10px;letter-spacing:2px;margin-bottom:16px}
.dossier ul{list-style:none;display:grid;gap:8px}
.dossier li{font-family:var(--mono);font-size:12px;line-height:1.55;display:flex;gap:9px}
.dossier li::before{content:"▸";color:var(--blue)}
.d-flows{margin-top:18px}
.d-flows .fl{font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;gap:8px;margin-bottom:6px}
.d-flows .fl b{color:var(--text);font-weight:400}
.d-label{font-family:var(--mono);font-size:9px;letter-spacing:2px;color:var(--muted);margin:16px 0 8px}
.d-empty{color:var(--muted);font-family:var(--mono);font-size:12px;padding:36px 8px;text-align:center;line-height:1.8}
.dossier .d-logo{display:block;max-width:150px;margin:2px auto 16px}
.dossier .d-visit{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:2px;border:1px solid;padding:10px 16px;margin-top:20px;text-decoration:none;transition:background .2s}
.dossier .d-visit:hover{background:#0C1320}

/* ---------- AGENT CARDS ---------- */
.agents-grid{display:grid;gap:16px}
.agent-card{background:var(--panel);border:1px solid var(--edge);padding:30px;display:grid;grid-template-columns:170px 1fr;gap:26px;align-items:start;transition:border-color .25s}
.agent-card:hover{border-color:var(--ac)}
@media(max-width:720px){.agent-card{grid-template-columns:1fr}}
.agent-card .a-id{border-left:3px solid var(--ac);padding-left:14px}
.agent-card .a-name{font-family:var(--disp);font-weight:600;font-size:19px;letter-spacing:1px;color:var(--ac)}
.agent-card .a-domain{font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:6px;line-height:1.7}
.agent-card .a-verb{font-family:var(--mono);font-size:10px;letter-spacing:3px;color:var(--muted);margin-top:14px}
.agent-card p{color:var(--muted);font-size:15px;margin-bottom:12px}
.agent-card .a-caps{display:flex;flex-wrap:wrap;gap:8px}
.agent-card .cap{font-family:var(--mono);font-size:10.5px;letter-spacing:.5px;border:1px solid var(--edge);color:var(--text);padding:5px 11px}

/* ---------- CORE (split brain) ---------- */
#core .split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--edge);background:var(--panel)}
@media(max-width:760px){#core .split{grid-template-columns:1fr}}
#core .half{padding:44px 36px}
#core .half.left{border-right:1px solid var(--edge);background:linear-gradient(160deg,rgba(85,164,214,.09),transparent 60%)}
@media(max-width:760px){#core .half.left{border-right:none;border-bottom:1px solid var(--edge)}}
#core .half h3{font-family:var(--disp);font-weight:600;font-size:19px;margin:12px 0 14px}
#core .half p{color:var(--muted);font-size:15px}
#core .half .tagm{font-family:var(--mono);font-size:10px;letter-spacing:3px}
#core .half.left .tagm{color:var(--blue)}
#core .half.right .tagm{color:var(--text)}
.core-strip{margin-top:16px;border:1px solid var(--edge);background:var(--panel);padding:18px 24px;font-family:var(--mono);font-size:12px;letter-spacing:1.5px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.core-strip b{color:var(--blue);font-weight:700}

/* ---------- CHANGE-MINDS (MENTOR OPS) ---------- */
.cm-eyebrow{color:var(--teal)}
.cm-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}
@media(max-width:880px){.cm-grid{grid-template-columns:1fr}}
.cm-panel{background:var(--panel);border:1px solid var(--edge);border-top:3px solid var(--teal);padding:30px}
.cm-tagm{font-family:var(--mono);font-size:10px;letter-spacing:3px;color:var(--teal);margin-bottom:20px}
.cm-phases{list-style:none;display:grid;gap:18px}
.cm-phases li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.cm-phases .p-num{font-family:var(--disp);font-weight:800;font-size:20px;color:var(--teal);line-height:1.3}
.cm-phases h3{font-family:var(--disp);font-weight:600;font-size:15px;margin-bottom:4px}
.cm-phases p{color:var(--muted);font-size:14px}
.cm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.cm-chips span{font-family:var(--mono);font-size:10.5px;letter-spacing:.5px;border:1px solid var(--edge);color:var(--text);padding:5px 11px}
.cm-quote{font-family:var(--disp);font-weight:600;font-size:18px;line-height:1.5;margin-bottom:16px}
.cm-quote em{color:var(--teal);font-style:normal}
.cm-found{color:var(--muted);font-size:14.5px;margin-bottom:18px}
.cm-note{font-family:var(--mono);font-size:9.5px;letter-spacing:1.5px;color:var(--muted)}

/* ---------- PHILOSOPHY ---------- */
#philosophy{background:var(--panel-2);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);text-align:center}
#philosophy blockquote{font-family:var(--disp);font-weight:600;font-size:clamp(22px,3.4vw,36px);line-height:1.35;max-width:820px;margin:26px auto}
#philosophy blockquote em{color:var(--blue);font-style:normal}
#philosophy .ph-sub{color:var(--muted);max-width:640px;margin:0 auto;font-size:16px}

/* ---------- CONTACT ---------- */
#contact h2{font-size:clamp(26px,3.6vw,42px);margin:14px 0 18px}
#contact .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media(max-width:820px){#contact .contact-grid{grid-template-columns:1fr}}
#contact p.sub{color:var(--muted);font-size:17px;margin-bottom:24px}
.form{display:grid;gap:14px;background:var(--panel);border:1px solid var(--edge);padding:28px}
.form label{font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--muted);display:grid;gap:7px}
.form input,.form textarea{background:var(--bg);border:1px solid var(--edge);color:var(--text);font-family:var(--sans);font-weight:400;font-size:15px;padding:12px 14px;width:100%}
.form textarea{min-height:120px;resize:vertical}
.form input:focus,.form textarea:focus,.btn:focus,a:focus{outline:2px solid var(--blue);outline-offset:2px}
.form .hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.form-msg{font-family:var(--mono);font-size:12px;letter-spacing:1px;min-height:18px}
.form-msg.ok{color:var(--green)}
.form-msg.err{color:var(--red)}

footer{border-top:1px solid var(--edge);padding:34px 0;font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--muted)}
.foot-inner{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- 404 ---------- */
.err-page{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}
.err-page .code{font-family:var(--disp);font-weight:800;font-size:clamp(64px,14vw,140px);color:var(--blue);line-height:1}
.err-page p{color:var(--muted);margin:14px 0 28px}

.dot-live{color:var(--green)}
.dot-building{color:var(--blue)}
.err-emblem{margin:0 auto 20px}

/* ---------- PRICING ---------- */
/* Namespaced .sm-* — verified no other .sm-* selectors exist in this stylesheet
   or in any page markup. Site primitives (.eyebrow/.h-disp/.btn) are reused and
   .sm-* only carries the deltas. */
.sm-pricing-inner{max-width:720px;margin:0 auto}
.sm-eyebrow{margin-bottom:10px}
.sm-h2{font-size:clamp(27px,4vw,34px);line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.sm-lede{font-size:16px;line-height:1.6;color:var(--muted);margin-bottom:34px;max-width:58ch}

.sm-card{background:var(--panel);border:1px solid var(--edge);padding:30px 28px}
.sm-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.sm-card-label{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.sm-card-name{font-family:var(--disp);font-weight:600;font-size:19px}
.sm-badge{font-family:var(--mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;background:rgba(85,164,214,.1);border:1px solid var(--blue-dim);color:var(--blue);padding:5px 11px;white-space:nowrap}

.sm-price-row{display:flex;align-items:stretch;gap:26px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.sm-price{display:flex;flex-direction:column;gap:3px}
.sm-price-div{width:1px;background:var(--edge)}
.sm-price-num{font-family:var(--disp);font-weight:800;font-size:40px;line-height:1;letter-spacing:-.02em}
.sm-price-unit{font-size:13px;color:var(--muted)}
.sm-price-std{font-family:var(--mono);font-size:11px;color:var(--muted);opacity:.75;margin-top:4px}

.sm-why{font-size:14px;line-height:1.65;color:var(--muted);margin-top:22px}
.sm-list{list-style:none;margin-top:24px;display:grid;gap:11px}
.sm-list li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.55}
.sm-list li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;background:var(--green)}

.sm-lock{background:rgba(85,164,214,.07);border-left:2px solid var(--blue);padding:13px 16px;font-size:13.5px;line-height:1.6;color:var(--muted);margin-top:26px}
.sm-lock strong{color:var(--text);font-weight:600}

/* Geometry and color both come from .btn.solid — this only positions it. */
.sm-cta{margin-top:26px}
.sm-cta:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.sm-fine{font-size:12.5px;color:var(--muted);opacity:.8;margin-top:14px}
.sm-note{font-size:13.5px;color:var(--muted);opacity:.8;margin-top:26px;line-height:1.6;max-width:58ch}

/* Fixed-price builds — a second card under the Mercury rate card. Four line
   items rather than a price row: these are one-off deliverables, not a
   setup-plus-monthly, and showing them in the same shape would imply they are. */
.sm-card + .sm-card{margin-top:20px}
.sm-builds{list-style:none;margin:0;border-top:1px solid var(--edge)}
.sm-builds li{display:grid;grid-template-columns:1fr auto;gap:2px 18px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--edge)}
.sm-builds .b-nm{font-family:var(--disp);font-weight:600;font-size:16.5px}
.sm-builds .b-pr{grid-column:2;grid-row:1/span 2;align-self:center;font-family:var(--disp);font-weight:600;font-size:19px;color:var(--blue);text-align:right;white-space:nowrap}
.sm-builds .b-pr s{display:block;font-family:var(--mono);font-weight:400;font-size:11px;color:var(--muted);opacity:.75;margin-top:3px}
.sm-builds .b-tn{grid-column:1;font-family:var(--mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.sm-builds .b-ds{grid-column:1/-1;font-size:13.5px;line-height:1.55;color:var(--muted);margin-top:7px}

@media(max-width:600px){
  .sm-card{padding:24px 20px}
  .sm-price-row{gap:20px}
  .sm-price-div{display:none}
  .sm-price-num{font-size:34px}
  .sm-builds .b-pr{font-size:17px}
}

/* ---------- PROCESS ---------- */
#process{background:var(--panel-2);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){.steps{grid-template-columns:1fr}}
.step{background:var(--panel);border:1px solid var(--edge);padding:30px}
.s-num{font-family:var(--disp);font-weight:800;font-size:30px;color:var(--blue);margin-bottom:10px}
.step h3{font-family:var(--disp);font-weight:600;font-size:17px;margin-bottom:10px}
.step p{color:var(--muted);font-size:14.5px}

/* ---------- FAQ ---------- */
.faq-list{display:grid;gap:10px;max-width:780px}
.faq-list details{background:var(--panel);border:1px solid var(--edge)}
.faq-list details[open]{border-color:var(--blue-dim)}
.faq-list summary{cursor:pointer;padding:18px 22px;font-family:var(--mono);font-size:13px;letter-spacing:.5px;color:var(--text);list-style:none;position:relative;padding-right:44px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--blue);font-family:var(--mono);font-size:16px}
.faq-list details[open] summary::after{content:"−"}
.faq-list details p{padding:0 22px 20px;color:var(--muted);font-size:14.5px}

/* form select */
.form select{background:var(--bg);border:1px solid var(--edge);color:var(--text);font-family:var(--sans);font-weight:400;font-size:15px;padding:12px 14px;width:100%;appearance:none}
.form select:focus{outline:2px solid var(--blue);outline-offset:2px}

/* ---------- CONSENT CHECKBOX ---------- */
.form label.consent{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;font-family:var(--sans);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--muted);line-height:1.5}
.form label.consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue)}
.form label.consent a{text-decoration:underline}

/* ---------- ACCESSIBLE FLOW LIST ---------- */
.flow-list{margin-top:24px;background:var(--panel);border:1px solid var(--edge);padding:22px 26px}
.flow-list ul{list-style:none;display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.flow-list li{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.5px}

/* ---------- AGENT ACCENTS ----------
   Set as classes, not inline style attributes: the site's CSP uses
   style-src 'self' with no 'unsafe-inline', which blocks style="" in markup. */
.ac-talos{--ac:#55A4D6}
.ac-augur{--ac:#8F7CF0}
.ac-mercury{--ac:#3ED598}
.ac-aion{--ac:#4DD4CE}
.ac-vulcan{--ac:#F0865A}

/* ---------- SPACING UTILITIES ---------- */
.mt-lg{margin-top:40px}
.mt-md{margin-top:22px}
.err-links{margin-top:28px;font-family:var(--mono);font-size:11px;letter-spacing:2px}

/* ---------- AGENT CARD LINK ---------- */
.a-link{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:1.5px;margin-top:14px;border-bottom:1px solid var(--blue-dim);padding-bottom:2px}
.a-link:hover{color:var(--text);border-color:var(--text)}

/* ---------- AUDIENCE ---------- */
#audience{background:var(--panel-2);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:820px){.aud-grid{grid-template-columns:1fr}}
.aud-panel{background:var(--panel);border:1px solid var(--edge);border-top:3px solid var(--green);padding:30px}
.aud-panel.not{border-top-color:var(--red)}
.aud-panel.not .cm-tagm{color:var(--red)}
.aud-panel .cm-tagm{color:var(--green)}
.aud-panel p{color:var(--muted);font-size:15.5px}

/* ---------- PROOF OF WORK ---------- */
#proof{background:var(--panel-2);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:820px){.proof-grid{grid-template-columns:1fr}}
.proof-card{background:var(--panel);border:1px solid var(--edge);padding:30px;transition:border-color .25s}
.proof-card:hover{border-color:var(--blue-dim)}
.proof-card.empty{border-style:dashed}
.p-kind{font-family:var(--mono);font-size:10px;letter-spacing:2.5px;color:var(--blue);margin-bottom:12px}
.proof-card h3{font-family:var(--disp);font-weight:600;font-size:18px;margin-bottom:10px}
.proof-card p{color:var(--muted);font-size:14.5px}

/* ---------- OWNERSHIP ---------- */
.own-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.own-grid li{font-family:var(--mono);font-size:12px;letter-spacing:.5px;border:1px solid var(--edge);background:var(--panel);padding:14px 16px;display:flex;gap:9px}
.own-grid li::before{content:"▸";color:var(--blue)}
.own-note{margin-top:18px;font-size:13.5px;color:var(--muted)}
.own-note a{text-decoration:underline}

/* ---------- FOOTER GRID ---------- */
.foot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:720px){.foot-grid{grid-template-columns:1fr}}
.foot-col{display:grid;gap:8px;align-content:start;justify-items:start}
.foot-head{color:var(--text);font-weight:700;margin-bottom:4px}
.foot-col a{color:var(--muted)}
.foot-col a:hover{color:var(--blue)}

/* ---------- SUBPAGES (legal / talos) ---------- */
.page{padding:140px 0 80px}
.page .wrap{max-width:860px}
.page h1{font-family:var(--disp);font-weight:800;font-size:clamp(28px,4.5vw,44px);margin:12px 0 18px}
.page h2{font-family:var(--disp);font-weight:600;font-size:20px;margin:38px 0 12px}
.page h3{font-family:var(--disp);font-weight:600;font-size:16px;margin:26px 0 10px}
.page p,.page li{color:var(--muted);font-size:15.5px}
.page ul{padding-left:20px;display:grid;gap:8px;margin:12px 0}
.page .updated{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;color:var(--muted)}
.page .notice{border:1px dashed var(--blue-dim);background:var(--panel);padding:16px 20px;font-family:var(--mono);font-size:11.5px;letter-spacing:.5px;color:var(--muted);margin:24px 0;line-height:1.7}
.page a{text-decoration:underline}
.page .btn{text-decoration:none}


/* ---- AUTALOS: a division of Talos and Augur, not a sixth agent ------------
   Deliberately outside .agents-grid. The site is framed around exactly five
   operators; Autalos is what two of them produced, so it sits below the grid,
   narrower and visually subordinate, joined to it by a short rule. */
.autalos-node{
  --ac:#F09A3C;
  grid-column:1/-1;
  position:relative;
  margin:2.25rem auto 0;
  max-width:62ch;
  padding:1.5rem 1.6rem;
  border:1px solid color-mix(in srgb, var(--ac) 26%, transparent);
  border-radius:12px;
  background:linear-gradient(180deg, color-mix(in srgb, var(--ac) 6%, transparent), transparent 60%);
}
.autalos-node::before{
  content:"";
  position:absolute;
  left:50%; top:-2.25rem;
  width:1px; height:2.25rem;
  background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--ac) 55%, transparent));
}
.an-kicker{
  font-family:var(--mono, ui-monospace, monospace);
  font-size:.62rem; letter-spacing:.2em; text-transform:uppercase;
  color:color-mix(in srgb, var(--ac) 78%, #fff);
  margin:0 0 .5rem;
}
.an-name{
  font-size:1.45rem; letter-spacing:-.01em; margin:0 0 .55rem;
  color:var(--ac);
}
.an-lineage{
  font-family:var(--mono, ui-monospace, monospace);
  font-size:.72rem; letter-spacing:.08em;
  margin:0 0 1rem; opacity:.85;
}
.an-lineage span{ color:color-mix(in srgb, var(--ac) 60%, #9aa8bd); }
.an-lineage em{ font-style:normal; opacity:.5; margin:0 .35rem; }
.an-lineage strong{ color:var(--ac); }
.an-body{ margin:0 0 .8rem; font-size:.93rem; line-height:1.65; }
.an-body:last-child{ margin-bottom:0; }
@media (max-width:640px){
  .autalos-node{ padding:1.2rem 1.1rem; }
  .an-lineage{ font-size:.66rem; }
}