/* AI workflows landing page. Builds on the homepage styles in ai-engineering.css. */
.workflows-page .nw-hero h1{font-size:clamp(42px,5.6vw,80px);max-width:17ch}

/* Examples and "why" grids: three columns instead of the homepage's four. */
.workflows-page .wf-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:56px;align-items:end}
.workflows-page .wf-lede{font-size:17px;line-height:1.5;color:var(--muted);max-width:56ch;margin:0}
.workflows-page .wf-examples .nw-scope-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.workflows-page .wf-examples .nw-scope-grid div,.workflows-page .wf-examples .nw-scope-grid div+div{padding:18px 22px 22px}
.workflows-page .wf-examples .nw-scope-grid div:nth-child(3n+1){padding-left:0}
.workflows-page .wf-why{background:var(--paper);color:var(--navy);padding:52px 0 56px;border-top:1px solid var(--edge)}
.workflows-page .wf-why h2{font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.035em}

/* How it works: three numbered steps. */
.workflows-page .wf-how{background:var(--warm);color:var(--navy);padding:52px 0 56px;border-top:1px solid var(--edge)}
.workflows-page .wf-how h2{font-size:clamp(32px,3.6vw,50px);line-height:1.02;letter-spacing:-.04em;max-width:20ch}
.workflows-page .wf-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--navy);border-bottom:1px solid var(--edge)}
.workflows-page .wf-steps li{padding:18px 22px 24px}
.workflows-page .wf-steps li:first-child{padding-left:0}
.workflows-page .wf-steps li+li{border-left:1px solid var(--edge)}
.workflows-page .wf-steps h3{font-size:20px;line-height:1.2;letter-spacing:-.01em}
.workflows-page .wf-steps p{font-size:15.5px;line-height:1.5;color:var(--muted);margin-top:8px}
.workflows-page .wf-steps a{color:var(--copper-ink);text-underline-offset:4px;text-decoration-thickness:1px}

/* What the monthly fee covers. */
.workflows-page .wf-covers{list-style:none;margin:16px 0 0;padding:0;max-width:54ch}
.workflows-page .wf-covers li{position:relative;padding:10px 0 10px 22px;font-size:16px;line-height:1.45;border-top:1px solid var(--edge)}
.workflows-page .wf-covers li:before{content:"";position:absolute;left:0;top:19px;width:10px;height:2px;background:var(--copper)}

/* FAQ spacing to match the rest of the page. */
.workflows-page .lp-faq{padding:52px 0 56px}

@media(max-width:960px){
  .workflows-page .wf-head{grid-template-columns:1fr;row-gap:12px}
  .workflows-page .wf-examples .nw-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workflows-page .wf-examples .nw-scope-grid div:nth-child(n){padding:18px 22px 22px}
  .workflows-page .wf-examples .nw-scope-grid div:nth-child(odd){padding-left:0}
  .workflows-page .wf-steps{grid-template-columns:1fr}
  .workflows-page .wf-steps li,.workflows-page .wf-steps li:first-child{padding:16px 0 20px}
  .workflows-page .wf-steps li+li{border-left:0;border-top:1px solid var(--edge)}
}
@media(max-width:560px){
  .workflows-page .wf-examples .nw-scope-grid{grid-template-columns:1fr}
  .workflows-page .wf-examples .nw-scope-grid div:nth-child(n){padding:16px 0 18px}
  .workflows-page .wf-how,.workflows-page .wf-why,.workflows-page .lp-faq{padding:40px 0}
}
.workflows-page .wf-why .nw-scope-grid a{color:var(--copper-ink);font-weight:500;text-underline-offset:4px;text-decoration-thickness:1px;white-space:nowrap}
.workflows-page .nw-hero h1 .nw-accent{white-space:normal}
.workflows-page .lp-maintenance .wf-terms{margin-top:12px}