@layer ui.components{.ui-benefit-cards[data-edge=page]{padding:0 var(--space-lg) var(--space-xl)}@media (min-width:1280px){.ui-benefit-cards[data-edge=page]{padding:36px}}.ui-benefit-cards{scrollbar-width:none;gap:11px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.ui-benefit-cards::-webkit-scrollbar{display:none}.ui-benefit-card{background-color:var(--media-placeholder);min-width:250px;height:402px;color:var(--text-on-action);border-radius:14px;flex:1 0 0;display:flex;position:relative;overflow:clip}.ui-benefit-card__media{position:absolute;inset:0}.ui-benefit-card__media img{object-fit:cover;width:100%;height:100%}.ui-benefit-card__scrim{inset-inline:0;background:linear-gradient(#0000,#000);height:57%;position:absolute;bottom:0}.ui-benefit-card__copy{bottom:0;flex-direction:column;gap:11px;width:100%;padding:17px 14px;display:flex;position:absolute;inset-inline-start:0}.ui-benefit-card__title{letter-spacing:-.01em;margin:0;font-size:clamp(1rem,.8478rem + .6957vw,1.5rem);font-weight:600;line-height:clamp(1.375rem,1.1848rem + .8696vw,2rem)}.ui-benefit-card__text{letter-spacing:-.04em;margin:0;font-size:14px;line-height:17px}@media (min-width:768px){.ui-benefit-card{min-width:270px;height:440px}}@media (min-width:1024px){.ui-benefit-card{border-radius:var(--radius-card);min-width:280px;height:470px}.ui-benefit-card__copy{gap:var(--space-lg);padding:var(--space-xxl) var(--space-xl)}.ui-benefit-card__text{font-size:20px;line-height:24px}}@media (min-width:1280px){.ui-benefit-cards{gap:var(--space-lg)}.ui-benefit-card{min-width:310px;height:520px}}@media (min-width:1536px){.ui-benefit-card{min-width:342px;height:580px}}.ui-benefit-cards[data-edge=inset]{padding-inline:var(--space-lg)}@media (min-width:1280px){.ui-benefit-cards[data-edge=inset]{padding-inline:var(--space-xl) 36px}}.ui-benefit-card[data-variant=persona]{border-radius:var(--radius-card);flex:none;width:320px;min-width:0;height:400px;overflow:hidden}.ui-benefit-card[data-variant=persona] .ui-benefit-card__media{transition:transform .5s}.ui-benefit-card[data-variant=persona]:hover .ui-benefit-card__media{transform:scale(1.05)}.ui-benefit-card[data-variant=persona] .ui-benefit-card__scrim{display:none}.ui-benefit-card[data-variant=persona] .ui-benefit-card__copy{z-index:1;justify-content:flex-end;align-items:center;gap:10px;height:100%;padding:22px 18px 28px;position:relative}.ui-benefit-card[data-variant=persona] .ui-benefit-card__title{letter-spacing:-.02em;font-size:24px;line-height:1.3}.ui-benefit-card__badge{z-index:1;top:var(--space-xl);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background-color:var(--action);color:var(--text-on-action);font-size:16px;font-weight:500;line-height:24px;position:absolute;inset-inline-start:var(--space-xl)}@media (min-width:1024px){.ui-benefit-card[data-variant=persona]{border-radius:var(--radius-panel);width:400px;height:640px}.ui-benefit-card[data-variant=persona] .ui-benefit-card__copy{padding:var(--space-xxl) var(--space-xl) var(--space-xxxl)}.ui-benefit-card[data-variant=persona] .ui-benefit-card__title{height:114px;font-size:32px;line-height:1.2}}}