/* ==========================================================
   HCG CTA SECTION
   Bhairav AMS Premium Maritime CTA
========================================================== */

/* ---------- SECTION ---------- */

.hcg-cta-section{
    position:relative;
    overflow:hidden;
    padding:90px 0;
    background:#f7fafc;
}

/* ---------- BACKGROUND IMAGE ---------- */

.hcg-cta-section::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.30) 0%,
            rgba(255,255,255,.12) 48%,
            rgba(255,255,255,.04) 100%
        ),
        url("cta-harbor.png") center center / cover no-repeat;

    z-index:0;
}

/* Very light atmospheric veil */
.hcg-cta-section::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.08) 0%,
            rgba(255,255,255,.02) 55%,
            rgba(255,255,255,.10) 100%
        );

    z-index:1;
}

/* ---------- CONTAINER ---------- */

.hcg-cta-section .hcg-container{
    max-width:1320px;
    position:relative;
    z-index:3;
}

/* ---------- MAIN CARD ---------- */

.hcg-cta-card{
    position:relative;

    display:grid;
    grid-template-columns:1.45fr .55fr;
    gap:40px;
    align-items:center;

    padding:58px;

    border-radius:30px;

    /* Transparent: ship must remain visible */
    background:rgba(255,255,255,.12);

    backdrop-filter:blur(1px);
    -webkit-backdrop-filter:blur(1px);

    border:1.8px solid rgba(212,175,55,.95);

    box-shadow:
        0 24px 65px rgba(10,46,99,.10);

    overflow:hidden;
}

/* ---------- GOLD ACCENT ---------- */

.hcg-cta-card::before{
    content:"";
    position:absolute;
    left:0;
    top:28px;
    bottom:28px;
    width:5px;
    border-radius:10px;
    background:linear-gradient(
        180deg,
        #F6D870,
        #D4AF37
    );
}

/* ---------- CONTENT ---------- */

.hcg-cta-content{
    padding-left:22px;
}

.hcg-cta-content small{
    display:inline-flex;
    align-items:center;
    gap:10px;

    color:#0A2E63;

    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;

    margin-bottom:18px;
}

.hcg-cta-content small::before{
    content:"";
    width:42px;
    height:2px;
    background:#D4AF37;
}

.hcg-cta-content h2{
    margin:0 0 22px;

    color:#0A2E63;

    font-size:clamp(40px,3vw,54px);
    font-weight:800;
    line-height:1.06;
    letter-spacing:-.03em;
}

.hcg-cta-content p{
    margin:0;

    color:#43546A;

    font-size:17px;
    line-height:1.8;

    max-width:720px;
}

/* ---------- BUTTONS ---------- */

.hcg-cta-actions{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.hcg-cta-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:58px;
    padding:0 28px;

    border-radius:14px;

    text-decoration:none;

    font-size:16px;
    font-weight:700;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

/* ---------- PRIMARY ---------- */

.hcg-cta-button.primary{
    background:linear-gradient(
        180deg,
        #F6D870,
        #D4AF37
    );

    color:#0A2E63!important;

    box-shadow:
        0 16px 34px rgba(212,175,55,.28);
}

.hcg-cta-button.primary:hover{
    transform:translateY(-3px);

    box-shadow:
        0 20px 38px rgba(212,175,55,.38);
}

/* ---------- SECONDARY ---------- */

.hcg-cta-button.secondary{
    background:rgba(255,255,255,.72);

    border:1px solid rgba(212,175,55,.55);

    color:#0A2E63!important;
}

.hcg-cta-button.secondary:hover{
    transform:translateY(-3px);

    border-color:#D4AF37;

    box-shadow:
        0 12px 24px rgba(10,46,99,.10);
}

/* ---------- RESPONSIVE ---------- */

@media(max-width:992px){

    .hcg-cta-card{
        grid-template-columns:1fr;
        padding:42px;
    }

    .hcg-cta-actions{
        max-width:520px;
    }
}

@media(max-width:640px){

    .hcg-cta-section{
        padding:60px 0;
    }

    .hcg-cta-card{
        padding:28px 24px;
        border-radius:22px;
        background:rgba(255,255,255,.18);
    }

    .hcg-cta-content{
        padding-left:14px;
    }

    .hcg-cta-content h2{
        font-size:34px;
    }

    .hcg-cta-content p{
        font-size:16px;
        line-height:1.7;
    }
}