.brand-services {
  justify-content: center;
  width: 100%;
}

.insights-hero {
  position: relative;
  overflow: hidden;
  padding: 105px 0 95px;
  background: linear-gradient(128deg, var(--ink) 0%, #2e5760 72%, #367165 100%);
  color: #fff;
}

.insights-hero::after {
  content: '';
  position: absolute;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  right: -110px;
  top: -190px;
  box-shadow: 0 0 0 70px rgba(255,255,255,.035), 0 0 0 140px rgba(255,255,255,.02);
}

.insights-hero .site-shell { position: relative; z-index: 1; }
.insights-hero .eyebrow { color: #a7e3cd; }
.insights-hero h1 { max-width: 900px; }
.insights-hero h1 em { display: block; color: var(--mint); font-style: normal; }
.insights-hero p:last-child { max-width: 720px; color: #c9d8da; font-size: 1.18rem; }

.insights-section { padding: 95px 0 115px; background: #f7f9f8; }
.insights-heading { display: flex; justify-content: space-between; gap: 45px; align-items: end; margin-bottom: 42px; }
.insights-heading h2 { margin-bottom: 0; }
.insights-heading > p { max-width: 430px; color: var(--muted); margin-bottom: 5px; }
.insights-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

.insight-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 13px 38px rgba(36,60,67,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.insight-card:hover { transform: translateY(-7px); box-shadow: 0 22px 55px rgba(36,60,67,.13); border-color: #bad2d0; }
.insight-visual { position: relative; height: 240px; display: grid; place-items: center; overflow: hidden; background: linear-gradient(145deg,#e7f3ef,#d7ebe5); }
.insight-card:nth-child(2) .insight-visual { background: linear-gradient(145deg,#e5eef6,#d6e5f1); }
.insight-card:nth-child(3) .insight-visual { background: linear-gradient(145deg,#edf3f2,#dce9e8); }
.insight-visual::before,.insight-visual::after { content: ''; position: absolute; border-radius: 50%; }
.insight-visual::before { width: 180px; height: 180px; right: -55px; top: -80px; background: rgba(88,200,160,.24); }
.insight-visual::after { width: 115px; height: 115px; left: -48px; bottom: -56px; border: 28px solid rgba(68,124,169,.12); }
.insight-visual svg { position: relative; z-index: 1; width: 128px; height: 128px; filter: drop-shadow(0 14px 16px rgba(36,60,67,.13)); }
.insight-number { position: absolute; z-index: 2; left: 22px; top: 18px; font-size: .69rem; font-weight: 900; letter-spacing: .12em; color: var(--ink-2); }
.insight-content { display: flex; flex: 1; flex-direction: column; padding: 28px; }
.insight-topic { color: var(--blue); font-size: .68rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 14px; }
.insight-card h2 { font-size: 1.8rem; line-height: 1.12; margin-bottom: 15px; }
.insight-card h2 a:hover { color: var(--blue); }
.insight-card p { color: var(--muted); font-size: .94rem; }
.insight-link { display: inline-flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 12px; color: var(--blue); font-weight: 850; }
.insight-link span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: #e9f1f6; transition: .2s; }
.insight-card:hover .insight-link span { background: var(--blue); color: #fff; }

.insights-cta { padding: 80px 0; background: #fff; }
.insights-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 45px; padding: 42px 48px; border-radius: 20px; background: var(--ink); color: #fff; }
.insights-cta-inner .eyebrow { color: var(--mint); margin-bottom: 10px; }
.insights-cta-inner h2 { font-size: 2.5rem; margin-bottom: 0; }
.insights-cta-inner .button { flex: 0 0 auto; }

@media (max-width: 980px) {
  .insights-grid { grid-template-columns: 1fr 1fr; }
  .insights-heading { display: block; }
  .insights-heading > p { margin-top: 18px; }
  .insights-cta-inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 620px) {
  .insights-grid { grid-template-columns: 1fr; }
  .insights-hero { padding: 70px 0 65px; }
  .insights-section { padding: 68px 0 78px; }
  .insight-visual { height: 210px; }
  .insights-cta { padding: 60px 0; }
  .insights-cta-inner { padding: 30px 25px; }
  .insights-cta-inner h2 { font-size: 2rem; }
}
