/* ===== v5: Kerala-to-world hero, Ayurvedic video consult, logo icon motif ===== */
/* logo icon replaces the E everywhere except the wordmark */
.eyebrow::before{-webkit-mask:none!important;mask:none!important;background:url(/assets/mark-64.png) center/contain no-repeat!important;width:16px!important;height:16px!important;border-radius:50%!important}
.ticks li::before{-webkit-mask:none!important;mask:none!important;background:var(--green)!important;width:7px!important;height:7px!important;border-radius:50%!important;top:8px!important;margin:0!important;box-shadow:0 0 0 3px rgba(15,91,79,.14)}
.e-div img{height:40px;width:40px;border-radius:50%}
.pil .kind img{height:16px;width:16px;border-radius:50%}
.perk-row img{height:16px;width:16px;border-radius:50%}
.e-num img{opacity:1;width:46px;height:46px;border-radius:50%;inset:auto;position:static}
.e-num{width:auto;height:auto;gap:12px;display:inline-flex}
.e-num b{font-size:16px}
.inv-note img{height:16px;width:16px;border-radius:50%}
.bg-green .e-wm,.f4 .e-wm{display:none}
.mark-wm{position:absolute;pointer-events:none;z-index:0;border-radius:50%;opacity:.07;filter:grayscale(1) brightness(3)}

/* ---------- hero: Kerala to the world ---------- */
.hero5{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:170px 0 110px;isolation:isolate}
.hero5 .bgphoto{position:absolute;inset:0;z-index:-3}
.hero5 .bgphoto img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.55) sepia(.18) brightness(1.06) contrast(.92);opacity:.6;transform:scale(1.06)}
.hero5::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--cream) 0%,rgba(234,227,210,.96) 30%,rgba(234,227,210,.72) 52%,rgba(234,227,210,.45) 75%,rgba(234,227,210,.55) 100%),linear-gradient(0deg,var(--cream) 0%,rgba(234,227,210,0) 22%)}
.mapbox{position:absolute;left:50%;top:52%;width:max(1440px,100%);aspect-ratio:1440/560;transform:translate(-50%,-50%);z-index:-1}
.worldmap{width:100%;height:100%;display:block}
.worldmap .land{stroke:rgba(15,91,79,.28);stroke-width:3.2;stroke-linecap:round;fill:none}
.worldmap .arc{fill:none;stroke:url(#arcg);stroke:#A9512F;stroke-opacity:.55;stroke-width:1.4;stroke-dasharray:4 7;animation:flow 2.4s linear infinite}
@keyframes flow{to{stroke-dashoffset:-22}}
.worldmap .node{fill:#A9512F;opacity:.8;transform-box:fill-box;transform-origin:center;animation:node 3s ease-in-out infinite}
.worldmap g circle:nth-child(2n){animation-delay:-1.5s}
@keyframes node{50%{transform:scale(1.8);opacity:.35}}
.kerala{position:absolute;left:68.42%;top:50.82%;transform:translate(-50%,-50%);width:clamp(150px,15vw,230px);aspect-ratio:1;z-index:2}
.kerala img{width:100%;height:100%;border-radius:50%;position:relative;z-index:2;filter:drop-shadow(0 30px 50px rgba(10,63,55,.45));animation:bob 9s ease-in-out infinite}
.kerala::before{content:"";position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(circle,rgba(244,239,228,.95) 0%,rgba(244,239,228,.6) 38%,rgba(244,239,228,0) 68%);z-index:1}
.kerala i{position:absolute;inset:-6%;border-radius:50%;border:1px solid rgba(169,81,47,.45);z-index:1;animation:ripple 4.5s ease-out infinite}
.kerala i:nth-of-type(2){animation-delay:-1.5s}.kerala i:nth-of-type(3){animation-delay:-3s}
@keyframes ripple{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.1);opacity:0}}
.kerala .lbl{position:absolute;left:50%;top:calc(100% + 18px);transform:translateX(-50%);white-space:nowrap;z-index:3;font:600 11px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--green);background:rgba(244,239,228,.9);padding:8px 14px;border-radius:99px;box-shadow:var(--shadow-sm)}
.hero5 .wrap{position:relative;z-index:3}
.hero5 .copy{max-width:560px}
.hero5 h1{margin-bottom:22px}
.hero5 .lead{margin-bottom:34px}
.hero5 .places{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.hero5 .places span{font-size:12.5px;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.7);border:1px solid var(--line);color:var(--green)}

