/* One compact hero standard for every audience page. */
.role-landing{padding-block:20px 38px}.role-hero{min-height:0;grid-template-columns:1.12fr .88fr;height:340px;border-radius:14px}.role-hero-copy{padding:26px 32px;align-self:center}.role-hero h1{font-size:32px;line-height:1.13;margin-bottom:14px;letter-spacing:0}.role-hero .eyebrow{margin-bottom:10px}.role-hero .lead{font-size:15px;line-height:1.6;margin-bottom:20px;max-width:680px}.role-hero .button{min-height:44px;padding:10px 18px}.role-hero-image{min-height:0}.role-hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.role-image-caption{bottom:16px;left:16px;right:16px;padding:10px 14px;font-size:13px;gap:9px}.role-image-caption .icon{width:20px;height:20px}
.role-benefits{gap:16px;margin-block:20px 28px}.role-benefits article{padding:20px}.role-benefits .icon-box{width:36px;height:36px;border-radius:10px}.role-benefits .icon-box>.icon{width:21px;height:21px}.role-benefits h2{font-size:18px;margin:12px 0 8px}.role-benefits p{font-size:14px;line-height:1.55}.role-story{gap:30px;padding:28px;grid-template-columns:.75fr 1.25fr}.role-story h2{font-size:26px;margin-bottom:12px}.role-story>div>p{line-height:1.6}.role-story .vertical-steps li{align-items:start;padding:12px 0;gap:14px}.role-story .vertical-steps h3{font-size:16px;line-height:1.3;letter-spacing:0;margin:2px 0 5px}.role-story .vertical-steps p{font-size:14px;line-height:1.55}.role-faq{gap:30px;margin-block:30px}.role-faq h2{font-size:26px}.role-faq details{padding:13px 0}.role-faq details p{line-height:1.6}.role-next{padding:22px 26px}.role-next h2{font-size:22px}
@media(min-width:1600px){.role-hero-copy{padding-inline:36px}.role-hero-image>img{object-position:50% 40%}}
@media(min-width:821px) and (max-width:1100px){.role-hero{height:360px;grid-template-columns:1.2fr .8fr}.role-hero-copy{padding:24px}.role-hero h1{font-size:28px}.role-hero .lead{font-size:14px}}
@media(max-width:820px){.role-hero{height:auto;grid-template-columns:1fr}.role-hero-copy{padding:24px}.role-hero h1{font-size:28px}.role-hero .lead{font-size:14px;line-height:1.6}.role-hero-image{height:190px}.role-image-caption{bottom:12px;left:12px;right:12px;font-size:12px}.role-benefits{grid-template-columns:1fr;gap:12px;margin-block:16px 24px}.role-benefits article{padding:18px}.role-story,.role-faq{grid-template-columns:1fr;gap:20px}.role-story{padding:22px}.role-story h2,.role-faq h2{font-size:24px}.role-next{padding:22px}.role-next-links{flex-wrap:wrap}}