@layer components {
    .marketing-price-card {
            background: var(--dashboard-color-surface);
            border: 0;
            display: grid;
            gap: 1.25rem;
            min-width: 0;
            padding: 1.25rem var(--dashboard-section-padding-x);
        }

    .marketing-price-card__body {
            display: grid;
            gap: 0.875rem;
        }

    .marketing-price-card__heading-row {
            align-items: center;
            display: flex;
            flex-wrap: nowrap;
            gap: 0.5rem;
        }

    .marketing-price-card h3 {
            color: var(--dashboard-color-text);
            font-size: 1.125rem;
            font-weight: 740;
            line-height: 1.2;
        }

    .marketing-price-card p {
            margin: 0;
        }

    .marketing-price-card__badge {
            background: var(--dashboard-color-text);
            border-radius: var(--dashboard-radius-pill);
            color: #ffffff;
            flex: 0 0 auto;
            font-size: 0.75rem;
            font-weight: 760;
            line-height: 1;
            padding: 0.375rem 0.75rem;
            text-transform: uppercase;
        }

    .marketing-price-card__badge--placeholder {
            visibility: hidden;
        }

    .marketing-price-card__pricing {
            align-self: start;
            display: grid;
            gap: 0.25rem;
        }

    .marketing-price-card__price-line {
            align-items: baseline;
            color: var(--dashboard-color-text-muted);
            display: flex;
            flex-wrap: nowrap;
            gap: 0.25rem;
        }

    .marketing-price-card__amount {
            color: var(--dashboard-color-text);
            font-size: clamp(2.25rem, 5vw, 3rem);
            font-weight: 780;
            letter-spacing: 0;
            line-height: 1;
        }

    .marketing-price-card__period,
        .marketing-price-card__billing-line {
            color: var(--dashboard-color-text-muted);
            font-size: 0.9375rem;
            font-weight: 500;
            line-height: 1.45;
        }

    .marketing-price-card__billing-line {
            align-items: center;
            display: flex;
            flex-wrap: nowrap;
            gap: 0.5rem;
        }

    .marketing-price-card__discount {
            background: #dcfce7;
            border-radius: var(--dashboard-radius-pill);
            color: #166534;
            display: inline-flex;
            flex: 0 0 auto;
            font-size: 0.75rem;
            font-weight: 720;
            line-height: 1;
            padding: 0.375rem 0.625rem;
        }

    .marketing-price-card__discount--placeholder {
            visibility: hidden;
        }

    .marketing-price-card__features {
            align-self: start;
            color: var(--dashboard-color-text-muted);
            display: grid;
            font-size: 0.9375rem;
            font-weight: 500;
            gap: 0.75rem;
            line-height: 1.45;
            list-style: none;
            margin: 0;
            padding: 0;
        }

    .marketing-price-card__feature {
            align-items: flex-start;
            display: flex;
            gap: 0.5rem;
        }

    .marketing-price-card__feature::before {
            content: none;
        }

    .marketing-price-card__feature-icon {
            color: var(--dashboard-color-brand);
            flex: 0 0 auto;
            height: 1.125rem;
            margin-top: 0.125rem;
            width: 1.125rem;
        }

    .marketing-price-card__feature-text {
            color: var(--dashboard-color-text-muted);
        }

    .marketing-price-card__feature-text--strong {
            color: var(--dashboard-color-text);
            font-weight: 720;
        }

    .marketing-price-card__footer {
            align-self: end;
            display: grid;
            gap: 0.75rem;
        }

    .marketing-price-card__action {
            min-height: 2.75rem;
            width: 100%;
        }

    .marketing-price-card__action--disabled {
            cursor: default;
        }

    .marketing-price-card__subnote {
            color: var(--dashboard-color-text-subtle);
            font-size: 0.875rem;
            font-weight: 550;
            text-align: center;
        }
}