/* ==========================================================
   SUPER AI TRIP — core styles
   Palette from logo: leaf green + white + gold
   ========================================================== */
:root{
  --green:#17632E; --forest:#0B2918; --green2:#2D8A45; --fresh:#75A843;
  --gold:#F5C400; --softgold:#E9B949; --cream:#F8F7F0; --mint:#EEF5EA;
  --ink:#17251C; --muted:#667268; --white:#fff;
  --ff-head:'Playfair Display',Georgia,serif; --ff-body:'Manrope',system-ui,sans-serif; --ff-script:'Cormorant Garamond',Georgia,serif;
  --hdr:80px; --radius:22px; --shadow:0 18px 50px -18px rgba(11,41,24,.35);
  --ease:cubic-bezier(.22,.8,.24,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--ff-body);color:var(--ink);background:var(--white);line-height:1.65;overflow-x:hidden;font-size:16px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--ff-head);line-height:1.12;color:var(--forest);margin:0 0 .3em;font-weight:700}
p{margin:0 0 .65rem}
::selection{background:var(--gold);color:var(--forest)}
.container-x{width:min(1240px,92%);margin-inline:auto}
.sec{padding:clamp(26px,3.2vw,42px) 0;position:relative;overflow:hidden}
.bg-cream{background:var(--cream)} .bg-mint{background:var(--mint)} .bg-forest{background:var(--forest);color:#e7efe8}
.bg-forest h1,.bg-forest h2,.bg-forest h3,.bg-forest h4{color:#fff}
.bg-green{background:linear-gradient(160deg,var(--green),var(--forest));color:#e7efe8}
.bg-green h2,.bg-green h3,.bg-green h4{color:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--green2);margin-bottom:.45rem}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--gold)}
.bg-forest .eyebrow,.bg-green .eyebrow{color:var(--gold)}
.h-xl{font-size:clamp(2.5rem,6.2vw,5.4rem);letter-spacing:-.015em}
.h-lg{font-size:clamp(2rem,4.4vw,3.6rem);letter-spacing:-.01em}
.h-md{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.em{font-style:italic;font-family:var(--ff-script);font-weight:600;color:var(--green2)}
.bg-forest .em,.bg-green .em,.on-dark .em{color:var(--gold)}
.lead-x{font-size:1.05rem;color:var(--muted);max-width:60ch;margin-bottom:.5rem}
.bg-forest .lead-x,.bg-green .lead-x{color:#bcd0c0}
.ul-gold{background:linear-gradient(var(--gold),var(--gold)) 0 92%/100% .22em no-repeat;padding-bottom:.04em}
.big-type{position:absolute;font-family:var(--ff-head);font-weight:900;font-size:clamp(7rem,22vw,20rem);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(23,99,46,.12);pointer-events:none;user-select:none;white-space:nowrap;z-index:0}
.bg-forest .big-type,.bg-green .big-type{-webkit-text-stroke-color:rgba(255,255,255,.08)}
.sec>.container-x{position:relative;z-index:1}

/* ---------- Buttons ---------- */
.btn-x{display:inline-flex;align-items:center;gap:.7rem;padding:.72rem 1.4rem;border-radius:100px;font-weight:700;font-size:.9rem;border:2px solid transparent;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s,background .3s,color .3s,border-color .3s;font-family:var(--ff-body);line-height:1.2;position:relative;overflow:hidden}
.btn-x i{transition:transform .35s var(--ease)}
.btn-x:hover i{transform:translateX(5px)}
.btn-x:hover{transform:translateY(-3px)}
.btn-x:active{transform:translateY(0) scale(.97)}
.btn-gold{background:var(--gold);color:var(--forest);box-shadow:0 10px 26px -10px rgba(245,196,0,.9)}
.btn-gold:hover{background:#ffd42b;box-shadow:0 16px 30px -10px rgba(245,196,0,1);color:var(--forest)}
.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--forest);color:#fff}
.btn-line{border-color:rgba(255,255,255,.6);color:#fff;background:transparent}.btn-line:hover{background:#fff;color:var(--forest)}
.btn-line-dk{border-color:var(--green);color:var(--green);background:transparent}.btn-line-dk:hover{background:var(--green);color:#fff}
.btn-sm{padding:.42rem .95rem;font-size:.82rem}
.link-arrow{display:inline-flex;gap:.5rem;align-items:center;font-weight:800;color:var(--green);font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;border-bottom:2px solid var(--gold);padding-bottom:3px;transition:gap .3s}
.link-arrow:hover{gap:.9rem;color:var(--forest)}
.on-dark .link-arrow,.bg-forest .link-arrow{color:#fff}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;height:var(--hdr);background:rgba(255,255,255,.97);border-bottom:1px solid rgba(23,99,46,.1);transition:box-shadow .35s,height .35s,background .35s;backdrop-filter:blur(10px)}
.site-header.scrolled{box-shadow:0 10px 34px -16px rgba(11,41,24,.4);height:66px}
.site-header .container-x{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand img{height:70px;width:auto;border-radius:10px;background:var(--green);transition:height .35s;box-shadow:0 6px 16px -8px rgba(11,41,24,.6)}
.site-header.scrolled .brand img{height:56px}
.main-nav{display:flex;gap:.2rem;align-items:center}
.main-nav a{position:relative;padding:.55rem .85rem;font-weight:700;font-size:.9rem;color:var(--forest);white-space:nowrap}
.main-nav a::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:2px;height:3px;border-radius:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}
.main-nav a.active{color:var(--green)}
.nav-cta{flex-shrink:0}
.burger{display:none;width:46px;height:46px;border:0;background:var(--forest);border-radius:14px;cursor:pointer;position:relative;z-index:1102}
.burger span{position:absolute;left:12px;right:12px;height:2px;background:#fff;border-radius:2px;transition:transform .4s var(--ease),opacity .3s,top .4s var(--ease)}
.burger span:nth-child(1){top:16px}.burger span:nth-child(2){top:22px}.burger span:nth-child(3){top:28px}
.burger.open span:nth-child(1){top:22px;transform:rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){top:22px;transform:rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:1101;background:var(--forest);display:flex;flex-direction:column;justify-content:center;padding:100px 8% 40px;transform:translateX(100%);transition:transform .6s var(--ease);visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.drawer a.d-link{font-family:var(--ff-head);font-size:clamp(1.8rem,7vw,2.6rem);color:#fff;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;min-height:52px}
.drawer a.d-link.active{color:var(--gold)}
.drawer .btn-x{margin-top:1.8rem;align-self:flex-start}
body.no-scroll{overflow:hidden}
main{padding-top:var(--hdr)}

/* ---------- Page heroes ---------- */
.page-hero{position:relative;color:#fff;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;min-height:34vh}
.page-hero .ph-bg{position:absolute;inset:0;z-index:-2}
.page-hero .ph-bg img{width:100%;height:100%;object-fit:cover}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,41,24,.25),rgba(11,41,24,.85))}
.page-hero .container-x{padding:34px 0 26px}
.page-hero h1{color:#fff}
.crumb{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold);margin-bottom:.5rem}
.crumb a{opacity:.8}.crumb a:hover{opacity:1}

/* ---------- HOME HERO ---------- */
.hero-home{background:var(--forest);position:relative;overflow:hidden;isolation:isolate}
.hero-stage{position:relative;overflow:hidden}
.hero-stage img{width:100%;height:auto;display:block;transform-origin:center;will-change:transform}
.hero-tag{position:absolute;z-index:3;background:rgba(255,255,255,.92);color:var(--forest);padding:.35rem .75rem;border-radius:100px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;display:flex;gap:.4rem;align-items:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.4)}
.hero-tag i{color:var(--green2)}
.hero-tag.t1{left:48%;top:8%}.hero-tag.t2{left:60%;top:46%}.hero-tag.t3{left:36%;top:70%}
.hero-band{position:relative;z-index:4;padding:20px 0 28px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:end}
.hero-title{font-size:clamp(2.6rem,6.6vw,6rem);color:#fff;line-height:1.02;margin:0}
.hero-title .l{display:block;overflow:hidden;padding-bottom:.08em}
.hero-title .l span{display:inline-block}
.hero-title .l.g span{color:var(--gold);font-style:italic;font-family:var(--ff-script);font-weight:700}
.hero-copy p{color:#cfe0d3;font-size:1.05rem}
.hero-ctas{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.75rem}
.scroll-ind{position:absolute;right:4%;bottom:26px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;writing-mode:vertical-rl}
.scroll-ind i{display:block;width:1px;height:52px;background:linear-gradient(var(--gold),transparent);animation:scrollLine 2s infinite}
.float-svg{position:absolute;z-index:2;pointer-events:none}

/* ---------- intro ---------- */
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.intro-img{position:relative;margin-left:4%;margin-bottom:24px}
.intro-img .main{border-radius:200px 200px 24px 24px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow)}
.intro-img .main img{width:100%;height:100%;object-fit:cover}
.intro-img .sub{position:absolute;left:-14%;bottom:-50px;width:46%;border-radius:20px;overflow:hidden;border:8px solid var(--white);box-shadow:var(--shadow);aspect-ratio:1}
.intro-img .sub img{width:100%;height:100%;object-fit:cover}
.badge-round{position:absolute;right:-6%;top:8%;width:118px;height:118px;border-radius:50%;background:var(--gold);color:var(--forest);display:grid;place-items:center;text-align:center;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;box-shadow:0 14px 30px -10px rgba(245,196,0,.9)}
.badge-round b{font-family:var(--ff-head);font-size:1.5rem;display:block}

/* ---------- destination mosaic ---------- */
.dest-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:92px;gap:18px}
.dest{position:relative;border-radius:var(--radius);overflow:hidden;color:#fff;isolation:isolate;display:flex;align-items:flex-end;cursor:pointer}
.dest img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.dest::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 35%,rgba(11,41,24,.88))}
.dest:hover img{transform:scale(1.08)}
.dest .d-in{padding:1.4rem;width:100%}
.dest .lbl{display:inline-block;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--gold);margin-bottom:.35rem}
.dest h3{color:#fff;margin:0;font-size:clamp(1.4rem,2.4vw,2.2rem);font-style:italic}
.dest p{margin:.3rem 0 0;font-size:.9rem;color:#d8e6db;max-width:34ch}
.dest .go{position:absolute;right:1.1rem;top:1.1rem;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--forest);display:grid;place-items:center;transform:rotate(-45deg) scale(.8);opacity:0;transition:.45s var(--ease);font-size:1.1rem}
.dest:hover .go{opacity:1;transform:rotate(0) scale(1)}
.dm1{grid-column:1/8;grid-row:1/6}.dm2{grid-column:8/13;grid-row:1/4}.dm3{grid-column:8/13;grid-row:4/8}
.dm4{grid-column:1/5;grid-row:6/10}.dm5{grid-column:5/8;grid-row:6/10}
.dm6{grid-column:8/11;grid-row:8/12}.dm7{grid-column:11/13;grid-row:8/12}
.dm1 h3{font-size:clamp(2rem,4vw,3.4rem)}

/* ---------- packages (home showcase) ---------- */
.pk-wrap{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.pk{position:relative;border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid rgba(23,99,46,.12);transition:transform .5s var(--ease),box-shadow .5s,border-color .4s;display:flex;flex-direction:column;isolation:isolate}
.pk:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--gold)}
.pk .pk-img{position:relative;overflow:hidden;height:170px}
.pk .pk-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pk:hover .pk-img img{transform:scale(1.1)}
.pk .pk-lv{position:absolute;left:14px;top:14px;background:var(--gold);color:var(--forest);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.3rem .75rem;border-radius:100px}
.pk .pk-body{padding:1.3rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.pk .price{font-family:var(--ff-head);font-weight:800;font-size:1.9rem;color:var(--green);line-height:1}
.pk .dst{font-weight:800;font-size:.95rem;color:var(--forest)}
.pk .meta{font-size:.82rem;color:var(--muted)}
.pk .pk-body .btn-x{margin-top:auto;align-self:flex-start}
.pk-feature{grid-column:span 4;grid-row:span 2;flex-direction:row;background:var(--forest);color:#d4e4d8;border:0}
.pk-feature .pk-img{height:auto;flex:1.1}
.pk-feature .pk-body{flex:1;padding:2rem;justify-content:center}
.pk-feature .price{color:var(--gold);font-size:clamp(2.2rem,4vw,3.4rem)}
.pk-feature .dst{color:#fff;font-size:1.5rem;font-family:var(--ff-head)}
.pk-feature .meta{color:#aac4b0}
.pk-feature.pk-wideall{grid-column:1/-1;grid-row:auto}
.pk-med{grid-column:span 2}
.pk-wide{grid-column:span 3}
.pk-compact{grid-column:span 2}
.pk-compact .pk-img{height:110px}
.pk-dark{background:linear-gradient(150deg,var(--green),var(--forest));color:#cfe0d3;border:0}
.pk-dark .price{color:var(--gold)}.pk-dark .dst{color:#fff}.pk-dark .meta{color:#aac4b0}
.pk-basic{border:2px dashed var(--softgold);background:var(--cream)}
.tag-note{display:inline-block;background:var(--mint);color:var(--green);font-size:.7rem;font-weight:800;padding:.25rem .65rem;border-radius:100px;letter-spacing:.06em;text-transform:uppercase;width:fit-content}
.pk-dark .tag-note,.pk-feature .tag-note{background:rgba(255,255,255,.12);color:var(--gold)}

/* ---------- benefit constellation ---------- */
.ben-stage{position:relative;max-width:1100px;margin:3rem auto 0;min-height:620px}
.ben-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.25),transparent 70%);display:grid;place-items:center;z-index:2}
.ben-center .core{width:190px;height:190px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;text-align:center;background:rgba(11,41,24,.7);color:#fff;font-family:var(--ff-head);font-size:1.25rem;line-height:1.25;padding:1rem;box-shadow:0 0 0 12px rgba(245,196,0,.12)}
.ben-center .core i{display:block;font-size:2rem;color:var(--gold)}
.ben-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.ben-lines path{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-dasharray:6 8;opacity:.55}
.ben{position:absolute;width:300px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:1.3rem 1.4rem;backdrop-filter:blur(8px);z-index:3;transition:transform .5s var(--ease),background .3s,border-color .3s}
.ben:hover{transform:translateY(-6px);background:rgba(255,255,255,.12);border-color:var(--gold)}
.ben .ic{width:50px;height:50px;border-radius:14px;background:var(--gold);color:var(--forest);display:grid;place-items:center;font-size:1.4rem;margin-bottom:.8rem}
.ben h4{font-size:1.2rem;margin-bottom:.3rem}.ben p{font-size:.9rem;margin:0;color:#c6d8ca}
.ben .rate{display:inline-block;margin-top:.6rem;font-weight:800;color:var(--gold);font-size:.82rem;letter-spacing:.06em}
.b1{left:0;top:0}.b2{right:0;top:0}.b3{left:0;bottom:0}.b4{right:0;bottom:0}.b5{left:calc(50% - 150px);bottom:-30px}
.disclaimer{display:flex;gap:.9rem;align-items:flex-start;background:rgba(245,196,0,.1);border-left:4px solid var(--gold);padding:1.1rem 1.3rem;border-radius:0 16px 16px 0;font-size:.88rem;color:inherit}
.disclaimer i{color:var(--gold);font-size:1.3rem;flex-shrink:0;margin-top:2px}
.bg-forest .disclaimer,.bg-green .disclaimer{color:#cfe0d3}
.disclaimer.lt{background:#fff8dc;color:#5a4a00}.disclaimer.lt i{color:#b38f00}

/* ---------- banner experience ---------- */
.bx-slide{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--forest);box-shadow:var(--shadow)}
.bx-slide img{width:100%;height:auto;display:block}
.bx-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.6rem;color:#fff}
.bx-info h3{color:#fff;margin:0;font-size:1.6rem;font-style:italic}
.bx-info .lbl{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:800;display:block}
.bx-info .dur{display:flex;gap:.5rem;align-items:center;font-size:.85rem;color:#bcd0c0}
.swiper-pagination-bullet{background:var(--green);opacity:.3;width:10px;height:10px}.swiper-pagination-bullet-active{background:var(--gold);opacity:1;width:28px;border-radius:8px}
.bx-swiper{padding-bottom:50px}
.bx-nav{display:flex;gap:.6rem}
.bx-nav button{width:50px;height:50px;border-radius:50%;border:2px solid var(--green);background:transparent;color:var(--green);font-size:1.1rem;cursor:pointer;transition:.3s}
.bx-nav button:hover{background:var(--green);color:#fff}

/* ---------- timeline ---------- */
.tl{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:3.5rem}
.tl-line{position:absolute;left:10%;right:10%;top:41px;height:3px;background:rgba(23,99,46,.18);border-radius:3px}
.tl-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:3px}
.tl-step{position:relative;text-align:center;padding:0 .6rem}
.tl-dot{width:84px;height:84px;margin:0 auto 1.1rem;border-radius:50%;background:#fff;border:3px solid var(--green);display:grid;place-items:center;font-size:1.9rem;color:var(--green);position:relative;z-index:2;transition:.4s var(--ease)}
.tl-step:hover .tl-dot{background:var(--green);color:var(--gold);transform:scale(1.08)}
.tl-num{position:absolute;top:-6px;right:-6px;background:var(--gold);color:var(--forest);width:30px;height:30px;border-radius:50%;font-size:.72rem;font-weight:800;display:grid;place-items:center}
.tl-step h4{font-size:1.08rem;font-family:var(--ff-body);font-weight:800}
.tl-step p{font-size:.85rem;color:var(--muted)}

/* ---------- gallery ---------- */
.mas{columns:4;column-gap:16px}
.mas .g-item{break-inside:avoid;margin-bottom:16px}
.g-item{position:relative;border-radius:18px;overflow:hidden;display:block;cursor:zoom-in;background:var(--mint)}
.g-item img{width:100%;height:auto;transition:transform 1s var(--ease)}
.g-item:hover img{transform:scale(1.07)}
.g-item .cap{position:absolute;left:0;right:0;bottom:0;padding:2.2rem 1rem .9rem;background:linear-gradient(transparent,rgba(11,41,24,.85));color:#fff;font-size:.85rem;font-weight:700;transform:translateY(40%);opacity:0;transition:.45s var(--ease)}
.g-item:hover .cap{transform:none;opacity:1}
.g-item .cap small{display:block;color:var(--gold);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase}
.g-item.hide{display:none}
.g-prev{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:120px;gap:14px}
.g-prev .g-item{height:100%}.g-prev .g-item img{height:100%;object-fit:cover}
.gp1{grid-column:1/6;grid-row:1/4}.gp2{grid-column:6/9;grid-row:1/3}.gp3{grid-column:9/13;grid-row:1/3}
.gp4{grid-column:6/9;grid-row:3/5}.gp5{grid-column:1/4;grid-row:4/6}.gp6{grid-column:4/6;grid-row:4/6}
.gp7{grid-column:9/11;grid-row:3/6}.gp8{grid-column:11/13;grid-row:3/6}
.gp9{grid-column:6/9;grid-row:5/6}
.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}
.filters button{border:2px solid rgba(23,99,46,.2);background:#fff;border-radius:100px;padding:.55rem 1.15rem;font-weight:700;font-size:.85rem;color:var(--forest);cursor:pointer;transition:.3s;font-family:var(--ff-body)}
.filters button:hover{border-color:var(--green)}
.filters button.active{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 8px 20px -8px var(--green)}
.lightbox{position:fixed;inset:0;z-index:3000;background:rgba(5,20,11,.94);display:none;align-items:center;justify-content:center;padding:4vw}
.lightbox.open{display:flex}
.lb-fig{margin:0;max-width:1100px;width:100%;text-align:center;color:#fff}
.lb-fig img{max-height:76vh;width:auto;max-width:100%;margin-inline:auto;border-radius:14px;box-shadow:0 30px 80px -20px #000;transition:opacity .35s,transform .35s var(--ease)}
.lb-fig.swap img{opacity:0;transform:scale(.97)}
.lb-fig figcaption{margin-top:1rem;font-family:var(--ff-head);font-size:1.2rem}
.lb-fig figcaption small{display:block;color:var(--gold);font-family:var(--ff-body);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}
.lb-btn{position:absolute;width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:1.3rem;cursor:pointer;transition:.3s;display:grid;place-items:center}
.lb-btn:hover{background:var(--gold);color:var(--forest)}
.lb-close{top:22px;right:22px}.lb-prev{left:22px;top:50%}.lb-next{right:22px;top:50%}

/* ---------- why ---------- */
.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}
.why-list{display:grid;gap:1rem}
.why-item{display:flex;gap:1.1rem;align-items:flex-start;padding:1.15rem 0;border-bottom:1px solid rgba(255,255,255,.14)}
.why-item i{font-size:1.6rem;color:var(--gold);flex-shrink:0;width:42px}
.why-item h4{font-size:1.15rem;margin-bottom:.2rem}.why-item p{margin:0;color:#b9cfbd;font-size:.92rem}

/* ---------- blog ---------- */
.bl-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.bl{position:relative;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(23,99,46,.1);transition:.5s var(--ease)}
.bl:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.bl .bl-img{overflow:hidden;position:relative}
.bl .bl-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.bl:hover .bl-img img{transform:scale(1.07)}
.bl .cat{position:absolute;left:14px;top:14px;background:var(--gold);color:var(--forest);font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.3rem .75rem;border-radius:100px;z-index:2}
.bl .bl-b{padding:1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.bl h3{font-size:1.4rem;margin:0}.bl p{color:var(--muted);font-size:.92rem;margin:0}
.bl .bl-b .link-arrow{margin-top:auto;align-self:flex-start}
.bl .meta{font-size:.74rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.bl-feat{grid-column:span 7;grid-row:span 2}.bl-feat .bl-img{flex:1;min-height:340px}.bl-feat h3{font-size:2rem}
.bl-side{grid-column:span 5}.bl-side{flex-direction:row}.bl-side .bl-img{width:42%;flex-shrink:0}
.bl-s4{grid-column:span 4}.bl-s4 .bl-img{height:210px}
.bl-s6{grid-column:span 6;flex-direction:row}.bl-s6 .bl-img{width:45%;flex-shrink:0}
.bl-s3{grid-column:span 3}.bl-s3 .bl-img{height:170px}

/* ---------- legal ---------- */
.lg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.lg-doc{position:relative;background:#fff;border-radius:6px 22px 6px 22px;padding:1.5rem 1.2rem 1.3rem;border:1px solid rgba(23,99,46,.14);transition:.4s var(--ease);display:flex;flex-direction:column;gap:.6rem;overflow:hidden}
.lg-doc::before{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 34px 34px 0;border-color:transparent var(--gold) var(--mint) transparent}
.lg-doc:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:var(--shadow);border-color:var(--gold)}
.lg-doc i.big{font-size:2rem;color:var(--green)}
.lg-doc h4{font-size:1.05rem;font-family:var(--ff-body);font-weight:800;margin:0}
.lg-doc p{font-size:.83rem;color:var(--muted);margin:0}
.lg-doc .link-arrow{margin-top:auto;align-self:flex-start;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;font-family:var(--ff-body)}
.lg-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.lg-row{display:flex;gap:1.2rem;align-items:center;background:#fff;border:1px solid rgba(23,99,46,.12);border-radius:18px;padding:1.2rem 1.4rem;transition:.35s var(--ease)}
.lg-row:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateX(6px)}
.lg-row .no{font-family:var(--ff-head);font-size:2.4rem;font-weight:800;color:rgba(23,99,46,.2);min-width:60px;line-height:1}
.lg-row h4{font-family:var(--ff-body);font-size:1.02rem;font-weight:800;margin:0 0 .15rem}.lg-row p{font-size:.84rem;color:var(--muted);margin:0}
.lg-row .acts{margin-left:auto;display:flex;gap:.4rem;flex-shrink:0}
.icon-btn{width:42px;height:42px;border-radius:50%;border:2px solid rgba(23,99,46,.2);background:#fff;color:var(--green);cursor:pointer;display:grid;place-items:center;transition:.3s;font-size:1rem}
.icon-btn:hover{background:var(--green);color:#fff;border-color:var(--green)}

/* ---------- modal (custom) ---------- */
.x-modal{position:fixed;inset:0;z-index:2500;background:rgba(5,20,11,.72);display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)}
.x-modal.open{display:flex}
.xm-box{background:#fff;border-radius:26px;width:min(820px,100%);max-height:92vh;overflow:auto;position:relative;box-shadow:0 40px 100px -30px #000;animation:modalIn .5s var(--ease)}
.xm-close{position:absolute;right:16px;top:16px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(11,41,24,.8);color:#fff;font-size:1.2rem;cursor:pointer;display:grid;place-items:center;transition:.3s}
.xm-close:hover{background:var(--gold);color:var(--forest)}
.xm-head{background:linear-gradient(150deg,var(--green),var(--forest));color:#fff;padding:2.2rem 2.2rem 1.8rem;position:relative}
.xm-head.img{padding:0;height:230px}.xm-head.img img{width:100%;height:100%;object-fit:cover}
.xm-head.img::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(11,41,24,.85))}
.xm-head .cap{position:absolute;left:2rem;bottom:1.4rem;z-index:2;color:#fff}
.xm-head .cap .lv{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:800}
.xm-head .cap h3{color:#fff;font-size:2rem;margin:.2rem 0 0}
.xm-body{padding:1.8rem 2.2rem 2.2rem}
.xm-price{font-family:var(--ff-head);font-size:2.6rem;font-weight:800;color:var(--green);line-height:1}
.xm-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:1.3rem 0}
.xm-row{background:var(--mint);border-radius:14px;padding:.9rem 1.1rem}
.xm-row.full{grid-column:1/-1}
.xm-row small{display:block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--green2)}
.xm-row span{font-weight:700;color:var(--forest)}
.doc-body h4{font-size:1.1rem;margin-top:1.4rem;font-family:var(--ff-body);font-weight:800}
.doc-body p,.doc-body li{font-size:.93rem;color:#33413a}

/* ---------- CTA ---------- */
.cta-band{position:relative;isolation:isolate;color:#fff;overflow:hidden;background:var(--forest);padding:clamp(70px,9vw,120px) 0}
.cta-band .cta-bg{position:absolute;inset:0;z-index:-2;opacity:.38}
.cta-band .cta-bg img{width:100%;height:100%;object-fit:cover}
.cta-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,var(--forest) 25%,rgba(11,41,24,.55))}
.cta-band h2{color:#fff}
.cta-inner{max-width:680px}

/* ---------- footer ---------- */
.site-footer{background:var(--forest);color:#a9bfae;padding:80px 0 0;position:relative;overflow:hidden}
.site-footer h5{color:#fff;font-family:var(--ff-body);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.2rem}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:3rem}
.site-footer a{display:block;padding:.25rem 0;font-size:.92rem;transition:.3s}.site-footer a:hover{color:var(--gold);transform:translateX(4px)}
.f-logo img{width:210px;border-radius:16px;background:var(--green);margin-bottom:1.2rem;box-shadow:0 16px 30px -14px #000}
.f-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:3.5rem;padding:1.6rem 0;font-size:.8rem}
.f-bottom .container-x{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.f-social{display:flex;gap:.6rem;margin-top:1rem}
.f-social a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;padding:0}
.to-top{position:fixed;right:22px;bottom:22px;z-index:900;width:52px;height:52px;border-radius:50%;border:0;background:var(--gold);color:var(--forest);font-size:1.2rem;cursor:pointer;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(20px);transition:.4s var(--ease);display:grid;place-items:center}
.to-top.show{opacity:1;visibility:visible;transform:none}.to-top:hover{background:#fff}

/* ---------- ABOUT ---------- */
.about-hero{min-height:calc(100vh - var(--hdr));display:grid;grid-template-columns:1fr 1fr;background:var(--cream);overflow:hidden;position:relative}
.about-hero .ah-text{padding:clamp(3rem,6vw,6rem) clamp(1.5rem,5vw,5rem) 3rem max(4%,calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.about-hero .ah-img{position:relative;overflow:hidden;clip-path:ellipse(100% 100% at 100% 50%);min-height:420px}
.about-hero .ah-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center}
.vision{background:var(--forest);color:#fff;text-align:center;padding:clamp(80px,12vw,170px) 0}
.vision blockquote{font-family:var(--ff-head);font-size:clamp(1.8rem,4.4vw,3.8rem);line-height:1.25;margin:0 auto;max-width:20em;color:#fff}
.vision blockquote em{color:var(--gold);font-family:var(--ff-script)}
.mission{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:520px}
.mission .m-img{position:relative;overflow:hidden;min-height:340px}
.mission .m-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mission .m-txt{padding:clamp(2.5rem,6vw,6rem);background:var(--mint);display:flex;flex-direction:column;justify-content:center}
.vals{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.val{border-radius:var(--radius);padding:1.8rem;position:relative;overflow:hidden;transition:.5s var(--ease)}
.val:hover{transform:translateY(-6px)}
.val i{font-size:2.2rem}
.val h4{margin:.9rem 0 .4rem;font-size:1.3rem}.val p{margin:0;font-size:.92rem}
.v1{grid-column:span 3;background:var(--green);color:#d6e7da}.v1 h4,.v1 i{color:var(--gold)}
.v2{grid-column:span 3;background:var(--cream)}.v2 i{color:var(--green)}
.v3{grid-column:span 2;background:var(--gold);color:var(--forest)}.v3 i,.v3 h4{color:var(--forest)}
.v4{grid-column:span 2;background:#fff;border:1px solid rgba(23,99,46,.15)}.v4 i{color:var(--green2)}
.v5{grid-column:span 2;background:var(--forest);color:#c6d8ca}.v5 h4,.v5 i{color:#fff}
.story{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.story .s{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--forest)}
.story .s img{width:100%;height:auto;transition:transform 1.2s var(--ease)}
.story .s:hover img{transform:scale(1.03)}
.story .s .cap{position:absolute;left:1.3rem;bottom:1.1rem;color:#fff;background:rgba(11,41,24,.78);padding:.4rem 1rem;border-radius:100px;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(6px)}
.s1{grid-column:1/9}.s2{grid-column:9/13;align-self:end}.s3{grid-column:3/13}
.s2 img{height:100%;object-fit:cover}

/* ---------- PACKAGES page ---------- */
.pk-hero{background:linear-gradient(160deg,var(--forest),var(--green));color:#fff;position:relative;overflow:hidden;padding:clamp(70px,10vw,140px) 0 clamp(70px,9vw,120px)}
.pk-hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.pk-hero h1{color:#fff}
.pk-hero .collage{position:relative;height:420px}
.pk-hero .collage img{position:absolute;border-radius:22px;object-fit:cover;box-shadow:0 30px 60px -20px #000;border:6px solid #fff}
.pk-hero .c1{width:58%;height:68%;left:0;top:0}.pk-hero .c2{width:50%;height:58%;right:0;top:12%}.pk-hero .c3{width:48%;height:46%;left:22%;bottom:0}
.pkp-list{display:flex;flex-direction:column;gap:26px}
.pkp{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:1.5rem;background:#fff;border:1px solid rgba(23,99,46,.12);border-radius:26px;overflow:hidden;position:relative;transition:.5s var(--ease)}
.pkp:hover{box-shadow:var(--shadow);border-color:var(--gold);transform:translateY(-4px)}
.pkp .no{font-family:var(--ff-head);font-weight:900;font-size:3.4rem;color:rgba(23,99,46,.18);text-align:center}
.pkp .pimg{display:none}
.pkp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}
.pc{border-radius:26px;overflow:hidden;position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(23,99,46,.12);transition:.5s var(--ease);isolation:isolate}
.pc:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--gold)}
.pc .pc-img{position:relative;height:230px;overflow:hidden}
.pc .pc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pc:hover .pc-img img{transform:scale(1.08)}
.pc .pc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(11,41,24,.7))}
.pc .lv{position:absolute;left:16px;top:16px;z-index:2;background:var(--gold);color:var(--forest);padding:.3rem .8rem;border-radius:100px;font-size:.68rem;letter-spacing:.14em;font-weight:800;text-transform:uppercase}
.pc .pno{position:absolute;right:16px;bottom:8px;z-index:2;font-family:var(--ff-head);font-weight:900;font-size:3.4rem;color:rgba(255,255,255,.45);line-height:1}
.pc .pc-b{padding:1.5rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.pc .price{font-family:var(--ff-head);font-weight:800;font-size:2.1rem;color:var(--green);line-height:1}
.pc h3{font-size:1.25rem;margin:0}
.pc ul{list-style:none;padding:0;margin:.2rem 0;display:grid;gap:.4rem}
.pc li{font-size:.86rem;color:var(--muted);display:flex;gap:.55rem;align-items:flex-start}
.pc li i{color:var(--green2);margin-top:3px}
.pc .btn-x{margin-top:auto;align-self:flex-start}
.pc.wide{grid-column:span 3}.pc.third{grid-column:span 2}
.pc.hl{background:var(--forest);color:#cbdccf;border:0}
.pc.hl .price{color:var(--gold)}.pc.hl h3{color:#fff}.pc.hl li{color:#a9c3b0}.pc.hl li i{color:var(--gold)}
.pc.big{grid-column:span 6;flex-direction:row;min-height:380px}
.pc.big .pc-img{height:auto;flex:1.1}.pc.big .pc-b{flex:1;padding:2.4rem;justify-content:center}
.pc.big .price{font-size:clamp(2.4rem,4.6vw,3.8rem)}
.pc.basic{border:2px dashed var(--softgold);background:var(--cream)}
.pc.gold{background:linear-gradient(150deg,#fff8d9,#fff)}
.ben-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:2.5rem}
.bc{border-radius:26px;padding:2.2rem;background:#fff;border:1px solid rgba(23,99,46,.12);position:relative;overflow:hidden;transition:.5s var(--ease)}
.bc:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.bc .pct{font-family:var(--ff-head);font-size:4.6rem;font-weight:900;color:var(--green);line-height:1}
.bc .pct sup{font-size:1.6rem;color:var(--gold)}
.bc i.bg-i{position:absolute;right:-18px;bottom:-26px;font-size:8rem;color:rgba(23,99,46,.06)}
.bc .ic{width:54px;height:54px;border-radius:16px;background:var(--forest);color:var(--gold);display:grid;place-items:center;font-size:1.5rem;margin-bottom:1rem}

/* ---------- BLOG details ---------- */
.art-hero{position:relative;color:#fff;min-height:56vh;display:flex;align-items:flex-end;isolation:isolate}
.art-hero .ah{position:absolute;inset:0;z-index:-2}.art-hero .ah img{width:100%;height:100%;object-fit:cover}
.art-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,41,24,.2),rgba(11,41,24,.9))}
.art-hero h1{color:#fff;max-width:18em}
.art-body{max-width:760px;margin:0 auto;font-size:1.08rem}
.art-body h2{font-size:1.8rem;margin-top:2.2rem}
.art-body p:first-of-type::first-letter{font-family:var(--ff-head);font-size:4.2rem;float:left;line-height:.8;padding:.4rem .6rem 0 0;color:var(--green)}
.art-body blockquote{border-left:4px solid var(--gold);padding:.4rem 0 .4rem 1.4rem;margin:2rem 0;font-family:var(--ff-script);font-size:1.7rem;font-style:italic;color:var(--green)}

/* ---------- CONTACT ---------- */
.ct-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.ct-info{position:sticky;top:110px}
.ct-card{display:flex;gap:1.1rem;align-items:center;padding:1.1rem 0;border-bottom:1px solid rgba(23,99,46,.12)}
.ct-card .ic{width:54px;height:54px;border-radius:16px;background:var(--green);color:var(--gold);display:grid;place-items:center;font-size:1.4rem;flex-shrink:0}
.ct-card small{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--green2)}
.ct-card span{font-weight:700;color:var(--forest)}
.form-shell{background:#fff;border-radius:30px;padding:clamp(1.5rem,3.5vw,3rem);box-shadow:var(--shadow);border:1px solid rgba(23,99,46,.1);position:relative}
.form-shell::before{content:"";position:absolute;left:30px;right:30px;top:-1px;height:5px;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:0 0 8px 8px}
.fld{margin-bottom:1.2rem}
.fld label{display:block;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--forest);margin-bottom:.4rem}
.fld .inp{width:100%;border:2px solid #dfe7dc;border-radius:14px;padding:.85rem 1rem;font-family:var(--ff-body);font-size:.97rem;background:var(--cream);color:var(--ink);transition:.3s}
.fld .inp:focus{outline:0;border-color:var(--green);background:#fff;box-shadow:0 0 0 4px rgba(23,99,46,.12)}
.fld.err .inp{border-color:#c0392b}.fld .msg{display:none;color:#c0392b;font-size:.78rem;margin-top:.3rem;font-weight:600}.fld.err .msg{display:block}
.form-ok{display:none;background:var(--mint);border:2px solid var(--green2);border-radius:18px;padding:1.2rem 1.4rem;margin-bottom:1.2rem;color:var(--forest);align-items:flex-start;gap:.9rem}
.form-ok.show{display:flex;animation:modalIn .5s var(--ease)}
.form-ok i{font-size:1.8rem;color:var(--green2)}
.demo-note{font-size:.78rem;color:var(--muted);margin-top:1rem}
.map-strip{position:relative;height:260px;background:var(--forest);overflow:hidden}
.map-strip svg{width:100%;height:100%}
.placeholder-tag{background:#fff3b0;color:#5a4a00;padding:0 .35rem;border-radius:4px;font-size:.7rem;font-weight:800;margin-left:.4rem;vertical-align:middle}

/* ---------- decorative ---------- */
.deco{position:absolute;pointer-events:none;z-index:0}
.route path{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:4 10;stroke-linecap:round}
.pin{fill:var(--gold)}

/* ---------- print (legal documents) ---------- */
@media print{
  body.no-scroll > *:not(.x-modal){display:none!important}
  .x-modal{position:static;background:none;display:block;padding:0}
  .xm-close,.xm-box button,.xm-box .btn-x{display:none!important}
  .xm-box{box-shadow:none;max-height:none;width:100%}
  .xm-head{background:none!important;color:#000!important;padding-bottom:0}.xm-head h3{color:#000!important}
}

/* ---------- benefits: expanding panels ---------- */
.bfan{display:flex;gap:14px;height:470px}
.bp{position:relative;flex:1;min-width:0;border-radius:24px;overflow:hidden;padding:1.6rem;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(170deg,var(--green),#0f3d1f);border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:flex .8s var(--ease),border-color .4s,transform .4s;isolation:isolate;outline:0}
.bp.bp-img{background:var(--bg) center/cover}
.bp.bp-img::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(11,41,24,.35),rgba(11,41,24,.95) 85%)}
.bp.bp-gold{background:linear-gradient(170deg,#1d7a38,#0d3a1e)}
.bp.active{flex:3.4;border-color:var(--gold)}
.bp:focus-visible{border-color:var(--gold)}
.bp-no{position:absolute;left:1.4rem;top:.9rem;font-family:var(--ff-head);font-weight:900;font-size:4.4rem;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(245,196,0,.55)}
.bp-vt{position:absolute;left:50%;bottom:1.6rem;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-family:var(--ff-head);font-size:1.25rem;color:#fff;white-space:nowrap;transition:opacity .35s}
.bp.active .bp-vt{opacity:0}
.bp-body{opacity:0;transform:translateY(24px);transition:opacity .5s .15s,transform .6s .15s var(--ease);pointer-events:none;max-width:440px}
.bp.active .bp-body{opacity:1;transform:none;pointer-events:auto}
.bp-ic{width:54px;height:54px;border-radius:16px;background:var(--gold);color:var(--forest);display:grid;place-items:center;font-size:1.5rem;margin-bottom:1rem}
.bp-body h4{font-size:1.7rem;margin-bottom:.4rem}
.bp-body p{color:#cfe0d3;margin-bottom:.8rem;font-size:.96rem}
.bp-pct{display:block;font-family:var(--ff-head);font-weight:900;font-size:4rem;line-height:1;color:var(--gold)}
.bp-pct sup{font-size:1.4rem;color:#fff}
.bp-rate{display:inline-block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--gold);border:1px solid rgba(245,196,0,.5);border-radius:100px;padding:.25rem .8rem}
@media (max-width:991px){
  .bfan{flex-direction:column;height:auto}
  .bp,.bp.active{flex:none;padding:1.4rem;padding-top:4.6rem;min-height:0}
  .bp-vt{display:none}
  .bp-body{opacity:1;transform:none;pointer-events:auto;max-width:none}
  .bp-no{font-size:3rem}
}

/* ---------- hero info band, ticker, facts ---------- */
.ticker{background:var(--gold);color:var(--forest);overflow:hidden;white-space:nowrap;padding:.8rem 0;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}
.tk-track{display:inline-flex;animation:tick 40s linear infinite;will-change:transform}
.tk-track span{display:inline-flex;align-items:center;gap:.6rem;padding:0 1.8rem}
@keyframes tick{to{transform:translateX(-50%)}}
.hero-home .hero-title{font-size:clamp(2.4rem,5vw,4.6rem)}
.hero-sub{font-size:.95rem!important;color:#a9c3b0!important}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:3.2rem}
.fact{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);border-radius:20px;padding:1.3rem 1.4rem;transition:.4s var(--ease)}
.fact:hover{border-color:var(--gold);transform:translateY(-5px);background:rgba(255,255,255,.09)}
.fact b{display:block;font-family:var(--ff-head);font-size:2.3rem;line-height:1.1;color:var(--gold)}
.fact span{display:block;color:#fff;font-weight:800;font-size:.92rem;margin-top:.2rem}
.fact small{color:#9db7a4;font-size:.8rem}
/* hero band polish */
.hero-band{background:radial-gradient(ellipse at 15% 0%,#14482a 0%,transparent 55%),linear-gradient(180deg,#0B2918 0%,#07190f 100%);overflow:hidden}
.hero-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(245,196,0,.14) 1px,transparent 1.5px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.hb-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.55}
.hb-glow.g1{width:420px;height:420px;background:rgba(245,196,0,.22);right:-80px;top:-120px}
.hb-glow.g2{width:380px;height:380px;background:rgba(45,138,69,.45);left:-120px;bottom:-140px}
.hero-band .container-x{position:relative;z-index:1}
.hero-home .hero-title{text-shadow:0 8px 40px rgba(0,0,0,.35)}
.hero-title .l.g span{background:linear-gradient(100deg,#F5C400 20%,#ffe68a 50%,#F5C400 80%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hb-eyebrow{display:inline-flex;align-items:center;gap:.8rem}
.hb-eyebrow::before{content:"";width:44px;height:2px;background:var(--gold)}
.hero-copy{padding-left:1.6rem;border-left:2px solid rgba(245,196,0,.35)}
.hero-ctas .btn-gold{box-shadow:0 14px 34px -10px rgba(245,196,0,.65)}
.hero-ctas .btn-gold:hover{transform:translateY(-3px);box-shadow:0 20px 40px -10px rgba(245,196,0,.8)}
.facts{position:relative}
.fact{position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));padding-top:1.5rem}
.fact::after{content:"";position:absolute;left:0;top:0;height:3px;width:44px;background:var(--gold);border-radius:0 0 3px 0;transition:width .5s var(--ease)}
.fact:hover::after{width:100%}
.fact:hover{box-shadow:0 24px 50px -24px rgba(245,196,0,.45)}
.fact .fi{position:absolute;right:1.1rem;top:1.1rem;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(245,196,0,.14);color:var(--gold);font-size:1.05rem;transition:.4s var(--ease)}
.fact:hover .fi{background:var(--gold);color:var(--forest);transform:rotate(-8deg) scale(1.08)}
/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.faq details{border-bottom:1px solid rgba(23,99,46,.18);padding:1.15rem 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-family:var(--ff-head);font-size:1.2rem;font-weight:700;color:var(--forest)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;transition:.4s var(--ease);font-size:.9rem}
.faq details[open] summary i{transform:rotate(45deg);background:var(--gold);color:var(--forest)}
.faq details p{margin:.8rem 0 0;color:var(--muted);max-width:62ch}
/* ---------- compare table ---------- */
.cmp-wrap{overflow-x:auto;border-radius:22px;border:1px solid rgba(23,99,46,.14);box-shadow:var(--shadow)}
.cmp{width:100%;border-collapse:collapse;min-width:720px;background:#fff}
.cmp th{background:var(--forest);color:#fff;text-align:left;padding:1rem 1.2rem;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.cmp td{padding:1rem 1.2rem;border-bottom:1px solid rgba(23,99,46,.1);font-size:.95rem}
.cmp tbody tr{transition:background .3s}.cmp tbody tr:hover{background:var(--mint)}
.cmp td:nth-child(2){font-family:var(--ff-head);font-weight:800;color:var(--green);font-size:1.15rem;white-space:nowrap}
.cmp td:first-child{font-weight:800;color:var(--softgold)}

/* ---------- destination explorer ---------- */
.dx{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:stretch}
.dx-tabs{display:flex;flex-direction:column;gap:8px}
.dx-tab{display:flex;align-items:center;gap:1rem;text-align:left;background:var(--cream);border:2px solid transparent;border-radius:18px;padding:1rem 1.2rem;cursor:pointer;font-family:var(--ff-head);font-size:1.2rem;font-weight:700;color:var(--forest);transition:.4s var(--ease)}
.dx-tab .n{font-family:var(--ff-body);font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--green2)}
.dx-tab .t{flex:1}
.dx-tab i{opacity:0;transform:translateX(-8px);transition:.4s var(--ease);color:var(--forest)}
.dx-tab:hover{border-color:rgba(23,99,46,.3)}
.dx-tab.active{background:var(--forest);color:#fff;border-color:var(--forest);transform:translateX(8px)}
.dx-tab.active .n{color:var(--gold)}.dx-tab.active i{opacity:1;transform:none;color:var(--gold)}
.dx-panel{display:grid;grid-template-columns:1.05fr 1fr;border-radius:28px;overflow:hidden;background:var(--mint);min-height:560px;box-shadow:var(--shadow)}
.dx-panel.swap{animation:fadeSlide .7s var(--ease)}
.dx-img{position:relative;min-height:320px;background:var(--forest)}
.dx-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dx-img::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(11,41,24,.75))}
.dx-kick{position:absolute;left:1.4rem;bottom:1.3rem;z-index:2;background:var(--gold);color:var(--forest);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.4rem .9rem;border-radius:100px}
.dx-ill{position:absolute;right:1rem;top:1rem;z-index:2;background:rgba(255,255,255,.85);color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .7rem;border-radius:100px}
.dx-body{padding:clamp(1.5rem,3vw,2.6rem);display:flex;flex-direction:column;justify-content:center}
.dx-body h3{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:.2rem}
.dx-tag{font-family:var(--ff-script);font-style:italic;font-size:1.4rem;color:var(--green2);font-weight:600}
.dx-body p{color:#3e4d44;font-size:.97rem}
.dx-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 1.4rem}
.dx-chips span{background:#fff;border:1px solid rgba(23,99,46,.18);color:var(--green);font-size:.78rem;font-weight:700;padding:.3rem .85rem;border-radius:100px}
.dx-pkg{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--forest);color:#cfe0d3;border-radius:20px;padding:1rem 1.3rem}
.dx-pkg small{display:block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:800}
.dx-pkg b{font-family:var(--ff-head);font-size:1.7rem;color:#fff;display:block;line-height:1.2}
.dx-pkg span{font-size:.8rem}
@keyframes fadeSlide{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
/* ---------- package explorer ---------- */
.px-rail{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x proximity;scrollbar-width:none}.px-rail::-webkit-scrollbar{display:none}
.px-chip{flex:0 0 auto;scroll-snap-align:start;min-width:150px;text-align:left;background:#fff;border:2px solid rgba(23,99,46,.14);border-radius:18px;padding:.8rem 1.1rem;cursor:pointer;transition:.4s var(--ease);font-family:var(--ff-body)}
.px-chip small{display:block;font-size:.66rem;font-weight:800;letter-spacing:.14em;color:var(--green2)}
.px-chip b{display:block;font-family:var(--ff-head);font-size:1.3rem;color:var(--forest);line-height:1.2}
.px-chip span{font-size:.78rem;color:var(--muted)}
.px-chip:hover{border-color:var(--green);transform:translateY(-3px)}
.px-chip.active{background:var(--forest);border-color:var(--forest)}
.px-chip.active small{color:var(--gold)}.px-chip.active b{color:#fff}.px-chip.active span{color:#a9c3b0}
.px-card{display:grid;grid-template-columns:1fr 1.1fr;border-radius:30px;overflow:hidden;background:var(--forest);color:#cfe0d3;min-height:520px;box-shadow:var(--shadow)}
.px-card.swap{animation:fadeSlide .6s var(--ease)}
.px-img{position:relative;min-height:300px}
.px-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.px-img::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(11,41,24,.1),rgba(11,41,24,.55))}
.px-lv{position:absolute;left:1.3rem;top:1.3rem;z-index:2;background:var(--gold);color:var(--forest);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.35rem .9rem;border-radius:100px}
.px-no{position:absolute;right:1.2rem;bottom:.4rem;z-index:2;font-family:var(--ff-head);font-weight:900;font-size:6rem;line-height:1;color:rgba(255,255,255,.4)}
.px-body{padding:clamp(1.5rem,3vw,2.8rem);display:flex;flex-direction:column;justify-content:center}
.px-k{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--gold)}
.px-price{font-family:var(--ff-head);font-weight:900;font-size:clamp(2.6rem,5vw,4.2rem);color:var(--gold);line-height:1.05;margin:.2rem 0}
.px-body h3{color:#fff;font-size:1.8rem;font-style:italic}
.px-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:.6rem 0 1rem}
.px-facts div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:.8rem 1rem}
.px-facts small{display:block;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:800}
.px-facts b{color:#fff;font-size:.95rem}
.px-body ul{list-style:none;padding:0;margin:0 0 1.4rem;display:grid;gap:.45rem}
.px-body li{display:flex;gap:.6rem;font-size:.9rem}.px-body li i{color:var(--gold)}
.px-ctas{display:flex;gap:.7rem;flex-wrap:wrap}
.px-nav{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:1.6rem;font-weight:800;letter-spacing:.14em;color:var(--green)}

.pc h3 .place{display:block;font-family:var(--ff-body);font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--green2);margin-top:.15rem}
.pc.hl h3 .place{color:var(--gold)}
.elig{margin-top:2.5rem;background:var(--cream);border:1px solid rgba(23,99,46,.14);border-radius:26px;padding:clamp(1.3rem,3vw,2.2rem)}
.elig-h{display:flex;gap:1rem;align-items:center;margin-bottom:1.3rem}
.elig-h>i{width:56px;height:56px;border-radius:16px;background:var(--forest);color:var(--gold);display:grid;place-items:center;font-size:1.6rem;flex-shrink:0}
.elig-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.elig-row div{background:#fff;border-radius:16px;padding:.9rem 1rem;border:1px solid rgba(23,99,46,.1)}
.elig-row div:nth-child(even){background:var(--forest);color:#cfe0d3}
.elig-row small{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--green2)}
.elig-row div:nth-child(even) small{color:var(--gold)}
.elig-row b{display:block;font-family:var(--ff-head);font-size:1.35rem;line-height:1.2;color:var(--green)}
.elig-row div:nth-child(even) b{color:#fff}
.elig-row span{font-size:.78rem;color:var(--muted)}.elig-row div:nth-child(even) span{color:#a9c3b0}

/* ---------- HERO v4: portal ---------- */
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
.hz{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(900px 520px at 78% 30%,#1b5a35 0%,transparent 62%),linear-gradient(180deg,#0B2918 0%,#06190f 100%);padding:clamp(30px,3.4vw,48px) 0 clamp(34px,4vw,54px)}
.hz .pl{width:1em;height:1em;fill:currentColor;display:inline-block;flex:none;transform:rotate(45deg)}
.hz-aurora span{position:absolute;border-radius:50%;filter:blur(90px);z-index:-1;animation:hzdrift 16s ease-in-out infinite alternate}
.hz-aurora span:nth-child(1){width:460px;height:460px;background:rgba(245,196,0,.20);right:6%;top:-140px}
.hz-aurora span:nth-child(2){width:420px;height:420px;background:rgba(45,138,69,.45);left:-120px;bottom:-60px;animation-delay:-5s}
.hz-aurora span:nth-child(3){width:300px;height:300px;background:rgba(80,200,150,.18);left:38%;top:30%;animation-delay:-9s}
@keyframes hzdrift{to{transform:translate(60px,-40px) scale(1.15)}}
.hz-dust{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hz-dust span{position:absolute;bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:#F5C400;opacity:0;box-shadow:0 0 10px 2px rgba(245,196,0,.6);animation:hzrise var(--t) linear var(--dl) infinite}
@keyframes hzrise{10%{opacity:.8}90%{opacity:.6}to{transform:translateY(-640px) translateX(30px);opacity:0}}

.hz-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(1.5rem,3vw,3rem);align-items:center}
.hz-pill{display:inline-flex;align-items:center;gap:.7rem;color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.1rem}
.hz-pill .pl{color:var(--gold);font-size:1.5rem;animation:hzbob 3s ease-in-out infinite}
@keyframes hzbob{50%{transform:rotate(45deg) translate(3px,-3px)}}
.hz .hero-title{font-size:clamp(2.3rem,4.6vw,4.2rem);line-height:1.02;color:#FBF3DC;margin:0 0 1.1rem;font-weight:600}
.hz .hero-title .l{padding-top:.1em}
.hz .hero-title .l.g span{font-family:var(--ff-body);font-style:normal;font-weight:300;color:#fff;font-size:.88em;letter-spacing:.01em;white-space:nowrap}
.hz .hero-title .l.g b{font-weight:800}
.hz .hero-title .l.g .ai{display:inline-block;position:relative;color:var(--gold);padding:.02em .22em;margin:0 .06em;border:2px solid var(--gold);border-radius:.3em;box-shadow:0 0 24px rgba(245,196,0,.45),inset 0 0 14px rgba(245,196,0,.25);animation:hzglow 2.8s ease-in-out infinite}
.hz .hero-title .l.g .ai::after{content:"\2726";position:absolute;right:-.4em;top:-.45em;font-size:.45em;color:#fff3b0;animation:hztw 2.8s ease-in-out infinite}
@keyframes hzglow{50%{box-shadow:0 0 38px rgba(245,196,0,.8),inset 0 0 20px rgba(245,196,0,.4)}}
@keyframes hztw{50%{transform:scale(1.5) rotate(25deg);opacity:.6}}
.hz .hero-copy{padding:0;border:0}
.hz-lead{color:#e6efe5;font-size:1.05rem;margin:0 0 .5rem;max-width:34em}
.hz .hero-sub{color:#a9c3b0!important;font-size:.88rem!important;max-width:36em;margin:0}
.hz .hero-ctas{margin-top:1.3rem}
.hz .btn-gold{box-shadow:0 12px 34px -8px rgba(245,196,0,.7)}
.hz .btn-line{backdrop-filter:blur(6px);background:rgba(255,255,255,.04)}

/* stage */
.hz-stage{position:relative;height:clamp(420px,40vw,520px)}
.hz-orbit{position:absolute;left:-2%;top:2%;width:62%;height:100%;overflow:visible;animation:hzorbit 14s linear infinite;pointer-events:none;z-index:3;opacity:.9}
.hz-orbit ellipse{stroke-dasharray:380 900;animation:hzdash 6s linear infinite}
@keyframes hzdash{to{stroke-dashoffset:-1280}}
@keyframes hzorbit{50%{transform:translateY(-10px)}}
.hz-arch{position:absolute;left:5%;top:0;bottom:0;width:56%;padding:7px;border-radius:999px 999px 28px 28px;background:conic-gradient(from var(--a),#F5C400,#fff6c9,#2D8A45,#F5C400,#fff6c9,#F5C400);animation:hzspin 7s linear infinite,hzin .9s var(--ease) both;box-shadow:0 0 70px rgba(245,196,0,.25),0 40px 80px -30px #000;transform:translate(var(--px,0),var(--py,0));transition:transform .25s ease-out}
@keyframes hzspin{to{--a:360deg}}
@keyframes hzin{from{opacity:0;transform:translateY(40px) scale(.96)}}
.hz-arch-in{position:relative;height:100%;border-radius:999px 999px 22px 22px;overflow:hidden;background:#0b2918}
.hz-arch-in::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,190,80,.18) 0%,transparent 35%,rgba(6,25,15,.75) 100%);pointer-events:none}
.hz-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.3s ease}
.hz-slide.is-on{opacity:1}
.hz-slide img{width:100%;height:100%;object-fit:cover;object-position:35% 50%;transform:scale(1.15)}
.hz-slide.is-on img{animation:hzkb 9s ease-out forwards}
@keyframes hzkb{to{transform:scale(1)}}
.hz-place{position:absolute;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:100px;background:rgba(6,25,15,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.76rem;font-weight:700;white-space:nowrap}
.hz-place>i{color:var(--gold)}
.hz-dots{display:flex;gap:4px;margin-left:.3rem}
.hz-dots i{width:6px;height:6px;border-radius:6px;background:rgba(255,255,255,.4);transition:.4s}
.hz-dots i.on{width:18px;background:var(--gold)}

/* plane crossing the portal */
.hz-flight{position:absolute;z-index:5;left:-10%;top:40%;font-size:2rem;color:#fff;filter:drop-shadow(0 0 12px rgba(255,255,255,.7));animation:hzfly 8s linear infinite;pointer-events:none}
.hz-flight .pl{transform:rotate(73deg)}
.hz-flight::before{content:"";position:absolute;right:100%;top:50%;width:190px;height:2px;margin-right:-6px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85));transform:rotate(-17deg);transform-origin:right center;border-radius:2px}
@keyframes hzfly{0%{left:-12%;top:42%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:104%;top:4%;opacity:0}}

/* glass ticket */
.hz-ticket{position:absolute;z-index:6;right:-1%;bottom:11%;width:62%;min-width:310px;display:grid;grid-template-columns:1fr 27%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(245,196,0,.25));animation:hzfloat 6s ease-in-out infinite,hzin 1s .3s var(--ease) both;transform:translate(var(--px,0),var(--py,0)) rotate(-6deg)}
@keyframes hzfloat{50%{margin-bottom:14px}}
.hz-t-main,.hz-t-stub{position:relative;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.07));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hz-t-main{padding:1rem 1.2rem 1.1rem;border-radius:18px 0 0 18px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,230,138,.5);-webkit-mask:radial-gradient(circle 11px at 100% 0,transparent 98%,#000) top,radial-gradient(circle 11px at 100% 100%,transparent 98%,#000) bottom;-webkit-mask-size:100% 51%;-webkit-mask-repeat:no-repeat;mask:radial-gradient(circle 11px at 100% 0,transparent 98%,#000) top,radial-gradient(circle 11px at 100% 100%,transparent 98%,#000) bottom;mask-size:100% 51%;mask-repeat:no-repeat}
.hz-t-main::before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:hzshine 5s ease-in-out infinite}
@keyframes hzshine{0%,55%{left:-60%}100%{left:130%}}
.hz-t-stub{border-radius:0 18px 18px 0;padding:1rem .6rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;border-left:2px dashed rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(255,230,138,.4);-webkit-mask:radial-gradient(circle 11px at 0 0,transparent 98%,#000) top,radial-gradient(circle 11px at 0 100%,transparent 98%,#000) bottom;-webkit-mask-size:100% 51%;-webkit-mask-repeat:no-repeat;mask:radial-gradient(circle 11px at 0 0,transparent 98%,#000) top,radial-gradient(circle 11px at 0 100%,transparent 98%,#000) bottom;mask-size:100% 51%;mask-repeat:no-repeat}
.hz-ticket small{font-size:.56rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8);display:block}
.hz-t-stub b{font-family:var(--ff-body);font-weight:800;font-size:2rem;line-height:1}
.hz-bars{width:100%;height:34px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px,#fff 5px 6px,transparent 6px 9px,#fff 9px 12px,transparent 12px 14px)}
.hz-t-top{display:flex;justify-content:space-between;align-items:center;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding-bottom:.55rem;border-bottom:1px solid rgba(255,230,138,.5)}
.hz-t-top .pl{color:var(--gold);margin-right:.3rem;font-size:.9rem}
.hz-t-top .g{color:var(--gold)}
.hz-t-route{display:flex;align-items:center;gap:.6rem;margin-top:.8rem}
.hz-t-route b{display:block;font-family:var(--ff-body);font-weight:800;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.05;letter-spacing:.01em}
.hz-t-route .r{text-align:right}
.hz-t-fly{flex:1;position:relative;display:flex;justify-content:center;color:var(--gold);font-size:1.3rem;min-width:40px}
.hz-t-fly::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px dashed rgba(245,196,0,.7)}
.hz-t-fly .pl{position:relative;background:#1a4a2c;border-radius:50%;padding:2px;box-sizing:content-box;animation:hzslide 2.6s ease-in-out infinite alternate}
@keyframes hzslide{from{transform:rotate(45deg) translate(-8px,8px)}to{transform:rotate(45deg) translate(8px,-8px)}}
.hz-t-globe{position:absolute;right:-.6rem;bottom:-1.4rem;font-size:5.5rem;color:rgba(255,255,255,.1);line-height:1;pointer-events:none}

/* stats bar */
.hz-stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(1.4rem,2.4vw,2rem);padding:1.05rem 1.2rem;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.03));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(245,196,0,.4);box-shadow:0 30px 60px -30px #000,inset 0 1px 0 rgba(255,255,255,.22),0 0 40px -10px rgba(245,196,0,.3);animation:hzin 1s .5s var(--ease) both;overflow:hidden}
.hz-stats::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:30%;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:hzscan 4.5s ease-in-out infinite}
@keyframes hzscan{from{left:-30%}to{left:100%}}
.hz-st{display:flex;align-items:center;gap:.9rem;padding:.2rem 1.3rem;position:relative}
.hz-st+.hz-st::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.25),transparent)}
.hz-st .ic{flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;color:var(--gold);border:1.5px solid rgba(245,196,0,.5);transition:.45s var(--ease);position:relative}
.hz-st .ic::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(245,196,0,.35);animation:hzping 3s ease-out infinite}
.hz-st:nth-child(2) .ic::after{animation-delay:.7s}.hz-st:nth-child(3) .ic::after{animation-delay:1.4s}.hz-st:nth-child(4) .ic::after{animation-delay:2.1s}
@keyframes hzping{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.hz-st:hover .ic{background:var(--gold);color:var(--forest);transform:translateY(-4px) rotate(-8deg);box-shadow:0 12px 24px -8px rgba(245,196,0,.8)}
.hz-st b{display:block;font-family:var(--ff-body);font-weight:800;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.05;color:#fff}
.hz-st strong{display:block;color:var(--gold);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-top:.2rem}
.hz-st small{display:block;color:#cfe0d3;font-size:.78rem}

@media(max-width:991px){
  .hz-grid{grid-template-columns:1fr}
  .hz-stage{height:460px;max-width:560px;width:100%;margin-inline:auto}
  .hz-stats{grid-template-columns:repeat(2,1fr);border-radius:28px;row-gap:1rem}
  .hz-st+.hz-st::before{display:none}
}
@media(max-width:575px){
  .hz-stage{height:400px}
  .hz-arch{left:0;width:64%}
  .hz-ticket{right:-4%;width:74%;min-width:0}
  .hz-t-route b{font-size:1.1rem}
  .hz-stats{padding:1rem .6rem}
  .hz-st{padding:.2rem .5rem;gap:.6rem}
  .hz-st .ic{width:40px;height:40px;font-size:1.15rem}
  .hz-st small{font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){.hz *,.hz{animation:none!important}.hz-dust{display:none}}

/* ---------- hero banner slider (3 banners, auto-scroll) ---------- */
.hero-swiper{width:100%;overflow:hidden}
.hero-swiper .swiper-slide img{width:100%;height:auto;display:block}
.hero-dots{position:absolute;left:0;right:0;bottom:14px!important;z-index:5;display:flex;justify-content:center;gap:8px}
.hero-dots .swiper-pagination-bullet{width:10px;height:10px;margin:0!important;background:#fff;opacity:.6;transition:.4s var(--ease);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.hero-dots .swiper-pagination-bullet-active{width:34px;border-radius:8px;background:var(--gold);opacity:1}

/* ---------- featured journeys (auto-play) ---------- */
.jx{display:grid;grid-template-columns:1.75fr 1fr;gap:22px;align-items:stretch}
.jx-stage{position:relative;border-radius:28px;overflow:hidden;background:var(--forest);box-shadow:var(--shadow);display:flex;flex-direction:column}
.jx-frames{display:grid}
.jx-frame{grid-area:1/1;margin:0;opacity:0;transform:scale(1.04);transition:opacity 1s var(--ease),transform 6s linear}
.jx-frame.active{opacity:1;transform:scale(1)}
.jx-frame img{width:100%;height:auto;display:block}
.jx-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;background:var(--forest);color:#fff}
.jx-bar-k{display:block;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:800}
.jx-bar-n{font-family:var(--ff-head);font-size:1.5rem;font-style:italic}
.jx-list{display:flex;flex-direction:column;gap:12px}
.jx-item{flex:1;display:grid;grid-template-columns:44px 1fr;gap:.9rem;text-align:left;background:#fff;border:2px solid rgba(23,99,46,.12);border-radius:22px;padding:1.2rem 1.3rem;cursor:pointer;position:relative;overflow:hidden;transition:.45s var(--ease);font-family:var(--ff-body);color:var(--ink)}
.jx-item:hover{border-color:var(--green);transform:translateX(-4px)}
.jx-no{font-family:var(--ff-head);font-weight:900;font-size:1.9rem;line-height:1;color:rgba(23,99,46,.25);transition:.4s}
.jx-main small{display:block;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--green2)}
.jx-main b{display:block;font-family:var(--ff-head);font-size:1.45rem;color:var(--forest);line-height:1.2}
.jx-t{display:block;font-size:.88rem;color:var(--muted);margin:.2rem 0 .5rem}
.jx-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.jx-chips em{font-style:normal;font-size:.68rem;font-weight:700;background:var(--mint);color:var(--green);padding:.2rem .6rem;border-radius:100px}
.jx-prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:transparent}
.jx-prog i{display:block;height:100%;width:0;background:var(--gold)}
.jx-item.active{background:var(--forest);border-color:var(--forest);color:#cfe0d3}
.jx-item.active .jx-no{color:var(--gold)}.jx-item.active .jx-main small{color:var(--gold)}.jx-item.active .jx-main b{color:#fff}.jx-item.active .jx-t{color:#b9cfbd}
.jx-item.active .jx-chips em{background:rgba(255,255,255,.1);color:#fff}
.jx-item.active .jx-prog i{animation:jxfill var(--dur,6s) linear forwards}
.jx.paused .jx-item.active .jx-prog i{animation-play-state:paused}
@keyframes jxfill{to{width:100%}}
/* featured journeys: banner on top, chapters in a row */
.jx{grid-template-columns:1fr;gap:16px}
.jx-list{flex-direction:row;gap:16px}
.jx-item{flex:1 1 0;min-width:0;align-content:start}
.jx-item:hover{transform:translateY(-5px)}

/* ---------- header auth buttons + demo auth modal ---------- */
.nav-auth{display:flex;gap:.6rem;flex-shrink:0}
.nav-auth .btn-x i{font-size:1rem}
.d-auth{display:flex;gap:.8rem;margin-top:1.6rem;flex-wrap:wrap}
.d-auth .btn-x{margin-top:0!important}
.auth-box{width:min(480px,100%)}
.auth-box .xm-body{padding-top:1.6rem}
.auth-tabs{display:flex;gap:.4rem;background:var(--mint);border-radius:100px;padding:.3rem;margin-bottom:1.3rem}
.auth-tabs button{flex:1;border:0;background:transparent;border-radius:100px;padding:.6rem;font-weight:800;font-size:.85rem;color:var(--green);cursor:pointer;font-family:var(--ff-body);transition:.3s}
.auth-tabs button.on{background:var(--forest);color:#fff}
.auth-demo{display:none;background:var(--mint);border:2px solid var(--green2);border-radius:16px;padding:1rem 1.2rem;margin-bottom:1rem;color:var(--forest);font-size:.9rem}
.auth-demo.show{display:block;animation:modalIn .5s var(--ease)}
.auth-note{font-size:.78rem;color:var(--muted);margin:1rem 0 0}

/* ---------- HOW IT WORKS v3: sky route ---------- */
.how2{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(105deg,#fde6da 0%,#fdf5ec 38%,#eef5fa 62%,#c9e3f6 100%)}
.how-scene{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.how2 .eyebrow{display:inline-flex;align-items:center;gap:1rem;background:#14573a;color:#fff;padding:.55rem 1.7rem;border-radius:100px;letter-spacing:.2em;box-shadow:0 10px 24px -10px rgba(11,41,24,.7)}
.how2 .eyebrow::before,.how2 .eyebrow::after{content:"";position:absolute;top:50%;width:60px;height:2px;background:#14573a}
.how2 .eyebrow{position:relative}
.how2 .eyebrow::before{right:100%;margin-right:14px}.how2 .eyebrow::after{left:100%;margin-left:14px}
.how2 h2{color:#0b1b12}
.how2 h2 .em{font-family:'Yellowtail','Cormorant Garamond',cursive;font-style:normal;font-weight:400;color:#f26a0f;font-size:1.25em;line-height:.9}
.how-plane{position:absolute;right:5%;top:30px;font-size:3.2rem;color:#fff;z-index:0;filter:drop-shadow(0 8px 10px rgba(30,60,100,.35));animation:howfloat 6s ease-in-out infinite;pointer-events:none}
.how-plane .pl{width:1em;height:1em;fill:currentColor;transform:rotate(60deg);display:block}
.how-plane::before{content:"";position:absolute;right:70%;top:55%;width:230px;height:5px;border-radius:5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95));transform:rotate(-27deg);transform-origin:right center;filter:blur(1.5px)}
@keyframes howfloat{50%{transform:translate(-14px,8px)}}

.tw{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:2.2rem;padding-top:56px}
.tw-path{position:absolute;left:0;top:88px;width:100%;height:120px;overflow:visible;pointer-events:none;z-index:0}
.tw-path path{vector-effect:non-scaling-stroke;stroke-linecap:round;fill:none}
.tw-path .road{stroke:#2b303b;stroke-width:24;filter:drop-shadow(0 8px 6px rgba(0,0,0,.25))}
.tw-path .dash{stroke:#f7c61a;stroke-width:2.5;stroke-dasharray:10 9;animation:twmarch 1.2s linear infinite}
@keyframes twmarch{to{stroke-dashoffset:-19}}
.tw-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 .6rem}
.tw-step.tw-low{padding-top:60px}
.tw-node{--ic:#2f9e6e;position:relative;width:170px;height:138px;animation:twbob 5s ease-in-out infinite}
.tw-step:nth-child(3) .tw-node{animation-delay:-1s;--ic:#e49a2b}.tw-step:nth-child(4) .tw-node{animation-delay:-2s;--ic:#f0a41c}.tw-step:nth-child(5) .tw-node{animation-delay:-3s;--ic:#a0663a}.tw-step:nth-child(6) .tw-node{animation-delay:-4s;--ic:#2d6f9a}
@keyframes twbob{50%{transform:translateY(-8px)}}
.tw-node::before{content:"";position:absolute;left:4%;right:4%;top:70px;bottom:0;background:linear-gradient(180deg,#9a7653,#5a4230);clip-path:polygon(0 0,100% 0,90% 50%,72% 82%,50% 100%,30% 80%,10% 50%);filter:drop-shadow(0 12px 8px rgba(0,0,0,.3))}
.tw-node::after{content:"";position:absolute;left:0;right:0;top:48px;height:46px;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#a6d85a,#5aa634 70%);box-shadow:inset 0 -6px 0 rgba(30,90,20,.35),0 6px 0 #7a5a3a}
.tw-node>i{position:absolute;z-index:2;left:50%;top:0;transform:translateX(-50%);font-size:4.1rem;line-height:1;color:var(--ic);filter:drop-shadow(0 10px 6px rgba(0,0,0,.28));transition:transform .5s var(--ease)}
.tw-num{position:absolute;z-index:3;left:50%;top:-46px;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#ffa23a,#f26a0f);color:#fff;font-weight:800;font-size:1.15rem;box-shadow:0 10px 18px -6px rgba(242,106,15,.8),inset 0 2px 0 rgba(255,255,255,.4)}
.tw-num::after{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);border:10px solid transparent;border-top-color:#f26a0f;border-bottom:0}
.tw-card{position:relative;z-index:2;margin-top:-8px;width:100%;padding:1.2rem 1rem 1.4rem;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);border-radius:26px;box-shadow:0 20px 40px -24px rgba(40,60,90,.4);transition:transform .5s var(--ease),box-shadow .5s}
.tw-card small,.tw-bg{display:none}
.tw-card h4{font-family:var(--ff-body);font-weight:800;font-size:1.12rem;line-height:1.2;color:#101812;margin:0 0 .7rem}
.tw-card h4::after{content:"";display:block;width:42px;height:3px;border-radius:3px;background:#f5c400;margin:.7rem auto 0}
.tw-card h4 .or{color:#f26a0f;display:block}
.tw-card p{margin:0;color:#2b3a30;font-size:.92rem;line-height:1.5}
.tw-step:hover .tw-card{transform:translateY(-8px);box-shadow:0 30px 50px -24px rgba(40,60,90,.55)}
.tw-step:hover .tw-node>i{transform:translateX(-50%) scale(1.14) rotate(-5deg)}
@media(max-width:991px){
  .tw{grid-template-columns:1fr;gap:1.6rem;padding-top:40px}
  .tw-path{display:none}
  .tw::before{content:"";position:absolute;left:62px;top:60px;bottom:60px;border-left:4px dashed rgba(20,87,58,.45)}
  .tw-step,.tw-step.tw-low{flex-direction:row;align-items:center;text-align:left;gap:.6rem;padding:0}
  .tw-node{zoom:.72;flex:none}
  .tw-card{margin-top:0;flex:1}
  .tw-card h4::after{margin-left:0}
  .how-plane{font-size:2.2rem;right:4%;top:14px}
}
@media(prefers-reduced-motion:reduce){.tw-node,.how-plane,.tw-path .dash{animation:none}}
/* ---------- search, saved packages, finder, progress ---------- */
.nav-search{margin-left:auto;margin-right:.3rem}
.search-ov{position:fixed;inset:0;z-index:3200;background:rgba(5,20,11,.82);backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding:12vh 18px 18px}
.search-ov.open{display:flex}
.search-box{width:min(680px,100%);background:#fff;border-radius:26px;box-shadow:0 40px 100px -30px #000;overflow:hidden;animation:modalIn .45s var(--ease)}
.search-in{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-bottom:1px solid rgba(23,99,46,.12)}
.search-in>i{font-size:1.3rem;color:var(--green)}
.search-in input{flex:1;border:0;outline:0;font-size:1.1rem;font-family:var(--ff-body);background:transparent;color:var(--ink);min-width:0}
.search-res{max-height:50vh;overflow:auto;padding:.5rem}
.s-item{display:flex;align-items:center;gap:.9rem;padding:.8rem 1rem;border-radius:14px;transition:.25s}
.s-item:hover,.s-item:focus{background:var(--mint)}
.s-g{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green);background:var(--mint);padding:.2rem .6rem;border-radius:100px;min-width:86px;text-align:center}
.s-t{flex:1;font-weight:700;color:var(--forest)}
.s-item i{color:var(--green2)}
.s-empty{padding:1.4rem 1rem;color:var(--muted);font-size:.95rem}
.search-hint{margin:0;padding:.7rem 1.2rem;background:var(--cream);font-size:.78rem;color:var(--muted)}
kbd{background:#fff;border:1px solid rgba(23,99,46,.25);border-bottom-width:2px;border-radius:6px;padding:.05rem .4rem;font-size:.75rem;font-family:var(--ff-body)}
.saved-fab{position:fixed;left:22px;bottom:22px;z-index:900;height:52px;padding:0 1.1rem;border-radius:100px;border:0;background:var(--forest);color:#fff;display:flex;align-items:center;gap:.5rem;font-weight:800;cursor:pointer;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);transition:.35s var(--ease)}
.saved-fab i{color:var(--gold)}
.saved-fab:hover{transform:translateY(-3px);background:var(--green)}
.saved-fab.has span{background:var(--gold);color:var(--forest)}
.saved-fab span{min-width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:.78rem}
.saved-panel{position:fixed;left:22px;bottom:88px;z-index:950;width:min(380px,calc(100vw - 44px));max-height:70vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px -20px rgba(0,0,0,.55);border:1px solid rgba(23,99,46,.12);opacity:0;visibility:hidden;transform:translateY(16px) scale(.98);transition:.4s var(--ease)}
.saved-panel.open{opacity:1;visibility:visible;transform:none}
.sp-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:var(--forest);color:#fff;position:sticky;top:0}
.sp-head h3{color:#fff;margin:0;font-size:1.2rem}
.sp-body{padding:.6rem}
.sp-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem;border-radius:16px;border:1px solid rgba(23,99,46,.1);margin-bottom:.5rem}
.sp-item small{display:block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--green2)}
.sp-item b{font-family:var(--ff-head);font-size:1.25rem;color:var(--green);display:block;line-height:1.2}
.sp-item span{font-size:.78rem;color:var(--muted)}
.sp-act{display:flex;gap:.4rem;align-items:center;flex-shrink:0}
.sp-note{margin:0;padding:.6rem 1.1rem .9rem;font-size:.72rem;color:var(--muted)}
.heart{position:absolute;right:14px;top:14px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--green);cursor:pointer;display:grid;place-items:center;font-size:1.1rem;transition:.3s var(--ease);box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
.heart .bi-heart-fill{display:none;color:#d6336c}
.heart.on .bi-heart{display:none}.heart.on .bi-heart-fill{display:block}
.heart:hover{transform:scale(1.12)}
.finder{background:#fff;border:1px solid rgba(23,99,46,.14);border-radius:26px;padding:1.5rem 1.6rem;margin-bottom:2rem;box-shadow:var(--shadow)}
.finder-h{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}
.finder-h>i{width:48px;height:48px;border-radius:14px;background:var(--forest);color:var(--gold);display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}
.finder-h b{display:block;font-family:var(--ff-head);font-size:1.3rem;color:var(--forest)}.finder-h span{font-size:.88rem;color:var(--muted)}
.finder-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.4rem}
.f-grp label{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--green2);margin-bottom:.5rem}
.f-grp output{color:var(--forest);font-family:var(--ff-head);font-size:1rem;letter-spacing:0;text-transform:none;margin-left:.3rem}
.f-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.f-chips button{border:2px solid rgba(23,99,46,.18);background:#fff;border-radius:100px;padding:.4rem .9rem;font-weight:700;font-size:.8rem;color:var(--forest);cursor:pointer;transition:.3s;font-family:var(--ff-body)}
.f-chips button:hover{border-color:var(--green)}
.f-chips button.on{background:var(--green);border-color:var(--green);color:#fff}
.f-range input{width:100%;accent-color:var(--green)}
.finder-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1.1rem;padding-top:.9rem;border-top:1px solid rgba(23,99,46,.1);font-size:.85rem;color:var(--muted);font-weight:700}
.finder-none{background:var(--mint);border-radius:18px;padding:1.4rem;text-align:center;color:var(--green);font-weight:700}
.read-bar{position:fixed;left:0;right:0;top:0;height:4px;z-index:1200;pointer-events:none}
.read-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));transform-origin:left;transform:scaleX(0)}
kbd{color:var(--forest)!important;font-weight:800}

/* ---------- scenic CTA (full travel background) ---------- */
.cta-scenic{min-height:clamp(400px,33vw,540px);display:flex;align-items:flex-start;padding:clamp(34px,4.2vw,64px) 0 0;text-align:center}
.cta-scenic .cta-bg{opacity:1}
.cta-scenic .cta-bg img{object-position:center 68%}
.cta-scenic::after{background:linear-gradient(180deg,rgba(6,34,26,.68) 0%,rgba(6,34,26,.5) 45%,rgba(6,34,26,.12) 80%,rgba(6,34,26,0) 100%)}
.cta-scenic .cta-inner{margin-inline:auto;max-width:760px}
.cta-scenic .eyebrow{justify-content:center}
.cta-scenic h2,.cta-scenic .lead-x{text-shadow:0 3px 24px rgba(0,0,0,.45)}
.cta-scenic .lead-x{color:#eef6ee;margin-inline:auto}
.cta-scenic .hero-ctas{justify-content:center}
.cta-scenic .route{display:none}

/* how v3 polish */
.how2 h2{white-space:nowrap}
.how-cloud{position:absolute;z-index:-1;height:60px;width:200px;border-radius:60px;background:rgba(255,255,255,.75);filter:blur(6px);animation:howcloud 60s linear infinite;pointer-events:none}
.how-cloud::before,.how-cloud::after{content:"";position:absolute;background:inherit;border-radius:50%}
.how-cloud::before{width:90px;height:90px;left:30px;top:-40px}.how-cloud::after{width:70px;height:70px;left:100px;top:-26px}
.how-cloud.c1{top:12%;left:-220px}.how-cloud.c2{top:46%;left:-220px;animation-duration:85s;animation-delay:-30s;opacity:.7;transform:scale(.8)}.how-cloud.c3{top:72%;left:-220px;animation-duration:110s;animation-delay:-70s;opacity:.55}
@keyframes howcloud{to{transform:translateX(calc(100vw + 460px))}}
.tw{margin-top:3rem;padding-top:76px}
.tw-path{top:108px}
.tw-path .lt{fill:#ffb347;filter:drop-shadow(0 0 7px #ff9d1f);animation:twlt 1.8s ease-in-out infinite}
.tw-path .lt:nth-of-type(2){animation-delay:.45s}.tw-path .lt:nth-of-type(3){animation-delay:.9s}.tw-path .lt:nth-of-type(4){animation-delay:1.35s}
@keyframes twlt{50%{opacity:.25}}
.tw-node{width:190px;height:150px}
.tw-node::before{top:78px}
.tw-node::after{top:54px;height:50px}
.tw-node>i:not(.tw-tree){font-size:5.4rem;top:-14px}
.tw-tree{position:absolute;z-index:3;font-size:2.6rem;color:#1f6b34;filter:drop-shadow(0 0 0 #fff) drop-shadow(0 5px 3px rgba(0,0,0,.3));bottom:72px}
.tw-tree.l{left:6px}.tw-tree.r{right:6px;font-size:2rem;color:#2a7d3c}
.tw-num{top:-70px;width:52px;height:52px}
.tw-step:hover .tw-node>i:not(.tw-tree){transform:translateX(-50%) scale(1.12) rotate(-5deg)}
.tw-card{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.6));border-radius:28px}
.tw-card::after{content:"";position:absolute;inset:auto 18% -1px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#f26a0f,transparent);opacity:0;transition:.4s}
.tw-step:hover .tw-card::after{opacity:1}
@media(max-width:1199px){.how2 h2{white-space:normal}.tw-node{width:150px;height:130px}.tw-node>i:not(.tw-tree){font-size:4.4rem}}
@media(max-width:991px){.tw{padding-top:70px}.tw-num{top:-60px}}.cta-scenic .eyebrow{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.cta-scenic .em{color:var(--gold);text-shadow:0 3px 24px rgba(0,0,0,.5)}
.cta-scenic .btn-line{background:rgba(11,41,24,.35);backdrop-filter:blur(4px)}

.tw-node>i.tw-tree{top:auto;transform:none;bottom:70px;z-index:3;color:#1f6b34;font-size:2.6rem}
.tw-node>i.tw-tree.l{left:4px;right:auto}
.tw-node>i.tw-tree.r{left:auto;right:4px;font-size:2rem;color:#2f8f43}
.tw-step:hover .tw-node>i.tw-tree{transform:none}
.credits{margin-top:2rem;background:var(--cream);border:1px solid rgba(23,99,46,.12);border-radius:22px;padding:1.4rem 1.6rem;font-size:.85rem;color:var(--muted)}
.credits h3{font-size:1.2rem;margin-bottom:.6rem}
.credits ul{margin:0 0 .8rem;padding-left:1.1rem}.credits li{margin-bottom:.3rem}
.credits a{color:var(--green);font-weight:700;text-decoration:underline}

/* how: beach photo background */
.how2{background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.08) 38%,rgba(255,255,255,0) 100%),url("../images/how-bg.jpg") center/cover no-repeat}
.how-scene,.how-cloud{display:none}
.how2 h2{color:#fff;text-shadow:0 4px 24px rgba(0,40,60,.45)}
.how2 h2 .em{color:#ffb347;text-shadow:0 4px 20px rgba(120,40,0,.5)}
.how2 .eyebrow{background:rgba(11,41,24,.85);backdrop-filter:blur(6px)}
.how2 .eyebrow::before,.how2 .eyebrow::after{background:rgba(255,255,255,.8)}
.how2 .container-x>p{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.tw-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78))}
.tw-path .road{filter:drop-shadow(0 8px 8px rgba(0,0,0,.4))}
@media(max-width:991px){.how2 .tw::before{border-left-color:rgba(255,255,255,.8)}}
.how2{background:linear-gradient(180deg,rgba(4,44,60,.62) 0%,rgba(4,44,60,.28) 26%,rgba(4,44,60,0) 48%,rgba(20,20,10,0) 70%,rgba(20,20,10,.6) 100%),url("../images/how-bg.jpg") center/cover no-repeat}
.how2 h2 .em{color:#ffc247;text-shadow:0 3px 0 rgba(150,60,0,.55),0 6px 26px rgba(0,0,0,.6)}
.how2 h2{text-shadow:0 4px 26px rgba(0,0,0,.6)}
/* benefit panels: every panel gets a photo */
.bp.bp-img.bp-gold{background:var(--bg) center/cover}
.bp.bp-img::before{background:linear-gradient(rgba(11,41,24,.25),rgba(11,41,24,.92) 88%)}
.bp.bp-img:not(.active)::before{background:linear-gradient(rgba(11,41,24,.45),rgba(11,41,24,.9) 80%)}
.bp.bp-img .bp-vt{text-shadow:0 2px 14px rgba(0,0,0,.6)}
.bp.bp-img{transition:flex .8s var(--ease),border-color .4s,background-position 1.2s var(--ease)}
.bp.bp-img.active{background-position:center 40%}

/* how: use supplied artwork on desktop, coded version on mobile */
.how-art{display:none}
@media(min-width:992px){
  .how2{padding:0 0 1.2rem;background:linear-gradient(180deg,#fdf1e8,#fbf7f2)}
  .how-art{display:block;line-height:0}
  .how-art img{width:100%;height:auto;display:block}
  .how2 .text-center:not(.mt-5),.how2 .tw,.how-scene,.how-cloud,.how-plane{display:none}
  .how2 .container-x>p{color:#6a7a6f!important;text-shadow:none;margin:.8rem 0 0!important}
}
@media(max-width:991px){
  .how2{background:linear-gradient(105deg,#fde6da 0%,#fdf5ec 38%,#eef5fa 62%,#c9e3f6 100%)}
  .how-scene{display:block}
  .how2 h2{color:#0b1b12;text-shadow:none}
  .how2 h2 .em{color:#f26a0f;text-shadow:none}
  .how2 .eyebrow{background:#14573a}
  .how2 .eyebrow::before,.how2 .eyebrow::after{background:#14573a}
  .how2 .container-x>p{color:var(--muted)!important;text-shadow:none}
  .how2 .tw::before{border-left-color:rgba(20,87,58,.45)}
}
/* photo CTA: full-colour image, text on the left over a soft shade */
.cta-photo{min-height:clamp(460px,44vw,640px);display:flex;align-items:center}
.cta-photo .cta-bg{opacity:1}
.cta-photo .cta-bg img{object-position:70% center}
.cta-photo::after{background:linear-gradient(100deg,rgba(6,34,26,.88) 0%,rgba(6,34,26,.55) 38%,rgba(6,34,26,0) 68%)}
.cta-photo .route{display:none}

/* readable text on photo backgrounds */
.page-hero .em{color:var(--gold);text-shadow:0 3px 22px rgba(0,0,0,.45)}
.page-hero h1,.page-hero .lead-x{text-shadow:0 3px 22px rgba(0,0,0,.45)}
.cta-photo .eyebrow{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.cta-photo .em{color:var(--gold)}
.cta-photo .lead-x{color:#eef6ee;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.cta-photo h2{text-shadow:0 3px 22px rgba(0,0,0,.45)}

/* how: motion layers over artwork (all screen sizes) */
@media all{
  .how-clip{position:relative;overflow:hidden;line-height:0}
  .how-stage{position:relative;transform-origin:50% 50%;transition:transform .35s ease-out,opacity 1.1s ease;animation:howbreath 12s ease-in-out infinite alternate}
  .how-clip.pre .how-stage{opacity:0;scale:.95}
  .how-clip.go .how-stage{opacity:1}
  @keyframes howbreath{from{scale:1.02}to{scale:1.06}}
  .how-mist{position:absolute;left:0;width:46%;height:20%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.75),rgba(255,255,255,0) 70%);filter:blur(14px);pointer-events:none;animation:howmist 46s linear infinite;transform:translateX(-120%)}
  .how-mist.m1{top:26%}.how-mist.m2{top:42%;width:38%;height:16%;opacity:.8;animation-duration:62s;animation-delay:-28s}
  @keyframes howmist{to{transform:translateX(280%)}}
  .how-sheen{position:absolute;left:49%;top:8%;width:30%;height:25%;overflow:hidden;pointer-events:none;mix-blend-mode:overlay}
  .how-sheen::before{content:"";position:absolute;top:0;bottom:0;width:22%;left:-30%;background:linear-gradient(100deg,transparent,#fff,transparent);transform:skewX(-20deg);animation:howsheen 5.5s ease-in-out infinite}
  @keyframes howsheen{0%,40%{left:-30%}100%{left:120%}}
  .how-pin{position:absolute;top:38%;width:4.2%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
  .how-pin::before,.how-pin::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(242,106,15,.8);animation:howpin 2.6s ease-out infinite}
  .how-pin::after{animation-delay:1.3s}
  .how-pin:nth-of-type(2)::before{animation-delay:.3s}
  @keyframes howpin{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.9);opacity:0}}
  .how-lt{position:absolute;width:1.5%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0,#ffd27a 30%,rgba(255,160,40,0) 70%);animation:howlt 1.8s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
  .how-lt:nth-of-type(2){animation-delay:.45s}.how-lt:nth-of-type(3){animation-delay:.9s}.how-lt:nth-of-type(4){animation-delay:1.35s}
  @keyframes howlt{0%,100%{transform:translate(-50%,-50%) scale(.7);opacity:.5}50%{transform:translate(-50%,-50%) scale(2.2);opacity:1}}
  .how-card{position:absolute;border-radius:28px;overflow:hidden;transition:box-shadow .4s,background .4s;cursor:default}
  .how-card::before{content:"";position:absolute;top:0;bottom:0;width:30%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-18deg);animation:howcard 7s ease-in-out infinite;animation-delay:var(--d)}
  @keyframes howcard{0%,70%{left:-40%}100%{left:130%}}
  .how-card:hover{box-shadow:0 0 0 3px rgba(245,196,0,.95),0 24px 40px -14px rgba(242,106,15,.45);background:rgba(255,255,255,.18)}
  .how-sparks{position:absolute;inset:0;pointer-events:none}
  .how-sparks i{position:absolute;width:var(--s);height:var(--s);background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px #ffe9a8);opacity:0;animation:howtw var(--t) ease-in-out var(--dl) infinite}
  @keyframes howtw{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
  .how-fly{position:absolute;left:-8%;top:20%;font-size:clamp(1.4rem,2.4vw,2.4rem);color:#fff;filter:drop-shadow(0 4px 6px rgba(40,70,110,.55));animation:howfly 13s linear 2s infinite;pointer-events:none;opacity:0;line-height:1}
  .how-fly .pl{width:1em;height:1em;fill:currentColor;transform:rotate(76deg);display:block}
  .how-fly::before{content:"";position:absolute;right:75%;top:50%;width:11em;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95));border-radius:3px;transform:rotate(-14deg);transform-origin:right center;filter:blur(1px)}
  @keyframes howfly{0%{left:-8%;top:24%;opacity:0}6%{opacity:1}50%{opacity:1}60%,100%{left:108%;top:2%;opacity:0}}
}
@media(prefers-reduced-motion:reduce){.how-stage,.how-mist,.how-sheen::before,.how-pin::before,.how-pin::after,.how-lt,.how-card::before,.how-sparks i,.how-fly{animation:none!important}.how-clip.pre .how-stage{opacity:1;scale:1}}
/* ---------- WHY v2 ---------- */
.why2{position:relative;overflow:hidden;isolation:isolate;padding:clamp(26px,3.2vw,42px) 0 110px;background:#0d5a46}
.why2-bg{position:absolute;inset:0;z-index:-2;background:url("../images/gallery/munnar-tea.jpg") center 75%/cover no-repeat;animation:why2kb 24s ease-in-out infinite alternate}
@keyframes why2kb{to{transform:scale(1.1) translateX(-1.5%)}}
.why2::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 380px at 12% 8%,rgba(255,244,210,.95),rgba(255,244,210,0) 70%),linear-gradient(90deg,rgba(255,250,236,.9) 0%,rgba(255,250,236,.62) 28%,rgba(255,250,236,0) 52%,rgba(14,96,76,.72) 66%,rgba(8,66,52,.94) 100%)}
.why2-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:2rem;align-items:center}
.why2-eye{display:inline-flex;align-items:center;gap:.7rem;color:#0f5d3a;font-size:.8rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;margin-bottom:.6rem}
.why2-eye .pl{width:2rem;height:2rem;fill:#0f5d3a;transform:rotate(45deg)}
.why2-h{font-family:var(--ff-head);font-weight:800;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.02;color:#1a1a1a;margin:0 0 .9rem}
.why2-h .em{position:relative;display:inline-block;font-family:var(--ff-head);font-style:italic;font-weight:800;color:#0f6a3a;font-size:1.18em;line-height:1.1}
.why2-h .swoosh{position:absolute;left:4%;bottom:-.22em;width:78%;height:.2em;overflow:visible;stroke-dasharray:300;stroke-dashoffset:300;animation:why2draw 1.6s .6s var(--ease) forwards}
@keyframes why2draw{to{stroke-dashoffset:0}}
.why2-lead{color:#1f2a22;font-size:1.02rem;max-width:26em;margin:0 0 1rem}
.why2-list{position:relative;padding-left:40px}
.why2-arc{position:absolute;left:0;top:0;width:130px;height:560px;overflow:visible;pointer-events:none}
.why2-arc .ln{stroke:#fff;stroke-width:2;stroke-dasharray:5 7;animation:why2march 1.4s linear infinite}
@keyframes why2march{to{stroke-dashoffset:-12}}
.why2-arc .dt{fill:#d8d21b;stroke:#fff;stroke-width:3;animation:why2dt 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.why2-arc .dt:nth-of-type(2){animation-delay:.4s}.why2-arc .dt:nth-of-type(3){animation-delay:.8s}.why2-arc .dt:nth-of-type(4){animation-delay:1.2s}.why2-arc .dt:nth-of-type(5){animation-delay:1.6s}
@keyframes why2dt{50%{transform:scale(1.35)}}
.why2-card{position:relative;display:flex;align-items:center;gap:.9rem;height:84px;margin:0 0 12px var(--m);padding:0 1rem 0 .9rem;border-radius:100px;background:linear-gradient(100deg,rgba(236,249,243,.9),rgba(205,232,222,.72));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.75);box-shadow:0 18px 36px -18px rgba(0,30,20,.55),inset 0 1px 0 rgba(255,255,255,.8);color:#10221a;transition:transform .45s var(--ease),box-shadow .45s}
.why2-card:last-child{margin-bottom:0}
.why2-card .ic{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;box-shadow:0 10px 18px -8px rgba(0,0,0,.5);transition:transform .45s var(--ease)}
.why2-card.green .ic{background:linear-gradient(145deg,#12713f,#0a4a2a);color:#fff}
.why2-card.gold .ic{background:linear-gradient(145deg,#ffd43b,#f5b400);color:#0a3a20}
.why2-card h4{font-family:var(--ff-body);font-weight:800;font-size:1.08rem;margin:0 0 .15rem;color:#0f1c15;line-height:1.2}
.why2-card p{margin:0;font-size:.86rem;line-height:1.35;color:#2b3b32}
.why2-card .go{margin-left:auto;flex:none;width:34px;height:34px;border-radius:50%;background:#fff;color:#0a3a20;display:grid;place-items:center;font-size:.95rem;box-shadow:0 6px 12px -6px rgba(0,0,0,.4);transition:.4s var(--ease)}
.why2-card:hover{transform:translateX(-10px) scale(1.015);box-shadow:0 26px 44px -18px rgba(0,30,20,.65),0 0 0 2px rgba(245,196,0,.9)}
.why2-card:hover .ic{transform:rotate(-8deg) scale(1.08)}
.why2-card:hover .go{background:var(--gold);transform:translateX(4px)}
.why2-tear{position:absolute;left:0;right:0;bottom:0;height:96px;z-index:1;background:#f6f0df;clip-path:polygon(0 38%,4% 28%,9% 36%,14% 26%,20% 35%,27% 22%,34% 33%,40% 25%,47% 37%,54% 28%,60% 38%,67% 26%,74% 35%,81% 24%,88% 34%,94% 27%,100% 33%,100% 100%,0 100%)}
.why2-tear::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 30% 120%,transparent 0 22px,rgba(23,99,46,.07) 22px 23px)}
.why2-route{position:absolute;left:50%;bottom:10px;width:520px;max-width:60%;height:auto;transform:translateX(-30%)}
.why2-plane{position:absolute;left:calc(50% - 30% * 0 );bottom:0;width:0;height:0}
.why2-plane{left:50%;margin-left:-156px;bottom:12px;font-size:2rem;color:#0f5d3a;width:2rem;height:2rem;animation:why2fly 7s ease-in-out infinite}
.why2-plane .pl{width:1em;height:1em;fill:currentColor;transform:rotate(80deg);display:block}
@keyframes why2fly{0%{transform:translate(0,0)}50%{transform:translate(170px,-34px) rotate(-4deg)}100%{transform:translate(330px,-48px)}}
.why2-pinend{position:absolute;left:50%;margin-left:176px;bottom:68px;font-size:2rem;color:#0f5d3a;animation:why2pin 2s ease-in-out infinite}
@keyframes why2pin{50%{transform:translateY(-6px)}}
.why2-polas{position:absolute;z-index:2;left:max(3%,calc((100% - 1240px)/2 - 10px));bottom:14px;width:340px;height:170px}
.why2-polas figure{position:absolute;margin:0;width:128px;background:#fff;padding:6px 6px 20px;box-shadow:0 16px 26px -10px rgba(0,0,0,.45);transform:rotate(var(--r));animation:why2bob 6s ease-in-out infinite;transition:transform .4s var(--ease)}
.why2-polas figure:nth-child(2){animation-delay:-2s}.why2-polas figure:nth-child(3){animation-delay:-4s}
.why2-polas img{width:100%;height:110px;object-fit:cover;display:block}
@keyframes why2bob{50%{transform:rotate(var(--r)) translateY(-8px)}}
@media(max-width:991px){
  .why2{padding-bottom:90px}
  .why2::before{background:linear-gradient(180deg,rgba(255,250,236,.92) 0,rgba(255,250,236,.75) 34%,rgba(14,96,76,.86) 52%,rgba(8,66,52,.96) 100%)}
  .why2-grid{grid-template-columns:1fr}
  .why2-list{padding-left:0}.why2-arc{display:none}
  .why2-card{margin-left:0!important}
  .why2-route,.why2-plane,.why2-pinend{display:none}
}
@media(max-width:575px){
  .why2-card{height:auto;min-height:74px;border-radius:24px;padding:.65rem .85rem;margin:0 0 10px 0!important}
  .why2-card .ic{width:46px;height:46px;font-size:1.35rem;border-radius:14px}
  .why2-card .go{display:none}
  .why2-polas{transform:scale(.8);transform-origin:left bottom}
}
@media(prefers-reduced-motion:reduce){.why2 *,.why2-bg{animation:none!important}.why2-h .swoosh{stroke-dashoffset:0}}
.why2-list{padding-left:0}
.why2-pinend{margin-left:332px;bottom:68px}
.why2-plane{bottom:20px;margin-left:-250px;animation:why2fly 8s ease-in-out infinite}
.why2-route{transform:translateX(-50%)}
@keyframes why2fly{0%{transform:translate(0,0)}14%{transform:translate(84px,-21px)}30%{transform:translate(167px,-16px)}48%{transform:translate(249px,-9px)}64%{transform:translate(332px,-22px)}84%{transform:translate(442px,-45px)}100%{transform:translate(492px,-48px)}}
@media(max-width:991px){.why2-list{padding-left:0}}.why2-pinend{margin-left:222px;bottom:70px}
.why2-plane{bottom:8px;margin-left:-268px}
/* ================= PACKAGES PAGE REDESIGN ================= */
html{scroll-padding-top:110px}
.pkh{position:relative;isolation:isolate;color:#fff;overflow:hidden;background:var(--forest);padding:clamp(56px,8vw,120px) 0 clamp(110px,11vw,170px)}
.pkh-bg{position:absolute;inset:0;z-index:-2}
.pkh-bg img{width:100%;height:100%;object-fit:cover;object-position:center 55%;animation:kenburns 26s ease-in-out infinite alternate}
.pkh::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,34,26,.92) 0%,rgba(11,41,24,.72) 45%,rgba(11,41,24,.25) 100%)}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.12) translateX(-1.5%)}}
.pkh-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}
.pkh h1{color:#fff}
.pkh-stats{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.2rem}
.pkh-stats div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);border-radius:18px;padding:.7rem 1.1rem;min-width:118px}
.pkh-stats b{display:block;font-family:var(--ff-head);font-size:1.6rem;color:var(--gold);line-height:1.1}
.pkh-stats span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#d7e6da;font-weight:700}
.pkh-polas{position:relative;height:470px}
.pola{position:absolute;margin:0;background:#fff;padding:10px 10px 0;border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);transition:transform .6s var(--ease)}
.pola img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}
.pola figcaption{display:flex;justify-content:space-between;align-items:center;padding:.6rem .4rem .7rem;color:var(--forest)}
.pola figcaption b{font-family:var(--ff-head);font-size:1.15rem}
.pola figcaption span{background:var(--gold);color:var(--forest);font-weight:800;font-size:.8rem;border-radius:100px;padding:.2rem .7rem}
.pola.pola-a{width:58%;height:250px;left:0;top:6%;transform:rotate(-5deg)}
.pola.pola-b{width:54%;height:270px;right:0;top:0;transform:rotate(4deg)}
.pola.pola-c{width:56%;height:240px;left:22%;bottom:0;transform:rotate(-2deg)}
.pola.pola-a img{height:calc(100% - 52px)}.pola.pola-b img{height:calc(100% - 52px)}.pola.pola-c img{height:calc(100% - 52px)}
.pkh-polas:hover .pola.pola-a{transform:rotate(-7deg) translateY(-6px)}.pkh-polas:hover .pola.pola-b{transform:rotate(6deg) translateY(-6px)}.pkh-polas:hover .pola.pola-c{transform:rotate(0) translateY(-6px)}
.pkh-wave{position:absolute;left:0;bottom:-1px;width:100%;height:clamp(50px,7vw,100px);z-index:1}
/* ladder */
.ladder{display:grid;grid-template-columns:repeat(9,1fr);gap:10px;align-items:end;height:360px}
.step{display:flex;flex-direction:column;justify-content:flex-end;gap:.15rem;text-align:center;height:var(--h);padding:.9rem .4rem;border-radius:20px 20px 8px 8px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--green2),var(--forest));transition:transform .45s var(--ease),background .4s,box-shadow .4s;box-shadow:0 14px 30px -18px rgba(11,41,24,.7)}
.step::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--gold)}
.step small{font-size:.62rem;letter-spacing:.16em;font-weight:800;color:var(--gold)}
.step b{font-family:var(--ff-head);font-size:clamp(.72rem,1.25vw,1.12rem);line-height:1.15;word-break:break-word}
.step span{font-size:.66rem;opacity:.85;line-height:1.2}
.step:hover{transform:translateY(-10px);background:linear-gradient(180deg,#ffd42b,var(--gold));color:var(--forest);box-shadow:0 26px 40px -18px rgba(245,196,0,.9)}
.step:hover small{color:var(--forest)}
/* showcase rows */
.pkx{display:flex;flex-direction:column;gap:34px}
.pr{display:grid;grid-template-columns:1.05fr 1fr;border-radius:34px;overflow:hidden;background:#fff;border:1px solid rgba(23,99,46,.12);box-shadow:0 24px 60px -34px rgba(11,41,24,.45);transition:transform .5s var(--ease),box-shadow .5s;scroll-margin-top:110px}
.pr:hover{transform:translateY(-6px);box-shadow:0 34px 70px -30px rgba(11,41,24,.6)}
.pr.rev .pr-img{order:2}
.pr-img{position:relative;min-height:430px;overflow:hidden;background:var(--forest)}
.pr-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.pr:hover .pr-img img{transform:scale(1.07)}
.pr-img::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(11,41,24,.72))}
.pr-no{position:absolute;left:1.4rem;bottom:.2rem;z-index:2;font-family:var(--ff-head);font-weight:900;font-size:clamp(5rem,9vw,8rem);line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.75)}
.pr-lv{position:absolute;left:1.3rem;top:1.3rem;z-index:2;background:var(--gold);color:var(--forest);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;padding:.4rem .95rem;border-radius:100px}
.pr .heart{z-index:3}
.pr-body{padding:clamp(1.6rem,3.2vw,3.2rem);display:flex;flex-direction:column;justify-content:center;gap:.5rem}
.pr-k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--green2)}
.pr-price{font-family:var(--ff-head);font-weight:900;font-size:clamp(2.6rem,5vw,4.6rem);line-height:1;color:var(--green);letter-spacing:-.01em}
.pr-body h3{font-size:clamp(1.5rem,2.4vw,2.1rem);font-style:italic;margin:.1rem 0 0}
.pr-body h3 em{display:block;font-family:var(--ff-body);font-style:normal;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green2);margin-top:.2rem}
.pr-desc{color:var(--muted);margin:.2rem 0}
.pr-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:.4rem 0}
.pr-tiles div{background:var(--mint);border-radius:16px;padding:.75rem .85rem}
.pr-tiles i{color:var(--green);font-size:1.1rem}
.pr-tiles small{display:block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--green2);margin-top:.15rem}
.pr-tiles b{font-size:.88rem;color:var(--forest);line-height:1.3;display:block}
.pr-travel{margin:.3rem 0 .6rem;padding:.2rem 0 .2rem 1rem;border-left:3px solid var(--gold);font-family:var(--ff-script);font-style:italic;font-size:1.2rem;color:#34483a;line-height:1.35}
.pr-ctas{display:flex;flex-wrap:wrap;gap:.7rem}
/* dark variant */
.pr-dark{background:linear-gradient(150deg,var(--green),var(--forest));border-color:transparent;color:#cfe0d3}
.pr-dark .pr-k{color:var(--gold)}.pr-dark .pr-price{color:var(--gold)}.pr-dark h3{color:#fff}.pr-dark h3 em{color:#a9c3b0}
.pr-dark .pr-desc{color:#b9cfbd}.pr-dark .pr-tiles div{background:rgba(255,255,255,.08)}.pr-dark .pr-tiles i,.pr-dark .pr-tiles small{color:var(--gold)}.pr-dark .pr-tiles b{color:#fff}
.pr-dark .pr-travel{color:#e3efe6}.pr-dark .btn-line-dk{border-color:rgba(255,255,255,.55);color:#fff}.pr-dark .btn-line-dk:hover{background:#fff;color:var(--forest)}
/* basic = ticket */
.pr-basic{background:var(--cream);border:2px dashed var(--softgold);box-shadow:none}
.pr-basic .pr-img{border-right:2px dashed var(--softgold)}
/* final = grand package */
.pr-final{background:radial-gradient(900px 400px at 85% 0,#1f7a3a 0,transparent 60%),linear-gradient(160deg,#0B2918,#06190e);border:2px solid var(--gold);color:#cfe0d3;box-shadow:0 40px 80px -30px rgba(245,196,0,.35)}
.pr-final .pr-k{color:var(--gold)}.pr-final .pr-price{color:var(--gold);font-size:clamp(2.4rem,4.4vw,4rem)}.pr-final h3{color:#fff}.pr-final h3 em{color:#a9c3b0}
.pr-final .pr-desc{color:#b9cfbd}.pr-final .pr-tiles div{background:rgba(255,255,255,.08)}.pr-final .pr-tiles i,.pr-final .pr-tiles small{color:var(--gold)}.pr-final .pr-tiles b{color:#fff}
.pr-final .pr-travel{color:#e3efe6}.pr-final .btn-line-dk{border-color:rgba(255,255,255,.55);color:#fff}.pr-final .btn-line-dk:hover{background:#fff;color:var(--forest)}
.pr-final .pr-lv{background:linear-gradient(90deg,#F5C400,#ffe68a)}
@media (max-width:1199px){.ladder{height:320px}}
@media (max-width:991px){
  .pkh-grid{grid-template-columns:1fr}.pkh-polas{height:360px;max-width:520px;margin:0 auto;width:100%}
  .pola.pola-a{height:200px}.pola.pola-b{height:215px}.pola.pola-c{height:195px}
  .ladder{grid-template-columns:repeat(3,1fr);height:auto;align-items:stretch}.step{height:auto;min-height:120px;justify-content:center}
  .pr,.pr.rev{grid-template-columns:1fr}.pr.rev .pr-img{order:0}.pr-img{min-height:290px}
  .pr-basic .pr-img{border-right:0;border-bottom:2px dashed var(--softgold)}
}
@media (max-width:575px){.pr-tiles{grid-template-columns:1fr 1fr}.pr-tiles div:last-child{grid-column:1/-1}.pr-ctas .btn-x{flex:1;justify-content:center}.pkh-stats div{min-width:calc(50% - .4rem)}.ladder{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){.pkh-bg img{animation:none}}
/* packages redesign fixes */
#all{overflow-x:clip;overflow-y:visible}
.pkh{overflow:hidden}
.pr-no{bottom:.9rem}
.pola.pola-a{width:52%;height:220px;left:0;top:34px;transform:rotate(-5deg)}
.pola.pola-b{width:50%;height:228px;right:0;top:0;transform:rotate(4deg)}
.pola.pola-c{width:52%;height:225px;left:28%;bottom:0;transform:rotate(-2deg)}
@media (max-width:991px){.pola.pola-a{height:170px;top:20px}.pola.pola-b{height:175px}.pola.pola-c{height:170px}}

/* ===== package showcase as a CARD GRID ===== */
.pkx{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.pr,.pr.rev{display:flex;flex-direction:column;border-radius:28px;min-height:0}
.pr.rev .pr-img{order:0}
.pr-img{min-height:0;height:250px;flex:none}
.pr-no{font-size:clamp(4rem,6vw,5.4rem);left:1.1rem;bottom:.5rem;-webkit-text-stroke-width:1.6px}
.pr-body{flex:1;padding:1.5rem 1.6rem 1.7rem;gap:.4rem}
.pr-price{font-size:clamp(2.1rem,3vw,2.9rem)}
.pr-body h3{font-size:clamp(1.25rem,1.8vw,1.55rem)}
.pr-desc{font-size:.9rem;margin:0}
.pr-tiles{grid-template-columns:1fr 1fr;gap:8px}
.pr-tiles div:nth-child(3){grid-column:1/-1;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.pr-tiles div:nth-child(3) small{margin:0}
.pr-travel{font-size:1.02rem;margin:.2rem 0 .4rem}
.pr-ctas{margin-top:auto;padding-top:.5rem}
.pr-ctas .btn-x{padding:.7rem 1.15rem;font-size:.88rem}
.pr-basic .pr-img{border-right:0;border-bottom:2px dashed var(--softgold)}
.pr-final .pr-price{font-size:clamp(1.9rem,2.5vw,2.5rem)}
@media (max-width:1199px){.pkx{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pkx{grid-template-columns:1fr}.pr-img{height:230px}}

/* hero card: narrower + ornamental border */
.hz{width:min(1320px,calc(100% - 56px));margin:30px auto 36px;border-radius:40px;border:4px solid transparent;
  background:radial-gradient(900px 520px at 78% 30%,#1b5a35 0%,transparent 62%) padding-box,linear-gradient(180deg,#0B2918 0%,#06190f 100%) padding-box,conic-gradient(from var(--a),#F5C400,#fff3b0,#2D8A45,#F5C400,#fff3b0,#2D8A45,#F5C400) border-box;
  animation:hzspin 9s linear infinite;box-shadow:0 0 0 7px rgba(245,196,0,.12),0 0 0 8px rgba(245,196,0,.35),0 40px 90px -30px rgba(0,0,0,.85)}
.hz-frame{position:absolute;inset:14px;border:1.5px dashed rgba(245,196,0,.4);border-radius:28px;pointer-events:none;z-index:3}
.hz-frame i{position:absolute;width:44px;height:44px;border:4px solid #F5C400;filter:drop-shadow(0 0 8px rgba(245,196,0,.6))}
.hz-frame i:nth-child(1){left:-8px;top:-8px;border-right:0;border-bottom:0;border-radius:28px 0 0 0}
.hz-frame i:nth-child(2){right:-8px;top:-8px;border-left:0;border-bottom:0;border-radius:0 28px 0 0}
.hz-frame i:nth-child(3){left:-8px;bottom:-8px;border-right:0;border-top:0;border-radius:0 0 0 28px}
.hz-frame i:nth-child(4){right:-8px;bottom:-8px;border-left:0;border-top:0;border-radius:0 0 28px 0}
.hz .container-x{width:calc(100% - clamp(48px,8vw,120px))}
@media(max-width:767px){.hz{width:calc(100% - 20px);margin:14px auto 20px;border-radius:26px;border-width:3px}.hz-frame{inset:9px;border-radius:18px}.hz-frame i{width:28px;height:28px;border-width:3px}.hz .container-x{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.hz{animation:none}}
/* hero card: compact height */
@media(min-width:992px){
  .hz{margin:20px auto 24px;padding:clamp(20px,2.2vw,30px) 0 clamp(20px,2.4vw,30px)}
  .hz-grid{gap:1.5rem}
  .hz-stage{height:clamp(330px,29vw,400px)}
  .hz-pill{margin-bottom:.6rem;font-size:.68rem}
  .hz .hero-title{font-size:clamp(2rem,3.7vw,3.3rem);margin-bottom:.7rem}
  .hz-lead{font-size:.95rem;margin-bottom:.3rem}
  .hz .hero-sub{font-size:.8rem!important;line-height:1.5}
  .hz .hero-ctas{margin-top:.9rem}
  .hz .btn-x{padding:.6rem 1.2rem;font-size:.88rem}
  .hz-stats{margin-top:1.1rem;padding:.65rem 1rem}
  .hz-st .ic{width:42px;height:42px;font-size:1.2rem}
  .hz-st b{font-size:clamp(1.3rem,1.9vw,1.65rem)}
  .hz-st strong{font-size:.64rem}.hz-st small{font-size:.72rem}
  .hz-t-main{padding:.8rem 1rem .9rem}
  .hz-t-route b{font-size:clamp(1.05rem,1.6vw,1.4rem)}
  .hz-t-stub b{font-size:1.6rem}.hz-bars{height:26px}
}
/* ================= PACKAGES: process / rates / FAQ redesign ================= */
.p2{position:relative;overflow:hidden;color:#d4e4d8;background:radial-gradient(1000px 520px at 90% -10%,#1d6b36 0,transparent 60%),radial-gradient(800px 500px at -10% 110%,#124a26 0,transparent 55%),#0B2918}
.p2 h2,.p2 h3{color:#fff}
.p2 .lead-x{color:#bcd0c0}
.p2-glow{position:absolute;right:-120px;top:20%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.16),transparent 65%);pointer-events:none}
.p2-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}
.p2-tab{display:flex;align-items:center;gap:1rem;text-align:left;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.16);border-radius:22px;padding:1rem 1.2rem;cursor:pointer;color:#cfe0d3;font-family:var(--ff-body);transition:.4s var(--ease)}
.p2-tab .ic{width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.1);color:var(--gold);display:grid;place-items:center;font-size:1.5rem;flex-shrink:0;transition:.4s}
.p2-tab b{display:block;font-family:var(--ff-head);font-size:1.25rem;color:#fff}
.p2-tab small{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#9db7a4}
.p2-tab:hover{border-color:var(--gold);transform:translateY(-3px)}
.p2-tab.active{background:var(--gold);border-color:var(--gold);color:var(--forest);box-shadow:0 20px 40px -20px rgba(245,196,0,.8)}
.p2-tab.active .ic{background:var(--forest);color:var(--gold)}.p2-tab.active b{color:var(--forest)}.p2-tab.active small{color:rgba(11,41,24,.7)}
.p2-stage{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:stretch}
.p2-visual{position:relative;border-radius:30px;overflow:hidden;min-height:430px;background:#06190e;box-shadow:0 30px 60px -30px #000}
.p2-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform 1.4s var(--ease)}
.p2-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(6,25,14,.92))}
.p2-visual.swap img{opacity:.2;transform:scale(1.06)}
.p2-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.8rem}
.p2-cap small{display:inline-block;background:var(--gold);color:var(--forest);font-weight:800;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;padding:.3rem .8rem;border-radius:100px;margin-bottom:.6rem}
.p2-cap h3{font-size:2rem;margin:0 0 .3rem;font-style:italic}.p2-cap p{margin:0;color:#cfe0d3;font-size:.95rem}
.p2-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;align-content:center;position:relative}
.p2-steps::before{content:"";position:absolute;left:32px;top:30px;bottom:30px;width:2px;background:linear-gradient(var(--gold),rgba(245,196,0,.1))}
.p2-step{position:relative;display:grid;grid-template-columns:66px 1fr;gap:1rem;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:1rem 1.3rem 1rem 1rem;animation:stepIn .6s var(--ease) both;transition:.35s var(--ease)}
.p2-step:hover{background:rgba(255,255,255,.12);border-color:var(--gold);transform:translateX(6px)}
.p2-step .n{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:var(--forest);border:2px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:1.3rem;margin-left:8px}
.p2-step .n em{position:absolute;right:-6px;top:-6px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--forest);font-style:normal;font-weight:800;font-size:.68rem;display:grid;place-items:center}
.p2-step b{display:block;color:#fff;font-size:1.05rem}.p2-step span{font-size:.88rem;color:#b9cfbd}
@keyframes stepIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
/* rates */
.rates3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rt{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(23,99,46,.14);border-radius:30px;padding:2rem 1.8rem 2rem;text-align:center;transition:.5s var(--ease);box-shadow:0 22px 50px -34px rgba(11,41,24,.5)}
.rt:hover{transform:translateY(-8px);box-shadow:0 34px 60px -30px rgba(11,41,24,.6);border-color:var(--gold)}
.rt-ic{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--forest);color:var(--gold);font-size:1.7rem;margin-bottom:.8rem;box-shadow:0 14px 26px -12px rgba(11,41,24,.7)}
.rt h3{font-size:1.35rem;margin-bottom:.2rem;position:relative;z-index:1}
.rt-pct{font-family:var(--ff-head);font-weight:900;font-size:clamp(4.4rem,8vw,6.4rem);line-height:1;background:linear-gradient(180deg,#2D8A45,#0B2918);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1}
.rt-pct sup{font-size:.38em;vertical-align:top;position:relative;top:.35em;background:linear-gradient(180deg,#F5C400,#d9a900);-webkit-background-clip:text;background-clip:text;color:transparent}
.rt-chip{display:inline-block;margin:.2rem .15rem 0;background:var(--mint);color:var(--green);border-radius:100px;padding:.3rem .9rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1}
.rt-chip.alt{background:var(--gold);color:var(--forest)}
.rt-bg{position:absolute;right:-20px;bottom:-30px;font-size:9rem;color:rgba(23,99,46,.07);pointer-events:none}
.rt-dark{background:linear-gradient(160deg,var(--green),var(--forest));border-color:transparent;color:#cfe0d3}
.rt-dark h3{color:#fff}.rt-dark .rt-ic{background:var(--gold);color:var(--forest)}
.rt-dark .rt-pct{background:linear-gradient(180deg,#ffe68a,#F5C400);-webkit-background-clip:text;background-clip:text}
.rt-dark .rt-pct sup{background:none;color:#fff;-webkit-text-fill-color:#fff}
.rt-dark .rt-chip{background:rgba(255,255,255,.12);color:#fff}.rt-dark .rt-chip.alt{background:var(--gold);color:var(--forest)}.rt-dark .rt-bg{color:rgba(255,255,255,.06)}
.elig3{margin-top:26px;background:#fff;border:1px solid rgba(23,99,46,.14);border-radius:32px;padding:clamp(1.4rem,3vw,2.4rem);box-shadow:0 22px 50px -34px rgba(11,41,24,.5)}
.elig3-h{display:flex;gap:1rem;align-items:center;margin-bottom:1.4rem}
.elig3-h .rt-ic{margin:0;flex-shrink:0}.elig3-h h3{font-size:1.4rem;margin:0}.elig3-h p{margin:0;color:var(--muted);font-size:.9rem}
.tiers{display:grid;gap:12px}
.tier{display:grid;grid-template-columns:130px 1fr auto;gap:1.2rem;align-items:center;background:var(--cream);border-radius:22px;padding:.7rem;transition:.4s var(--ease);border:1px solid transparent}
.tier:hover{border-color:var(--gold);transform:translateX(6px)}
.tier img{width:130px;height:86px;object-fit:cover;border-radius:16px}
.tier small{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--green2)}
.tier-b b{display:block;font-family:var(--ff-head);font-size:1.3rem;color:var(--forest);line-height:1.2}
.bar{height:9px;border-radius:9px;background:rgba(23,99,46,.12);margin-top:.5rem;overflow:hidden}
.bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--green2),var(--gold));border-radius:9px}
.tier-r{text-align:right;padding-right:1rem}.tier-r strong{display:block;font-family:var(--ff-head);font-size:2.2rem;color:var(--green);line-height:1}.tier-r span{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.ceil{display:flex;gap:1rem;align-items:center;margin-top:1.2rem;background:var(--forest);color:#cfe0d3;border-radius:22px;padding:1.1rem 1.4rem}
.ceil i{font-size:2rem;color:var(--gold)}.ceil b{display:block;color:#fff}.ceil span{font-size:.86rem}
/* FAQ */
.faq2-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.faq2-side{position:sticky;top:110px}
.faq2-card{position:relative;border-radius:32px;overflow:hidden;min-height:520px;display:flex;align-items:flex-end;isolation:isolate;box-shadow:0 30px 60px -30px rgba(11,41,24,.7)}
.faq2-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2}
.faq2-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,34,26,.2) 20%,rgba(6,34,26,.92))}
.faq2-cap{padding:1.8rem;color:#e3efe6}.faq2-cap h2{color:#fff;font-size:clamp(1.8rem,3vw,2.5rem)}.faq2-cap .em{color:var(--gold)}.faq2-cap p{color:#cfe0d3;font-size:.95rem}
.faq2 .faq{counter-reset:q}
.faq2 .faq details{counter-increment:q;background:#fff;border:1px solid rgba(23,99,46,.14);border-radius:22px;padding:0;margin-bottom:12px;transition:.35s var(--ease);box-shadow:0 14px 30px -26px rgba(11,41,24,.5)}
.faq2 .faq details[open]{border-color:var(--gold);box-shadow:0 22px 40px -26px rgba(11,41,24,.6)}
.faq2 .faq summary{padding:1.1rem 1.3rem;font-size:1.12rem;gap:1rem}
.faq2 .faq summary::before{content:counter(q,decimal-leading-zero);flex-shrink:0;width:44px;height:44px;border-radius:14px;background:var(--forest);color:var(--gold);display:grid;place-items:center;font-family:var(--ff-body);font-weight:800;font-size:.85rem}
.faq2 .faq summary{justify-content:flex-start}
.faq2 .faq summary i{margin-left:auto}
.faq2 .faq details[open] summary::before{background:var(--gold);color:var(--forest)}
.faq2 .faq details p{margin:0;padding:0 1.4rem 1.3rem 5.2rem;color:#4a5a50}
@media (max-width:991px){
  .p2-tabs{grid-template-columns:1fr}.p2-stage{grid-template-columns:1fr}.p2-visual{min-height:300px}
  .rates3{grid-template-columns:1fr}
  .tier{grid-template-columns:96px 1fr auto}.tier img{width:96px;height:72px}
  .faq2-grid{grid-template-columns:1fr}.faq2-side{position:static}.faq2-card{min-height:340px}
}
@media (max-width:575px){.tier{grid-template-columns:1fr;text-align:left}.tier img{width:100%;height:130px}.tier-r{text-align:left;padding:0 .4rem .4rem}.p2-step{grid-template-columns:56px 1fr}.faq2 .faq details p{padding-left:1.4rem}.ceil{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.p2-step{animation:none}}
.p2 .em{color:var(--gold)}
.rt-pct sup{background:none;font-size:.36em;vertical-align:top;position:relative;top:.55em;margin-left:.08em;color:#F5C400;-webkit-text-fill-color:#F5C400}
.rt-dark .rt-pct sup{color:#fff;-webkit-text-fill-color:#fff}

/* hero card v3: stamp-perforation border + lower height */
.hz{border:0;animation:none;
  background:radial-gradient(900px 520px at 78% 30%,#1b5a35 0%,transparent 62%),linear-gradient(180deg,#0B2918 0%,#06190f 100%);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 0 1px rgba(245,196,0,.25)}
.hz::before{content:"";position:absolute;inset:0;padding:14px;border-radius:40px;z-index:4;pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%,#0B2918 0 3.3px,transparent 4px) 0 0/18px 14px repeat-x,
    radial-gradient(circle at 50% 50%,#0B2918 0 3.3px,transparent 4px) 0 100%/18px 14px repeat-x,
    radial-gradient(circle at 50% 50%,#0B2918 0 3.3px,transparent 4px) 0 0/14px 18px repeat-y,
    radial-gradient(circle at 50% 50%,#0B2918 0 3.3px,transparent 4px) 100% 0/14px 18px repeat-y,
    linear-gradient(135deg,#a8760a 0%,#F5C400 28%,#fff3b0 50%,#F5C400 72%,#a8760a 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:hzperf 1.6s linear infinite}
@keyframes hzperf{to{background-position:18px 0,-18px 100%,0 18px,100% -18px,0 0}}
.hz-frame{inset:20px;border:1.5px solid rgba(245,196,0,.4);border-radius:22px}
.hz-frame i{display:none}
@media(min-width:992px){
  .hz{margin:16px auto 20px;padding:clamp(26px,2.6vw,34px) 0 clamp(22px,2.2vw,30px)}
  .hz-stage{height:clamp(290px,24.5vw,340px)}
  .hz .hero-title .l:nth-child(1),.hz .hero-title .l:nth-child(2){display:inline-block;margin-right:.28em}
  .hz .hero-title{font-size:clamp(1.9rem,3.3vw,3rem);margin-bottom:.5rem}
  .hz-pill{margin-bottom:.5rem}
  .hz-stats{margin-top:.8rem}
}
@media(max-width:767px){.hz::before{padding:10px;border-radius:26px;background-size:14px 10px,14px 10px,10px 14px,10px 14px,100% 100%}.hz-frame{inset:14px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){.hz::before{animation:none}}.p2 .eyebrow{color:var(--gold)}
@media(min-width:992px){.hz-grid{grid-template-columns:1.3fr 1fr}.hz .hero-title{font-size:clamp(1.9rem,3.1vw,2.9rem)}.hz-stage{height:clamp(280px,23vw,320px)}}@media(min-width:992px){.hz-ticket{width:74%;min-width:300px;right:-6%}.hz-t-top{white-space:nowrap;font-size:.54rem;letter-spacing:.1em;gap:.6rem}.hz-t-top .pl{font-size:.75rem}.hz-t-route b{font-size:clamp(1rem,1.5vw,1.3rem)}}
/* ===== header v3: leaf logo hanging below the bar + Explore Packages CTA ===== */
.site-header .container-x{align-items:center}
.site-header .brand{align-self:flex-start;position:relative;z-index:5}
.site-header .brand img{height:126px;width:auto;margin-top:8px;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 10px 14px rgba(11,41,24,.38));transition:height .35s var(--ease),margin .35s var(--ease),transform .4s var(--ease)}
.site-header .brand:hover img{transform:rotate(-3deg) scale(1.04)}
.site-header.scrolled .brand img{height:92px;margin-top:2px}
.nav-cta{flex-shrink:0;margin-left:.3rem}
.nav-auth{gap:.1rem;align-items:center}
.nav-auth .btn-x{background:none!important;border:0!important;box-shadow:none!important;color:var(--forest);padding:.5rem .8rem;font-weight:700}
.nav-auth .btn-x i{display:none}
.nav-auth .btn-x:hover{color:var(--green);transform:none}
.nav-auth .btn-x+.btn-x{border-left:1px solid rgba(23,99,46,.25)!important;border-radius:0}
.f-logo img{width:170px!important;height:auto;background:none!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 14px 20px rgba(0,0,0,.45))}
@media (max-width:1199px){.site-header .brand img{height:108px}}
@media (max-width:991px){.site-header .brand img{height:88px;margin-top:6px}.site-header.scrolled .brand img{height:70px}.nav-cta{display:none}}
.site-header .brand img{height:138px}
.site-header.scrolled .brand img{height:100px}
@media (max-width:1199px){.site-header .brand img{height:116px}}
@media (max-width:991px){.site-header .brand img{height:92px}.site-header.scrolled .brand img{height:72px}}


/* ================= COMPACT SPACING (reduced padding & margins) ================= */
.sec{padding:clamp(26px,3.2vw,42px) 0}
.sec[style*="padding-top"]{padding-top:clamp(16px,2.2vw,28px)!important}
.sec[style*="padding-bottom"]{padding-bottom:clamp(16px,2.2vw,28px)!important}
.mb-5{margin-bottom:1.15rem!important}.mt-5{margin-top:1.15rem!important}.mb-4{margin-bottom:.8rem!important}.my-5{margin-block:1.15rem!important}.my-4{margin-block:.8rem!important}
.eyebrow{margin-bottom:.45rem}
h1,h2,h3,h4{margin-bottom:.3em}
p{margin-bottom:.65rem}
.lead-x{font-size:1.02rem;margin-bottom:.5rem}
/* heroes & bands */
.page-hero{min-height:34vh}
.page-hero .container-x{padding:34px 0 26px}
.crumb{margin-bottom:.45rem}
.hero-band{padding:20px 0 28px}
.hero-ctas{margin-top:.75rem;gap:.6rem}
.facts{margin-top:1.1rem}
.pk-hero{padding:clamp(24px,3vw,40px) 0 clamp(24px,3vw,40px)}
.pkh{padding:clamp(22px,2.8vw,38px) 0 clamp(44px,5vw,68px)}
.pkh-stats{margin-top:1rem}
.about-hero{min-height:calc(74vh - var(--hdr))}
.about-hero .ah-text{padding-top:1.4rem;padding-bottom:1.4rem}
.vision{padding:clamp(30px,4vw,52px) 0}
.mission{min-height:340px}
.mission .m-txt{padding:clamp(1.2rem,3vw,2.4rem)}
.cta-band{padding:clamp(26px,3.2vw,42px) 0}
.cta-photo{min-height:clamp(280px,26vw,380px)}
.cta-scenic{padding-top:clamp(18px,2.2vw,30px)}
/* grids & cards */
.pkx{gap:14px}
.pkp-grid,.vals,.lg-grid,.sum-grid,.gd-grid,.offer-grid,.proc-grid,.bw-grid{gap:12px}
.bl-grid{gap:14px}
.pr-body{padding:.8rem 1rem 1rem}
.pc .pc-b,.pk .pk-body{padding:.85rem}
.dx{gap:14px}
.tl{margin-top:1.2rem}
.rates3{gap:14px}
.elig3{margin-top:14px;padding:clamp(1rem,2vw,1.5rem)}
.faq2 .faq details{margin-bottom:7px}
.faq details{padding:.55rem 0}
.disclaimer{padding:.7rem .95rem;margin-top:1.2rem!important}
.glance div{padding:.75rem .95rem}
.form-shell{padding:clamp(1rem,2.2vw,1.5rem)}
.fld{margin-bottom:.65rem}
.ct-card{padding:.6rem 0}
.credits{margin-top:1rem;padding:.9rem 1.1rem}
/* footer */
.site-footer{padding:30px 0 0}
.f-grid{gap:1.1rem clamp(1rem,2vw,2rem)}
.f-bottom{margin-top:1.1rem;padding:.65rem 0}
.site-footer h5{margin-bottom:.55rem}
.site-footer a{padding:.12rem 0}
.f-logo img{margin-bottom:.4rem}
/* ticker & misc */
.ticker{padding:.4rem 0}
.map-strip{height:160px}
.art-hero{min-height:34vh}
.art-hero .container-x{padding:34px 0 22px!important}
@media (max-width:991px){.sec{padding:clamp(20px,2.8vw,30px) 0}.page-hero .container-x{padding:26px 0 20px}.hero-band{padding:16px 0 22px}.mb-5{margin-bottom:.95rem!important}.mt-5{margin-top:.95rem!important}}
@media (max-width:575px){.sec{padding:18px 0}.mb-5{margin-bottom:.75rem!important}.mt-5{margin-top:.75rem!important}.mb-4{margin-bottom:.6rem!important}.my-5{margin-block:.75rem!important}.cta-band{padding:22px 0}}

/* ================= ABOUT v2 ================= */
.ab-hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(900px 520px at 80% 30%,#1b5a35 0%,transparent 62%),linear-gradient(180deg,#0B2918,#06190f);padding:clamp(18px,2.2vw,28px) 0 clamp(28px,3vw,40px)}
.ab-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;background:#F8F7F0;clip-path:polygon(0 70%,5% 40%,10% 66%,16% 36%,23% 62%,30% 30%,37% 60%,44% 34%,51% 64%,58% 32%,65% 60%,72% 36%,79% 64%,86% 34%,93% 60%,100% 40%,100% 100%,0 100%);z-index:2}
.ab-aurora span{position:absolute;border-radius:50%;filter:blur(90px);z-index:-1;animation:abdrift 16s ease-in-out infinite alternate}
.ab-aurora span:nth-child(1){width:420px;height:420px;background:rgba(245,196,0,.2);right:8%;top:-120px}
.ab-aurora span:nth-child(2){width:420px;height:420px;background:rgba(45,138,69,.45);left:-120px;bottom:-80px;animation-delay:-6s}
@keyframes abdrift{to{transform:translate(50px,-30px) scale(1.15)}}
.ab-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.ab-crumb{color:#9db7a4;font-size:.82rem;margin-bottom:.55rem}.ab-crumb a{color:var(--gold)}
.ab-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .85rem;border:1px solid rgba(245,196,0,.5);border-radius:100px;color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;background:rgba(245,196,0,.08);margin-bottom:.65rem}
.ab-pill .pl{width:1.3em;height:1.3em;fill:currentColor;transform:rotate(45deg)}
.ab-hero .hero-title{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.04;color:#FBF3DC;margin:0 0 .75rem}
.ab-hero .hero-title .l.g span{background:linear-gradient(100deg,#F5C400 20%,#ffe68a 50%,#F5C400 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:var(--ff-head);font-style:italic}
.ab-lead{color:#d6e5da;font-size:1.05rem;max-width:30em;margin:0 0 1rem}
.ab-chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.ab-chips div{display:flex;align-items:center;gap:.65rem;padding:.5rem .85rem;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(245,196,0,.3);backdrop-filter:blur(10px);transition:.4s var(--ease)}
.ab-chips div:hover{transform:translateY(-3px);border-color:var(--gold)}
.ab-chips b{font-family:var(--ff-body);font-weight:800;font-size:1.4rem;line-height:1;color:var(--gold)}
.ab-chips span{font-size:.7rem;line-height:1.2;color:#cfe0d3;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ab-hero-r{position:relative;height:clamp(300px,28vw,400px)}
.ab-arch{position:absolute;right:6%;top:0;bottom:0;width:62%;padding:6px;border-radius:999px 999px 26px 26px;background:conic-gradient(from var(--a),#F5C400,#fff6c9,#2D8A45,#F5C400,#fff6c9,#F5C400);animation:hzspin 7s linear infinite;box-shadow:0 0 70px rgba(245,196,0,.22),0 40px 80px -30px #000}
.ab-arch-in{height:100%;border-radius:999px 999px 20px 20px;overflow:hidden;background:#0b2918}
.ab-arch-in img{width:100%;height:100%;object-fit:cover;object-position:40% 50%;transform:scale(1.15);animation:hzkb 10s ease-out forwards}
.ab-circle{position:absolute;left:2%;bottom:6%;width:34%;aspect-ratio:1;border-radius:50%;border:5px solid #F5C400;overflow:hidden;box-shadow:0 24px 50px -16px #000;animation:abfloat 6s ease-in-out infinite}
.ab-circle img{width:100%;height:100%;object-fit:cover}
.ab-badge{position:absolute;left:0;top:6%;width:clamp(80px,8vw,110px);z-index:3;filter:drop-shadow(0 14px 20px rgba(0,0,0,.4))}
.ab-badge .spin{transform-origin:100px 100px;animation:abspin 18s linear infinite}
@keyframes abspin{to{transform:rotate(360deg)}}
@keyframes abfloat{50%{transform:translateY(-10px)}}
.ab-tag{position:absolute;right:0;bottom:12%;z-index:3;display:flex;gap:.4rem;align-items:center;padding:.45rem .85rem;border-radius:100px;background:rgba(255,255,255,.92);color:var(--forest);font-size:.74rem;font-weight:800;box-shadow:0 14px 28px -12px rgba(0,0,0,.6);animation:abfloat 5s ease-in-out infinite reverse}
.ab-tag i{color:var(--green2)}

.ab-brand{position:relative;background:#F8F7F0;padding:clamp(26px,3.2vw,44px) 0;overflow:hidden}
.ab-brand::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 90% 100%,transparent 0 34px,rgba(23,99,46,.06) 34px 35px);pointer-events:none}
.ab-brand-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,3.5vw,3.5rem);align-items:center}
.ab-pass{display:grid;gap:.85rem}
.ab-stamp{position:relative;display:flex;align-items:center;gap:.85rem;padding:.85rem 1.1rem;background:#fff;border-radius:18px;border:2px dashed rgba(23,99,46,.35);box-shadow:0 18px 36px -24px rgba(11,41,24,.5);transition:transform .45s var(--ease),border-color .3s,box-shadow .4s;color:var(--ink)}
.ab-stamp.st1{transform:rotate(-1.6deg)}.ab-stamp.st2{transform:rotate(1.2deg) translateX(18px)}.ab-stamp.st3{transform:rotate(-.8deg)}
.ab-stamp:hover{transform:rotate(0) translateY(-4px)!important;border-color:var(--gold);box-shadow:0 26px 44px -22px rgba(11,41,24,.6)}
.ab-stamp .ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem;color:#fff;background:linear-gradient(145deg,var(--green2),var(--forest))}
.ab-stamp.st2 .ic{background:linear-gradient(145deg,#ffd43b,#f5b400);color:var(--forest)}
.ab-stamp b{display:block;font-family:var(--ff-head);font-size:1.1rem;color:var(--forest)}
.ab-stamp small{color:var(--muted);font-size:.8rem}
.ab-stamp .go{margin-left:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);transition:.4s var(--ease)}
.ab-stamp:hover .go{background:var(--gold);color:var(--forest);transform:rotate(45deg)}

.ab-offer{background:var(--mint);padding:clamp(26px,3.2vw,44px) 0;position:relative;overflow:hidden}
.ab-tks{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.ab-tk{position:relative;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(11,41,24,.55);transition:transform .5s var(--ease),box-shadow .5s;display:flex;flex-direction:column}
.ab-tk::before,.ab-tk::after{content:"";position:absolute;top:90px;width:22px;height:22px;border-radius:50%;background:var(--mint);z-index:2}
.ab-tk::before{left:-11px}.ab-tk::after{right:-11px}
.ab-tk:hover{transform:translateY(-6px);box-shadow:0 34px 60px -28px rgba(11,41,24,.65)}
.ab-tk .top{position:relative;height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 1.3rem;background:linear-gradient(120deg,var(--forest),var(--green));color:#fff;border-bottom:2px dashed rgba(23,99,46,.3)}
.ab-tk .top .no{font-family:var(--ff-head);font-weight:800;font-size:2.8rem;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--gold)}
.ab-tk .top i{font-size:2rem;color:var(--gold);transition:transform .5s var(--ease)}
.ab-tk:hover .top i{transform:rotate(-12deg) scale(1.15)}
.ab-tk .body{padding:1.1rem 1.2rem 1.2rem;flex:1;display:flex;flex-direction:column}
.ab-tk h3{font-size:1.3rem;margin-bottom:.4rem}
.ab-tk p{color:var(--muted);font-size:.9rem;flex:1}
.ab-glance{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1.6rem;padding:.9rem .8rem;border-radius:100px;background:linear-gradient(120deg,var(--forest),var(--green));color:#fff;box-shadow:0 26px 50px -28px rgba(11,41,24,.8)}
.ab-glance div{padding:0 1rem;text-align:center;position:relative}
.ab-glance div+div::before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:rgba(255,255,255,.25)}
.ab-glance b{display:block;font-family:var(--ff-body);font-weight:800;font-size:clamp(1.2rem,1.9vw,1.6rem);color:var(--gold)}
.ab-glance span{font-size:.76rem;color:#cfe0d3}

.ab-vision{position:relative;overflow:hidden;isolation:isolate;padding:clamp(32px,4vw,54px) 0;text-align:center;color:#fff}
.ab-vision-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(6,25,15,.78),rgba(11,41,24,.6) 50%,rgba(6,25,15,.85)),url("../images/gallery/munnar-tea.jpg") center/cover fixed}
.ab-qm{display:block;font-size:3.5rem;line-height:.6;color:var(--gold);margin:.6rem 0 .2rem;animation:abfloat 5s ease-in-out infinite}
.ab-vision blockquote{max-width:850px;margin:0 auto;font-family:var(--ff-head);font-weight:700;font-size:clamp(1.5rem,3.2vw,2.5rem);line-height:1.25;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.5)}
.ab-vision blockquote em{font-style:italic;color:var(--gold)}
.ab-vroute{width:min(380px,65%);margin-top:1.2rem;overflow:visible}
.ab-vroute path{animation:why2march 1.4s linear infinite}

.ab-mission{background:#fff;padding:clamp(26px,3.2vw,44px) 0;overflow:hidden}
.ab-mission-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,3.5vw,3.5rem);align-items:center}
.ab-m-img{position:relative;max-width:400px;margin-inline:auto}
.ab-m-img .frame{padding:6px;border-radius:999px 999px 24px 24px;background:conic-gradient(from var(--a),#F5C400,#fff6c9,#2D8A45,#F5C400,#F5C400);animation:hzspin 8s linear infinite;box-shadow:0 36px 70px -30px rgba(11,41,24,.7)}
.ab-m-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 20px 20px;display:block}
.ab-m-img .badge-m{position:absolute;right:-10px;bottom:9%;display:flex;gap:.4rem;align-items:center;padding:.55rem .9rem;border-radius:100px;background:var(--forest);color:#fff;font-weight:800;font-size:.78rem;box-shadow:0 16px 30px -12px rgba(0,0,0,.6);animation:abfloat 5s ease-in-out infinite}
.ab-m-img .badge-m i{color:var(--gold)}
.ab-steps{list-style:none;margin:1.1rem 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;position:relative}
.ab-steps::before{content:"";position:absolute;left:8%;right:8%;top:25px;border-top:2px dashed rgba(23,99,46,.4)}
.ab-steps li{position:relative;text-align:center}
.ab-steps li span{width:50px;height:50px;border-radius:50%;margin:0 auto .4rem;display:grid;place-items:center;font-size:1.3rem;color:#fff;background:linear-gradient(145deg,var(--green2),var(--forest));box-shadow:0 0 0 5px #fff,0 0 0 7px rgba(23,99,46,.25);transition:.45s var(--ease);position:relative}
.ab-steps li:nth-child(2) span{background:linear-gradient(145deg,#ffd43b,#f5b400);color:var(--forest)}
.ab-steps li:hover span{transform:translateY(-4px) rotate(-8deg)}
.ab-steps b{display:block;color:var(--forest);font-family:var(--ff-head);font-size:1.05rem}
.ab-steps small{color:var(--muted);font-size:.76rem}

.ab-values{background:var(--cream);padding:clamp(26px,3.2vw,44px) 0}
.ab-vals{display:grid;grid-template-columns:repeat(6,1fr);gap:.9rem}
.ab-val{position:relative;overflow:hidden;grid-column:span 2;padding:1.3rem 1.2rem;border-radius:22px;background:#fff;box-shadow:0 20px 40px -28px rgba(11,41,24,.5);transition:transform .5s var(--ease),box-shadow .5s;min-height:170px}
.ab-val.v1{grid-row:span 2;background:linear-gradient(160deg,var(--green),var(--forest));color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.ab-val.v2{background:linear-gradient(145deg,#ffd43b,#f5b400)}
.ab-val.v4{background:var(--mint)}
.ab-val.v5{background:#fff;border:2px dashed rgba(23,99,46,.3)}
.ab-val>i{position:absolute;right:-8px;top:-10px;font-size:6rem;color:rgba(23,99,46,.1);line-height:1;transition:transform .6s var(--ease)}
.ab-val.v1>i{color:rgba(255,255,255,.1);font-size:9rem}
.ab-val.v2>i{color:rgba(11,41,24,.12)}
.ab-val .n{position:absolute;left:1.2rem;top:1rem;font-family:var(--ff-head);font-weight:800;font-size:.9rem;letter-spacing:.1em;color:var(--green2)}
.ab-val.v1 .n{color:var(--gold)}.ab-val.v2 .n{color:var(--forest)}
.ab-val h4{position:relative;font-size:1.2rem;margin:1.6rem 0 .3rem;color:var(--forest)}
.ab-val.v1 h4{color:#fff;font-size:1.6rem;margin-top:0}
.ab-val p{position:relative;margin:0;font-size:.88rem;color:var(--muted)}
.ab-val.v1 p{color:#d6e5da;font-size:.96rem}.ab-val.v2 p{color:#3a3300}
.ab-val:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 32px 56px -26px rgba(11,41,24,.6)}
.ab-val:hover>i{transform:rotate(-12deg) scale(1.12)}

.ab-story{position:relative;background:var(--forest);padding:clamp(26px,3.2vw,44px) 0 clamp(32px,4vw,50px);overflow:hidden}
.ab-story::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 50% 0%,rgba(45,138,69,.4),transparent 70%)}
.ab-story .container-x{position:relative}
.ab-arcs{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:1.1rem;align-items:end}
.ab-arc{position:relative;margin:0;border-radius:999px 999px 24px 24px;overflow:hidden;height:340px;border:3px solid var(--gold);box-shadow:0 30px 60px -26px #000;transition:transform .6s var(--ease)}
.ab-arc.a2{height:410px}
.ab-arc img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ab-arc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,25,15,.85));pointer-events:none}
.ab-arc figcaption{position:absolute;z-index:2;left:0;right:0;bottom:16px;text-align:center;color:#fff;font-family:var(--ff-head);font-weight:700;font-size:1.35rem;line-height:1.1}
.ab-arc figcaption i{color:var(--gold);font-size:.9rem;margin-right:.2rem}
.ab-arc figcaption small{display:block;font-family:var(--ff-body);font-weight:600;font-size:.74rem;color:#cfe0d3;margin-top:.2rem;letter-spacing:.08em;text-transform:uppercase}
.ab-arc:hover{transform:translateY(-6px)}.ab-arc:hover img{transform:scale(1.08)}

@media(max-width:991px){
  .ab-hero-grid,.ab-brand-grid,.ab-mission-grid{grid-template-columns:1fr}
  .ab-hero-r{max-width:480px;width:100%;margin-inline:auto;height:420px}
  .ab-tks{grid-template-columns:1fr}
  .ab-glance{grid-template-columns:repeat(2,1fr);border-radius:28px;row-gap:1rem}
  .ab-glance div:nth-child(3)::before{display:none}
  .ab-vals{grid-template-columns:repeat(2,1fr)}
  .ab-val,.ab-val.v1{grid-column:span 1;grid-row:auto;min-height:190px}.ab-val.v1{grid-column:span 2}
  .ab-arcs{grid-template-columns:1fr;max-width:380px;margin-inline:auto}
  .ab-arc,.ab-arc.a2{height:400px}
  .ab-vision-bg{background-attachment:scroll}
}
@media(max-width:575px){.ab-vals{grid-template-columns:1fr}.ab-val.v1{grid-column:span 1}.ab-steps{gap:.4rem}.ab-stamp.st2{transform:rotate(1.2deg)}}
@media(prefers-reduced-motion:reduce){.ab-arch,.ab-m-img .frame,.ab-badge .spin,.ab-circle,.ab-tag,.ab-qm,.ab-vroute path,.ab-aurora span,.ab-arch-in img,.ab-m-img .badge-m{animation:none!important}}

/* ---------- information blocks ---------- */
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.offer{position:relative;background:#fff;border-radius:26px;padding:2rem;border:1px solid rgba(23,99,46,.12);overflow:hidden;transition:.5s var(--ease)}
.offer:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--gold)}
.offer .no{position:absolute;right:1.2rem;top:.6rem;font-family:var(--ff-head);font-weight:900;font-size:4rem;color:rgba(23,99,46,.1)}
.offer>i{width:56px;height:56px;border-radius:16px;background:var(--forest);color:var(--gold);display:grid;place-items:center;font-size:1.6rem;margin-bottom:1rem}
.offer h3{font-size:1.4rem}.offer p{color:var(--muted);font-size:.95rem}
.glance{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2rem;background:var(--forest);border-radius:26px;overflow:hidden}
.glance div{padding:1.6rem 1.4rem;border-right:1px solid rgba(255,255,255,.1)}.glance div:last-child{border:0}
.glance b{display:block;font-family:var(--ff-head);font-size:2.2rem;color:var(--gold);line-height:1.1}
.glance span{color:#bcd0c0;font-size:.85rem}
.proc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.proc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:1.8rem;transition:.4s var(--ease)}
.proc:hover{border-color:var(--gold);transform:translateY(-6px)}
.proc-h{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}
.proc-h i{width:52px;height:52px;border-radius:15px;background:var(--gold);color:var(--forest);display:grid;place-items:center;font-size:1.5rem}
.proc-h h3{margin:0;font-size:1.4rem}
.proc ol{list-style:none;padding:0;margin:0;counter-reset:s;display:grid;gap:.9rem}
.proc li{counter-increment:s;position:relative;padding-left:2.6rem}
.proc li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);font-weight:800;font-size:.8rem;display:grid;place-items:center}
.proc li b{display:block;color:#fff;font-size:.98rem}.proc li span{font-size:.85rem;color:#b9cfbd}
.sum-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sum{background:var(--cream);border-radius:22px;padding:1.5rem;border:1px solid rgba(23,99,46,.1)}
.sum i{font-size:1.8rem;color:var(--green)}.sum h4{font-family:var(--ff-body);font-weight:800;font-size:1.05rem;margin:.6rem 0 .3rem}.sum p{margin:0;font-size:.88rem;color:var(--muted)}
.gd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gd{background:var(--cream);border-radius:20px;padding:1.4rem;border:1px solid rgba(23,99,46,.1);transition:.4s var(--ease);display:block}
.gd:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:var(--shadow)}
.gd small{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--green2)}
.gd h4{font-size:1.2rem;margin:.3rem 0}.gd p{margin:0;font-size:.88rem;color:var(--muted)}
.bw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bw{background:#fff;border-radius:24px;padding:1.8rem;border:1px solid rgba(23,99,46,.12)}
.bw>i{font-size:2rem;color:var(--green)}.bw h3{font-size:1.3rem;margin:.6rem 0}
.bw ul{padding-left:1.1rem;margin:0;color:var(--muted);font-size:.93rem}
.facts-box{background:var(--forest);color:#cfe0d3;border-radius:22px;padding:1.5rem 1.7rem;margin:2rem 0}
.facts-box h4{color:#fff;font-family:var(--ff-body);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.facts-box dl{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem 1.5rem;margin:0}
.facts-box dt{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:800}
.facts-box dd{margin:0;color:#fff;font-weight:700}
.tips-box{background:var(--mint);border-radius:22px;padding:1.5rem 1.7rem;margin:2rem 0}
.tips-box h4{font-family:var(--ff-body);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green2);margin-bottom:.8rem}
.tips-box ul{margin:0;padding-left:1.2rem}.tips-box li{margin-bottom:.4rem;font-size:.98rem}


/* compact gaps re-asserted after restored blocks */
.offer-grid,.bw-grid,.proc-grid,.sum-grid,.gd-grid{gap:14px}
.offer{padding:1.5rem}
.glance{margin-top:1.4rem}
.bw{padding:1.4rem}
.sum{padding:1.2rem}
.gd{padding:1.1rem}
.facts-box,.tips-box{margin:1.4rem 0}

/* beach-sunset backgrounds */
.cta-photo .cta-bg img[src*="travel-beach"]{object-position:60% 60%}
.cta-photo:has(img[src*="travel-beach"])::after{background:linear-gradient(100deg,rgba(6,34,26,.9) 0%,rgba(6,34,26,.62) 36%,rgba(6,34,26,.1) 70%,rgba(6,34,26,0) 100%)}

.page-hero:has(img[src*="travel-beach"])::after{background:linear-gradient(100deg,rgba(6,34,26,.88) 0%,rgba(6,34,26,.62) 42%,rgba(6,34,26,.18) 100%),linear-gradient(180deg,rgba(11,41,24,.1),rgba(11,41,24,.6))}
.page-hero:has(img[src*="travel-beach"]) h1{opacity:1}

/* header Login / Register buttons — coloured */
.site-header .nav-auth{gap:.6rem;align-items:center}
.site-header .nav-auth .btn-x{border-radius:100px!important;padding:.55rem 1.3rem;font-size:.88rem;font-weight:800;gap:.45rem;display:inline-flex;align-items:center}
.site-header .nav-auth .btn-x i{display:inline;font-size:1rem;margin:0}
.site-header .nav-auth [data-auth="login"]{background:#fff!important;color:var(--green)!important;border:2px solid var(--green)!important;box-shadow:none!important}
.site-header .nav-auth [data-auth="login"]:hover{background:var(--green)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 14px 24px -12px var(--green)!important}
.site-header .nav-auth [data-auth="register"]{background:linear-gradient(135deg,#F5C400,#ffd94a)!important;color:var(--forest)!important;border:2px solid var(--gold)!important;box-shadow:0 12px 22px -12px rgba(245,196,0,.95)!important}
.site-header .nav-auth [data-auth="register"]:hover{transform:translateY(-2px);box-shadow:0 18px 28px -10px rgba(245,196,0,1)!important}
.site-header .nav-auth .btn-x+.btn-x{border-left:2px solid var(--gold)!important}
@media (max-width:1199px){.site-header .nav-auth .btn-x{padding:.5rem 1rem;font-size:.82rem}}


/* ================= HEADER v4 — attractive ================= */
.site-header{background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(243,249,238,.97) 100%);border-bottom:0;box-shadow:0 14px 30px -24px rgba(11,41,24,.55)}
.site-header.scrolled{background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(240,247,236,.98));box-shadow:0 18px 36px -22px rgba(11,41,24,.6)}
/* flowing brand line along the bottom edge */
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:1;background:linear-gradient(90deg,#17632E,#2D8A45,#F5C400,#E9B949,#2D8A45,#17632E);background-size:300% 100%;animation:hdrFlow 9s linear infinite}
@keyframes hdrFlow{to{background-position:-300% 0}}
/* little plane that flies along the line */
.site-header::before{content:"";position:absolute;bottom:-9px;left:0;width:22px;height:22px;z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F5C400' stroke='%230B2918' stroke-width='.8'%3E%3Cpath d='M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5z'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(90deg);animation:hdrPlane 16s linear infinite;filter:drop-shadow(0 3px 4px rgba(11,41,24,.35))}
@keyframes hdrPlane{0%{left:-3%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:101%;opacity:0}}
/* nav as pills */
.main-nav{gap:.25rem}
.main-nav a{padding:.6rem 1.05rem;border-radius:100px;color:var(--forest);font-weight:700;transition:background .35s var(--ease),color .3s,transform .3s var(--ease),box-shadow .35s}
.main-nav a::after{display:none}
.main-nav a:hover{background:#fff;color:var(--green);box-shadow:0 10px 22px -14px rgba(11,41,24,.7);transform:translateY(-2px)}
.main-nav a.active{background:linear-gradient(135deg,#17632E,#0B2918);color:#fff;box-shadow:0 12px 24px -12px rgba(11,41,24,.85)}
.main-nav a.active::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:.5rem;vertical-align:middle;box-shadow:0 0 0 3px rgba(245,196,0,.25)}
/* logo glow */
.site-header .brand::before{content:"";position:absolute;left:50%;top:48%;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.28),transparent 68%);opacity:0;transition:opacity .5s;pointer-events:none}
.site-header .brand:hover::before{opacity:1}
/* burger */
.burger{background:linear-gradient(135deg,#17632E,#0B2918);box-shadow:0 12px 22px -10px rgba(11,41,24,.8);border:1.5px solid rgba(245,196,0,.55)}
.burger span{background:var(--gold)}
@media (max-width:991px){.site-header::before{display:none}}
@media (prefers-reduced-motion:reduce){.site-header::after,.site-header::before{animation:none}}

/* benefit panels: new border design (inner frame + running light) */
.bp{border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 24px 44px -28px rgba(0,0,0,.7);outline:1.5px dashed rgba(245,196,0,.4);outline-offset:-10px}
.bp:hover:not(.active){outline-color:rgba(245,196,0,.9)}
.bp.active{outline:1.5px solid rgba(245,196,0,.85);outline-offset:-10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 40px -8px rgba(245,196,0,.35),0 26px 50px -26px rgba(0,0,0,.8)}
.bp:focus-visible{outline:2px solid #fff;outline-offset:-6px}
.bp::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:3px;pointer-events:none;opacity:0;transition:opacity .5s;
  background:conic-gradient(from var(--a),transparent 0 55%,rgba(245,196,0,.15) 62%,#F5C400 80%,#fff8cf 88%,transparent 92% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:hzspin 4.5s linear infinite}
.bp.active::after{opacity:1}
.bp.active .bp-ic{box-shadow:0 0 0 5px rgba(245,196,0,.25),0 10px 22px -8px rgba(245,196,0,.7)}
@media(prefers-reduced-motion:reduce){.bp::after{animation:none}}
/* ---------- JOURNAL v2 (home blog section) ---------- */
#blog{position:relative;overflow:hidden;background:#F8F7F0;padding:clamp(56px,6vw,90px) 0}
#blog::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 100% 0%,transparent 0 38px,rgba(23,99,46,.06) 38px 39px);pointer-events:none}
#blog::after{content:"";position:absolute;left:-90px;bottom:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.22),transparent 70%);pointer-events:none}
#blog .container-x{position:relative;z-index:1}
#blog .eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:100px;background:var(--forest);color:var(--gold)}
#blog .eyebrow::before{content:"\F4DA";font-family:"bootstrap-icons";width:auto;height:auto;background:none;color:var(--gold)}
#blog .link-arrow{background:var(--forest);color:#fff;padding:.75rem 1.4rem;border-radius:100px;border:0;text-decoration:none;display:inline-flex;gap:.6rem;align-items:center;transition:.4s var(--ease);box-shadow:0 14px 26px -14px rgba(11,41,24,.8)}
#blog .link-arrow:hover{background:var(--gold);color:var(--forest);transform:translateY(-3px)}
#blog .link-arrow::after{display:none}
#blog .bl-grid{counter-reset:bl;gap:22px}
#blog .bl{counter-increment:bl;border:0;transition:transform .5s var(--ease),box-shadow .5s}
/* featured: immersive */
#blog .bl-feat{min-height:540px;border-radius:30px;background:#0B2918;color:#fff;box-shadow:0 36px 70px -34px rgba(11,41,24,.85)}
#blog .bl-feat .bl-img{position:absolute;inset:0;width:100%;height:100%;min-height:0}
#blog .bl-feat::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,25,15,0) 25%,rgba(6,25,15,.55) 55%,rgba(6,25,15,.95) 100%);pointer-events:none}
#blog .bl-feat::after{content:"";position:absolute;inset:12px;z-index:3;border:1.5px dashed rgba(245,196,0,.5);border-radius:22px;pointer-events:none;transition:border-color .4s}
#blog .bl-feat:hover::after{border-color:rgba(245,196,0,1)}
#blog .bl-feat .bl-b{position:relative;z-index:2;margin-top:auto;padding:2.2rem 2.4rem 2.4rem;gap:.7rem}
#blog .bl-feat .cat{left:30px;top:30px;z-index:4}
#blog .bl-feat .meta{color:var(--gold)}
#blog .bl-feat h3,#blog .bl-feat h3 a{color:#fff;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.15}
#blog .bl-feat p{color:#dbe8df;max-width:34em;font-size:1rem}
#blog .bl-feat .link-arrow{background:var(--gold);color:var(--forest);margin-top:.6rem}
#blog .bl-feat .link-arrow:hover{background:#fff}
/* side cards: arch photo */
#blog .bl-side{flex-direction:row;gap:1.2rem;padding:14px;border-radius:28px;background:#fff;box-shadow:0 20px 44px -30px rgba(11,41,24,.55);position:relative}
#blog .bl-side::before{content:"0" counter(bl);position:absolute;right:1.4rem;top:.6rem;font-family:var(--ff-head);font-weight:800;font-size:2.8rem;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(23,99,46,.28);transition:.4s}
#blog .bl-side:hover{transform:translateY(-6px);box-shadow:0 30px 56px -28px rgba(11,41,24,.65)}
#blog .bl-side:hover::before{-webkit-text-stroke-color:var(--gold)}
#blog .bl-side .bl-img{width:38%;flex-shrink:0;border-radius:140px 140px 20px 20px;border:3px solid var(--gold);box-shadow:0 14px 26px -14px rgba(0,0,0,.5);min-height:210px}
#blog .bl-side .cat{left:50%;top:auto;bottom:12px;transform:translateX(-50%);white-space:nowrap}
#blog .bl-side .bl-b{padding:.6rem .4rem .4rem 0;justify-content:center}
#blog .bl-side .meta{color:var(--green2)}
#blog .bl-side h3{font-size:1.3rem;line-height:1.2;padding-right:2.4rem}
#blog .bl-side h3 a{color:var(--forest)}
#blog .bl-side h3 a:hover{color:var(--green2)}
@media(max-width:575px){#blog .bl-side{flex-direction:column}#blog .bl-side .bl-img{width:100%;height:230px;border-radius:120px 120px 20px 20px}#blog .bl-feat{min-height:460px}#blog .bl-feat .bl-b{padding:1.6rem}}#blog .bl-feat .bl-b{flex:none;margin-top:auto}
#blog .eyebrow::before{content:"\2726";font-family:inherit;font-size:.8rem}
#blog .bl-side .meta{padding-right:3.2rem}
#blog .bl-side::before{top:.5rem;right:1.2rem;font-size:2.4rem}
/* package explorer: slow auto-advance progress on the active chip */
.px-chip{position:relative;overflow:hidden}
.px-chip::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--gold)}
#pkHome:not(.px-paused) .px-chip.active::after{animation:pxprog var(--px-dur,9000ms) linear forwards}
@keyframes pxprog{to{width:100%}}
.px-card.swap{animation-duration:1s}
@media(prefers-reduced-motion:reduce){#pkHome .px-chip.active::after{animation:none}}
/* hero card on phones: a little breathing room inside the border */
@media(max-width:767px){
  .hz .container-x{width:calc(100% - 54px)}
  .hz .hero-ctas{gap:.8rem}
  .hz{padding-top:30px;padding-bottom:30px}
}
/* how-it-works: desktop artwork + motion layers must not show on mobile */

/* about hero: shorter */
.ab-hero{padding:clamp(26px,3vw,40px) 0 clamp(44px,4.4vw,60px)}
.ab-crumb{margin-bottom:.6rem;font-size:.78rem}
.ab-pill{margin-bottom:.7rem;font-size:.64rem;padding:.35rem .85rem}
.ab-hero .hero-title{font-size:clamp(2rem,3.7vw,3.2rem);margin-bottom:.7rem}
.ab-lead{font-size:.98rem;margin-bottom:1rem}
.ab-hero .btn-x{padding:.65rem 1.25rem;font-size:.88rem}
.ab-chips{margin-top:1.1rem;gap:.7rem}
.ab-chips div{padding:.5rem .9rem}.ab-chips b{font-size:1.3rem}
.ab-hero-r{height:clamp(300px,27vw,380px)}
.ab-badge{width:clamp(80px,8vw,108px)}
@media(max-width:991px){.ab-hero-r{height:340px;max-width:420px}}
/* about page: stop mobile content being clipped on the right */
.ab-hero-grid>*,.ab-brand-grid>*,.ab-mission-grid>*{min-width:0}
@media(max-width:991px){
  .ab-hero-grid,.ab-brand-grid,.ab-mission-grid{grid-template-columns:minmax(0,1fr)}
  .ab-brand h2,.ab-brand p,.ab-mission h2,.ab-mission p{overflow-wrap:break-word;max-width:100%}
  .ab-stamp.st1,.ab-stamp.st2,.ab-stamp.st3{transform:none}
  .ab-stamp{padding:.9rem 1rem}
  .ab-stamp .ic{width:48px;height:48px;font-size:1.25rem}
  .ab-stamp>div{min-width:0}
  .ab-stamp b{font-size:1.1rem}
  .ab-hero .hero-title{overflow-wrap:break-word}
  .ab-hero-r{overflow:visible}
}
@media(max-width:575px){
  .ab-brand .h-lg,.ab-mission .h-lg,.ab-values .h-lg,.ab-offer .h-lg{font-size:clamp(1.8rem,8vw,2.4rem)}
  .ab-chips{gap:.5rem}.ab-chips div{padding:.45rem .7rem}
  .ab-m-img .badge-m{right:0}
}
.ab-pass{grid-template-columns:minmax(0,1fr)}

/* package cards: one colour, shorter */
.pr.pr-dark{background:linear-gradient(150deg,var(--green),var(--forest));border:1px solid rgba(245,196,0,.25)}
.pr-img{height:170px}
.pr-no{font-size:clamp(3rem,4.4vw,4rem);bottom:.2rem}
.pr-lv{top:.9rem;left:1rem;padding:.3rem .8rem;font-size:.62rem}
.pr-body{padding:1rem 1.2rem 1.2rem;gap:.25rem}
.pr-k{font-size:.64rem}
.pr-price{font-size:clamp(1.7rem,2.3vw,2.2rem)}
.pr-final .pr-price{font-size:clamp(1.6rem,2.1vw,2rem)}
.pr-body h3{font-size:clamp(1.05rem,1.4vw,1.25rem)}
.pr-desc{font-size:.82rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr-tiles{gap:6px;margin:.2rem 0}
.pr-tiles div{padding:.5rem .65rem;border-radius:12px}
.pr-tiles i{font-size:.9rem}.pr-tiles b{font-size:.8rem}.pr-tiles small{font-size:.54rem}
.pr-travel{font-size:.86rem;line-height:1.3;margin:.1rem 0 .3rem;padding-left:.7rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr-ctas{padding-top:.3rem}
.pr-ctas .btn-x{padding:.5rem 1rem;font-size:.8rem}
@media (max-width:640px){.pr-img{height:190px}}
/* ================= FOOTER v2 ================= */
.site-footer{background:radial-gradient(700px 360px at 100% 0,rgba(245,196,0,.14),transparent 62%),radial-gradient(640px 400px at 0 100%,rgba(45,138,69,.4),transparent 62%),linear-gradient(180deg,#0B2918 0%,#061a0f 100%);color:#b6cbba;padding:56px 0 0;isolation:isolate}
.site-footer::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(ellipse at 15% 110%,transparent 0 36px,rgba(255,255,255,.035) 36px 37px);pointer-events:none}
.site-footer::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,transparent,#F5C400,#fff3b0,#F5C400,transparent)}
/* CTA strip */
.f-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:clamp(1.4rem,3vw,2.2rem) clamp(1.4rem,3.4vw,2.8rem);margin-bottom:clamp(2.2rem,4vw,3.4rem);border-radius:30px;background:linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(245,196,0,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 60px -34px #000,inset 0 1px 0 rgba(255,255,255,.18);overflow:hidden}
.f-cta::before{content:"";position:absolute;inset:10px;border:1.5px dashed rgba(245,196,0,.3);border-radius:22px;pointer-events:none}
.f-cta::after{content:"";position:absolute;top:0;bottom:0;width:22%;left:-30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-20deg);animation:fctashine 7s ease-in-out infinite}
@keyframes fctashine{0%,60%{left:-30%}100%{left:130%}}
.f-cta-t{position:relative;z-index:1;max-width:560px}
.f-cta-k{display:inline-flex;align-items:center;gap:.5rem;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.4rem}
.f-cta-k i{transform:rotate(-45deg)}
.f-cta h3{color:#fff;font-size:clamp(1.4rem,2.6vw,2rem);margin:0 0 .3rem}
.f-cta p{margin:0;color:#c5d8c9;font-size:.95rem}
.f-cta-b{position:relative;z-index:1;display:flex;gap:.8rem;flex-wrap:wrap}
.site-footer .f-cta-b a.btn-x{display:inline-flex;padding:.8rem 1.5rem;font-size:.92rem;transform:none}
.site-footer .f-cta-b a.btn-x:hover{transform:translateY(-3px)}
.site-footer .f-cta-b a.btn-line:hover{background:#fff;color:var(--forest)}
/* columns */
.f-grid{grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:clamp(1.6rem,3vw,3rem)}
.f-logo img{width:150px;height:auto;background:none;box-shadow:none;border-radius:0;margin-bottom:.8rem;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5))}
.f-logo p{font-size:.92rem;line-height:1.6;max-width:30em}
.site-footer h5{position:relative;color:#fff;font-size:.78rem;letter-spacing:.2em;margin-bottom:1.3rem;padding-bottom:.7rem}
.site-footer h5::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:var(--gold)}
.site-footer .f-grid>div:not(.f-logo) a{position:relative;padding:.3rem 0 .3rem 1.1rem;color:#c3d6c7}
.site-footer .f-grid>div:not(.f-logo) a::before{content:"\203A";position:absolute;left:0;top:.2rem;color:var(--gold);font-size:1.1rem;line-height:1.4;transition:.3s}
.site-footer .f-grid>div:not(.f-logo) a:hover{color:var(--gold);transform:translateX(5px)}
.site-footer .f-grid>div:not(.f-logo) a:hover::before{transform:translateX(3px)}
.site-footer .f-grid>div:last-child a{padding-left:0}
.site-footer .f-grid>div:last-child a::before{display:none}
.site-footer .f-grid>div:last-child a i{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:.6rem!important;border-radius:10px;background:rgba(245,196,0,.14);color:var(--gold);font-size:.95rem;transition:.3s}
.site-footer .f-grid>div:last-child a:hover i{background:var(--gold);color:var(--forest)}
.f-social{gap:.6rem;margin-top:1.2rem}
.site-footer .f-social a{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);color:#fff;font-size:1.05rem;transform:none;background:rgba(255,255,255,.05)}
.site-footer .f-social a:hover{background:var(--gold);border-color:var(--gold);color:var(--forest);transform:translateY(-4px)}
/* bottom bar */
.f-bottom{margin-top:clamp(2rem,4vw,3rem);padding:1.1rem 0;background:rgba(0,0,0,.28);border-top:1px solid rgba(245,196,0,.2);font-size:.8rem;color:#93ab98}
.f-bottom .container-x{align-items:center}
.site-footer .f-bottom a{display:inline;padding:0;color:var(--gold)}
@media(max-width:991px){.f-grid{grid-template-columns:1fr 1fr}.f-logo,.f-grid>div:last-child{grid-column:1/-1}}
@media(max-width:575px){
  .site-footer{padding-top:40px}
  .f-cta{flex-direction:column;align-items:flex-start;border-radius:24px}
  .f-cta-b{width:100%}.site-footer .f-cta-b a.btn-x{flex:1;justify-content:center}
  .f-grid{grid-template-columns:1fr 1fr;gap:1.8rem 1.2rem}
  .f-logo{text-align:center}.f-logo img{margin-inline:auto}.f-logo p{margin-inline:auto}.f-social{justify-content:center}
  .site-footer h5{font-size:.74rem}
  .site-footer .f-grid>div:not(.f-logo) a{font-size:.88rem}
  .f-bottom .container-x{flex-direction:column;text-align:center;gap:.5rem}
}
@media(prefers-reduced-motion:reduce){.f-cta::after{animation:none}}
@media(max-width:575px){
  .site-footer .f-grid{grid-template-columns:1fr 1fr;gap:1.8rem 1rem}
  .site-footer .f-grid>.f-logo,.site-footer .f-grid>div:last-child{grid-column:1/-1}
}
/* FOOTER: compact */
.site-footer{padding:30px 0 0}
.site-footer .f-grid{gap:1.2rem clamp(1rem,2.4vw,2.2rem)}
.f-logo img{width:84px;margin-bottom:.4rem}
.f-logo p{font-size:.84rem;line-height:1.5;margin-bottom:0}
.f-social{margin-top:.7rem;gap:.45rem}
.site-footer .f-social a{width:36px;height:36px;font-size:.9rem}
.site-footer h5{font-size:.7rem;margin-bottom:.7rem;padding-bottom:.5rem}
.site-footer h5::after{width:26px;height:2px}
.site-footer .f-grid>div:not(.f-logo) a{padding:.12rem 0 .12rem 1rem;font-size:.84rem}
.site-footer .f-grid>div:not(.f-logo) a::before{top:.08rem}
.site-footer .f-grid>div:last-child a i{width:26px;height:26px;font-size:.8rem;margin-right:.5rem!important;border-radius:8px}
.site-footer .f-grid>div:last-child p{font-size:.72rem!important;margin-top:.5rem!important}
.f-bottom{margin-top:1.4rem;padding:.7rem 0;font-size:.74rem}
@media(max-width:575px){
  .site-footer{padding-top:26px}
  .site-footer .f-grid{gap:1.2rem 1rem}
  .f-bottom{padding:.7rem 0}
}
.site-footer .f-logo img{width:84px!important;height:auto!important;margin-bottom:.4rem}

/* ============ FOOTER: final balanced sizing + alignment ============ */
.site-footer{padding:46px 0 0}
.site-footer .f-grid{grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:1.8rem clamp(1.4rem,3vw,3rem);align-items:start}
.site-footer .f-logo{text-align:left}
.site-footer .f-logo img{width:104px!important;height:auto!important;margin:0 0 .7rem}
.site-footer .f-logo p{font-size:.9rem;line-height:1.6;max-width:26em;margin:0}
.f-social{margin-top:1rem;gap:.55rem}
.site-footer .f-social a{width:40px;height:40px;font-size:.98rem}
.site-footer h5{font-size:.76rem;margin:0 0 1rem;padding-bottom:.6rem;line-height:1.2}
.site-footer h5::after{width:30px;height:3px}
.site-footer .f-grid>div:not(.f-logo) a{padding:.22rem 0 .22rem 1.1rem;font-size:.9rem;line-height:1.5}
.site-footer .f-grid>div:not(.f-logo) a::before{top:.14rem}
/* contact column: icon rows aligned with the heading */
.site-footer .f-grid>div:last-child a{display:flex;align-items:center;gap:.7rem;padding:.3rem 0;margin:0}
.site-footer .f-grid>div:last-child a::before{display:none}
.site-footer .f-grid>div:last-child a i{flex:none;width:32px;height:32px;margin:0!important;font-size:.9rem;border-radius:10px}
.site-footer .f-grid>div:last-child a:hover{transform:translateX(4px)}
.site-footer .f-grid>div:last-child p{font-size:.76rem!important;margin:.6rem 0 0!important}
.f-bottom{margin-top:2rem;padding:.9rem 0;font-size:.78rem}
@media(max-width:991px){
  .site-footer .f-grid{grid-template-columns:1fr 1fr}
  .site-footer .f-grid>.f-logo,.site-footer .f-grid>div:last-child{grid-column:1/-1}
}
@media(max-width:575px){
  .site-footer{padding-top:36px}
  .site-footer .f-grid{grid-template-columns:1fr 1fr;gap:1.6rem 1rem}
  .site-footer .f-logo{display:grid;grid-template-columns:78px minmax(0,1fr);column-gap:1rem;row-gap:.6rem;align-items:center}
  .site-footer .f-logo img{grid-row:1/3;width:78px!important;margin:0}
  .site-footer .f-logo p{font-size:.85rem;line-height:1.5}
  .site-footer .f-logo .f-social{margin:0;justify-content:flex-start;gap:.45rem}
  .site-footer .f-social a{width:36px;height:36px;font-size:.88rem}
  .site-footer .f-grid>div:not(.f-logo) a{font-size:.88rem}
  .f-bottom .container-x{flex-direction:column;align-items:center;text-align:center;gap:.35rem}
}
/* small gap between the closing banner and the footer */
main:has(> .cta-band:last-child) + .site-footer{margin-top:clamp(22px,3vw,36px)}
/* ---------- BENEFITS: new background + new panel border ---------- */
#benefits.bg-forest{position:relative;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(620px 420px at 8% 0%,rgba(245,196,0,.20),transparent 65%),
    radial-gradient(720px 520px at 96% 100%,rgba(45,160,110,.32),transparent 65%),
    radial-gradient(500px 300px at 55% 45%,rgba(20,110,80,.28),transparent 70%),
    linear-gradient(135deg,#052a1f 0%,#0a3b2b 50%,#06241a 100%)}
#benefits.bg-forest::before{content:"";position:absolute;inset:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg width='28' height='49' viewBox='0 0 28 49' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23F5C400' fill-opacity='0.09' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/svg%3E") center/auto;-webkit-mask:radial-gradient(ellipse at 50% 40%,#000 25%,transparent 78%);mask:radial-gradient(ellipse at 50% 40%,#000 25%,transparent 78%);animation:benhex 40s linear infinite}
@keyframes benhex{to{background-position:56px 98px}}
#benefits.bg-forest::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,transparent,#F5C400,#fff3b0,#F5C400,transparent);z-index:2}
#benefits.bg-forest>svg.deco:first-of-type{display:none}
/* panels: corner brackets + double outline when open */
.bp{outline:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 24px 44px -28px rgba(0,0,0,.75)}
.bp::after{content:"";position:absolute;inset:12px;z-index:3;padding:0;border-radius:0;pointer-events:none;opacity:1;animation:none;-webkit-mask:none;mask:none;--bk:rgba(245,196,0,.65);
  background:
    linear-gradient(var(--bk),var(--bk)) 0 0/26px 3px no-repeat,linear-gradient(var(--bk),var(--bk)) 0 0/3px 26px no-repeat,
    linear-gradient(var(--bk),var(--bk)) 100% 0/26px 3px no-repeat,linear-gradient(var(--bk),var(--bk)) 100% 0/3px 26px no-repeat,
    linear-gradient(var(--bk),var(--bk)) 0 100%/26px 3px no-repeat,linear-gradient(var(--bk),var(--bk)) 0 100%/3px 26px no-repeat,
    linear-gradient(var(--bk),var(--bk)) 100% 100%/26px 3px no-repeat,linear-gradient(var(--bk),var(--bk)) 100% 100%/3px 26px no-repeat;
  transition:inset .5s var(--ease)}
.bp:hover::after{--bk:rgba(245,196,0,1)}
.bp.active{outline:2px solid rgba(245,196,0,.95)!important;outline-offset:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 0 44px -6px rgba(245,196,0,.4),0 28px 54px -26px rgba(0,0,0,.85)}
.bp.active::after{--bk:#F5C400;inset:10px}
.bfan{padding:8px}
@media(prefers-reduced-motion:reduce){#benefits.bg-forest::before{animation:none}}
/* ================= ABOUT HERO v3: capsule triptych ================= */
.ab2{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(160deg,#08301f 0%,#0b3a2a 55%,#061a12 100%);padding:clamp(30px,3.6vw,50px) 0 clamp(80px,8vw,110px)}
.ab2::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(245,196,0,.22) 1.2px,transparent 1.6px);background-size:30px 30px;-webkit-mask:linear-gradient(100deg,transparent 30%,#000 100%);mask:linear-gradient(100deg,transparent 30%,#000 100%)}
.ab2::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(46px,6vw,84px);background:#F8F7F0;clip-path:polygon(0 100%,100% 100%,100% 0)}
.ab2-glow span{position:absolute;border-radius:50%;filter:blur(90px);z-index:-1;animation:abdrift 16s ease-in-out infinite alternate}
.ab2-glow span:nth-child(1){width:440px;height:440px;background:rgba(245,196,0,.2);right:6%;top:-140px}
.ab2-glow span:nth-child(2){width:420px;height:420px;background:rgba(45,138,69,.5);left:-140px;bottom:-60px;animation-delay:-6s}
.ab2-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,3vw,3rem);align-items:center}
.ab2-crumb{color:#9db7a4;font-size:.8rem;margin-bottom:.7rem}.ab2-crumb a{color:var(--gold)}
.ab2 .hero-title{font-size:clamp(2.2rem,4.2vw,3.7rem);line-height:1.04;color:#FBF3DC;margin:0 0 .9rem}
.ab2 .hero-title .l.g span{background:linear-gradient(100deg,#F5C400 20%,#ffe68a 50%,#F5C400 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:var(--ff-head);font-style:italic}
.ab2-lead{color:#d6e5da;font-size:1.02rem;max-width:30em;margin:0 0 1.1rem}
.ab2 .hero-ctas{margin-bottom:1.5rem}
.ab2-stats{display:inline-flex;align-items:stretch;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(245,196,0,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 24px 44px -26px #000}
.ab2-stats div{display:flex;align-items:center;gap:.7rem;padding:.8rem 1.3rem;position:relative}
.ab2-stats div+div::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:rgba(255,255,255,.25)}
.ab2-stats b{font-family:var(--ff-body);font-weight:800;font-size:1.7rem;line-height:1;color:var(--gold)}
.ab2-stats span{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#cfe0d3;line-height:1.3}
/* capsules */
.ab2-r{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,1.4vw,1.1rem);align-items:end;height:clamp(360px,32vw,450px);padding-bottom:8px}
.ab2-route{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.ab2-route path{stroke:var(--gold);stroke-width:2.2;stroke-dasharray:6 8;vector-effect:non-scaling-stroke;animation:why2march 1.4s linear infinite;filter:drop-shadow(0 0 6px rgba(245,196,0,.7))}
.ab2-cap{position:relative;margin:0;border-radius:999px;overflow:visible;border:4px solid var(--gold);box-shadow:0 30px 50px -22px #000,0 0 36px -10px rgba(245,196,0,.4);animation:ab2float 6s ease-in-out infinite;background:#0b2918}
.ab2-cap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:999px}
.ab2-cap.c1{height:76%;animation-delay:-1s}
.ab2-cap.c2{height:100%;animation-delay:-3s}
.ab2-cap.c3{height:68%;animation-delay:-5s}
@keyframes ab2float{50%{transform:translateY(-12px)}}
.ab2-cap figcaption{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;padding:.45rem .9rem;border-radius:18px;background:rgba(255,255,255,.93);color:var(--forest);font-family:var(--ff-head);font-weight:700;font-size:.95rem;line-height:1.1;white-space:nowrap;box-shadow:0 12px 24px -12px rgba(0,0,0,.6)}
.ab2-cap figcaption i{color:var(--green2);font-size:.8rem}
.ab2-cap figcaption small{font-family:var(--ff-body);font-weight:700;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ab2-pin{position:absolute;left:50%;top:-30px;transform:translateX(-50%);z-index:4;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#F5C400;color:var(--forest);font-size:1rem;box-shadow:0 10px 18px -6px rgba(0,0,0,.6);animation:abpin 2.4s ease-in-out infinite}
.ab2-pin::after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);border:8px solid transparent;border-top-color:#F5C400;border-bottom:0}
.ab2-cap.c2 .ab2-pin{animation-delay:.5s}.ab2-cap.c3 .ab2-pin{animation-delay:1s}
@keyframes abpin{50%{transform:translateX(-50%) translateY(-7px)}}
@media(max-width:991px){
  .ab2-grid{grid-template-columns:minmax(0,1fr)}
  .ab2-r{max-width:460px;width:100%;margin-inline:auto;height:360px}
  .ab2-stats{display:flex;width:100%}
  .ab2-stats div{flex:1;padding:.7rem .6rem;gap:.5rem;justify-content:center}
}
@media(max-width:575px){
  .ab2-r{height:300px;gap:.5rem}
  .ab2-cap{border-width:3px}
  .ab2-cap figcaption{font-size:.78rem;padding:.35rem .6rem;bottom:10px}
  .ab2-cap figcaption small{display:none}
  .ab2-stats b{font-size:1.3rem}.ab2-stats span{font-size:.58rem}
  .ab2-stats div{flex-direction:column;gap:.2rem;text-align:center}
}
@media(prefers-reduced-motion:reduce){.ab2-cap,.ab2-pin,.ab2-route path,.ab2-glow span{animation:none!important}}
.ab2-route{display:none}

/* About hero: blurred photo background */
.ab2-bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.ab2-bg img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:blur(9px) saturate(1.15);transform:scale(1.12);animation:kenburns 26s ease-in-out infinite alternate}
.ab2-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,34,24,.94) 0%,rgba(8,48,31,.78) 45%,rgba(8,48,31,.45) 100%)}
.ab2{background:#08301f}
@media(prefers-reduced-motion:reduce){.ab2-bg img{animation:none}}
/* About hero: make the blurred photo clearly visible */
.ab2-bg img{filter:blur(5px) saturate(1.25) brightness(1.08);transform:scale(1.08);object-position:center 62%}
.ab2-bg::after{background:linear-gradient(100deg,rgba(6,34,24,.78) 0%,rgba(8,48,31,.5) 42%,rgba(8,48,31,.12) 100%)}
.ab2 .hero-title,.ab2-lead{text-shadow:0 4px 22px rgba(0,0,0,.55)}
.ab2-glow span:nth-child(1){opacity:.5}
.ab2 .hero-title .l.g span{text-shadow:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}

/* ================= ABOUT: Vision + Mission together ================= */
.ab-vm{position:relative;overflow:hidden;isolation:isolate;padding:clamp(56px,7vw,100px) 0;color:#fff}
.ab-vm-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(6,25,15,.82),rgba(11,41,24,.7) 50%,rgba(6,25,15,.9)),url("../images/gallery/munnar-tea.jpg") center/cover fixed}
.ab-vm-head{margin-bottom:clamp(1.6rem,3vw,2.6rem)}
.ab-vm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,2.4vw,2rem);align-items:stretch}
.ab-vm-card{position:relative;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 36px 70px -34px #000;transition:transform .5s var(--ease)}
.ab-vm-card:hover{transform:translateY(-6px)}
.ab-vm-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:100px;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ab-vm-card.vis{padding:clamp(1.6rem,3vw,2.6rem);text-align:center;align-items:center;justify-content:center;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(245,196,0,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.ab-vm-card.vis::before{content:"";position:absolute;inset:12px;border:1.5px dashed rgba(245,196,0,.3);border-radius:22px;pointer-events:none}
.ab-vm-card.vis .ab-vm-tag{background:var(--gold);color:var(--forest)}
.ab-vm-card.vis .ab-qm{margin:1rem 0 .2rem}
.ab-vm-card.vis blockquote{font-family:var(--ff-head);font-weight:700;font-size:clamp(1.4rem,2.5vw,2.1rem);line-height:1.3;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.4)}
.ab-vm-card.vis blockquote em{font-style:italic;color:var(--gold)}
.ab-vm-card.vis .ab-vroute{width:min(320px,70%);margin-top:1.4rem}
.ab-vm-card.mis{background:#fff;color:var(--ink)}
.ab-vm-photo{position:relative;height:190px;flex:none}
.ab-vm-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}
.ab-vm-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(11,41,24,.6))}
.ab-vm-tag.on{position:absolute;left:1.2rem;bottom:1rem;z-index:2;background:var(--forest);color:#fff}
.ab-vm-tag.on i{color:var(--gold)}
.ab-vm-body{padding:clamp(1.3rem,2.4vw,2rem);display:flex;flex-direction:column;gap:.7rem;flex:1}
.ab-vm-body h3{font-size:clamp(1.5rem,2.4vw,2rem);margin:0}
.ab-vm-body p{color:var(--muted);margin:0}
.ab-vm-body .ab-steps{margin:.6rem 0}
.ab-vm-body .link-arrow{margin-top:auto;align-self:flex-start}
@media(max-width:991px){.ab-vm-grid{grid-template-columns:minmax(0,1fr)}.ab-vm-bg{background-attachment:scroll}.ab-vm-card.vis{min-height:300px}}
@media(prefers-reduced-motion:reduce){.ab-vm .ab-qm,.ab-vm .ab-vroute path{animation:none!important}}
/* ================= ABOUT: Vision|Mission split panel ================= */
.ab-duo{background:#F8F7F0;padding:clamp(56px,7vw,100px) 0;position:relative;overflow:hidden}
.ab-duo::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 34px,rgba(23,99,46,.06) 34px 35px);pointer-events:none}
.ab-duo-wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;border-radius:38px;overflow:hidden;box-shadow:0 44px 80px -40px rgba(11,41,24,.8);min-height:480px}
.ab-duo-l{position:relative;color:#fff;isolation:isolate;display:flex}
.ab-duo-l .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:kenburns 26s ease-in-out infinite alternate}
.ab-duo-l::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,rgba(6,34,24,.88),rgba(11,41,24,.7))}
.ab-duo .in{padding:clamp(1.8rem,3.6vw,3.2rem);display:flex;flex-direction:column;justify-content:center;width:100%}
.ab-duo-l .in{align-items:flex-start}
.ab-duo-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:100px;background:var(--gold);color:var(--forest);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ab-duo-tag.dk{background:var(--forest);color:#fff}.ab-duo-tag.dk i{color:var(--gold)}
.ab-duo-l .ab-qm{font-size:4.4rem;margin:1.2rem 0 .1rem;text-align:left}
.ab-duo-l blockquote{font-family:var(--ff-head);font-weight:700;font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.28;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.4)}
.ab-duo-l blockquote em{font-style:italic;color:var(--gold)}
.ab-duo-l .ab-vroute{width:min(320px,70%);margin-top:1.6rem}
.ab-duo-r{position:relative;background:#fffdf4}
.ab-duo-r::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(23,99,46,.12) 1.2px,transparent 1.6px);background-size:24px 24px;-webkit-mask:linear-gradient(270deg,#000,transparent 70%);mask:linear-gradient(270deg,#000,transparent 70%);pointer-events:none}
.ab-duo-r .in{position:relative;gap:.8rem;padding-left:clamp(2.6rem,4.6vw,4.2rem)}
.ab-duo-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ab-duo-ph{width:84px;height:84px;border-radius:50%;overflow:hidden;border:4px solid var(--gold);box-shadow:0 14px 26px -12px rgba(0,0,0,.5);flex:none}
.ab-duo-ph img{width:100%;height:100%;object-fit:cover}
.ab-duo-r h3{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:.4rem 0 0}
.ab-duo-r p{color:var(--muted);margin:0}
.ab-duo-r .ab-steps{margin:.6rem 0 .4rem}
.ab-duo-r .link-arrow{align-self:flex-start}
.ab-duo-seam{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--forest);font-size:2rem;border:6px solid #fffdf4;box-shadow:0 0 0 2px var(--gold),0 20px 36px -12px rgba(0,0,0,.6)}
.ab-duo-seam i{animation:abspin 14s linear infinite}
@media(max-width:991px){
  .ab-duo-wrap{grid-template-columns:minmax(0,1fr);min-height:0}
  .ab-duo-l{min-height:320px}
  .ab-duo-seam{top:auto;left:50%;transform:translateX(-50%);position:relative;margin:-42px auto -42px;grid-row:2}
  .ab-duo-r{grid-row:3}
  .ab-duo-r .in{padding-left:clamp(1.8rem,3.6vw,3.2rem);padding-top:3.4rem}
}

/* ================= ABOUT: values as pillars ================= */
.ab-values2{background:var(--cream);padding:clamp(56px,7vw,100px) 0 clamp(70px,8vw,110px);position:relative;overflow:hidden}
.ab-values2::before{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,transparent,rgba(23,99,46,.07))}
.ab-pil{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.7rem,1.4vw,1.3rem);align-items:start}
.pil{position:relative;text-align:center;padding:7.4rem 1.1rem 3.4rem;background:#fff;border-radius:999px 999px 26px 26px;border:1.5px solid rgba(23,99,46,.14);box-shadow:0 24px 44px -30px rgba(11,41,24,.55);min-height:380px;transition:transform .55s var(--ease),background .4s,box-shadow .5s,border-color .4s}
.pil:nth-child(even){margin-top:38px}
.pil-ic{position:absolute;left:50%;top:38px;transform:translateX(-50%);width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:1.9rem;color:var(--gold);background:linear-gradient(145deg,var(--green2),var(--forest));box-shadow:0 0 0 6px #fff,0 0 0 8px rgba(245,196,0,.7),0 16px 26px -12px rgba(0,0,0,.6);transition:.5s var(--ease)}
.pil:nth-child(even) .pil-ic{background:linear-gradient(145deg,#ffd43b,#f5b400);color:var(--forest)}
.pil h4{font-size:1.2rem;margin:0 0 .5rem;color:var(--forest);transition:color .3s}
.pil p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.55;transition:color .3s}
.pil-n{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--gold);font-family:var(--ff-head);font-weight:800;font-size:.95rem;border:3px solid var(--cream);box-shadow:0 10px 18px -8px rgba(0,0,0,.5);transition:.4s}
.pil:hover{transform:translateY(-12px);background:linear-gradient(170deg,var(--green),var(--forest));border-color:var(--gold);box-shadow:0 36px 60px -26px rgba(11,41,24,.8)}
.pil:hover h4{color:#fff}.pil:hover p{color:#cfe0d3}
.pil:hover .pil-ic{transform:translateX(-50%) rotate(-8deg) scale(1.1)}
.pil:hover .pil-n{background:var(--gold);color:var(--forest)}
@media(max-width:991px){
  .ab-pil{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.6rem}
  .pil:nth-child(even){margin-top:0}
  .pil:last-child{grid-column:1/-1;max-width:calc(50% - .7rem);margin-inline:auto}
  .pil{border-radius:120px 120px 24px 24px;min-height:340px}
}
@media(max-width:575px){
  .ab-pil{grid-template-columns:minmax(0,1fr)}
  .pil:last-child{max-width:none}
  .pil{min-height:0;border-radius:90px 90px 24px 24px;padding-top:7rem}
}
@media(prefers-reduced-motion:reduce){.ab-duo-seam i,.ab-duo-l .bgimg{animation:none}}
@media(min-width:992px){.pil{min-height:300px;padding-bottom:3rem}}

/* ================= ENQUIRY POP-UP ================= */
.enq{position:fixed;inset:0;z-index:2600;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,20,11,.74);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .4s}
.enq.open{opacity:1}
.enq-box{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;width:min(900px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:30px;background:#fff;box-shadow:0 50px 100px -30px #000;transform:translateY(30px) scale(.96);transition:transform .55s var(--ease)}
.enq.open .enq-box{transform:none}
.enq-x{position:absolute;right:14px;top:14px;z-index:5;width:40px;height:40px;border-radius:50%;border:0;background:var(--gold);color:var(--forest);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 20px -8px rgba(0,0,0,.5);transition:transform .35s var(--ease)}
.enq-x:hover{transform:rotate(90deg) scale(1.08)}
.enq-side{position:relative;overflow:hidden;isolation:isolate;padding:2.2rem 1.8rem;color:#d6e5da;background:radial-gradient(420px 260px at 100% 0,rgba(245,196,0,.25),transparent 65%),linear-gradient(165deg,#0f5230,#06190f);display:flex;flex-direction:column;justify-content:center;gap:.9rem}
.enq-side::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 30px,rgba(255,255,255,.05) 30px 31px)}
.enq-side::after{content:"";position:absolute;left:1.4rem;right:1.4rem;bottom:1.2rem;height:70px;border-top:2px dashed rgba(245,196,0,.4);border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}
.enq-plane{position:absolute;right:1.4rem;bottom:2.6rem;font-size:1.6rem;color:var(--gold);animation:enqfly 6s ease-in-out infinite;transform:rotate(-20deg)}
@keyframes enqfly{0%{transform:translate(-190px,26px) rotate(-8deg);opacity:0}15%{opacity:1}100%{transform:translate(0,-6px) rotate(-30deg);opacity:1}}
.enq-k{font-size:.7rem;font-weight:800;letter-spacing:.22em;color:var(--gold)}
.enq-side h3{color:#fff;font-size:clamp(1.6rem,2.6vw,2.1rem);margin:0;line-height:1.1}
.enq-side h3 em{font-style:italic;color:var(--gold);font-family:var(--ff-script);font-size:1.15em}
.enq-side p{margin:0;font-size:.95rem}
.enq-side ul{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.5rem;font-size:.92rem;color:#fff}
.enq-side li i{color:var(--gold);margin-right:.4rem}
.enq-side small{margin-top:.6rem;font-size:.74rem;color:#9db7a4;max-width:20em}
.enq-main{padding:2rem 2rem 1.8rem;display:flex;flex-direction:column;justify-content:center;min-width:0}
.enq-form h4{font-size:1.5rem;margin:0 2.4rem 1rem 0;color:var(--forest)}
.enq-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.enq .fld{display:block;margin-bottom:.8rem;position:relative}
.enq .fld>span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:.25rem}
.enq .fld input,.enq .fld select,.enq .fld textarea{width:100%;padding:.7rem .9rem;border:1.5px solid rgba(23,99,46,.22);border-radius:14px;background:#fbfdf9;font:inherit;font-size:.95rem;color:var(--ink);transition:border-color .3s,box-shadow .3s}
.enq .fld input:focus,.enq .fld select:focus,.enq .fld textarea:focus{outline:0;border-color:var(--green2);box-shadow:0 0 0 4px rgba(45,138,69,.15)}
.enq .fld textarea{resize:vertical;min-height:80px}
.enq .fld.bad input,.enq .fld.bad select{border-color:#d4412f;background:#fff7f5}
.enq .err{display:block;min-height:0;font-style:normal;font-size:.74rem;color:#d4412f;margin-top:.2rem}
.enq-ck{display:flex;gap:.6rem;align-items:flex-start;font-size:.86rem;color:var(--muted);cursor:pointer;margin:.2rem 0}
.enq-ck input{margin-top:.25rem;accent-color:var(--green)}
.enq .ck-err{margin-bottom:.4rem}
.enq-go{width:100%;justify-content:center;margin-top:.5rem}
.enq-ok{text-align:center;padding:1rem .5rem}
.enq-ok[hidden],.enq-form[hidden]{display:none}
.enq-ok .tick{width:78px;height:78px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;font-size:2.2rem;color:var(--forest);background:var(--gold);box-shadow:0 0 0 8px rgba(245,196,0,.25);animation:enqpop .6s var(--ease)}
@keyframes enqpop{from{transform:scale(0)}}
.enq-ok h4{font-size:1.6rem;margin-bottom:.4rem}
.enq-ok p{color:var(--muted);max-width:30em;margin:0 auto 1.2rem;font-size:.92rem}
@media(max-width:767px){
  .enq{align-items:flex-end;padding:10px}
  .enq-box{grid-template-columns:minmax(0,1fr);border-radius:26px}
  .enq-side{padding:1.4rem 1.4rem 1.2rem;gap:.5rem}
  .enq-side ul,.enq-side small,.enq-side::after,.enq-plane{display:none}
  .enq-side h3{font-size:1.5rem}
  .enq-main{padding:1.2rem 1.2rem 1.4rem}
  .enq-row{grid-template-columns:minmax(0,1fr)}
  .enq-form h4{margin-right:0}
}
@media(prefers-reduced-motion:reduce){.enq,.enq-box{transition:none}.enq-plane,.enq-ok .tick{animation:none}}
.enq{z-index:5000}

/* no layout shift when the pop-up / menu hides the scrollbar; no smooth-scroll jump on load */
html{scrollbar-gutter:stable}
html:not(.is-ready){scroll-behavior:auto}
/* enquiry pop-up: compact on phones */
@media(max-width:767px){
  .enq{padding:8px;align-items:center}
  .enq-box{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:22px}
  .enq-x{right:10px;top:10px;width:34px;height:34px;font-size:.85rem}
  .enq-side{padding:.9rem 3.4rem .8rem 1.1rem;gap:.15rem}
  .enq-side .enq-k{font-size:.6rem}
  .enq-side h3{font-size:1.2rem}
  .enq-side p{display:none}
  .enq-main{padding:.8rem 1.1rem 1rem}
  .enq-form h4{font-size:1.15rem;margin:0 0 .5rem}
  .enq-row{gap:0}
  .enq .fld{margin-bottom:.45rem}
  .enq .fld>span{font-size:.62rem;margin-bottom:.15rem}
  .enq .fld input,.enq .fld select,.enq .fld textarea{padding:.5rem .75rem;font-size:.9rem;border-radius:11px}
  .enq .fld textarea{min-height:54px;rows:2}
  .enq-ck{font-size:.78rem;margin:.1rem 0}
  .enq .err{font-size:.68rem;margin-top:.1rem}
  .enq-go{padding:.65rem 1rem;margin-top:.3rem;font-size:.9rem}
}
@media(max-width:767px) and (max-height:700px){.enq-side{display:none}.enq-form h4{margin-right:2.4rem}}
/* how-it-works: same artwork on phones — swipe sideways instead of a different layout */
@media(max-width:991px){
  .how2{padding:0 0 1rem;background:linear-gradient(180deg,#fdf1e8,#fbf7f2)}
  .how-scene,.how-cloud,.how-plane{display:none}
  .how2 .tw{display:none}
  .how2 .text-center:not(.mt-5){display:block;padding:1.6rem 1rem .6rem;max-width:none!important}
  .how2 .container-x>p{color:#6a7a6f!important;text-shadow:none;margin:.5rem 0 0!important;font-size:.78rem}
  .how2 .container-x::before{content:"\2194  Swipe to explore";display:block;text-align:center;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--green2);padding-top:.7rem}
  .how-art{display:block!important;line-height:0}
  .how-art img{width:100%;height:auto;display:block}
  .how-clip{display:block!important;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}
  .how-clip::-webkit-scrollbar{display:none}
  .how-stage{width:1150px;min-width:1150px;animation:none;margin-top:-118px}
}
@media(max-width:991px){
  .how2{display:flex;flex-direction:column}
  .how2>.container-x{display:contents}
  .how2 .text-center:not(.mt-5){order:-3}
  .how2 .container-x::before{order:-1;padding-bottom:.5rem}
  .how-clip{order:0}
  .how2 .container-x>p{order:1;padding:.4rem 1rem 0}
}
/* how-it-works on phones: the whole artwork, cut into one piece per step so everything is visible */
.how-slices{display:none}
@media(max-width:991px){
  .how-clip{display:none!important}
  .how2 .container-x::before{display:none!important}
  .how-slices{display:grid;gap:10px;padding:.4rem 14px 0;order:0}
  .how-sl{display:block;position:relative;width:100%;aspect-ratio:.936;max-width:460px;margin-inline:auto;border-radius:24px;background:url("../images/how-it-works.jpg") no-repeat;background-size:490.2% auto;box-shadow:0 18px 36px -24px rgba(11,41,24,.55)}
  .how-sl:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-10px;height:10px;border-left:2px dashed rgba(23,99,46,.45);transform:translateX(-50%)}
}
/* how-it-works phone cards: auto-moving carousel */
.how-dots{display:none}
@media(max-width:991px){
  .how-slices{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.8rem 11% 1rem}
  .how-slices::-webkit-scrollbar{display:none}
  .how-sl{flex:0 0 78%;max-width:330px;width:auto;margin:0;scroll-snap-align:center;border-radius:24px;opacity:.5;transform:scale(.9);transition:opacity .6s ease,transform .7s var(--ease),box-shadow .6s;box-shadow:0 14px 26px -22px rgba(11,41,24,.6)}
  .how-sl::after{display:none!important}
  .how-sl.on{opacity:1;transform:scale(1);box-shadow:0 26px 44px -22px rgba(11,41,24,.7),0 0 0 2px rgba(245,196,0,.85)}
  .how-dots{display:flex;justify-content:center;gap:7px;padding-bottom:.4rem;order:0}
  .how-dots button{width:9px;height:9px;padding:0;border:0;border-radius:9px;background:rgba(23,99,46,.28);transition:.4s var(--ease)}
  .how-dots button.on{width:26px;background:var(--gold)}
}
@media(prefers-reduced-motion:reduce){.how-sl{transition:none}}
/* enquiry pop-up: travel photo on the left panel */
.enq-side{background:linear-gradient(180deg,rgba(6,30,20,.45) 0%,rgba(6,30,20,.62) 45%,rgba(4,22,14,.9) 100%),url("../images/how-bg.jpg") center/cover no-repeat}
.enq-side::before{background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 30px,rgba(255,255,255,.04) 30px 31px)}
.enq-side h3,.enq-side p,.enq-side li,.enq-k{text-shadow:0 2px 14px rgba(0,0,0,.55)}