/* ---------- Ayurvedic video consultation ---------- */
.consult{position:relative;overflow:hidden}
.consult .grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.csteps{display:grid;gap:14px;margin:30px 0 34px}
.cstep{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.cstep b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--ivory);font:500 16px var(--serif)}
.cstep h4{margin:2px 0 2px;font:500 19px/1.3 var(--serif);color:var(--green)}
.cstep p{margin:0;font-size:14.5px;color:var(--muted)}
.vc{position:relative}
.vc-frame{position:relative;border-radius:30px;padding:12px;background:linear-gradient(180deg,#f7f1e3,#efe5cf);box-shadow:0 60px 120px -50px rgba(10,63,55,.55),0 0 0 1px rgba(169,81,47,.18) inset}
.vc-frame::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#c9a34e 15%,#e3c47a 50%,#c9a34e 85%,transparent)}
.vc-screen{position:relative;aspect-ratio:16/10.5;border-radius:22px;overflow:hidden;background:#0d3a33}
.vc-main{position:absolute;inset:0}
.vc-main img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:saturate(.95) sepia(.06)}
.vc-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,40,35,.45) 0%,rgba(8,40,35,0) 22%,rgba(8,40,35,0) 62%,rgba(8,40,35,.7) 100%)}
.vc-top{position:absolute;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;align-items:center;z-index:3;color:#fff;font-size:12.5px}
.vc-brand{display:flex;align-items:center;gap:8px;font:500 13px var(--serif);letter-spacing:.06em}
.vc-brand img{width:22px;height:22px;border-radius:50%}
.vc-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:99px;background:rgba(8,40,35,.5);backdrop-filter:blur(8px)}
.vc-pill .dot{background:#7fd3a8}
.vc-name{position:absolute;left:16px;bottom:74px;z-index:3;color:#fff}
.vc-name b{display:block;font:500 18px/1.2 var(--serif)}
.vc-name span{font-size:12px;opacity:.85}
.vc-name em{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-style:normal;font-size:11px;padding:4px 9px;border-radius:99px;background:rgba(231,181,150,.25);color:#F6D5C0}
.vc-pip{position:absolute;right:16px;bottom:74px;width:22%;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.6);z-index:3;box-shadow:0 14px 30px -10px rgba(0,0,0,.5)}
.vc-pip img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.vc-cap{position:absolute;left:50%;bottom:76px;transform:translateX(-50%);z-index:3;max-width:46%;text-align:center;font-size:12.5px;line-height:1.45;color:#fff;background:rgba(8,40,35,.55);backdrop-filter:blur(6px);padding:7px 12px;border-radius:10px}
.vc-ctrl{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:12px;z-index:3}
.vc-ctrl span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);backdrop-filter:blur(8px)}
.vc-ctrl svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.7}
.vc-ctrl .end{background:#A9512F;width:58px;border-radius:21px}
.vc-notes{position:absolute;right:-34px;top:12%;width:250px;z-index:4;background:rgba(250,246,237,.94);backdrop-filter:blur(14px);border:1px solid rgba(169,81,47,.18);border-radius:20px;padding:18px;box-shadow:var(--shadow);animation:bob 9s ease-in-out infinite}
.vc-notes h5{margin:0 0 12px;display:flex;align-items:center;gap:8px;font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--terra)}
.vc-notes h5 img{width:16px;height:16px;border-radius:50%}
.vc-notes .row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:8px 0;border-bottom:1px dashed rgba(15,91,79,.18)}
.vc-notes .row:last-of-type{border:0}
.vc-notes .row span{color:var(--muted)}.vc-notes .row b{color:var(--green);font-weight:600;text-align:right}
.vc-notes .ai{margin-top:10px;font-size:11.5px;color:var(--green);background:rgba(15,91,79,.07);padding:8px 10px;border-radius:10px}
.vc-next{position:absolute;left:-30px;bottom:-26px;z-index:4;display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:var(--shadow);font-size:13px;animation:bob 8s ease-in-out -3s infinite}
.vc-next b{display:block;font:500 15px var(--serif);color:var(--green)}
.vc-next .mini-ic{width:36px;height:36px;border-radius:12px;background:var(--terra-soft);display:grid;place-items:center}
.vc-next svg{width:18px;height:18px;stroke:var(--terra);fill:none;stroke-width:1.7}
.consult .leafy{position:absolute;right:-120px;top:-80px;width:420px;opacity:.06;border-radius:50%;pointer-events:none}

