:root {
      --ara-gold: #c9a959;
      --ara-dark: #182142;
      --ara-charcoal: #1e2129;
      --ara-glass: rgba(255,255,255,0.06);
      --ara-shadow: 0 20px 40px -12px rgba(0,0,0,0.35);
    }
    body { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background: #faf9f7; }
    /* inter (fallback) */
    @import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap');

    .ara-logo { font-weight: 600; letter-spacing: -0.02em; font-size: 1.6rem; color: #fff; text-decoration: none; }
    .ara-logo span { color: var(--ara-gold); }
    .ara-navbar { background: transparent; transition: background 0.3s ease, box-shadow 0.3s; padding: 16px 0; }
    .ara-navbar .navbar-brand:hover{ color: var(--ara-gold);}
    
    .ara-navbar.scrolled { background: var(--ara-dark); backdrop-filter: blur(8px); box-shadow: 0 8px 24px rgba(0,0,0,0.4); }
    .ara-nav-link { color: #f0ede8 !important; font-weight: 500; font-size: 0.95rem; letter-spacing: 0.01em; padding: 0.5rem 1rem !important; transition: 0.2s; }
    .ara-nav-link:hover { color: var(--ara-gold) !important; }
    .ara-btn-outline-gold { border: 1px solid var(--ara-gold); color: #fff; border-radius: 40px; padding: 0.4rem 1.4rem; font-weight: 500; transition: 0.25s; background: transparent; }
    .ara-btn-outline-gold:hover { background: var(--ara-gold); color: #111; border-color: var(--ara-gold); }
    .ara-btn-gold { background: var(--ara-gold); color: #111; border: none; border-radius: 40px; padding: 0.4rem 1.6rem; font-weight: 600; transition: 0.25s; }
    .ara-btn-gold:hover { background: #dbb86a; color: #111; transform: scale(1.02); }
    .ara-btn-wa { background: #25D366; color: #fff; border-radius: 40px; padding: 0.4rem 1.2rem; font-weight: 500; border: none; transition: 0.2s; }
    .ara-btn-wa:hover { background: #20b85a; color: #fff; }

    /* hero */
    .ara-hero { min-height: 100vh; background: linear-gradient(135deg, #0b0d14 0%, #1a1e2b 100%); position: relative; display: flex; align-items: center; overflow: hidden; }
    .ara-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.3; z-index: 0; background: #0b0d14; }
    .ara-hero-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.2) 0%, #0b0d14cc 90%); z-index: 1; }
    .ara-hero-content { position: relative; z-index: 3; padding: 2rem 0; }
    .ara-hero h1 { font-weight: 700; font-size: 3.8rem; letter-spacing: -0.02em; line-height: 1.1; }
    .ara-hero .lead { font-weight: 300; font-size: 1.3rem; opacity: 0.9; max-width: 640px; }
    .ara-search-widget { background: rgba(255,255,255,0.05); backdrop-filter: blur(16px); border-radius: 60px; padding: 12px 20px; border: 1px solid rgba(255,255,255,0.08); }
    .ara-search-widget select, .ara-search-widget input { background: transparent; border: none; color: #fff; padding: 8px 4px; }
    .ara-search-widget select option { background: #1e2129; color: #fff; }
    .ara-search-widget .btn { border-radius: 40px; background: var(--ara-gold); color: #111; font-weight: 600; padding: 10px 28px; }
    .ara-trust-badge { background: rgba(255,255,255,0.02); backdrop-filter: blur(4px); border-radius: 60px; padding: 10px 24px; border: 1px solid rgba(255,255,255,0.03); }

    /* sections */
    .ara-section-title { font-weight: 600; letter-spacing: -0.01em; }
    .ara-section-sub { color: #6a6f7a; font-weight: 400; }

    .destination .ara-dest-card{position:relative;overflow:hidden;border-radius:30px;height:460px;cursor:pointer;transition:.45s;box-shadow:0 20px 50px rgb(0 0 0 / .12)}
    .destination .ara-dest-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px rgb(0 0 0 / .18)}
    .destination .ara-dest-card .ara-image{width:100%;height:100%;position:relative}
    .destination .ara-dest-card .ara-image img{width:100%;height:100%;object-fit:cover;transition:.7s}
    .destination .ara-dest-card:hover img{transform:scale(1.12)}
    .destination .ara-dest-card .ara-overlay{position:absolute;inset:0;background:linear-gradient(transparent 25%,rgb(0 0 0 / .15) 45%,rgb(0 0 0 / .82) 100%)}
    .destination .ara-dest-card .ara-category{position:absolute;left:20px;top:20px;background:#fff;color:#222;padding:8px 18px;border-radius:40px;font-size:13px;font-weight:600;z-index:5;box-shadow:0 10px 20px rgb(0 0 0 / .15)}
    .destination .ara-dest-card .ara-rating{position:absolute;right:20px;top:20px;background:#ffb703;color:#000;font-weight:700;border-radius:50px;padding:8px 14px;font-size:13px;z-index:5}
    .destination .ara-dest-card .ara-content{position:absolute;left:0;right:0;bottom:0;padding:28px;color:#fff;z-index:5}.ara-content h4{font-size:30px;font-weight:700;margin-bottom:8px}
    .destination .ara-dest-card .ara-content p{opacity:.9;font-size:15px;margin-bottom:25px}
    .destination .ara-dest-card .ara-footer{display:flex;justify-content:space-between;align-items:center;background:none;color:#fff}
    .destination .ara-dest-card .ara-footer span{font-size:14px;opacity:.85}
    .destination .ara-dest-card .ara-footer a{background:#fff;color:#111;padding:12px 22px;border-radius:50px;text-decoration:none;font-weight:600;transition:.35s;width: 150px;}
    .destination .ara-dest-card .ara-footer a i{margin-left:8px;transition:.35s}
    .destination .ara-dest-card .ara-footer a:hover{background:var(--ara-dark)}
    .destination .ara-dest-card .ara-footer a:hover i{transform:translateX(5px)}

    /* destination cards & carousel */
    .ara-glass-overlay { background: rgba(255,255,255,0.5); backdrop-filter: blur(2px); }

    /* package cards */
    .ara-pkg-card { background: #fff; border-radius: 28px; overflow: hidden; box-shadow: 0 12px 28px -8px rgba(0,0,0,0.06); transition: 0.3s; height: 100%; }
    .ara-pkg-card:hover { transform: translateY(-6px); box-shadow: var(--ara-shadow); }
    .ara-pkg-card .card-img-top { height: 200px; object-fit: cover; }
    .ara-pkg-badge { background: var(--ara-gold); color: #111; font-weight: 600; font-size: 0.7rem; padding: 4px 14px; border-radius: 40px; }
    .ara-price-ribbon { background: var(--ara-dark); color: #fff; padding: 4px 16px; border-radius: 40px; font-weight: 600; display: inline-block; }

    /* why choose */
    .ara-why-card { background: #fff; border-radius: 40px; padding: 2rem 1.5rem; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.02); transition: 0.25s; height: 100%; border: 1px solid #f0ede8; }
    .ara-why-card:hover { border-color: var(--ara-gold); }
    .ara-why-icon { font-size: 2.8rem; color: var(--ara-gold); }

    /* experiences */
    .ara-exp-card { position: relative; border-radius: 32px; overflow: hidden; height: 280px; }
    .ara-exp-card img { height: 100%; object-fit: cover; transition: 0.5s; }
    .ara-exp-card:hover img { transform: scale(1.06); }
    .ara-exp-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, #0b0d14cc 0%, transparent 70%); display: flex; align-items: flex-end; padding: 1.8rem; }

    /* stats */
    .ara-stat-section { background: var(--ara-dark); color: #f0ede8; }
    .ara-stat-number { font-size: 3.4rem; font-weight: 700; letter-spacing: -0.02em; }

    /* testimonials */
    .ara-testi-card { background: rgba(255,255,255,0.04); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.04); border-radius: 40px; padding: 2rem; color: #f0ede8; }

    /* gallery */
    .ara-gallery-item { border-radius: 24px; overflow: hidden; position: relative; }
    .ara-gallery-item img { transition: 0.5s; height: 200px; width: 100%; object-fit: cover; }
    .ara-gallery-item:hover img { transform: scale(1.06); }
    .ara-gallery-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.2); opacity: 0; transition: 0.3s; display: flex; align-items: center; justify-content: center; }
    .ara-gallery-item:hover .ara-gallery-overlay { opacity: 1; }

    /* CTA */
    .ara-cta { background: linear-gradient(135deg, var(--ara-dark) 0%, #1e2129 100%); color: #fff; border-radius: 60px; padding: 4rem 2rem; }

    /* footer */
    .ara-footer { background: var(--ara-dark); color: #b8bcc8; }
    .ara-footer a { color: #b8bcc8; text-decoration: none; transition: 0.2s; padding: 3px auto;}
    .ara-footer a:hover { color: var(--ara-gold); }
    .ara-footer .ara-logo { color: #fff; }
    .ara-footer .ara-logo span { color: var(--ara-gold); }


   

    /* mobile first */
    @media (max-width: 768px) {
      .ara-hero h1 { font-size: 2.5rem; }
      .ara-search-widget { border-radius: 30px; background: rgba(255,255,255,0.04); flex-wrap: wrap; }
      .ara-search-widget select, .ara-search-widget input { width: 100%; margin-bottom: 6px; }
      .ara-trust-badge { flex-wrap: wrap; justify-content: center; gap: 0.5rem; }
      .ara-stat-number { font-size: 2.4rem; }
    }
    @media (max-width: 576px) {
      .ara-hero h1 { font-size: 2rem; }
    }
    .ara-carousel-control { width: 40px; height: 40px; background: rgba(0,0,0,0.3); border-radius: 40px; backdrop-filter: blur(4px); }
    .carousel-control-prev, .carousel-control-next { width: 5%; }
  

    /* Services */

    /* hero */
    .ara-hero-services { min-height: 70vh; background: linear-gradient(145deg, #0b0d14 0%, #1a1e2b 100%); position: relative; display: flex; align-items: center; overflow: hidden; }
    .ara-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.25; z-index: 0; }
    .ara-hero-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.1) 0%, #0b0d14cc 95%); z-index: 1; }
    .ara-hero-content { position: relative; z-index: 3; padding: 3rem 0; }
    .ara-hero-content h1 { font-weight: 700; font-size: 3.6rem; letter-spacing: -0.02em; }
    .ara-hero-content .lead { font-weight: 300; font-size: 1.25rem; opacity: 0.9; max-width: 700px; }

    /* service cards */
    .ara-service-card { background: #fff; border-radius: 32px; padding: 2rem 1.8rem; box-shadow: 0 8px 24px rgba(0,0,0,0.02); transition: 0.3s; height: 100%; border: 1px solid #f0ede8; }
    .ara-service-card:hover { transform: translateY(-6px); box-shadow: var(--ara-shadow); border-color: var(--ara-gold); }
    .ara-service-icon { font-size: 2.8rem; color: var(--ara-gold); }
    .ara-service-card .feature-list { list-style: none; padding-left: 0; font-size: 0.9rem; }
    .ara-service-card .feature-list li::before { content: "✓ "; color: var(--ara-gold); font-weight: 600; }

    /* fleet */
    .ara-fleet-card { background: #fff; border-radius: 28px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.02); transition: 0.3s; height: 100%; border: 1px solid #f0ede8; }
    .ara-fleet-card:hover { transform: translateY(-4px); box-shadow: var(--ara-shadow); }
    .ara-fleet-card img { height: 180px; object-fit: cover; width: 100%; }

    /* why choose */
    .ara-why-card { background: #fff; border-radius: 32px; padding: 1.8rem 1.2rem; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.02); height: 100%; border: 1px solid #f0ede8; transition: 0.2s; }
    .ara-why-card:hover { border-color: var(--ara-gold); }
    .ara-why-card i { font-size: 2.4rem; color: var(--ara-gold); }

    /* process timeline */
    .ara-step { position: relative; padding-left: 2.5rem; margin-bottom: 2rem; }
    .ara-step .step-num { position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: var(--ara-gold); color: #111; border-radius: 40px; display: flex; align-items: center; justify-content: center; font-weight: 700; }

    /* CTA whatsapp */
    .ara-cta-wa { background: linear-gradient(145deg, #0e1017, #1e2129); border-radius: 60px; padding: 3.5rem 2rem; color: #fff; }
    .ara-cta-wa .btn-wa-lg { background: #25D366; color: #fff; border-radius: 60px; padding: 14px 44px; font-weight: 600; font-size: 1.2rem; transition: 0.2s; }
    .ara-cta-wa .btn-wa-lg:hover { background: #20b85a; transform: scale(1.02); }

   

  

    /* responsive */
    @media (max-width: 768px) {
      .ara-hero-content h1 { font-size: 2.2rem; }
      .ara-service-card { padding: 1.5rem; }
    }
    @media (max-width: 576px) {
      .ara-hero-content h1 { font-size: 1.8rem; }
    }


    /* Destinations */

     /* hero */
    .ara-hero-archive { min-height: 65vh; background: linear-gradient(145deg, #0b0d14 0%, #1a1e2b 100%); position: relative; display: flex; align-items: center; overflow: hidden; }
    .ara-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.25; z-index: 0; }
    .ara-hero-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.1) 0%, #0b0d14cc 95%); z-index: 1; }
    .ara-hero-content { position: relative; z-index: 3; padding: 3rem 0; }
    .ara-hero-content h1 { font-weight: 700; font-size: 3.4rem; letter-spacing: -0.02em; }
    .ara-hero-content .lead { font-weight: 300; font-size: 1.2rem; opacity: 0.9; max-width: 700px; }
    .ara-search-filter { background: rgba(255,255,255,0.04); backdrop-filter: blur(16px); border-radius: 60px; padding: 10px 18px; border: 1px solid rgba(255,255,255,0.06); }
    .ara-search-filter select, .ara-search-filter input { background: transparent; border: none; color: #fff; padding: 8px 4px; }
    .ara-search-filter select option { background: #1e2129; color: #fff; }
    .ara-search-filter .btn { border-radius: 40px; background: var(--ara-gold); color: #111; font-weight: 600; padding: 10px 32px; }

    /* destination cards (full width alternating) */
    .ara-dest-card { background: #fff; border-radius: 40px; overflow: hidden; box-shadow: 0 16px 40px -12px rgba(0,0,0,0.06); transition: 0.4s; margin-bottom: 4rem; }
    .ara-dest-card:hover { box-shadow: var(--ara-shadow); transform: translateY(-6px); }
    .ara-dest-card .ara-img { min-height: 400px; object-fit: cover; width: 100%; transition: 0.6s; }
    .ara-dest-card:hover .ara-img { transform: scale(1.03); }
    .ara-dest-card .ara-body { padding: 2.5rem 2.8rem; }
    .ara-dest-card .ara-highlight-icon { background: #f0ede8; border-radius: 60px; padding: 6px 18px; font-size: 0.8rem; font-weight: 500; color: #1e2129; }
    .ara-dest-card .ara-highlight-icon i { color: var(--ara-gold); margin-right: 6px; }

    /* progress indicators (rating) */
    .ara-progress-bar { height: 6px; border-radius: 40px; background: #e6e3dd; }
    .ara-progress-bar .ara-progress-fill { height: 6px; border-radius: 40px; background: var(--ara-gold); width: 80%; }

    /* gallery masonry */
    .ara-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px,1fr)); gap: 12px; }
    .ara-gallery-grid .ara-gallery-item { border-radius: 28px; overflow: hidden; position: relative; height: 200px; }
    .ara-gallery-grid .ara-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; }
    .ara-gallery-grid .ara-gallery-item:hover img { transform: scale(1.06); }
    .ara-gallery-grid .ara-gallery-item .overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.2); opacity: 0; transition: 0.3s; display: flex; align-items: center; justify-content: center; color: #fff; }
    .ara-gallery-grid .ara-gallery-item:hover .overlay { opacity: 1; }

    /* CTA whatsapp */
    .ara-cta-wa { background: linear-gradient(145deg, #0e1017, #1e2129); border-radius: 60px; padding: 3.5rem 2rem; color: #fff; }
    .ara-cta-wa .btn-wa-lg { background: #25D366; color: #fff; border-radius: 60px; padding: 14px 44px; font-weight: 600; font-size: 1.2rem; transition: 0.2s; }
    .ara-cta-wa .btn-wa-lg:hover { background: #20b85a; transform: scale(1.02); }

   

    /* mobile sticky WA */
    .ara-sticky-wa { position: fixed; bottom: 20px; right: 20px; z-index: 999; border-radius: 60px; box-shadow: 0 8px 28px rgba(37, 211, 102, 0.4); color: #fff; background: #25d366;}
    .ara-sticky-wa:hover{color:#0faa48; background: #fff;}
    @media (min-width: 768px) { .ara-sticky-wa { display: none; } }

    /* responsive */
    @media (max-width: 768px) {
      .ara-hero-content h1 { font-size: 2.2rem; }
      .ara-search-filter { border-radius: 30px; flex-wrap: wrap; }
      .ara-search-filter select, .ara-search-filter input { width: 100%; margin-bottom: 6px; }
      .ara-dest-card .ara-body { padding: 1.8rem; }
      .ara-dest-card .ara-img { min-height: 260px; }
    }
    @media (max-width: 576px) {
      .ara-hero-content h1 { font-size: 1.8rem; }
      .ara-dest-card .ara-img { min-height: 200px; }
    }


    /* About */


     /* hero */
    .ara-hero-about { min-height: 70vh; background: linear-gradient(145deg, #0b0d14 0%, #1a1e2b 100%); position: relative; display: flex; align-items: center; overflow: hidden; }
    .ara-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.25; z-index: 0; }
    .ara-hero-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.1) 0%, #0b0d14cc 95%); z-index: 1; }
    .ara-hero-content { position: relative; z-index: 3; padding: 3rem 0; }
    .ara-hero-content h1 { font-weight: 700; font-size: 3.6rem; letter-spacing: -0.02em; }
    .ara-hero-content .lead { font-weight: 300; font-size: 1.25rem; opacity: 0.9; max-width: 700px; }
    .ara-breadcrumb { background: transparent; padding: 0; color: #b8bcc8; }
    .ara-breadcrumb a { color: var(--ara-gold); text-decoration: none; }

    /* story timeline */
    .ara-timeline { position: relative; padding-left: 2.5rem; }
    .ara-timeline::before { content: ''; position: absolute; left: 12px; top: 0; bottom: 0; width: 2px; background: var(--ara-gold); opacity: 0.3; }
    .ara-timeline-item { position: relative; margin-bottom: 2.2rem; }
    .ara-timeline-item .dot { position: absolute; left: -2.1rem; top: 6px; width: 18px; height: 18px; background: var(--ara-gold); border-radius: 40px; border: 3px solid #fff; box-shadow: 0 0 0 2px var(--ara-gold); }

    /* team */
    .ara-team-card { background: #fff; border-radius: 32px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.02); transition: 0.3s; height: 100%; border: 1px solid #f0ede8; }
    .ara-team-card:hover { transform: translateY(-4px); box-shadow: var(--ara-shadow); }
    .ara-team-card img { height: 240px; object-fit: cover; width: 100%; }
    .ara-team-card .social a { color: #6a6f7a; transition: 0.2s; }
    .ara-team-card .social a:hover { color: var(--ara-gold); }

    /* value cards */
    .ara-value-card { background: #fff; border-radius: 28px; padding: 1.8rem 1.2rem; text-align: center; height: 100%; border: 1px solid #f0ede8; transition: 0.2s; }
    .ara-value-card:hover { border-color: var(--ara-gold); }
    .ara-value-card i { font-size: 2.4rem; color: var(--ara-gold); }

    /* testimonial glass */
    .ara-testi-card { background: rgba(255,255,255,0.04); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.04); border-radius: 40px; padding: 2rem; color: #f0ede8; }

    /* cta */
    .ara-cta-wa { background: linear-gradient(145deg, #0e1017, #1e2129); border-radius: 60px; padding: 3.5rem 2rem; color: #fff; }
    .ara-cta-wa .btn-wa-lg { background: #25D366; color: #fff; border-radius: 60px; padding: 14px 44px; font-weight: 600; font-size: 1.2rem; transition: 0.2s; }
    .ara-cta-wa .btn-wa-lg:hover { background: #20b85a; transform: scale(1.02); }

   



    /* responsive */
    @media (max-width: 768px) {
      .ara-hero-content h1 { font-size: 2.2rem; }
      .ara-timeline { padding-left: 1.8rem; }
      .ara-timeline-item .dot { left: -1.4rem; }
    }
    @media (max-width: 576px) {
      .ara-hero-content h1 { font-size: 1.8rem; }
    }


    /* Contact */


    /* hero */
    .ara-hero-contact { min-height: 60vh; background: linear-gradient(145deg, #0b0d14 0%, #1a1e2b 100%); position: relative; display: flex; align-items: center; overflow: hidden; }
    .ara-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.25; z-index: 0; }
    .ara-hero-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.1) 0%, #0b0d14cc 95%); z-index: 1; }
    .ara-hero-content { position: relative; z-index: 3; padding: 3rem 0; }
    .ara-hero-content h1 { font-weight: 700; font-size: 3.4rem; letter-spacing: -0.02em; }
    .ara-hero-content .lead { font-weight: 300; font-size: 1.2rem; opacity: 0.9; max-width: 700px; }
    .ara-breadcrumb { background: transparent; padding: 0; color: #b8bcc8; }
    .ara-breadcrumb a { color: var(--ara-gold); text-decoration: none; }

    /* quick contact cards */
    .ara-quick-card { background: #fff; border-radius: 32px; padding: 1.8rem; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.02); border: 1px solid #f0ede8; transition: 0.3s; height: 100%; }
    .ara-quick-card:hover { transform: translateY(-4px); box-shadow: var(--ara-shadow); border-color: var(--ara-gold); }
    .ara-quick-card i { font-size: 2.8rem; color: var(--ara-gold); }

    /* form and contact info */
    .ara-form-card, .ara-info-card { background: #fff; border-radius: 32px; padding: 2rem; box-shadow: 0 8px 24px rgba(0,0,0,0.02); border: 1px solid #f0ede8; height: 100%; }
    .ara-form-card .form-control, .ara-form-card .form-select { background: #f5f3f0; border: none; border-radius: 40px; padding: 0.8rem 1.2rem; }

    /* WhatsApp CTA */
    .ara-cta-wa { background: linear-gradient(145deg, #0e1017, #1e2129); border-radius: 60px; padding: 3.5rem 2rem; color: #fff; }
    .ara-cta-wa .btn-wa-lg { background: #25D366; color: #fff; border-radius: 60px; padding: 14px 44px; font-weight: 600; font-size: 1.2rem; transition: 0.2s; }
    .ara-cta-wa .btn-wa-lg:hover { background: #20b85a; transform: scale(1.02); }

    /* map placeholder */
    .ara-map { border-radius: 32px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.04); }

    /* why choose */
    .ara-why-card { background: #fff; border-radius: 28px; padding: 1.5rem 1rem; text-align: center; height: 100%; border: 1px solid #f0ede8; transition: 0.2s; }
    .ara-why-card:hover { border-color: var(--ara-gold); }
    .ara-why-card i { font-size: 2.2rem; color: var(--ara-gold); }

    



    /* mobile bottom bar */
    .ara-mobile-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #0e1017ee; backdrop-filter: blur(8px); padding: 10px 16px; z-index: 998; display: flex; justify-content: space-around; border-top: 1px solid rgba(255,255,255,0.04); }
    .ara-mobile-bar a { color: #b8bcc8; text-decoration: none; display: flex; flex-direction: column; align-items: center; font-size: 0.7rem; transition: 0.2s; }
    .ara-mobile-bar a:hover { color: var(--ara-gold); }
    .ara-mobile-bar a i { font-size: 1.4rem; }
    @media (min-width: 768px) { .ara-mobile-bar { display: none; } }

    /* responsive */
    @media (max-width: 768px) {
      .ara-hero-content h1 { font-size: 2.2rem; }
      .ara-quick-card { padding: 1.2rem; }
    }
    @media (max-width: 576px) {
      .ara-hero-content h1 { font-size: 1.8rem; }
    }

    /* Inquire */


    /* hero */
    .ara-hero-inquiry { min-height: 60vh; background: linear-gradient(145deg, #0b0d14 0%, #1a1e2b 100%); position: relative; display: flex; align-items: center; overflow: hidden; }
    .ara-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.25; z-index: 0; }
    .ara-hero-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.1) 0%, #0b0d14cc 95%); z-index: 1; }
    .ara-hero-content { position: relative; z-index: 3; padding: 3rem 0; }
    .ara-hero-content h1 { font-weight: 700; font-size: 3.4rem; letter-spacing: -0.02em; }
    .ara-hero-content .lead { font-weight: 300; font-size: 1.2rem; opacity: 0.9; max-width: 700px; }

    /* inquiry type cards */
    .ara-inquiry-card { background: #fff; border-radius: 32px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.02); transition: 0.3s; border: 1px solid #f0ede8; height: 100%; cursor: pointer; }
    .ara-inquiry-card:hover { transform: translateY(-6px); box-shadow: var(--ara-shadow); border-color: var(--ara-gold); }
    .ara-inquiry-card img { height: 200px; object-fit: cover; width: 100%; }
    .ara-inquiry-card .card-body { padding: 1.5rem; }
    .ara-inquiry-card.active { border-color: var(--ara-gold); border-width: 2px; }

    /* form cards */
    .ara-form-card { background: #fff; border-radius: 32px; padding: 2rem; box-shadow: 0 8px 24px rgba(0,0,0,0.02); border: 1px solid #f0ede8; }
    .ara-form-card .form-control, .ara-form-card .form-select { background: #f5f3f0; border: none; border-radius: 40px; padding: 0.8rem 1.2rem; }
    .ara-form-card .form-check-input { border-radius: 4px; }
    .ara-form-card .btn { border-radius: 40px; }

    /* why choose */
    .ara-why-card { background: #fff; border-radius: 28px; padding: 1.5rem 1rem; text-align: center; height: 100%; border: 1px solid #f0ede8; transition: 0.2s; }
    .ara-why-card:hover { border-color: var(--ara-gold); }
    .ara-why-card i { font-size: 2.2rem; color: var(--ara-gold); }

    /* timeline */
    .ara-step { position: relative; padding-left: 2.5rem; margin-bottom: 1.8rem; }
    .ara-step .step-num { position: absolute; left: 0; top: 0; width: 38px; height: 38px; background: var(--ara-gold); color: #111; border-radius: 40px; display: flex; align-items: center; justify-content: center; font-weight: 700; }

    /* WhatsApp CTA */
    .ara-cta-wa { background: linear-gradient(145deg, #0e1017, #1e2129); border-radius: 60px; padding: 3rem 2rem; color: #fff; }
    .ara-cta-wa .btn-wa-lg { background: #25D366; color: #fff; border-radius: 60px; padding: 14px 44px; font-weight: 600; font-size: 1.2rem; transition: 0.2s; }
    .ara-cta-wa .btn-wa-lg:hover { background: #20b85a; transform: scale(1.02); }

    


    /* mobile bottom bar */
    .ara-mobile-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #0e1017ee; backdrop-filter: blur(8px); padding: 10px 16px; z-index: 998; display: flex; justify-content: space-around; border-top: 1px solid rgba(255,255,255,0.04); }
    .ara-mobile-bar a { color: #b8bcc8; text-decoration: none; display: flex; flex-direction: column; align-items: center; font-size: 0.65rem; transition: 0.2s; }
    .ara-mobile-bar a:hover { color: var(--ara-gold); }
    .ara-mobile-bar a i { font-size: 1.4rem; }
    @media (min-width: 768px) { .ara-mobile-bar { display: none; } }

    /* success modal */
    .ara-success-modal .modal-content { border-radius: 40px; border: none; padding: 1rem; }

    /* responsive */
    @media (max-width: 768px) {
      .ara-hero-content h1 { font-size: 2.2rem; }
      .ara-inquiry-card img { height: 160px; }
    }
    @media (max-width: 576px) {
      .ara-hero-content h1 { font-size: 1.8rem; }
    }