/* CTA V2 Block - aligned with test.html .cta-section / .final, tokens from css/src/main.css */

.wp-block-truckpoint-ctav2 {
    padding: 58px 40px;
    background: var(--bg);
}

.ctav2-inner {
    position: relative;
    overflow: hidden;
    background: var(--ink);
    color: #fff;
    text-align: center;
    border-radius: 26px;
    padding: 50px 24px;
    max-width: 960px;
    margin: 0 auto;
}

.ctav2-inner .aurora {
    position: absolute;
    inset: -30% -10% auto;
    height: 140%;
    filter: blur(60px);
    opacity: .85;
    z-index: 0;
    pointer-events: none;
}

.ctav2-inner .aurora i {
    position: absolute;
    border-radius: 50%;
    mix-blend-mode: screen;
    animation: ctav2-float 14s ease-in-out infinite;
}

.ctav2-inner .a1 { width: 420px; height: 420px; background: var(--brand); top: -10%; left: 5%; }
.ctav2-inner .a2 { width: 380px; height: 380px; background: var(--acc); top: 5%; right: 8%; animation-delay: -4s; }
.ctav2-inner .a3 { width: 320px; height: 320px; background: #7b3dff; top: 35%; left: 38%; animation-delay: -8s; }

@keyframes ctav2-float {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(30px, -26px) scale(1.08); }
    66% { transform: translate(-24px, 20px) scale(.95); }
}

.final-in {
    position: relative;
    z-index: 2;
}

.wp-block-truckpoint-ctav2 h2 {
    font-family: var(--font-head);
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
    letter-spacing: -.8px;
    line-height: 1.2;
}

.wp-block-truckpoint-ctav2 p {
    font-family: var(--font-body);
    font-size: 16px;
    color: rgba(255, 255, 255, .85);
    margin-bottom: 24px;
}

.cta-buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-cta-white,
.btn-cta-outline {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 15px 28px;
    border-radius: 13px;
    text-decoration: none;
    font-family: var(--font-body);
    font-size: 15.5px;
    font-weight: 700;
    transition: transform .14s, box-shadow .14s;
}

.btn-cta-white:hover,
.btn-cta-outline:hover {
    transform: translateY(-2px);
}

.btn-cta-white {
    background: #fff;
    color: var(--ink);
}

.btn-cta-outline {
    background: linear-gradient(135deg, #2bd665, #16a34a);
    color: #fff;
    box-shadow: 0 10px 28px rgba(34, 197, 94, .4);
}

.btn-cta-outline svg.ico {
    width: 19px;
    height: 19px;
}

@media (max-width: 768px) {
    .wp-block-truckpoint-ctav2 {
        padding: 40px 20px;
    }

    .wp-block-truckpoint-ctav2 h2 {
        font-size: 26px;
    }

    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }

    .btn-cta-white,
    .btn-cta-outline {
        width: 100%;
        max-width: 320px;
        justify-content: center;
    }
}