/* Solutions page: compact list layout inspired by the original SMI solutions table. */
.solutions-hero{padding:158px 0 66px}
.solutions-hero:after{width:430px;height:430px;right:-170px;top:-145px;opacity:.32}
.solutions-hero-inner{position:relative;z-index:2;max-width:900px}
.solutions-hero h1{font-size:clamp(48px,6vw,76px);margin:17px 0 10px}
.solutions-hero p{margin:0;font-size:18px;color:var(--muted)}

.solutions-section{padding-top:78px}
.solution-intro{display:grid;grid-template-columns:.28fr 1fr;gap:70px;align-items:start;margin-bottom:36px}
.solution-intro h2{margin-bottom:0}

.solution-matrix-wrap{border:1px solid var(--line);border-radius:22px;overflow-x:auto;background:#fff;box-shadow:0 16px 46px rgba(7,45,90,.07);scrollbar-width:thin;scrollbar-color:#a9bfd8 #eef4fa}
.solution-matrix{display:grid;grid-template-columns:repeat(7,minmax(158px,1fr));min-width:1160px;align-items:stretch}
.solution-column{min-width:0;border-right:1px solid var(--line);background:#fff}
.solution-column:last-child{border-right:0}
.column-title{height:105px;padding:20px 16px 16px;display:flex;flex-direction:column;justify-content:flex-end;background:#071b35;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}
.column-title:hover{background:#0a3164}
.column-title span{font-size:10px;letter-spacing:.14em;color:#8fc7ff;font-weight:800;margin-bottom:8px}
.column-title h3{margin:0;font-size:16px;line-height:1.18;letter-spacing:-.025em;text-transform:none}
.solution-column.highlighted .column-title{background:linear-gradient(145deg,var(--blue),var(--blue2))}

.column-items{display:flex;flex-direction:column}
.column-items a{min-height:62px;padding:14px 15px;display:flex;align-items:center;border-bottom:1px solid #e8eef5;color:#31506f;font-size:12.5px;font-weight:650;line-height:1.35;transition:background .2s,color .2s,padding-left .2s}
.column-items a:last-child{border-bottom:0}
.column-items a:hover{background:#eef6ff;color:var(--blue);padding-left:19px}
.solution-column.highlighted .column-items a:hover{background:#e9f4ff}
.mobile-note{display:none;color:var(--muted);font-size:12px;margin:12px 4px 0}

@media(max-width:960px){
  .solutions-hero{padding-top:138px;padding-bottom:54px}
  .solution-intro{grid-template-columns:1fr;gap:10px;margin-bottom:28px}
  .solution-intro h2{font-size:clamp(34px,7vw,52px)}
  .mobile-note{display:block}
}

@media(max-width:640px){
  .solutions-section{padding-top:58px}
  .solution-matrix-wrap{border-radius:18px}
  .solution-matrix{grid-template-columns:repeat(7,220px);min-width:1540px}
  .column-title{height:94px;padding:18px 15px 15px}
  .column-title h3{font-size:15px}
  .column-items a{min-height:58px;font-size:12px}
}
