/* ---------- What We Do page specific ---------- */
  .page-hero{
    background:var(--gen-frost);
    color:var(--gen-navy);
    padding:64px 0 56px;
    border-bottom:1px solid var(--gen-navy-line);
  }
  .page-hero h1{
    font-family:var(--gen-font);
    font-weight:700;
    font-size:clamp(2.2rem,4vw,3.4rem);
    line-height:1.08;
    color:var(--gen-navy);
  }
  .page-hero p{
    margin-top:18px;
    max-width:62ch;
    color:var(--gen-text-dim);
    font-size:16px;
    line-height:1.7;
  }
  .page-hero p + p{ margin-top:14px; }

  .prose-section p{
    color:var(--gen-text-dim);
    font-size:16px;
    line-height:1.75;
    margin-bottom:16px;
    max-width:74ch;
  }
  .prose-section strong{ color:var(--gen-navy); font-weight:600; }

  /* Three ways to gain value */
  .value-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1px;
    background:rgba(22,32,43,0.12);
    border:1px solid rgba(22,32,43,0.12);
    margin-top:20px;
  }
  .value-card{
    background:var(--gen-frost);
    padding:32px 28px;
    display:flex;
    flex-direction:column;
  }
  .value-card .k{
    font-family:var(--gen-font);
    font-size:11px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--gen-teal-text);
  }
  .value-card h3{
    font-family:var(--gen-font);
    font-size:1.25rem;
    font-weight:700;
    margin:10px 0 12px;
    color:var(--gen-navy);
  }
  .value-card p{
    font-size:14px;
    color:var(--gen-text-dim);
    line-height:1.65;
    flex:1;
  }
  .value-card .free-note{
    font-family:var(--gen-font);
    font-size:11.5px;
    color:var(--gen-teal-text);
    margin-top:14px;
  }
  .value-card a.gen-btn{
    margin-top:18px;
    align-self:flex-start;
  }
  @media (min-width:860px){ .value-grid{ grid-template-columns:repeat(3,1fr); } }