/* App-style hero platform card. The background is Ghost's Landing hero image setting. */
.eh-screen-reader { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.eh-platform-card { padding: 24px; border: 1px solid var(--eh-line); border-radius: 17px; background: var(--eh-panel); color: var(--eh-ink); }
.eh-platform-picture { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 12px; background: var(--eh-surface); }
.eh-platform-picture > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.eh-platform-picture::after { content: ''; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, #00000040); pointer-events: none; }
.eh-platform-trust { position: absolute; bottom: 12px; left: 12px; z-index: 1; display: flex; align-items: center; gap: 10px; max-width: calc(100% - 24px); padding: 12px; border: 1px solid var(--eh-line); border-radius: 12px; background: var(--eh-background, var(--eh-palette-background)); box-shadow: 0 5px 15px #00000024; }
.eh-platform-medal { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; color: var(--eh-accent); background: color-mix(in srgb, var(--eh-accent) 10%, transparent); }
.eh-platform-trust strong { display: block; font-size: 12px; line-height: 1.5; font-weight: 600; }
.eh-platform-trust div > span { display: block; font-size: 10px; line-height: 1.5; color: var(--eh-muted); }
.eh-platform-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 24px 0 0; text-align: center; }
.eh-platform-stats > div { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.eh-platform-stats dt { order: 1; font-size: 12px; line-height: 1.5; color: var(--eh-muted); }
.eh-platform-stats dd { order: 0; margin: 0; font-family: var(--eh-heading-font); font-size: 25px; font-weight: 700; line-height: 1.25; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
@media (max-width: 980px) { .eh-platform-card { padding: 20px; } .eh-platform-stats { gap: 10px; } .eh-platform-stats dd { font-size: 23px; } .eh-platform-stats dt { font-size: 11px; } }
@media (max-width: 760px) { .eh-platform-card { padding: 22px; } .eh-platform-stats dd { font-size: 27px; } .eh-platform-stats dt { font-size: 12px; } }
@media (max-width: 390px) { .eh-platform-card { padding: 16px; } .eh-platform-trust { padding: 9px; gap: 8px; } .eh-platform-trust strong { font-size: 11px; } .eh-platform-trust div > span { font-size: 9px; } .eh-platform-medal { flex-basis: 30px; width: 30px; height: 30px; } .eh-platform-stats { margin-top: 20px; gap: 8px; } .eh-platform-stats dd { font-size: 24px; } .eh-platform-stats dt { font-size: 11px; } }