  <style>
/* ============================================================
   VIJAYATA JAIN — Ayurvedic Wellness
   Production stylesheet
   ============================================================ */

:root{
  --bg:            #FBF6EC;
  --bg-2:          #F4ECDB;
  --bg-3:          #EEE2C8;
  --ink:           #14241B;
  --ink-2:         #2E3F35;
  --muted:         #5B6B5F;
  --line:          rgba(20,36,27,.12);
  --forest:        #1F3B2D;
  --forest-2:      #2A4F3D;
  --sage:          #88A87D;
  --sage-2:        #B7CDA8;
  --saffron:       #D97706;
  --copper:        #B45309;
  --gold:          #C9A14A;
  --gold-2:        #E5C77A;
  --rose:          #C66B5C;
  --terracotta:    #B8624A;
  --ivory:         #FBF6EC;
  --shadow-1:      0 1px 2px rgba(20,36,27,.06), 0 8px 30px rgba(20,36,27,.06);
  --shadow-2:      0 1px 2px rgba(20,36,27,.06), 0 20px 60px rgba(20,36,27,.12);
  --shadow-3:      0 1px 2px rgba(20,36,27,.06), 0 30px 80px rgba(20,36,27,.18);
  --r-sm:          10px;
  --r-md:          16px;
  --r-lg:          24px;
  --r-xl:          32px;
  --r-pill:        999px;
  --serif:         "Cormorant Garamond","EB Garamond",ui-serif,Georgia,"Times New Roman",serif;
  --sans:          "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --display:       "Cormorant Garamond","EB Garamond",ui-serif,Georgia,serif;
  --container:     1240px;
  --header-h:      84px;
  --ease:          cubic-bezier(.2,.7,.2,1);
  --ease-out:      cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--ink);
  background:var(--bg);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none;transition:color .2s var(--ease)}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
ul{list-style:none;padding:0;margin:0}

/* Typography ---------------------------------------------------- */
h1,h2,h3,h4,h5,.serif{
  font-family:var(--display);
  font-weight:500;
  color:var(--ink);
  letter-spacing:-.01em;
  line-height:1.1;
  margin:0 0 .4em;
}
h1{font-size:clamp(2.4rem, 5.2vw, 4.6rem);font-weight:500;letter-spacing:-.02em}
h2{font-size:clamp(2rem, 3.6vw, 3.2rem)}
h3{font-size:clamp(1.4rem, 2vw, 1.8rem)}
.eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--sans);font-weight:500;text-transform:uppercase;
  font-size:.78rem;letter-spacing:.22em;color:var(--copper);
  margin-bottom:1rem;
}
.eyebrow::before{
  content:""; width:30px; height:1px; background:var(--copper);
}
p{margin:0 0 1rem;color:var(--ink-2)}
.lead{font-size:1.125rem;color:var(--ink-2);max-width:62ch}
.sanskrit{
  font-family:var(--display);
  font-style:italic;
  color:var(--forest);
}

/* Layout -------------------------------------------------------- */
.container{
  width:100%;max-width:var(--container);
  margin-inline:auto;padding-inline:clamp(1.2rem,3vw,2rem);
}
section{padding:clamp(4rem,8vw,7rem) 0;position:relative}
.section-head{max-width:760px;margin-bottom:3rem}
.section-head.center{margin-inline:auto;text-align:center}

/* ============================================================
   PRELOADER — opening mandala
   ============================================================ */
#preloader{
  position:fixed;inset:0;z-index:9999;background:var(--ivory);
  display:grid;place-items:center;
  transition:opacity .6s var(--ease-out), visibility .6s var(--ease-out);
  animation:preloaderAutoHide 0s linear 2.5s forwards;
}
#preloader.done{opacity:0;visibility:hidden;pointer-events:none}
/* Hard CSS-only fallback: preloader auto-hides after 2.5s even if JS fails */
@keyframes preloaderAutoHide{
  to{opacity:0;visibility:hidden;pointer-events:none}
}
html.no-js #preloader{display:none}
.preloader-mark{
  width:120px;height:120px;
  animation: spinSlow 6s linear infinite;
}
.preloader-text{
  position:absolute;bottom:18%;left:50%;transform:translateX(-50%);
  font-family:var(--display);font-style:italic;color:var(--forest);
  letter-spacing:.1em;font-size:1rem;opacity:.7
}

@keyframes spinSlow{to{transform:rotate(360deg)}}
@keyframes breathe{
  0%,100%{transform:scale(1);opacity:.9}
  50%{transform:scale(1.06);opacity:1}
}
@keyframes float-y{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
@keyframes drift{
  from{transform:translateY(-10vh) translateX(0) rotate(0)}
  to{transform:translateY(110vh) translateX(40px) rotate(360deg)}
}
@keyframes shimmer{
  0%{background-position:-200% 0}
  100%{background-position:200% 0}
}
@keyframes pulseRing{
  0%{transform:scale(.6);opacity:.9}
  100%{transform:scale(1.6);opacity:0}
}

/* ============================================================
   HEADER / NAV
   ============================================================ */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(251,246,236,.7);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid transparent;
  transition:background .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);
}
.site-header.scrolled{
  background:rgba(251,246,236,.92);
  border-bottom-color:var(--line);
  box-shadow:0 10px 30px rgba(20,36,27,.05);
}
.nav{
  height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;gap:2rem;
}
.brand{display:flex;align-items:center;gap:.75rem;color:var(--forest)}
.brand-mark{width:44px;height:44px}
.brand-mark .leaf{transform-origin:center;animation:breathe 5s var(--ease) infinite}
.brand-name{
  font-family:var(--display);font-size:1.4rem;font-weight:500;line-height:1;color:var(--forest);
}
.brand-tag{
  display:block;font-family:var(--sans);font-size:.62rem;letter-spacing:.3em;
  color:var(--copper);text-transform:uppercase;margin-top:.25rem;
}

.menu{display:flex;align-items:center;gap:.15rem;flex-wrap:nowrap;min-width:0}
.menu > li{flex-shrink:0}
.menu a{
  position:relative;padding:.55rem .75rem;border-radius:var(--r-pill);
  font-size:.92rem;font-weight:500;color:var(--ink);white-space:nowrap;
  transition:color .2s,background .25s;
  display:inline-flex;align-items:center;
}
@media (max-width:1280px){
  .menu a{padding:.5rem .6rem;font-size:.86rem}
  .has-sub > a::after{margin-left:.3rem}
  .nav{gap:1rem}
  .brand-tag{display:none}
}
@media (max-width:1180px){
  .menu a{padding:.45rem .5rem;font-size:.82rem}
  .menu{gap:0}
}
.menu a:hover{color:var(--forest);background:rgba(31,59,45,.06)}
.menu a.active{color:var(--forest)}
.menu a.active::after{
  content:"";position:absolute;left:50%;bottom:6px;width:4px;height:4px;
  border-radius:50%;background:var(--copper);transform:translateX(-50%);
}

.has-sub{position:relative}
.has-sub > a::after{
  content:"";display:inline-block;width:6px;height:6px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);margin-left:.45rem;vertical-align:2px;transition:transform .25s;
}
.has-sub:hover > a::after{transform:rotate(225deg)}
.submenu{
  position:absolute;top:calc(100% + 6px);left:0;min-width:280px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--shadow-2);padding:.6rem;opacity:0;visibility:hidden;
  transform:translateY(8px);transition:.28s var(--ease);
  pointer-events:none;
}
.has-sub::before{
  /* invisible bridge so dropdown doesn't close in the gap */
  content:"";position:absolute;top:100%;left:0;right:0;height:8px;
}
.has-sub:hover .submenu, .has-sub:focus-within .submenu{
  opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;
}
.submenu a{
  display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .8rem;
  border-radius:10px;white-space:normal;font-size:.92rem;
}
.submenu a:hover{background:var(--bg-2)}
.submenu .ico{
  width:32px;height:32px;color:var(--copper);flex-shrink:0;
  display:grid;place-items:center;background:var(--bg);border-radius:8px;
}
.submenu .ico svg{width:18px;height:18px}
.submenu .sm-title{display:block;font-weight:500;color:var(--forest);font-family:var(--display);font-size:1.02rem;line-height:1.1}
.submenu .sm-desc{display:block;font-size:.78rem;color:var(--muted);margin-top:.15rem;font-family:var(--sans)}

/* Grid layout for Resources dropdown */
.submenu-grid{
  display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));
  min-width:520px;gap:.25rem;
}
/* Right-align dropdown if it would overflow */
.has-sub:last-child .submenu, .has-sub:nth-last-child(2) .submenu{
  left:auto;right:0;
}

