@import "../partials/_stock-section-tD5wXJn.css";

.cta-section {
    background: linear-gradient(135deg, #051937, #0a2550 50%, #051937);
    padding: 6rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.cta-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(0,194,255,0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,194,255,0.035) 1px, transparent 1px);
    background-size: 60px 60px;
}

.cta-section .glow {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 600px; height: 300px;
    background: radial-gradient(ellipse, rgba(0,194,255,0.1) 0%, transparent 70%);
    filter: blur(60px);
    animation: none;
}

.cta-inner { position: relative; z-index: 2; }

.cta-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: clamp(1.8rem, 3.5vw, 3rem);
    color: var(--white);
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
}

.cta-subtitle {
    font-size: 1rem;
    color: var(--silver);
    opacity: 0.7;
    margin-bottom: 2.5rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}


.btn-primary-mobex {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, var(--cyan) 0%, #0099dd 100%);
    color: #021225;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 14px 28px;
    border-radius: 6px;
    border: none;
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: all 0.25s ease;
    box-shadow: 0 4px 20px rgba(0,194,255,0.35);
    position: relative;
    overflow: hidden;
}

.btn-primary-mobex::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);
    opacity: 0;
    transition: opacity 0.25s;
}

.btn-primary-mobex:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0,194,255,0.5);
    color: #021225;
    text-decoration: none;
}

.btn-primary-mobex:hover::before { opacity: 1; }
.btn-primary-mobex:hover .btn-arrow { transform: translateX(4px); }