.analytics-portfolio {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.analytics-portfolio-card {
  grid-column: span 4;
  display: flex;
  min-height: 22rem;
  flex-direction: column;
  padding: 1.55rem;
  border: 1px solid rgba(9, 47, 74, .14);
  border-radius: 1.25rem;
  background: #fff;
  color: #0a2940;
  box-shadow: 0 18px 44px rgba(7, 33, 52, .07);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.analytics-portfolio-card:nth-child(1),
.analytics-portfolio-card:nth-child(2) { grid-column: span 6; }

.analytics-portfolio-card:hover,
.analytics-portfolio-card:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(20, 132, 151, .5);
  box-shadow: 0 24px 52px rgba(7, 33, 52, .12);
}

.analytics-portfolio-card .number {
  width: 2.3rem;
  height: 2.3rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #dff4f2;
  color: #087a81;
  font-size: .75rem;
  font-weight: 900;
}

.analytics-portfolio-card small {
  margin-top: 1.5rem;
  color: #087a81;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.analytics-portfolio-card h3 {
  margin: .55rem 0 .75rem;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  line-height: 1.08;
}

.analytics-portfolio-card p { color: #536979; line-height: 1.65; }
.analytics-portfolio-card b { margin-top: auto; color: #087a81; }

.analytics-journey {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .85rem;
  margin-top: 2rem;
}

.analytics-journey article {
  position: relative;
  padding: 1.35rem 1.2rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 1rem;
  background: rgba(255,255,255,.07);
}

.analytics-journey article:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -.72rem;
  color: #62d5cd;
  font-weight: 900;
}

.analytics-journey span {
  display: block;
  margin-bottom: .8rem;
  color: #62d5cd;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.analytics-journey h3 { margin: 0 0 .5rem; color: #fff; font-size: 1.05rem; }
.analytics-journey p { margin: 0; color: rgba(255,255,255,.72); font-size: .9rem; line-height: 1.5; }

.analytics-boundaries {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1rem;
  margin-top: 2rem;
}

.analytics-boundaries a,
.analytics-boundaries div {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  padding: 1.4rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 1rem;
  color: #fff;
  background: rgba(255,255,255,.06);
}

.analytics-boundaries span { color: rgba(255,255,255,.72); line-height: 1.55; }

.analytics-service-hero .hero-copy-v8 { background: linear-gradient(135deg, #061b2b 0%, #0b4052 100%); }
.analytics-service-hero .kicker { color: #75ded5; }

.analytics-service-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin: 1.35rem 0 0;
}

.analytics-service-meta span {
  padding: .48rem .7rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  color: rgba(255,255,255,.86);
  font-size: .8rem;
  font-weight: 700;
}

.analytics-result-panel {
  padding: 1.65rem;
  border-radius: 1.2rem;
  background: #092f49;
  color: #fff;
  box-shadow: 0 22px 48px rgba(7,33,52,.16);
}

.analytics-result-panel strong { display: block; margin-bottom: .7rem; color: #65dbd2; }
.analytics-result-panel p { color: rgba(255,255,255,.82); line-height: 1.65; }
.analytics-result-panel small { color: rgba(255,255,255,.7); line-height: 1.5; }

.analytics-data-box {
  padding: 1.5rem;
  border-left: 4px solid #13a8a2;
  border-radius: .2rem 1rem 1rem .2rem;
  background: #eaf7f5;
}

.analytics-data-box h3 { margin-top: 0; color: #0a344a; }
.analytics-data-box p { margin-bottom: 0; color: #4b6573; line-height: 1.65; }

.analytics-pilot-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1rem;
  margin-top: 2rem;
}

.analytics-pilot-grid article {
  padding: 1.4rem;
  border: 1px solid rgba(9,47,74,.13);
  border-radius: 1rem;
  background: #fff;
}

.analytics-pilot-grid small { color: #087a81; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.analytics-pilot-grid h3 { margin: .65rem 0; color: #0a2940; }
.analytics-pilot-grid p { color: #536979; line-height: 1.6; }

@media (max-width: 980px) {
  .analytics-portfolio-card,
  .analytics-portfolio-card:nth-child(1),
  .analytics-portfolio-card:nth-child(2) { grid-column: span 6; }
  .analytics-journey { grid-template-columns: 1fr; }
  .analytics-journey article:not(:last-child)::after { content: "↓"; top: auto; right: 50%; bottom: -.82rem; }
}

@media (max-width: 720px) {
  .analytics-portfolio-card,
  .analytics-portfolio-card:nth-child(1),
  .analytics-portfolio-card:nth-child(2) { grid-column: 1 / -1; min-height: auto; }
  .analytics-boundaries,
  .analytics-pilot-grid { grid-template-columns: 1fr; }
  .analytics-service-meta { margin-bottom: .5rem; }
}
