/* v4 mockup: bigger hero text column, less empty space (Avi, Sep 26 11:50 AM) */
.hero .eyebrow{font-size:14px;letter-spacing:.1em;margin-bottom:14px}
.hero h1{font-size:clamp(50px,13vw,56px);line-height:1.02;letter-spacing:-.028em;margin-bottom:18px}
.hero .lede{font-size:21px;line-height:1.45;margin-bottom:24px}
.hero .btn{min-height:60px;padding:17px 34px;font-size:19.5px;font-weight:600}
.hero .v2-fine{font-size:15px;margin-top:14px}
.hero{padding:24px 0 40px}
@media (min-width:960px){
  .hero{padding:28px 0 24px}
  .hero-grid.wrap,.site-header .wrap{max-width:calc(1240px + 2*var(--gutter))}
  .hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:center}
  .hero .eyebrow{font-size:15px;margin-bottom:18px}
  .hero h1{font-size:clamp(68px,6.4vw,96px);line-height:.98;margin-bottom:26px;max-width:none}
  .hero .lede{font-size:23.5px;line-height:1.45;max-width:36rem;margin-bottom:34px}
  .hero .btn{min-height:66px;padding:19px 40px;font-size:21px}
  .hero .v2-fine{font-size:16px;margin-top:16px}
  /* report card: a touch larger to balance the bigger text */
  .hero .mock{padding:26px}
  .hero .mock-title{font-size:26px}
  .hero .kpis dd{font-size:32px}
  .hero .kpis dt{font-size:13px}
  .hero .v3-trend-label{font-size:13.5px}
  .hero .v3-trend-num{font-size:34px}
  .hero .v3-trend{margin-bottom:18px}
  .hero .dash-rows li{font-size:15px;padding:9px 0}
  .hero .dash-biz{margin:4px 0 16px}
}