@layer components {
    .marketing-contact {
            border-top: 1px solid var(--dashboard-color-border);
            padding: var(--dashboard-section-padding-y-lg) var(--dashboard-section-padding-x);
            text-align: center;
        }

    .marketing-contact__inner {
            display: grid;
            gap: 0.75rem;
            justify-items: center;
        }

    .marketing-contact h2 {
            color: var(--dashboard-color-text);
            font-size: clamp(1.75rem, 4vw, 2.75rem);
            font-weight: 760;
            line-height: 1.08;
        }

    .marketing-contact p {
            color: var(--dashboard-color-text-muted);
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.55;
            margin: 0;
            max-width: 46rem;
        }
}