<!DOCTYPE html>
<html lang="hi">
<head>
  <meta charset="UTF-8" />
  <title>जगतपुष्पा ग्रोथ पार्टनर — बिज़नेस कंसल्टिंग</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="जगतपुष्पा ग्रोथ पार्टनर — पर्सनल फाइनेंस, अकाउंटिंग, लीडरशिप, ऑपरेशंस, मार्केटिंग स्ट्रैटेजी, स्किल व टीम डेवलपमेंट और प्रोसेस मेकिंग में बिज़नेस कंसल्टिंग." />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2316146428851203"
     crossorigin="anonymous"></script>
  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            saffron: '#FF9933',
            indiaGreen: '#138808',
            ashoka: '#000080',
            sand: '#FFF7ED',   // हल्का गर्म बैकग्राउंड
            ink: '#0B1320',    // टेक्स्ट
            stone: '#FDFCF9'   // सेक्शन कॉन्ट्रास्ट
          },
          boxShadow: {
            glow: '0 10px 30px rgba(0,0,0,0.10)',
            soft: '0 6px 20px rgba(0,0,0,0.08)'
          }
        }
      }
    }
  </script>
  <style>
    :root { --saffron:#FF9933; --green:#138808; --ashoka:#000080; }
    /* हल्की त्रिरंगा वेव */
    .tricolor-wave {
      background:
        radial-gradient(1200px 400px at 80% -20%, rgba(255,153,51,0.22), transparent 60%),
        radial-gradient(900px 380px at -10% 20%, rgba(19,136,8,0.18), transparent 60%),
        linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.2) 40%, rgba(255,255,255,0.0));
      position: relative; overflow: hidden;
    }
    .tricolor-wave:before {
      content:""; position:absolute; inset:0; pointer-events:none;
      background-image:
        radial-gradient(60rem 10rem at 50% 10%, rgba(255,153,51,0.6), transparent 60%),
        radial-gradient(60rem 10rem at 50% 30%, rgba(255,255,255,0.8), transparent 60%),
        radial-gradient(60rem 10rem at 50% 50%, rgba(19,136,8,0.45), transparent 60%);
      opacity: .12;
    }
    /* चक्रा सॉफ्ट मोटिफ */
    .chakra {
      position:absolute; width:140px; height:140px; right:2%; bottom:-30px;
      opacity:.2; transform: rotate(-8deg);
    }
    .gradient-ring { position: relative; }
    .gradient-ring:before{
      content:""; position:absolute; inset:-1px; border-radius:16px; padding:1px;
      background: linear-gradient(135deg, var(--saffron), var(--green));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude; border-radius:inherit;
    }
    .fade-in{ animation:fadein .6s ease forwards; opacity:0; transform:translateY(8px);}
    @keyframes fadein{ to{opacity:1; transform:translateY(0);} }
    /* नंबर स्पिनर हटाएँ */
    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
  </style>
