/* Seven branded reasons to attend: desktop editorial layout, mobile poster layout. */
.why-attend { background: #f7f8fa; }
.why-attend .why-intro { margin-bottom: 2rem; }
.why-carousel { position: relative; max-width: 1120px; margin: auto; }
.why-slider { margin: 0; max-width: none; border-radius: 12px; box-shadow: 0 16px 48px #10182b12; }
.why-card { position: relative; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 1fr auto; min-height: 0; border: 1px solid #dfe3e9; border-radius: 12px; box-shadow: none; transition: none; }
.why-slide { flex: 0 0 100%; width: 100%; min-width: 0; }
.why-card > * { min-width: 0; }
.why-card-content { overflow-wrap: anywhere; }
.why-card::before { display: none; }
.why-card-brand { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 16px 30px; background: #fff; border-bottom: 1px solid #edf0f4; }
.why-brand-lockup { display: flex; align-items: center; gap: 12px; }
.why-brand-lockup img { width: 76px; height: 78px; object-fit: contain; }
.why-brand-lockup > span { font-size: 27px; font-weight: 800; color: #e60012; line-height: 1.1; }
.why-brand-lockup b { color: #11172b; font-size: 18px; }
.why-brand-lockup small { display: block; margin-top: 6px; max-width: 210px; font-size: 10px; color: #11172b; text-transform: uppercase; letter-spacing: .5px; line-height: 1.5; }
.why-card .why-tagline { margin: 0; max-width: 380px; padding-left: 18px; border-left: 2px solid #e60012; color: #11172b; font-size: 20px; font-style: italic; font-weight: 700; line-height: 1.2; }
.why-tagline strong { color: #e60012; }
.why-card-image-wrapper { min-height: 420px; background: #eee; }
.why-card-image { width: 100%; height: 100%; min-height: 420px; object-fit: cover; }
.why-card-content { padding: 38px 34px; background: linear-gradient(145deg, #fff, #f8f9fb); justify-content: center; }
.why-card h3 { font-size: clamp(1.25rem, 2.2vw, 1.8rem); color: #10172b; font-weight: 700; text-transform: uppercase; line-height: 1.25; margin-bottom: 12px; }
.why-card p { color: #293244; line-height: 1.7; font-size: 15px; margin-bottom: 20px; }
.why-card .why-card-lead { color: #d80013; font-weight: 600; line-height: 1.5; margin-bottom: 12px; }
.why-card-benefit { display: flex; align-items: center; gap: 12px; margin-top: 8px; color: #11172b; font-size: 12px; line-height: 1.5; }
.why-card-benefit > span:last-child { flex: 1; padding: 8px 14px; border-radius: 0 30px 30px 0; background: #fae4e6; margin-left: -20px; padding-left: 24px; }
.why-card-icon { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; background: #e60012; color: white; margin: 0; z-index: 1; display: flex; align-items: center; justify-content: center; }
.why-card-icon i { font-size: 20px; }
.why-card:hover .why-card-icon { transform: none; }
.why-card-footer { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 30px; background: linear-gradient(110deg,#10172b 30%,#df0014); color: #fff; }
.why-card-footer > span { font-weight: 700; text-transform: uppercase; font-size: 13px; letter-spacing: .3px; }
.why-card-footer a { flex-shrink: 0; padding: 10px 18px; background: #fff; color: #ba0010; border-radius: 6px; font-size: 13px; font-weight: 700; text-decoration: none; }
.why-card-footer a:hover { background: #ffecee; }
.why-controls { flex-wrap: wrap; gap: 16px; }
.why-control { font-size: 20px; }
.why-dot { width: 12px; height: 12px; position: relative; }
.why-dot::after { content: ''; position: absolute; inset: -12px -4px; }
.why-carousel:focus-visible, .why-carousel button:focus-visible, .why-card-footer a:focus-visible { outline: 3px solid #11172b; outline-offset: 4px; }
@media (max-width: 900px) {
  .why-card { grid-template-columns: 1fr; grid-template-rows: auto auto 1fr auto; }
  .why-card-brand { padding: 14px 20px; }
  .why-card-image-wrapper, .why-card-image { min-height: 0; height: clamp(240px, 48vw, 420px); }
  .why-card-image { object-position: center 40%; }
  .why-card-content { padding: 28px 24px 32px; }
}
@media (max-width: 480px) {
  .why-attend { padding: 3rem 5%; }
  .why-brand-lockup { gap: 8px; }
  .why-brand-lockup img { width: 50px; height: 52px; }
  .why-brand-lockup > span { font-size: 21px; }
  .why-brand-lockup b { font-size: 12px; }
  .why-brand-lockup small { font-size: 7px; max-width: 135px; }
  .why-card .why-tagline { font-size: 14px; padding-left: 10px; }
  .why-card-brand { padding: 12px; gap: 12px; flex-wrap: wrap; }
  .why-card-footer { padding: 16px; }
  .why-card-footer > span { font-size: 10px; max-width: 145px; }
  .why-card-footer a { font-size: 11px; padding: 10px 12px; }
  .why-controls { gap: 10px; }
  .why-indicators { gap: 8px; }
  .why-control { width: 36px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) { .why-slides { transition: none; } }