/* AI roles page */
.pains li{ font-size:1.02rem; color:var(--carbon); }
.closing{ font-family:var(--font-display); font-weight:600; font-size:clamp(1.3rem, 1rem + 1.2vw, 1.9rem); letter-spacing:-0.02em; line-height:1.2; color:var(--green-deep); max-width:30ch; }
.frame-grid.one{ grid-template-columns:1fr; }
.frame-grid.one .link-row{ margin-top:0; }

/* roles section moved from the home page: it now sits on carbon as section 03 */
.roles .sec-title em{ color:var(--green-bright); }
.more-roles{ margin-top:clamp(2.5rem, 6vw, 4rem); border-top:1px solid var(--carbon-line); padding-top:clamp(2rem, 4vw, 3rem); }
.more-roles .sub{ color:var(--bone); }
.more-roles .sub em{ color:var(--green-bright); }
.more-roles > p{ color:var(--muted-dark); max-width:56ch; margin-top:.6rem; }
.more-roles .rows{ margin-top:1.4rem; }
.more-roles .rows li{ grid-template-columns:minmax(0, 1fr); }
.more-roles .rows .no{ display:none; }
.more-roles .rows h4{ font-size:1.1rem; }
.more-roles .keep{ display:block; margin-top:.45rem; font-family:var(--font-mono); font-size:.74rem; color:var(--green-bright); }

/* before and after */
.ba{ width:100%; border-collapse:collapse; font-size:.98rem; }
.ba th, .ba td{ text-align:left; vertical-align:top; padding:1rem .9rem; border-bottom:1px solid var(--bone-line); line-height:1.45; }
.ba thead th{ font-family:var(--font-mono); font-weight:500; font-size:.76rem; color:var(--green-deep); padding-top:0; }
.ba tbody th{ font-family:var(--font-display); font-weight:600; font-size:1.05rem; letter-spacing:-0.01em; color:var(--carbon); width:22%; }
.ba td[data-label="Today"]{ color:var(--muted); }
.ba td[data-label="With an AI role"]{ color:var(--carbon); }
@media(max-width:700px){
  .ba thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  .ba tr{ display:block; padding:1rem 0; border-bottom:1px solid var(--bone-line); }
  .ba th, .ba td, .ba tbody th{ display:block; border:0; padding:.2rem 0; width:auto; }
  .ba td::before{ content:attr(data-label); display:block; font-family:var(--font-mono); font-size:.72rem; color:var(--green-deep); margin:.5rem 0 .1rem; }
}

/* rollout: five steps, durations in mono */
.steps.five{ grid-template-columns:repeat(5, minmax(0,1fr)); }
.step .dur{ font-family:var(--font-mono); font-size:.78rem; color:var(--green-deep); margin:-.2rem 0 .5rem; }
@media(max-width:980px){ .steps.five{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media(max-width:640px){ .steps.five{ grid-template-columns:1fr 1fr; } }
@media(max-width:440px){ .steps.five{ grid-template-columns:1fr; } }

/* pricing rows in two columns on carbon */
.pricing-rows{ border-top:0; }
.pricing-rows li{ border-top:1px solid var(--carbon-line); }

/* closing band: the highlighted words stay readable on green */
.u-carbon{ box-shadow:inset 0 -.07em 0 0 var(--carbon); }