/* Product positioning above eight image-based role examples. */
.product-intro__shell{display:block;padding:46px 48px 50px;background:radial-gradient(circle at 95% 7%,rgba(157,219,240,.22),transparent 33%),linear-gradient(135deg,#f9fcff 0%,#eef6fc 100%)}
.product-intro__copy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:55px;padding-bottom:42px;border-bottom:1px solid #d7e7f1}
.product-intro__eyebrow{margin-bottom:17px}.product-intro__copy h2{margin-bottom:0}.product-intro__copy h2 span{max-width:none}
.product-intro__description{padding-top:12px}.product-intro__lead{max-width:610px}.product-intro__capabilities{margin-top:19px}.product-intro__note{margin-top:19px;padding-top:15px}
.product-intro__scenes{padding:0;margin-top:38px}.product-intro__scenes-head{align-items:end;margin-bottom:21px}.product-intro__scenes-head span{font-size:10px}.product-intro__scenes-head h3{font-size:clamp(25px,2.25vw,32px);font-weight:650}.product-intro__scenes-head small{max-width:250px;text-align:right;font-size:12px;line-height:1.6}
.product-scene-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.product-scene-tile{aspect-ratio:243/131;min-width:0;border-radius:17px;background-image:url("../img/workbuddy-role-scenarios-20261013.png");background-size:422.22% 372.52%;background-repeat:no-repeat;box-shadow:0 10px 25px rgba(14,79,168,.13)}
.product-scene-tile--sales{background-position:1.79% 9.52%}
.product-scene-tile--market{background-position:34.1% 9.52%}
.product-scene-tile--ecommerce{background-position:66.41% 9.52%}
.product-scene-tile--procurement{background-position:98.98% 9.52%}
.product-scene-tile--service{background-position:1.79% 49.86%}
.product-scene-tile--finance{background-position:100% 49.86%}
.product-scene-tile--hr{background-position:1.79% 91.6%}
.product-scene-tile--admin{background-position:34.1% 91.6%}
@media(max-width:1100px){.product-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-intro__copy{gap:30px}}
@media(max-width:767px){.product-intro__shell{padding:30px 24px 34px}.product-intro__copy{grid-template-columns:1fr;gap:16px;padding-bottom:30px}.product-intro__description{padding-top:0}.product-intro__scenes{margin-top:30px}.product-intro__scenes-head{flex-direction:column;align-items:flex-start;gap:8px}.product-intro__scenes-head small{display:block;max-width:none;text-align:left}.page-products .float-cta{display:none}}
@media(max-width:560px){.product-scene-grid{grid-template-columns:1fr;gap:12px}.product-intro__scenes-head h3{font-size:24px}}