* { font-family: 'Inter', sans-serif; }

html { scroll-behavior: smooth; }

.hero-bg {
    background-image: url('image/background_image.png');
    background-size: cover;
    background-position: center;
    min-height: 75vh;
}

.hero-overlay {
    background: linear-gradient(
        to top right,
        rgba(10, 38, 71, 0.93) 0%,
        rgba(10, 38, 71, 0.92) 40%,
        rgba(10, 38, 71, 0.00) 100%
    );
}

.card-lift {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.10);
}

.btn-primary {
    transition: all 0.2s ease;
}
.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(230,126,34,0.35);
}

.whatsapp-fab {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 50;
}

.accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.accordion-body.open {
    max-height: 160px;
}
.accordion-chevron {
    transition: transform 0.3s ease;
}
.accordion-chevron.rotated {
    transform: rotate(180deg);
}

@media (max-width: 768px) {
    .hero-h1 { font-size: 2rem; line-height: 1.25; }
}

/* ── FULLSCREEN MOBILE MENU ─────────────────────────────────────────────── */
#mobile-menu {
    transform: translateY(-100%);
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}
#mobile-menu.is-open {
    transform: translateY(0);
    pointer-events: auto;
}

/* Link stagger */
#mobile-menu .menu-link {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.22s ease, transform 0.22s ease;
    transition-delay: 0s;
}
#mobile-menu.is-open .menu-link               { opacity: 1; transform: translateY(0); }
#mobile-menu.is-open .menu-link:nth-child(1)  { transition-delay: 0.08s; }
#mobile-menu.is-open .menu-link:nth-child(2)  { transition-delay: 0.13s; }
#mobile-menu.is-open .menu-link:nth-child(3)  { transition-delay: 0.18s; }

/* CTA button — circular clip-path reveal */
#mobile-menu .menu-link:nth-child(4) {
    opacity: 1;
    transform: scale(0.88);
    clip-path: circle(0% at 50% 50%);
    transition: clip-path 0.55s cubic-bezier(0.34, 1.2, 0.64, 1),
                transform   0.55s cubic-bezier(0.34, 1.2, 0.64, 1);
}
#mobile-menu.is-open .menu-link:nth-child(4) {
    transform: scale(1);
    clip-path: circle(150% at 50% 50%);
    transition-delay: 0.3s;
}

/* Burger ↔ X */
#icon-burger, #icon-close { transition: opacity 0.15s ease, transform 0.15s ease; }