/**
 * cta — Component CSS
 */
        .about-cta {
            padding: 5rem 0;
            text-align: center;
            position: relative;
            overflow: hidden;
            background-color: var(--pi-primary, #007d3d);
            color: #fff;
        }
        .about-cta__pattern {
            position: absolute;
            inset: 0;
            opacity: 0.1;
            background-image:
                linear-gradient(90deg, color-mix(in srgb, #fff 10%, transparent) 1px, transparent 1px),
                linear-gradient(color-mix(in srgb, #fff 10%, transparent) 1px, transparent 1px);
            background-size: 20px 20px;
        }
        .about-cta__container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1rem;
            position: relative;
            z-index: 10;
        }
        .about-cta__heading {
            font-size: 1.875rem;
            font-weight: 900;
            margin-bottom: 1.5rem;
        }
        @media (min-width: 768px) { .about-cta__heading { font-size: 3rem; } }
        .about-cta__copy {
            font-size: 1.25rem;
            margin-bottom: 2.5rem;
            max-width: 42rem;
            margin-left: auto;
            margin-right: auto;
            color: color-mix(in srgb, #fff 92%, transparent);
        }
        .about-cta__actions {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 1.5rem;
        }
        @media (min-width: 768px) { .about-cta__actions { flex-direction: row; } }
        .about-cta__btn {
            font-weight: 900;
            padding: 1rem 2.5rem;
            border-radius: 9999px;
            box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
            transition: all 0.3s;
            font-size: 1.125rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            text-decoration: none;
        }
        .about-cta__btn:hover { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); transform: scale(1.05); }
        .about-cta__btn--call {
            background-color: var(--pi-bg-card, #ffffff);
            color: var(--pi-primary, #007d3d);
        }
        .about-cta__btn--mail {
            background-color: var(--pi-secondary, #ffb703);
            color: #fff;
        }
        .about-cta__btn-icon { width: 1.5rem; height: 1.5rem; }