/* Public explanation of Cadence's learner-centred product direction. */
.cadence-intelligence {
  position: relative;
  overflow: hidden;
  color: var(--white);
  background: radial-gradient(circle at 82% 24%, rgba(124, 201, 242, .17), transparent 38%), #0b1028;
}
.cadence-intelligence::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(124, 201, 242, .35) 1px, transparent 1.5px);
  background-size: 64px 64px;
  opacity: .22;
}
.cadence-intelligence .shell { position: relative; z-index: 1; }
.cadence-intro { display: grid; grid-template-columns: .8fr 1.2fr; gap: 84px; align-items: end; }
.cadence-intro h2 { margin: 0; max-width: 760px; font-size: 48px; line-height: 1.05; }
.cadence-intro p:last-child { margin: 0; color: #b9c6dc; font-size: 18px; }
.resonance-loop { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; margin-top: 60px; border: 1px solid rgba(124, 201, 242, .2); background: rgba(124, 201, 242, .2); }
.resonance-step { min-height: 260px; padding: 26px 22px; background: rgba(10, 16, 43, .93); }
.resonance-step span { color: #7cdfff; font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.resonance-step h3 { margin: 58px 0 9px; font-size: 23px; }
.resonance-step p { margin: 0; color: #9ba8c4; font-size: 14px; }
.cadence-truth { margin: 26px 0 0; padding: 19px 22px; border-left: 3px solid #7cdfff; color: #b9c6dc; background: rgba(10, 16, 43, .74); }
.cadence-truth strong { color: var(--white); }

@media (max-width: 980px) {
  .cadence-intro { grid-template-columns: 1fr; gap: 24px; }
  .resonance-loop { grid-template-columns: 1fr 1fr; }
  .resonance-step { min-height: 210px; }
}

@media (max-width: 600px) {
  .cadence-intro h2 { font-size: 35px; }
  .resonance-loop { grid-template-columns: 1fr; }
  .resonance-step { min-height: 0; }
  .resonance-step h3 { margin-top: 30px; }
}