/* ============================================================
   managed-home.css — Scout Managed, elevated
   Builds on scout-home.css (tokens, nav, footer, buttons, sec,
   eyebrow, stats, .rv). Adds the page-specific elevated parts:
   split hero + live analyst-desk console, program/steps,
   operating loop, analyst-ops grid, comparison, FAQ.
   ============================================================ */

/* ---- HERO (split: copy left, live console right) ---- */
.mhero{padding:clamp(4rem,8vw,7rem) 0 clamp(3rem,5vw,4.5rem);border-bottom:1px solid var(--line);}
.mhero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:clamp(2.5rem,5vw,5rem);align-items:center;}
@media (max-width:940px){.mhero-grid{grid-template-columns:1fr;gap:3rem;}}
.mhero h1{font-family:'Unbounded',var(--fd);font-weight:700;font-size:clamp(1.8rem,3.4vw,2.75rem);letter-spacing:-0.005em;text-transform:uppercase;line-height:0.98;text-wrap:balance;}
.mhero h1 em{font-style:normal;color:var(--acc-hi);}
.mhero-sub{font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.6;color:var(--t2);max-width:46ch;margin-top:1.5rem;text-wrap:pretty;}
.mhero-cta{display:flex;gap:0.8rem;flex-wrap:wrap;margin-top:2.1rem;}
.mhero-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:var(--t3);margin-bottom:1.5rem;}
.mhero-kick .pd{width:6px;height:6px;border-radius:50%;background:var(--acc-hi);box-shadow:0 0 0 3px rgba(var(--accrgb),0.2);}

/* ---- shared elevated card edge ---- */
.edge{position:relative;}
.edge::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;padding:1px;
  background:linear-gradient(180deg,rgba(255,255,255,0.16),rgba(255,255,255,0.05) 36%,rgba(255,255,255,0.02) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;}

/* ---- live analyst-desk console (signature visual) ---- */
.desk{position:relative;border-radius:9px;overflow:hidden;background:linear-gradient(180deg,#0c0d0f,#08090a);
  border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 2px 6px rgba(0,0,0,0.5),0 60px 120px -50px rgba(0,0,0,0.95);}
.desk-bar{display:flex;align-items:center;gap:0.7rem;padding:0.85rem 1.1rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,0.02);}
.desk-live{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--fm);font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--acc-hi);}
.desk-live .d{width:7px;height:7px;border-radius:50%;background:var(--acc-hi);box-shadow:0 0 8px 1px rgba(45,212,191,0.7);}
@media (prefers-reduced-motion:no-preference){.desk-live .d{animation:deskPulse 2.4s ease-in-out infinite;}}
@keyframes deskPulse{0%,100%{opacity:0.5;}50%{opacity:1;}}
.desk-title{font-family:var(--fd);font-weight:600;font-size:0.9rem;letter-spacing:-0.01em;}
.desk-who{margin-left:auto;font-family:var(--fm);font-size:0.56rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);}
.desk-list{display:flex;flex-direction:column;}
.desk-row{display:grid;grid-template-columns:auto 1fr auto;gap:0.9rem;align-items:center;padding:0.85rem 1.1rem;border-top:1px solid var(--line);}
.desk-row:first-child{border-top:0;}
.desk-ic{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;flex:none;font-family:var(--fm);font-size:0.62rem;font-weight:500;letter-spacing:0.04em;
  background:rgba(255,255,255,0.04);border:1px solid var(--line-2);color:var(--t3);}
.desk-tx b{display:block;font-family:var(--fd);font-weight:600;font-size:0.9rem;letter-spacing:-0.01em;}
.desk-tx span{font-size:0.78rem;color:var(--t4);}
.desk-st{font-family:var(--fm);font-size:0.58rem;letter-spacing:0.1em;text-transform:uppercase;white-space:nowrap;color:var(--t3);}
.desk-st.done{color:var(--good);}
.desk-st.work{color:var(--acc-hi);}
.desk-st.work::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--acc-hi);margin-right:0.4rem;vertical-align:1px;}
@media (prefers-reduced-motion:no-preference){.desk-st.work::before{animation:deskPulse 1.3s ease-in-out infinite;}}
.desk-foot{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;padding:0.95rem 1.1rem;border-top:1px solid var(--line-2);background:rgba(255,255,255,0.015);}
.desk-stat{display:flex;flex-direction:column;gap:0.1rem;}
.desk-stat b{font-family:var(--fd);font-weight:700;font-size:1.15rem;letter-spacing:-0.02em;color:#fff;}
.desk-stat b.good{color:var(--good);}
.desk-stat span{font-family:var(--fm);font-size:0.54rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--t4);}

