/* ============================================================
   PLATFORM PAGE — shares global.css / header.css / footer.css
   ============================================================ */

/* ---------- shared platform-page section head ---------- */
.plat-eyebrow{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;opacity:0.6;display:block;margin-bottom:16px;}
.plat-head{max-width:680px;margin-bottom:48px;}
.plat-head h2{margin:0 0 16px;}
.plat-head p{font-size:16px;line-height:1.6;color:var(--text-dim-paper);margin:0;max-width:60ch;}
.on-ink .plat-head p{color:var(--text-dim-ink);}
.plat-statement{font-size:clamp(20px,2.4vw,26px);font-weight:600;line-height:1.4;max-width:34ch;margin:20px 0 0;}

/* ============================================================
   THE TERMINAL — one reusable component, fed different content
   ============================================================ */
.term{
  background:var(--ink-900);color:var(--paper-100);
  border:1px solid var(--line-on-ink);
  font-family:var(--sans);
  overflow:hidden;
}
.term-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;border-bottom:1px solid var(--line-on-ink);
  font-family:var(--mono);font-size:11px;letter-spacing:0.04em;
  color:var(--text-dim-ink);text-transform:uppercase;
}
.term-head .live{color:var(--text-dim-ink);}
.term-body{padding:20px 22px;font-family:var(--mono);font-size:15px;line-height:1.55;}
.term-rule{border-top:1px dashed var(--line-on-ink);margin:10px 0;}
.term-row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;}
.term-muted{color:var(--text-dim-ink);}
.term-prompt{color:var(--text-dim-ink);}
.term-fuchsia{color:var(--fuchsia-700);}
.term-cobalt{color:#80B5FF;}
.term-ok{color:#7FD9A0;}

.term-check{margin:3px 0;}
.term-check .mark{color:#7FD9A0;margin-right:8px;}

/* stage rows (used in hero + lifecycle) */
.term-stage{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:15px;}
.term-stage .num{color:var(--text-dim-ink);margin-right:10px;}
.pill{font-family:var(--mono);font-size:11px;letter-spacing:0.04em;padding:2px 8px;text-transform:uppercase;}
.pill-complete{background:rgba(0,103,253,0.18);color:#8bb8ff;}
.pill-progress{background:rgba(228,0,92,0.18);color:#ff8bb0;}
.pill-queued{background:rgba(245,240,235,0.08);color:var(--text-dim-ink);}
.pill-locked{background:rgba(245,240,235,0.05);color:var(--text-dim-ink);}

/* ---------- 01 HERO ---------- */
.plat-hero{padding-top:56px;}
.plat-hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:48px;align-items:start;}
@media (max-width:940px){.plat-hero-grid{grid-template-columns:1fr;}}
.plat-hero h1{margin:18px 0 20px;max-width:15ch;}
.plat-hero .statement{font-size:20px;font-weight:600;margin-top:26px;}
.plat-hero .btnrow{margin-top:30px;}
.plat-hero .term{max-width:560px;margin-top:4px;}
.plat-hero .term-body div{margin:1px 0;}
.plat-hero .term-check{display:inline-block;width:49%;margin:1px 0;}

/* ---------- 02 WHAT ZHC ACTUALLY IS ---------- */
.split-term{display:grid;grid-template-columns:1fr 1fr 1fr;}
@media (max-width:800px){.split-term{grid-template-columns:1fr;}}
.split-col{padding:22px;border-right:1px solid var(--line-on-ink);}
.split-col:last-child{border-right:none;}
@media (max-width:800px){.split-col{border-right:none;border-bottom:1px solid var(--line-on-ink);}}
.split-col .lbl{font-family:var(--mono);font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-dim-ink);margin-bottom:14px;}
.split-col.center{background:rgba(0,103,253,0.05);}
.split-col ul{list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:15px;}
.split-col li{padding:6px 0;}
.split-foot{padding:14px 22px;border-top:1px solid var(--line-on-ink);text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:0.06em;color:#80B5FF;text-transform:uppercase;}

/* ---------- 03 THE PROBLEM ---------- */
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
@media (max-width:860px){.problem-grid{grid-template-columns:1fr;}}
.pipeline-term .term-body{text-align:center;font-size:15px;}
.pipeline-arrow{color:var(--text-dim-ink);margin:6px 0;}
.pipeline-off{color:var(--text-dim-ink);}
.pipeline-on{color:var(--fuchsia-700);font-weight:600;}
.constraint-mini{margin-top:0;}
.constraint-mini .row{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line-on-paper);font-size:16px;}
.constraint-mini .row:first-child{border-top:none;}
.constraint-mini .row .n{font-family:var(--mono);color:var(--text-dim-paper);font-size:15px;}

/* ---------- 04 ONE LIFECYCLE ---------- */
.lifecycle{
  background:var(--ink-900);color:var(--paper-100);
  background-image:linear-gradient(rgba(6,8,17,0.88),rgba(6,8,17,0.93)),url(../assets/backgrounds/glyph-oversight-ink.png);
  background-size:cover;background-position:center;
  padding-bottom:64px;
}
.lifecycle .plat-head p{color:var(--text-dim-ink);}
.lc-term{max-width:100%;}
.lc-stage{
  display:grid;grid-template-columns:40px 1fr auto;gap:16px;align-items:center;
  padding:16px 22px;border-top:1px solid var(--line-on-ink);cursor:pointer;
  transition:background .15s;
}
.lc-stage:first-child{border-top:none;}
.lc-stage:hover{background:rgba(245,240,235,0.03);}
.lc-stage .n{font-family:var(--mono);font-size:12px;color:var(--text-dim-ink);}
.lc-stage .label{font-size:16px;font-weight:600;}
.lc-stage .sub{font-family:var(--mono);font-size:11px;color:var(--text-dim-ink);text-transform:uppercase;letter-spacing:0.04em;}
.lc-stage .chev{font-family:var(--mono);font-size:12px;color:var(--text-dim-ink);transition:transform .2s;}
.lc-stage.open .chev{transform:rotate(90deg);}
.lc-detail{max-height:0;overflow:hidden;transition:max-height .25s ease;background:rgba(245,240,235,0.02);}
.lc-detail-inner{padding:0 22px 20px 78px;font-size:15px;color:var(--text-dim-ink);line-height:1.7;max-width:60ch;}
.lc-detail-inner .gk{display:flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--mono);font-size:12px;}
.lc-detail-inner .gk .dot{width:6px;height:6px;border-radius:50%;background:#80B5FF;}
.lc-handoff{display:flex;align-items:center;gap:12px;padding:16px 22px;background:rgba(228,0,92,0.06);border-top:1px solid var(--line-on-ink);border-bottom:1px solid var(--line-on-ink);}
.lc-handoff span{font-family:var(--mono);font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:#ff8bb0;}

/* ---------- 05 MADAM ---------- */
.madam{
  background:var(--ink-900);color:var(--paper-100);
  background-image:linear-gradient(rgba(6,8,17,0.87),rgba(6,8,17,0.92)),url(../assets/backgrounds/runs-cobalt-on-ink.png);
  background-size:cover;background-position:center;
  padding-top:64px;
  border-top:1px solid var(--line-on-ink);
}
.madam .plat-head p{color:var(--text-dim-ink);}
.madam-term .term-row{justify-content:space-between;padding:8px 0;border-top:1px solid var(--line-on-ink);font-size:15px;}
.madam-term .term-row:first-child{border-top:none;}
.madam-term .status-active{color:#80B5FF;font-family:var(--mono);font-size:11px;letter-spacing:0.03em;}
.madam-foot{text-align:center;padding:16px 0 0;font-family:var(--mono);font-size:12px;color:#80B5FF;letter-spacing:0.03em;}

/* ---------- 06 HUMAN CONTROLS ---------- */
.controls-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:48px;align-items:center;}
@media (max-width:860px){.controls-grid{grid-template-columns:1fr;}}
.control-list{list-style:none;margin:20px 0 0;padding:0;}
.control-list li{padding:10px 0;border-top:1px solid var(--line-on-paper);font-size:16px;font-weight:500;}
.control-list li:first-child{border-top:none;}
.cmd-term .term-row{margin:8px 0;}
.cmd-term .cmd{color:#80B5FF;}
.cmd-authorize{margin-top:10px;padding-top:12px;border-top:1px dashed var(--line-on-ink);}

/* ---------- 07 WHAT ZHC PRODUCES ---------- */
.dir-term .term-body{font-size:15px;}
.dir-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line-on-ink);cursor:pointer;}
.dir-row:first-child{border-top:none;}
.dir-row:hover .dir-path{color:var(--paper-100);}
.dir-path{color:var(--text-dim-ink);transition:color .15s;}
.dir-detail{display:none;padding:14px 0 16px 20px;font-size:15px;color:var(--text-dim-ink);line-height:1.7;max-width:56ch;border-top:1px solid var(--line-on-ink);}
.dir-detail.open{display:block;}
.dir-detail .lab{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:#80B5FF;margin:10px 0 4px;}
.dir-detail .lab:first-child{margin-top:0;}

/* ---------- 08 TRUST ---------- */
.trust-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--paper-400);border:1px solid var(--paper-400);margin-bottom:44px;}
@media (max-width:760px){.trust-cols{grid-template-columns:1fr 1fr;}}
.trust-col{background:var(--paper-300);padding:22px;}
.trust-col .n{font-family:var(--mono);font-size:11px;color:var(--text-dim-paper);margin-bottom:10px;}
.trust-col h3{margin-bottom:6px;}
.trust-col p{font-size:15px;color:var(--text-dim-paper);line-height:1.5;}
.deploy-term{
  background-color:var(--ink-900);
  background-image:linear-gradient(rgba(6,8,17,0.65),rgba(6,8,17,0.72)),url(../assets/backgrounds/bars-wide-cobalt.png);
  background-size:cover;background-position:top center;
}
.deploy-term .term-body{padding:30px 22px;}
.deploy-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:0.04em;color:var(--text-dim-ink);margin-bottom:14px;text-transform:uppercase;}
.deploy-track{display:flex;gap:2px;}
.deploy-step{flex:1;text-align:center;padding:14px 8px;background:rgba(245,240,235,0.04);font-size:15px;border-top:2px solid var(--line-on-ink);}
.deploy-step.active{border-top:2px solid #80B5FF;color:var(--paper-100);background:rgba(0,103,253,0.08);}

/* ---------- 09 PRODUCTION EVIDENCE ---------- */
.evidence{background:var(--ink-900);color:var(--paper-100);padding-bottom:64px;}
.evidence .plat-head p{color:var(--text-dim-ink);}
.ev-status{font-family:var(--mono);font-size:15px;color:var(--text-dim-ink);padding:20px 0;border-bottom:1px solid var(--line-on-ink);margin-bottom:18px;}
.ev-standard .row{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line-on-ink);font-size:15px;}
.ev-standard .row:first-child{border-top:none;}
.ev-standard .n{font-family:var(--mono);color:var(--text-dim-ink);}

/* ---------- 10 FINAL CTA ---------- */
.plat-cta{
  background:var(--ink-900);color:var(--paper-100);text-align:center;padding:64px 0 120px;
  background-image:linear-gradient(rgba(6,8,17,0.82),rgba(6,8,17,0.9)),url(../assets/backgrounds/runs-fuchsia-on-ink.png);
  background-size:cover;background-position:center;
  border-top:1px solid var(--line-on-ink);
}
.plat-cta h2{max-width:16ch;margin:0 auto 14px;}
.plat-cta p{max-width:48ch;margin:0 auto;color:var(--text-dim-ink);font-size:16px;}
.plat-cta .btnrow{justify-content:center;margin-top:30px;}