.page-hero{
    position:relative;
    background:var(--navy-900);
    padding:72px 0 56px;
    overflow:hidden;
  }
  .page-hero::after{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(60% 90% at 15% 0%, rgba(45,165,215,0.28), transparent 60%),
               radial-gradient(50% 80% at 100% 100%, rgba(28,138,184,0.22), transparent 60%);
  }
  .page-hero .wrap{position:relative; z-index:1;}
  .page-hero .crumb{
    display:inline-flex; align-items:center; gap:6px;
    font-size:12.5px; font-weight:600; color:rgba(255,255,255,0.6);
    margin-bottom:14px;
  }
  .page-hero .crumb a{color:rgba(255,255,255,0.85);}
  .page-hero .crumb a:hover{color:#fff;}
  .page-hero h1{
    font-size:clamp(30px,4vw,44px);
    font-weight:800;
    color:#fff;
    letter-spacing:-0.01em;
    margin-bottom:14px;
  }
  .page-hero p{
    font-size:15.5px;
    color:rgba(255,255,255,0.78);
    max-width:640px;
    line-height:1.65;
  }

  .page-body{padding:64px 0 88px;}
  .page-group{margin-bottom:52px;}
  .page-group:last-child{margin-bottom:0;}
  .page-group-head{
    display:flex;
    align-items:baseline;
    gap:14px;
    margin-bottom:22px;
    padding-bottom:14px;
    border-bottom:1px solid var(--line);
  }
  .page-group-head h2{
    font-size:22px;
    font-weight:800;
    color:var(--navy-900);
  }
  .page-group-head span{
    font-size:13px;
    color:var(--muted);
  }
  .page-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));
    gap:22px;
  }
  @media (max-width:720px){
    .page-hero{padding:54px 0 40px;}
    .page-body{padding:44px 0 60px;}
  }

  /* Two-column content split (e.g. Contact info/form, Careers copy/apply card) */
  .two-col-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:start;
  }
  .two-col-grid.wide-left{
    grid-template-columns:1.2fr 1fr;
  }
  @media (max-width:860px){
    .two-col-grid,
    .two-col-grid.wide-left{
      grid-template-columns:1fr;
      gap:32px;
    }
  }