/* Phase 19: measured performance controls and public-safe trip-planning depth. */
[data-agoversion-intent-motion="paused"] .agoversion-intent-card figure img {
  animation-play-state: paused !important;
}

/* Keep the colorful booking treatment while removing non-composited paint loops. */
.booking-bar[data-agoversion-phase18-booking="ready"]::after {
  animation: none !important;
  background-size: 100% 100%;
}

.booking-bar[data-agoversion-phase18-booking="ready"] .booking-bar__button::before {
  animation: none !important;
  left: 112%;
}

.agoversion-phase19-clarity {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(72px, 9vw, 124px) max(20px, calc((100vw - 1240px) / 2));
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr);
  gap: clamp(48px, 8vw, 110px);
  color: #173a31;
  background:
    radial-gradient(circle at 0 8%, #ffbf3f3d 0 7%, transparent 28%),
    radial-gradient(circle at 100% 92%, #18aaa234 0 9%, transparent 30%),
    linear-gradient(138deg, #fff8e8, #fffdf8 48%, #e6f4ef);
}

.agoversion-phase19-clarity::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 18px;
  border: 1px solid #174a3b18;
  border-radius: 42px 12px 42px 12px;
  pointer-events: none;
}

.agoversion-phase19-clarity .eyebrow {
  color: #c54b42;
  font-weight: 900;
  letter-spacing: .14em;
}

.agoversion-phase19-clarity h2 {
  max-width: 13ch;
  margin: 16px 0 22px;
  color: #133d34;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5.5vw, 76px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.045em;
}

.agoversion-phase19-clarity__copy > p {
  max-width: 54ch;
  margin: 0 0 28px;
  color: #49665e;
  font-size: clamp(16px, 1.45vw, 19px);
  line-height: 1.65;
}

.agoversion-phase19-clarity__primary {
  min-height: 50px;
  width: fit-content;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  border: 1px solid #153e34;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(105deg, #16473c, #0d766b);
  box-shadow: 0 12px 30px #123c3224;
  font: 850 12px/1 system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.agoversion-phase19-clarity__primary:hover,
.agoversion-phase19-clarity__primary:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px #123c3233;
}

.agoversion-phase19-clarity__plan ol {
  margin: 0;
  padding: 0;
  display: grid;
  list-style: none;
  border-top: 1px solid #174a3b28;
}

.agoversion-phase19-clarity__plan li {
  min-height: 98px;
  padding: 20px 4px;
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid #174a3b28;
}

.agoversion-phase19-clarity__plan li > span {
  color: #d55547;
  font: 900 12px/1 system-ui, sans-serif;
  letter-spacing: .1em;
}

.agoversion-phase19-clarity__plan li > p {
  margin: 0;
  color: #173a31;
  font-size: clamp(17px, 1.7vw, 22px);
  line-height: 1.35;
}

.agoversion-phase19-clarity__plan nav {
  padding-top: 25px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.agoversion-phase19-clarity__plan nav a {
  min-height: 44px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #176f6230;
  border-radius: 999px;
  color: #125b50;
  background: #fff9;
  font: 750 12px/1.2 system-ui, sans-serif;
}

@media (max-width: 820px) {
  .agoversion-phase19-clarity {
    grid-template-columns: 1fr;
    gap: 42px;
  }
}

@media (max-width: 760px) {
  .agoversion-phase19-clarity { padding: 76px 20px 84px; }
  .agoversion-phase19-clarity::before { inset: 10px; border-radius: 28px 8px 28px 8px; }
  .agoversion-phase19-clarity h2 { font-size: clamp(40px, 12vw, 54px); }
  .agoversion-phase19-clarity__plan li { min-height: 88px; grid-template-columns: 42px 1fr; }
  .agoversion-phase19-clarity__plan nav { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  .agoversion-phase19-clarity__primary { transition: none !important; }
  .agoversion-phase19-clarity__primary:hover,
  .agoversion-phase19-clarity__primary:focus-visible { transform: none; }
}