/* ---- program + steps ---- */
.prog{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:start;margin-top:3rem;}
@media (max-width:900px){.prog{grid-template-columns:1fr;gap:2.5rem;}}
.prog-bullets{display:flex;flex-direction:column;gap:1.3rem;}
.pb{display:grid;grid-template-columns:14px 1fr;gap:0.9rem;align-items:start;}
.pb .dot{width:6px;height:6px;border-radius:50%;background:var(--acc-hi);margin-top:0.62rem;box-shadow:0 0 0 3px rgba(var(--accrgb),0.16);}
.pb-t{font-size:0.98rem;line-height:1.65;color:var(--t2);}
.pb-t b{color:#fff;font-weight:600;}
.steps{display:flex;flex-direction:column;}
.step{display:grid;grid-template-columns:1fr;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--line);}
.step:first-child{border-top:0;padding-top:0;}
.step-n{display:none;}
.step h3{font-family:var(--fd);font-size:1.08rem;font-weight:600;letter-spacing:-0.015em;margin-bottom:0.45rem;}
.step p{font-size:0.92rem;line-height:1.6;color:var(--t3);}

/* ---- operating loop (4-phase spine) ---- */
.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem;position:relative;}
@media (max-width:820px){.loop{grid-template-columns:1fr 1fr;gap:1rem;}}
@media (max-width:480px){.loop{grid-template-columns:1fr;}}
.phase{border-radius:9px;padding:1.6rem 1.4rem;background:linear-gradient(180deg,#0c0d0f,#08090a);border:1px solid var(--line);}
.phase .pn{display:flex;align-items:center;gap:0.6rem;font-family:var(--fm);font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--acc-hi);margin-bottom:1rem;}
.phase .pn i{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--acc);display:grid;place-items:center;font-style:normal;font-size:0.66rem;color:var(--acc-hi);}
.phase h3{font-family:var(--fd);font-size:1.05rem;font-weight:600;letter-spacing:-0.015em;margin-bottom:0.5rem;}
.phase p{font-size:0.9rem;line-height:1.6;color:var(--t3);}

/* ---- analyst ops grid ---- */
.ops{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:2.4rem;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden;}
@media (max-width:980px){.ops{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.ops{grid-template-columns:1fr;}}
.op{background:linear-gradient(180deg,#0c0d0f,#08090a);padding:1.7rem 1.5rem;display:flex;flex-direction:column;gap:0.5rem;transition:background .25s;}
.op:hover{background:var(--bg-3);}
.op-n{font-family:var(--fm);font-size:0.6rem;letter-spacing:0.14em;color:var(--acc-hi);}
.op h3{font-family:var(--fd);font-size:1rem;font-weight:600;letter-spacing:-0.01em;}
.op p{font-size:0.85rem;line-height:1.6;color:var(--t3);text-wrap:pretty;}

/* ---- comparison ---- */
.cmp-wrap{margin-top:3rem;overflow:hidden;border-radius:9px;}
.cmp{width:100%;border-collapse:collapse;background:linear-gradient(180deg,#0c0d0f,#08090a);}
.cmp th{font-family:var(--fd);font-size:0.92rem;font-weight:600;letter-spacing:-0.01em;padding:1.2rem 1.5rem;text-align:left;color:var(--t3);border-bottom:1px solid var(--line-2);}
.cmp th:nth-child(3){color:var(--acc-hi);}
.cmp td{font-size:0.9rem;padding:1rem 1.5rem;border-bottom:1px solid var(--line);color:var(--t3);}
.cmp tr:last-child td{border-bottom:0;}
.cmp td:first-child{font-weight:500;color:var(--t2);}
.cmp td:nth-child(3),.cmp th:nth-child(3){background:rgba(13,148,136,0.05);}
.cmp .ck{color:var(--acc-hi);font-weight:700;}
.cmp .you{color:var(--t4);font-style:italic;}
.cmp .mg{color:var(--acc-hi);font-weight:500;}
.cmp .dash{color:var(--t4);}

/* ---- FAQ ---- */
.faq{max-width:780px;margin-top:3rem;}
.fitem{border-bottom:1px solid var(--line);}
.fq{font-family:var(--fd);font-size:1.05rem;font-weight:600;color:var(--text);padding:1.5rem 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;letter-spacing:-0.01em;width:100%;background:none;border:0;text-align:left;}
.fq-ic{width:16px;height:16px;color:var(--t4);flex-shrink:0;transition:transform .3s var(--ease);}
.fitem.open .fq-ic{transform:rotate(45deg);}
.fa{max-height:0;overflow:hidden;transition:max-height .4s var(--ease);}
.fitem.open .fa{max-height:360px;}
.fa p{font-size:0.95rem;color:var(--t2);line-height:1.75;padding-bottom:1.5rem;text-wrap:pretty;max-width:68ch;}
@media (prefers-reduced-motion:reduce){.fq-ic,.fa{transition:none;}.fitem:not(.open) .fa{max-height:none;}}