@layer components {
    .marketing-feature {
            border-top: 1px solid var(--dashboard-color-border);
            display: grid;
            gap: 0.625rem;
            padding: 1.25rem 0;
        }

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

    .marketing-feature p {
            color: var(--dashboard-color-text-muted);
            font-size: 0.9375rem;
            line-height: 1.55;
        }

    @media (min-width: 48rem) {
        .marketing-feature {
                    border-left: 1px solid var(--dashboard-color-border);
                    border-top: 0;
                    padding: 0 1.25rem;
                }
    }

    @media (min-width: 48rem) {
        .marketing-feature:first-child {
                    border-left: 0;
                    padding-left: 0;
                }
    }

    @media (min-width: 48rem) {
        .marketing-feature:last-child {
                    padding-right: 0;
                }
    }
}