/* Parallel offer cards, with actions immediately following the capability tags. */
.hero{padding-top:52px}
.hero .transform-stage{grid-template-columns:minmax(0,1.05fr) 64px minmax(0,1.5fr);margin-top:34px;align-items:stretch}
.hero .transform-core{gap:0;color:#9caf79;min-width:0}
.hero .transform-core:before,.hero .transform-core:after{display:none}
.hero .transform-core svg{width:34px;height:20px;display:block;overflow:visible}
.hero .demo-card{height:340px;min-height:340px}
.hero .hero-routes{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:1fr;gap:16px;height:340px;align-items:stretch}
.hero .hero-routes .outcome{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:35px 48px 32px 44px;align-content:start;justify-content:normal;gap:15px;padding:28px 24px;height:340px;min-height:340px;min-width:0}
.hero .hero-routes h3{grid-column:1;grid-row:1;font-size:25px;line-height:1.4;margin:0;align-self:start}
.hero .hero-routes .hero-benefit{grid-column:1;grid-row:2;font-size:13px;line-height:1.85;margin:0;align-self:start}
.hero .hero-routes .hero-tags{grid-column:1;grid-row:3;gap:6px;align-self:start}
.hero .hero-routes .hero-tags>span{font-size:10px;padding:6px 8px}
.hero .hero-routes .outcome-cta{grid-column:1;grid-row:4;align-self:start;justify-self:start;width:auto;min-height:44px;height:44px;padding:11px 20px;gap:36px;font-size:13px}
.hero .hero-routes .ai-primary .outcome-cta{min-width:160px}
.hero .hero-routes .platform-secondary .outcome-cta{border:0;padding:11px 0;gap:22px;font-size:12px;font-weight:500;color:#81926d}
.hero .hero-routes .platform-secondary .outcome-cta>span{font-size:17px}
@media(min-width:761px) and (max-width:1050px){
.hero .transform-stage{grid-template-columns:minmax(0,1fr) 46px minmax(0,1.55fr)}
.hero .hero-routes{gap:12px}
.hero .hero-routes .outcome{padding:25px 17px;gap:14px;grid-template-rows:32px 55px 32px 44px}
.hero .hero-routes h3{font-size:22px}
.hero .hero-routes .hero-benefit{font-size:12px}
.hero .hero-routes .hero-tags{gap:5px}
.hero .hero-routes .hero-tags>span{font-size:9px;padding:6px}
.hero .hero-routes .ai-primary .outcome-cta{min-width:140px;padding:11px 16px;gap:25px}
}
@media(max-width:760px){
.hero{padding-top:44px}
.hero .demo-card{height:360px;min-height:360px}
.hero .transform-stage{grid-template-columns:1fr;margin-top:29px}
.hero .transform-core{height:50px;flex-direction:column}
.hero .transform-core svg{width:29px;height:18px;transform:rotate(90deg)}
.hero .hero-routes{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:13px;height:auto}
.hero .hero-routes .outcome{height:auto;min-height:280px;padding:25px 20px;grid-template-rows:33px 47px 32px 44px;gap:14px}
.hero .hero-routes h3{font-size:24px}
.hero .hero-routes .hero-benefit{font-size:12px}
.hero .hero-routes .hero-tags>span{font-size:9px;padding:6px 7px}
.hero .hero-routes .ai-primary .outcome-cta{min-width:145px;padding:11px 17px;gap:25px}
}
@media(max-width:520px){
.hero .hero-routes{grid-template-columns:1fr}
.hero .hero-routes .outcome{min-height:260px;padding:25px;grid-template-rows:35px auto 32px 44px;gap:15px}
.hero .hero-routes h3{font-size:27px}
.hero .hero-routes .hero-benefit{font-size:12px}
.hero .hero-routes .hero-tags>span{font-size:10px;padding:6px 8px}
.hero .hero-routes .ai-primary .outcome-cta{min-width:160px;padding:11px 20px;gap:36px}
}