/* B shares C's composition, type and interactions. Only the palette changes. */
.present-kairos {
  --ink: #203f84;
  --deep: #142451;
  --paper: #f8f3ee;
  --surface: #fff;
  --muted: #50596b;
  --line: #203f8426;
  --gold: #dfb100;
  --accent: #dfb100;
}
.present-kairos .review {
  background: var(--deep);
  color: var(--paper);
}
.present-kairos .button:hover { background: #edc330; }
.present-kairos .present-hero { background: var(--deep); }
.present-kairos .present-hero::before {
  background: linear-gradient(90deg, #142451dc 0%, #14245165 42%, transparent 65%);
}
.present-kairos .live-dot { background: var(--gold); }
.present-kairos .present-intro { background: #f0ebe0; }
.present-kairos .intro-bottom p { color: var(--ink); }
.present-kairos .choice-mark { color: var(--ink); }
.present-kairos .vanessa-intro > p:not(.intro-lead):not(.section-label),
.present-kairos .present-contact > p:not(.section-label):not(.contact-note),
.present-kairos .present-contact .contact-note { color: #e1e6f1; }
.present-kairos .present-proof { background: var(--gold); }
.present-kairos .contact-orbit { border-color: #dfb10055; }
.present-kairos .how-steps article::before { animation-name: kairos-step-glow; }
@keyframes kairos-step-glow {
  50% { box-shadow: 0 0 0 6px #203f8418; transform: translateX(20px); }
}
@media (max-width: 760px) {
  .present-kairos .present-hero::before {
    background: linear-gradient(180deg, #142451dc 0%, #14245196 45%, #14245118 75%, #1424516b 100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .present-kairos .how-steps article::before { animation: none; }
}