/* ============================================================
   hudson.css — Command · Hudson (the AI analyst)
   Layers on scout-home.css + command-home.css, re-toned to
   Hudson's violet. Adds Hudson-specific native mockups.
   ============================================================ */

:root{
  --acc:#8b6df0; --acc-hi:#b9a4ff; --accrgb:139,109,240;
}
::selection{background:rgba(139,109,240,0.32);}
.btn-p{background:var(--acc);color:#fff;}
.btn-p:hover{background:#9a80f5;}
.nav-cta{background:var(--acc);color:#fff;}
.nav-cta:hover{background:#9a80f5;}
.brand .mk{background-image:url(/assets/pylon-brand-marks/command/command-icon.svg);}
.nav-seat{font-family:var(--fm);font-size:0.58rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--acc-hi);
  border:1px solid rgba(139,109,240,0.42);border-radius:999px;padding:0.14rem 0.5rem;margin-left:0.1rem;}

/* ============================================================
   HERO — editorial, with a live briefing card
   ============================================================ */
.hh{position:relative;overflow:hidden;background:var(--bg);min-height:min(94vh,940px);display:grid;
  grid-template-columns:1.05fr 0.95fr;align-items:center;gap:clamp(2rem,5vw,4rem);
  max-width:var(--wide,1200px);margin:0 auto;padding:clamp(7rem,16vh,11rem) clamp(24px,5vw,64px) clamp(4rem,8vh,6rem);}
.hh-light{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0.5),transparent 22%),radial-gradient(120% 80% at 84% 6%,rgba(139,109,240,0.22),transparent 54%);}
.hh-copy{position:relative;z-index:2;max-width:600px;}
.hh-beacon{display:block;width:52px;height:52px;color:var(--acc-hi);filter:drop-shadow(0 0 24px rgba(139,109,240,0.55));margin-bottom:1.5rem;overflow:visible;}
.hh-beacon .br1{transform:rotate(30deg);transform-box:fill-box;transform-origin:center;}
.hh-beacon .br2{transform:rotate(150deg);transform-box:fill-box;transform-origin:center;stroke-opacity:0.62;}
.hh-beacon .br3{transform:rotate(270deg);transform-box:fill-box;transform-origin:center;stroke-opacity:0.46;}
@media (prefers-reduced-motion:no-preference){.hh-beacon .br1{animation:hr1 4s linear infinite;}.hh-beacon .br2{animation:hr2 6.5s linear infinite;}.hh-beacon .br3{animation:hr3 9.5s linear infinite;}}
.hh-kick{display:inline-flex;align-items:center;gap:0.65rem;font-family:var(--fm);font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:#fff;margin-bottom:1.4rem;}
.hh-kbar{width:22px;height:2px;border-radius:2px;background:var(--acc-hi);box-shadow:0 0 10px rgba(139,109,240,0.7);}
.hh-kdiv{width:1px;height:11px;background:rgba(139,109,240,0.4);}
.hh-kmut{color:var(--acc-hi);}
.hh-copy h1{font-family:'Unbounded','Inter',system-ui,-apple-system,sans-serif;font-weight:700;font-size:clamp(1.9rem,3.8vw,3rem);letter-spacing:-0.005em;text-transform:uppercase;line-height:1.1;color:#fff;}
.hh-copy h1 em{font-style:normal;color:var(--acc-hi);}
.hh-sub{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.55;color:var(--t2);max-width:46ch;margin:1.7rem 0 0;text-wrap:pretty;}
.hh-cta{display:flex;gap:1rem;margin-top:2.1rem;flex-wrap:wrap;}
.hh-kbd{font-family:var(--fm);font-size:0.82em;color:var(--acc-hi);border:1px solid rgba(139,109,240,0.4);background:rgba(139,109,240,0.1);border-radius:5px;padding:0.05rem 0.4rem;}

/* hero briefing card */
.hh-vis{position:relative;z-index:1;}
.brief{position:relative;border:1px solid rgba(139,109,240,0.3);border-radius:14px;overflow:hidden;
  background:linear-gradient(180deg,rgba(18,15,28,0.95),rgba(10,10,14,0.97));
  box-shadow:0 50px 110px -44px rgba(0,0,0,0.92),0 0 0 1px rgba(255,255,255,0.02),0 30px 80px -50px rgba(139,109,240,0.5);}
.brief-bar{display:flex;align-items:center;gap:0.6rem;padding:0.85rem 1.1rem;border-bottom:1px solid rgba(139,109,240,0.18);}
.brief-bk{width:20px;height:20px;color:var(--acc-hi);flex:none;}
.brief-bar b{font-family:var(--fd);font-weight:600;font-size:0.9rem;color:#fff;}
.brief-live{margin-left:auto;font-family:var(--fm);font-size:0.54rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--acc-hi);border:1px solid rgba(139,109,240,0.4);border-radius:999px;padding:0.14rem 0.46rem;display:inline-flex;align-items:center;gap:0.34rem;}
.brief-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc-hi);}
.brief-you{margin:1rem 1.1rem 0;align-self:flex-start;font-size:0.84rem;color:var(--t2);background:rgba(255,255,255,0.05);border:1px solid var(--line-2);border-radius:11px 11px 11px 3px;padding:0.55rem 0.8rem;display:inline-block;}
.brief-body{padding:0.9rem 1.1rem 1.1rem;}
.brief-intro{font-size:0.92rem;line-height:1.5;color:#fff;font-weight:500;margin-bottom:0.85rem;}
.brief-act{display:flex;align-items:flex-start;gap:0.7rem;padding:0.62rem 0.7rem;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,0.014);margin-bottom:0.5rem;}
.brief-sev{width:8px;height:8px;border-radius:2px;margin-top:0.4rem;flex:none;}
.brief-sev.crit{background:var(--crit);}.brief-sev.high{background:var(--warn);}.brief-sev.med{background:var(--acc-hi);}
.brief-act b{display:block;font-family:var(--fd);font-weight:600;font-size:0.82rem;color:#fff;letter-spacing:-0.01em;}
.brief-act i{font-style:normal;font-family:var(--fm);font-size:0.62rem;color:var(--t4);}
.brief-act .go{margin-left:auto;font-family:var(--fm);font-size:0.6rem;color:var(--acc-hi);white-space:nowrap;align-self:center;}
.brief-foot{margin-top:0.75rem;font-family:var(--fm);font-size:0.7rem;color:var(--acc-hi);}
@media (max-width:920px){.hh{grid-template-columns:1fr;min-height:auto;}.hh-vis{order:2;max-width:560px;}}

/* ============================================================
   CAPABILITY ROW — "what Hudson does"
   ============================================================ */
.hcap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(2.6rem,5vw,4rem);border-top:1px solid var(--line-2);}
@media (max-width:900px){.hcap{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.hcap{grid-template-columns:1fr;}}
.hcap-c{position:relative;padding:2rem 1.7rem 0.6rem;transition:background .3s;}
.hcap-c::before{content:"";position:absolute;top:-1px;left:0;width:42px;height:2px;background:var(--acc-hi);box-shadow:0 0 14px rgba(139,109,240,0.6);transition:width .35s var(--ease);}
.hcap-c:hover::before{width:80px;}
.hcap-c + .hcap-c{border-left:1px solid var(--line);}
.hcap-n{font-family:var(--fm);font-size:0.66rem;letter-spacing:0.12em;color:var(--t4);}
.hcap-c h3{font-family:var(--fd);font-weight:600;font-size:1.18rem;letter-spacing:-0.025em;color:#fff;margin:1.1rem 0 0.65rem;}
.hcap-c p{font-size:0.9rem;line-height:1.6;color:var(--t3);text-wrap:pretty;}
@media (max-width:900px){.hcap-c:nth-child(3){border-left:0;}.hcap-c:nth-child(odd){border-left:0;}.hcap-c:nth-child(n+3){border-top:1px solid var(--line);}}
@media (max-width:520px){.hcap-c + .hcap-c{border-left:0;border-top:1px solid var(--line);}}

/* ============================================================
   COMMAND LAUNCHER (⌘K)
   ============================================================ */
.hk{max-width:680px;margin:clamp(2.6rem,5vw,4rem) auto 0;border:1px solid rgba(139,109,240,0.3);border-radius:13px;overflow:hidden;
  background:linear-gradient(180deg,rgba(18,15,28,0.96),rgba(10,10,14,0.98));
  box-shadow:0 50px 120px -50px rgba(139,109,240,0.5),0 40px 90px -40px rgba(0,0,0,0.9),inset 0 1px 0 rgba(255,255,255,0.05);}
.hk-in{display:flex;align-items:center;gap:0.7rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line);}
.hk-in .hk-bk{width:18px;height:18px;color:var(--acc-hi);flex:none;}
.hk-q{font-family:var(--fd);font-size:1.02rem;color:#fff;letter-spacing:-0.01em;}
.hk-cursor{display:inline-block;width:2px;height:1.05em;background:var(--acc-hi);vertical-align:text-bottom;margin-left:1px;}
@media (prefers-reduced-motion:no-preference){.hk-cursor{animation:caretblink 0.9s step-end infinite;}}
@keyframes caretblink{0%,100%{opacity:1;}50%{opacity:0;}}
.hk-kbd{margin-left:auto;font-family:var(--fm);font-size:0.68rem;color:var(--t4);border:1px solid var(--line-2);border-radius:6px;padding:0.2rem 0.46rem;flex:none;}
.hk-list{padding:0.65rem 0.75rem 0.85rem;}
.hk-glab{font-family:var(--fm);font-size:0.54rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);padding:0.55rem 0.55rem 0.6rem;}
.hk-row{display:flex;align-items:center;gap:0.85rem;padding:0.85rem 0.6rem;border-radius:9px;}
.hk-row + .hk-row{margin-top:0.15rem;}
.hk-row.on{background:rgba(139,109,240,0.12);}
.hk-ri{width:18px;height:18px;color:var(--acc-hi);display:flex;align-items:center;justify-content:center;flex:none;}
.hk-ri svg{width:17px;height:17px;stroke-width:1.6;}
.hk-rt{font-size:0.86rem;color:var(--t2);letter-spacing:-0.01em;}
.hk-row.on .hk-rt{color:#fff;}
.hk-rt b{font-weight:600;color:#fff;}
.hk-go{margin-left:auto;font-family:var(--fm);font-size:0.58rem;color:var(--acc-hi);}

/* ============================================================
   TRUST STRIP — "always asks before it acts"
   ============================================================ */
.htrust{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(2.6rem,5vw,4rem);border-top:1px solid var(--line-2);}
.htrust-c{position:relative;padding:2rem 1.8rem 0.6rem;}
.htrust-c::before{content:"";position:absolute;top:-1px;left:0;width:46px;height:2px;background:var(--acc-hi);box-shadow:0 0 14px rgba(139,109,240,0.6);}
.htrust-c + .htrust-c{border-left:1px solid var(--line);}
.htrust-n{font-family:var(--fm);font-size:0.66rem;letter-spacing:0.12em;color:var(--t4);}
.htrust-c .k{display:block;font-family:var(--fd);font-weight:600;font-size:1.32rem;letter-spacing:-0.025em;color:#fff;margin:1.1rem 0 0.7rem;}
.htrust-c p{font-size:0.92rem;line-height:1.6;color:var(--t3);text-wrap:pretty;max-width:34ch;}
@media (max-width:760px){.htrust{grid-template-columns:1fr;}.htrust-c + .htrust-c{border-left:0;border-top:1px solid var(--line);}.htrust-c{padding:1.8rem 0 0.4rem;}.htrust-c::before{width:40px;}}