</head>
<body class="bg-sand text-ink antialiased">
  <!-- Toast -->
  <div id="toast" class="hidden fixed top-4 left-1/2 -translate-x-1/2 z-50 px-4 py-3 rounded-xl bg-emerald-600 text-white shadow-glow">
    सेव हुआ! आपका कंसल्टेशन कैलेंडर में जोड़ दिया गया है।
  </div>

  <!-- Header -->
  <header class="sticky top-0 z-40 backdrop-blur bg-white/70 border-b border-black/10">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="flex items-center justify-between h-16">
        <a href="#" class="flex items-center gap-3 group">
          <span class="relative grid place-items-center w-9 h-9 rounded-full bg-gradient-to-br from-saffron to-indiaGreen shadow-soft">
            <svg viewBox="0 0 24 24" class="w-5 h-5 text-ashoka">
              <path fill="currentColor" d="M12 2l2.39 4.84L20 8l-4 3.89L17 18l-5-2.62L7 18l1-6.11L4 8l5.61-1.16L12 2z"/>
            </svg>
          </span>
          <div>
            <div class="text-lg font-bold tracking-wide">Jagatpushpa</div>
            <div class="text-xs text-ink/60 -mt-0.5">Growth Partner</div>
          </div>
        </a>

        <nav class="hidden md:flex items-center gap-7 text-sm">
          <a href="#services" class="hover:text-saffron transition">सेवाएँ</a>
          <a href="#approach" class="hover:text-saffron transition">हमारा तरीका</a>
          <a href="#results" class="hover:text-saffron transition">नतीजे</a>
          <a href="#faq" class="hover:text-saffron transition">प्रश्नोत्तर</a>
          <a href="#contact" class="hover:text-saffron transition">संपर्क</a>
        </nav>

        <div class="hidden md:flex items-center gap-3">
          <button id="openConsult" class="px-4 py-2 rounded-lg bg-ashoka hover:bg-ashoka/90 text-white font-medium shadow-soft transition">
            मुफ्त परामर्श बुक करें
          </button>
        </div>

        <button id="menuBtn" class="md:hidden p-2 rounded-lg border border-black/10 hover:bg-black/5">
          <span class="sr-only">मेनू खोलें</span>
          <svg class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/>
          </svg>
        </button>
      </div>

      <!-- Mobile menu -->
      <div id="mobileMenu" class="hidden md:hidden pb-6">
        <div class="pt-3 grid gap-3">
          <a href="#services" class="px-4 py-3 rounded-lg bg-black/5 hover:bg-black/10">सेवाएँ</a>
          <a href="#approach" class="px-4 py-3 rounded-lg bg-black/5 hover:bg-black/10">हमारा तरीका</a>
          <a href="#results" class="px-4 py-3 rounded-lg bg-black/5 hover:bg-black/10">नतीजे</a>
          <a href="#faq" class="px-4 py-3 rounded-lg bg-black/5 hover:bg-black/10">प्रश्नोत्तर</a>
          <a href="#contact" class="px-4 py-3 rounded-lg bg-black/5 hover:bg-black/10">संपर्क</a>
          <button id="openConsultMobile" class="mt-1 px-4 py-3 rounded-lg bg-ashoka hover:bg-ashoka/90 text-white">मुफ्त परामर्श बुक करें</button>
        </div>
      </div>
    </div>
  </header>

  <!-- Hero -->
  <section class="tricolor-wave relative">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-24">
      <div class="grid lg:grid-cols-2 gap-10 items-center">
        <div class="fade-in">
          <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-black/5 border border-black/10 text-xs tracking-wide mb-5">
            <span class="w-1.5 h-1.5 rounded-full bg-saffron"></span>
            बिज़नेस कंसल्टिंग
          </div>
          <h1 class="font-bold font-[Poppins] text-4xl sm:text-5xl leading-tight">
            एक भरोसेमंद पार्टनर के साथ अपना बिज़नेस मज़बूत बनाएँ
          </h1>
          <p class="mt-4 text-ink/80 max-w-xl">
            हम पर्सनल फाइनेंस, अकाउंटिंग, लीडरशिप, ऑपरेशंस, मार्केटिंग स्ट्रैटेजी, स्किल व टीम डेवलपमेंट और प्रोसेस डिज़ाइन पर काम करके आपकी ग्रोथ को सरल, शांत और लगातार बनाते हैं।
          </p>
          <div class="mt-8 flex flex-wrap items-center gap-3">
            <a href="#services" class="px-5 py-3 rounded-xl bg-gradient-to-r from-saffron to-indiaGreen text-white font-semibold shadow-glow hover:opacity-95 transition">
              सेवाएँ देखें
            </a>
            <button id="openConsultHero" class="px-5 py-3 rounded-xl border border-black/15 hover:bg-black/5 transition">
              मुफ्त परामर्श बुक करें
            </button>
          </div>

          <!-- Trust strip -->
          <div class="mt-10 grid grid-cols-2 sm:grid-cols-4 gap-4 text-xs text-ink/70">
            <div class="p-4 rounded-xl bg-white border border-black/10">
              <div class="font-semibold text-ink">100+</div>
              एसएमई मार्गदर्शित
            </div>
            <div class="p-4 rounded-xl bg-white border border-black/10">
              <div class="font-semibold text-ink">7</div>
              कोर सर्विस लाइनें
            </div>
            <div class="p-4 rounded-xl bg-white border border-black/10">
              <div class="font-semibold text-ink">12+ वर्ष</div>
              व्यावहारिक अनुभव
            </div>
            <div class="p-4 rounded-xl bg-white border border-black/10">
              <div class="font-semibold text-ink">पैन-इंडिया</div>
              रिमोट 
            </div>
          </div>
        </div>

        <div class="relative lg:h-[520px] h-72">
          <!-- Decorative card stack -->
          <div class="absolute inset-0 grid place-items-center">
            <div class="relative w-full max-w-md">
              <div class="absolute -top-8 -left-8 w-24 h-24 rounded-full bg-saffron/30 blur-2xl"></div>
              <div class="absolute -bottom-10 -right-8 w-28 h-28 rounded-full bg-indiaGreen/25 blur-2xl"></div>

              <div class="rotate-[-6deg] translate-x-4 translate-y-3 shadow-soft rounded-2xl p-6 bg-white border border-black/10">
                <div class="text-sm text-ink/70 mb-3">मासिक फाइनेंस हेल्थ</div>
                <div class="flex items-end gap-2">
                  <div class="h-24 w-8 bg-saffron/70 rounded-t"></div>
                  <div class="h-16 w-8 bg-ashoka/30 rounded-t"></div>
                  <div class="h-32 w-8 bg-indiaGreen/80 rounded-t"></div>
                  <div class="h-20 w-8 bg-ashoka/30 rounded-t"></div>
                  <div class="h-28 w-8 bg-ashoka/70 rounded-t"></div>
                </div>
              </div>

              <div class="relative -mt-4 rotate-3 shadow-soft rounded-2xl p-6 bg-white border border-black/10">
                <div class="flex items-center justify-between mb-4">
                  <div class="font-semibold">लीडरशिप स्कोरकार्ड</div>
                  <span class="text-xs text-ink/70">Q2</span>
                </div>
                <div class="space-y-3">
                  <div class="flex items-center justify-between">
                    <span class="text-sm text-ink/80">स्पष्टता</span>
                    <span class="text-sm font-semibold">A</span>
                  </div>
                  <div class="flex items-center justify-between">
                    <span class="text-sm text-ink/80">फोकस</span>
                    <span class="text-sm font-semibold">A-</span>
                  </div>
                  <div class="flex items-center justify-between">
                    <span class="text-sm text-ink/80">एग्ज़ीक्यूशन</span>
                    <span class="text-sm font-semibold">A+</span>
                  </div>
                </div>
              </div>

              <!-- अशोक चक्र -->
              <svg class="chakra" viewBox="0 0 100 100" aria-hidden="true">
                <circle cx="50" cy="50" r="48" fill="none" stroke="currentColor" stroke-width="2" color="var(--ashoka)" />
                <circle cx="50" cy="50" r="5" fill="var(--ashoka)"></circle>
                <g stroke="currentColor" stroke-width="2" color="var(--ashoka)">
                  <g transform="translate(50,50)">
                    <line x1="0" y1="8" x2="0" y2="-48"/>
                    <line x1="8" y1="0" x2="-48" y2="0"/>
                    <line x1="5.6" y1="5.6" x2="-33.94" y2="-33.94"/>
                    <line x1="-5.6" y1="5.6" x2="33.94" y2="-33.94"/>
                    <line x1="5.6" y1="-5.6" x2="-33.94" y2="33.94"/>
                    <line x1="-5.6" y1="-5.6" x2="33.94" y2="33.94"/>
                  </g>
                  <g transform="translate(50,50) rotate(30)">
                    <line x1="0" y1="8" x2="0" y2="-48"/>
                    <line x1="8" y1="0" x2="-48" y2="0"/>
                    <line x1="5.6" y1="5.6" x2="-33.94" y2="-33.94"/>
                    <line x1="-5.6" y1="5.6" x2="33.94" y2="-33.94"/>
                    <line x1="5.6" y1="-5.6" x2="-33.94" y2="33.94"/>
                    <line x1="-5.6" y1="-5.6" x2="33.94" y2="33.94"/>
                  </g>
                </g>
              </svg>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Services -->
  <section id="services" class="relative">
    <div class="absolute inset-0 bg-gradient-to-b from-sand via-sand to-stone/80"></div>
    <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
      <div class="flex items-end justify-between gap-6 mb-10">
        <div>
          <h2 class="font-[Poppins] text-3xl sm:text-4xl font-bold">कंसल्टिंग सेवाएँ</h2>
          <p class="text-ink/70 mt-2">फाइनेंस, लीडरशिप, ऑपरेशंस और ग्रोथ के लिए व्यावहारिक सहारा।</p>
        </div>
        <div class="hidden md:flex items-center gap-2">
          <span class="inline-flex px-3 py-1 rounded-full bg-saffron/15 text-saffron text-xs">Keep Learning, Keep Tracking</span>
          <span class="inline-flex px-3 py-1 rounded-full bg-indiaGreen/15 text-indiaGreen text-xs">Keep Growing</span>
        </div>
      </div>

      <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
        <!-- Personal Finance -->
        <div class="gradient-ring rounded-2xl bg-white border border-black/10 p-6 hover:bg-black/[.03] transition">
          <div class="flex items-center gap-3 mb-3">
            <span class="w-10 h-10 grid place-items-center rounded-lg bg-saffron/20 text-saffron">
              <svg viewBox="0 0 24 24" class="w-5 h-5"><path fill="currentColor" d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5l-9-4Zm0 2.18l7 3.11v4.71c0 4.74-3.06 9.24-7 10.61c-3.94-1.37-7-5.87-7-10.61V6.29l7-3.11ZM7 11a5 5 0 1 0 10 0a5 5 0 0 0-10 0Z"/></svg>
            </span>
            <h3 class="font-semibold text-lg">पर्सनल फाइनेंस</h3>
          </div>
          <p class="text-ink/80 mb-4">संस्थापक वेतन, सुरक्षा फंड, निवेश अनुशासन—ताकि निजी और बिज़नेस अलग रहें।</p>
          <button class="px-3 py-2 rounded-lg bg-black/5 hover:bg-black/10 text-sm" onclick="openDetails('पर्सनल फाइनेंस', 'हम फाउंडर पे, बफर और निवेश नियम सेट करते हैं ताकि मन शांत रहे और फैसले साफ़ हों।')">और जानें</button>
        </div>

        <!-- Accounting -->
        <div class="gradient-ring rounded-2xl bg-white border border-black/10 p-6 hover:bg-black/[.03] transition">
          <div class="flex items-center gap-3 mb-3">
            <span class="w-10 h-10 grid place-items-center rounded-lg bg-ashoka/15 text-ashoka">
              <svg viewBox="0 0 24 24" class="w-5 h-5"><path fill="currentColor" d="M3 4h18v2H3zm3 4h12v2H6zm-3 4h18v2H3zm3 4h12v2H6z"/></svg>
            </span>
            <h3 class="font-semibold text-lg">अकाउंटिंग</h3>
          </div>
          <p class="text-ink/80 mb-4">साफ़ बुक्स, कैश स्पष्टता, डैशबोर्ड और सिंपल रिद्म्स—ताकि फैसले भरोसेमंद हों।</p>
          <button class="px-3 py-2 rounded-lg bg-black/5 hover:bg-black/10 text-sm" onclick="openDetails('अकाउंटिंग', 'चार्ट ऑफ़ अकाउंट्स से लेकर मासिक क्लोज़ तक, हम नंबर्स को सरल, दृश्य और उपयोगी बनाते हैं।')">और जानें</button>
        </div>

        <!-- Leadership -->
        <div class="gradient-ring rounded-2xl bg-white border border-black/10 p-6 hover:bg-black/[.03] transition">
          <div class="flex items-center gap-3 mb-3">
            <span class="w-10 h-10 grid place-items-center rounded-lg bg-indiaGreen/20 text-indiaGreen">
              <svg viewBox="0 0 24 24" class="w-5 h-5"><path fill="currentColor" d="M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5Zm0 2c-4.33 0-8 2.17-8 5v1h16v-1c0-2.83-3.67-5-8-5Z"/></svg>
            </span>
            <h3 class="font-semibold text-lg">लीडरशिप</h3>
          </div>
          <p class="text-ink/80 mb-4">स्पष्टता, फोकस और रुटीन्स—जो आपके समय और ऊर्जा की रक्षा करें।</p>
          <button class="px-3 py-2 rounded-lg bg-black/5 hover:bg-black/10 text-sm" onclick="openDetails('लीडरशिप', 'हम साप्ताहिक योजना, निर्णय आदतें और संचार प्रणाली डिज़ाइन करते हैं जो आपके प्रभाव को बढ़ाती हैं।')">और जानें</button>
        </div>

        <!-- Operations -->
        <div class="gradient-ring rounded-2xl bg-white border border-black/10 p-6 hover:bg-black/[.03] transition">
          <div class="flex items-center gap-3 mb-3">
            <span class="w-10 h-10 grid place-items-center rounded-lg bg-saffron/20 text-saffron">
              <svg viewBox="0 0 24 24" class="w-5 h-5"><path fill="currentColor" d="M20 6H4v2h16zm0 5H4v2h16zm0 5H4v2h16z"/></svg>
            </span>
            <h3 class="font-semibold text-lg">ऑपरेशंस</h3>
          </div>
          <p class="text-ink/80 mb-4">स्मूद वर्कफ़्लोज़, साफ़ हैंडऑफ़्स और शांत डिलीवरी।</p>
          <button class="px-3 py-2 rounded-lg bg-black/5 hover:bg-black/10 text-sm" onclick="openDetails('ऑपरेशंस', 'हम प्रोसेस मैप करते हैं, सर्विस लेवल सेट करते हैं और बॉटलनेक्स हटाते हैं ताकि आउटपुट भरोसेमंद हो।')">और जानें</button>
        </div>

        <!-- Marketing -->
        <div class="gradient-ring rounded-2xl bg-white border border-black/10 p-6 hover:bg-black/[.03] transition">
          <div class="flex items-center gap-3 mb-3">
            <span class="w-10 h-10 grid place-items-center rounded-lg bg-ashoka/15 text-ashoka">
              <svg viewBox="0 0 24 24" class="w-5 h-5"><path fill="currentColor" d="M12 2L2 7l10 5l10-5zm0 7.09L5 6.18V11l7 3.91L19 11V6.18zM5 13.82v5L12 23l7-4.18v-5L12 18z"/></svg>
            </span>
            <h3 class="font-semibold text-lg">मार्केटिंग स्ट्रैटेजी</h3>
          </div>
          <p class="text-ink/80 mb-4">पोज़िशनिंग, ऑफ़र्स और सिंपल फ़नल—जो सही ग्राहकों को लाएँ।</p>
          <button class="px-3 py-2 rounded-lg bg-black/5 hover:bg-black/10 text-sm" onclick="openDetails('मार्केटिंग स्ट्रैटेजी', 'हम ICP, मैसेजिंग, प्राइसिंग और साप्ताहिक डिमांड इंजन को परिष्कृत करते हैं।')">और जानें</button>
        </div>

        <!-- Skill Development -->
        <div class="gradient-ring rounded-2xl bg-white border border-black/10 p-6 hover:bg-black/[.03] transition">
          <div class="flex items-center gap-3 mb-3">
            <span class="w-10 h-10 grid place-items-center rounded-lg bg-indiaGreen/20 text-indiaGreen">
              <svg viewBox="0 0 24 24" class="w-5 h-5"><path fill="currentColor" d="M7 3h10v2H7zm-2 4h14v2H5zm-2 4h18v2H3zm4 4h10v2H7z"/></svg>
            </span>
            <h3 class="font-semibold text-lg">स्किल डेवलपमेंट</h3>
          </div>
          <p class="text-ink/80 mb-4">भूमिका-आधारित अभ्यास और योजनाएँ—जो टीम की क्षमता बढ़ाएँ।</p>
          <button class="px-3 py-2 rounded-lg bg-black/5 hover:bg-black/10 text-sm" onclick="openDetails('स्किल डेवलपमेंट', 'स्किल लैडर्स, मासिक अभ्यास और पीयर लर्निंग—जो प्रगति को स्थायी बनाते हैं।')">और जानें</button>
        </div>

        <!-- Team Development -->
        <div class="gradient-ring rounded-2xl bg-white border border-black/10 p-6 hover:bg-black/[.03] transition">
          <div class="flex items-center gap-3 mb-3">
            <span class="w-10 h-10 grid place-items-center rounded-lg bg-saffron/20 text-saffron">
              <svg viewBox="0 0 24 24" class="w-5 h-5"><path fill="currentColor" d="M12 7a5 5 0 1 0 5 5a5 5 0 0 0-5-5Zm-1 6h2v4h-2Zm0-6h2v2h-2Z"/></svg>
            </span>
            <h3 class="font-semibold text-lg">टीम डेवलपमेंट</h3>
          </div>
          <p class="text-ink/80 mb-4">रोल स्पष्टता, फीडबैक और रिवाज़—जो भरोसा और गति बनाएँ।</p>
          <button class="px-3 py-2 rounded-lg bg-black/5 hover:bg-black/10 text-sm" onclick="openDetails('टीम डेवलपमेंट', 'हम लक्ष्य, कैडेन्स और फीडबैक मोमेंट्स सेट करते हैं ताकि टीम क्लिक करे।')">और जानें</button>
        </div>

        <!-- Process Making -->
        <div class="gradient-ring rounded-2xl bg-white border border-black/10 p-6 hover:bg-black/[.03] transition">
          <div class="flex items-center gap-3 mb-3">
            <span class="w-10 h-10 grid place-items-center rounded-lg bg-ashoka/15 text-ashoka">
              <svg viewBox="0 0 24 24" class="w-5 h-5"><path fill="currentColor" d="M3 6h18v2H3zm2 4h14v2H5zm2 4h10v2H7z"/></svg>
            </span>
            <h3 class="font-semibold text-lg">प्रोसेस मेकिंग</h3>
          </div>
          <p class="text-ink/80 mb-4">दस्तावेज़, स्वामित्व और दोहराव—ताकि काम स्केलेबल बने।</p>
          <button class="px-3 py-2 rounded-lg bg-black/5 hover:bg-black/10 text-sm" onclick="openDetails('प्रोसेस मेकिंग', 'SOPs, चेकलिस्ट और ऑडिट—ताकि “जुगाड़” पर निर्भरता घटे और गुणवत्ता स्थिर रहे।')">और जानें</button>
        </div>
      </div>
    </div>
  </section>

  <!-- Approach -->
  <section id="approach" class="relative bg-gradient-to-b from-stone to-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
      <div class="max-w-2xl">
        <h2 class="font-[Poppins] text-3xl sm:text-4xl font-bold">शांत और सरल ग्रोथ का तरीका</h2>
        <p class="text-ink/70 mt-2">क्लियर रिद्म • तेज़ फीडबैक • दर्ज़ जीतें</p>
      </div>

      <div class="mt-10 grid md:grid-cols-3 gap-6">
        <div class="rounded-2xl p-6 bg-white border border-black/10">
          <div class="text-saffron font-semibold mb-2">स्टेप 1</div>
          <h3 class="font-semibold text-lg">असेस</h3>
          <p class="text-ink/80 mt-2">हम सुनते हैं, वर्तमान स्थिति मैप करते हैं और स्कोरकार्ड से प्राथमिकताएँ पहचानते हैं।</p>
        </div>
        <div class="rounded-2xl p-6 bg-white border border-black/10">
          <div class="text-ashoka font-semibold mb-2">स्टेप 2</div>
          <h3 class="font-semibold text-lg">अलाइन</h3>
          <p class="text-ink/80 mt-2">1–3 प्राथमिकताओं पर सहमति, स्पष्ट परिणाम, और साप्ताहिक रुटीन्स तय।</p>
        </div>
        <div class="rounded-2xl p-6 bg-white border border-black/10">
          <div class="text-indiaGreen font-semibold mb-2">स्टेप 3</div>
          <h3 class="font-semibold text-lg">एडवांस</h3>
          <p class="text-ink/80 mt-2">इम्प्लीमेंट, मापें और डॉक्यूमेंट करें—ताकि सुधार टिके और स्केल हो।</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Results / Testimonials -->
  <section id="results" class="relative">
    <div class="absolute inset-0 bg-gradient-to-b from-white via-sand to-stone"></div>
    <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
      <div class="flex items-end justify-between gap-6">
        <div>
          <h2 class="font-[Poppins] text-3xl sm:text-4xl font-bold">मापनीय नतीजे</h2>
          <p class="text-ink/70 mt-2">स्मार्ट कैश • तेज़ ऑप्स • मज़बूत टीमें</p>
        </div>
        <div class="flex items-center gap-2">
          <button id="prevTest" class="p-2 rounded-lg bg-white border border-black/10 hover:bg-black/5">
            <span class="sr-only">पिछला</span> ◀
          </button>
          <button id="nextTest" class="p-2 rounded-lg bg-white border border-black/10 hover:bg-black/5">
            <span class="sr-only">अगला</span> ▶
          </button>
        </div>
      </div>

      <div class="mt-8 overflow-hidden rounded-2xl border border-black/10 bg-white">
        <div id="carousel" class="whitespace-nowrap transition-all">
          <div class="inline-block align-top w-full p-8">
            <div class="max-w-3xl">
              <div class="text-lg leading-relaxed">“हमने अकाउंट्स साफ़ किए और कैश बफ़र्स बनाए। 90 दिनों में तनाव घटा, स्पष्टता बढ़ी और हमने आत्मविश्वास से निवेश किया।”</div>
              <div class="mt-4 text-ink/70">मालिक, मैन्युफैक्चरिंग एसएमई, पुणे</div>
            </div>
          </div>
          <div class="inline-block align-top w-full p-8">
            <div class="max-w-3xl">
              <div class="text-lg leading-relaxed">“साप्ताहिक लीडरशिप रिद्म गेम-चेंजर रहा। कम फायरफाइटिंग, ज़्यादा प्रगति। टीम को अब ‘अच्छा’ कैसा दिखता है, पता है।”</div>
              <div class="mt-4 text-ink/70">संस्थापक, एडटेक स्टार्टअप, बेंगलुरु</div>
            </div>
          </div>
          <div class="inline-block align-top w-full p-8">
            <div class="max-w-3xl">
              <div class="text-lg leading-relaxed">“प्रोसेस मैपिंग और SOPs से डिलीवरी समय 28% घटा और रीवर्क कम हुआ। ग्राहकों ने नोटिस किया।”</div>
              <div class="mt-4 text-ink/70">सीओओ, सर्विस कंपनी, अहमदाबाद</div>
            </div>
          </div>
        </div>
      </div>

      <!-- Metrics -->
      <div class="mt-10 grid sm:grid-cols-3 gap-6">
        <div class="rounded-2xl p-6 bg-white border border-black/10 text-center">
          <div class="text-3xl font-bold text-saffron">28%</div>
          <div class="text-ink/80 mt-1">तेज़ डिलीवरी</div>
        </div>
        <div class="rounded-2xl p-6 bg-white border border-black/10 text-center">
          <div class="text-3xl font-bold text-ashoka">2.1x</div>
          <div class="text-ink/80 mt-1">लीड-टू-विन</div>
        </div>
        <div class="rounded-2xl p-6 bg-white border border-black/10 text-center">
          <div class="text-3xl font-bold text-indiaGreen">90 दिन</div>
          <div class="text-ink/80 mt-1">में कैश स्पष्टता</div>
        </div>
      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section id="faq" class="relative bg-gradient-to-b from-stone to-sand">
    <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
      <div class="max-w-2xl">
        <h2 class="font-[Poppins] text-3xl sm:text-4xl font-bold">अक्सर पूछे जाने वाले प्रश्न</h2>
        <p class="text-ink/70 mt-2">छोटे, ईमानदार जवाब—फैसला आसान करने के लिए।</p>
      </div>

      <div class="mt-8 space-y-4">
        <div class="rounded-xl bg-white border border-black/10">
          <button class="w-full flex items-center justify-between gap-4 p-5 text-left" onclick="toggleFaq(this)">
            <span class="font-medium">शुरुआत कैसे होगी?</span>
            <span class="text-ink/60">+</span>
          </button>
          <div class="hidden px-5 pb-5 text-ink/80">पहले 30 मिनट की मुफ्त कॉल। हम आपके लक्ष्य समझते हैं और सबसे मूल्यवान अगले कदम चुनते हैं।</div>
        </div>

        <div class="rounded-xl bg-white border border-black/10">
          <button class="w-full flex items-center justify-between gap-4 p-5 text-left" onclick="toggleFaq(this)">
            <span class="font-medium">क्या आप ऑन-साइट भी आते हैं?</span>
            <span class="text-ink/60">+</span>
          </button>
          <div class="hidden px-5 pb-5 text-ink/80">हाँ। हम पूरे भारत में रिमोट काम करते हैं और ज़रूरी वर्कशॉप/ऑडिट के लिए ऑन-साइट भी आते हैं।</div>
        </div>

        <div class="rounded-xl bg-white border border-black/10">
          <button class="w-full flex items-center justify-between gap-4 p-5 text-left" onclick="toggleFaq(this)">
            <span class="font-medium">प्राइसिंग क्या है?</span>
            <span class="text-ink/60">+</span>
          </button>
          <div class="hidden px-5 pb-5 text-ink/80">हर सर्विस लाइन के लिए स्पष्ट, फिक्स्ड मासिक पैकेज। कस्टम स्कोप भी उपलब्ध।</div>
        </div>

        <div class="rounded-xl bg-white border border-black/10">
          <button class="w-full flex items-center justify-between gap-4 p-5 text-left" onclick="toggleFaq(this)">
            <span class="font-medium">नतीजे कब दिखेंगे?</span>
            <span class="text-ink/60">+</span>
          </button>
          <div class="hidden px-5 pb-5 text-ink/80">पहले हफ्ते में स्पष्टता, और 30–90 दिनों में मापनीय सुधार।</div>
        </div>
      </div>
    </div>
  </section>

  <!-- CTA stripe (Tricolor) -->
  <section class="relative">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="overflow-hidden rounded-2xl shadow-glow border border-black/10">
        <div class="grid md:grid-cols-2">
          <div class="p-8 bg-saffron text-white">
            <h3 class="font-[Poppins] text-2xl font-bold">आइए शांत, कम्पाउंडिंग ग्रोथ बनाते हैं</h3>
            <p class="mt-2 text-white/90">एक छोटी कॉल—अगले क्वार्टर को बदल सकती है।</p>
          </div>
          <div class="p-8 bg-indiaGreen">
            <div class="flex flex-wrap gap-3">
              <button id="openConsultCta" class="px-5 py-3 rounded-xl bg-white text-ink font-semibold hover:bg-white/90">मुफ्त परामर्श बुक करें</button>
              <a href="#contact" class="px-5 py-3 rounded-xl border border-white/60 text-white hover:bg-white/10">मैसेज करें</a>
            </div>
          </div>
        </div>
        <div class="h-2 w-full bg-gradient-to-r from-saffron via-white to-indiaGreen"></div>
      </div>
    </div>
  </section>

  <!-- Contact -->
  <section id="contact" class="relative bg-gradient-to-b from-sand to-stone">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
      <div class="grid lg:grid-cols-2 gap-10">
        <div>
          <h2 class="font-[Poppins] text-3xl sm:text-4xl font-bold">संपर्क</h2>
          <p class="text-ink/75 mt-2">हम सामान्यतः 1 कार्यदिवस में जवाब देते हैं।</p>

          <div class="mt-6 space-y-4">
            <div class="flex items-center gap-3">
              <span class="w-9 h-9 grid place-items-center rounded-lg bg-white border border-black/10">📍</span>
              <div class="text-ink/80">भारत • रिमोट व ऑन-साइट</div>
            </div>
            <div class="flex items-center gap-3">
              <span class="w-9 h-9 grid place-items-center rounded-lg bg-white border border-black/10">✉️</span>
              <div class="text-ink/80">bipravar@jagatpushpa.co.in</div>
            </div>
            <div class="flex items-center gap-3">
              <span class="w-9 h-9 grid place-items-center rounded-lg bg-white border border-black/10">📞</span>
              <div class="text-ink/80">+91 96805 10073</div>
            </div>
          </div>

          <div class="mt-8 text-xs text-ink/60">
            नोट: नीचे दिया गया मैसेज फ़ॉर्म इस Canva Code प्रीव्यू में डेमो है—यह ईमेल नहीं भेजता।
          </div>
        </div>

        <div class="rounded-2xl bg-white border border-black/10 p-6">
          <form id="contactForm" class="grid gap-4">
            <div>
              <label class="text-sm text-ink/80">नाम</label>
              <input required type="text" class="mt-1 w-full px-4 py-3 rounded-lg bg-black/5 border border-black/10 placeholder-black/40 focus:outline-none focus:border-saffron" placeholder="आपका नाम">
            </div>
            <div>
              <label class="text-sm text-ink/80">ईमेल</label>
              <input required type="email" class="mt-1 w-full px-4 py-3 rounded-lg bg-black/5 border border-black/10 placeholder-black/40 focus:outline-none focus:border-saffron" placeholder="you@company.com">
            </div>
            <div>
              <label class="text-sm text-ink/80">हमें कैसे मदद करनी है?</label>
              <select class="mt-1 w-full px-4 py-3 rounded-lg bg-black/5 border border-black/10 focus:outline-none focus:border-saffron">
                <option>पर्सनल फाइनेंस</option>
                <option>अकाउंटिंग</option>
                <option>लीडरशिप</option>
                <option>ऑपरेशंस</option>
                <option>मार्केटिंग स्ट्रैटेजी</option>
                <option>स्किल डेवलपमेंट</option>
                <option>टीम डेवलपमेंट</option>
                <option>प्रोसेस मेकिंग</option>
                <option>अन्य</option>
              </select>
            </div>
            <div>
              <label class="text-sm text-ink/80">मैसेज</label>
              <textarea rows="4" class="mt-1 w-full px-4 py-3 rounded-lg bg-black/5 border border-black/10 placeholder-black/40 focus:outline-none focus:border-saffron" placeholder="अपने लक्ष्य और संदर्भ बताइए..."></textarea>
            </div>
            <div class="flex items-center justify-between">
              <div class="text-xs text-ink/60">डेमो मात्र • कोई डेटा नहीं भेजा जाता</div>
              <button class="px-5 py-3 rounded-xl bg-ashoka hover:bg-ashoka/90 text-white">मैसेज भेजें</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="border-t border-black/10 bg-white/70 backdrop-blur">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
      <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-8">
        <div>
          <div class="font-bold">जगतपुष्पा ग्रोथ पार्टनर</div>
          <p class="text-ink/70 mt-2">ध्यान, सादगी और निरंतरता के साथ व्यावहारिक कंसल्टिंग।</p>
        </div>
        <div>
          <div class="font-semibold mb-3">सेवाएँ</div>
          <ul class="space-y-2 text-ink/70">
            <li><a href="#services" class="hover:text-saffron">पर्सनल फाइनेंस</a></li>
            <li><a href="#services" class="hover:text-saffron">अकाउंटिंग</a></li>
            <li><a href="#services" class="hover:text-saffron">लीडरशिप</a></li>
            <li><a href="#services" class="hover:text-saffron">ऑपरेशंस</a></li>
            <li><a href="#services" class="hover:text-saffron">मार्केटिंग स्ट्रैटेजी</a></li>
            <li><a href="#services" class="hover:text-saffron">स्किल व टीम डेवलपमेंट</a></li>
            <li><a href="#services" class="hover:text-saffron">प्रोसेस मेकिंग</a></li>
          </ul>
        </div>
        <div>
          <div class="font-semibold mb-3">कंपनी</div>
          <ul class="space-y-2 text-ink/70">
            <li><a href="#approach" class="hover:text-saffron">हमारा तरीका</a></li>
            <li><a href="#results" class="hover:text-saffron">नतीजे</a></li>
            <li><a href="#faq" class="hover:text-saffron">प्रश्नोत्तर</a></li>
            <li><a href="#contact" class="hover:text-saffron">संपर्क</a></li>
          </ul>
        </div>
        <div>
          <div class="font-semibold mb-3">त्रिरंगा</div>
          <div class="flex items-center gap-2">
            <span class="w-5 h-5 rounded bg-saffron"></span>
            <span class="w-5 h-5 rounded bg-white border border-black/10"></span>
            <span class="w-5 h-5 rounded bg-indiaGreen"></span>
            <span class="w-5 h-5 rounded bg-ashoka"></span>
          </div>
          <p class="text-ink/60 text-xs mt-3">KEEP LEARNING, KEEP TRACKING, KEEP GROWING AND KEEP SMILING ALWAYS.....</p>
        </div>
      </div>

      <div class="mt-8 flex flex-col sm:flex-row items-center justify-between gap-4 text-ink/60 text-sm">
        <div>© <span id="year"></span> जगतपुष्पा ग्रोथ पार्टनर. सर्वाधिकार सुरक्षित.</div>
        <div class="flex items-center gap-4">
          <a href="#" class="hover:text-saffron">गोपनीयता</a>
          <a href="#" class="hover:text-saffron">नियम व शर्तें</a>
        </div>
      </div>
    </div>
  </footer>

  <!-- Back to top -->
  <button id="backTop" class="hidden fixed bottom-6 right-6 z-40 px-3.5 py-3 rounded-full bg-gradient-to-br from-saffron to-indiaGreen text-white font-semibold shadow-glow">
    ↑
  </button>

  <!-- Learn more modal -->
  <div id="detailModal" class="hidden fixed inset-0 z-50">
    <div class="absolute inset-0 bg-black/40"></div>
    <div class="relative max-w-lg mx-auto mt-24 p-6 rounded-2xl bg-white border border-black/10">
      <div class="flex items-start justify-between gap-4">
        <div>
          <div id="detailTitle" class="font-[Poppins] text-2xl font-bold">शीर्षक</div>
          <p id="detailText" class="text-ink/80 mt-2">विवरण...</p>
        </div>
        <button onclick="closeDetails()" class="p-2 rounded-lg bg-black/5 hover:bg-black/10">✕</button>
      </div>
      <div class="mt-6 flex items-center justify-end gap-3">
        <a href="#contact" onclick="closeDetails()" class="px-4 py-2 rounded-lg border border-black/10 hover:bg-black/5">संपर्क करें</a>
        <button onclick="closeDetails()" class="px-4 py-2 rounded-lg bg-ashoka hover:bg-ashoka/90 text-white">बंद करें</button>
      </div>
    </div>
  </div>

  <!-- Consult modal -->
  <div id="consultModal" class="hidden fixed inset-0 z-50">
    <div class="absolute inset-0 bg-black/50"></div>
    <div class="relative max-w-xl mx-auto mt-20 p-6 rounded-2xl bg-white border border-black/10">
      <div class="flex items-start justify-between">
        <div>
          <div class="font-[Poppins] text-2xl font-bold">मुफ्त 30‑मिनट कंसल्टेशन</div>
          <div class="text-ink/70 text-sm mt-1">तारीख़ और समय चुनें। हम आपके लिए कैलेंडर इनवाइट बना देंगे।</div>
        </div>
        <button id="closeConsult" class="p-2 rounded-lg bg-black/5 hover:bg-black/10">✕</button>
      </div>

      <form id="consultForm" class="mt-6 grid sm:grid-cols-2 gap-4">
        <div class="sm:col-span-2">
          <label class="text-sm text-ink/80">आपका नाम</label>
          <input required type="text" id="c_name" class="mt-1 w-full px-4 py-3 rounded-lg bg-black/5 border border-black/10 placeholder-black/40 focus:outline-none focus:border-saffron" placeholder="आपका नाम">
        </div>
        <div class="sm:col-span-2">
          <label class="text-sm text-ink/80">ईमेल (इनवाइट के लिए)</label>
          <input required type="email" id="c_email" class="mt-1 w-full px-4 py-3 rounded-lg bg-black/5 border border-black/10 placeholder-black/40 focus:outline-none focus:border-saffron" placeholder="you@company.com">
        </div>
        <div>
          <label class="text-sm text-ink/80">तारीख़</label>
          <input required type="date" id="c_date" class="mt-1 w-full px-4 py-3 rounded-lg bg-black/5 border border-black/10 focus:outline-none focus:border-saffron">
        </div>
        <div>
          <label class="text-sm text-ink/80">समय</label>
          <input required type="time" id="c_time" class="mt-1 w-full px-4 py-3 rounded-lg bg-black/5 border border-black/10 focus:outline-none focus:border-saffron">
        </div>
        <div class="sm:col-span-2">
          <label class="text-sm text-ink/80">विषय</label>
          <select id="c_topic" class="mt-1 w-full px-4 py-3 rounded-lg bg-black/5 border border-black/10 focus:outline-none focus:border-saffron">
            <option>पर्सनल फाइनेंस</option>
            <option>अकाउंटिंग</option>
            <option>लीडरशिप</option>
            <option>ऑपरेशंस</option>
            <option>मार्केटिंग स्ट्रैटेजी</option>
            <option>स्किल डेवलपमेंट</option>
            <option>टीम डेवलपमेंट</option>
            <option>प्रोसेस मेकिंग</option>
          </select>
        </div>
        <div class="sm:col-span-2 flex items-center justify-between">
          <div class="text-xs text-ink/60">कोई बैकएंड नहीं • इनवाइट आपकी डिवाइस पर डाउनलोड होगा</div>
          <button class="px-5 py-3 rounded-xl bg-gradient-to-r from-saffron to-indiaGreen text-white font-semibold">कैलेंडर इनवाइट पाएं</button>
        </div>
      </form>
    </div>
  </div>

  <script>
    // Helpers
    const byId = (id)=>document.getElementById(id);
    const show = (el)=>el.classList.remove('hidden');
    const hide = (el)=>el.classList.add('hidden');

    // Year
    byId('year').textContent = new Date().getFullYear();

    // Mobile menu
    byId('menuBtn').addEventListener('click', ()=>{
      byId('mobileMenu').classList.toggle('hidden');
    });

    // Smooth scroll
    document.querySelectorAll('a[href^="#"]').forEach(a=>{
      a.addEventListener('click', (e)=>{
        const id = a.getAttribute('href').slice(1);
        const target = document.getElementById(id);
        if(target){
          e.preventDefault();
          target.scrollIntoView({behavior:'smooth', block:'start'});
          const mm = byId('mobileMenu');
          if(mm) hide(mm);
        }
      });
    });

    // Details modal
    function openDetails(title, text){
      byId('detailTitle').textContent = title;
      byId('detailText').textContent = text;
      show(byId('detailModal'));
    }
    function closeDetails(){ hide(byId('detailModal')); }
    window.openDetails = openDetails; window.closeDetails = closeDetails;

    // FAQ toggle (single open)
    function toggleFaq(btn){
      const content = btn.parentElement.querySelector('div.hidden, div.block');
      const symbol = btn.querySelector('span:last-child');
      const isHidden = content.classList.contains('hidden');
      document.querySelectorAll('#faq .rounded-xl > div:nth-child(2)').forEach(el=>el.classList.add('hidden'));
      document.querySelectorAll('#faq .rounded-xl button span:last-child').forEach(el=>el.textContent='+');
      if(isHidden){ content.classList.remove('hidden'); symbol.textContent='–'; }
    }
    window.toggleFaq = toggleFaq;

    // Carousel
    const carousel = byId('carousel');
    const slides = carousel.children.length; let index = 0;
    const updateCarousel = ()=>{ carousel.style.transform = `translateX(-${index * 100}%)`; };
    byId('prevTest').addEventListener('click', ()=>{ index = (index - 1 + slides) % slides; updateCarousel(); });
    byId('nextTest').addEventListener('click', ()=>{ index = (index + 1) % slides; updateCarousel(); });

    // Back to top
    const backTop = byId('backTop');
    window.addEventListener('scroll', ()=>{ if(window.scrollY > 400) show(backTop); else hide(backTop); });
    backTop.addEventListener('click', ()=>window.scrollTo({top:0, behavior:'smooth'}));

    // Contact form (demo)
    byId('contactForm').addEventListener('submit', (e)=>{
      e.preventDefault();
      const t = byId('toast');
      t.textContent = 'धन्यवाद! यह डेमो प्रीव्यू है—कोई मैसेज नहीं भेजा गया।';
      show(t);
      setTimeout(()=>hide(t), 2500);
      e.target.reset();
    });

    // Consult open/close
    ['openConsult','openConsultMobile','openConsultHero','openConsultCta'].forEach(id=>{
      const el = byId(id); if(el){ el.addEventListener('click', ()=>show(byId('consultModal'))); }
    });
    byId('closeConsult').addEventListener('click', ()=>hide(byId('consultModal')));
    byId('consultModal').addEventListener('click', (e)=>{ if(e.target.id==='consultModal') hide(byId('consultModal')); });

    // ICS calendar download
    function toICSDate(date){
      const pad=(n)=>String(n).padStart(2,'0');
      return date.getUTCFullYear()
        + pad(date.getUTCMonth()+1)
        + pad(date.getUTCDate())
        + 'T'
        + pad(date.getUTCHours())
        + pad(date.getUTCMinutes())
        + pad(date.getUTCSeconds())
        + 'Z';
    }
    function downloadICS({title, desc, startLocal, durationMin, location}){
      const endLocal = new Date(startLocal.getTime() + durationMin*60000);
      const dtstamp = toICSDate(new Date());
      const dtstart = toICSDate(startLocal);
      const dtend = toICSDate(endLocal);
      const uid = `${Date.now()}@jagatpushpa.growth`;
      const ics =
`BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//Jagatpushpa Growth Partner//EN
CALSCALE:GREGORIAN
METHOD:PUBLISH
BEGIN:VEVENT
UID:${uid}
DTSTAMP:${dtstamp}
DTSTART:${dtstart}
DTEND:${dtend}
SUMMARY:${title}
DESCRIPTION:${desc.replace(/\n/g,'\\n')}
LOCATION:${location}
END:VEVENT
END:VCALENDAR`;
      const blob = new Blob([ics], {type: 'text/calendar;charset=utf-8'});
      const a = document.createElement('a');
      a.href = URL.createObjectURL(blob);
      a.download = 'Jagatpushpa-Consult.ics';
      document.body.appendChild(a);
      a.click();
      setTimeout(()=>{ URL.revokeObjectURL(a.href); a.remove(); }, 0);
    }
    byId('consultForm').addEventListener('submit', (e)=>{
      e.preventDefault();
      const name = byId('c_name').value.trim();
      const email = byId('c_email').value.trim();
      const date = byId('c_date').value;
      const time = byId('c_time').value;
      const topic = byId('c_topic').value;
      if(!date || !time){ return; }
      const [y,m,d] = date.split('-').map(Number);
      const [hh,mm] = time.split(':').map(Number);
      const start = new Date(y, m-1, d, hh, mm, 0);
      downloadICS({
        title: `मुफ्त कंसल्ट — ${topic}`,
        desc: `जगतपुष्पा ग्रोथ पार्टनर के साथ कंसल्टेशन\nनाम: ${name}\nईमेल: ${email}\nविषय: ${topic}`,
        startLocal: start,
        durationMin: 30,
        location: 'Google Meet / फ़ोन (विवरण ईमेल द्वारा)'
      });
      const t = byId('toast');
      t.textContent = 'सेव हुआ! आपका कंसल्टेशन कैलेंडर में जोड़ दिया गया है।';
      show(t);
      setTimeout(()=>hide(t), 2500);
      hide(byId('consultModal'));
      e.target.reset();
    });
  </script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'97d67d33227b077d',t:'MTc1NzU4NjYyMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
