/* ============================================================
   CYBERGRC — shares global.css / header.css / footer.css
   ============================================================ */

.cg-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;}
.cg-head{max-width:680px;margin-bottom:48px;}
.cg-head h2{margin:0 0 16px;}
.cg-head p{font-size:16px;line-height:1.6;color:var(--text-dim-paper);margin:0;max-width:60ch;}
.cg-head.on-ink p{color:var(--text-dim-ink);}

/* ---------- 01 HERO — Paper-100, flat ---------- */
.cg-hero{background:var(--paper-100);padding:64px 0 88px;}
.cg-hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:start;}
.cg-hero h1{margin:18px 0 20px;max-width:16ch;}
.cg-hero .lede{max-width:52ch;}
.cg-hero .statement{font-size:19px;font-weight:600;margin-top:24px;}
.cg-hero .btnrow{margin-top:28px;}

.cg-panel{background:var(--ink-900);color:var(--paper-100);padding:22px 24px;}
.cg-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;}
.cg-row{display:flex;align-items:baseline;gap:10px;padding:11px 0;border-bottom:1px solid var(--line-on-ink);font-family:var(--mono);font-size:15px;}
.cg-row:last-child{border-bottom:none;}
.cg-row .mark{color:#80B5FF;flex-shrink:0;}

/* ---------- 02 WHAT IT DOES — Paper-200, no motifs, no image ---------- */
.cg-workloads{background:var(--paper-200);}
.cg-workload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--paper-400);border:1px solid var(--paper-400);margin-top:44px;}
.cg-workload{background:var(--paper-200);padding:26px;}
.cg-workload h3{margin-bottom:8px;}
.cg-workload p{font-size:15px;color:var(--text-dim-paper);line-height:1.55;margin:0;}

/* ---------- 03 WHY IT'S DIFFERENT — Paper-300 ---------- */
.cg-diff{background:var(--paper-300);}
.cg-not-list{display:flex;flex-direction:column;margin-top:12px;}
.cg-not-item{border-top:1px solid var(--paper-400);padding:20px 0;}
.cg-not-item:last-child{border-bottom:1px solid var(--paper-400);}
.cg-not-title{font-size:16px;font-weight:600;margin-bottom:6px;}
.cg-not-item p{margin:0;font-size:15px;color:var(--text-dim-paper);line-height:1.55;max-width:56ch;}
.cg-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--paper-400);border:1px solid var(--paper-400);margin-top:32px;}
.cg-check{background:#ffffff;padding:20px;}
.cg-check .k{font-family:var(--mono);font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-dim-paper);margin-bottom:8px;}
.cg-check p{margin:0;font-size:15px;font-weight:600;}

/* ---------- 04 PRODUCED DIFFERENTLY — Ink-900 + glyph-oversight-ink (matches index.html's Constraint Model pattern) ---------- */
.cg-produced{
  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;
}
.cg-produced .cg-head p{color:var(--text-dim-ink);}
.cg-lifecycle{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;}
.cg-lc-step{border:1px solid rgba(245,240,235,0.3);padding:20px;background:rgba(6,8,17,0.18);}
.cg-lc-step img{width:30px;height:30px;margin-bottom:14px;}
.cg-lc-step .n{font-family:var(--mono);font-size:11px;opacity:0.75;margin-bottom:6px;}
.cg-lc-step h3{margin-bottom:6px;}
.cg-lc-step p{font-size:15px;margin:0;opacity:0.85;line-height:1.5;}

.cg-govterm{background:rgba(6,8,17,0.35);border:1px solid rgba(245,240,235,0.25);margin-top:32px;}
.cg-gov-row{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-top:1px solid rgba(245,240,235,0.15);font-family:var(--mono);font-size:15px;}
.cg-gov-row:first-child{border-top:none;}
.cg-gov-row .status{font-size:11px;letter-spacing:0.04em;}
.cg-gov-row .status.ok{color:#8bd9a8;}
.cg-gov-row .status.pending{color:#80B5FF;}

.cg-provenance{font-size:15px;line-height:1.65;color:rgba(245,240,235,0.85);max-width:60ch;margin-top:32px;}
.cg-provenance strong{color:var(--paper-100);}

/* ---------- 05 BRAND STATEMENT — Fuchsia-700 solid ---------- */
.cg-statement{background:var(--fuchsia-700);color:var(--paper-100);text-align:center;padding:110px 0;}
.cg-statement .lines{font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.55;max-width:22ch;margin:0 auto;}

/* ---------- 06 FINAL CTA — Ink-900 + runs-fuchsia-on-ink ---------- */
.cg-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;
}
.cg-cta h2{max-width:16ch;margin:0 auto 14px;}
.cg-cta p{max-width:48ch;margin:0 auto 32px;color:var(--text-dim-ink);font-size:16px;}
.cg-chip-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px;max-width:640px;margin-left:auto;margin-right:auto;}
.cg-chip{font-family:var(--mono);font-size:15px;border:1px solid var(--line-on-ink);padding:9px 16px;color:var(--text-dim-ink);}
.cg-cta .btnrow{justify-content:center;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:860px){
  .cg-hero-grid{grid-template-columns:1fr;}
  .cg-workload-grid{grid-template-columns:1fr;}
  .cg-checks{grid-template-columns:1fr;}
  .cg-lifecycle{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .cg-hero .btnrow{flex-direction:column;align-items:stretch;}
  .cg-lifecycle{grid-template-columns:1fr;}
}