:root {
            --ink: #0d1117;
            --muted: #6b7280;
            --line: #e8e8e8;
            --gold: #c9a66b;
            --gold-dark: #9b7b48;
            --cream: #f8f5ef;
        }

        * {
            box-sizing: border-box
        }

        body {
            font-family: 'Manrope', sans-serif;
            color: var(--ink);
            background: #fff
        }

        .navbar {
            background: rgba(255, 255, 255, .92);
            backdrop-filter: blur(14px);
            border-bottom: 1px solid rgba(0, 0, 0, .05)
        }

        .navbar-brand {
            font-weight: 800;
            letter-spacing: -.7px
        }

        .brand-mark {
            font-family: 'Playfair Display', serif;
            color: var(--gold)
        }

        .nav-link {
            font-weight: 600;
            color: #374151 !important
        }

        .nav-link:hover {
            color: var(--gold-dark) !important
        }

        .btn-gold {
            background: var(--gold);
            border-color: var(--gold);
            color: #111;
            font-weight: 800;
            border-radius: 14px;
            padding: .9rem 1.25rem
        }

        .btn-gold:hover {
            background: var(--gold-dark);
            border-color: var(--gold-dark);
            color: #fff
        }

        .btn-dark-soft {
            background: #111827;
            border-color: #111827;
            color: #fff;
            font-weight: 800;
            border-radius: 14px;
            padding: .9rem 1.25rem
        }

        .hero {
            padding: 60px;
            background:
                radial-gradient(circle at 80% 15%, rgba(201, 166, 107, .22), transparent 26%),
                linear-gradient(180deg, #fff 0%, #fbfaf7 100%);
        }

        .eyebrow {
            letter-spacing: .16em;
            text-transform: uppercase;
            font-size: .76rem;
            font-weight: 800;
            color: var(--gold-dark)
        }

        .hero h1,
        .section-title {
            font-family: 'Playfair Display', serif
        }

        .hero h1 {
            font-size: clamp(3rem, 6vw, 5.8rem);
            line-height: .98;
            letter-spacing: -2.6px
        }

        .hero p {
            font-size: 1.1rem;
            line-height: 1.8;
            color: var(--muted);
            max-width: 620px
        }

        .hero-card {
            border-radius: 32px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 28px 80px rgba(0, 0, 0, .14)
        }

        .hero-card img {
            width: 100%;
            height: 400px;
            object-fit: contain;
            object-position: center;
            position: relative;
            z-index: 2
        }

        .hero-car-image {
            animation: heroCarFloat 5s ease-in-out infinite;
            transform-origin: center
        }

        @keyframes heroCarFloat {

            0%,
            100% {
                transform: translate3d(0, 0, 0)
            }

            50% {
                transform: translate3d(14px, -8px, 0)
            }
        }

        .glass-info {
            position: absolute;
            left: 24px;
            right: 24px;
            bottom: 24px;
            padding: 18px 20px;
            border-radius: 20px;
            background: rgba(255, 255, 255, .8);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, .7)
        }

        .trust-row {
            border-top: 1px solid var(--line);
            border-bottom: 1px solid var(--line);
            padding: 22px 0
        }

        section {
            padding: 20px 0
        }

        .section-title {
            font-size: clamp(2.2rem, 1.2vw, 3.8rem);
            letter-spacing: -1.5px
        }

        .section-desc {
            color: var(--muted);
            line-height: 1.8;
            max-width: 650px
        }

        .fleet-card {
            border: 1px solid var(--line);
            border-radius: 24px;
            overflow: hidden;
            background: #fff;
            height: 100%;
            transition: .25s ease;
            box-shadow: 0 8px 24px rgba(0, 0, 0, .035)
        }

        .fleet-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 50px rgba(0, 0, 0, .08)
        }

        .fleet-img {
            width: 100%;
            height: 250px;
            object-fit: cover
        }

        .spec-pill {
            display: inline-flex;
            gap: .4rem;
            align-items: center;
            border: 1px solid var(--line);
            padding: .45rem .7rem;
            border-radius: 999px;
            color: #4b5563;
            font-size: .82rem
        }

        .price {
            font-size: 1.35rem;
            font-weight: 800
        }

        .price small {
            font-size: .8rem;
            color: var(--muted);
            font-weight: 600
        }

        .feature-box {
            padding: 26px;
            border: 1px solid var(--line);
            border-radius: 22px;
            height: 100%
        }

        .icon {
            width: 48px;
            height: 48px;
            border-radius: 14px;
            background: var(--cream);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--gold-dark);
            font-size: 1.3rem
        }

        .premium-strip {
            background: #111827;
            color: #fff
        }

        .premium-strip .section-desc {
            color: #cbd5e1
        }

        .testimonial {
            border: 1px solid var(--line);
            border-radius: 22px;
            padding: 24px;
            height: 100%
        }

        .faq .accordion-item {
            border: 1px solid var(--line);
            border-radius: 16px !important;
            overflow: hidden;
            margin-bottom: 12px
        }

        .faq .accordion-button {
            font-weight: 800;
            box-shadow: none !important
        }

        .faq .accordion-button:not(.collapsed) {
            background: var(--cream);
            color: var(--gold-dark)
        }

        footer {
            background: #090d14;
            color: #c7ccd4;
            padding: 65px 0 28px
        }

        footer a {
            color: #9ca3af;
            text-decoration: none
        }

        .whatsapp {
            position: fixed;
            right: 22px;
            bottom: 22px;
            width: 58px;
            height: 58px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #25D366;
            color: #fff;
            font-size: 1.55rem;
            z-index: 999;
            box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
            text-decoration: none
        }

        .about-visual {
            position: relative;
            min-height: 470px;
            border-radius: 32px;
            overflow: hidden;
            background: linear-gradient(145deg, #111827 0%, #1f2937 100%);
            box-shadow: 0 24px 70px rgba(17, 24, 39, .16)
        }

        .about-glow {
            position: absolute;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background: rgba(201, 166, 107, .16);
            filter: blur(12px);
            right: -70px;
            top: -70px
        }

        .about-car {
            position: absolute;
            left: 50%;
            top: 45%;
            width: min(90%, 620px);
            transform: translate(-50%, -50%);
            object-fit: contain;
            filter: drop-shadow(0 28px 22px rgba(0, 0, 0, .28));
            animation: aboutCarDrive 6s ease-in-out infinite
        }

        .road-line {
            position: absolute;
            left: 7%;
            right: 7%;
            bottom: 78px;
            height: 3px;
            background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .7) 0 48px, transparent 48px 82px);
            animation: roadMove 1.6s linear infinite
        }

        .road-shadow {
            position: absolute;
            left: 15%;
            right: 15%;
            bottom: 52px;
            height: 28px;
            background: rgba(0, 0, 0, .24);
            filter: blur(16px);
            border-radius: 50%
        }

        .about-badge {
            position: absolute;
            left: 24px;
            bottom: 24px;
            background: rgba(255, 255, 255, .92);
            backdrop-filter: blur(12px);
            padding: 15px 18px;
            border-radius: 18px;
            border: 1px solid rgba(255, 255, 255, .7);
            z-index: 3
        }

        .about-point {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            padding: 15px 0;
            border-bottom: 1px solid var(--line)
        }

        .about-point:last-child {
            border-bottom: 0
        }

        .about-point i {
            color: var(--gold-dark);
            font-size: 1.15rem;
            margin-top: 2px
        }

        @keyframes aboutCarDrive {

            0%,
            100% {
                transform: translate(-53%, -50%)
            }

            50% {
                transform: translate(-47%, -52%)
            }
        }

        @keyframes roadMove {
            from {
                background-position: 0 0
            }

            to {
                background-position: -82px 0
            }
        }

        @media (prefers-reduced-motion:reduce) {

            .hero-car-image,
            .about-car,
            .road-line {
                animation: none !important
            }
        }

        @media(max-width:991px) {
            .hero-card img {
                height: 430px
            }

            .hero {
                padding-top: 110px
            }

            .banhide {
                display: none;
            }
        }