:root{--purple:#001B94;--purple2:#0033A0;--ink:#15142a;--muted:#6d6b78;--light:#f5f7fc;--gold:#f4b642;--white:#fff;--green:#159b66;--shadow:0 18px 50px rgba(42,18,71,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:#00135f;color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #eee}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{height:52px;width:auto}.navlinks{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:650}.navlinks a:hover{color:var(--purple)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 20px;font-weight:750;border:0;cursor:pointer}.nav-cta,.btn-primary{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;box-shadow:0 10px 25px rgba(0,27,148,.22)}.btn-light{background:#fff;color:var(--purple)}.menu{display:none;font-size:26px;background:none;border:0}.hero{min-height:650px;position:relative;display:grid;align-items:center;color:#fff;background:url('../images/hero.jpg') center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,13,76,.82) 0%,rgba(0,27,148,.58) 42%,rgba(0,27,148,.12) 72%)}.hero .container{position:relative;z-index:2}.hero-copy{max-width:690px;padding:72px 0 160px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:13px;color:#dbe5ff}.hero h1{font-size:clamp(46px,6vw,76px);line-height:1.02;margin:14px 0 18px}.hero p{font-size:20px;line-height:1.6;color:#eef3ff;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.service-strip{margin-top:-90px;position:relative;z-index:5}.service-strip .panel{background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service-mini{padding:18px 12px;border-radius:14px;text-align:center;background:#f7f9ff;border:1px solid #e5eaff}.service-mini .icon{font-size:29px}.service-mini strong{display:block;margin-top:7px;font-size:14px}.section{padding:82px 0}.section.alt{background:var(--light)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head h2{font-size:38px;margin:0 0 8px}.section-head p{margin:0;color:var(--muted);font-size:17px;max-width:700px}.grid{display:grid;gap:22px}.dest-grid{grid-template-columns:repeat(3,1fr)}.dest-card{height:310px;border-radius:20px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.dest-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.dest-card:hover img{transform:scale(1.05)}.dest-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,8,23,.78),rgba(15,8,23,.05) 65%)}.dest-card .txt{position:absolute;z-index:2;bottom:0;padding:22px;color:#fff}.dest-card h3{font-size:25px;margin:0 0 5px}.dest-card p{margin:0;color:#eee}.services-grid{grid-template-columns:repeat(4,1fr)}.service-card{background:#fff;border-radius:18px;padding:27px;border:1px solid #e3e8f5;box-shadow:0 10px 30px rgba(42,18,71,.06)}.service-card .ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#e8eeff;color:var(--purple);font-size:24px}.service-card h3{font-size:19px;margin:18px 0 8px}.service-card p{color:var(--muted);line-height:1.6;margin:0}.feature-split{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.feature-image{border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.feature-image img{width:100%;height:480px;object-fit:cover}.feature-copy h2{font-size:40px;margin:0 0 16px}.feature-copy p{color:var(--muted);line-height:1.7}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.check{background:#f4f7ff;padding:13px 15px;border-radius:12px;font-weight:650}.mission{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mission-card{padding:34px;border-radius:20px;background:linear-gradient(140deg,#00135f,#0033A0);color:#fff}.mission-card h3{font-size:27px;margin:0 0 12px}.mission-card p{line-height:1.75;color:#e6edff}.mice{background:url('../images/global.jpg') center/cover fixed;position:relative;color:#fff}.mice:before{content:'';position:absolute;inset:0;background:rgba(0,17,90,.82)}.mice .container{position:relative}.mice-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.mice h2{font-size:43px;margin-top:0}.mice-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mice-list div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:15px;border-radius:12px}.form-section{background:#f5f7fc}.form-wrap{display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.form-side{background:linear-gradient(145deg,#00135f,#001B94);color:#fff;padding:46px}.form-side h2{font-size:38px;margin:0 0 12px}.form-side p{line-height:1.7;color:#eee0fa}.contact-row{margin-top:24px;display:grid;gap:12px}.contact-row div{background:rgba(255,255,255,.1);padding:14px;border-radius:12px}.form-box{padding:44px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #dcd5e4;border-radius:10px;font:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(0,27,148,.09)}.field textarea{min-height:105px;resize:vertical}.form-note{font-size:12px;color:var(--muted);margin-top:10px}.why-grid{grid-template-columns:repeat(5,1fr)}.why{padding:22px;background:#fff;border-radius:16px;border:1px solid #e3e8f5}.why b{display:block;margin:10px 0 7px}.why p{font-size:14px;color:var(--muted);line-height:1.55}.footer{background:#001044;color:#dbe3f5;padding:52px 0 26px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer img{height:60px;background:#fff;padding:5px;border-radius:8px}.footer h4{color:#fff;margin:0 0 14px}.footer p,.footer a{font-size:14px;line-height:1.8}.footer-bottom{margin-top:35px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;font-size:13px;display:flex;justify-content:space-between;gap:20px}.whatsapp{position:fixed;right:18px;bottom:18px;z-index:60;background:#18a65b;color:#fff;padding:13px 17px;border-radius:999px;font-weight:750;box-shadow:0 8px 28px rgba(0,0,0,.2)}
@media(max-width:900px){.navlinks{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid #eee}.navlinks.open{display:flex}.menu{display:block}.hero{min-height:620px}.hero-copy{padding-bottom:130px}.service-strip .panel{grid-template-columns:repeat(2,1fr)}.dest-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.feature-split,.mice-grid,.form-wrap{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.mice{background-attachment:scroll}}
@media(max-width:600px){.topbar .container{flex-direction:column;gap:3px}.hero h1{font-size:44px}.hero p{font-size:17px}.service-strip{margin-top:-70px}.dest-grid,.services-grid,.mission,.why-grid,.form-grid,.mice-list{grid-template-columns:1fr}.section{padding:60px 0}.section-head h2,.feature-copy h2,.mice h2{font-size:32px}.feature-image img{height:320px}.form-side,.form-box{padding:28px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.whatsapp{font-size:13px}}

/* Hero carousel + top enquiry */
.hero-carousel{min-height:720px;position:relative;display:block;overflow:hidden;background:#00135f}
.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity .9s ease,transform 6s ease;transform:scale(1.03)}
.hero-slide.active{opacity:1;transform:scale(1.08)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,13,76,.88) 0%,rgba(0,27,148,.68) 48%,rgba(0,13,76,.35) 100%);z-index:1}
.hero-carousel:before{display:none}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .78fr;gap:42px;align-items:center;min-height:720px;padding:48px 0 115px}
.hero-carousel .hero-copy{padding:0;max-width:680px}
.hero-carousel .hero-copy h1{font-size:clamp(44px,5vw,72px)}
.hero-enquiry{background:rgba(255,255,255,.97);color:var(--ink);border-radius:22px;padding:26px;box-shadow:0 24px 65px rgba(0,15,72,.34);backdrop-filter:blur(9px);max-height:660px;overflow:auto}
.form-card-title span{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:850;color:var(--purple)}
.form-card-title h2{font-size:27px;margin:6px 0 5px}.form-card-title p{margin:0 0 17px;color:var(--muted);font-size:14px}
.hero-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.hero-form-grid .field{gap:5px}.hero-form-grid .field label{font-size:12px}.hero-form-grid .field input,.hero-form-grid .field select,.hero-form-grid .field textarea{padding:11px 12px;background:#fff}.hero-form-grid .field textarea{min-height:70px}
.hero-submit{width:100%}.hero-form-note{text-align:center;font-size:11px;color:var(--muted);margin-top:7px}.other-destination{display:none}.other-destination.show{display:flex}
.hero-dots{display:flex;gap:9px;margin-top:26px}.hero-dots .dot{width:34px;height:5px;border:0;border-radius:999px;background:rgba(255,255,255,.38);cursor:pointer;padding:0}.hero-dots .dot.active{background:#fff}
@media(max-width:1000px){.hero-layout{grid-template-columns:1fr;gap:26px;padding-top:58px;padding-bottom:120px}.hero-carousel{min-height:1050px}.hero-layout{min-height:1050px}.hero-enquiry{max-width:720px;max-height:none}.hero-carousel .hero-copy{max-width:760px}.hero-carousel .hero-copy h1{font-size:52px}}
@media(max-width:600px){.hero-carousel{min-height:1160px}.hero-layout{min-height:1160px;padding-top:42px}.hero-carousel .hero-copy h1{font-size:40px}.hero-carousel .hero-copy p{font-size:16px}.hero-enquiry{padding:20px;border-radius:17px}.hero-form-grid{grid-template-columns:1fr}.hero-form-grid .full{grid-column:auto}.hero-dots{margin-top:18px}}

/* Compact top enquiry form */
.hero-carousel{min-height:650px}
.hero-layout{min-height:650px;padding:38px 0 82px;grid-template-columns:1.08fr .72fr;gap:34px}
.hero-enquiry{padding:18px 20px;border-radius:18px;max-height:none;overflow:visible}
.form-card-title{margin-bottom:10px}.form-card-title span{font-size:11px}.form-card-title h2{font-size:22px;margin:3px 0}.form-card-title p{font-size:12px;margin:0 0 8px}
.hero-form-grid{gap:8px 9px}.hero-form-grid .field{gap:3px}.hero-form-grid .field label{font-size:11px}.hero-form-grid .field input,.hero-form-grid .field select,.hero-form-grid .field textarea{padding:8px 10px;font-size:13px;border-radius:8px}.hero-submit{padding:10px 16px}.hero-form-note{font-size:10px;margin-top:4px}
@media(max-width:1000px){.hero-carousel,.hero-layout{min-height:auto}.hero-layout{padding:45px 0 75px}.hero-enquiry{max-width:720px;overflow:visible}}
@media(max-width:600px){.hero-carousel,.hero-layout{min-height:auto}.hero-layout{padding:34px 0 55px}.hero-form-grid{grid-template-columns:1fr 1fr}.hero-form-grid .full{grid-column:1/-1}.hero-enquiry{padding:16px}.form-card-title p{display:none}}

/* Mobile first-screen split: 50% rotating banner / 50% enquiry form */
@media (max-width:600px){
  .topbar{display:none}
  .nav{height:64px}
  .brand img{height:44px}
  .navbar{position:sticky;top:0}
  .navlinks{top:64px}

  .hero-carousel{
    height:calc(100svh - 64px);
    min-height:680px;
    overflow:hidden;
    background:#fff;
    color:#fff;
  }
  .hero-slide{
    top:0;
    bottom:auto;
    height:50%;
    background-position:center;
  }
  .hero-overlay{
    top:0;
    bottom:auto;
    height:50%;
    background:linear-gradient(180deg,rgba(0,13,76,.42),rgba(0,13,76,.72));
  }
  .hero-layout{
    width:100%;
    height:100%;
    min-height:0;
    padding:0;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:50% 50%;
    gap:0;
  }
  .hero-carousel .hero-copy{
    width:min(92%,560px);
    margin:auto;
    align-self:center;
    padding:18px 0 10px;
    text-align:center;
    max-width:none;
  }
  .hero-carousel .hero-copy .eyebrow{font-size:9px;letter-spacing:.12em}
  .hero-carousel .hero-copy h1{font-size:clamp(28px,8vw,38px);line-height:1.02;margin:8px 0 8px}
  .hero-carousel .hero-copy p{font-size:12px;line-height:1.35;margin:0 auto;max-width:95%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hero-actions{display:none}
  .hero-dots{justify-content:center;margin-top:12px}
  .hero-dots .dot{width:28px;height:4px}

  .hero-enquiry{
    width:100%;
    height:100%;
    max-width:none;
    margin:0;
    border-radius:0;
    padding:10px 12px 8px;
    box-shadow:none;
    backdrop-filter:none;
    overflow:hidden;
    background:#fff;
    align-self:stretch;
  }
  .form-card-title{margin:0 0 5px;text-align:center}
  .form-card-title span{font-size:9px;letter-spacing:.11em}
  .form-card-title h2{font-size:18px;line-height:1.1;margin:1px 0 2px}
  .form-card-title p{display:none}
  .hero-form-grid{grid-template-columns:1fr 1fr;gap:4px 6px}
  .hero-form-grid .field{gap:1px;min-width:0}
  .hero-form-grid .field label{font-size:9px;line-height:1.1}
  .hero-form-grid .field input,
  .hero-form-grid .field select{
    height:31px;
    min-height:31px;
    padding:4px 7px;
    font-size:11px;
    border-radius:6px;
  }
  .hero-form-grid .full{grid-column:1/-1}
  .hero-submit{height:32px;padding:5px 12px;font-size:11px;border-radius:7px}
  .hero-form-note{display:none}
  .other-destination.show{display:flex}

  .service-strip{margin-top:0}
}

/* Short mobile screens: preserve the 50/50 composition while tightening content */
@media (max-width:600px) and (max-height:760px){
  .hero-carousel{min-height:620px}
  .hero-carousel .hero-copy .eyebrow{display:none}
  .hero-carousel .hero-copy h1{font-size:28px;margin:4px 0 5px}
  .hero-carousel .hero-copy p{font-size:11px}
  .hero-dots{margin-top:8px}
  .hero-enquiry{padding:7px 10px 6px}
  .form-card-title h2{font-size:16px}
  .hero-form-grid{gap:3px 5px}
  .hero-form-grid .field input,.hero-form-grid .field select{height:28px;min-height:28px;font-size:10.5px}
  .hero-submit{height:29px}
}

/* 2026 layout refresh: reference layout, existing imagery/logo, IndiGo blue UI */
:root{--purple:#001B94;--purple2:#001B94;--indigo:#001B94;--indigo-dark:#00105c}
body{background:#fff}
.topbar{display:none}
.navbar{box-shadow:0 2px 18px rgba(0,27,148,.08)}
.nav{height:76px}.brand img{height:58px}.navlinks a{color:#071b4a}.navlinks a:hover{color:#001B94}.nav-cta{background:#001B94!important;color:#fff!important;border-radius:9px;padding:10px 15px!important}
.hero-carousel{background:#f4f7ff;min-height:560px;padding:18px 0 22px;overflow:hidden;color:#fff}
.hero-slide{left:max(0px,calc((100vw - 1180px)/2));right:auto;top:18px;bottom:auto;width:min(62%,760px);height:520px;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 16px 40px rgba(0,27,148,.18)}
.hero-overlay{left:max(0px,calc((100vw - 1180px)/2));right:auto;top:18px;bottom:auto;width:min(62%,760px);height:520px;border-radius:18px;background:linear-gradient(90deg,rgba(0,16,92,.82),rgba(0,27,148,.38) 62%,rgba(0,27,148,.08));}
.hero-layout{min-height:520px;padding:0;grid-template-columns:minmax(0,1.45fr) minmax(390px,.95fr);gap:16px;align-items:stretch}
.hero-carousel .hero-copy{padding:55px 36px 32px;align-self:center;max-width:660px}.hero-carousel .hero-copy .eyebrow{font-size:12px}.hero-carousel .hero-copy h1{font-size:clamp(42px,4.6vw,68px);line-height:1.02;margin:10px 0 12px}.hero-carousel .hero-copy p{max-width:560px;font-size:16px}.hero-actions .btn{background:#fff;color:#001B94;border:0}.hero-dots{position:absolute;bottom:22px;left:36px}
.hero-enquiry{height:520px;padding:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 38px rgba(0,27,148,.15);align-self:stretch}.form-card-title{background:linear-gradient(135deg,#00105c,#001B94);color:#fff;padding:14px 18px 12px;margin:0}.form-card-title span{color:#dbe4ff}.form-card-title h2{font-size:24px;color:#fff}.form-card-title p{color:#e6ebff;margin-bottom:0}.hero-enquiry form{padding:12px 16px}.hero-form-grid{gap:7px 9px}.hero-form-grid .field label{font-size:10.5px;color:#15224a}.hero-form-grid .field input,.hero-form-grid .field select{height:34px;min-height:34px;padding:6px 9px;font-size:12px;border-color:#ccd5ec}.hero-form-grid .field.full:nth-last-child(2){grid-column:1/-1}.hero-submit{height:36px;background:#001B94;border-radius:7px}.hero-form-note{font-size:9px}
.popular-top{padding:24px 0 10px;background:#fff}.popular-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.popular-head h2{margin:0;font-size:34px;color:#071b4a}.popular-head p{margin:3px 0 0;color:#6b7692}.popular-head a{font-weight:750;color:#001B94}.popular-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.popular-card{height:170px;border-radius:13px;overflow:hidden;position:relative;box-shadow:0 8px 20px rgba(0,27,148,.12)}.popular-card img{width:100%;height:100%;object-fit:cover}.popular-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,8,45,.82))}.popular-card .pcopy{position:absolute;z-index:2;left:12px;right:10px;bottom:10px;color:#fff}.popular-card h3{margin:0;font-size:18px}.popular-card p{margin:2px 0 0;font-size:10.5px;color:#fff}.service-strip{margin-top:14px}.service-strip .panel{box-shadow:none;border:1px solid #e4e9f5}.service-mini .icon{background:#eef2ff;color:#001B94}.section .eyebrow{color:#001B94!important}.btn-primary{background:#001B94!important}.mission-card:first-child,.mission-card:last-child{border-top-color:#001B94!important}.service-card .ico{background:#eef2ff;color:#001B94}.footer{background:#001044}
@media(max-width:1000px){.hero-slide,.hero-overlay{left:4%;width:56%}.hero-layout{grid-template-columns:1.1fr .9fr;padding:0 4%}.hero-carousel .hero-copy{padding-left:20px}.popular-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.nav{height:64px}.brand img{height:46px}.hero-carousel{height:calc(100svh - 64px);min-height:720px;padding:0;background:#fff}.hero-slide,.hero-overlay{left:0;top:0;width:100%;height:50%;border-radius:0}.hero-layout{height:100%;min-height:0;padding:0;grid-template-columns:1fr;grid-template-rows:50% 50%;gap:0}.hero-carousel .hero-copy{width:100%;padding:26px 22px 18px;align-self:center;text-align:left}.hero-carousel .hero-copy h1{font-size:34px}.hero-carousel .hero-copy p{font-size:12px;max-width:92%;margin-left:0}.hero-dots{left:22px;bottom:16px;justify-content:flex-start}.hero-enquiry{width:100%;height:100%;border-radius:0;box-shadow:none}.form-card-title{padding:7px 12px 5px;text-align:left}.form-card-title span{display:none}.form-card-title h2{font-size:16px;margin:0}.form-card-title p{display:none}.hero-enquiry form{padding:6px 10px}.hero-form-grid{grid-template-columns:1fr 1fr;gap:3px 5px}.hero-form-grid .field label{font-size:8.5px}.hero-form-grid .field input,.hero-form-grid .field select{height:27px;min-height:27px;padding:3px 6px;font-size:10px}.hero-submit{height:29px;font-size:10px}.hero-form-note{display:none}.popular-top{padding:18px 0}.popular-head h2{font-size:26px}.popular-head p{font-size:12px}.popular-head a{display:none}.popular-grid{grid-template-columns:repeat(2,1fr);gap:8px}.popular-card{height:145px}.service-strip{margin-top:0}}

/* ===== Reference image layout — Sept 2026 ===== */
:root{--vv-blue:#001B94;--vv-blue-dark:#00105c;--vv-text:#071b4a;--vv-border:#dbe3f4}
*{box-sizing:border-box}
body{background:#fff;color:var(--vv-text)}
.container{width:min(1460px,96%);margin-inline:auto}
.topbar{display:none!important}
.navbar{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid #edf1fa;box-shadow:none}
.nav{height:92px;display:grid;grid-template-columns:310px 1fr 250px;gap:22px;align-items:center}
.brand img{height:74px;width:auto;display:block}
.navlinks{display:flex;align-items:center;justify-content:center;gap:25px;white-space:nowrap}
.navlinks a{font-size:14px;font-weight:650;color:#10265b;padding:34px 0 28px;border-bottom:3px solid transparent}
.navlinks a:hover,.navlinks a.active{color:var(--vv-blue);border-bottom-color:var(--vv-blue)}
.nav-whatsapp{justify-self:end;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:9px;text-decoration:none;color:var(--vv-blue);line-height:1.1}
.nav-whatsapp>span{grid-row:1/3;font-size:31px;color:#10a84f;align-self:center}.nav-whatsapp strong{font-size:16px}.nav-whatsapp small{font-size:11px;margin-top:3px}.menu{display:none}
.hero-shell{background:#fff;padding:0 0 4px}
.hero-reference-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(480px,.96fr);gap:14px;align-items:stretch}
.hero-reference{position:relative;height:530px;min-height:0;border-radius:0 18px 18px 0;overflow:hidden;color:#fff;background:#00105c}
.hero-reference .hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;box-shadow:none!important;background-size:cover;background-position:center;opacity:0;transition:opacity .7s ease}
.hero-reference .hero-slide.active{opacity:1}
.hero-reference .hero-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;background:linear-gradient(90deg,rgba(0,28,94,.87) 0%,rgba(0,38,120,.55) 46%,rgba(0,38,120,.10) 74%,rgba(0,0,0,.02) 100%)}
.hero-reference-copy{position:relative;z-index:4;height:100%;display:flex;flex-direction:column;justify-content:center;padding:38px 58px 45px;max-width:720px}
.hero-kicker{font-size:28px;font-weight:400;letter-spacing:-.02em;margin-bottom:2px}
.hero-reference-copy h1{font-size:68px;line-height:.98;margin:0 0 10px;font-weight:850;letter-spacing:-.045em;color:#fff}
.hero-reference-copy>p{font-size:21px;margin:0 0 24px;color:#fff;font-weight:500}
.hero-service-icons{display:flex;gap:42px;align-items:flex-start;margin:5px 0 25px}.hero-service-icons>div{text-align:center;min-width:58px}.hero-service-icons span{display:block;font-size:27px;line-height:1;color:#fff;min-height:32px;font-weight:700}.hero-service-icons small{display:block;margin-top:6px;font-size:12px;color:#fff;white-space:nowrap}
.hero-script{font-family:"Segoe Script","Brush Script MT",cursive;font-size:29px;line-height:1.2;max-width:280px;transform:rotate(-5deg);margin:5px 0 24px;color:#fff}
.explore-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;width:240px;height:48px;border-radius:30px;background:#fff;color:var(--vv-blue);font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.13)}
.hero-arrow{position:absolute;z-index:7;top:47%;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.35);color:#fff;font-size:33px;line-height:1;cursor:pointer}.hero-prev{left:10px}.hero-next{right:10px}
.hero-reference .hero-dots{position:absolute;z-index:7;left:50%;bottom:13px;transform:translateX(-50%);display:flex;gap:9px;margin:0}.hero-reference .hero-dots .dot{width:10px;height:10px;border:2px solid #fff;border-radius:50%;padding:0;background:transparent;opacity:1}.hero-reference .hero-dots .dot.active{background:#fff}
.hero-location{position:absolute;z-index:7;right:35px;bottom:15px;padding:7px 12px;background:#fff;color:var(--vv-blue);border-radius:18px;font-size:12px;font-weight:700}
.hero-enquiry{height:530px;min-height:530px;border-radius:18px;background:#fff;border:1px solid #e5eaf5;box-shadow:0 12px 30px rgba(0,27,148,.12);overflow:hidden;padding:0!important;margin:0!important;color:var(--vv-text)}
.form-card-title{height:66px;background:linear-gradient(135deg,var(--vv-blue-dark),#0835c6);padding:11px 18px 8px;display:flex;align-items:center;justify-content:space-between;color:#fff;margin:0!important}.form-card-title h2{font-size:24px;line-height:1.05;margin:0;color:#fff}.form-card-title p{font-size:13px;line-height:1;margin:4px 0 0;color:#fff}.form-plane{font-size:34px;transform:rotate(-12deg)}
.hero-enquiry form{padding:8px 16px 8px!important}.hero-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:6px 12px!important}.hero-form-grid .field{grid-column:span 3;display:flex;flex-direction:column;gap:3px!important;min-width:0}.hero-form-grid .field.three{grid-column:span 2}.hero-form-grid .field.full{grid-column:1/-1}.hero-form-grid label{font-size:10.5px!important;line-height:1.05;font-weight:750;color:#1f2b51}.hero-form-grid input,.hero-form-grid select{height:34px!important;min-height:34px!important;border:1px solid #cbd6ec!important;border-radius:6px!important;padding:5px 9px!important;font-size:11.5px!important;color:#263657;background:#fff;outline:none}.hero-form-grid input:focus,.hero-form-grid select:focus{border-color:var(--vv-blue)!important;box-shadow:0 0 0 2px rgba(0,27,148,.08)}
.hero-submit{height:42px!important;width:100%;border:0;border-radius:7px;background:linear-gradient(90deg,var(--vv-blue-dark),#0835c6)!important;color:#fff;font-size:14px!important;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:24px}.hero-form-note{text-align:center;font-size:9.5px!important;color:#50607d!important;margin-top:5px!important}
.popular-top{padding:8px 0 12px!important;background:#fff}.popular-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 8px 10px}.popular-head h2{font-size:29px!important;line-height:1;margin:0;color:var(--vv-blue)!important}.popular-head p{font-size:12.5px;margin:3px 0 0;color:#697994}.popular-head a{font-size:12px;color:var(--vv-blue);font-weight:800;text-decoration:none}.popular-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important;padding:0 12px}.popular-card{height:155px!important;border-radius:10px!important;overflow:hidden;position:relative;box-shadow:0 6px 16px rgba(0,27,148,.11)!important}.popular-card img{width:100%;height:100%;object-fit:cover}.popular-card:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(0,8,45,.84))}.popular-card .pcopy{position:absolute;z-index:2;left:12px;right:8px;bottom:8px;color:#fff}.popular-card h3{font-size:17px!important;line-height:1;margin:0}.popular-card p{font-size:10px!important;margin:3px 0 0;color:#fff}
.service-reference{padding:0 0 22px;background:#fff}.service-reference-head{padding:3px 18px 7px}.service-reference-head h2{font-size:28px;line-height:1;margin:0;color:var(--vv-blue)}.service-reference-head p{font-size:12.5px;margin:4px 0 0;color:#6c7890}.service-reference-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:0 12px}.service-ref-card{height:108px;border:1px solid #dbe3f4;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 12px rgba(0,27,148,.05);color:var(--vv-blue)}.service-ref-card>div{font-size:30px;font-weight:850;line-height:1;margin-bottom:9px}.service-ref-card span{font-size:12px;line-height:1.18;color:var(--vv-blue);font-weight:650}

@media(max-width:1200px){
  .container{width:min(1180px,97%)}.nav{grid-template-columns:230px 1fr 190px;gap:12px}.brand img{height:60px}.navlinks{gap:13px}.navlinks a{font-size:12px}.nav-whatsapp strong{font-size:13px}
  .hero-reference-layout{grid-template-columns:1.45fr .9fr}.hero-reference-copy{padding-left:36px}.hero-reference-copy h1{font-size:56px}.hero-kicker{font-size:24px}.hero-service-icons{gap:24px}.hero-enquiry{min-height:530px}
}
@media(max-width:900px){.nav{display:flex;justify-content:space-between;height:70px}.brand img{height:52px}.nav-whatsapp{display:none}.menu{display:block;border:0;background:none;font-size:26px;color:var(--vv-blue)}.navlinks{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;box-shadow:0 12px 25px rgba(0,27,148,.12);padding:14px;flex-direction:column;gap:0}.navlinks.open{display:flex}.navlinks a{padding:11px;border:0;width:100%;text-align:center}
.hero-reference-layout{grid-template-columns:1fr;gap:0}.hero-reference{border-radius:0;height:440px}.hero-enquiry{border-radius:0;height:auto;min-height:0}.popular-grid{grid-template-columns:repeat(3,1fr)!important}.service-reference-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){
  .container{width:100%}.navbar{position:sticky}.nav{height:64px;padding:0 14px}.brand img{height:48px}.navlinks{top:64px}
  .hero-shell{padding:0}.hero-reference-layout{height:calc(100svh - 64px);min-height:720px;grid-template-rows:50% 50%}
  .hero-reference{height:100%;border-radius:0}.hero-reference-copy{padding:18px 18px 20px;justify-content:center}.hero-kicker{font-size:17px}.hero-reference-copy h1{font-size:42px}.hero-reference-copy>p{font-size:13px;margin-bottom:12px}.hero-service-icons{gap:16px;margin:2px 0 12px;justify-content:flex-start}.hero-service-icons>div{min-width:46px}.hero-service-icons span{font-size:19px;min-height:23px}.hero-service-icons small{font-size:8px}.hero-script{font-size:18px;margin:0 0 12px}.explore-btn{width:170px;height:36px;font-size:11px}.hero-location{display:none}.hero-arrow{width:31px;height:31px;font-size:25px}.hero-reference .hero-dots{bottom:10px}
  .hero-enquiry{height:100%;min-height:0;border:0;box-shadow:none;overflow:hidden}.form-card-title{height:45px;padding:6px 10px}.form-card-title h2{font-size:16px}.form-card-title p{font-size:9px;margin-top:2px}.form-plane{font-size:23px}.hero-enquiry form{padding:5px 8px!important}.hero-form-grid{gap:3px 5px!important}.hero-form-grid label{font-size:7.7px!important}.hero-form-grid input,.hero-form-grid select{height:25px!important;min-height:25px!important;padding:2px 5px!important;font-size:9px!important}.hero-submit{height:27px!important;font-size:9.5px!important}.hero-form-note{display:none}.popular-top{padding-top:14px!important}.popular-head{padding:0 12px;margin-bottom:8px}.popular-head h2{font-size:23px!important}.popular-head p{font-size:10px}.popular-head a{display:none}.popular-grid{grid-template-columns:repeat(2,1fr)!important;padding:0 8px;gap:6px!important}.popular-card{height:130px!important}.service-reference-head{padding:8px 12px}.service-reference-head h2{font-size:22px}.service-reference-grid{grid-template-columns:repeat(2,1fr);padding:0 8px;gap:6px}.service-ref-card{height:94px}.service-ref-card>div{font-size:25px}.service-ref-card span{font-size:10px}
}

/* ===== User refinements — header, HD logo, hero alignment, auto destination rail ===== */
.nav{grid-template-columns:260px minmax(0,1fr);gap:24px}
.brand{display:flex;align-items:center;min-width:0}
.brand img{height:70px;width:auto;max-width:245px;object-fit:contain;image-rendering:auto}
.navlinks{justify-content:flex-end;gap:22px}

/* cleaner, consistently aligned hero copy */
.hero-reference-copy{padding:48px 56px 42px;max-width:670px;align-items:flex-start;text-align:left}
.hero-kicker{margin:0 0 4px;font-size:25px;line-height:1.1}
.hero-reference-copy h1{margin:0 0 9px;font-size:64px;line-height:1;letter-spacing:-.035em}
.hero-reference-copy>p{margin:0 0 20px;font-size:20px;line-height:1.25}
.hero-service-icons{margin:4px 0 21px;gap:34px;align-items:flex-start}
.hero-script{margin:0 0 22px;transform:rotate(-3deg);transform-origin:left center}
.explore-btn{margin:0}

/* continuously moving destination strip */
.popular-wide{overflow:hidden}
.popular-marquee{width:100%;overflow:hidden;padding:0 12px 4px;position:relative}
.popular-marquee:before,.popular-marquee:after{content:"";position:absolute;z-index:4;top:0;bottom:4px;width:26px;pointer-events:none}
.popular-marquee:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.popular-marquee:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.popular-track{display:flex;width:max-content;gap:10px;will-change:transform;animation:vvPopularScroll 48s linear infinite}
.popular-track-group{display:flex;flex-shrink:0;gap:10px}
.popular-marquee:hover .popular-track{animation-play-state:paused}
.popular-card{flex:0 0 190px;width:190px;height:155px!important}
@keyframes vvPopularScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}
@media (prefers-reduced-motion:reduce){.popular-track{animation:none}.popular-marquee{overflow-x:auto}.popular-track-group[aria-hidden="true"]{display:none}}

@media(max-width:1200px){
  .nav{grid-template-columns:220px minmax(0,1fr);gap:10px}.brand img{height:61px;max-width:215px}.navlinks{gap:12px}.navlinks a{font-size:12px}
  .hero-reference-copy{padding:44px 34px 38px}.hero-reference-copy h1{font-size:54px}.hero-kicker{font-size:22px}.hero-service-icons{gap:22px}
  .popular-card{flex-basis:170px;width:170px}
}
@media(max-width:900px){
  .nav{display:flex;justify-content:space-between}.brand img{height:54px;max-width:205px}
  .hero-reference-copy{padding:30px 28px}.popular-card{flex-basis:175px;width:175px}
}
@media(max-width:600px){
  .brand img{height:48px;max-width:180px}
  .hero-reference-copy{padding:20px 18px;justify-content:center}.hero-kicker{font-size:16px}.hero-reference-copy h1{font-size:39px;line-height:1}.hero-reference-copy>p{font-size:12.5px;margin-bottom:10px}.hero-service-icons{gap:13px;margin:0 0 9px}.hero-script{font-size:17px;margin-bottom:10px;transform:rotate(-2deg)}
  .popular-marquee{padding:0 8px 4px}.popular-track{gap:7px;animation-duration:36s}.popular-track-group{gap:7px}.popular-card{flex-basis:145px;width:145px;height:128px!important}.popular-card h3{font-size:15px!important}.popular-card p{font-size:9px!important}
  @keyframes vvPopularScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 3.5px))}}
}
/* Enquiry form feedback */
.hidden-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,12,65,.66);backdrop-filter:blur(4px)}
.modal-card{position:relative;width:min(440px,100%);background:#fff;border-radius:22px;padding:34px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.28);animation:modal-in .24s ease-out}
.modal-card h2{margin:12px 0 8px;color:#001B94;font-size:30px}
.modal-card p{margin:0 0 22px;color:#4c5674;line-height:1.6}
.modal-icon{width:66px;height:66px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#e8f8f2;color:#06865f;font-size:36px;font-weight:800}
.modal-open{overflow:hidden}
@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
