.card{background:var(--mable-surface-elevated);border:1px solid var(--mable-border-subtle);border-radius:var(--mable-radius-container);box-shadow:var(--mable-shadow-surface);color:var(--mable-text-primary);display:flex;flex-direction:column;gap:var(--mable-space-sm);max-width:var(--mable-card-max);padding:var(--mable-space-md)}.card--nav{cursor:pointer;text-decoration:none;transition:box-shadow var(--mable-duration-med) ease,transform var(--mable-duration-med) ease}.card--nav:hover{box-shadow:var(--mable-shadow-lifted);transform:translateY(-2px)}.card--nav:focus-visible{box-shadow:0 0 0 var(--mable-focus-ring-width) var(--mable-focus-ring),var(--mable-shadow-lifted);outline:none}.card--info .card__footer{display:none}.card__icon{flex:none;height:76px;width:76px}.card__media{aspect-ratio:16/9;background:var(--mable-surface-media);border-radius:var(--mable-radius-container) var(--mable-radius-container) 0 0;margin:calc(var(--mable-space-md)*-1) calc(var(--mable-space-md)*-1) 0;overflow:hidden}.card__media img{height:100%;object-fit:cover;width:100%}.card__title{font-size:var(--mable-type-h5);font-weight:var(--mable-weight-bold);letter-spacing:var(--mable-tracking-snug);line-height:var(--mable-leading-close)}.card__text{color:var(--mable-text-secondary);font-size:var(--mable-type-body-md);line-height:var(--mable-leading-body)}.card__footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mable-space-sm);margin-top:auto;padding-top:var(--mable-space-xs)}.card__price{color:var(--mable-text-emphasis);font-size:var(--mable-type-h4);font-weight:var(--mable-weight-xbold);letter-spacing:var(--mable-tracking-snug)}.card__price-was{color:var(--mable-text-tertiary);font-size:var(--mable-type-body-sm);text-decoration:line-through}.card--secondary{background:var(--mable-surface-base);box-shadow:none}.card--sunken{background:var(--mable-surface-sunken);box-shadow:none}.card--emphasis{background:var(--mable-surface-emphasis)}.card--accent-lavender,.card--emphasis{border-color:transparent;box-shadow:none}.card--accent-lavender{background:var(--mable-surface-accent-lavender)}.card--accent-apple{background:var(--mable-surface-accent-apple)}.card--accent-apple,.card--accent-gold{border-color:transparent;box-shadow:none}.card--accent-gold{background:var(--mable-surface-accent-gold)}.card--accent-coral{background:var(--mable-surface-accent-coral)}.card--accent-coral,.card--feature{border-color:transparent;box-shadow:none}.card--feature{align-items:center;background:var(--mable-surface-base);display:grid;gap:var(--mable-space-lg);grid-template-columns:1fr 1fr;max-width:none;padding:var(--mable-space-lg)}.card--feature .card__media{aspect-ratio:4/3;border-radius:var(--mable-radius-container);margin:0}@media (max-width:768px){.card--feature{grid-template-columns:minmax(0,1fr)}}.card--image-fill{border-color:transparent;justify-content:flex-end;max-width:300px;min-height:484px;overflow:hidden;padding:0;position:relative}.card--image-fill img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.card--image-fill .card__body{background:linear-gradient(to top,var(--mable-scrim),transparent);padding:var(--mable-space-md);position:relative}.card--resource{max-width:400px}.card__top{align-items:flex-start;display:flex;gap:var(--mable-space-sm);justify-content:space-between}.card__tile{align-items:center;background:var(--mable-surface-accent-gold);border-radius:var(--mable-radius-field);color:var(--mable-text-on-accent);display:flex;flex:none;height:var(--mable-control-height);justify-content:center;width:var(--mable-control-height)}.card__tile svg{height:24px;width:24px}.card__title-row{align-items:center;display:flex;gap:var(--mable-space-xs)}.card__lock{color:var(--mable-text-tertiary);flex:none;height:16px;margin-left:auto;width:16px}.card--pricing{gap:var(--mable-space-md);max-width:318px}.card--pricing .card__price{font-size:var(--mable-type-h3)}.card__prices{display:grid;gap:var(--mable-space-sm);grid-template-columns:repeat(var(--price-cols,1),minmax(0,1fr))}.price-detail{display:flex;flex-direction:column}.price-detail__label{color:var(--mable-text-primary);font-size:var(--mable-type-body-sm);font-weight:var(--mable-weight-bold);line-height:var(--mable-leading-close);margin:0 0 var(--mable-space-xs)}.price-detail__figure{align-items:baseline;display:flex;gap:var(--mable-space-xxs)}.price-detail__value{color:var(--mable-text-emphasis);font-size:var(--mable-type-h4);font-weight:var(--mable-weight-xbold);letter-spacing:var(--mable-tracking-tight);line-height:var(--mable-leading-tight)}.price-detail__note,.price-detail__unit{color:var(--mable-text-secondary);font-size:var(--mable-type-body-sm)}.price-detail__note{line-height:var(--mable-leading-body);margin:var(--mable-space-xxs) 0 0}.price-panel{background:var(--mable-surface-sunken);border:1px solid var(--mable-border-subtle);border-radius:var(--mable-radius-container);gap:var(--mable-space-md);padding:var(--mable-space-md)}.price-panel,.price-panel__detail{display:flex;flex-direction:column}.price-panel__detail{gap:var(--mable-space-sm)}.price-panel__title{font-size:var(--mable-type-h6);font-weight:var(--mable-weight-bold);letter-spacing:var(--mable-tracking-snug);line-height:var(--mable-leading-snug);margin:0}.price-panel__text{color:var(--mable-text-secondary);font-size:var(--mable-type-body-md);line-height:var(--mable-leading-body);margin:0}.price-panel .price-detail__value{font-size:var(--mable-type-h3)}.price-panel .price-detail__unit{color:var(--mable-text-tertiary);font-weight:var(--mable-weight-bold)}.price-panel .price-detail__note{color:var(--mable-text-secondary);font-size:var(--mable-type-body-md);margin-top:var(--mable-space-sm)}.card--icon,.card--image,.card--price{gap:var(--mable-space-md)}.card--icon .card__detail,.card--image .card__detail,.card--price .card__detail{display:flex;flex-direction:column;gap:var(--mable-space-xs)}.card--icon .card__footer,.card--image .card__footer,.card--price .card__footer{padding-top:0}.card__price-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--mable-space-xxs)}.card--icon .card__price{font-size:var(--mable-type-body-lg)}.card--compact .card__title{font-size:var(--mable-type-h6);line-height:var(--mable-leading-snug)}.card--compact .card__text,.card__price-note{font-size:var(--mable-type-body-sm)}.card__price-note{color:var(--mable-text-secondary);line-height:var(--mable-leading-body)}.card__mark{align-items:center;background:var(--mable-surface-base);border-radius:var(--mable-radius-field);color:var(--mable-surface-emphasis);display:flex;flex:none;height:76px;justify-content:center;width:76px}.card__mark svg{height:32px;width:32px}.card:has(>.card__badge){position:relative}.card__badge{position:absolute;right:var(--mable-space-md);top:-14px}.card--image .card__title{font-size:var(--mable-type-h6)}.card__media:empty{background:var(--mable-surface-media-empty);border:1px dashed var(--mable-border-regular)}.card__numeral{align-items:center;background:var(--mable-surface-base);border:1px solid var(--mable-border-subtle);border-radius:var(--mable-radius-field);color:var(--mable-text-primary);display:flex;flex:none;font-size:var(--mable-type-h3);font-weight:var(--mable-weight-xbold);height:76px;justify-content:center;letter-spacing:var(--mable-tracking-tight);line-height:1;width:76px}.card-group{display:grid;gap:var(--mable-space-md);grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}.card-group .card{max-width:none}.card-group--tight{gap:var(--mable-space-sm)}@media (max-width:768px){.card-group{grid-template-columns:minmax(0,1fr)}}