/* ESP stays forest; the tracks open onto a distinct, softly rounded mint surface. */
#esp-method.esp-hub {
  background:
    linear-gradient(180deg, transparent 65%, #0b5d4c 100%),
    radial-gradient(ellipse at 50% 65%, #07856560, transparent 65%),
    linear-gradient(150deg, #063d37, #0b5d4c);
}
#esp-method.esp-hub + #tracks.tracks13-section {
  isolation: isolate;
  background: #0b5d4c;
}
#esp-method.esp-hub + #tracks.tracks13-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 40px 40px 0 0;
  background: radial-gradient(ellipse at 50% 0%, #ffffffaa, transparent 66%),
    linear-gradient(180deg, #d9eee3 0%, #edf5f0 72%);
  pointer-events: none;
}
#esp-method + #tracks .tracks13-heading .eyebrow {
  color: #406b58;
  background: #ffffff55;
  border-color: #2e72582e;
}
#esp-method + #tracks .tracks13-heading h2 { color: #133f32; }
#esp-method + #tracks .tracks13-heading h2 em { color: #087f70; }
#esp-method + #tracks .tracks13-heading p { color: #506e5e; }
#esp-method + #tracks .tracks13-card {
  background: linear-gradient(140deg, #326e5e, #175545 64%, #1a5948);
  border-color: #f5fffbb3;
  border-top-color: #ffffff;
  box-shadow: inset 0 1px 0 #ffffff55, inset 0 -1px 0 #e3fff022, 0 4px 10px #1b4d3412;
}
#esp-method + #tracks .tracks13-card:nth-child(3n+2) {
  background: linear-gradient(140deg, #407966, #1d5c4a 70%, #266751);
}
#esp-method + #tracks .tracks13-viewport:focus-visible { outline-color: #087f70; }
@media (max-width: 700px) {
  #esp-method.esp-hub + #tracks.tracks13-section::before { border-radius: 24px 24px 0 0; }
}
