/* REHEARSE-only additions — loaded after /styles.css */

.two-up { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1000px; margin: 0 auto; }
@media (max-width: 860px) { .two-up { grid-template-columns: 1fr 1fr; max-width: 700px; } }
@media (max-width: 560px) { .two-up { grid-template-columns: 1fr; } }
.try-card { display: block; padding: 0 0 26px 0; border-radius: 16px; background: #fff; border: 1px solid var(--line); box-shadow: 0 1px 2px rgba(43,30,143,0.06), 0 12px 32px rgba(43,30,143,0.08); transition: transform .2s ease, box-shadow .2s ease; overflow: hidden; }
.try-card:hover { transform: translateY(-4px); box-shadow: 0 20px 50px rgba(43,30,143,0.14); }
.try-card-img { width: 100%; aspect-ratio: 16/10; margin-bottom: 20px; }
.try-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.try-card h3, .try-card-tag, .try-card p { margin-left: 26px; margin-right: 26px; }
.try-card-tag { font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--innovation); margin-bottom: 10px; }
.try-card h3 { color: var(--ink); margin-bottom: 6px; }
.try-card p {
  display: inline-flex; align-items: center; gap: 6px; color: #fff; font-weight: 700; font-size: 13px;
  padding: 10px 18px; border-radius: 999px; margin-top: 4px;
  background: linear-gradient(90deg, var(--innovation), var(--royal), var(--pink), var(--innovation));
  background-size: 300% 100%; background-position: 0% 50%;
  transition: background-position .6s ease;
}
.try-card:hover p, .try-card:focus-visible p { background-position: 100% 50%; }
@media (prefers-reduced-motion: reduce) {
  .try-card p { transition: none; }
  .try-card:hover p, .try-card:focus-visible p { background-position: 0% 50%; }
}

.single-plan { max-width: 520px; margin: 0 auto; text-align: center; padding: 44px 40px; border-radius: 20px; background: #fff; border: 1px solid var(--line); box-shadow: 0 1px 2px rgba(43,30,143,0.06), 0 20px 50px rgba(43,30,143,0.1); }
.single-plan .plan-name { font-size: 13px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--innovation); font-weight: 700; }
.single-plan .plan-price { display: flex; align-items: baseline; justify-content: center; gap: 10px; margin-top: 14px; }
.single-plan .plan-price .amt { font-size: clamp(44px,5vw,56px); font-weight: 700; color: var(--ink); }
.single-plan .plan-price .per { font-size: 14px; color: var(--slate); }
.single-plan .plan-divider { height: 1px; background: var(--line); margin: 24px 0; }
.plan-list { list-style: none; padding: 0; margin: 0 0 30px 0; text-align: left; display: grid; gap: 12px; }
.plan-list li { font-size: 14.5px; color: var(--slate); padding-left: 26px; position: relative; }
.plan-list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--innovation); font-weight: 700; }

/* "Examples, not a course catalog" reinforcement — Scenarios section */
.scenario-more { margin-top: 28px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.scenario-more-label { font-size: 12.5px; font-weight: 700; color: rgba(255,255,255,0.55); }
.scenario-chip { font-size: 12.5px; font-weight: 600; color: rgba(255,255,255,0.85); background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.16); border-radius: 999px; padding: 6px 14px; }
.scenario-tagline { margin-top: 22px; font-size: 16px; font-weight: 700; color: #fff; }

/* Try It Live — spotlight treatment so this section stands out from surrounding light sections */
.try-spotlight {
  padding: clamp(36px,5vw,56px) clamp(20px,4vw,48px);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(35,182,255,0.06) 0%, rgba(254,34,133,0.04) 100%);
  border: 1px solid transparent;
  background-image: linear-gradient(#fff,#fff), linear-gradient(120deg, var(--innovation), var(--tail-end), var(--pink));
  background-origin: border-box; background-clip: padding-box, border-box;
  box-shadow: 0 24px 60px rgba(43,30,143,0.12);
}
.live-eyebrow { display: inline-flex; align-items: center; gap: 8px; }
.try-live-h2 { font-size: clamp(30px,3.8vw,44px); }

/* Built for High-Stakes Industries — reuses the exact homepage hero background treatment */
.scenarios-hero {
  background-image: radial-gradient(ellipse 80% 60% at 80% -10%, rgba(35,182,255,0.14) 0%, transparent 60%),
    radial-gradient(ellipse 70% 50% at 10% 30%, rgba(104,83,253,0.12) 0%, transparent 60%),
    linear-gradient(160deg, rgba(11,8,48,0.55) 0%, rgba(26,13,94,0.55) 100%), url('/assets/hero-bg.png');
  background-size: cover; background-position: center;
  overflow: hidden;
}