.cta{
  display:inline-flex;align-items:center;gap:.55rem;
  background:var(--forest);color:var(--ivory);
  padding:.85rem 1.3rem;border-radius:var(--r-pill);
  font-weight:500;font-size:.95rem;
  box-shadow:0 10px 24px rgba(31,59,45,.18);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s;
  position:relative;overflow:hidden;
}
.cta::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);
  transform:translateX(-100%);transition:transform .8s var(--ease);
}
.cta:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(31,59,45,.28);background:var(--forest-2)}
.cta:hover::after{transform:translateX(100%)}
.cta.outline{background:transparent;color:var(--forest);border:1.5px solid var(--forest);box-shadow:none}
.cta.outline:hover{background:var(--forest);color:var(--ivory)}
.cta .arrow{width:16px;height:16px;transition:transform .3s var(--ease)}
.cta:hover .arrow{transform:translateX(3px)}

.menu-toggle{
  display:none;width:44px;height:44px;border-radius:50%;
  background:var(--forest);color:var(--ivory);place-items:center;
  cursor:pointer;flex-shrink:0;
}
.menu-toggle span{width:18px;height:1.5px;background:currentColor;display:block;position:relative}
.menu-toggle span::before,.menu-toggle span::after{
  content:"";position:absolute;left:0;width:18px;height:1.5px;background:currentColor;
  transition:transform .3s var(--ease);
}
.menu-toggle span::before{top:-6px}
.menu-toggle span::after{top:6px}
.menu-toggle.open span{background:transparent}
.menu-toggle.open span::before{transform:translateY(6px) rotate(45deg)}
.menu-toggle.open span::after{transform:translateY(-6px) rotate(-45deg)}

/* Switch to hamburger when laptop nav can't fit comfortably */
@media (max-width: 1100px){
  .nav > nav, .nav > .cta{display:none}
  .menu-toggle{display:grid}
  .brand-tag{display:block}
}

/* Mobile drawer — HIDDEN by default. Only shows when .open class added by JS. */
.drawer{
  display:none;
  position:fixed;inset:0;background:var(--ivory);z-index:99;
  padding:calc(var(--header-h) + 1rem) 1.5rem 2rem;overflow-y:auto;
  flex-direction:column;
}
.drawer.open{
  display:flex;
  animation:drawerSlideIn .35s var(--ease-out);
}
@keyframes drawerSlideIn{
  from{opacity:0;transform:translateY(-20px)}
  to{opacity:1;transform:translateY(0)}
}
.drawer .menu{flex-direction:column;align-items:stretch;gap:.2rem;flex-wrap:nowrap}
.drawer .menu > li{flex-shrink:0;width:100%}
.drawer .menu a{
  font-size:1.15rem;font-family:var(--display);padding:.65rem 1rem;
  white-space:normal;color:var(--ink);justify-content:flex-start;
}
.drawer .has-sub > a::after{display:none}
.drawer .has-sub::before{display:none}
.drawer .submenu, .drawer .submenu-grid{
  position:static;opacity:1;visibility:visible;transform:none;
  box-shadow:none;border:0;background:transparent;padding:.25rem 0 .75rem 1rem;
  min-width:0;display:flex;flex-direction:column;gap:.1rem;pointer-events:auto;
  grid-template-columns:none;
}
.drawer .submenu a{
  font-size:.95rem;font-family:var(--sans);padding:.55rem .75rem;
  color:var(--ink-2);
}
.drawer .submenu .ico{width:26px;height:26px}
.drawer .submenu .ico svg{width:15px;height:15px}
.drawer .submenu .sm-title{font-family:var(--sans);font-size:.95rem;color:var(--ink)}
.drawer .submenu .sm-desc{display:none}
.drawer .cta{display:inline-flex;margin-top:1.5rem;align-self:flex-start}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;
  padding-top:calc(var(--header-h) + 4rem);
  padding-bottom:6rem;
  overflow:hidden;
  background:
    radial-gradient(80% 60% at 80% 10%, rgba(184,98,74,.10), transparent 60%),
    radial-gradient(70% 60% at 10% 80%, rgba(136,168,125,.18), transparent 60%),
    linear-gradient(180deg, #FBF6EC 0%, #F4ECDB 100%);
}
.hero-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;
}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}}

.hero-eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;
  background:rgba(31,59,45,.08);color:var(--forest);
  padding:.5rem .9rem;border-radius:var(--r-pill);
  font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500;
  margin-bottom:1.5rem;
}
.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--saffron);
  box-shadow:0 0 0 0 rgba(217,119,6,.5);animation:pulse 2s var(--ease) infinite}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(217,119,6,.5)}
  70%{box-shadow:0 0 0 12px rgba(217,119,6,0)}
  100%{box-shadow:0 0 0 0 rgba(217,119,6,0)}
}

.hero-title{margin-bottom:1.5rem}
.hero-title em{font-style:italic;color:var(--copper)}
.hero-shloka{
  font-family:var(--display);font-style:italic;font-size:clamp(1.15rem,1.7vw,1.45rem);
  color:var(--forest);line-height:1.55;margin:1.5rem 0;
  padding-left:1.25rem;border-left:2px solid var(--gold);
  max-width:55ch;
}
.hero-shloka .reveal-word{display:inline-block;opacity:0;transform:translateY(12px) blur(6px);
  transition:all .8s var(--ease-out)}
.hero-shloka.in .reveal-word{opacity:1;transform:none;filter:blur(0)}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.hero-stats{display:flex;gap:2.5rem;margin-top:3rem;flex-wrap:wrap}
.hero-stats .stat{display:flex;flex-direction:column;gap:.2rem}
.hero-stats .num{font-family:var(--display);font-size:2rem;color:var(--forest);line-height:1}
.hero-stats .lab{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}

