/* Reviewed comparison-card styling, scoped to the public homepage. */
.welcome-tiers .epic-membership__plan { --plan-accent:#8aaee0; border-top:4px solid var(--plan-accent); border-radius:8px; background:var(--panel,var(--surface,#fff)); }
.welcome-tiers .epic-membership__plan[data-plan-tier=vip1] { --plan-accent:#56b8b0; }
.welcome-tiers .epic-membership__plan[data-plan-tier=vip2] { --plan-accent:#c79b58; }
.welcome-tiers .epic-membership__plan[data-plan-tier=vip3] { --plan-accent:#ab96da; }
.welcome-tiers .epic-membership__badge-row { min-height:30px; }
.welcome-tiers .epic-membership__focus { font-weight:600; min-height:3rem; }
.welcome-tiers .epic-membership__inherits { font-size:.85rem; font-weight:600; border-top:1px solid var(--membership-border); padding-top:1rem; }
.welcome-tiers .epic-membership__highlights { flex:1; }
.welcome-tiers .epic-membership__details { font-size:.85rem; margin-block:.5rem; }
.welcome-tiers .epic-membership__details summary { cursor:pointer; min-height:44px; display:list-item; align-content:center; list-style-position:inside; }
.welcome-tiers .epic-membership__details summary:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.welcome-tiers .epic-membership__details[open] summary { font-weight:700; }
.welcome-tiers .epic-membership__price { min-height:3.25rem; }
/* Public continuation only. The phone scene and its scroll geometry are untouched. */
.welcome-tiers {
  --border: #344154;
  --surface: #0d1420;
  --panel: #101925;
  --text: #f5f0e7;
  position: relative;
  color: var(--text);
  background: linear-gradient(180deg, #04060a 0%, #080d16 55%, #05070d 100%);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding: clamp(3.5rem, 7vw, 7rem) max(1.25rem, 5vw) clamp(3rem, 6vw, 6rem);
  scroll-margin-top: 1rem;
}
.welcome-tiers, .welcome-tiers *, .welcome-tiers *::before, .welcome-tiers *::after { box-sizing: border-box; }
.welcome-tiers::before {
  content: "";
  position: absolute;
  inset: 0 12% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, #b89654, transparent);
}
.welcome-tiers__inner { max-width: 1280px; min-width: 0; margin-inline: auto; container-type: inline-size; }
.welcome-tiers__eyebrow {
  margin: 0 0 1rem;
  color: #e2be7a;
  font-size: clamp(2.35rem, 5vw, 4rem);
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.welcome-tiers .epic-membership__compare > p { color: #bcc7d7; max-width: 62ch; font-size: 1rem; line-height: 1.7; }
.welcome-tiers .epic-membership__plans { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-block: 2.5rem 0; align-items: stretch; }
.welcome-tiers .epic-membership__plan { padding: clamp(1.1rem, 1.8vw, 1.5rem); }
.welcome-tiers .epic-membership__plan h3 { margin: 0 0 .4rem; font-size: 1.7rem; line-height: 1.2; }
.welcome-tiers .epic-membership__badge-row:empty { display: none; }
.welcome-tiers .epic-membership__focus { color: #d2dbe7; }
.welcome-tiers .epic-membership__description { color: #bcc7d7; font-size: .9rem; line-height: 1.65; }
.welcome-tiers .epic-membership__price { color: var(--plan-accent); }
.welcome-tiers .epic-membership__inherits { color: #d2dbe7; }
.welcome-tiers .epic-membership__benefits { color: #e0e7f0; line-height: 1.65; }
.welcome-tiers .epic-membership__details summary { color: #dce6f4; }
.welcome-tiers .epic-membership__details[open] { padding-bottom: .5rem; }
.welcome-tiers .epic-membership__plan > .epic-membership__button,
.welcome-tiers .epic-membership__availability {
  margin-top: auto;
  margin-bottom: 0;
  width: 100%;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .75rem;
  border: 1px solid var(--border);
  border-radius: .6rem;
  text-align: center;
  font-size: .9rem;
  line-height: 1.45;
}
.welcome-tiers .epic-membership__plan > a { color: #16171d; background: #e6bd73; border-color: #e6bd73; font-weight: 650; }
.welcome-tiers .epic-membership__plan > a:hover { background: #f0d099; border-color: #f0d099; }
.welcome-tiers .epic-membership__availability { color: #b8c4d5; }
.welcome-tiers__closing { margin-top: 2.25rem; max-width: 76ch; }
.welcome-tiers__closing > p:first-child { margin: 0 0 .65rem; font-size: 1.15rem; font-weight: 550; }
.welcome-tiers__availability { color: #aebdd1; font-size: .85rem; line-height: 1.75; margin: 0; }
.welcome-tiers a { color: #ebca8f; text-underline-offset: .2em; }
.welcome-tiers a:focus-visible { outline: 3px solid #f5e5bd; outline-offset: 4px; }
@media (max-width: 1100px) { .welcome-tiers .epic-membership__plans { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .welcome-tiers { padding-inline: 1.25rem; }
  .welcome-tiers .epic-membership__plans { grid-template-columns: 1fr; gap: 1.25rem; margin-top: 2rem; }
  .welcome-tiers .epic-membership__focus, .welcome-tiers .epic-membership__price { min-height: 0; }
}
@container (max-width: 64rem) { .welcome-tiers .epic-membership__plans { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 40rem) { .welcome-tiers .epic-membership__plans { grid-template-columns: 1fr; } }