:root {
      --navy:       #0C1B33;
      --navy-mid:   #132344;
      --navy-light: #1A3060;
      --coral:      #E8471A;
      --coral-dark: #C93A13;
      --gold:       #F4C542;
      --gold-light: #FDE88A;
      --sky:        #0EA5C9;
      --cream:      #FBF8F3;
      --gray-soft:  #F2F5F9;
      --gray-text:  #6B7A8D;
      --white:      #FFFFFF;
      --radius-sm:  10px;
      --radius-md:  16px;
      --radius-lg:  24px;
      --shadow-sm:  0 4px 16px rgba(12,27,51,.08);
      --shadow-md:  0 10px 40px rgba(12,27,51,.14);
      --shadow-lg:  0 20px 60px rgba(12,27,51,.18);
      --font-head:  'Playfair Display', Georgia, serif;
      --font-body:  'Plus Jakarta Sans', sans-serif;
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }

    body {
      font-family: var(--font-body);
      background: var(--cream);
      color: var(--navy);
      overflow-x: hidden;
    }

    h1,h2,h3 { font-family: var(--font-head); }
    h4,h5,h6,p,a,span,li,label,button { font-family: var(--font-body); }

    /* ── UTILITIES ───────────────────────────────────── */
    .text-coral  { color: var(--coral)  !important; }
    .text-gold   { color: var(--gold)   !important; }
    .text-navy   { color: var(--navy)   !important; }
    .text-sky    { color: var(--sky)    !important; }
    .bg-navy     { background: var(--navy)     !important; }
    .bg-navy-mid { background: var(--navy-mid) !important; }
    .bg-cream    { background: var(--cream)    !important; }
    .bg-gray     { background: var(--gray-soft)!important; }

    .section-tag {
      display: inline-block;
      font-size: .72rem; font-weight: 700;
      letter-spacing: 1.4px; text-transform: uppercase;
      color: var(--sky);
      background: rgba(14,165,201,.1);
      padding: .3rem .85rem;
      border-radius: 50px;
      margin-bottom: .9rem;
    }
    .section-tag.gold-tag {
      color: var(--gold);
      background: rgba(244,197,66,.12);
    }
    .section-tag.coral-tag {
      color: var(--coral);
      background: rgba(232,71,26,.1);
    }
    .divider-wave {
      width: 100%; overflow: hidden;
      line-height: 0; display: block;
    }
    .divider-wave svg { display: block; width: 100%; }

    /* ── NAVBAR ──────────────────────────────────────── */
    .navbar-custom {
      position: fixed; top: 0; left: 0; right: 0; z-index: 1050;
      background: rgba(12,27,51,.97);
      backdrop-filter: blur(14px);
      padding: .85rem 0;
      border-bottom: 1px solid rgba(255,255,255,.06);
      transition: padding .3s;
    }
    .navbar-custom.scrolled { padding: .5rem 0; }
    .navbar-brand-custom {
      font-family: var(--font-body);
      font-weight: 700; font-size: 1.1rem;
      color: #fff !important; text-decoration: none;
      letter-spacing: -.2px;
    }
    .navbar-brand-custom span { color: var(--gold); }
    .nav-link-custom {
      color: rgba(255,255,255,.72) !important;
      font-size: .88rem; font-weight: 500;
      transition: color .2s;
      padding: .4rem .9rem !important;
    }
    .nav-link-custom:hover { color: var(--gold) !important; }
    .btn-nav-cta {
      background: var(--coral);
      color: #fff !important;
      font-size: .85rem; font-weight: 700;
      padding: .5rem 1.3rem !important;
      border-radius: 50px;
      transition: background .2s, transform .15s;
    }
    .btn-nav-cta:hover { background: var(--coral-dark) !important; transform: translateY(-1px); }

    /* ── HERO ────────────────────────────────────────── */
    .hero-section {
      min-height: 100vh;
      /* background: var(--navy); */
      background: linear-gradient(rgba(11,28,57,0.35), rgba(11,28,57,0.95)), url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05');
      background-size: cover;
      background-position: center;
      position: relative;
      display: flex; align-items: center;
      padding: 120px 0 80px;
      overflow: hidden;
    }
    .about-hero-section {
      min-height: 20vh;
      /* background: var(--navy); */
      background: linear-gradient(rgba(11,28,57,0.35), rgba(11,28,57,0.95)), url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05');
      background-size: cover;
      background-position: center;
      position: relative;
      display: flex; align-items: center;
      padding: 120px 0 60px;
      overflow: hidden;
    }
    .hero-glow-1 {
      position: absolute; top: -10%; right: -5%;
      width: 600px; height: 600px; border-radius: 50%;
      background: radial-gradient(circle, rgba(14,165,201,.18) 0%, transparent 70%);
      pointer-events: none;
    }
    .hero-glow-2 {
      position: absolute; bottom: 10%; left: -10%;
      width: 500px; height: 500px; border-radius: 50%;
      background: radial-gradient(circle, rgba(244,197,66,.08) 0%, transparent 70%);
      pointer-events: none;
    }
    .hero-grid-bg {
      position: absolute; inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size: 60px 60px;
      pointer-events: none;
    }
    .hero-badge {
      display: inline-flex; align-items: center; gap: .5rem;
      background: rgba(244,197,66,.12);
      border: 1px solid rgba(244,197,66,.3);
      color: var(--gold);
      font-size: .78rem; font-weight: 700;
      letter-spacing: .6px; text-transform: uppercase;
      padding: .38rem 1rem; border-radius: 50px;
      margin-bottom: 1.4rem;
      animation: fadeUp .7s ease both;
    }
    .hero-title {
      font-size: clamp(2.6rem, 5.5vw, 4.0rem);
      font-weight: 900; line-height: 1.06;
      color: #fff; margin-bottom: 1.2rem;
      animation: fadeUp .75s .1s ease both;
    }
    .about-hero-title {
      font-size: clamp(2.6rem, 5.5vw, 3.0rem);
      font-weight: 900; line-height: 1.06;
      color: #fff; margin-bottom: 1.2rem;
      animation: fadeUp .75s .1s ease both;
    }
    .hero-title em { color: var(--gold); font-style: normal; }
    .about-hero-title em { color: var(--gold); font-style: normal; }
    .hero-sub {
      font-size: 1.08rem; font-weight: 300;
      color: rgba(255,255,255,.65); line-height: 1.75;
      max-width: 520px; margin-bottom: 2.2rem;
      animation: fadeUp .75s .2s ease both;
    }
    .hero-perks {
      display: flex; flex-wrap: wrap; gap: .65rem;
      animation: fadeUp .75s .35s ease both;
    }
    .perk-chip {
      display: inline-flex; align-items: center; gap: .45rem;
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.1);
      color: rgba(255,255,255,.82);
      font-size: .82rem; font-weight: 400;
      padding: .4rem .9rem; border-radius: 50px;
    }
    .perk-chip .bi { color: var(--gold); font-size: .9rem; }

    /* Search Box */
    .search-card {
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.12);
      border-radius: var(--radius-lg);
      padding: 1.8rem 2rem;
      backdrop-filter: blur(12px);
      animation: fadeUp .75s .25s ease both;
    }
    .search-label {
      font-size: .7rem; font-weight: 700;
      text-transform: uppercase; letter-spacing: 1px;
      color: rgba(255,255,255,.45); margin-bottom: .4rem;
      display: block;
    }
    .search-input {
      background: rgba(255,255,255,.1) !important;
      border: 1px solid rgba(255,255,255,.15) !important;
      border-radius: var(--radius-sm) !important;
      color: #fff !important;
      padding: .72rem 1rem !important;
      font-family: var(--font-body) !important;
      font-size: .92rem !important;
      transition: border-color .2s !important;
    }
    .search-input::placeholder { color: rgba(255,255,255,.35) !important; }
    .search-input:focus {
      border-color: var(--sky) !important;
      box-shadow: 0 0 0 3px rgba(14,165,201,.15) !important;
      outline: none !important;
    }
    .search-input option { background: var(--navy); color: #fff; }
    .btn-search {
      background: var(--coral);
      color: #fff;
      border: none; font-family: var(--font-body);
      font-weight: 700; font-size: .95rem;
      padding: .78rem 1.8rem;
      border-radius: var(--radius-sm);
      width: 100%; transition: background .2s, transform .15s;
      cursor: pointer;
    }
    .btn-search:hover { background: var(--coral-dark); transform: translateY(-2px); }
    .btn-search .bi { font-size: 1rem; }

    /* Floating plane */
    .hero-plane-float {
      position: absolute; right: 4%; top: 22%;
      font-size: 8rem; opacity: .06;
      animation: planeFloat 7s ease-in-out infinite;
      pointer-events: none;
      filter: blur(1px);
    }
    @keyframes planeFloat {
      0%,100% { transform: translateY(0) rotate(-10deg); }
      50%      { transform: translateY(-22px) rotate(-6deg); }
    }
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(26px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* ── STATS BAR ───────────────────────────────────── */
    .stats-bar {
      background: var(--coral);
      padding: 1.2rem 0;
    }
    .stat-item {
      display: flex; align-items: center; gap: .8rem;
      padding: .4rem 1rem;
      border-right: 1px solid rgba(255,255,255,.2);
    }
    .stat-item:last-child { border-right: none; }
    .stat-icon { font-size: 1.8rem; color: rgba(255,255,255,.8); }
    .stat-num  { font-family: var(--font-head); font-size: 1.6rem; font-weight: 700; color: #fff; line-height: 1; }
    .stat-lbl  { font-size: .75rem; color: rgba(255,255,255,.75); font-weight: 400; }

    /* ── ABOUT ───────────────────────────────────────── */
    .about-section { padding: 90px 0; background: var(--white); }
    .about-img-box {
      background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 50%, var(--sky) 100%);
      border-radius: var(--radius-lg);
      aspect-ratio: 4/3;
      display: flex; align-items: center; justify-content: center;
      position: relative; overflow: hidden;
      box-shadow: var(--shadow-lg);
    }
    .about-img-box::before {
      content: '';
      position: absolute; inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='2' fill='%23ffffff' fill-opacity='0.05'/%3E%3C/svg%3E");
    }
    .about-img-content { text-align: center; position: relative; z-index: 1; }
    .about-plane { font-size: 5rem; animation: planeFloat 5s ease-in-out infinite; display: block; }
    .about-img-label { color: rgba(255,255,255,.7); font-size: .9rem; font-style: italic; margin-top: .8rem; }
    .about-feature-list { list-style: none; padding: 0; margin: 1.5rem 0 0; }
    .about-feature-list li {
      display: flex; align-items: center; gap: .7rem;
      font-size: .92rem; color: #3d4f62;
      padding: .45rem 0;
      border-bottom: 1px solid rgba(12,27,51,.06);
    }
    .about-feature-list li:last-child { border-bottom: none; }
    .about-feature-list .bi { color: var(--coral); font-size: 1rem; }

    /* ── USP ─────────────────────────────────────────── */
    .usp-section {
      padding: 90px 0;
      background: var(--navy);
      position: relative; overflow: hidden;
    }
    .usp-section::after {
      content: '';
      position: absolute; top: -200px; right: -150px;
      width: 700px; height: 700px; border-radius: 50%;
      background: radial-gradient(circle, rgba(14,165,201,.08) 0%, transparent 70%);
      pointer-events: none;
    }
    .usp-card {
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: var(--radius-md);
      padding: 2rem 1.8rem;
      height: 100%;
      transition: background .25s, transform .22s, border-color .22s;
    }
    .usp-card:hover {
      background: rgba(255,255,255,.09);
      border-color: rgba(14,165,201,.25);
      transform: translateY(-5px);
    }
    .usp-icon-box {
      width: 56px; height: 56px; border-radius: 14px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.5rem; margin-bottom: 1.3rem;
    }
    .icon-sky   { background: rgba(14,165,201,.15); color: var(--sky); }
    .icon-coral { background: rgba(232,71,26,.15);  color: var(--coral); }
    .icon-gold  { background: rgba(244,197,66,.15); color: var(--gold); }
    .icon-green { background: rgba(34,197,94,.15);  color: #22c55e; }
    .usp-card h5 { font-family: var(--font-body); font-size: 1rem; font-weight: 700; color: #fff; margin-bottom: .6rem; }
    .usp-card p  { font-size: .88rem; color: rgba(255,255,255,.5); line-height: 1.7; font-weight: 300; margin: 0; }

    /* ── DESTINATIONS ────────────────────────────────── */
    .dest-section { padding: 90px 0; background: var(--cream); }
    .dest-card {
      border-radius: var(--radius-md);
      overflow: hidden;
      position: relative;
      aspect-ratio: 3/4;
      cursor: pointer;
      transition: transform .25s;
      box-shadow: var(--shadow-md);
    }
    .dest-card:hover { transform: translateY(-7px); }
    .dest-card-tall { aspect-ratio: 3/4.5; }
    .dest-overlay {
      position: absolute; inset: 0;
      display: flex; flex-direction: column; justify-content: flex-end;
      padding: 1.5rem 1.3rem;
      bottom: 30px;
      z-index: 3;
    }
    .dest-bg-1  { background: linear-gradient(160deg, #1565C0 0%, #0D3B87 45%, #061C48 100%); }
    .dest-bg-2  { background: linear-gradient(160deg, #C62828 0%, #7C1F1F 45%, #3C0F0F 100%); }
    .dest-bg-3  { background: linear-gradient(160deg, #00695C 0%, #00403A 45%, #001F1C 100%); }
    .dest-bg-4  { background: linear-gradient(160deg, #6A1B9A 0%, #3D0D65 45%, #1C0530 100%); }
    .dest-bg-5  { background: linear-gradient(160deg, #E65100 0%, #963400 45%, #4A1A00 100%); }
    .dest-bg-6  { background: linear-gradient(160deg, #1B5E20 0%, #0D3A12 45%, #041807 100%); }
    .dest-bg-7  { background: linear-gradient(160deg, #01579B 0%, #003265 45%, #00152E 100%); }
    .dest-bg-8  { background: linear-gradient(160deg, #BF360C 0%, #7A2008 45%, #380E03 100%); }
    
    /* dark overlay */
.dest-card::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.75) 15%,
        rgba(0, 0, 0, 0.496) 45%,
        rgba(0, 0, 0, 0.336) 100%
    );
    z-index: 1;
}

    .dest-dot-pattern {
      position: absolute; inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='1.5' fill='%23ffffff' fill-opacity='0.06'/%3E%3C/svg%3E");
    }
    .dest-flag { position: absolute; top: 1.2rem; left: 1.2rem; font-size: 2rem; }
    .dest-name { font-family: var(--font-head); font-size: 1.25rem; color: #fff; font-weight: 700; margin-bottom: .15rem; }
    .dest-country { font-size: .78rem; color: rgba(255,255,255,.65); margin-bottom: .6rem; }
    .dest-price-badge {
      display: inline-block;
      background: rgba(255,255,255,.15);
      color: #fff; font-size: .78rem; font-weight: 600;
      padding: .28rem .8rem; border-radius: 50px;
    }

    /* ── ROUTES ──────────────────────────────────────── */
    .routes-section { padding: 90px 0; background: var(--white); }
    .route-pill {
      display: flex; align-items: center; gap: .7rem;
      background: var(--gray-soft);
      border-radius: var(--radius-sm);
      padding: .85rem 1.1rem;
      transition: background .2s, box-shadow .2s, transform .15s;
      cursor: pointer;
      border: 1px solid transparent;
    }
    .route-pill:hover {
      background: #e6f4fa;
      border-color: rgba(14,165,201,.2);
      box-shadow: 0 4px 16px rgba(14,165,201,.1);
      transform: translateX(3px);
    }
    .route-icon { color: var(--coral); font-size: .95rem; }
    .route-text { font-size: .88rem; font-weight: 500; color: var(--navy); flex: 1; }
    .route-cost { font-size: .82rem; font-weight: 700; color: var(--sky); white-space: nowrap; }

    /* ── AIRLINES ─────────────────────────────────────── */
    .airlines-section { padding: 90px 0; background: var(--gray-soft); }
    .airline-card {
      background: var(--white);
      border-radius: var(--radius-md);
      padding: 1.6rem 1.2rem;
      text-align: center;
      box-shadow: var(--shadow-sm);
      transition: box-shadow .22s, transform .22s;
      height: 100%;
    }
    .airline-card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
    .airline-emoji { font-size: 2.2rem; margin-bottom: .6rem; display: block; }
    .airline-name { font-size: .92rem; font-weight: 700; color: var(--navy); margin-bottom: .25rem; }
    .airline-routes { font-size: .75rem; color: var(--gray-text); line-height: 1.45; }

    /* ── AIRPORTS ─────────────────────────────────────── */
    .airports-section { padding: 90px 0; background: var(--white); }
    .airport-card {
      background: var(--gray-soft);
      border-radius: var(--radius-md);
      padding: 1.6rem;
      display: flex; gap: 1.2rem; align-items: flex-start;
      border: 1px solid rgba(12,27,51,.06);
      height: 100%;
    }
    .airport-iata {
      background: var(--navy);
      color: var(--gold);
      font-family: var(--font-head);
      font-size: 1.1rem; font-weight: 700;
      padding: .6rem 1rem;
      border-radius: 10px;
      flex-shrink: 0; letter-spacing: 1px;
      text-align: center;
    }
    .airport-info h5 { font-size: .97rem; font-weight: 700; color: var(--navy); margin-bottom: .35rem; }
    .airport-info p  { font-size: .83rem; color: var(--gray-text); line-height: 1.6; margin: 0; }
    .airport-detail {
      display: flex; align-items: center; gap: .4rem;
      font-size: .78rem; color: var(--gray-text);
      margin-top: .3rem;
    }
    .airport-detail .bi { color: var(--sky); }

    /* ── FAQ ──────────────────────────────────────────── */
    .faq-section { padding: 90px 0; background: var(--cream); }
    .faq-accordion .accordion-item {
      background: var(--white);
      border: 1px solid rgba(12,27,51,.07) !important;
      border-radius: var(--radius-sm) !important;
      margin-bottom: .75rem;
      overflow: hidden;
    }
    .faq-accordion .accordion-button {
      background: var(--white) !important;
      color: var(--navy) !important;
      font-family: var(--font-body) !important;
      font-size: .96rem !important;
      font-weight: 700 !important;
      padding: 1.25rem 1.5rem !important;
      box-shadow: none !important;
    }
    .faq-accordion .accordion-button:not(.collapsed) {
      color: var(--coral) !important;
      background: #fff9f7 !important;
    }
    .faq-accordion .accordion-button::after {
      filter: none !important;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E8471A'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
    }
    .faq-accordion .accordion-body {
      font-size: .9rem; color: var(--gray-text); line-height: 1.8;
      font-weight: 300; padding: 0 1.5rem 1.4rem !important;
    }

    /* ── CTA STRIP ────────────────────────────────────── */
    .cta-section {
      padding: 90px 0;
      background: linear-gradient(135deg, var(--coral) 0%, #C93A13 100%);
      position: relative; overflow: hidden;
    }
    .cta-section::before {
      content: '✈';
      position: absolute; right: 4%; top: 50%;
      transform: translateY(-50%);
      font-size: 10rem; opacity: .07;
      pointer-events: none;
    }
    .cta-section::after {
      content: '';
      position: absolute; left: -100px; bottom: -100px;
      width: 400px; height: 400px; border-radius: 50%;
      background: rgba(0,0,0,.08);
      pointer-events: none;
    }
    .btn-cta-white {
      display: inline-flex; align-items: center; gap: .6rem;
      background: var(--white);
      color: var(--coral) !important;
      font-family: var(--font-body) !important;
      font-weight: 800 !important; font-size: 1rem !important;
      padding: .9rem 2.5rem !important;
      border-radius: 50px;
      text-decoration: none;
      box-shadow: 0 8px 30px rgba(0,0,0,.2);
      transition: transform .2s, box-shadow .2s;
    }
    .btn-cta-white:hover { transform: translateY(-3px); box-shadow: 0 14px 40px rgba(0,0,0,.28); }

    /* ── FOOTER ───────────────────────────────────────── */
    .footer-section {
      background: var(--navy);
      padding: 75px 0 0;
    }
    .footer-logo {
      font-family: var(--font-body);
      font-size: 1.1rem; font-weight: 700;
      color: #fff;
    }
    .footer-logo span { color: var(--gold); }
    .footer-desc {
      font-size: .87rem; color: rgba(255,255,255,.42);
      line-height: 1.75; font-weight: 300;
      margin-top: .8rem;
    }
    .footer-social-row { display: flex; gap: .6rem; margin-top: 1.4rem; }
    .social-icon-btn {
      width: 38px; height: 38px;
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 9px;
      display: flex; align-items: center; justify-content: center;
      color: rgba(255,255,255,.7);
      font-size: 1rem; cursor: pointer;
      transition: background .2s, color .2s;
      text-decoration: none;
    }
    .social-icon-btn:hover { background: var(--coral); color: #fff; border-color: var(--coral); }
    .footer-heading {
      font-size: .73rem; font-weight: 700;
      text-transform: uppercase; letter-spacing: 1.2px;
      color: rgba(255,255,255,.35); margin-bottom: 1.2rem;
    }
    .footer-links { list-style: none; padding: 0; margin: 0; }
    .footer-links li { margin-bottom: .6rem; }
    .footer-links a {
      text-decoration: none; color: rgba(255,255,255,.58);
      font-size: .87rem; font-weight: 300;
      transition: color .2s;
    }
    .footer-links a:hover { color: var(--gold); }
    .newsletter-input-group { display: flex; gap: .5rem; margin-top: .8rem; }
    .newsletter-input {
      flex: 1;
      background: rgba(255,255,255,.08) !important;
      border: 1px solid rgba(255,255,255,.12) !important;
      border-radius: 9px !important;
      color: #fff !important;
      padding: .65rem .9rem !important;
      font-size: .84rem !important;
      font-family: var(--font-body) !important;
      outline: none !important;
    }
    .newsletter-input::placeholder { color: rgba(255,255,255,.3) !important; }
    .newsletter-input:focus { border-color: var(--gold) !important; }
    .newsletter-btn {
      background: var(--coral); color: #fff;
      border: none; cursor: pointer;
      padding: .65rem 1.1rem;
      border-radius: 9px;
      font-weight: 700; font-size: .82rem;
      font-family: var(--font-body);
      transition: background .2s;
      white-space: nowrap;
    }
    .newsletter-btn:hover { background: var(--coral-dark); }
    .newsletter-note { font-size: .75rem; color: rgba(255,255,255,.3); margin-top: .5rem; }
    .footer-divider {
      border-top: 1px solid rgba(255,255,255,.07);
      margin-top: 3rem; padding: 1.5rem 0;
    }
    .footer-bottom-text { font-size: .8rem; color: rgba(255,255,255,.28); }
    .footer-legal-links { display: flex; gap: 1.4rem; flex-wrap: wrap; justify-content: flex-end; }
    .footer-legal-links a {
      font-size: .8rem; color: rgba(255,255,255,.32);
      text-decoration: none; transition: color .2s;
    }
    .footer-legal-links a:hover { color: rgba(255,255,255,.7); }
    /* .footer-number{ font-size: 1.5rem; font-weight: 600; color: var(--gold); margin-top: 1.2rem; position: fixed; bottom: 20px; z-index: 1000; align-items: center; justify-content: center;}
    .footer-number a {
      background-color: var(--coral); color: #fff; padding: 8px 16px; border-radius: 8px; text-decoration: none; transition: color .2s;
    } */

    .footer-number{
      position: fixed;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1000;
      font-size: 1.35rem;
      font-weight: 600;
      margin-top: 1.2rem;
      animation: bounceBtn 2s infinite;
    }

    .footer-number a{
      background-color: var(--coral);
      color: #fff;
      padding: 8px 25px;
      border-radius: 8px;
      text-decoration: none;
      display: inline-block;
      transition: 0.3s;
    }

    @keyframes bounceBtn {
      0%, 20%, 50%, 80%, 100% {
          transform: translateX(-50%) translateY(0);
      }
      40% {
          transform: translateX(-50%) translateY(-12px);
      }
      60% {
          transform: translateX(-50%) translateY(-6px);
      }
    }

    @media (max-width:768px){
      .footer-number a{
          font-size:18px;
          padding:10px 14px;
      }
    }

    /* ── SCROLL REVEAL ────────────────────────────────── */
    .reveal {
      opacity: 0; transform: translateY(22px);
      transition: opacity .55s ease, transform .55s ease;
    }
    .reveal.visible { opacity: 1; transform: translateY(0); }

    /* ── RESPONSIVE ───────────────────────────────────── */
    @media (max-width: 991px) {
      .hero-section { text-align: center; }
      .hero-sub, .hero-perks { margin-left: auto; margin-right: auto; justify-content: center; }
      .hero-sub { max-width: 90%; }
      .hero-plane-float { opacity: .03; }
      .stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,.15); }
    }
    @media (max-width: 767px) {
      .footer-legal-links { justify-content: flex-start; margin-top: .6rem; }
      .about-img-box { margin-top: 2rem; }
    }
    @media (max-width: 575px) {
      .stats-bar .row > div { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,.15); }
    }