@layer components{.platform-card{border-radius:var(--radius-xl);border:1px solid var(--color-border-hairline-on-light);grid-template-columns:1fr;gap:24px;padding:24px;display:grid;overflow:hidden}.platform-card--metritax-app{background:color-mix(in srgb, var(--color-surface-light) 40%, transparent)}.platform-card--mt5{background:color-mix(in srgb, var(--color-surface-light) 20%, transparent)}@media (min-width:768px){.platform-card{gap:40px;padding:40px}}@media (min-width:1024px){.platform-card{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:56px}.platform-card--media-end .platform-card__text{order:1}.platform-card--media-end .platform-card__media{order:2}}@media (min-width:1280px){.platform-card{padding:48px}}@media (min-width:1440px){.platform-card{padding:57px}}.platform-card__media{aspect-ratio:555/444;border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 4px #00000040}.platform-card--metritax-app .platform-card__media{background:linear-gradient(50deg,#175076 4%,#08183c 103%)}.platform-card--mt5 .platform-card__media{background:linear-gradient(61deg,#08183c 2%,#175076 99%)}.platform-card__media picture{display:contents}.platform-card__device{object-fit:contain;max-inline-size:92%;display:block}.platform-card--metritax-app .platform-card__device{inline-size:46.5%;transform:translateY(15%)}.platform-card__text{flex-direction:column;justify-content:center;gap:8px;display:flex}.platform-card__eyebrow{align-self:flex-start}.platform-card__title{color:var(--color-text-on-light);text-wrap:balance;margin-block:8px 0}.platform-card__subtitle{font-family:var(--font-display);font-weight:var(--font-weight-regular);letter-spacing:-.02em;color:var(--color-text-on-light);text-wrap:balance;margin:0;font-size:clamp(1.375rem,1.1rem + 1.2vw,1.75rem);line-height:1.21}.platform-card__body{max-inline-size:30rem;color:var(--color-text-muted-on-light);text-wrap:pretty;margin-block:8px 0}.platform-card__available{font-family:var(--font-ui);font-size:var(--text-label-sm);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted-on-light);margin-block:16px 0;line-height:1.4}.platform-card__tiles{flex-wrap:wrap;gap:10px;margin-block-start:8px;display:flex}}
@layer components{.platform-cards{background:var(--color-neutral-soft);padding-block:64px 80px}@media (min-width:768px){.platform-cards{padding-block:80px 96px}}@media (min-width:1280px){.platform-cards{padding-block:80px 120px}}.platform-cards__grid{flex-direction:column;gap:24px;display:flex}@media (min-width:768px){.platform-cards__grid{gap:40px}}@media (min-width:1440px){.platform-cards__grid{gap:56px}}}