/* Hero visual — breathing mandala + orbits */
.hero-visual{
  position:relative;aspect-ratio:1/1;width:100%;max-width:560px;margin-inline:auto;
}
.mandala-wrap{position:absolute;inset:0;display:grid;place-items:center}
.mandala{width:100%;height:100%;animation:spinSlow 90s linear infinite}
.mandala-inner{
  position:absolute;width:46%;height:46%;border-radius:50%;
  background:radial-gradient(circle at 30% 30%, #fff, #F4ECDB 60%, #E7D9B6);
  box-shadow:
    inset 0 0 60px rgba(31,59,45,.08),
    0 20px 60px rgba(31,59,45,.15);
  display:grid;place-items:center;animation:breathe 6s var(--ease) infinite;
}
.mandala-inner .om{
  font-family:var(--display);font-size:5rem;color:var(--copper);line-height:1;
}
.orbit{
  position:absolute;inset:0;border-radius:50%;
  border:1px dashed rgba(31,59,45,.18);
}
.orbit.o1{inset:8%}
.orbit.o2{inset:20%;animation:spinSlow 50s linear infinite reverse}
.orbit.o3{inset:32%;animation:spinSlow 40s linear infinite}
.orbit .planet{
  position:absolute;top:-9px;left:50%;width:18px;height:18px;border-radius:50%;
  transform:translateX(-50%);box-shadow:0 4px 12px rgba(0,0,0,.18);
}
.orbit .planet.vata{background:radial-gradient(circle,#bcd9f4,#5a8fbf)}
.orbit .planet.pitta{background:radial-gradient(circle,#fcd28e,#c97a14)}
.orbit .planet.kapha{background:radial-gradient(circle,#cfe5c8,#5e8c5b)}
.orbit-label{
  position:absolute;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);background:rgba(251,246,236,.8);padding:.15rem .5rem;border-radius:var(--r-pill);
}

/* Falling leaves */
.leaves{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.leaf-drop{
  position:absolute;top:-10vh;width:20px;height:20px;opacity:.65;
  animation:drift linear infinite;
}

/* ============================================================
   MARQUEE (Sanskrit / values)
   ============================================================ */
.marquee{
  background:var(--forest);color:var(--ivory);
  padding:1.25rem 0;overflow:hidden;position:relative;
}
.marquee-track{
  display:flex;gap:3rem;width:max-content;
  animation:marquee 40s linear infinite;
}
.marquee-item{display:flex;align-items:center;gap:1rem;font-family:var(--display);font-size:1.4rem;font-style:italic;white-space:nowrap}
.marquee-item .sep{width:8px;height:8px;border-radius:50%;background:var(--gold)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================
   PHILOSOPHY (About preview)
   ============================================================ */
.philosophy{background:var(--bg)}
.phil-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}
@media (max-width:900px){.phil-grid{grid-template-columns:1fr;gap:2rem}}
.phil-image{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  aspect-ratio:4/5;box-shadow:var(--shadow-2);
}
.phil-image .placeholder{
  width:100%;height:100%;
  background:
    radial-gradient(60% 50% at 50% 30%, #fff 0%, #F4ECDB 60%, #B7CDA8 130%);
  display:grid;place-items:center;color:var(--forest);
}
.phil-image .signature{
  position:absolute;left:1.5rem;bottom:1.5rem;
  background:rgba(251,246,236,.92);padding:.6rem 1rem;border-radius:var(--r-pill);
  font-family:var(--display);font-style:italic;
}
.phil-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}
.phil-tag{
  background:#fff;border:1px solid var(--line);padding:.4rem .8rem;border-radius:var(--r-pill);
  font-size:.82rem;color:var(--ink-2);
}
.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}
@media (max-width:520px){.principles{grid-template-columns:1fr}}
.principle{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:1.25rem;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;
}
.principle:hover{transform:translateY(-4px);box-shadow:var(--shadow-1);border-color:var(--sage-2)}
.principle .ico{width:44px;height:44px;color:var(--copper);margin-bottom:.75rem}
.principle h4{margin:0 0 .25rem;font-family:var(--display);font-size:1.2rem;color:var(--forest)}
.principle p{font-size:.92rem;color:var(--muted);margin:0}

/* ============================================================
   SERVICES
   ============================================================ */
.services{background:linear-gradient(180deg,var(--bg-2) 0%, var(--bg) 100%)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
@media (max-width:900px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:580px){.svc-grid{grid-template-columns:1fr}}

.svc-card{
  position:relative;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:2rem 1.75rem;overflow:hidden;
  transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out), border-color .5s;
  isolation:isolate;
}
.svc-card::before{
  content:"";position:absolute;inset:auto -40% -40% auto;width:60%;height:60%;border-radius:50%;
  background:radial-gradient(circle, rgba(184,98,74,.18), transparent 60%);
  transition:transform .8s var(--ease-out);transform:scale(.6);z-index:-1;
}
.svc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2);border-color:var(--sage-2)}
.svc-card:hover::before{transform:scale(1.4)}

.svc-icon-wrap{
  width:84px;height:84px;border-radius:50%;
  background:linear-gradient(135deg,#F4ECDB,#fff);
  display:grid;place-items:center;margin-bottom:1.25rem;position:relative;
  box-shadow:inset 0 0 0 1px var(--line);
}
.svc-icon-wrap .ring{
  position:absolute;inset:-6px;border-radius:50%;border:1px dashed var(--gold);
  animation:spinSlow 30s linear infinite;
}
.svc-card:hover .ring{animation-duration:6s}
.svc-icon{width:42px;height:42px;color:var(--forest);transition:transform .5s var(--ease)}
.svc-card:hover .svc-icon{transform:scale(1.08)}
.svc-card h3{margin:0 0 .5rem;font-size:1.35rem;color:var(--forest)}
.svc-card p{font-size:.95rem;color:var(--muted);margin-bottom:1.25rem}
.svc-card .more{
  display:inline-flex;align-items:center;gap:.4rem;color:var(--copper);font-weight:500;
  font-size:.92rem;
}
.svc-card .more svg{transition:transform .3s var(--ease)}
.svc-card:hover .more svg{transform:translateX(4px)}

/* ============================================================
   PROGRAMS (Wellness)
   ============================================================ */
.programs{background:var(--bg)}
.prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
@media (max-width:900px){.prog-grid{grid-template-columns:1fr}}
.prog-card{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  padding:2.25rem;background:#fff;border:1px solid var(--line);
  display:flex;flex-direction:column;gap:1.2rem;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.prog-card.featured{
  background:linear-gradient(165deg,var(--forest) 0%,var(--forest-2) 100%);
  color:var(--ivory);border-color:transparent;
  box-shadow:var(--shadow-2);transform:translateY(-8px);
}
.prog-card.featured h3, .prog-card.featured p, .prog-card.featured li{color:var(--ivory)}
.prog-card.featured .price{color:var(--gold-2)}
.prog-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-2)}
.prog-card.featured:hover{transform:translateY(-14px)}
.prog-tag{
  display:inline-block;padding:.3rem .7rem;border-radius:var(--r-pill);
  background:var(--bg-2);color:var(--forest);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  font-weight:500;align-self:flex-start;
}
.prog-card.featured .prog-tag{background:rgba(255,255,255,.12);color:var(--gold-2)}
.prog-card h3{margin:0}
.price{font-family:var(--display);font-size:2rem;color:var(--forest)}
.feat{display:flex;flex-direction:column;gap:.6rem;margin:0}
.feat li{display:flex;gap:.6rem;font-size:.94rem;color:var(--ink-2);align-items:flex-start}
.feat li::before{
  content:"";flex-shrink:0;margin-top:.55rem;width:6px;height:6px;border-radius:50%;background:var(--copper);
}
.prog-card.featured .feat li::before{background:var(--gold-2)}

/* ============================================================
   CONSULTATION (split)
   ============================================================ */
.consult{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}
.consult-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media (max-width:900px){.consult-grid{grid-template-columns:1fr}}
.consult-visual{
  position:relative;aspect-ratio:1/1;border-radius:var(--r-xl);overflow:hidden;
  background:
    radial-gradient(60% 60% at 30% 30%, #fff 0%, #F4ECDB 50%, #E7D9B6 100%);
  box-shadow:var(--shadow-2);
  display:grid;place-items:center;
}
.checklist{margin:1.5rem 0}
.checklist li{
  display:flex;align-items:center;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--line);
}
.checklist li:last-child{border-bottom:0}
.checklist .tick{
  width:22px;height:22px;border-radius:50%;background:var(--sage-2);color:var(--forest);
  display:grid;place-items:center;flex-shrink:0;
}
.checklist .tick svg{width:12px;height:12px}

/* Chakra wheel (consultation visual) */
.chakra-wheel{width:80%;height:80%;animation:spinSlow 60s linear infinite}
.chakra-center{
  position:absolute;width:36%;height:36%;border-radius:50%;
  background:radial-gradient(circle,#fff,#F4ECDB);
  display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.1);
  animation:breathe 5s var(--ease) infinite;
}
.chakra-center .om{font-family:var(--display);font-size:3.5rem;color:var(--copper)}

/* ============================================================
   STATS / counters
   ============================================================ */
.stats-band{
  background:var(--forest);color:var(--ivory);
  padding:4rem 0;position:relative;overflow:hidden;
}
.stats-band::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(40% 40% at 10% 20%, rgba(217,119,6,.18), transparent 60%),
    radial-gradient(40% 40% at 90% 80%, rgba(136,168,125,.18), transparent 60%);
  pointer-events:none;
}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative}
@media (max-width:720px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}
.stat-item{text-align:center}
.stat-num{font-family:var(--display);font-size:clamp(2.5rem,5vw,3.6rem);line-height:1;color:var(--gold-2)}
.stat-lab{margin-top:.4rem;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;opacity:.85}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.testimonials{background:var(--bg-2);overflow:hidden;position:relative}
/* Edge fades using pseudo-elements instead of mask-image (Chrome-safe) */
.t-rail{
  position:relative;overflow:hidden;
}
.t-rail::before,.t-rail::after{
  content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;
}
.t-rail::before{left:0;background:linear-gradient(90deg,var(--bg-2),transparent)}
.t-rail::after{right:0;background:linear-gradient(270deg,var(--bg-2),transparent)}
.t-track{
  display:flex;gap:1.5rem;width:max-content;padding:.5rem 0;
  animation:tMarquee 40s linear infinite;
}
.t-track:hover{animation-play-state:paused}
@keyframes tMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media (max-width:600px){
  .t-track{animation-duration:30s}
  .t-rail::before,.t-rail::after{width:30px}
}
.t-card{
  width:min(360px, 85vw);background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:1.75rem;display:flex;flex-direction:column;gap:1rem;
  flex-shrink:0;
}
.t-stars{color:var(--saffron);letter-spacing:.2em;font-size:1rem}
.t-quote{font-family:var(--display);font-style:italic;font-size:1.05rem;color:var(--ink-2);line-height:1.55;margin:0}
.t-author{display:flex;align-items:center;gap:.75rem;margin-top:auto}
.t-avatar{
  width:44px;height:44px;border-radius:50%;
  background:linear-gradient(135deg,var(--sage),var(--forest));
  color:var(--ivory);display:grid;place-items:center;font-family:var(--display);font-size:1.1rem;
}
.t-author .name{font-weight:500;color:var(--forest);font-size:.95rem}
.t-author .role{font-size:.8rem;color:var(--muted)}

/* ============================================================
   CTA BAND
   ============================================================ */
.cta-band{
  background:
    radial-gradient(60% 80% at 80% 20%, rgba(217,119,6,.15), transparent 60%),
    linear-gradient(135deg,#1F3B2D 0%, #14241B 100%);
  color:var(--ivory);text-align:center;padding:5rem 0;position:relative;overflow:hidden;
}
.cta-band::before, .cta-band::after{
  content:"";position:absolute;width:600px;height:600px;border-radius:50%;
  border:1px dashed rgba(255,255,255,.08);
}
.cta-band::before{top:-300px;left:-200px;animation:spinSlow 80s linear infinite}
.cta-band::after{bottom:-300px;right:-200px;animation:spinSlow 90s linear infinite reverse}
.cta-band h2{color:var(--ivory)}
.cta-band p{color:rgba(255,255,255,.78);max-width:60ch;margin-inline:auto}
.cta-band .cta{background:var(--gold);color:var(--ink);box-shadow:0 14px 30px rgba(201,161,74,.3)}
.cta-band .cta:hover{background:var(--gold-2)}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:#0F1C16;color:#C9D2CB;padding:5rem 0 2rem;position:relative;overflow:hidden}
.footer .container{position:relative}
.footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3rem}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr}}
.foot-brand .brand-name{color:var(--ivory)}
.foot-brand p{color:#9DAAA1;font-size:.95rem;margin-top:.75rem;max-width:36ch}
.foot-col h5{
  color:var(--ivory);font-family:var(--sans);font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;font-size:.78rem;margin-bottom:1.25rem;
}
.foot-col a{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;color:#9DAAA1;font-size:.94rem;transition:color .2s,padding .25s var(--ease)}
.foot-col a:hover{color:var(--gold-2);padding-left:.35rem}
.foot-col a svg{width:16px;height:16px;flex-shrink:0;color:var(--gold-2);opacity:.7}
.socials{display:flex;gap:.6rem;margin-top:1rem}
.socials a{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.06);color:#C9D2CB;border:1px solid rgba(255,255,255,.06);
  transition:background .25s,color .25s,transform .3s var(--ease);
}
.socials a:hover{background:var(--gold);color:var(--ink);transform:translateY(-3px)}
.foot-bottom{
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding-top:2rem;border-top:1px solid rgba(255,255,255,.07);
  font-size:.85rem;color:#7F8C84;
}
.foot-bottom a:hover{color:var(--gold-2)}

/* ============================================================
   PAGE HEADER (inner pages)
   ============================================================ */
.page-head{
  position:relative;padding:calc(var(--header-h) + 5rem) 0 5rem;
  background:
    radial-gradient(60% 80% at 80% 20%, rgba(217,119,6,.10), transparent 60%),
    radial-gradient(50% 80% at 10% 80%, rgba(136,168,125,.18), transparent 60%),
    linear-gradient(180deg,#FBF6EC 0%,#F4ECDB 100%);
  overflow:hidden;
}
.page-head .container{position:relative;z-index:2}
.crumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted);margin-bottom:1rem}
.crumb a:hover{color:var(--forest)}
.crumb svg{width:14px;height:14px}
.page-head h1{margin:0}
.page-head .lead{margin-top:1rem}
.page-head .mandala-bg{
  position:absolute;right:-180px;top:-100px;width:600px;height:600px;opacity:.18;
  animation:spinSlow 100s linear infinite;color:var(--forest);
}

