/* ── Reset & Base ── */
    *, *::before, *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 80px;
    }

    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    /* ── Navbar ── */
    .nav-fixed {
        background: rgba(253, 240, 247, 0.92);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(107, 45, 91, 0.08);
    }

    .nav-fixed.scrolled {
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 1px 20px rgba(107, 45, 91, 0.08);
    }

    /* ── Hero ── */
    .hero {
        position: relative;
    }

    .hero-bg img {
        will-change: transform;
    }

    .hero-overlay {
        background: linear-gradient(
            135deg,
            rgba(39, 13, 29, 0.92) 0%,
            rgba(107, 45, 91, 0.85) 50%,
            rgba(39, 13, 29, 0.88) 100%
        );
    }

    /* ── Service Cards ── */
    .service-card {
        position: relative;
        overflow: hidden;
    }

    .service-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #F5A623, #FFD54F);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s ease;
    }

    .service-card:hover::after {
        transform: scaleX(1);
    }

    /* ── Why Cards ── */
    .why-card {
        transition: transform 0.3s ease, border-color 0.4s ease, background 0.3s ease;
    }

    .why-card:hover {
        transform: translateY(-4px);
    }

    /* ── Reveal Animations ── */
    .reveal {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .reveal.animated {
        opacity: 0;
        transform: translateY(30px);
    }

    @media (prefers-reduced-motion: no-preference) {
        .reveal.animated {
            opacity: 0;
            transform: translateY(30px);
        }

        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Stagger delays */
    .reveal:nth-child(1).visible,
    .reveal:nth-child(1) { transition-delay: 0ms; }
    .reveal:nth-child(2).visible,
    .reveal:nth-child(2) { transition-delay: 100ms; }
    .reveal:nth-child(3).visible,
    .reveal:nth-child(3) { transition-delay: 200ms; }
    .reveal:nth-child(4).visible,
    .reveal:nth-child(4) { transition-delay: 300ms; }
    .reveal:nth-child(5).visible,
    .reveal:nth-child(5) { transition-delay: 400ms; }
    .reveal:nth-child(6).visible,
    .reveal:nth-child(6) { transition-delay: 500ms; }

    /* ── Mobile Menu ── */
    #mobileMenu {
        max-height: 0;
    }

    #mobileMenu.open {
        max-height: 300px;
    }

    .mobile-link {
        display: block;
        padding: 0.5rem 0;
        border-bottom: 1px solid rgba(107, 45, 91, 0.08);
    }

    .mobile-link:last-child {
        border-bottom: none;
    }

    /* ── Form Select ── */
    select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B2D5B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 1rem center;
        padding-right: 2.5rem;
    }

    /* ── Selection ── */
    ::selection {
        background: #F5A623;
        color: #38152C;
    }

    /* ── Focus Visible ── */
    :focus-visible {
        outline: 2px solid #F5A623;
        outline-offset: 2px;
    }

    /* ── Custom Scrollbar ── */
    ::-webkit-scrollbar {
        width: 8px;
    }

    ::-webkit-scrollbar-track {
        background: #FDF0F7;
    }

    ::-webkit-scrollbar-thumb {
        background: #E87BBF;
        border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #D9509F;
    }