/* Homepage proposal, 23 Oct 2026: two openings (split, stacked) and one investigation told in four steps.
   Labels inside the app window are the app's own (altiratech/signal master 2fa401bb2); people, companies,
   documents and reporting are invented. st-* is the investigation, hs-* the stacked opening. */

/* ---------- openings ---------- */
.hero .st-intro{display:flex;align-items:baseline;gap:16px;margin:56px 0 18px}
.hero .st-intro .t-label{color:var(--ink-2)}
.hero .st-intro p{margin:0;font-size:17px;line-height:26px;color:var(--ink)}

/* split: the existing 8/4 headline and supporting copy */
.hero h1{text-wrap:balance}
.hx-split .hx-head h1{max-width:15.5em}

/* stacked: one centered column, then the stage at full width */
.hs-head{max-width:1200px;margin:0 auto;text-align:center}
.hs-head h1{margin:0 auto;max-width:17.5em}
.hs-head .t-body{max-width:600px;margin:24px auto 0;font-size:19px;line-height:29px;color:var(--ink-2)}
.hs-head .hs-acts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px}
.hx-stack .st-intro{justify-content:center;text-align:center;margin-top:64px}

/* ---------- the investigation ---------- */
.st{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:minmax(0,1fr) auto;gap:0;padding:0;border-radius:var(--r-frame)}
.st-rail{grid-column:1;grid-row:1}
.st-bar{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:12px;padding:0 28px 28px}
.st-stage{grid-column:2;grid-row:1/3}
.st .sample{top:16px;right:16px}
.st-rail{display:flex;flex-direction:column;padding:28px 0 28px 28px;gap:4px}
.st-step{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 14px;padding:16px 18px 18px;border-radius:8px;cursor:pointer;color:var(--ink-2)}
.st-step .n{grid-row:1/3;width:28px;height:28px;border-radius:50%;border:1px solid var(--edge);display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--ink-2);background:var(--page)}
.st-step b{font-weight:500;font-size:17px;line-height:24px;color:var(--ink-2)}
.st-step small{display:none;font-size:14.5px;line-height:22px;color:var(--ink-2)}
.st-step .pr{position:absolute;left:18px;right:18px;bottom:6px;height:2px;border-radius:1px;background:transparent;overflow:hidden}
.st-step .pr::after{content:'';display:block;height:100%;width:var(--p,0%);background:var(--ink)}
.st-step[aria-selected="true"]{background:var(--page);box-shadow:0 1px 0 var(--hair),0 10px 28px -22px rgb(16 41 58 / .45)}
.st-step[aria-selected="true"] .n{background:var(--ink);border-color:var(--ink);color:#fff}
.st-step[aria-selected="true"] b{color:var(--ink)}
.st-step[aria-selected="true"] small{display:block}
.st-step[aria-selected="true"] .pr{background:var(--rule)}
.st-step:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.st-step:hover b{color:var(--ink)}

.st-stage{position:relative;padding:28px}
.st .appwin{height:560px;box-shadow:0 30px 60px -40px rgb(16 41 58 / .55)}
.st .aw-main{position:relative;padding:0}
.st-v{position:absolute;inset:0;padding:20px 22px;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s}
.st-v.on{opacity:1;visibility:visible;transition:opacity .35s ease}
.st-v .beat{transition:opacity .4s ease,transform .4s ease}
.st-v:not(.b1) .beat.b1,.st-v:not(.b2) .beat.b2,.st-v:not(.b3) .beat.b3{opacity:0;transform:translateY(6px)}

.st-cap{display:none}
.st-ctl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.st-sample{font-size:12px;line-height:16px;color:var(--ink-2)}
.st .st-ctl .pz{position:static}

/* Pause button (copied from page.css, scoped) */
.st .pz{position:absolute;left:16px;top:14px;z-index:5;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border:1px solid var(--rule);border-radius:4px;background:rgb(251 253 254 / .92);font:500 12.5px/1 var(--sans);color:var(--ink);cursor:pointer;transition:border-color .15s}
.st .pz:hover{border-color:var(--ink)}
.st .pz svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.st .pz .pz-pl{display:none;fill:currentColor;stroke:none}
.st .pz[data-paused] .pz-pa{display:none}
.st .pz[data-paused] .pz-pl{display:block}

.st .aw-side b.on{background:#c8d8e4;border-radius:4px;padding:5px 6px;margin-left:-2px}

.st-v .before-b2{transition:opacity .2s}
.st-v.b2 .before-b2{display:none}
.st-tag{display:inline-flex;align-items:center;height:20px;margin-left:8px;padding:0 7px;border-radius:3px;background:#e3edf3;border:1px solid #c3d4df;font-weight:500;font-size:11px;color:#25485e;vertical-align:2px}
.st-v.b2 .st-two .st-card:first-child{opacity:.55}
.st-sugg{padding:10px 12px;background:#f3f7fa;border:1px solid var(--edge);border-radius:6px;font-size:12.5px;line-height:18px}
.st-sugg .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}
.st-sugg .hd b{font-weight:600}
.st-sugg ul{margin:0;padding-left:18px}
.st-demo{display:none;margin-left:auto;font-size:11px;color:var(--ink-2)}
.st-status .st-btn{margin-left:2px}

/* app pieces inside the window */
.st-q{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;padding:12px 14px;background:#eaf1f5;border:1px solid var(--rule);border-radius:4px;font-size:13.5px;line-height:20px}
.st-q span{display:inline-flex;gap:7px;align-items:baseline}
.st-q em{font-style:normal;font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.st-card{background:#fff;border:1px solid var(--rule);border-radius:6px;padding:14px 16px}
.st-card h5{margin:0;font-weight:600;font-size:15px;line-height:21px}
.st-card .sub{display:block;margin-top:2px;font-size:12.5px;line-height:18px;color:var(--ink-2)}
.st-tool{margin:0 0 6px;font-weight:600;font-size:10.5px;line-height:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.st-via{margin:8px 0 0;font-size:12.5px;line-height:18px;color:var(--ink-2)}
.st-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.st-fact{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:4px;font-size:12px;line-height:16px;background:#fbf1ef;border:1px solid #e6c4bd;color:#7a2e22}
.st-fact::before{content:'';width:9px;height:1.5px;background:currentColor}
.st-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.st-btn{display:inline-flex;align-items:center;height:30px;padding:0 11px;border:1px solid var(--edge);border-radius:4px;background:#fbfdfe;font-size:12.5px;color:var(--ink);white-space:nowrap}
.st-btn.pri{background:var(--ink);border-color:var(--ink);color:#fff}
.st-v.b1 .st-btn.ai{box-shadow:inset 0 0 0 1px var(--ink)}
.st-btn.press{box-shadow:inset 0 0 0 1px var(--ink)}
.st-status{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink)}
.st-status b{font-weight:600}
.st-status u{color:var(--link);text-underline-offset:2px}

.st-pkt{background:#f3f7fa;border:1px solid var(--edge);border-left:3px solid #8aa3b3;border-radius:6px;padding:12px 14px}
.st-pkt .hd{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.st-pkt .tri{padding:4px 8px;border:1px solid #8aa3b3;border-radius:3px;font-weight:600;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#25485e}
.st-pkt .mt{font-size:11.5px;color:var(--ink-2)}
.st-pkt .fine{margin:8px 0 0;font-size:11px;line-height:16px;color:var(--ink-2)}
.st-pkt .lb{margin:10px 0 3px;font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.st-pkt .nt{margin:0;font-size:13px;line-height:19px}

.st-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0}
.st-rel{margin-top:10px;padding-top:10px;border-top:1px solid var(--rule)}
.st-rel b{display:block;font-weight:500;font-size:13.5px;line-height:19px}
.st-rel span{display:block;font-size:12px;line-height:17px;color:var(--ink-2)}
.st-grp{margin:2px 0 6px;font-size:11.5px;color:var(--ink-2)}
.st-reg{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:9px 10px;border-radius:4px;background:#eef4f7;font-size:12.5px;line-height:18px}
.st-reg .ref{font-weight:600;font-size:11.5px;color:var(--ink)}
.st-reg .ref time{display:block;font-weight:400;color:var(--ink-2)}
.st-reg b{display:block;font-weight:500}
.st-reg small{display:block;color:var(--ink-2);font-size:12px}
.st-hist{margin-top:12px;padding-top:10px;border-top:1px solid var(--rule)}
.st-hist span{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;padding:4px 0;font-size:12px;line-height:17px;color:var(--ink)}
.st-hist time{color:var(--ink-2)}
.st-rd{margin-top:10px;padding-top:10px;border-top:1px solid var(--rule)}
.st-rd .eye{margin:0;font-size:11.5px;color:var(--ink-2)}
.st-rd h6{margin:2px 0 6px;font-weight:600;font-size:13.5px;line-height:19px}
.st-rd p.st-tx{margin:0;font:400 13px/20px Georgia,'Times New Roman',serif;color:#28333a}

.st-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:12px 14px;background:#fff;border:1px solid var(--rule);border-radius:6px}
.st-row h5{margin:0;font-weight:600;font-size:14px;line-height:20px}
.st-row .sub{font-size:12px;line-height:17px;color:var(--ink-2)}
.st-row .sn{grid-column:1/-1;margin:2px 0 0;font:400 13px/20px Georgia,'Times New Roman',serif;color:#28333a}
.st-row mark{background:#fbe7b5;color:inherit;padding:0 1px}
.st-ai{align-self:start;display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:12px;font-size:11.5px;white-space:nowrap;background:#e3edf3;color:#25485e;border:1px solid #c3d4df}
.st-ai.dim{background:#f1f4f6;color:var(--ink-2);border-color:var(--rule)}
.st-row.dim h5{color:var(--ink-2);font-weight:500}

.st-case-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.st-case-h h5{margin:0;font-weight:600;font-size:16px;line-height:22px}
.st-open{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:12px;font-size:12px;background:#e6f0e9;color:#245b35;border:1px solid #bcd5c3}
.st-open::before{content:'';width:6px;height:6px;border-radius:50%;background:#2f7a46}
.st-filt{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--ink-2);border-bottom:1px solid var(--rule);padding-bottom:7px}
.st-filt .on{color:var(--ink);font-weight:600;box-shadow:0 8px 0 -6px var(--ink)}
.st-case{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:14px;min-height:0}
.st-ev{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.st-ev li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:2px 10px;padding:8px 10px;background:#fff;border:1px solid var(--rule);border-radius:5px;font-size:12.5px;line-height:17px}
.st-ev .k{grid-row:1/3;font-size:11px;color:var(--ink-2);padding-top:1px}
.st-ev b{font-weight:500}
.st-ev small{font-size:11.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-ev li.new{border-color:#8aa3b3;box-shadow:0 0 0 3px rgb(138 163 179 / .18)}
.st-notes .lb{margin:0 0 6px;font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.st-note{padding:10px 12px;background:#fffdf6;border:1px solid #ecdcae;border-radius:5px;font-size:12.5px;line-height:18px}
.st-note .by{display:block;color:var(--ink-2);font-size:11.5px;margin-bottom:4px}
.st-note p{margin:0}
.st-note + .st-note{margin-top:8px}

/* ---------- stacked arrangement of the investigation ---------- */
.hx-stack .st{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
.hx-stack .st-rail,.hx-stack .st-bar,.hx-stack .st-stage{grid-column:1;grid-row:auto}
.hx-stack .st-bar{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:24px;padding:16px 28px 0}
.hx-stack .st-ctl{flex:none}
.hx-stack .st-rail{flex-direction:row;padding:24px 28px 0;gap:8px}
.hx-stack .st-step{flex:1;min-width:0;grid-template-columns:28px minmax(0,1fr);padding:14px 16px 16px}
.hx-stack .st-step small{display:none}
.hx-stack .st-step b{font-size:15.5px;line-height:22px}
.hx-stack .st-cap{display:block;margin:0;min-height:48px;font-size:16px;line-height:24px;color:var(--ink);max-width:820px}
.hx-stack .st-stage{padding-top:18px}
.hx-stack .st .appwin{height:540px}

/* ---------- paused / reduced motion ---------- */
.st.paused .st-step .pr::after{opacity:.35}
@media (prefers-reduced-motion:reduce){
  .st-v,.st-v.on,.st-v .beat{transition:none}
  .st-step .pr{display:none}
}

/* ---------- narrower screens ---------- */
@media (max-width:1180px){
  .st{grid-template-columns:minmax(0,1fr)}
  .st-rail{flex-direction:row;padding:20px 20px 0;gap:6px}
  .st-step{flex:1;min-width:0;padding:12px 12px 14px;grid-template-columns:28px minmax(0,1fr)}
  .st-step small{display:none!important}
  .st-step b{font-size:15px;line-height:21px}
  .st-rail,.st-bar,.st-stage{grid-column:1;grid-row:auto}
  .st-bar{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:20px;padding:14px 24px 0}
  .st-cap{display:block;margin:0;font-size:16px;line-height:24px;color:var(--ink)}
  .st-ctl{flex:none}
  .st-stage{padding:16px 20px 24px}
  .st .appwin,.hx-stack .st .appwin{height:500px}
}
@media (max-width:900px){
  .st .aw-side{display:none}
}
@media (max-width:720px){
  .hero .st-intro{flex-direction:column;gap:6px;margin-top:48px;align-items:flex-start}
  .hx-stack .st-intro{align-items:center}
  .st-rail,.hx-stack .st-rail{padding:16px 14px 0;gap:4px}
  .st-step,.hx-stack .st-step{grid-template-columns:minmax(0,1fr);justify-items:center;padding:10px 4px 12px;text-align:center}
  .st-step b,.hx-stack .st-step b{display:none}
  .st-step .n{grid-row:auto}
  .st-step .pr{left:8px;right:8px}
  .st-bar,.hx-stack .st-bar{flex-direction:column;gap:10px;padding:12px 16px 0}
  .st-cap,.hx-stack .st-cap{font-size:15px;line-height:22px;min-height:88px}
  .st-sample{display:none}
  .st-cap b{display:block;font-weight:600}
  .st-stage,.hx-stack .st-stage{padding:12px 10px 16px}
  .st .appwin,.hx-stack .st .appwin{height:630px}
  .st-demo{display:block}
  .st-ev li.new{order:-1}
  #st-v0 .st-q{display:none}
  .st-pkt .mt{display:none}
  .st-card{padding:12px}
  .st-via{margin-top:6px}
  .st .aw-top{gap:14px;padding:0 12px}
  .st-v{padding:12px}
  .st-two,.st-case{grid-template-columns:minmax(0,1fr)}
  .st-hist,#st-v1 .st-grp,#st-v1 .st-reg{display:none}
  #st-v1 .st-rd{margin-top:0;padding-top:0;border-top:0}
  .st-case .st-notes{order:-1}
  .st-ev li:nth-child(n+2):not(.new){display:none}
  .st-q{gap:4px 12px;font-size:12.5px}
  .st-q .hide-s{display:none}
  .st-row .sn{display:none}
  .st-row.top .sn{display:block}
  .st-row.dim{display:none}
  .st-pkt .fine{display:none}
  .hs-head .t-body{font-size:17px;line-height:26px}
}

/* ---------- cursor walkthrough (23 Oct, second pass) ---------- */
.st-v [data-show]:not(.shown){visibility:hidden} /* Investigations page: space is kept, so nothing shifts as findings appear */
.st-v .gone{display:none!important}
.st-v .shown{animation:st-in .35s ease}
.st.paused .st-v .shown{animation:none}
@keyframes st-in{from{opacity:0;transform:translateY(4px)}}
.st-v .press{box-shadow:inset 0 0 0 2px var(--link)!important;background:#e3edf3!important}
.st-v .st-btn.pri.press{background:#2f5568!important}

.st-cur{position:absolute;left:0;top:0;z-index:6;width:22px;height:22px;pointer-events:none;opacity:0;transform:translate(70%,60%);transition:transform .55s cubic-bezier(.45,.05,.25,1),opacity .25s ease}
.st-cur.on{opacity:1}
.st-cur svg{width:22px;height:22px;fill:#142530;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgb(16 41 58 / .35))}
.st-cur::after{content:'';position:absolute;left:-9px;top:-9px;width:22px;height:22px;border-radius:50%;border:2px solid var(--link);opacity:0}
.st-cur.click::after{animation:st-ring .45s ease-out}
.st-cur.click svg{animation:st-tap .25s ease}
@keyframes st-ring{0%{opacity:.8;transform:scale(.4)}100%{opacity:0;transform:scale(1.6)}}
@keyframes st-tap{50%{transform:scale(.86)}}
.paused .st-cur{opacity:0}

/* step 1: Review with the AI Operator docked */
#st-v0{padding:0}
.st-split{display:grid;grid-template-columns:minmax(0,1fr) 248px;height:100%}
.st-pane{min-width:0;padding:16px 18px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.st-rv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:8px;background:#fff;border:1px solid var(--rule);border-radius:6px}
.st-rv b{display:block;font-weight:600;font-size:13.5px;line-height:19px}
.st-rv small{display:block;font-size:11.5px;line-height:16px;color:var(--ink-2)}
.st-rv .st-optag{display:block;margin-top:4px;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--link)}
.st-rv .st-optag.st-need{color:#8a5a00}
.st-opp{margin-top:10px;padding:10px 12px;border:1px solid #c3d4df;border-left:3px solid var(--link);border-radius:5px;background:#f3f7fa}
.st-opp .lb{margin:0;font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--link)}
.st-opp b{display:block;margin-top:2px;font-weight:600;font-size:14px}
.st-opp p:last-child{margin:2px 0 0;font-size:12.5px;line-height:18px}
.st-op{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--rule);background:#f9fbfc}
.st-op-h{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;border-bottom:1px solid var(--rule)}
.st-op-h b{font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.st-op-h .st-seg{display:inline-flex;border:1px solid var(--edge);border-radius:4px;overflow:hidden;font-size:11px}
.st-op-h .st-seg span{padding:2px 7px}
.st-op-h .st-seg .on{background:#dbe6ed}
.st-op-body{flex:1;min-height:0;overflow:hidden;padding:10px 12px;display:flex;flex-direction:column;gap:10px;font-size:12px;line-height:17px}
.st-op .st-who{display:block;font-weight:600;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:3px}
.st-op .st-you{margin:0;padding-left:8px;border-left:2px solid var(--edge)}
.st-op .st-chk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.st-op .st-chk li{position:relative;padding-left:16px}
.st-op .st-chk li::before{content:'';position:absolute;left:2px;top:4px;width:7px;height:4px;border-left:1.6px solid #2f7a46;border-bottom:1.6px solid #2f7a46;transform:rotate(-45deg)}
.st-op .st-pd{margin-top:8px;padding:9px 10px;background:#fff;border:1px solid var(--rule);border-radius:6px}
.st-op .st-pd .lb{margin:0 0 6px;font-weight:600;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.st-op .st-pd p{margin:0 0 6px}
.st-op .st-pd p b{display:inline-block;min-width:22px;font-weight:600}
.st-op .st-pd small{display:block;padding-left:22px;color:var(--ink-2);font-size:11px;line-height:15px}
.st-op-in{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--rule)}
.st-op-in .st-inp{flex:1;min-width:0;display:flex;align-items:center;height:30px;padding:0 8px;border:1px solid var(--edge);border-radius:4px;background:#fff;font-size:11.5px;white-space:nowrap;overflow:hidden}
.st-op-in .st-ph{color:var(--ink-2)}
.st-op-in .st-inp.typing .st-ph{display:none}
.typing > [data-type]::after{content:'';display:inline-block;width:1px;height:1.05em;margin-left:1px;vertical-align:-2px;background:var(--ink);animation:st-blink 1s steps(1) infinite}
@keyframes st-blink{50%{opacity:0}}

/* step 2 */
#st-v1 .st-rv{cursor:default}
.st-prof{margin-top:2px}
/* step 3 */
.st-scroll{flex:1;min-height:0;overflow:hidden}
.st-scroll-in{display:flex;flex-direction:column;gap:10px;transition:transform .8s ease}
.st-row.hl{border-color:var(--link);box-shadow:0 0 0 3px rgb(49 93 122 / .15)}
.st-sugg ul li{cursor:default}
/* step 4 */
.st-hacts{display:inline-flex;gap:6px}
.st-dlg{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:rgb(20 37 48 / .28)}
.st-dlg-in{width:min(360px,90%);padding:16px;background:#fff;border:1px solid var(--edge);border-radius:8px;box-shadow:0 24px 50px -24px rgb(16 41 58 / .6);font-size:12.5px}
.st-dlg .st-dh{margin:0 0 10px;font-weight:600;font-size:14px}
.st-file{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--rule);border-radius:5px;background:#f7fafc}
.st-file b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-file small{color:#245b35}
.st-fl{display:block;margin-top:10px}
.st-fl > span{display:block;margin-bottom:4px;font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.st-fl i{display:flex;align-items:center;height:30px;padding:0 8px;border:1px solid var(--edge);border-radius:4px;font-style:normal}
.st-dlg .st-acts{justify-content:flex-end}
.st-editor{border-color:var(--link);background:#fff}
.st-editor .st-btn{margin-top:8px}

@media (max-width:1180px){
  .st-split{grid-template-columns:minmax(0,1fr) 230px}
}
@media (max-width:720px){
  .st-split{display:block}
  .st-v:not(.has-prop) .st-pane{display:none}
  .st-v.has-prop .st-op{display:none}
  .st-op{height:100%;border-left:0}
  .st-pane{height:100%;padding:12px}
  .st-hacts .st-btn:not(.pri){display:none}
  .st-cur,.st-cur svg{width:18px;height:18px}
}

/* ---------- third pass (24 Oct): current app chrome, composed scenes, visitor control ---------- */
.st.settled .st-v .shown{animation:none}
.st svg.ic{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.st-replay{margin-left:0}
.st-ctl .st-replay[hidden]{display:none}
/* the app's left pane, as ConsoleSectionNav draws it */
.st .st-side{width:184px;padding:10px 8px;gap:0;display:flex;flex-direction:column;font-size:12px;line-height:16px}
.st-nr{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;color:var(--ink);white-space:nowrap}
.st-nr i{font-style:normal;overflow:hidden;text-overflow:ellipsis;flex:1}
.st-nr.area{margin-top:10px;font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.st-nr.area:first-child{margin-top:0}
.st-nr:not(.area){padding-left:12px}
.st-nr em{font-style:normal;font-size:10.5px;line-height:15px;padding:0 6px;border:1px solid var(--edge);border-radius:8px;background:#fbfdfe}
.st-nr.on{background:#c8d8e4}
.st-nsp{flex:1;min-height:8px;border-bottom:1px solid var(--rule);margin:0 4px 6px}
/* top bar */
.st .aw-top{gap:18px}
.st-topr{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--ink)}
.st-opbtn{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border:1px solid var(--edge);border-radius:4px;background:#dbe6ed;font-size:12px;font-weight:500}
.st-ws{display:inline-flex;align-items:center;gap:6px;font-size:12px}
.st-ws i{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--edge);border-radius:3px;font-style:normal;font-size:10px;font-weight:600}
.st-demo{margin-left:0}
/* scene 1 */
.st-v.no-op .st-split{grid-template-columns:minmax(0,1fr)}
.st-op-h .st-x{width:14px;height:14px;color:var(--ink-2)}
.st-cmp{display:flex;flex-direction:column;gap:10px}
.st-cmp-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.st-cmp-h .st-tool{margin:0 0 2px}
.st-cmp-h h5{margin:0;font-weight:600;font-size:16px;line-height:22px}
.st-cmp-h h5 span{font-weight:400;font-size:13px;color:var(--ink-2)}
.st-src{font-size:11.5px;color:var(--ink-2);text-align:right}
.st-tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--rule);border-radius:6px;font-size:12.5px;line-height:17px}
.st-tbl th,.st-tbl td{padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
.st-tbl thead th{font-weight:600;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);background:#f3f7fa}
.st-tbl tbody th{font-weight:600}
.st-tbl tr.bad td:last-child{color:#7a2e22}
.st-tbl td.ok{color:var(--ink-2)}
.st-tbl tr[data-x]{cursor:pointer}
.st-tbl tr[data-x]:hover,.st-tbl tr[data-x]:focus-visible,.st-tbl tr.active{background:#fbf1ef;outline:none}
.st-tbl tr.st-xd:not(.open){display:none}
.st-tbl tr.st-xd td{background:#fbf8f2;color:var(--ink);font-size:12px}
.st-opp .lb{display:flex;align-items:center;gap:6px}
.st-cmp .st-acts{margin-top:0}
.st-status u{color:var(--link)}
/* scene 2 */
.st-dd .st-ddh h5{margin:0;font-weight:600;font-size:15px}
.st-tabs{display:flex;gap:14px;margin:8px 0 4px;border-bottom:1px solid var(--rule);font-size:12px;color:var(--ink-2)}
.st-tabs span{padding:4px 0 6px}
.st-tabs .on{color:var(--ink);box-shadow:0 2px 0 var(--ink)}
.st-find{margin:6px 0 0;font-size:13px;line-height:19px}
.st-cite{all:unset;display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:3px;padding:0 3px;border-radius:3px;background:#e3edf3;font-size:10.5px;color:#25485e;cursor:pointer;vertical-align:1px}
.st-cite:hover,.st-cite:focus-visible,.st-cite.active{background:#25485e;color:#fff;outline:none}
.st-oq{margin:2px 0 0;padding-left:18px;font-size:12.5px}
.st-srcs{margin:10px 0 0;padding:8px 0 0 18px;border-top:1px solid var(--rule);font-size:11.5px;line-height:16px;color:var(--ink-2)}
.st-srcs li{padding:2px 4px;border-radius:3px}
.st-srcs li.open{background:#fbe7b5;color:var(--ink)}
.st-tool .ic{vertical-align:-3px;margin-right:4px}
.st-lk{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--link)}
.st-lk .ic{width:12px;height:12px}
.st-time{position:relative;margin-top:2px;padding:12px 14px 10px;border:1px dashed #8aa3b3;border-radius:8px;background:rgb(251 253 254 / .9)}
.st-tl{position:absolute;top:-9px;left:12px;padding:0 6px;background:#f7fafc;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.st-tr{display:grid;grid-template-columns:150px minmax(0,1fr) 140px;gap:10px;align-items:center;margin-top:6px;font-size:12px}
.st-tr em{font-style:normal;color:var(--ink-2)}
.trk{position:relative;height:9px;border-radius:5px;background:#e6eef3}
.trk b{position:absolute;top:0;bottom:0;border-radius:5px;background:#25485e}
.trk b.co{background:#b5532f}
.trk.ax{height:auto;background:none;display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink-2)}
.trk.ax i{font-style:normal}
.st-ax{margin-top:2px}
.st-time p{margin:8px 0 0;font-size:12px;color:var(--ink)}
/* scene 3 */
.st-am{grid-template-columns:minmax(0,5fr) minmax(0,6fr);height:100%;min-height:0}
.st-col{display:flex;flex-direction:column;gap:8px;min-width:0}
button.st-row{all:unset;box-sizing:border-box;display:block;padding:10px 12px;background:#fff;border:1px solid var(--rule);border-radius:6px;cursor:pointer}
button.st-row b,.st-row.dim b{display:block;font-weight:600;font-size:13px;line-height:18px}
.st-row.dim b{font-weight:500;color:var(--ink-2)}
button.st-row:hover,button.st-row:focus-visible,button.st-row.active{border-color:var(--link);box-shadow:0 0 0 3px rgb(49 93 122 / .15);outline:none}
.st-lnk{all:unset;color:var(--link);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.st-lnk:focus-visible{outline:2px solid var(--link)}
.st-reader{overflow:hidden}
.st-reader [data-xd]:not(.open){display:none}
.st-reader .eye{margin:0;font-size:11.5px;color:var(--ink-2)}
.st-reader h6{margin:2px 0 6px;font-weight:600;font-size:14px;line-height:20px}
.st-find-in{margin:0 0 8px;font-size:11.5px;color:var(--ink-2)}
.st-reader .st-tx{margin:0;font:400 13.5px/22px Georgia,'Times New Roman',serif;color:#28333a}
.st-empty{margin:0;font-size:12.5px;color:var(--ink-2)}
.st-empty[hidden]{display:none}
/* scene 4 */
.st-ev li{display:block;padding:0}
.st-ev li > button{all:unset;box-sizing:border-box;display:grid;grid-template-columns:76px minmax(0,1fr);gap:2px 10px;width:100%;padding:8px 10px;cursor:pointer}
.st-ev li > button:hover,.st-ev li > button:focus-visible,.st-ev li > button.active{background:#f3f7fa;outline:none}
.st-ev li > button .k{grid-row:1/3}
.st-ev li > button b{white-space:normal}
.st-ev [data-xd]{margin:0;padding:0 10px 8px 96px;font-size:12px;color:var(--ink)}
.st-ev [data-xd]:not(.open){display:none}
.st-case-h .st-tool{margin:0 0 2px}
@media (max-width:1180px){
  .st .st-side{width:168px}
  .st-tr{grid-template-columns:120px minmax(0,1fr) 120px}
}
@media (max-width:900px){
  .st-topr .st-ti,.st-ws{display:none}
}
@media (max-width:720px){
  .st-topr{display:none}
  .st-tbl,.st-tbl tbody,.st-tbl tr{display:block}
  .st-tbl thead{display:none}
  .st-tbl tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:6px 10px;border-bottom:1px solid var(--rule)}
  .st-tbl th,.st-tbl td{padding:0;border:0}
  .st-tbl tbody th{grid-column:1/-1;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
  .st-tbl td:last-child{grid-column:1/-1}
  .st-tbl tr.st-xd:not(.open){display:none}
  .st-cmp-h .st-src{display:none}
  .st-dd .st-tabs,.st-srcs,.st-enf .st-reg,.st-enf .st-acts{display:none}
  .st-enf .st-rd{margin-top:0;padding-top:0;border-top:0}
  .st-tr{grid-template-columns:96px minmax(0,1fr);font-size:11px}
  .st-tr em{grid-column:2}
  .st-am{grid-template-columns:minmax(0,1fr)}
  .st-am button.st-row,.st-am .st-row.dim{display:none}
  .st-ev [data-xd]{padding-left:10px}
  .st-ev li > button{grid-template-columns:64px minmax(0,1fr)}
}
/* third pass, fixes after the first look */
.st svg.ic{display:inline-block}
#st-v1{gap:10px}
#st-v1 .st-two{flex:1;min-height:0}
#st-v1 .st-card{overflow:hidden}
.st-srcs li:not(.open){display:none}
.st-srcs:not(:has(.open)){display:none}
.st-time{flex:none}
.st-am{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.st-am .st-col{overflow:hidden}
.st-sugg .hd{flex-wrap:wrap}
.st-sugg ul{list-style:none;padding-left:0}
.st-ev li > button small{white-space:normal;overflow:visible}
.st-row.dim{display:block}
.st-dd .st-tabs{margin:6px 0 2px}
.st-dd .st-find{margin-top:4px}
@media (max-width:900px){ .st .st-side{display:none} }
@media (max-width:720px){
  #st-v1 .st-two{grid-template-columns:minmax(0,1fr)}
  #st-v1 .st-enf{display:none}
  .st-time{padding:10px 10px 8px}
  .st-am .st-col{overflow:visible}
  .st-case-h{flex-wrap:wrap}
}
@media (max-width:720px){
  .st-v.has-cmp .st-pane{display:flex}
  .st-v.has-cmp .st-op{display:none}
  .st-tr > span:first-child{line-height:15px}
  .st-tr{margin-top:8px}
}
@media (max-width:720px){
  .st .appwin,.hx-stack .st .appwin{height:680px}
  .st-tbl tr.st-xd.open{display:none}
  .st-opp p:last-child{display:none}
  .st-am{grid-template-columns:minmax(0,1fr)}
  #st-v2 .st-q{display:none}
}
@media (max-width:720px){
  .st-tbl tr{padding:5px 10px}
  .st-cmp-h h5 span{display:none}
  .st-cmp{gap:8px}
  .st-am{height:auto;align-content:start}
}

/* Ramp comparison (24 Oct): one full-width stage in both openings, steps as tabs, a slim icon rail */
.hx-split .st{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
.hx-split .st-rail,.hx-split .st-bar,.hx-split .st-stage{grid-column:1;grid-row:auto}
.hx-split .st-rail{flex-direction:row;padding:24px 28px 0;gap:8px}
.hx-split .st-step{flex:1;min-width:0;grid-template-columns:28px minmax(0,1fr);padding:14px 16px 16px}
.hx-split .st-step small{display:none}
.hx-split .st-step b{font-size:15.5px;line-height:22px}
.hx-split .st-bar{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:24px;padding:16px 28px 0}
.hx-split .st-cap{display:block;margin:0;min-height:48px;font-size:16px;line-height:24px;color:var(--ink);max-width:820px}
.hx-split .st-ctl{flex:none}
.hx-split .st-stage{padding-top:18px}
@media (min-width:901px){
  .st .st-side{width:52px;padding:12px 6px;align-items:center}
  .st-nr{padding:7px;justify-content:center}
  .st-nr:not(.area){padding-left:7px}
  .st-nr.area{margin-top:10px}
  .st-nr i,.st-nr em{display:none}
  .st-nr .ic{width:17px;height:17px}
  .st-nsp{width:28px;margin:0 0 6px}
}
@media (min-width:1181px){
  .st .appwin{height:620px}
  .st .aw-main{zoom:1.1}
}

/* fourth round (24 Oct, after the independent review) */
/* the steps on top, the window, then one caption line with the controls */
.hx-split .st-rail,.hx-stack .st-rail{order:1;padding:20px 24px 0}
.hx-split .st-stage,.hx-stack .st-stage{order:2;padding:14px 24px 0}
.hx-split .st-bar,.hx-stack .st-bar{order:3;padding:14px 28px 20px;align-items:center}
.hx-split .st-cap,.hx-stack .st-cap{min-height:0}
.hero .hx-head + .panel.st,.hero .hs-head + .panel.st{margin-top:56px}
/* the app's labeled left pane, not an icon rail */
@media (min-width:901px){
  .st .st-side{width:176px;padding:10px 8px;align-items:stretch}
  .st-nr{padding:5px 8px;justify-content:flex-start}
  .st-nr:not(.area){padding-left:12px}
  .st-nr i,.st-nr em{display:block}
  .st-nr i{display:inline}
  .st-nr .ic{width:15px;height:15px}
  .st-nsp{width:auto;margin:0 4px 6px}
  .st .appwin{height:560px}
}
@media (min-width:1181px){ .st .aw-main{zoom:1} .st .appwin{height:560px} }
@media (min-width:901px) and (max-width:1180px){ .st .st-side{width:160px} .st .appwin{height:600px} }
/* step 1 additions */
.st-tally{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0;padding:7px 10px;border:1px solid #c3d4df;border-radius:5px;background:#f3f7fa;font-size:12px;color:var(--ink)}
.st-tally b{font-weight:600;color:var(--link)}
.st-tally .ic{color:var(--link)}
.st-tally span{padding-left:14px;border-left:1px solid var(--rule)}
.st-why{margin:0;font-size:12px;color:var(--ink-2)}
.st-why span{margin-left:8px;color:var(--ink)}
.st-decide{display:inline-flex;gap:8px}
.st-status .st-btn{margin-left:6px}
/* step 2: the SEC release floats over the report as its own window */
.st-float{position:relative;z-index:2;margin:18px 0 0 -28px;padding-top:0;box-shadow:0 26px 50px -24px rgb(16 41 58 / .55)}
.st-fbar{margin:0 -16px 10px;padding:8px 14px;border-bottom:1px solid var(--rule);background:#eef4f7;border-radius:6px 6px 0 0}
@media (max-width:720px){
  .hx-split .st-bar,.hx-stack .st-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px 16px}
  .hx-split .st-rail,.hx-stack .st-rail{padding:14px 12px 0}
  .hx-split .st-stage,.hx-stack .st-stage{padding:10px 8px 0}
  .st .appwin,.hx-stack .st .appwin{height:740px}
  .st .st-tbl tr.st-xd.open{display:block}
  .st .st-srcs:has(.open){display:block}
  #st-v1 .st-enf.shown{display:block}
  .st-float{margin:10px 0 0}
  .st .st-am button.st-row{display:block}
  .st .st-ev li:nth-child(n+2):not(.new){display:block}
  .st-tally span{padding-left:0;border-left:0}
  .st-why{display:none}
}
@media (max-width:720px){
  .st .appwin,.hx-stack .st .appwin{height:800px}
  .st-tbl tr.st-et{display:none}
  .st-tally{font-size:11.5px}
  .st-notes .st-note:last-child{display:none}
}

/* Codex follow-up (24 Oct): the approval outcome stays inside the scene with the evidence open */
.st-cmp{gap:8px}
.st-cmp .st-tbl th,.st-cmp .st-tbl td{padding:6px 10px}
.st-opp{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:0;padding:8px 12px}
.st-opp .lb,.st-opp b,.st-opp p:last-child{margin:0}
.st-opp p:last-child{flex:1 1 280px}
.st-cmp .st-status{display:block;line-height:22px}
.st-cmp .st-status .st-btn{display:inline-flex;margin-left:8px;vertical-align:middle}
@media (max-width:720px){
  .st-cmp .st-acts{flex-direction:column;align-items:flex-start;gap:6px}
  .st-cmp .st-status{line-height:20px}
  .st-cmp .st-status .st-btn{margin:6px 0 0;display:flex;width:max-content}
}
@media (max-width:720px){ .st .appwin,.hx-stack .st .appwin{height:830px} }
