<!-- HERO -->
<section class="hero">
<div class="hero-bg"></div>
<svg class="hero-mandala" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<circle cx="250" cy="250" r="230" stroke="white" stroke-width="0.5"/>
<circle cx="250" cy="250" r="190" stroke="white" stroke-width="0.5"/>
<circle cx="250" cy="250" r="150" stroke="white" stroke-width="0.5"/>
<circle cx="250" cy="250" r="110" stroke="white" stroke-width="0.5"/>
<circle cx="250" cy="250" r="70" stroke="white" stroke-width="0.5"/>
<circle cx="250" cy="250" r="30" stroke="white" stroke-width="0.5"/>
<line x1="250" y1="20" x2="250" y2="480" stroke="white" stroke-width="0.4"/>
<line x1="20" y1="250" x2="480" y2="250" stroke="white" stroke-width="0.4"/>
<line x1="87" y1="87" x2="413" y2="413" stroke="white" stroke-width="0.4"/>
<line x1="413" y1="87" x2="87" y2="413" stroke="white" stroke-width="0.4"/>
<polygon points="250,50 440,340 60,340" stroke="white" stroke-width="0.4" fill="none"/>
<polygon points="250,450 60,160 440,160" stroke="white" stroke-width="0.4" fill="none"/>
<circle cx="250" cy="250" r="8" fill="white" opacity="0.5"/>
</svg>
<div class="hero-corners">
<div class="corner c-tl"></div>
<div class="corner c-tr"></div>
<div class="corner c-bl"></div>
<div class="corner c-br"></div>
</div>
<div class="hero-eyebrow">Ancient Inner Science · Applied with Precision</div>
<h1 class="hero-title">Your inner life<br>has a <em>science.</em></h1>
<div class="hero-subtitle">Ancient. Precise. Alive.</div>
<div class="hero-rule">
<div class="hero-rule-line"></div>
<div class="hero-rule-dot"></div>
<div class="hero-rule-line"></div>
</div>
<p class="hero-desc">Chakras, Kundalini, Jyotish, Moon Cycles, Sacred Ritual — not as beliefs to adopt, but as a living map for your actual inner life. Rooted in Bharat. Depth-first. Always.</p>
<div class="hero-btns">
<a class="btn-primary" href="/products/">Download Free Guide</a>
<a class="btn-ghost" href="/learn/">Start Learning</a>
</div>
<div class="moon-strip">
<div class="moon-cell">
<div class="moon-icon">☽</div>
<div class="moon-label">Today's Tithi</div>
<div class="moon-val">Shukla Navami</div>
</div>
<div class="moon-cell">
<div class="moon-icon">✦</div>
<div class="moon-label">Nakshatra</div>
<div class="moon-val">Rohini</div>
</div>
<div class="moon-cell">
<div class="moon-icon">◎</div>
<div class="moon-label">Paksha</div>
<div class="moon-val">Shukla</div>
</div>
<div class="moon-cell">
<div class="moon-icon">☀</div>
<div class="moon-label">Purnima</div>
<div class="moon-val">11 June</div>
</div>
</div>
</section>
<!-- FREE TOOLS -->
<section class="tools-section">
<div class="section-inner">
<div class="sec-eyebrow">Free Tools</div>
<h2 class="sec-title" style="color: var(--cream);">Live on the site — use <em>anytime</em></h2>
<p class="sec-sub" style="color: rgba(250,247,240,0.45);">No signup. No payment. Genuinely useful tools built from authentic Vedic frameworks.</p>
<div class="tools-grid">
<div class="tool-card" onclick="location.href='/tools/muhurat-finder/'">
<span class="tool-icon">☽</span>
<div class="tool-title">Muhurat Finder</div>
<p class="tool-desc">Find auspicious timing for any life event — grih pravesh, business launch, travel, marriage — based on the Vedic panchang.</p>
<button class="tool-cta">Use Free Tool</button>
</div>
<div class="tool-card" onclick="location.href='/tools/chakra-diagnostic/'">
<span class="tool-icon">◎</span>
<div class="tool-title">Chakra Diagnostic</div>
<p class="tool-desc">49 honest questions. Real results. Identify which energy centers need attention — without crystals or colour charts.</p>
<button class="tool-cta">Use Free Tool</button>
</div>
<div class="tool-card" onclick="location.href='/tools/nakshatra-mirror/'">
<span class="tool-icon">✦</span>
<div class="tool-title">Nakshatra Mirror</div>
<p class="tool-desc">Your birth Nakshatra, your actual personality shadow, dharma, and deity. Not generic zodiac — real Vedic depth.</p>
<button class="tool-cta">Use Free Tool</button>
</div>
<div class="tool-card" onclick="location.href='/tools/pranayama-timer/'">
<span class="tool-icon">🌬</span>
<div class="tool-title">Pranayama Timer</div>
<p class="tool-desc">Pick your intention. Get the right breath practice. Animated pacer with traditional instructions for each pattern.</p>
<button class="tool-cta">Use Free Tool</button>
</div>
</div>
<div style="text-align:center; margin-top:36px;">
<a class="btn-ghost" href="/tools/" style="color: rgba(250,247,240,0.6); border-color: rgba(196,154,60,0.3);">View All Tools →</a>
</div>
</div>
</section>
<!-- PRODUCTS PREVIEW -->
<section class="products-section">
<div class="section-inner">
<div class="sec-eyebrow">Digital Products</div>
<h2 class="sec-title">Buy once. <em>Keep forever.</em></h2>
<p class="sec-sub">Every product created with depth, not fluff. Instant download. Rooted in authentic tradition.</p>
<div class="products-grid">
<div class="product-card">
<div class="product-free-tag">Free Download</div>
<div class="product-title">The Real Chakra System</div>
<p class="product-desc">What the original Tantric texts actually say — not the rainbow wellness version. 6 beautifully designed pages.</p>
<div class="product-footer">
<div class="product-price">Free</div>
<a class="btn-primary" href="/products/" style="font-size:10px; padding: 10px 20px;">Download</a>
</div>
</div>
<div class="product-card">
<div class="product-tag">PDF Report</div>
<div class="product-title">Chakra Deep-Dive Report</div>
<p class="product-desc">All seven chakras. Full psychological dimension, somatic signatures, and a 7-day working protocol for each center. 20 pages.</p>
<div class="product-footer">
<div class="product-price">₹499</div>
<button class="product-btn">Buy Now</button>
</div>
</div>
<div class="product-card">
<div class="product-tag">Personalized</div>
<div class="product-title">Chakra Assessment Report</div>
<p class="product-desc">Your specific patterns, your specific reading. Delivered in 48 hours as a personalized 15-page PDF.</p>
<div class="product-footer">
<div class="product-price">₹799</div>
<button class="product-btn">Begin</button>
</div>
</div>
<div class="product-card">
<div class="product-tag">PDF Guide</div>
<div class="product-title">Kundalini — What It Actually Is</div>
<p class="product-desc">The traditional map. The stages. The shadow side nobody talks about. What to do if energy is already moving.</p>
<div class="product-footer">
<div class="product-price">₹299</div>
<button class="product-btn">Buy Now</button>
</div>
</div>
</div>
<div style="text-align:center; margin-top: 36px;">
<a class="btn-ghost" href="/products/" style="color: var(--text); border-color: var(--cream-mid);">View All Products →</a>
</div>
</div>
</section>
<!-- MUHURAT -->
<section class="muhurat-section">
<div class="muhurat-inner">
<div>
<div class="sec-eyebrow">Auspicious Timing</div>
<h2 class="sec-title">Upcoming <em>Muhurats</em></h2>
<p class="sec-sub mb-0">Based on the Vedic panchang. Updated every month. For the serious practitioner who respects timing.</p>
<div style="margin-top: 32px;">
<a class="btn-primary" href="/products/">Get Full Muhurat Guide →</a>
</div>
</div>
<div class="muhurat-table">
<div class="muhurat-row">
<div><div class="muhurat-event">Griha Pravesh</div><div class="muhurat-date">New Home Entry</div></div>
<div class="muhurat-date">2 Jun, Mon</div>
<span class="muhurat-badge badge-shubh">Shubh</span>
</div>
<div class="muhurat-row">
<div><div class="muhurat-event">Vyapar Aarambh</div><div class="muhurat-date">New Business</div></div>
<div class="muhurat-date">5 Jun, Thu</div>
<span class="muhurat-badge badge-shubh">Shubh</span>
</div>
<div class="muhurat-row">
<div><div class="muhurat-event">Yatra — Long Distance</div><div class="muhurat-date">Travel</div></div>
<div class="muhurat-date">7 Jun, Sat</div>
<span class="muhurat-badge badge-avoid">Avoid</span>
</div>
<div class="muhurat-row">
<div><div class="muhurat-event">Vivah Muhurat</div><div class="muhurat-date">Marriage</div></div>
<div class="muhurat-date">14 Jun, Sat</div>
<span class="muhurat-badge badge-shubh">Shubh</span>
</div>
<div class="muhurat-row">
<div><div class="muhurat-event">Annaprashan</div><div class="muhurat-date">First Feeding</div></div>
<div class="muhurat-date">18 Jun, Wed</div>
<span class="muhurat-badge badge-shubh">Shubh</span>
</div>
</div>
</div>
</section>
<!-- LEARN PREVIEW -->
<section class="learn-section">
<div class="section-inner">
<div class="sec-eyebrow">Learn</div>
<h2 class="sec-title">Free deep-dive <em>articles</em></h2>
<p class="sec-sub">Long-form. No fluff. Rooted in tradition. Written for people who want to actually understand.</p>
<div class="articles-grid">
<a class="article-card" href="/learn/kundalini-awakening/" style="text-decoration:none; color:inherit;">
<div class="article-accent"></div>
<div class="article-img a1">🔥</div>
<div class="article-body">
<div class="article-cat">Kundalini</div>
<div class="article-title">What a Real Kundalini Awakening Feels Like — And What To Do</div>
<p class="article-excerpt">Not the Instagram version. What the texts describe, what practitioners report, and how to navigate it safely.</p>
<div class="article-read">Read Free</div>
</div>
</a>
<a class="article-card" href="/learn/moon-kalas/" style="text-decoration:none; color:inherit;">
<div class="article-accent"></div>
<div class="article-img a2">☽</div>
<div class="article-body">
<div class="article-cat">Moon Cycles</div>
<div class="article-title">The 16 Kalas of the Moon — A Forgotten Vedic Science</div>
<p class="article-excerpt">The Vedic lunar system goes far deeper than new moon and full moon. Here is what most practitioners never encounter.</p>
<div class="article-read">Read Free</div>
</div>
</a>
<a class="article-card" href="/learn/rising-sign-jyotish/" style="text-decoration:none; color:inherit;">
<div class="article-accent"></div>
<div class="article-img a3">✦</div>
<div class="article-body">
<div class="article-cat">Jyotish</div>
<div class="article-title">Why Your Rising Sign Matters More Than Your Sun Sign</div>
<p class="article-excerpt">Western astrology centres the sun. Vedic Jyotish centres the lagna. Here is why this distinction changes everything.</p>
<div class="article-read">Read Free</div>
</div>
</a>
<a class="article-card" href="/learn/three-nadis/" style="text-decoration:none; color:inherit;">
<div class="article-accent"></div>
<div class="article-img a4">◎</div>
<div class="article-body">
<div class="article-cat">Chakras</div>
<div class="article-title">The Three Nadis — The Real Architecture Behind the Chakra System</div>
<p class="article-excerpt">Before chakras, there is the nadi system. Understanding Ida, Pingala and Sushumna changes how you practice.</p>
<div class="article-read">Read Free</div>
</div>
</a>
</div>
<div style="text-align:center; margin-top:36px;">
<a class="btn-ghost" href="/learn/" style="color: var(--text); border-color: var(--cream-mid);">All Articles →</a>
</div>
</div>
</section>
<!-- TESTIMONIALS -->
<section class="testimonials-section">
<div class="section-inner">
<div class="sec-eyebrow" style="color: var(--gold);">From Readers</div>
<h2 class="sec-title" style="color: var(--cream);">What serious <em>seekers</em> say</h2>
<div class="testimonials-grid">
<div class="tcard">
<div class="tcard-quote">"</div>
<p class="tcard-text">The chakra guide gave me language for things I have felt for years but could not explain. The psychological depth is unlike anything I have found online.</p>
<div class="tcard-author">Priya M.</div>
<div class="tcard-loc">Pune, India</div>
</div>
<div class="tcard">
<div class="tcard-quote">"</div>
<p class="tcard-text">I had what I now know was a kundalini experience three years ago. Finding this was the first time anything actually made sense of what happened.</p>
<div class="tcard-author">Arjun K.</div>
<div class="tcard-loc">Bengaluru, India</div>
</div>
<div class="tcard">
<div class="tcard-quote">"</div>
<p class="tcard-text">The muhurat tool is now part of how our family plans everything. Simple, accurate, and it actually explains the reasoning behind the timing.</p>
<div class="tcard-author">Sunita R.</div>
<div class="tcard-loc">London, UK</div>
</div>
</div>
</div>
</section>
<!-- LEAD MAGNET -->
<div class="lead-band">
<div class="lead-band-title">Start with the free guide.</div>
<p class="lead-band-sub">The Real Chakra System — what the original texts actually say. 6 pages. Instant download.</p>
<a href="/products/" class="lead-btn">Download Free — No Signup Required</a>
</div>