/* /events (B34, organizer page). Loads after site.css, lp.css, pages.css, p-solutions.css. BRAND tokens only, no shadows, no gradients. */

/* three benefit cards (pages.css .cards4 is a 4-column grid) */
.cards3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cards3 > li { padding: clamp(22px, 2.4vw, 32px); }
.cards3 h3 { font-size: clamp(19px, 1.8vw, 24px); }

/* report numbers: six colour tiles, the middle column steps down on wide screens (names only: no numbers are shown) */
.eo-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 24px); max-width: 1000px; margin: 0 auto; }
.eo-tile { padding: clamp(22px, 2.4vw, 32px); border-radius: 24px; border: 1px solid var(--mk-line); color: var(--kz-plum); }
.eo-tile h3 { font-size: clamp(19px, 1.8vw, 24px); }
.eo-tile p { margin-top: 10px; font-size: 15px; line-height: 1.75; color: var(--kz-plum); }
.eo-tile.t1 { background: var(--mk-pink-15); }
.eo-tile.t2 { background: var(--kz-blush); }
.eo-tile.t3 { background: var(--mk-amber-20); }
.eo-tile.t4 { background: var(--kz-milk); }
.eo-tile.t5 { background: var(--mk-pink-15); }
.eo-tile.t6 { background: var(--kz-blush); border-color: var(--kz-pink); }
.eo-tile:nth-child(3n + 2) { transform: translateY(clamp(12px, 2vw, 28px)); }
.eo-tiles { padding-bottom: clamp(12px, 2vw, 28px); }
.eo-note { max-width: 760px; margin: clamp(40px, 5vw, 64px) auto 0; text-align: center; color: var(--kz-mauve); font-size: 15px; line-height: 1.75; }

/* flow blocks: the second paragraph is a quiet follow-up */
.eo-sub { font-size: 15px; }

/* video */
.eo-demo-act { margin-top: 24px; }
.eo-vid { max-width: 960px; margin: 0 auto; }
.eo-vid video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 24px; background: var(--kz-plum); }
.eo-vid figcaption { margin-top: 12px; text-align: center; color: var(--kz-mauve); font-size: 13px; }
.eo-vid video a { color: var(--kz-paper); }

/* money: organizer (free) and exhibitor (Team) cards, same card as the LP pricing excerpt */
.eo-px { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 24px); max-width: 900px; margin: 0 auto; }
.eo-px .px-card.team .px-head { background: var(--kz-blush); }
.eo-px .px-body > p { margin-bottom: 12px; }
.eo-px .px-body .arrow { margin-top: 12px; }
.eo-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.eo-list li { position: relative; padding-left: 28px; font-size: 15px; line-height: 1.6; color: var(--kz-plum); }
.eo-list li::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: var(--kz-rose) no-repeat center / 11px 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* closing band: two buttons */
.eo-actions { display: flex; flex-wrap: wrap; gap: 12px 16px; }

@media (max-width: 960px) {
  .cards3 { grid-template-columns: minmax(0, 1fr); }
  .eo-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eo-tile:nth-child(3n + 2) { transform: none; }
  .eo-tile:nth-child(2n) { transform: translateY(clamp(12px, 2vw, 28px)); }
}
@media (max-width: 640px) {
  .eo-tiles { grid-template-columns: minmax(0, 1fr); padding-bottom: 0; }
  .eo-tile:nth-child(2n) { transform: none; }
  .eo-px { grid-template-columns: minmax(0, 1fr); }
  .eo-vid video { border-radius: 16px; }
  .eo-actions .btn, .eo-demo-act .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .eo-tile { transform: none !important; } }