.breadcrumb{padding-block:22px;font-size:14px;color:var(--muted)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;padding:0;margin:0}
.breadcrumb li+li:before{content:'/';margin-right:14px;color:#8da3a8}
.breadcrumb a:hover{color:var(--teal);text-decoration:underline}
.breadcrumb [aria-current=page]{color:var(--navy)}
.product-intro{padding-block:45px}
.product-intro h1{font-size:clamp(32px,3.8vw,50px)}
.solution-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.solution-card{display:flex;flex-direction:column;align-items:flex-start;padding:34px;border:1px solid #cbdedd;border-radius:10px;background:#fff;color:var(--navy)}
.solution-card-number{font:600 12px Arial,sans-serif;letter-spacing:.12em;color:var(--teal)}
.solution-card h2{font-size:25px;line-height:1.6;margin-block:16px}
.solution-card p{font-size:16px;line-height:1.95;color:var(--muted);margin-bottom:24px}
.solution-card .home-card-action{margin-top:auto}
.solution-card:hover{border-color:#6bacaa;background:#f7fcfb}
.product-tabs a[aria-current=page]{border-left-color:var(--teal);background:var(--pale);color:var(--teal)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .solution-card{transition:background .2s,border-color .2s,box-shadow .25s,translate .25s}
  .solution-card:hover{translate:0 -3px;box-shadow:0 12px 28px #0a30450c}
}
@media(max-width:760px){
  .breadcrumb{font-size:12px;padding-block:16px}
  .product-intro{padding-block:32px}
  .solution-catalog{grid-template-columns:1fr;gap:18px}
  .solution-card{padding:25px}
  .solution-card h2{font-size:23px}
  .product-tabs a[aria-current=page]{border-left-color:transparent;border-bottom-color:var(--teal)}
}