.analytics-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 5.55vw;
  padding: 5vw 5.5556%;
  background: #fafbfc;
  color: #1d2939;
  font-family: 'Geist', sans-serif;
}
.analytics-copy .section-kicker {
  color: #009b00;
  font: 500 clamp(14px, .97vw, 28px)/1.4 'Geist', sans-serif;
  margin: 0 0 1.15vw;
  text-transform: none;
  letter-spacing: 0;
}
.analytics-copy h2 {
  color: #1d2939;
  font: 500 clamp(40px, 3.89vw, 112px)/1.1 'Schibsted Grotesk', sans-serif;
  letter-spacing: -.035em;
  margin: 0 0 2vw;
}
.analytics-copy > p:not(.section-kicker) {
  max-width: 79%;
  color: #475467;
  font-size: clamp(17px, 1.25vw, 36px);
  line-height: 1.5;
  margin: 0;
}
.analytics-benefits {
  list-style: none;
  display: grid;
  gap: 1.1vw;
  padding: 0;
  margin: 1.85vw 0 0;
  color: #009b00;
  font-size: clamp(16px, 1.11vw, 32px);
  font-weight: 500;
}
.analytics-benefits li { display: flex; align-items: center; gap: .8vw; }
.analytics-benefits li::before {
  content: '';
  flex: 0 0 auto;
  width: .96vw;
  height: .96vw;
  min-width: 14px;
  min-height: 14px;
  background: radial-gradient(circle, #fff 0 16%, #009b00 20%);
  border-radius: 50%;
}
.analytics-product {
  position: relative;
  aspect-ratio: 1206 / 1074;
  overflow: hidden;
  isolation: isolate;
  border-radius: clamp(12px, .83vw, 24px);
  background: #098c00;
}
.analytics-product canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; }
.analytics-product canvas[data-ready] { opacity: 1; }
.analytics-product > img {
  position: absolute;
  width: 142%;
  max-width: none;
  height: auto;
  left: 50%;
  top: .2%;
  transform: translateX(-50%);
  z-index: 2;
}
.analytics-gradient-fallback {
  position: absolute;
  inset: -35%;
  background: radial-gradient(ellipse at 76% 46%, #ef4493 0%, transparent 47%), radial-gradient(ellipse at 15% 70%, #008c00 15%, transparent 55%), radial-gradient(ellipse at 48% 12%, #8cb444 0%, transparent 48%), #237900;
  animation: analytics-flow 14s ease-in-out infinite alternate;
}
@keyframes analytics-flow {
  0% { transform: translate(-3%, -5%) rotate(-8deg) scale(1); }
  50% { transform: translate(5%, 2%) rotate(12deg) scale(1.12); }
  100% { transform: translate(-2%, 6%) rotate(-16deg) scale(1.03); }
}
.analytics-product:has(canvas[data-ready]) .analytics-gradient-fallback { animation-play-state: paused; }
@media (max-width: 900px) {
  .analytics-section { gap: 35px; padding: 70px 24px; }
  .analytics-copy > p:not(.section-kicker) { max-width: 100%; }
  .analytics-copy h2 { font-size: 42px; }
  .analytics-benefits { gap: 16px; margin-top: 25px; }
  .analytics-benefits li { gap: 10px; }
}
@media (max-width: 700px) {
  .analytics-section { grid-template-columns: 1fr; gap: 38px; }
  .analytics-copy .section-kicker { margin-bottom: 18px; }
  .analytics-copy h2 { font-size: clamp(40px, 9vw, 54px); margin-bottom: 25px; }
  .analytics-copy > p:not(.section-kicker) { max-width: 490px; }
}