/* ============================================================
   TRUST & CONTROL — shares global.css / header.css / footer.css
   ============================================================ */

.tc-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;}
.tc-head{max-width:680px;margin-bottom:44px;}
.tc-head h2{margin:0 0 16px;}
.tc-head p{font-size:16px;line-height:1.6;color:var(--text-dim-paper);margin:0;max-width:62ch;}
.tc-head.on-ink p{color:var(--text-dim-ink);}
.tc-close{font-size:16px;font-weight:600;margin-top:32px;}

/* ---------- 01 HERO — Paper-100, flat ---------- */
.tc-hero{background:var(--paper-100);padding:64px 0 88px;}
.tc-hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:start;}
.tc-hero h1{margin:18px 0 20px;max-width:17ch;}
.tc-hero .statement{font-size:20px;font-weight:700;margin-bottom:20px;}
.tc-hero .lede{max-width:54ch;}
.tc-hero .btnrow{margin-top:28px;}
.tc-panel{background:var(--ink-900);color:var(--paper-100);padding:22px 24px;}
.tc-panel-head{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:0.05em;color:var(--text-dim-ink);border-bottom:1px solid var(--line-on-ink);padding-bottom:12px;margin-bottom:6px;text-transform:uppercase;}
.tc-panel-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line-on-ink);font-family:var(--mono);font-size:15px;}
.tc-panel-row:last-child{border-bottom:none;}
.tc-panel-row .v{color:#80B5FF;}
.tc-panel-note{font-size:12px;color:var(--text-dim-ink);margin-top:14px;padding-top:14px;border-top:1px dashed var(--line-on-ink);line-height:1.5;}

/* ---------- 02 CONSTRAINT MODEL — Ink-900 + glyph-oversight-ink ---------- */
.tc-gates{
  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;
}
.tc-gate-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;align-items:start;margin-top:44px;}
@media (max-width:900px){.tc-gate-row{grid-template-columns:1fr;gap:24px;}}
.tc-gate-connector{display:flex;align-items:center;justify-content:center;padding-top:60px;color:var(--text-dim-ink);}
@media (max-width:900px){.tc-gate-connector{padding-top:0;transform:rotate(90deg);height:20px;}}
.tc-gate{border:1px solid var(--line-on-ink);padding:24px;background:rgba(0,0,0,0.15);}
.tc-gate.between{background:rgba(0,103,253,0.06);border-color:rgba(128,181,255,0.3);}
.tc-gate .tag{font-family:var(--mono);font-size:11px;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:12px;}
.tc-gate.gate .tag{color:var(--fuchsia-700);}
.tc-gate.between .tag{color:#80B5FF;}
.tc-gate h3{margin-bottom:12px;}
.tc-gate ul{margin:0;padding:0;list-style:none;font-size:15px;color:var(--text-dim-ink);}
.tc-gate li{padding:5px 0;}

/* ---------- 03 YOUR ENVIRONMENT — Paper-100, flat ---------- */
.tc-env-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--paper-400);border:1px solid var(--paper-400);margin-top:40px;}
.tc-env-cell{background:var(--paper-100);padding:24px;}
.tc-env-cell h3{margin-bottom:8px;}
.tc-env-cell p{font-size:15px;color:var(--text-dim-paper);margin:0;line-height:1.55;}

/* ---------- 04 SECURITY STAGES — Paper-200, 5 motifs ---------- */
.tc-stages{background:var(--paper-200);}
.tc-stage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--paper-400);border:1px solid var(--paper-400);margin-top:40px;}
.tc-stage{background:var(--paper-200);padding:22px 18px;}
.tc-stage img{width:26px;height:26px;margin-bottom:14px;}
.tc-stage .n{font-family:var(--mono);font-size:11px;color:var(--text-dim-paper);margin-bottom:6px;}
.tc-stage h3{margin-bottom:6px;}
.tc-stage p{font-size:12px;color:var(--text-dim-paper);margin:0;line-height:1.45;}

/* ---------- 05 DATA HANDLING — Paper-300 ---------- */
.tc-data{background:var(--paper-300);}
.tc-data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--paper-400);border:1px solid var(--paper-400);margin-top:40px;}
.tc-data-cell{background:#ffffff;padding:20px;}
.tc-data-cell .k{font-family:var(--mono);font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-dim-paper);margin-bottom:8px;}
.tc-data-cell p{margin:0;font-size:15px;font-weight:600;}

/* ---------- 06 OWNERSHIP — Paper-100, flat ---------- */
.tc-own-list{border-top:1px solid var(--ink-900);margin-top:36px;max-width:640px;}
.tc-own-row{padding:16px 0;border-bottom:1px solid var(--paper-400);font-size:16px;font-weight:600;}

/* ---------- 07 DEPLOYMENT MODELS — Paper-300 ---------- */
.tc-deploy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--paper-400);border:1px solid var(--paper-400);margin-top:40px;}
.tc-deploy-tier{background:var(--paper-300);padding:22px;}
.tc-deploy-tier .n{font-family:var(--mono);font-size:11px;color:var(--text-dim-paper);margin-bottom:10px;}
.tc-deploy-tier h3{margin-bottom:8px;}
.tc-deploy-tier p{font-size:15px;color:var(--text-dim-paper);margin:0;line-height:1.5;}
.tc-flow{font-family:var(--mono);font-size:15px;text-align:center;margin-top:48px;color:var(--text-dim-paper);}
.tc-flow .node{border:1px solid var(--paper-400);background:#ffffff;padding:12px 20px;display:inline-block;font-weight:600;color:var(--ink-900);}
.tc-flow .arrow{margin:8px 0;opacity:0.6;}

/* ---------- 08 EVALUATE CTA — Paper-200, quieter mid-page ---------- */
.tc-evaluate{background:var(--paper-200);}
.tc-eval-list{margin-top:32px;border-top:1px solid var(--paper-400);max-width:520px;}
.tc-eval-row{padding:14px 0;border-bottom:1px solid var(--paper-400);font-size:15px;}

/* ---------- 09 BRAND STATEMENT — Fuchsia-700 solid ---------- */
.tc-statement{background:var(--fuchsia-700);color:var(--paper-100);text-align:center;padding:110px 0;}
.tc-statement p{font-size:17px;line-height:1.6;max-width:46ch;margin:0 auto 24px;color:rgba(245,240,235,0.9);}
.tc-statement .big{font-family:var(--sans);font-weight:800;font-size:clamp(26px,3.4vw,34px);}

/* ---------- 10 FINAL CTA — Ink-900 + runs-fuchsia-on-ink ---------- */
.tc-cta{
  background:var(--ink-900);color:var(--paper-100);text-align:center;
  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;
  padding:110px 0;
}
.tc-cta h2{max-width:16ch;margin:0 auto 14px;}
.tc-cta p{max-width:52ch;margin:0 auto 30px;color:var(--text-dim-ink);font-size:16px;line-height:1.6;}
.tc-cta .btnrow{justify-content:center;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:860px){
  .tc-hero-grid{grid-template-columns:1fr;}
  .tc-env-grid{grid-template-columns:1fr;}
  .tc-stage-grid{grid-template-columns:1fr 1fr;}
  .tc-data-grid{grid-template-columns:1fr 1fr;}
  .tc-deploy-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .tc-hero .btnrow{flex-direction:column;align-items:stretch;}
  .tc-stage-grid{grid-template-columns:1fr;}
  .tc-data-grid{grid-template-columns:1fr;}
  .tc-deploy-grid{grid-template-columns:1fr;}
}