/* ============================================================
   GENERIC CONTENT BLOCKS
   ============================================================ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:2rem}}
.split.reverse > *:first-child{order:2}
@media (max-width:900px){.split.reverse > *:first-child{order:0}}

.feature-tile{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:1.5rem;
  display:flex;flex-direction:column;gap:.5rem;height:100%;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.feature-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-1)}
.feature-tile .ico{width:36px;height:36px;color:var(--copper);margin-bottom:.5rem}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.tiles{grid-template-columns:1fr}}
.tiles-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:900px){.tiles-3{grid-template-columns:1fr}}

/* FAQ */
.faq{display:flex;flex-direction:column;gap:.75rem;max-width:860px;margin-inline:auto}
.faq-item{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
  transition:border-color .25s,box-shadow .25s;
}
.faq-item[open]{border-color:var(--sage-2);box-shadow:var(--shadow-1)}
.faq-q{
  padding:1.1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;
  font-family:var(--display);font-size:1.15rem;color:var(--forest);cursor:pointer;list-style:none;
}
.faq-q::-webkit-details-marker{display:none}
.faq-q .plus{
  width:24px;height:24px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center;
  color:var(--forest);font-size:1.2rem;transition:transform .3s var(--ease),background .25s;
}
.faq-item[open] .faq-q .plus{transform:rotate(45deg);background:var(--copper);color:#fff}
.faq-a{padding:0 1.25rem 1.25rem;color:var(--ink-2)}

/* Form */
.form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field{display:flex;flex-direction:column;gap:.35rem}
.field.full{grid-column:1/-1}
.field label{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.field input, .field select, .field textarea{
  font-family:inherit;font-size:1rem;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);
  padding:.85rem 1rem;outline:none;transition:border-color .25s,box-shadow .25s;
}
.field input:focus, .field select:focus, .field textarea:focus{
  border-color:var(--sage);box-shadow:0 0 0 4px rgba(136,168,125,.18);
}
.field textarea{min-height:130px;resize:vertical}

/* Blog cards */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
@media (max-width:900px){.blog-grid{grid-template-columns:1fr}}
.post{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.post:hover{transform:translateY(-6px);box-shadow:var(--shadow-2)}
.post-cover{aspect-ratio:16/10;position:relative;overflow:hidden}
.post-cover .placeholder{
  width:100%;height:100%;
  display:grid;place-items:center;color:var(--forest);
  background:linear-gradient(135deg,#B7CDA8 0%, #88A87D 100%);
}
.post-body{padding:1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.post-meta{display:flex;gap:.75rem;align-items:center;font-size:.78rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.post h3{font-size:1.3rem;margin:0;color:var(--forest)}
.post .more{margin-top:auto;color:var(--copper);font-weight:500}

/* Service detail body */
.svc-body{padding:5rem 0;background:var(--bg)}
.svc-body .container{display:grid;grid-template-columns:1fr 320px;gap:3rem;align-items:start}
@media (max-width:1000px){.svc-body .container{grid-template-columns:1fr}}
.prose h2{margin-top:2.5rem;color:var(--forest)}
.prose h2:first-child{margin-top:0}
.prose h3{color:var(--forest);margin-top:1.5rem}
.prose ul{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}
.prose ul li{padding-left:1.5rem;position:relative;color:var(--ink-2)}
.prose ul li::before{
  content:"";position:absolute;left:0;top:.65rem;width:8px;height:8px;
  background:var(--gold);border-radius:50%;
}
.svc-aside{
  position:sticky;top:calc(var(--header-h) + 1rem);
  background:linear-gradient(165deg,var(--forest),var(--forest-2));color:var(--ivory);
  border-radius:var(--r-lg);padding:2rem;box-shadow:var(--shadow-2);
}
.svc-aside h4{color:var(--ivory);font-size:1.4rem}
.svc-aside p{color:rgba(255,255,255,.78);font-size:.95rem}
.svc-aside .cta{width:100%;justify-content:center;background:var(--gold);color:var(--ink)}
.svc-aside .cta:hover{background:var(--gold-2)}
.svc-aside ul{margin:1rem 0 1.5rem;display:flex;flex-direction:column;gap:.6rem}
.svc-aside ul li{display:flex;align-items:flex-start;gap:.5rem;font-size:.92rem}
.svc-aside ul li::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-2);margin-top:.55rem;flex-shrink:0;
}

/* Service hero banner with custom anim */
.svc-banner{
  position:relative;padding:calc(var(--header-h) + 4rem) 0 4rem;
  overflow:hidden;color:var(--ivory);
}
.svc-banner .container{position:relative;z-index:2}
.svc-banner h1{color:var(--ivory)}
.svc-banner p{color:rgba(255,255,255,.85);max-width:60ch}
.svc-banner .crumb{color:rgba(255,255,255,.7)}
.svc-banner .crumb a{color:var(--gold-2)}
.svc-bg{position:absolute;inset:0;z-index:0}

/* Reveal on scroll (graceful fallback if JS fails) */
.no-js .reveal{opacity:1 !important;transform:none !important}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.reveal.in{opacity:1;transform:none}
.reveal.delay-1{transition-delay:.1s}
.reveal.delay-2{transition-delay:.2s}
.reveal.delay-3{transition-delay:.3s}
.reveal.delay-4{transition-delay:.4s}


/* Cursor glow (large screens) */
.cursor-glow{
  position:fixed;top:0;left:0;width:340px;height:340px;border-radius:50%;
  pointer-events:none;z-index:1;
  background:radial-gradient(circle,rgba(217,119,6,.18) 0%,transparent 60%);
  transform:translate(-50%,-50%);opacity:0;transition:opacity .35s ease;
  mix-blend-mode:multiply;
}
@media (max-width:1080px){.cursor-glow{display:none}}

/* Floating WhatsApp */
.float-wa{
  position:fixed;right:1.25rem;bottom:1.25rem;z-index:90;
  width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;
  display:grid;place-items:center;box-shadow:0 14px 30px rgba(37,211,102,.35);
  transition:transform .3s var(--ease);
}
.float-wa::before{
  content:"";position:absolute;inset:-6px;border-radius:50%;
  background:rgba(37,211,102,.5);z-index:-1;animation:pulseRing 1.8s ease-out infinite;
}
.float-wa:hover{transform:scale(1.08)}
.float-wa svg{width:28px;height:28px}

/* Utilities */
.text-center{text-align:center}
.muted{color:var(--muted)}
.gold{color:var(--gold)}
.divider-leaf{
  display:block;margin:3rem auto;color:var(--sage);width:80px;height:24px;
}
.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{
  background:#fff;border:1px solid var(--line);padding:.35rem .8rem;border-radius:var(--r-pill);
  font-size:.82rem;color:var(--ink-2);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important}
  .reveal{opacity:1;transform:none}
}

</style>
  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><circle cx='32' cy='32' r='30' fill='%23FBF6EC' stroke='%231F3B2D' stroke-width='2'/><path d='M32 14c8 8 8 20 0 28-8-8-8-20 0-28z' fill='%2388A87D'/><circle cx='32' cy='32' r='4' fill='%23D97706'/></svg>">
</head>
<body>

<div id="preloader" aria-hidden="true">
  <svg class="preloader-mark" viewBox="0 0 120 120" fill="none">
    <circle cx="60" cy="60" r="50" stroke="#1F3B2D" stroke-width="1" stroke-dasharray="2 4"/>
    <g stroke="#1F3B2D" stroke-width="1.4" fill="none">
      <path d="M60 20c12 12 12 28 0 40-12-12-12-28 0-40z" fill="#B7CDA8"/>
      <path d="M60 100c-12-12-12-28 0-40 12 12 12 28 0 40z" fill="#B7CDA8" opacity=".5"/>
      <path d="M20 60c12-12 28-12 40 0-12 12-28 12-40 0z" fill="#B7CDA8" opacity=".5"/>
      <path d="M100 60c-12 12-28 12-40 0 12-12 28-12 40 0z" fill="#B7CDA8" opacity=".5"/>
    </g>
    <circle cx="60" cy="60" r="6" fill="#D97706"/>
  </svg>
  <div class="preloader-text">finding your balance…</div>
</div>


<header class="site-header">
  <div class="container nav">
    <a class="brand" href="index.html" aria-label="Vijayata Jain — Home">
      <svg class="brand-mark" viewBox="0 0 64 64" fill="none" aria-hidden="true">
        <circle cx="32" cy="32" r="30" stroke="#1F3B2D" stroke-width="1.2" stroke-dasharray="2 3"/>
        <g class="leaf" stroke="#1F3B2D" stroke-width="1.4" fill="none" stroke-linejoin="round">
          <path d="M32 14c8 8 8 20 0 28-8-8-8-20 0-28z" fill="#B7CDA8"/>
          <path d="M32 14v28"/>
        </g>
        <circle cx="32" cy="32" r="4" fill="#D97706"/>
      </svg>
      <div>
        <div class="brand-name">Vijayata Jain</div>
        <span class="brand-tag">Ayurveda · Yog · Wellness</span>
      </div>
    </a>
    <nav>
      <ul class="menu"><li><a href="index.html" class="active">Home</a></li><li><a href="about.html" class="">About</a></li><li class="has-sub"><a href="services.html" class="">Services</a><div class="submenu submenu-grid"><a href="services/hormonal-health.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="4"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3"/></svg></span><span><span class="sm-title">Hormonal Health</span></span></a><a href="services/psychosomatic-health.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="6" r="3"/><path d="M5 19c0-3 3-5 7-5s7 2 7 5"/></svg></span><span><span class="sm-title">Psychosomatic Health</span></span></a><a href="services/childs-nutrition.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 21s-7-4.35-9.5-9C.5 8 3 4 7 4c2 0 4 1.5 5 3 1-1.5 3-3 5-3 4 0 6.5 4 4.5 8C19 16.65 12 21 12 21z"/></svg></span><span><span class="sm-title">Child's Nutrition</span></span></a><a href="services/fertility-care.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4"><path d="M12 4c2 3 2 7 0 10-2-3-2-7 0-10z"/><path d="M5 9c3 0 6 2 7 5-3 0-6-2-7-5z"/><path d="M19 9c-3 0-6 2-7 5 3 0 6-2 7-5z"/></svg></span><span><span class="sm-title">Fertility Care</span></span></a><a href="services/panchakarma.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2s7 8 7 13a7 7 0 0 1-14 0c0-5 7-13 7-13z"/></svg></span><span><span class="sm-title">Panchakarma & Detox</span></span></a><a href="services/gut-health.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2c2 4 6 6 6 11a6 6 0 0 1-12 0c0-3 2-5 3-7 1 2 2 3 3 3 0-3 0-5 0-7z"/></svg></span><span><span class="sm-title">Gut Health</span></span></a></div></li><li><a href="programs.html" class="">Programs</a></li><li><a href="consultation.html" class="">Consultation</a></li><li class="has-sub"><a href="#" class="" onclick="return false">Resources</a><div class="submenu submenu-grid"><a href="case-studies.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4h12l4 4v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z"/><path d="M16 4v4h4"/></svg></span><span><span class="sm-title">Case Studies</span><span class="sm-desc">Real client journeys</span></span></a><a href="quiz.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M9.5 9a2.5 2.5 0 0 1 5 0c0 2-2.5 2-2.5 4"/><circle cx="12" cy="17" r=".8" fill="currentColor"/></svg></span><span><span class="sm-title">Dosha Quiz</span><span class="sm-desc">Find your constitution</span></span></a><a href="free-guide.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4v16a2 2 0 0 0 2 2h14V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 0z"/><path d="M8 8h8M8 12h8M8 16h5"/></svg></span><span><span class="sm-title">Free Guide</span><span class="sm-desc">7-day morning ritual PDF</span></span></a><a href="shop.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 6h18l-2 12H5L3 6z"/><path d="M9 6V4a3 3 0 0 1 6 0v2"/></svg></span><span><span class="sm-title">Shop</span><span class="sm-desc">Curated essentials</span></span></a><a href="blog.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 5h14v14a2 2 0 0 0 2 2H5a2 2 0 0 1-2-2V5z"/><path d="M7 9h6M7 13h6M7 17h4"/></svg></span><span><span class="sm-title">Journal</span><span class="sm-desc">Reflections & writing</span></span></a><a href="faqs.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></span><span><span class="sm-title">FAQs</span><span class="sm-desc">Common questions</span></span></a><a href="corporate.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 21V7a2 2 0 0 1 2-2h6v16M11 21V11h8a2 2 0 0 1 2 2v8"/><path d="M7 9h.01M7 13h.01M7 17h.01M15 15h.01M15 19h.01"/></svg></span><span><span class="sm-title">Corporate</span><span class="sm-desc">For organisations</span></span></a></div></li><li><a href="contact.html" class="">Contact</a></li></ul>
    </nav>
    <a class="cta no-magnet" href="https://wa.me/919179243509" target="_blank" rel="noopener">
      Book Consultation <span class="arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
    </a>
    <button class="menu-toggle" aria-label="Open menu"><span></span></button>
  </div>
</header>
<div class="drawer" aria-hidden="true">
  <ul class="menu"><li><a href="index.html" class="active">Home</a></li><li><a href="about.html" class="">About</a></li><li class="has-sub"><a href="services.html" class="">Services</a><div class="submenu submenu-grid"><a href="services/hormonal-health.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="4"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3"/></svg></span><span><span class="sm-title">Hormonal Health</span></span></a><a href="services/psychosomatic-health.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="6" r="3"/><path d="M5 19c0-3 3-5 7-5s7 2 7 5"/></svg></span><span><span class="sm-title">Psychosomatic Health</span></span></a><a href="services/childs-nutrition.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 21s-7-4.35-9.5-9C.5 8 3 4 7 4c2 0 4 1.5 5 3 1-1.5 3-3 5-3 4 0 6.5 4 4.5 8C19 16.65 12 21 12 21z"/></svg></span><span><span class="sm-title">Child's Nutrition</span></span></a><a href="services/fertility-care.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4"><path d="M12 4c2 3 2 7 0 10-2-3-2-7 0-10z"/><path d="M5 9c3 0 6 2 7 5-3 0-6-2-7-5z"/><path d="M19 9c-3 0-6 2-7 5 3 0 6-2 7-5z"/></svg></span><span><span class="sm-title">Fertility Care</span></span></a><a href="services/panchakarma.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2s7 8 7 13a7 7 0 0 1-14 0c0-5 7-13 7-13z"/></svg></span><span><span class="sm-title">Panchakarma & Detox</span></span></a><a href="services/gut-health.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2c2 4 6 6 6 11a6 6 0 0 1-12 0c0-3 2-5 3-7 1 2 2 3 3 3 0-3 0-5 0-7z"/></svg></span><span><span class="sm-title">Gut Health</span></span></a></div></li><li><a href="programs.html" class="">Programs</a></li><li><a href="consultation.html" class="">Consultation</a></li><li class="has-sub"><a href="#" class="" onclick="return false">Resources</a><div class="submenu submenu-grid"><a href="case-studies.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4h12l4 4v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z"/><path d="M16 4v4h4"/></svg></span><span><span class="sm-title">Case Studies</span><span class="sm-desc">Real client journeys</span></span></a><a href="quiz.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M9.5 9a2.5 2.5 0 0 1 5 0c0 2-2.5 2-2.5 4"/><circle cx="12" cy="17" r=".8" fill="currentColor"/></svg></span><span><span class="sm-title">Dosha Quiz</span><span class="sm-desc">Find your constitution</span></span></a><a href="free-guide.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4v16a2 2 0 0 0 2 2h14V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 0z"/><path d="M8 8h8M8 12h8M8 16h5"/></svg></span><span><span class="sm-title">Free Guide</span><span class="sm-desc">7-day morning ritual PDF</span></span></a><a href="shop.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 6h18l-2 12H5L3 6z"/><path d="M9 6V4a3 3 0 0 1 6 0v2"/></svg></span><span><span class="sm-title">Shop</span><span class="sm-desc">Curated essentials</span></span></a><a href="blog.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 5h14v14a2 2 0 0 0 2 2H5a2 2 0 0 1-2-2V5z"/><path d="M7 9h6M7 13h6M7 17h4"/></svg></span><span><span class="sm-title">Journal</span><span class="sm-desc">Reflections & writing</span></span></a><a href="faqs.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></span><span><span class="sm-title">FAQs</span><span class="sm-desc">Common questions</span></span></a><a href="corporate.html"><span class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 21V7a2 2 0 0 1 2-2h6v16M11 21V11h8a2 2 0 0 1 2 2v8"/><path d="M7 9h.01M7 13h.01M7 17h.01M15 15h.01M15 19h.01"/></svg></span><span><span class="sm-title">Corporate</span><span class="sm-desc">For organisations</span></span></a></div></li><li><a href="contact.html" class="">Contact</a></li></ul>
  <a class="cta no-magnet" href="https://wa.me/919179243509" target="_blank" rel="noopener">Book Consultation</a>
</div>


<main>

<!-- HERO -->
<section class="hero">
  <div class="leaves" aria-hidden="true"></div>
  <div class="container hero-grid">
    <div class="hero-copy">
      <span class="hero-eyebrow"><span class="dot"></span> Where Mind, Body &amp; Lifestyle Find Balance</span>
      <h1>Ancient wisdom for <em>modern wellbeing.</em></h1>
      <p class="hero-shloka">हिताहितं सुखं दुःखमायुस्तस्य हिताहितम् । मानं च तच्च यत्रोक्तमायुर्वेदः स उच्यते ॥</p>
      <p class="lead">Ayurveda is the wisdom that distinguishes what nurtures life and what disturbs it — guiding us toward balance and true health.</p>
      <div class="hero-actions">
        <a class="cta" href="https://wa.me/919179243509" target="_blank" rel="noopener">Book Consultation <span class="arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span></a>
        <a class="cta outline" href="services.html">Explore Services</a>
      </div>
      <div class="hero-stats">
        <div class="stat"><span class="num"><span data-count="1000" data-suffix="+">0</span></span><span class="lab">Consultations</span></div>
        <div class="stat"><span class="num"><span data-count="2500" data-suffix="+">0</span></span><span class="lab">Sessions</span></div>
        <div class="stat"><span class="num"><span data-count="12" data-suffix="+">0</span></span><span class="lab">Years Experience</span></div>
      </div>
    </div>
    <div class="hero-visual" aria-hidden="true">
      <div class="mandala-wrap">
<svg viewBox="0 0 600 600" class="mandala" aria-hidden="true">
  <defs>
    <radialGradient id="gPet" cx="50%" cy="50%" r="50%">
      <stop offset="0%" stop-color="#FFF8E7"/>
      <stop offset="100%" stop-color="#E5C77A"/>
    </radialGradient>
    <linearGradient id="gRing" x1="0" x2="1">
      <stop offset="0%" stop-color="#1F3B2D"/>
      <stop offset="100%" stop-color="#88A87D"/>
    </linearGradient>
  </defs>
  <g transform="translate(300 300)" fill="none" stroke="#1F3B2D" stroke-width="0.6" opacity=".55">
    <circle r="280" stroke-dasharray="2 4"/>
    <circle r="240"/>
    <circle r="200" stroke-dasharray="2 6"/>
    <circle r="160"/>
    <circle r="120" stroke-dasharray="2 4"/>
    <circle r="80"/>
  </g>
  <g transform="translate(300 300)">
    <g transform="rotate(0)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g><g transform="rotate(30)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g><g transform="rotate(60)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g><g transform="rotate(90)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g><g transform="rotate(120)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g><g transform="rotate(150)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g><g transform="rotate(180)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g><g transform="rotate(210)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g><g transform="rotate(240)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g><g transform="rotate(270)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g><g transform="rotate(300)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g><g transform="rotate(330)"><path d="M0 -260 C 30 -200 30 -160 0 -120 C -30 -160 -30 -200 0 -260 Z" fill="url(#gPet)" stroke="#1F3B2D" stroke-width="0.6"/></g>
    <g transform="rotate(11.25)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(33.75)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(56.25)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(78.75)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(101.25)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(123.75)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(146.25)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(168.75)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(191.25)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(213.75)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(236.25)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(258.75)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(281.25)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(303.75)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(326.25)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(348.75)"><path d="M0 -210 C 18 -170 18 -140 0 -110 C -18 -140 -18 -170 0 -210 Z" fill="#B7CDA8" opacity=".7" stroke="#1F3B2D" stroke-width="0.4"/></g>
    <g transform="rotate(0)"><path d="M0 -110 C 22 -80 22 -50 0 -20 C -22 -50 -22 -80 0 -110 Z" fill="#D97706" opacity=".5" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(45)"><path d="M0 -110 C 22 -80 22 -50 0 -20 C -22 -50 -22 -80 0 -110 Z" fill="#D97706" opacity=".5" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(90)"><path d="M0 -110 C 22 -80 22 -50 0 -20 C -22 -50 -22 -80 0 -110 Z" fill="#D97706" opacity=".5" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(135)"><path d="M0 -110 C 22 -80 22 -50 0 -20 C -22 -50 -22 -80 0 -110 Z" fill="#D97706" opacity=".5" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(180)"><path d="M0 -110 C 22 -80 22 -50 0 -20 C -22 -50 -22 -80 0 -110 Z" fill="#D97706" opacity=".5" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(225)"><path d="M0 -110 C 22 -80 22 -50 0 -20 C -22 -50 -22 -80 0 -110 Z" fill="#D97706" opacity=".5" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(270)"><path d="M0 -110 C 22 -80 22 -50 0 -20 C -22 -50 -22 -80 0 -110 Z" fill="#D97706" opacity=".5" stroke="#1F3B2D" stroke-width="0.4"/></g><g transform="rotate(315)"><path d="M0 -110 C 22 -80 22 -50 0 -20 C -22 -50 -22 -80 0 -110 Z" fill="#D97706" opacity=".5" stroke="#1F3B2D" stroke-width="0.4"/></g>
    <circle r="38" fill="#FBF6EC" stroke="#1F3B2D" stroke-width="0.8"/>
    <text y="14" text-anchor="middle" font-family="Cormorant Garamond, serif" font-size="44" fill="#B45309">ॐ</text>
  </g>
</svg>
</div>
      <div class="mandala-inner"><span class="om">ॐ</span></div>
      <div class="orbit o1">
        <div class="planet vata" title="Vata"></div>
      </div>
      <div class="orbit o2">
        <div class="planet pitta"></div>
      </div>
      <div class="orbit o3">
        <div class="planet kapha"></div>
      </div>
    </div>
  </div>
</section>

<!-- MARQUEE -->
<div class="marquee" aria-hidden="true">
  <div class="marquee-track">
    <span class="marquee-item">Ahara · Nutrition <span class="sep"></span></span><span class="marquee-item">Vihara · Lifestyle <span class="sep"></span></span><span class="marquee-item">Nidra · Restorative Sleep <span class="sep"></span></span><span class="marquee-item">Dhyana · Mindful Awareness <span class="sep"></span></span><span class="marquee-item">Pranayama · Breath <span class="sep"></span></span><span class="marquee-item">Prakruti · Constitution <span class="sep"></span></span><span class="marquee-item">Vikruti · Imbalance <span class="sep"></span></span><span class="marquee-item">Dinacharya · Daily Rhythm <span class="sep"></span></span><span class="marquee-item">Ahara · Nutrition <span class="sep"></span></span><span class="marquee-item">Vihara · Lifestyle <span class="sep"></span></span><span class="marquee-item">Nidra · Restorative Sleep <span class="sep"></span></span><span class="marquee-item">Dhyana · Mindful Awareness <span class="sep"></span></span><span class="marquee-item">Pranayama · Breath <span class="sep"></span></span><span class="marquee-item">Prakruti · Constitution <span class="sep"></span></span><span class="marquee-item">Vikruti · Imbalance <span class="sep"></span></span><span class="marquee-item">Dinacharya · Daily Rhythm <span class="sep"></span></span><span class="marquee-item">Ahara · Nutrition <span class="sep"></span></span><span class="marquee-item">Vihara · Lifestyle <span class="sep"></span></span><span class="marquee-item">Nidra · Restorative Sleep <span class="sep"></span></span><span class="marquee-item">Dhyana · Mindful Awareness <span class="sep"></span></span><span class="marquee-item">Pranayama · Breath <span class="sep"></span></span><span class="marquee-item">Prakruti · Constitution <span class="sep"></span></span><span class="marquee-item">Vikruti · Imbalance <span class="sep"></span></span><span class="marquee-item">Dinacharya · Daily Rhythm <span class="sep"></span></span>
  </div>
</div>

<!-- PHILOSOPHY -->
<section class="philosophy">
  <div class="container phil-grid">
    <div class="phil-image reveal">
      <div class="placeholder">
        <svg viewBox="0 0 400 500" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice">
          <defs>
            <linearGradient id="ph1" x1="0" x2="0" y1="0" y2="1">
              <stop offset="0%" stop-color="#F4ECDB"/>
              <stop offset="100%" stop-color="#B7CDA8"/>
            </linearGradient>
            <radialGradient id="ph2" cx=".5" cy=".4" r=".6">
              <stop offset="0%" stop-color="#FFF8E7"/>
              <stop offset="100%" stop-color="#88A87D" stop-opacity="0"/>
            </radialGradient>
          </defs>
          <rect width="400" height="500" fill="url(#ph1)"/>
          <circle cx="200" cy="220" r="260" fill="url(#ph2)"/>
          <!-- meditating figure silhouette -->
          <g fill="#1F3B2D" transform="translate(120 160)">
            <circle cx="80" cy="40" r="32"/>
            <path d="M30 90 Q80 60 130 90 L150 200 Q80 230 10 200 Z"/>
            <path d="M0 200 Q20 240 70 240 L70 280 Q30 290 -10 280 Z"/>
            <path d="M160 200 Q140 240 90 240 L90 280 Q130 290 170 280 Z"/>
          </g>
          <g stroke="#D97706" stroke-width="1" fill="none" opacity=".6">
            <circle cx="200" cy="200" r="120" stroke-dasharray="3 6"/>
            <circle cx="200" cy="200" r="150" stroke-dasharray="2 8"/>
          </g>
        </svg>
      </div>
      <div class="signature">— Vijayata Jain</div>
    </div>
    <div>
      <span class="eyebrow">The Philosophy</span>
      <h2 class="reveal">A method that listens to the body before it speaks.</h2>
      <p class="reveal delay-1">Vijayata Jain's work is shaped around a deeper understanding of health — where <em>Ayurveda, Yogic science, nutrition</em>, and mind–body frameworks come together to interpret the body beyond symptoms.</p>
      <p class="reveal delay-2">Her approach is guided by the principle that health is shaped through the continuous interaction between digestion, lifestyle patterns, body systems, and the mind. Rather than focusing on symptoms in isolation, her work centres on identifying and correcting the underlying disruptions.</p>
      <div class="phil-tags reveal delay-3">
        <span class="phil-tag">Ayurvedic Nutrition</span>
        <span class="phil-tag">CBT &amp; REBT</span>
        <span class="phil-tag">RYT-200 Yog</span>
        <span class="phil-tag">Panchakarma</span>
        <span class="phil-tag">Psychosomatic Health</span>
      </div>

      <div class="principles">
        <div class="principle reveal"><div class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21C3 12 9 4 21 3C20 15 13 21 3 21Z"/><path d="M3 21C7 17 12 12 17 7"/></svg></div><h4>Ahara · Food</h4><p>Nutrition designed in alignment with individual constitution and digestive patterns.</p></div>
        <div class="principle reveal delay-1"><div class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1L7 17M17 7l2.1-2.1"/></svg></div><h4>Vihara · Lifestyle</h4><p>Lifestyle structuring including daily rhythms, routines, and behavioural balance.</p></div>
        <div class="principle reveal delay-2"><div class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M3 10h11a3 3 0 1 0-3-3"/><path d="M3 14h15a3 3 0 1 1-3 3"/><path d="M3 18h6"/></svg></div><h4>Pranayama · Yog</h4><p>Breath and movement practices to support physiological and mental stability.</p></div>
        <div class="principle reveal delay-3"><div class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="6" r="3"/><path d="M5 19c0-3 3-5 7-5s7 2 7 5"/><path d="M3 19c2-1 4-1.5 6-1"/><path d="M21 19c-2-1-4-1.5-6-1"/></svg></div><h4>Manas · Mind</h4><p>Understanding patterns of thought, emotion, and behavioural responses.</p></div>
      </div>
    </div>
  </div>
</section>


<!-- LEAD MAGNET TEASER -->
<section style="background:var(--bg-2);position:relative;overflow:hidden;padding:clamp(4rem,7vw,6rem) 0">
  <div class="container" style="display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center" id="lmTeaserGrid">
    <!-- PDF mockup -->
    <div class="reveal" style="perspective:1400px">
      <div style="position:relative;width:100%;max-width:340px;margin-inline:auto;aspect-ratio:1/1.414;transform-style:preserve-3d;animation:floatBook 6s ease-in-out infinite">
        <div style="position:absolute;inset:0;background:#EEE2C8;border-radius:8px;transform:translate(14px,14px);opacity:.5;box-shadow:0 20px 60px rgba(20,36,27,.15)"></div>
        <div style="position:absolute;inset:0;background:#F4ECDB;border-radius:8px;transform:translate(7px,7px);opacity:.75;box-shadow:0 20px 60px rgba(20,36,27,.15)"></div>
        <div style="position:absolute;inset:0;background:#fff;border-radius:8px;box-shadow:0 30px 80px rgba(20,36,27,.25),0 0 0 1px rgba(20,36,27,.06);overflow:hidden">
          <div style="position:absolute;top:-8px;right:-8px;background:var(--gold);color:var(--ink);font-weight:600;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;padding:.5rem .8rem;border-radius:var(--r-pill);transform:rotate(8deg);box-shadow:var(--shadow-1);z-index:5">FREE · 11 PAGES</div>
          <div style="padding:14% 12%;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%">
            <div style="font-family:var(--display);font-size:4rem;color:var(--gold);line-height:1">ॐ</div>
            <div style="width:50px;height:1px;background:var(--gold);margin:.5rem 0"></div>
            <div style="font-size:.5rem;letter-spacing:.3em;color:var(--copper);text-transform:uppercase;margin:.5rem 0 1rem">A GIFT FROM VIJAYATA</div>
            <div style="font-family:var(--display);color:var(--forest);font-size:1.4rem;line-height:1.15">The 7-Day<br><em style="color:var(--copper);font-style:italic;font-size:1.7rem;display:block;margin-top:.2rem">Dinacharya Guide</em></div>
            <div style="font-family:var(--display);font-style:italic;color:var(--ink-2);font-size:.65rem;margin:.75rem 0">A gentle morning ritual rooted in classical Ayurveda.</div>
            <div style="width:40px;height:1px;background:var(--sage);margin:auto 0 .4rem"></div>
            <div style="font-family:var(--display);font-style:italic;color:var(--forest);font-size:.7rem">Vijayata Jain</div>
          </div>
        </div>
      </div>
    </div>
    <div class="reveal delay-1">
      <span class="eyebrow">A free gift</span>
      <h2>Start your mornings the <em style="color:var(--copper);font-style:italic">Ayurvedic</em> way.</h2>
      <p class="lead">A beautifully designed 11-page PDF that walks you through 8 simple practices — one per day — building a complete classical Ayurvedic morning ritual in just one week.</p>
      <div style="display:flex;gap:1.5rem;margin:1.5rem 0;flex-wrap:wrap;font-size:.88rem;color:var(--muted)">
        <span>📖 11 pages</span>
        <span>⏱ 5 min/day</span>
        <span>🪷 Print-ready</span>
      </div>
      <a href="free-guide.html" class="cta" style="background:var(--forest);color:var(--ivory);margin-top:.5rem">
        Download the free guide
        <span class="arrow"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
      </a>
      <div style="margin-top:.85rem;font-size:.82rem;color:var(--muted)">🔒 No spam. Just the guide and the occasional thoughtful note.</div>
    </div>
  </div>
.quiz-shell{
  min-height:100vh;
  background:
    radial-gradient(80% 60% at 80% 10%, rgba(184,98,74,.10), transparent 60%),
    radial-gradient(70% 60% at 10% 80%, rgba(136,168,125,.18), transparent 60%),
    linear-gradient(180deg, #FBF6EC 0%, #F4ECDB 100%);
  padding:calc(var(--header-h) + 3rem) 0 4rem;position:relative;overflow:hidden;
}
.quiz-shell::before{
  content:"";position:absolute;right:-200px;top:-100px;width:600px;height:600px;
  border-radius:50%;border:1px dashed rgba(31,59,45,.1);
  animation:spinSlow 120s linear infinite;pointer-events:none;
}
.quiz-card{
  max-width:780px;margin:0 auto;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-xl);padding:clamp(1.5rem,4vw,3rem);
  box-shadow:var(--shadow-2);position:relative;
}
.quiz-progress{height:4px;background:var(--bg-2);border-radius:var(--r-pill);overflow:hidden;margin-bottom:2rem}
.quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--copper),var(--gold));width:0;transition:width .6s var(--ease-out);border-radius:var(--r-pill)}
.quiz-step{display:none;animation:fadeUp .6s var(--ease-out)}
.quiz-step.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.quiz-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.quiz-meta .step-num{color:var(--copper);font-weight:600}
.quiz-question{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.2rem);color:var(--forest);line-height:1.2;margin:0 0 1.75rem}
.quiz-options{display:flex;flex-direction:column;gap:.75rem}
.quiz-opt{
  display:flex;align-items:center;gap:1rem;background:var(--bg);border:1.5px solid var(--line);
  padding:1.1rem 1.25rem;border-radius:var(--r-md);cursor:pointer;transition:all .3s var(--ease);
  font-family:inherit;font-size:1rem;color:var(--ink);width:100%;text-align:left;position:relative;overflow:hidden;
}
.quiz-opt::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(217,119,6,.06),rgba(136,168,125,.08));opacity:0;transition:opacity .35s var(--ease)}
.quiz-opt:hover{transform:translateX(6px);border-color:var(--sage);box-shadow:var(--shadow-1)}
.quiz-opt:hover::before{opacity:1}
.quiz-opt .opt-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;display:grid;place-items:center;transition:.25s var(--ease);position:relative}
.quiz-opt .opt-dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--copper);transform:scale(0);transition:transform .25s var(--ease-out)}
.quiz-opt:hover .opt-dot{border-color:var(--copper)}
.quiz-opt.selected{border-color:var(--copper);background:#fff;transform:translateX(6px)}
.quiz-opt.selected .opt-dot{border-color:var(--copper)}
.quiz-opt.selected .opt-dot::after{transform:scale(1)}
.quiz-opt span{position:relative;z-index:1}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem;flex-wrap:wrap}
.quiz-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:var(--r-pill);font-weight:500;font-size:.95rem;cursor:pointer;transition:.3s var(--ease);font-family:inherit;border:0}
.quiz-btn.prev{background:transparent;color:var(--muted);border:1px solid var(--line)}
.quiz-btn.prev:hover{color:var(--forest);border-color:var(--forest)}
.quiz-btn.prev:disabled{opacity:.3;cursor:not-allowed}
.quiz-btn.next{background:var(--forest);color:var(--ivory);box-shadow:0 8px 20px rgba(31,59,45,.2)}
.quiz-btn.next:hover{background:var(--forest-2);transform:translateY(-2px)}
.quiz-btn.next:disabled{opacity:.4;cursor:not-allowed;transform:none}
.quiz-intro{text-align:center;padding:1rem 0}
.quiz-intro .om-mark{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #fff, #F4ECDB);margin:0 auto 1.5rem;display:grid;place-items:center;box-shadow:var(--shadow-2);animation:breathe 5s var(--ease) infinite;font-family:var(--display);font-size:3rem;color:var(--copper);line-height:1}
.quiz-intro h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}
.quiz-intro p{max-width:50ch;margin:0 auto 2rem;color:var(--ink-2)}
.quiz-intro .quiz-meta-list{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}
.result{display:none;animation:fadeUp .8s var(--ease-out)}
.result.active{display:block}
.result-header{text-align:center;margin-bottom:2rem}
.result-eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--copper);margin-bottom:.75rem}
.result-dosha{font-family:var(--display);font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;background:linear-gradient(135deg,var(--forest),var(--copper));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem}
.result-tagline{font-family:var(--display);font-style:italic;color:var(--forest);font-size:1.3rem}
.dosha-meter{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.5rem 0}
.dosha-bar{background:var(--bg-2);border-radius:var(--r-md);padding:1.25rem;text-align:center;position:relative;overflow:hidden}
.dosha-bar .dosha-name{font-family:var(--display);font-size:1.1rem;color:var(--forest);margin-bottom:.5rem}
.dosha-bar .dosha-pct{font-family:var(--display);font-size:2rem;line-height:1}
.dosha-bar.vata{background:linear-gradient(135deg,#e8f1fa,#bcd9f4)}
.dosha-bar.vata .dosha-pct{color:#3a6da3}
.dosha-bar.pitta{background:linear-gradient(135deg,#fdf2e0,#fcd28e)}
.dosha-bar.pitta .dosha-pct{color:#b45309}
.dosha-bar.kapha{background:linear-gradient(135deg,#e7f1e3,#cfe5c8)}
.dosha-bar.kapha .dosha-pct{color:#4a7548}
.dosha-bar .dosha-fill{position:absolute;bottom:0;left:0;right:0;height:0;background:currentColor;opacity:.1;transition:height 1.2s var(--ease-out)}
.result-content{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.75rem;margin:1.5rem 0}
.result-content h3{font-family:var(--display);font-size:1.4rem;color:var(--forest);margin:0 0 .75rem}
.result-content h3:not(:first-child){margin-top:1.5rem}
.result-content p{color:var(--ink-2);margin:0 0 .75rem}
.result-content ul{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:0;list-style:none}
.result-content ul li{padding-left:1.4rem;position:relative;color:var(--ink-2)}
.result-content ul li::before{content:"";position:absolute;left:0;top:.65rem;width:6px;height:6px;background:var(--gold);border-radius:50%}
.result-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}
@media (max-width:560px){.result-cta-grid{grid-template-columns:1fr}}
.result-cta-grid a{background:linear-gradient(165deg,var(--forest),var(--forest-2));color:var(--ivory);padding:1.5rem;border-radius:var(--r-md);text-decoration:none;display:flex;flex-direction:column;gap:.4rem;transition:.3s var(--ease)}
.result-cta-grid a:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.result-cta-grid a .label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}
.result-cta-grid a .title{font-family:var(--display);font-size:1.25rem}
.result-cta-grid a.alt{background:var(--gold);color:var(--ink)}
.result-cta-grid a.alt .label{color:var(--forest)}
.result-share{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.result-share button{background:transparent;color:var(--copper);border:1px solid var(--copper);padding:.6rem 1.2rem;border-radius:var(--r-pill);font-size:.9rem;cursor:pointer;transition:.25s var(--ease)}
.result-share button:hover{background:var(--copper);color:#fff}
.back-home{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;color:var(--muted);font-size:.9rem}
.back-home:hover{color:var(--forest)}

</style>
</head>
<body>

<!-- minimal header -->
<header class="site-header" style="background:rgba(251,246,236,.85);backdrop-filter:blur(10px)">
  <div class="container nav">
    <a class="brand" href="index.html">
      <svg class="brand-mark" viewBox="0 0 64 64" fill="none" aria-hidden="true">
        <circle cx="32" cy="32" r="30" stroke="#1F3B2D" stroke-width="1.2" stroke-dasharray="2 3"/>
        <path d="M32 14c8 8 8 20 0 28-8-8-8-20 0-28z" fill="#B7CDA8" stroke="#1F3B2D" stroke-width="1.4"/>
        <path d="M32 14v28" stroke="#1F3B2D" stroke-width="1.4"/>
        <circle cx="32" cy="32" r="4" fill="#D97706"/>
      </svg>
      <div>
        <div class="brand-name">Vijayata Jain</div>
        <span class="brand-tag">Ayurveda · Yog · Wellness</span>
      </div>
    </a>
    <a class="cta" href="index.html" style="background:transparent;color:var(--forest);border:1.5px solid var(--forest);box-shadow:none">
      ← Back to Home
    </a>
  </div>
</header>

