@layer components{.marketing-card{display:grid;gap:var(--spacing-3);align-content:start;padding:var(--spacing-6);border-radius:var(--radius-2xl);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.marketing-card:hover{text-decoration:none}.marketing-card--default{border:1px solid var(--color-border);background-color:var(--color-surface-raised)}.marketing-card--default:hover{border-color:var(--color-border-strong)}.marketing-card--tundra{background-color:var(--color-tundra)}.marketing-card--orchid{background-color:var(--color-orchid)}.marketing-card--fog{background-color:var(--color-fog)}.marketing-card--tundra:hover,.marketing-card--orchid:hover,.marketing-card--fog:hover{transform:translateY(calc(var(--spacing-1) * -1));box-shadow:var(--shadow-md)}.marketing-card--dark{border:1px solid var(--color-alpha-white-100)}.marketing-card--dark:hover{border-color:var(--color-alpha-white-200)}.marketing-card--muted{border:1px dashed var(--color-border);background-color:var(--color-surface-raised);opacity:.6}.marketing-card--muted:hover{opacity:.75;border-color:var(--color-border-strong)}.marketing-card__badge{justify-self:start;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);background-color:var(--color-surface-offset);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.marketing-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight)}.marketing-card__description{font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-subdued);text-wrap:pretty}.marketing-card--dark .marketing-card__description{color:var(--color-alpha-white-500)}.marketing-card__cta{display:flex;align-items:center;gap:var(--spacing-2);margin-block-start:var(--spacing-2);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-accent-strong)}.marketing-card--dark .marketing-card__cta{color:var(--color-orchid)}.marketing-card__arrow{width:var(--spacing-5);height:var(--spacing-5);flex-shrink:0;transition:transform var(--transition-fast)}.marketing-card:hover .marketing-card__arrow{transform:translate(var(--spacing-1))}}