@layer components {
    .marketing-proof {
            border-top: 1px solid var(--dashboard-color-border);
            display: grid;
            gap: 1rem;
            grid-template-columns: minmax(0, 1fr);
            margin-top: 0.5rem;
            padding-top: 1.25rem;
        }

    .marketing-proof__item {
            display: grid;
            gap: 0.25rem;
        }

    .marketing-proof dt {
            color: var(--dashboard-color-text);
            font-size: 0.9375rem;
            font-weight: 700;
            line-height: 1.25;
        }

    .marketing-proof dd {
            color: var(--dashboard-color-text-muted);
            font-size: 0.9375rem;
            line-height: 1.45;
            margin: 0;
        }

    @media (min-width: 48rem) {
        .marketing-proof {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
    }
}