/* @primitive · ownership marker (AegisSurface) */
/* reposition.css — outcome-first product surfaces (sell pain, not features). */

/* widen the column so big screens don't look empty; full-width on phones */
.app{max-width:1080px}
@media(min-width:780px){.app{border-radius:0;box-shadow:none;background:transparent;margin:0 auto}}

/* mode one-liner under the toggle */
.modeline{margin:0 18px 12px;color:var(--muted);font-size:14px;font-weight:650;line-height:1.4;text-align:center}
.modeline b{color:var(--ink)}

/* OUTCOME HERO */
.ohero{border-radius:26px;padding:26px 22px;margin-bottom:14px;position:relative;overflow:hidden}
.ohero.site{background:radial-gradient(circle at 12% 0%,rgba(37,99,255,.18),transparent 55%),linear-gradient(160deg,#0b1c44,#0a1530);color:#eaf0ff;border:1px solid #1b3a7a}
.ohero.project{background:radial-gradient(circle at 12% 0%,rgba(124,58,237,.22),transparent 55%),linear-gradient(160deg,#140c34,#0c0a22);color:#efeaff;border:1px solid #3a2a6e}
.ohero .eyebrow{display:inline-flex;gap:7px;align-items:center;background:rgba(255,255,255,.1);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:850;letter-spacing:.02em}
.ohero h1{margin:12px 0 0;font-size:clamp(26px,4.4vw,40px);line-height:1.04;letter-spacing:-.04em;font-weight:900;max-width:18ch}
.ohero .lead{margin:11px 0 0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.45;max-width:46ch;font-weight:550}
.ohero .proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}
.ohero .pstat b{display:block;font-size:26px;font-weight:900;letter-spacing:-.04em;line-height:1}
.ohero .pstat span{display:block;margin-top:3px;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.6)}
.ohero .octa{display:inline-flex;align-items:center;gap:8px;margin-top:20px;background:#fff;color:#0b1530;font-weight:850;border-radius:14px;padding:12px 18px;font-size:14.5px}
.ohero.project .octa{color:#190f3a}
.ohero .live{position:absolute;top:22px;right:22px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:rgba(255,255,255,.7)}
.ohero .live i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:lp 1.8s infinite}
@keyframes lp{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.ohero.project-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
@media(max-width:560px){.ohero.project-grid{grid-template-columns:1fr}}

/* human metric tiles */
.hmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:10px;margin-bottom:14px}
.hm{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center}
.hm b{display:block;font-size:27px;font-weight:900;letter-spacing:-.04em;line-height:1}
.hm span{display:block;margin-top:5px;font-size:11px;font-weight:800;color:var(--muted)}
.hm.bad b{color:var(--red)}.hm.warn b{color:var(--amber)}.hm.good b{color:var(--green)}.hm.blue b{color:var(--blue)}.hm.violet b{color:var(--violet)}

/* recommended actions */
.acts{display:grid;gap:9px}
.act{display:grid;grid-template-columns:26px 1fr;gap:11px;align-items:start;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}
.act .an{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:12px;color:#fff}
.act.fail .an{background:var(--red)}.act.warn .an{background:var(--amber)}.act.info .an{background:var(--blue)}
.act b{font-size:13.5px;letter-spacing:-.01em;display:block}
.act p{margin:3px 0 0;color:var(--muted);font-size:12.2px;line-height:1.35}

/* live alert feed */
.feed{display:grid;gap:9px}
.falert{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px;animation:slidein .35s ease}
@keyframes slidein{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.falert .fi{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:#fdebed}
.falert.warn .fi{background:#fff4df}.falert.block .fi{background:#fdebed}.falert.info .fi{background:#eef4ff}
.falert b{font-size:13.5px;letter-spacing:-.01em}
.falert p{margin:3px 0 0;color:var(--muted);font-size:12px}
.falert .ago{font-size:11.5px;font-weight:800;color:var(--muted2);white-space:nowrap}

/* competitor positioning */
.versus{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.vs{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px}
.vs .vt{color:var(--muted);font-size:13px;font-weight:650;line-height:1.4}
.vs .vu{margin-top:8px;color:var(--ink);font-size:15px;font-weight:850;letter-spacing:-.02em;line-height:1.3}
.vs .vu b{color:var(--blue)}

/* workbench quick buttons (architect's bench on the first screen) */
.wbquick{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.wbquick .wbq{flex:1;min-width:120px;text-align:center;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 12px;font-weight:850;font-size:13.5px;color:var(--ink);box-shadow:var(--shadow-sm)}
.wbquick .wbq:hover{border-color:var(--violet);color:var(--violet)}

/* 24h Monitor stat bar */
.statbar{background:#0c1430;border:1px solid #1b2c5a;border-radius:20px;padding:15px 16px;margin-bottom:14px;color:#eaf0ff}
.statbar .stb-h{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8aa0d6;margin-bottom:11px}
.statbar .stb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px}
.statbar .stb b{display:block;font-size:25px;font-weight:900;letter-spacing:-.04em;line-height:1}
.statbar .stb span{display:block;margin-top:4px;font-size:10.5px;font-weight:700;color:#8aa0d6}
.statbar .stb.bad b{color:#ff7a7d}.statbar .stb.amber b{color:#ffce6a}.statbar .stb.good b{color:#4bdd9c}.statbar .stb.blue b{color:#79a6ff}

/* capability map (sense of scale) */
.capmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.capgrp{border:1px solid var(--line);background:#fff;border-radius:16px;padding:13px}
.capgrp .caph{font-size:13px;font-weight:900;letter-spacing:-.02em;margin-bottom:10px}
.capchips{display:flex;flex-wrap:wrap;gap:7px}
.cap{font-size:11.5px;font-weight:750;color:#15602f;background:#e8f7ef;border:1px solid #c8ecd7;border-radius:999px;padding:6px 10px}

/* product map */
.pmap{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.pmstep{flex:1;min-width:150px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f6f8ff);border-radius:16px;padding:14px;text-align:center}
.pmstep .pmic{font-size:24px}
.pmstep b{display:block;margin-top:6px;font-size:15px;letter-spacing:-.02em}
.pmstep span{display:block;margin-top:3px;color:var(--muted);font-size:12px}
.pmarrow{display:flex;align-items:center;color:var(--muted2);font-weight:900;font-size:18px}
@media(max-width:560px){.pmarrow{transform:rotate(90deg);justify-content:center;width:100%}}

/* Try Aegis simulator */
.trybar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.trybar>span{font-size:12px;font-weight:850;color:var(--muted)}
.simrow{display:flex;gap:8px;flex-wrap:wrap}
.simbtn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-size:12.5px;font-weight:800;color:var(--ink)}
.simbtn:hover{border-color:var(--blue);color:var(--blue)}
.simbtn.fired{background:var(--blue);color:#fff;border-color:var(--blue)}

/* pricing gift / bonus */
.gift{background:linear-gradient(135deg,rgba(22,160,107,.1),rgba(37,99,255,.08));border:1px solid rgba(22,160,107,.25);color:#0f6b46;border-radius:16px;padding:13px 15px;font-size:13px;font-weight:700;text-align:center;margin-top:14px}
.gift b{color:#0a4f33}
.plan .bonus{margin:10px 0 0;background:#eef9f2;border:1px solid #cdeede;color:#15703f;border-radius:12px;padding:9px 11px;font-size:11.5px;font-weight:800}

/* deep-dive (power users) — hidden by default so clients aren't overwhelmed */
.deep{border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:14px;overflow:hidden}
.deep>summary{cursor:pointer;padding:15px 16px;font-weight:850;font-size:13.5px;color:var(--ink);list-style:none}
.deep>summary::-webkit-details-marker{display:none}
.deep>summary:before{content:"▸";color:var(--blue);font-weight:900;margin-right:8px}
.deep[open]>summary:before{content:"▾"}
.deep #cmd-nav{padding:0 12px}
.deep .panel{margin:12px}

/* dual plan stacks */
.planwrap{margin-top:6px}
.planwrap h3{margin:18px 0 10px;font-size:16px;letter-spacing:-.03em;display:flex;align-items:center;gap:8px}
.planwrap h3 small{font-size:12px;font-weight:700;color:var(--muted)}
@media(min-width:760px){.plans{grid-template-columns:1fr 1fr 1fr}.plans .plan.pop{grid-column:auto}}