/* v0.8: a clear service identity above the outcome-led page heading. */
.page-head.product-head .breadcrumb{margin-bottom:24px}
.product-head .product-identity{
  position:relative;display:flex;align-items:center;gap:14px;width:fit-content;
  padding-bottom:19px;margin-bottom:23px;color:#e2d1ff;
  font-size:28px;font-weight:750;line-height:1.2;letter-spacing:-.035em;
}
.product-head .product-identity:after{
  content:'';position:absolute;left:0;bottom:0;width:112px;height:2px;
  background:var(--brand-blend,linear-gradient(90deg,#7c3aed,#00b4ff));border-radius:2px;
}
.product-head .product-identity>span:last-child{
  background:linear-gradient(100deg,#dfbaff,#b6c5ff 58%,#6bd8ff);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.product-head .product-identity-icon{
  display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;
  border:1px solid transparent;border-radius:12px;color:#d3b3ff;
  background:linear-gradient(135deg,#302044,#17354b) padding-box,
    var(--brand-blend,linear-gradient(90deg,#7c3aed,#00b4ff)) border-box;
}
.product-head .product-identity-icon svg{width:24px;height:24px}
@media(max-width:600px){
  .page-head.product-head .breadcrumb{margin-bottom:21px}
  .product-head .product-identity{gap:12px;font-size:24px;padding-bottom:16px;margin-bottom:21px}
  .product-head .product-identity-icon{width:39px;height:39px;border-radius:10px}
  .product-head .product-identity-icon svg{width:21px;height:21px}
  .product-head .product-identity:after{width:95px}
}
@media(forced-colors:active){
  .product-head .product-identity>span:last-child{background:none;-webkit-text-fill-color:currentColor}
  .product-head .product-identity-icon{border-color:currentColor}
}