/* Home-page finance capability band; loaded after the shared responsive rules. */
.home-hero { padding-bottom: 52px; }
.pillars-section { padding-top: 76px; }
.expertise-strip {
  position: relative;
  overflow: hidden;
  border-block: 1px solid #d9e6ec;
  background: radial-gradient(circle at 85% -65%, #b8ebf8 0, transparent 36%), linear-gradient(135deg, #edf6fa 0%, #f8fbfc 68%, #eef5f8 100%);
}
.expertise-strip > .container { display: block; padding-block: 38px 43px; }
.expertise-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 24px; }
.expertise-heading .eyebrow { margin-bottom: 7px; color: #007ca5; }
.expertise-heading h2 { font-size: clamp(26px, 2.5vw, 34px); line-height: 1.2; }
.expertise-heading > p { max-width: 390px; color: #536476; font-size: 15px; line-height: 1.6; }
.expertise-strip .expertise-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; }
.expertise-grid li { min-width: 0; }
.expertise-grid a {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-height: 132px;
  height: 100%;
  padding: 17px 15px;
  border: 1px solid #d7e4e9;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 25px #0c1c300a;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.expertise-grid a:hover { color: #0c1c30; transform: translateY(-4px); border-color: #83cfe0; box-shadow: 0 15px 30px #0c1c3018; }
.expertise-grid a:focus-visible { outline-offset: 3px; }
.expertise-icon { display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; flex: none; border-radius: 10px; background: #e6f5f9; color: #007ca5; }
.expertise-icon .icon { width: 23px; height: 23px; }
.expertise-name { padding-right: 7px; color: #13263b; font-size: 14px; font-weight: 750; line-height: 1.35; }
.expertise-grid .expertise-arrow { position: absolute; top: 20px; right: 16px; width: 15px; height: 15px; color: #88a8b6; transition: color .2s, transform .2s; }
.expertise-grid a:hover .expertise-arrow { color: #007ca5; transform: translate(2px, -2px); }

@media (max-width: 1100px) {
  .home-hero { padding-bottom: 46px; }
  .expertise-strip .expertise-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .expertise-grid a { min-height: 116px; }
}
@media (max-width: 700px) {
  .expertise-strip > .container { padding-block: 31px 35px; }
  .expertise-heading { display: block; margin-bottom: 20px; }
  .expertise-heading > p { margin-top: 11px; font-size: 14px; }
  .expertise-strip .expertise-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .expertise-grid a { min-height: 110px; gap: 11px; padding: 13px; }
  .expertise-icon { width: 37px; height: 37px; }
  .expertise-icon .icon { width: 21px; height: 21px; }
  .expertise-grid .expertise-arrow { top: 16px; right: 13px; }
  .expertise-grid li:last-child { grid-column: 1 / -1; }
  .expertise-grid li:last-child a { flex-direction: row; align-items: center; min-height: 68px; }
}
@media (max-width: 600px) {
  .home-hero { padding-bottom: 31px; }
  .pillars-section { padding-top: 58px; }
}
@media (prefers-reduced-motion: reduce) {
  .expertise-grid a, .expertise-grid .expertise-arrow { transition: none; }
  .expertise-grid a:hover, .expertise-grid a:hover .expertise-arrow { transform: none; }
}