@media (max-width:1080px){
 .consult .grid{grid-template-columns:1fr;gap:60px}
 .vc-notes{right:-10px;width:220px}
 .kerala{width:150px}
}
@media (max-width:860px){
 .hero5{padding:140px 0 70px;align-items:flex-start;min-height:auto}
 .hero5::before{background:linear-gradient(180deg,rgba(234,227,210,.97) 0%,rgba(234,227,210,.92) 52%,rgba(234,227,210,.55) 78%,var(--cream) 100%)}
 .mapbox{top:auto;bottom:40px;transform:translateX(-58%);width:1100px}
 .kerala{width:120px}
 .hero5 .copy{padding-bottom:300px}
 .vc-notes{position:relative;right:auto;top:auto;width:auto;margin:16px 0 0;animation:none}
 .vc-next{position:relative;left:auto;bottom:auto;margin-top:12px;display:inline-flex;animation:none}
 .vc-cap{display:none}
 .vc-pip{width:28%;bottom:70px}
 .vc-name{bottom:70px}
 .vc-ctrl span{width:36px;height:36px}.vc-ctrl .end{width:48px}
}
.mapbox{-webkit-mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 30%,#000 55%);mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 30%,#000 55%)}
.consult .leafy{display:none}
.vc-notes{top:-34px;right:-44px}
.vc-cap{bottom:128px;max-width:52%}
@media (max-width:860px){.mapbox{-webkit-mask:linear-gradient(180deg,transparent 0%,#000 35%);mask:linear-gradient(180deg,transparent 0%,#000 35%)}.vc-notes{top:auto;right:auto}}
@media (max-width:860px){
 .mapbox{left:50%;width:1150px;transform:translateX(-68.42%);bottom:20px}
 .hero5 .copy{padding-bottom:330px}
 .vc-screen{aspect-ratio:4/5}
 .vc-top{flex-direction:column;align-items:flex-start;gap:8px}
 .vc-name{bottom:76px}
 .vc-pip{bottom:76px;width:30%}
}

/* ===== Join hub ===== */
.join{background:linear-gradient(180deg,var(--cream),var(--ivory))}
.jgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}
.jopts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jopt{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;border-radius:20px;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;color:var(--ink);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s,background .35s}
.jopt:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.jopt .ic{margin:0;flex:none;width:44px;height:44px}
.jopt b{display:block;font:500 17px/1.25 var(--serif);color:var(--green)}
.jopt small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
.jopt.on{background:var(--green);border-color:var(--green);box-shadow:var(--shadow)}
.jopt.on b{color:var(--ivory)}.jopt.on small{color:rgba(244,239,228,.78)}
.jopt.on .ic{background:rgba(255,255,255,.14)}.jopt.on .ic svg{stroke:var(--ivory)}
.jopt:focus-visible{outline:2px solid var(--terra);outline-offset:3px}
.jpanel{background:#fff;border-radius:30px;padding:40px;box-shadow:var(--shadow);border:1px solid var(--line);position:sticky;top:110px}
.jpanel h3{font-size:clamp(26px,2.4vw,32px);margin:0 0 8px}
.jpanel>p{color:var(--muted);margin:0 0 22px}
.jpanel .opt{opacity:.6;font-weight:400}
.j-x{display:none}.j-x.show{display:grid}
.jpanel #j-title,.jpanel #j-desc,.jpanel #j-kicker{transition:opacity .25s}
.jpanel.swap #j-title,.jpanel.swap #j-desc,.jpanel.swap #j-kicker{opacity:0}
.quickjoin{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}
.quickjoin span{font-size:13px;color:var(--muted);margin-right:4px}
.quickjoin a{font-size:13px;padding:7px 13px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.75);color:var(--green);transition:background .3s,color .3s}
.quickjoin a:hover{background:var(--green);color:var(--ivory)}
.ftr .ftr-cols{grid-template-columns:1.2fr 1fr 1.1fr .8fr 1.5fr}
.modal-box .form{gap:10px;margin-top:18px}
@media (max-width:1080px){.jgrid{grid-template-columns:1fr}.jpanel{position:relative;top:auto}.ftr .ftr-cols{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.jopts{grid-template-columns:1fr}.jopt{padding:14px}.jpanel{padding:26px 20px}}

.brand{flex:none}.brand .bm,.brand .bw{flex:none;max-width:none}
.brand .bw{width:auto!important}