<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-77896FSKBL"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag("js",new Date());gtag("config","G-77896FSKBL");</script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LifeDecide — Stop Overthinking. Start Living. | Science-Backed Decision Tools</title>
    <meta name="description" content="Break free from analysis paralysis with science-backed digital tools. Interactive systems for better decisions, mental clarity, anxiety relief, and complete life transformation. Used by 12,000+ people worldwide.">
    <meta name="keywords" content="decision making tool, life decisions, analysis paralysis, personal development, self improvement, anxiety relief, habit tracker, life transformation, relationship advice, mental clarity">
    <meta name="author" content="LifeDecide">
    <meta name="google-site-verification" content="U8WUldjsQzBTDEkEZjrHM0kTPvYK5ODdEMizo2VoaUI">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://lifedecide.com/">
    <meta property="og:title" content="LifeDecide — Stop Overthinking. Start Living.">
    <meta property="og:description" content="Science-backed digital tools for better decisions and life transformation.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://lifedecide.com/">
    <meta property="og:image" content="https://lifedecide.com/og-images/og-homepage.png">
    <meta name="twitter:card" content="summary_large_image">
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"LifeDecide","url":"https://lifedecide.com","description":"Science-backed digital tools for better decisions.","contactPoint":{"@type":"ContactPoint","email":"info@lifedecide.com","contactType":"customer service"}}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"LifeDecide","url":"https://lifedecide.com","description":"Science-backed interactive tools for better decisions, less anxiety, and meaningful life transformation.","potentialAction":{"@type":"SearchAction","target":"https://lifedecide.com/blog/?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"LifeDecide Self-Help Tools","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"SoftwareApplication","name":"The Decision Engine","url":"https://lifedecide.com/the-decision-engine/","description":"Interactive 6-step decision-making framework with weighted scoring. Turn any tough decision into a clear verdict in 15 minutes.","applicationCategory":"LifestyleApplication","operatingSystem":"Web Browser","offers":{"@type":"Offer","price":"19","priceCurrency":"USD","priceValidUntil":"2026-12-31","availability":"https://schema.org/InStock"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.9","reviewCount":"2847"}}},{"@type":"ListItem","position":2,"item":{"@type":"SoftwareApplication","name":"The Anxiety Toolkit","url":"https://lifedecide.com/anxiety-toolkit/","description":"Evidence-based anxiety management with guided breathing exercises, CBT tools, grounding techniques, and progress tracking.","applicationCategory":"HealthApplication","operatingSystem":"Web Browser","offers":{"@type":"Offer","price":"19","priceCurrency":"USD","priceValidUntil":"2026-12-31","availability":"https://schema.org/InStock"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","reviewCount":"1923"}}},{"@type":"ListItem","position":3,"item":{"@type":"SoftwareApplication","name":"The Clarity Journal","url":"https://lifedecide.com/clarity-journal/","description":"30-day digital journaling system with daily guided prompts, gratitude exercises, and weekly reviews.","applicationCategory":"LifestyleApplication","operatingSystem":"Web Browser","offers":{"@type":"Offer","price":"12","priceCurrency":"USD","priceValidUntil":"2026-12-31","availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":4,"item":{"@type":"SoftwareApplication","name":"Mind Upgrade OS","url":"https://lifedecide.com/mind-upgrade-os/","description":"90-day cognitive training with 25+ mental models, gamified exercises, and XP tracking system.","applicationCategory":"EducationalApplication","operatingSystem":"Web Browser","offers":{"@type":"Offer","price":"29","priceCurrency":"USD","priceValidUntil":"2026-12-31","availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":5,"item":{"@type":"SoftwareApplication","name":"The Relationship Audit","url":"https://lifedecide.com/relationship-audit/","description":"8-dimension relationship assessment with compatibility scoring and personalized action plans.","applicationCategory":"LifestyleApplication","operatingSystem":"Web Browser","offers":{"@type":"Offer","price":"29","priceCurrency":"USD","priceValidUntil":"2026-12-31","availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":6,"item":{"@type":"SoftwareApplication","name":"Life Reset System","url":"https://lifedecide.com/life-reset-system/","description":"Complete 30-day life transformation protocol covering career, health, relationships, finances, and mindset.","applicationCategory":"LifestyleApplication","operatingSystem":"Web Browser","offers":{"@type":"Offer","price":"49","priceCurrency":"USD","priceValidUntil":"2026-12-31","availability":"https://schema.org/InStock"}}}]}</script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
    <style>
:root {
    --teal: #0D9488;
    --teal-dark: #0A7A70;
    --teal-light: #14B8A6;
    --teal-glow: rgba(13,148,136,.15);
    --gold: #D4A847;
    --gold-light: #E8C76A;
    --gold-dark: #B8922E;
    --gold-glow: rgba(212,168,71,.12);
    --cream: #FAFAF5;
    --cream2: #F3F1EA;
    --cream3: #E8E5DB;
    --charcoal: #1A1A2E;
    --charcoal2: #252540;
    --charcoal3: #2F2F4A;
    --dark: #0F0F1A;
    --text: #1A1A2E;
    --text2: #5A5A78;
    --text3: #8A8AA0;
    --green: #22C55E;
    --coral: #F97066;
    --indigo: #4F46E5;
    --serif: 'Playfair Display', Georgia, serif;
    --sans: 'Plus Jakarta Sans', -apple-system, sans-serif;
    --mono: 'JetBrains Mono', monospace;
    --ease: cubic-bezier(.16,1,.3,1);
    --shadow-sm: 0 1px 3px rgba(26,26,46,.06);
    --shadow: 0 4px 20px rgba(26,26,46,.08);
    --shadow-lg: 0 12px 40px rgba(26,26,46,.12);
    --shadow-xl: 0 24px 60px rgba(26,26,46,.16);
    --radius: 16px;
    --radius-sm: 10px;
    --radius-xs: 6px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--cream);color:var(--text);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.ctn{max-width:1200px;margin:0 auto;padding:0 24px}

/* ═══ NAV ═══ */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(250,250,245,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(26,26,46,.06);transition:all .4s var(--ease)}
nav.scrolled{box-shadow:var(--shadow)}
nav .ctn{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{font-family:var(--serif);font-size:1.6rem;font-weight:700;letter-spacing:-.02em}
.logo span{color:var(--teal)}
.nav-l{display:flex;gap:32px;align-items:center}
.nav-l a{color:var(--text2);font-size:.9rem;font-weight:500;transition:color .3s}
.nav-l a:hover{color:var(--teal)}
.nav-cta{background:var(--teal)!important;color:#fff!important;padding:10px 24px;border-radius:var(--radius-sm);font-weight:600!important;transition:all .3s var(--ease)!important;box-shadow:0 2px 8px rgba(13,148,136,.25)}
.nav-cta:hover{background:var(--teal-dark)!important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(13,148,136,.35)!important}
.nav-mob{display:none;background:0 0;border:none;color:var(--text);cursor:pointer;padding:8px}
.mob-menu{display:none;position:fixed;top:72px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--cream3);padding:24px;flex-direction:column;gap:20px;z-index:999}
.mob-menu.open{display:flex}
.mob-menu a{font-size:1.1rem;font-weight:500;color:var(--text2);padding:8px 0}

/* ═══ BUTTONS ═══ */
.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s var(--ease);font-family:var(--sans);text-decoration:none}
.btn-p{background:var(--teal);color:#fff;box-shadow:0 2px 12px rgba(13,148,136,.25)}
.btn-p:hover{background:var(--teal-dark);transform:translateY(-2px);box-shadow:0 8px 30px rgba(13,148,136,.3)}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 2px 12px rgba(212,168,71,.25)}
.btn-gold:hover{background:var(--gold-dark);transform:translateY(-2px);box-shadow:0 8px 30px rgba(212,168,71,.3)}
.btn-s{background:transparent;color:var(--text);border:1.5px solid var(--cream3)}
.btn-s:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-glow)}
.btn-sm{padding:12px 24px;font-size:.9rem}

/* ═══ HERO ═══ */
.hero{padding:140px 0 100px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--cream) 0%,#EDF7F6 50%,var(--cream) 100%)}
.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,var(--teal-glow),transparent 70%);pointer-events:none}
.hero::after{content:'';position:absolute;bottom:-200px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,var(--gold-glow),transparent 70%);pointer-events:none}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.hero-content{max-width:580px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--teal-glow);border:1px solid rgba(13,148,136,.2);padding:8px 18px;border-radius:100px;font-size:.85rem;color:var(--teal);font-weight:600;margin-bottom:28px;animation:fu .8s var(--ease) both}
.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pls 2s ease infinite}
@keyframes pls{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-family:var(--serif);font-size:clamp(2.6rem,5.5vw,4.2rem);line-height:1.12;letter-spacing:-.03em;margin-bottom:20px;animation:fu .8s var(--ease) .1s both}
.hero h1 em{font-style:italic;color:var(--teal);position:relative}
.hero h1 em::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:3px;background:var(--gold);border-radius:2px;opacity:.6}
.hero-sub{font-size:1.15rem;color:var(--text2);margin-bottom:36px;line-height:1.75;animation:fu .8s var(--ease) .2s both}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;animation:fu .8s var(--ease) .3s both}
.hero-trust{display:flex;gap:24px;margin-top:40px;animation:fu .8s var(--ease) .4s both}
.ht-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text2)}
.ht-item svg{color:var(--teal);flex-shrink:0}
.hero-visual{position:relative;animation:fu .8s var(--ease) .3s both}
.hero-card{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow-xl);border:1px solid rgba(26,26,46,.04);transform:rotate(-1deg)}
.hero-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.hero-card-icon{width:48px;height:48px;border-radius:14px;background:var(--teal-glow);display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.hero-card-title{font-family:var(--serif);font-size:1.2rem;font-weight:600}
.hero-card-tag{font-size:.75rem;color:var(--teal);font-weight:600;background:var(--teal-glow);padding:2px 8px;border-radius:4px}
.hero-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.hero-bar-label{font-size:.8rem;color:var(--text2);width:80px}
.hero-bar-track{flex:1;height:8px;background:var(--cream2);border-radius:4px;overflow:hidden}
.hero-bar-fill{height:100%;border-radius:4px;transition:width 1.5s var(--ease)}
.hero-bar-fill.a{background:var(--teal);width:78%}
.hero-bar-fill.b{background:var(--gold);width:62%}
.hero-bar-val{font-family:var(--mono);font-size:.8rem;font-weight:600;width:36px;text-align:right}
.hero-verdict{margin-top:20px;padding:16px;background:linear-gradient(135deg,var(--teal-glow),var(--gold-glow));border-radius:var(--radius-sm);border:1px solid rgba(13,148,136,.15)}
.hero-verdict-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);font-weight:700;margin-bottom:4px}
.hero-verdict-text{font-family:var(--serif);font-size:1.1rem;font-weight:600}
.hero-float{position:absolute;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:var(--shadow-lg);border:1px solid rgba(26,26,46,.04);font-size:.85rem;font-weight:600;animation:float 6s ease-in-out infinite}
.hero-float.f1{top:-10px;right:-20px;animation-delay:0s}
.hero-float.f2{bottom:30px;left:-30px;animation-delay:2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes fu{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

/* ═══ SECTION COMMON ═══ */
section{padding:100px 0}
.s-label{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--teal);font-weight:600;margin-bottom:14px}
.s-title{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.18;letter-spacing:-.02em;margin-bottom:14px}
.s-desc{font-size:1.05rem;color:var(--text2);max-width:580px;line-height:1.75}
.s-header{margin-bottom:48px}
.s-header.center{text-align:center}.s-header.center .s-desc{margin:0 auto}

/* ═══ PROBLEM / SOLUTION ═══ */
.problem{background:#fff;border-top:1px solid var(--cream3);border-bottom:1px solid var(--cream3)}
.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:48px}
.prob-side h3{font-family:var(--serif);font-size:1.25rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.prob-side h3 .dot{width:10px;height:10px;border-radius:50%}
.dot-red{background:var(--coral)}.dot-green{background:var(--green)}
.p-list{display:flex;flex-direction:column;gap:14px}
.p-item{display:flex;gap:14px;padding:18px;border-radius:var(--radius-sm);background:var(--cream);border:1px solid var(--cream3);transition:all .3s}
.p-item.bad:hover{border-color:rgba(249,112,102,.3);background:rgba(249,112,102,.03)}
.p-item.good:hover{border-color:rgba(13,148,136,.3);background:var(--teal-glow)}
.p-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}
.p-ico.bad{background:rgba(249,112,102,.1)}.p-ico.good{background:var(--teal-glow)}
.p-t{font-weight:600;margin-bottom:2px;font-size:.95rem}.p-d{font-size:.87rem;color:var(--text2)}

/* ═══ PRODUCTS ═══ */
.products-sec{background:var(--charcoal);color:#fff;position:relative;overflow:hidden}
.products-sec::before{content:'';position:absolute;top:-300px;left:50%;transform:translateX(-50%);width:1000px;height:600px;background:radial-gradient(ellipse,rgba(13,148,136,.08),transparent 70%);pointer-events:none}
.products-sec .s-label{color:var(--gold)}
.products-sec .s-desc{color:rgba(255,255,255,.6)}
.prod-tabs{display:flex;gap:8px;margin-bottom:36px;flex-wrap:wrap}
.prod-tab{padding:8px 20px;border-radius:100px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s;background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.08)}
.prod-tab.active,.prod-tab:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.pc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:28px;position:relative;transition:all .4s var(--ease);overflow:hidden}
.pc:hover{transform:translateY(-4px);border-color:rgba(13,148,136,.4);box-shadow:0 20px 60px rgba(0,0,0,.2)}
.pc.feat{border-color:var(--gold);background:linear-gradient(135deg,rgba(212,168,71,.06),rgba(255,255,255,.04));grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;text-align:left}
.pc.feat::before{content:'🏆 BEST VALUE';position:absolute;top:16px;right:16px;background:var(--gold);color:#fff;font-size:.65rem;font-weight:700;padding:4px 12px;border-radius:6px;letter-spacing:.05em}
.pc-emoji{font-size:2.2rem;margin-bottom:14px;display:block}
.pc-name{font-family:var(--serif);font-size:1.35rem;margin-bottom:6px;letter-spacing:-.01em}
.pc-tag{color:rgba(255,255,255,.5);font-size:.9rem;margin-bottom:18px;line-height:1.5}
.pc-feats{list-style:none;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}
.pc-feats li{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:rgba(255,255,255,.55)}
.pc-feats li::before{content:'✓';color:var(--teal-light);font-weight:700;margin-top:1px}
.pc-price{display:flex;align-items:baseline;gap:8px;margin-bottom:18px}
.pr-now{font-family:var(--mono);font-size:2rem;font-weight:700;color:#fff}
.pr-old{font-size:.9rem;color:rgba(255,255,255,.35);text-decoration:line-through}
.pr-save{font-size:.75rem;color:var(--gold);font-weight:600;background:rgba(212,168,71,.15);padding:2px 8px;border-radius:4px}
.pc-btn{width:100%;padding:14px;border-radius:var(--radius-sm);border:none;font-weight:600;font-size:.92rem;cursor:pointer;transition:all .3s var(--ease);display:block;text-align:center;font-family:var(--sans)}
.pc-btn-p{background:var(--teal);color:#fff}.pc-btn-p:hover{background:var(--teal-dark);box-shadow:0 4px 20px rgba(13,148,136,.3)}
.pc-btn-g{background:var(--gold);color:#fff}.pc-btn-g:hover{background:var(--gold-dark)}
.pc-btn-s{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.12)}.pc-btn-s:hover{border-color:var(--teal);background:rgba(13,148,136,.1)}
.pc-link{display:block;text-align:center;margin-top:10px;color:rgba(255,255,255,.4);font-size:.82rem;transition:color .3s}.pc-link:hover{color:var(--teal-light)}

/* ═══ QUIZ CTA ═══ */
.quiz-sec{background:linear-gradient(135deg,#EDF7F6,#FDF8ED);border-top:1px solid var(--cream3);border-bottom:1px solid var(--cream3)}
.quiz-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.quiz-visual{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow-lg);border:1px solid rgba(26,26,46,.04)}
.quiz-q-preview{font-family:var(--serif);font-size:1.15rem;margin-bottom:20px;color:var(--text)}
.quiz-opts-preview{display:flex;flex-direction:column;gap:10px}
.quiz-opt-prev{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-sm);border:2px solid var(--cream3);transition:all .3s;cursor:default}
.quiz-opt-prev:nth-child(2){border-color:var(--teal);background:var(--teal-glow)}
.quiz-opt-prev .qo-ico{font-size:1.2rem}.quiz-opt-prev .qo-text{font-weight:500;font-size:.9rem}
.quiz-steps{display:flex;gap:8px;margin-top:20px;justify-content:center}
.quiz-step-dot{width:32px;height:4px;border-radius:2px;background:var(--cream3)}
.quiz-step-dot:nth-child(1),.quiz-step-dot:nth-child(2){background:var(--teal)}
.quiz-step-dot:nth-child(3){background:var(--gold)}

/* ═══ TESTIMONIALS ═══ */
.test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-top:48px}
.tc{background:#fff;border:1px solid var(--cream3);border-radius:var(--radius);padding:28px;transition:all .3s}
.tc:hover{box-shadow:var(--shadow);border-color:rgba(13,148,136,.15)}
.tc-stars{color:var(--gold);font-size:.85rem;margin-bottom:12px;letter-spacing:2px}
.tc-text{font-size:.95rem;line-height:1.7;margin-bottom:18px;color:var(--text2);font-style:italic}
.tc-author{display:flex;align-items:center;gap:12px}
.tc-av{width:42px;height:42px;border-radius:50%;background:var(--teal-glow);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--teal)}
.tc-name{font-weight:600;font-size:.9rem}.tc-role{font-size:.8rem;color:var(--text3)}

/* ═══ BLOG / FREE GUIDES ═══ */
.blog-sec{background:#fff;border-top:1px solid var(--cream3);border-bottom:1px solid var(--cream3)}
.blog-sub{color:var(--text2);font-size:1rem;margin-top:6px;max-width:480px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:48px}
.bc{background:var(--cream);border:1px solid var(--cream3);border-radius:var(--radius);overflow:hidden;transition:all .4s var(--ease);display:flex;flex-direction:column}
.bc:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(26,26,46,.14);border-color:transparent}
.bc:hover .bc-thumb-emoji{transform:scale(1.15);transition:transform .4s var(--ease)}
.bc:hover .bc-cta-link{gap:10px}
.bc-thumb{width:100%;height:210px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.bc-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.08) 100%)}
.bc-thumb-hook{position:absolute;bottom:16px;left:16px;right:16px;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.92);z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.2);line-height:1.35}
.bc-thumb-emoji{font-size:4rem;position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transition:transform .4s var(--ease)}
.bc-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.bc-tag{display:inline-block;font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:12px;width:fit-content}
.bc-title{font-family:var(--serif);font-size:1.18rem;margin-bottom:8px;line-height:1.35;letter-spacing:-.01em;color:var(--text)}
.bc-exc{font-size:.86rem;color:var(--text2);line-height:1.65;flex:1}
.bc-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--cream3)}
.bc-read{font-size:.76rem;color:var(--text3);display:flex;align-items:center;gap:4px}
.bc-cta-link{font-size:.82rem;font-weight:600;color:var(--teal);display:flex;align-items:center;gap:6px;transition:gap .3s var(--ease)}
/* Newsletter CTA in blog section */
.blog-newsletter{margin-top:40px;background:linear-gradient(135deg,#EDF7F6 0%,#FDF8ED 50%,#F0E6F6 100%);border:1px solid var(--cream3);border-radius:var(--radius);padding:32px;text-align:center}
.blog-newsletter h3{font-family:var(--serif);font-size:1.2rem;margin-bottom:6px}
.blog-newsletter p{color:var(--text2);font-size:.88rem;margin-bottom:16px}
.blog-newsletter .bn-form{display:flex;gap:10px;max-width:420px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.blog-newsletter input{flex:1;min-width:200px;padding:12px 16px;border:1px solid var(--cream3);border-radius:var(--radius-sm);font-family:var(--sans);font-size:.88rem;background:#fff;outline:none;transition:border-color .3s}
.blog-newsletter input:focus{border-color:var(--teal)}
.blog-newsletter button{padding:12px 24px;background:var(--teal);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.88rem;cursor:pointer;font-family:var(--sans);transition:background .3s}
.blog-newsletter button:hover{background:var(--teal-dark)}

/* ═══ FAQ ═══ */
.faq-list{max-width:750px;margin:48px auto 0;display:flex;flex-direction:column;gap:8px}
.faq-i{background:#fff;border:1px solid var(--cream3);border-radius:var(--radius-sm);overflow:hidden;transition:all .3s}
.faq-i:hover{border-color:rgba(13,148,136,.2)}
.faq-q{width:100%;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:0 0;border:none;color:var(--text);cursor:pointer;font-family:var(--sans);font-size:.95rem;font-weight:600;text-align:left;transition:color .3s;gap:16px}
.faq-q:hover{color:var(--teal)}
.faq-q-i{font-size:1.3rem;transition:transform .3s;color:var(--text3);flex-shrink:0}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.faq-a-in{padding:0 24px 20px;color:var(--text2);font-size:.92rem;line-height:1.7}
.faq-i.open .faq-a{max-height:300px}
.faq-i.open .faq-q-i{transform:rotate(45deg)}
.faq-i.open{border-color:var(--teal);background:var(--teal-glow)}

/* ═══ FINAL CTA ═══ */
.final-cta{text-align:center;background:var(--charcoal);color:#fff;position:relative;overflow:hidden}
.final-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(13,148,136,.1),transparent 70%);pointer-events:none}
.final-cta .s-label{color:var(--gold)}
.final-cta .s-title{color:#fff}
.final-cta .s-desc{color:rgba(255,255,255,.6);margin:0 auto 40px;text-align:center}
.final-guarantee{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.85rem;color:rgba(255,255,255,.5)}

/* ═══ FOOTER ═══ */
footer{padding:60px 0 30px;background:var(--dark);color:rgba(255,255,255,.8)}
.f-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.f-brand{max-width:300px}
.f-brand .logo{color:#fff;font-size:1.4rem}
.f-brand p{color:rgba(255,255,255,.4);font-size:.87rem;margin-top:14px;line-height:1.65}
.f-col h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.3);margin-bottom:18px;font-weight:600}
.f-col a{display:block;color:rgba(255,255,255,.5);font-size:.87rem;margin-bottom:10px;transition:color .3s}
.f-col a:hover{color:var(--teal-light)}
.f-bot{padding-top:24px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;font-size:.78rem;color:rgba(255,255,255,.25)}
.f-legal a{color:rgba(255,255,255,.25);margin-left:20px}.f-legal a:hover{color:rgba(255,255,255,.5)}

/* ═══ SOCIAL PROOF TICKER ═══ */
.ticker{position:fixed;bottom:24px;left:24px;z-index:900;background:#fff;border-radius:var(--radius-sm);padding:14px 20px;box-shadow:var(--shadow-lg);border:1px solid var(--cream3);display:flex;align-items:center;gap:12px;font-size:.85rem;transform:translateY(120px);transition:transform .5s var(--ease);max-width:320px}
.ticker.show{transform:translateY(0)}
.ticker-ico{font-size:1.3rem}
.ticker-close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--text3);cursor:pointer;font-size:.75rem}

/* ═══ MODALS ═══ */
.overlay{position:fixed;inset:0;z-index:2000;background:rgba(15,15,26,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s;padding:24px}
.overlay.on{opacity:1;visibility:visible}
.modal{background:#fff;border:1px solid var(--cream3);border-radius:20px;max-width:700px;width:100%;max-height:85vh;overflow-y:auto;padding:40px;position:relative;transform:translateY(20px);transition:transform .4s var(--ease)}
.overlay.on .modal{transform:translateY(0)}
.m-close{position:absolute;top:16px;right:16px;background:var(--cream);border:1px solid var(--cream3);color:var(--text2);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .3s}
.m-close:hover{background:var(--cream2);color:var(--text)}
.m-sec{margin-bottom:24px}
.m-sec h3{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);font-weight:600;margin-bottom:10px}
.m-sec p,.m-sec li{color:var(--text2);font-size:.92rem;line-height:1.7}
.m-sec ul{list-style:none;display:flex;flex-direction:column;gap:8px}.m-sec ul li::before{content:'→ ';color:var(--teal);font-weight:600}
.m-foot{display:flex;gap:16px;align-items:center;padding-top:24px;border-top:1px solid var(--cream3)}

/* ═══ QUIZ OVERLAY ═══ */
.q-overlay{position:fixed;inset:0;z-index:3000;background:rgba(15,15,26,.95);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s;padding:24px}
.q-overlay.on{opacity:1;visibility:visible}
.q-modal{background:#fff;border-radius:24px;max-width:600px;width:100%;padding:48px;text-align:center;position:relative;transform:scale(.95);transition:transform .4s var(--ease)}
.q-overlay.on .q-modal{transform:scale(1)}
.q-prog{display:flex;gap:5px;margin-bottom:36px;justify-content:center}
.q-dot{width:36px;height:4px;border-radius:2px;background:var(--cream3);transition:background .3s}
.q-dot.active{background:var(--teal)}.q-dot.done{background:var(--teal-dark)}
.q-question{font-family:var(--serif);font-size:1.65rem;margin-bottom:10px;line-height:1.3;letter-spacing:-.01em;color:var(--text)}
.q-sub{color:var(--text2);margin-bottom:28px;font-size:.92rem}
.q-opts{display:flex;flex-direction:column;gap:10px}
.q-opt{background:var(--cream);border:2px solid var(--cream3);border-radius:14px;padding:16px 22px;cursor:pointer;transition:all .3s var(--ease);text-align:left;display:flex;align-items:center;gap:14px}
.q-opt:hover{border-color:var(--teal);background:var(--teal-glow)}
.q-opt.sel{border-color:var(--teal);background:var(--teal-glow)}
.q-opt-ico{font-size:1.3rem}.q-opt-text{font-weight:600;font-size:.92rem;color:var(--text)}
.q-opt-desc{font-size:.82rem;color:var(--text2);margin-top:2px}
.q-result{text-align:center}
.q-result-ico{font-size:3.5rem;margin-bottom:14px}
.q-result-title{font-family:var(--serif);font-size:1.8rem;margin-bottom:10px;color:var(--text)}
.q-result-desc{color:var(--text2);margin-bottom:28px;line-height:1.7;max-width:440px;margin-left:auto;margin-right:auto;font-size:.95rem}
.q-result-prod{background:var(--cream);border:1.5px solid var(--teal);border-radius:var(--radius);padding:24px;text-align:left;margin-bottom:20px}
.q-email input{width:100%;padding:14px 18px;border-radius:var(--radius-sm);background:var(--cream);border:1.5px solid var(--cream3);color:var(--text);font-family:var(--sans);font-size:.92rem;margin-bottom:12px;outline:none;transition:border .3s}
.q-email input:focus{border-color:var(--teal)}

/* ═══ REVEAL ═══ */
.reveal{opacity:1;transform:translateY(0);transition:all .8s var(--ease)}.reveal.vis{opacity:1;transform:translateY(0)}

/* ═══ RESPONSIVE ═══ */
@media(max-width:900px){.hero-inner,.prob-grid,.quiz-inner{grid-template-columns:1fr;gap:40px}.hero-visual{order:-1}.f-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.pc.feat{grid-template-columns:1fr;text-align:center;gap:16px;padding:24px}.nav-l{display:none}.nav-mob{display:block}.hero-stats,.hero-trust{gap:16px}.prod-grid,.blog-grid,.test-grid{grid-template-columns:1fr}.f-grid{grid-template-columns:1fr}.f-bot{flex-direction:column;gap:12px;text-align:center}.modal,.q-modal{padding:28px}.q-question{font-size:1.3rem}.hero h1{font-size:2.2rem}.hero-float{display:none}}
    </style>
</head>
<body>

<!-- NAV -->
<nav id="mainNav"><div class="ctn">
    <a href="/" class="logo">Life<span>Decide</span></a>
    <div class="nav-l">
        <a href="#products">Tools</a>
        <a href="/blog/">Blog</a>
        <a href="/how-it-works/">How It Works</a>
        <a href="#faq">FAQ</a>
        <a href="#" onclick="openQuiz()" class="nav-cta">Take the Quiz</a>
    </div>
    <button class="nav-mob" onclick="document.getElementById('mobMenu').classList.toggle('open')" aria-label="Menu"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg></button>
</div></nav>
<div class="mob-menu" id="mobMenu">
    <a href="#products" onclick="this.parentElement.classList.remove('open')">Tools</a>
    <a href="/blog/">Blog</a>
    <a href="/how-it-works/">How It Works</a>
    <a href="#faq" onclick="this.parentElement.classList.remove('open')">FAQ</a>
    <a href="#" onclick="openQuiz();this.parentElement.classList.remove('open')" style="color:var(--teal);font-weight:700">Take the Quiz →</a>
</div>

<!-- HERO -->
<section class="hero"><div class="ctn"><div class="hero-inner">
    <div class="hero-content">
        <div class="hero-badge"><span class="dot"></span> Used by 12,000+ people in 40+ countries</div>
        <h1>Stop overthinking.<br>Start <em>deciding.</em></h1>
        <p class="hero-sub">Science-backed interactive tools that cut through analysis paralysis, relieve anxiety, upgrade your thinking, and help you build the life you actually want.</p>
        <div class="hero-actions">
            <a href="#" onclick="openQuiz()" class="btn btn-p">Find Your Tool → <span style="font-size:.8rem;opacity:.8;margin-left:4px">Free quiz</span></a>
            <a href="#products" class="btn btn-s">Browse All Tools</a>
        </div>
        <div class="hero-trust">
            <div class="ht-item"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0l2.5 5 5.5.8-4 3.9.9 5.3L8 12.5 3.1 15l.9-5.3-4-3.9L5.5 5z"/></svg> 4.9/5 average rating</div>
            <div class="ht-item"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M8 1a7 7 0 110 14A7 7 0 018 1zm1 3H7v4.4l3.1 1.8.6-1L8.9 8V4z"/></svg> Results in 15 minutes</div>
            <div class="ht-item"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M13.3 2.7a1 1 0 010 1.4L6.7 10.8 2.7 6.8a1 1 0 011.4-1.4l2.6 2.6 5.2-5.3a1 1 0 011.4 0z"/></svg> 30-day guarantee</div>
        </div>
    </div>
    <div class="hero-visual">
        <div class="hero-card">
            <div class="hero-card-header">
                <div class="hero-card-icon">🎯</div>
                <div><div class="hero-card-title">Decision Analysis</div><div class="hero-card-tag">COMPLETE</div></div>
            </div>
            <div class="hero-bar"><span class="hero-bar-label">Option A</span><div class="hero-bar-track"><div class="hero-bar-fill a"></div></div><span class="hero-bar-val" style="color:var(--teal)">78</span></div>
            <div class="hero-bar"><span class="hero-bar-label">Option B</span><div class="hero-bar-track"><div class="hero-bar-fill b"></div></div><span class="hero-bar-val" style="color:var(--gold)">62</span></div>
            <div class="hero-verdict">
                <div class="hero-verdict-label">Your Verdict</div>
                <div class="hero-verdict-text">Option A wins by 16 points ✨</div>
            </div>
        </div>
        <div class="hero-float f1">✅ Clarity achieved</div>
        <div class="hero-float f2">🧠 93% success rate</div>
    </div>
</div></div></section>

<!-- PROBLEM / SOLUTION -->
<section class="problem"><div class="ctn">
    <div class="s-header center">
        <div class="s-label">The Problem → The Solution</div>
        <div class="s-title">Your brain wasn't built for<br>modern decisions</div>
    </div>
    <div class="prob-grid reveal">
        <div class="prob-side">
            <h3><span class="dot dot-red"></span> Sound familiar?</h3>
            <div class="p-list">
                <div class="p-item bad"><div class="p-ico bad">🔄</div><div><div class="p-t">Analysis Paralysis</div><div class="p-d">Going back and forth on the same decision for weeks, maybe months.</div></div></div>
                <div class="p-item bad"><div class="p-ico bad">😶‍🌫️</div><div><div class="p-t">Mental Fog</div><div class="p-d">Too many options, opinions, and "what ifs" clouding your judgment.</div></div></div>
                <div class="p-item bad"><div class="p-ico bad">😰</div><div><div class="p-t">Constant Anxiety</div><div class="p-d">That knot in your stomach that won't go away. Racing thoughts at 3am.</div></div></div>
                <div class="p-item bad"><div class="p-ico bad">💔</div><div><div class="p-t">Relationship Confusion</div><div class="p-d">Should I stay? Should I go? Is this even working?</div></div></div>
            </div>
        </div>
        <div class="prob-side">
            <h3><span class="dot dot-green"></span> Here's what changes</h3>
            <div class="p-list">
                <div class="p-item good"><div class="p-ico good">⚡</div><div><div class="p-t">Instant Clarity</div><div class="p-d">Weighted scoring gives you a clear, data-driven verdict in minutes.</div></div></div>
                <div class="p-item good"><div class="p-ico good">🧘</div><div><div class="p-t">Anxiety Relief</div><div class="p-d">CBT-based tools and breathing exercises that actually calm your nervous system.</div></div></div>
                <div class="p-item good"><div class="p-ico good">🧠</div><div><div class="p-t">Mental Upgrade</div><div class="p-d">90-day cognitive training to permanently sharpen how you think.</div></div></div>
                <div class="p-item good"><div class="p-ico good">🔥</div><div><div class="p-t">Total Reset</div><div class="p-d">30-day protocol to break old patterns and redesign your entire life.</div></div></div>
            </div>
        </div>
    </div>
</div></section>

<!-- PRODUCTS -->
<section id="products" class="products-sec"><div class="ctn">
    <div class="s-header">
        <div class="s-label">Our Tools</div>
        <div class="s-title" style="color:#fff">Choose your transformation</div>
        <p class="s-desc">Each tool works standalone. Together, they're unstoppable. All tools work offline, require no installation, and your data stays 100% private.</p>
    </div>
    <div class="prod-tabs" id="prodTabs"></div>
    <div class="prod-grid" id="prodGrid"></div>
</div></section>

<!-- QUIZ CTA -->
<section class="quiz-sec"><div class="ctn"><div class="quiz-inner">
    <div>
        <div class="s-label">Not sure where to start?</div>
        <div class="s-title">Take the 2-minute<br>Life Assessment</div>
        <p class="s-desc" style="margin-bottom:32px">Answer a few quick questions and we'll recommend the exact tool for your situation — plus send you a free personalized action plan.</p>
        <a href="#" onclick="openQuiz()" class="btn btn-p">Start the Quiz — It's Free →</a>
        <p style="font-size:.82rem;color:var(--text3);margin-top:12px">Takes less than 2 minutes. No signup required.</p>
    </div>
    <div class="quiz-visual">
        <div class="quiz-q-preview">What's your biggest struggle right now?</div>
        <div class="quiz-opts-preview">
            <div class="quiz-opt-prev"><span class="qo-ico">🔄</span><span class="qo-text">I can't make a specific decision</span></div>
            <div class="quiz-opt-prev"><span class="qo-ico">😰</span><span class="qo-text">I feel anxious and overwhelmed</span></div>
            <div class="quiz-opt-prev"><span class="qo-ico">💔</span><span class="qo-text">My relationships are complicated</span></div>
            <div class="quiz-opt-prev"><span class="qo-ico">💥</span><span class="qo-text">Everything needs to change</span></div>
        </div>
        <div class="quiz-steps">
            <div class="quiz-step-dot"></div><div class="quiz-step-dot"></div><div class="quiz-step-dot"></div>
            <div class="quiz-step-dot"></div><div class="quiz-step-dot"></div><div class="quiz-step-dot"></div>
            <div class="quiz-step-dot"></div><div class="quiz-step-dot"></div><div class="quiz-step-dot"></div>
            <div class="quiz-step-dot"></div>
        </div>
    </div>
</div></div></section>

<!-- TESTIMONIALS -->
<section id="testimonials"><div class="ctn">
    <div class="s-header center">
        <div class="s-label">Real Stories</div>
        <div class="s-title">People just like you<br>found their clarity</div>
    </div>
    <div class="test-grid reveal" id="testGrid"></div>
</div></section>

<!-- FREE GUIDES (Blog) -->
<section id="blog" class="blog-sec"><div class="ctn">
    <div style="display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px">
        <div class="s-header" style="margin-bottom:0"><div class="s-label">Learn</div><div class="s-title">Free Guides</div><p class="blog-sub">Science-backed strategies you can use today</p></div>
        <a href="/blog" class="btn btn-s btn-sm" style="margin-bottom:6px">All guides →</a>
    </div>
    <div class="blog-grid reveal" id="blogGrid"></div>
    <div class="blog-newsletter reveal">
        <h3>📬 Get smarter every week</h3>
        <p>One practical tip on decisions, clarity, and personal growth. No spam, unsubscribe anytime.</p>
        <div class="bn-form"><input type="email" placeholder="Your best email" id="nlEmail"><button onclick="subscribeNL()">Subscribe free →</button></div>
        <p style="font-size:.72rem;color:var(--text3);margin-top:10px;margin-bottom:0">Join 2,400+ readers. We respect your privacy.</p>
    </div>
</div></section>

<!-- FAQ -->
<section id="faq"><div class="ctn">
    <div class="s-header center">
        <div class="s-label">Questions?</div>
        <div class="s-title">Everything you need to know</div>
    </div>
    <div class="faq-list" id="faqList"></div>
</div></section>

<!-- FINAL CTA -->
<section class="final-cta"><div class="ctn" style="position:relative;z-index:1">
    <div class="s-label">Your move</div>
    <div class="s-title" style="max-width:700px;margin:0 auto 14px">Every day you wait is a day<br>you stay stuck</div>
    <p class="s-desc">Join thousands who stopped overthinking and started living. Your transformation begins with one decision — this one.</p>
    <div style="display:flex;gap:14px;justify-content:center;flex-wrap:wrap">
        <a href="#" onclick="openQuiz()" class="btn btn-p">Take the Quiz →</a>
        <a href="#products" class="btn btn-s" style="color:#fff;border-color:rgba(255,255,255,.15)">Browse Tools</a>
    </div>
    <div class="final-guarantee">🛡️ 30-day money-back guarantee on every product. No questions asked.</div>
</div></section>

<!-- FOOTER -->
<footer><div class="ctn">
    <div class="f-grid">
        <div class="f-brand"><div class="logo">Life<span>Decide</span></div><p>Science-backed interactive tools for better decisions, less anxiety, and meaningful life transformation.</p></div>
        <div class="f-col"><h4>Tools</h4><div id="footerProducts"></div></div>
        <div class="f-col"><h4>Resources</h4><a href="/blog/">Free Guides</a><a href="/how-it-works/">How It Works</a><a href="#" onclick="openQuiz()">Free Assessment Quiz</a><a href="#faq">FAQ</a></div>
        <div class="f-col"><h4>Company</h4><a href="mailto:info@lifedecide.com">Contact Us</a><a href="/privacy">Privacy Policy</a><a href="/terms">Terms of Service</a><a href="/refund">Refund Policy</a></div>
    </div>
    <div class="f-bot">
        <span>© 2025 Smart Alert Tech LLC — Sharjah Media City, UAE</span>
        <div class="f-legal"><a href="/privacy">Privacy</a><a href="/terms">Terms</a><a href="/refund">Refunds</a></div>
    </div>
</div></footer>

<!-- SOCIAL PROOF TICKER -->
<div class="ticker" id="ticker"><span class="ticker-ico">🎉</span><div id="tickerText"></div><button class="ticker-close" onclick="this.parentElement.classList.remove('show')">✕</button></div>

<!-- MODALS -->
<div class="overlay" id="prodModal" onclick="if(event.target===this)closeDet()"><div class="modal" id="modalC"></div></div>
<div class="q-overlay" id="quizOv" onclick="if(event.target===this)closeQuiz()"><div class="q-modal"><button class="m-close" onclick="closeQuiz()">✕</button><div id="quizBody"></div></div></div>

<script>
// ╔════════════════════════════════════════════════════════════════════╗
// ║  🔧 MASTER PRODUCT DATABASE — ADD NEW PRODUCTS HERE               ║
// ║  Just add a new entry. Cards, modals, quiz, footer auto-update.   ║
// ╚════════════════════════════════════════════════════════════════════╝
const PRODUCTS = {
    'clarity-journal': {
        emoji:'📓', name:'The Clarity Journal', tagline:'30-day digital journaling system with daily prompts, reflections, and gratitude practice.',
        price:12, originalPrice:29, cat:'starter',
        stripeLink:'https://buy.stripe.com/4gMeVedVAe9Lgrng5R2Fa00',
        features:['30 days of guided prompts','Gratitude & reflection exercises','Weekly review templates','Progress visualization','Works offline — 100% private'],
        details:{
            what:'A beautifully designed 30-day digital journaling system. Each day has carefully crafted prompts that guide you through self-reflection, gratitude practice, and clarity exercises.',
            who:'Anyone who wants to start their transformation journey. Perfect entry point — whether you\'re stressed, confused, or just want more clarity in life.',
            how:['Open in any browser','Complete today\'s guided prompt (5-10 min)','Track your mood and energy','Review weekly insights','Watch your clarity grow over 30 days'],
            result:'After 30 days: clearer thinking, better self-awareness, reduced stress, and a journaling habit that lasts.'
        },
        quizTags:['starter','clarity','simple','calm']
    },
    'the-decision-engine': {
        emoji:'🎯', name:'The Decision Engine', tagline:'Turn any tough decision into a clear, data-driven verdict in 15 minutes.',
        price:19, originalPrice:47, cat:'decisions',
        stripeLink:'https://buy.stripe.com/aFafZi18O7Lncb7f1N2Fa01',
        features:['6-step interactive framework','Weighted scoring algorithm','Exportable decision report','Unlimited decisions forever','Works offline — 100% private'],
        details:{
            what:'An interactive tool that walks you through a structured 6-step process to evaluate any major life decision. Uses weighted criteria scoring to eliminate emotional bias.',
            who:'Anyone facing a tough choice: career changes, relationships, investments, relocations. If you\'ve been going back and forth for more than a week, this is for you.',
            how:['Define your decision clearly','Map out options with pros & cons','Set personal criteria & priorities','Score each option objectively','Review weighted analysis','Get your clear verdict + exportable report'],
            result:'A clear, data-backed decision in 15-30 minutes instead of weeks of overthinking.'
        },
        quizTags:['decision','stuck','overthinking','career','quick']
    },
    'anxiety-toolkit': {
        emoji:'🧘', name:'The Anxiety Toolkit', tagline:'Interactive anxiety management system with breathing exercises, CBT tools, and emergency protocols.',
        price:19, originalPrice:49, cat:'wellness',
        stripeLink:'https://buy.stripe.com/3cI6oIeZEaXz5MJ7zl2Fa02',
        features:['Guided breathing exercises with timer','CBT thought reframing tool','Panic attack emergency protocol','Sleep hygiene tracker','Anxiety pattern journal','Grounding techniques library'],
        details:{
            what:'A comprehensive interactive system for managing anxiety. Combines evidence-based CBT techniques with practical tools like breathing exercises, thought journals, and panic protocols.',
            who:'Anyone dealing with anxiety, stress, overwhelm, or panic attacks. Also great for people who want preventive tools to maintain mental wellness.',
            how:['Choose your current state (anxious, panicking, can\'t sleep, etc.)','Follow the guided protocol','Use breathing exercises with built-in timer','Reframe negative thoughts with CBT tool','Track patterns over time','Build your personal coping toolkit'],
            result:'Immediate relief during anxiety episodes + long-term reduction in anxiety levels through consistent use of CBT techniques.'
        },
        quizTags:['anxiety','stress','overwhelmed','calm','wellness']
    },
    'mind-upgrade-os': {
        emoji:'🧠', name:'Mind Upgrade OS', tagline:'90-day cognitive training system to permanently upgrade how you think and decide.',
        price:29, originalPrice:79, cat:'growth',
        stripeLink:'https://buy.stripe.com/3cIaEY18O3v7a2ZdXJ2Fa03',
        features:['90-day structured program','XP system with levels & rewards','Daily cognitive exercises','Mental model library (25+ frameworks)','Progress dashboard','Habit streak tracker'],
        details:{
            what:'A comprehensive 90-day interactive system that trains your brain to think more clearly. Includes gamification (XP, levels), daily protocols, and 25+ mental models.',
            who:'People who want long-term transformation. Ambitious professionals, entrepreneurs, and students serious about leveling up cognitively.',
            how:['Take initial cognitive assessment','Get personalized 90-day roadmap','Complete daily 15-min exercises','Earn XP, unlock levels, build streaks','Learn 25+ mental models','Track progress on visual dashboard'],
            result:'After 90 days: faster decisions, clearer thinking, better emotional regulation, and a library of mental models for life.'
        },
        quizTags:['habits','longterm','mindset','growth','systematic']
    },
    'relationship-audit': {
        emoji:'💕', name:'The Relationship Audit', tagline:'Comprehensive relationship assessment with communication analysis and action plans.',
        price:29, originalPrice:67, cat:'decisions',
        stripeLink:'https://buy.stripe.com/dRm28s4l03v70spf1N2Fa04',
        features:['Comprehensive relationship assessment','Communication style analyzer','Conflict resolution framework','Compatibility scoring system','Action plan generator','Works for any relationship type'],
        details:{
            what:'An interactive assessment tool that helps you objectively evaluate any relationship. Analyzes communication patterns, compatibility, conflict resolution, and generates a clear action plan.',
            who:'Anyone questioning a relationship — romantic, friendship, family, or professional. Also great for couples who want to strengthen what they have.',
            how:['Choose relationship type','Complete the multi-dimension assessment','Review communication style analysis','See compatibility scoring','Get conflict resolution strategies','Receive personalized action plan'],
            result:'Clear understanding of your relationship dynamics, specific areas to improve, and a concrete action plan — whether that means fixing it, accepting it, or moving on.'
        },
        quizTags:['relationship','love','communication','conflict']
    },
    'life-reset-system': {
        emoji:'🔥', name:'Life Reset System', tagline:'Intensive 30-day protocol to break old patterns and completely redesign your life.',
        price:49, originalPrice:127, cat:'transformation',
        stripeLink:'https://buy.stripe.com/14A8wQcRw4zb6QNdXJ2Fa06',
        features:['30-day structured daily protocol','Life audit & priority mapping','Habit breaking & building system','Weekly review checkpoints','Energy management framework','Emergency "bad day" protocols','Post-reset maintenance plan'],
        details:{
            what:'An intensive 30-day interactive program to audit your entire life, break destructive patterns, and rebuild with intention.',
            who:'People at a turning point. You\'re tired of the same results and ready for a complete overhaul.',
            how:['Day 1-3: Complete life audit','Day 4-7: Map destructive patterns','Day 8-14: Pattern breaking protocols','Day 15-21: Build new foundations','Day 22-27: Integration & stress testing','Day 28-30: Lock in + maintenance plan'],
            result:'Completely reorganized life with clear priorities, broken bad habits, new daily systems, and a maintenance plan.'
        },
        quizTags:['reset','change','overwhelmed','everything','intensive']
    },
    'bundle': {
        emoji:'💎', name:'The Life Transformation Stack', tagline:'All 7 tools together. Maximum transformation at the best price. Save over 50%.',
        price:79, originalPrice:157, featured:true, cat:'bundle',
        stripeLink:'https://buy.stripe.com/bJeaEY04KaXz1wt5rd2Fa08',
        features:['The Clarity Journal ($12)','The Decision Engine ($19)','The Anxiety Toolkit ($19)','Mind Upgrade OS ($29)','The Relationship Audit ($29)','Life Reset System ($49)','Bonus: Quick-Start Guide','Bonus: Lifetime updates','Save $78 — over 50% off'],
        details:{
            what:'The complete LifeDecide toolkit — all seven products at a massive discount. Everything you need to get clarity, beat anxiety, upgrade your mind, fix relationships, and transform your life.',
            who:'People who are ALL IN. You want the full arsenal to attack life from every angle.',
            how:['Start with Clarity Journal for daily practice','Use Decision Engine for urgent choices','Apply Anxiety Toolkit when stressed','Begin Life Reset 30-day protocol','Layer in Mind Upgrade OS for long-term growth','Use Relationship Audit for people decisions'],
            result:'The full stack creates a compounding effect — immediate decisions + anxiety relief + deep habit change + cognitive growth + relationship clarity. Far more powerful than any single tool.'
        },
        quizTags:['everything','allin','maximum']
    }
};

const TESTIMONIALS=[
    {s:5,t:"I'd been stuck on a career decision for 3 months. The Decision Engine gave me clarity in 20 minutes. I felt physically lighter afterward.",n:"Sarah K.",r:"Product Manager, NYC",i:"SK"},
    {s:5,t:"The Anxiety Toolkit literally saved me during a panic attack at work. The breathing exercise + CBT reframing brought me back within minutes.",n:"Michael R.",r:"Software Engineer, Austin",i:"MR"},
    {s:5,t:"Mind Upgrade OS is like having a personal cognitive trainer. The XP system is addictive. Day 67 and my thinking has completely shifted.",n:"Marcus T.",r:"Entrepreneur, London",i:"MT"},
    {s:5,t:"I bought the bundle during the lowest point of my life. The Life Reset System gave me structure when everything felt chaotic. Life-changing.",n:"Jessica L.",r:"Freelancer, Toronto",i:"JL"},
    {s:5,t:"The Relationship Audit helped me see what I'd been ignoring for years. Hard truths, but exactly what I needed. We're in couples therapy now and improving.",n:"Amanda C.",r:"Teacher, Sydney",i:"AC"},
    {s:5,t:"As a therapist, I recommend these tools to clients. They externalize internal processes in a way that's incredibly therapeutic.",n:"Dr. David R.",r:"Clinical Psychologist",i:"DR"}
];

const BLOG_POSTS=[
    {slug:'why-you-cant-make-decisions',title:'Why You Can\'t Make Decisions (And How to Fix It)',exc:'Decision paralysis affects 85% of adults. Here\'s the neuroscience behind it — and 3 proven frameworks to break free.',tag:'Decisions',read:'8 min',emoji:'🎯',hook:'Your brain isn\'t broken — it\'s overloaded',grad:'linear-gradient(135deg,#0D9488,#14B8A6,#0ea5a0)',tagC:'#0D9488'},
    {slug:'breathing-techniques-that-work',title:'5 Breathing Techniques That Actually Work for Anxiety',exc:'From box breathing to 4-7-8 technique — the science-backed methods that calm your nervous system in minutes.',tag:'Anxiety',read:'10 min',emoji:'🌬️',hook:'Calm in 30 seconds — backed by neuroscience',grad:'linear-gradient(135deg,#4F46E5,#7C3AED,#6366F1)',tagC:'#4F46E5'},
    {slug:'mental-models-beginners-guide',title:'Mental Models: The Beginner\'s Guide to Thinking Better',exc:'25 powerful mental models used by the world\'s best thinkers. Learn to solve problems and make decisions like a pro.',tag:'Mental Models',read:'12 min',emoji:'🧠',hook:'Think like Buffett, Musk, and Munger',grad:'linear-gradient(135deg,#22C55E,#16A34A,#15803D)',tagC:'#16A34A'},
    {slug:'how-to-journal-when-you-hate-it',title:'How to Journal When You Hate Journaling',exc:'Journaling doesn\'t mean blank pages and existential dread. Here\'s a 5-minute guided approach that actually works.',tag:'Journaling',read:'8 min',emoji:'📓',hook:'5 minutes. Zero cringe. Real clarity.',grad:'linear-gradient(135deg,#D4A847,#E8C76A,#C9952B)',tagC:'#B8922E'},
    {slug:'relationship-red-flags-youre-ignoring',title:'7 Relationship Red Flags You\'re Probably Ignoring',exc:'The subtle warning signs that distinguish healthy relationships from toxic ones — and what to do when you spot them.',tag:'Relationships',read:'9 min',emoji:'💔',hook:'The signs you wish you\'d seen sooner',grad:'linear-gradient(135deg,#EC4899,#DB2777,#BE185D)',tagC:'#DB2777'},
    {slug:'how-to-reset-your-life',title:'How to Reset Your Entire Life in 30 Days',exc:'The step-by-step framework to audit, dismantle, and rebuild every area of your life. No motivation required — just systems.',tag:'Transformation',read:'12 min',emoji:'🔥',hook:'Burn the old. Build the extraordinary.',grad:'linear-gradient(135deg,#F97066,#EF4444,#DC2626)',tagC:'#EF4444'}
];

const FAQS=[
    {q:"What exactly am I buying?",a:"Interactive HTML web applications you download and open in any browser (Chrome, Safari, Firefox). They work offline, require no installation, and your data stays 100% private on your device. These are NOT PDFs or ebooks — they're fully interactive tools with scoring, tracking, and dynamic content."},
    {q:"Do these work on my phone?",a:"Yes! All tools are fully responsive. They work beautifully on phones, tablets, laptops, and desktops — any device with a modern web browser."},
    {q:"How are these different from a PDF or ebook?",a:"Completely different. These are interactive applications with real-time scoring systems, progress tracking, dynamic content, visual dashboards, timers, and responsive interfaces. Think of them as personal apps, not documents."},
    {q:"What if it doesn't work for me?",a:"We offer a no-questions-asked 30-day money-back guarantee. If you're not satisfied for any reason, email info@lifedecide.com and we'll refund you immediately."},
    {q:"Do I get lifetime access and updates?",a:"Yes. Once you download the files, they're yours forever. Plus you get free lifetime updates — we'll email you whenever we release improved versions."},
    {q:"Is my data private and secure?",a:"100%. Everything runs locally in your browser. No data is sent to any server. No accounts, no tracking, no cloud storage. Your personal information never leaves your device."},
    {q:"Which tool should I start with?",a:"Take our free 2-minute quiz and we'll recommend the perfect tool for your situation. If you're unsure, The Clarity Journal ($12) is the perfect entry point, or get the Bundle ($79) for the complete transformation experience."},
    {q:"What payment methods do you accept?",a:"All major credit/debit cards (Visa, Mastercard, Amex), Google Pay, Apple Pay, and more. All payments are processed securely by Stripe."}
];

const QUIZ_QS=[
    {q:"What's your biggest struggle right now?",sub:"Pick the one that resonates most",opts:[
        {ico:"🔄",text:"I can't make a specific decision",desc:"Career, relationship, financial...",tags:['decision','stuck']},
        {ico:"😰",text:"I feel anxious or overwhelmed",desc:"Racing thoughts, can't relax",tags:['anxiety','stress']},
        {ico:"💔",text:"My relationships are complicated",desc:"Love, family, friendships...",tags:['relationship','love']},
        {ico:"💥",text:"Everything needs to change",desc:"I need a total life overhaul",tags:['reset','everything']}
    ]},
    {q:"How would you describe your mental state?",sub:"Right now, honestly",opts:[
        {ico:"🌊",text:"Overwhelmed — drowning in thoughts",desc:"Can't focus, constant mental noise",tags:['anxiety','overwhelmed']},
        {ico:"🔁",text:"Stuck in loops — same thoughts repeating",desc:"Overthinking the same thing",tags:['decision','stuck','overthinking']},
        {ico:"😶",text:"Numb — disconnected from myself",desc:"Going through the motions",tags:['reset','clarity']},
        {ico:"⚡",text:"Restless — ready for change",desc:"I know I need to do something",tags:['growth','change']}
    ]},
    {q:"How long has this been going on?",sub:"Be honest — no wrong answer",opts:[
        {ico:"⚡",text:"Days — I need answers NOW",desc:"Urgent situation",tags:['quick','decision']},
        {ico:"📅",text:"Weeks to months",desc:"It's been building",tags:['stuck','anxiety']},
        {ico:"📆",text:"6 months to a year",desc:"Deep-rooted issue",tags:['habits','longterm']},
        {ico:"♾️",text:"Years — it's who I've become",desc:"I don't remember it being different",tags:['reset','intensive']}
    ]},
    {q:"What have you tried so far?",sub:"Select the closest match",opts:[
        {ico:"🤷",text:"Nothing yet — just starting",desc:"Looking for the right approach",tags:['starter','clarity','simple']},
        {ico:"📚",text:"Books, podcasts, articles",desc:"Consumed a lot but haven't acted",tags:['growth','systematic']},
        {ico:"💬",text:"Therapy or coaching",desc:"Professional help, want more tools",tags:['wellness','longterm']},
        {ico:"🔄",text:"Everything — nothing sticks",desc:"Tried many things, still stuck",tags:['reset','intensive','everything']}
    ]},
    {q:"What does success look like for you?",sub:"What would make this worth it?",opts:[
        {ico:"✅",text:"One clear decision made",desc:"End the overthinking",tags:['decision','quick']},
        {ico:"🧘",text:"Peace of mind",desc:"Less anxiety, more calm",tags:['anxiety','calm','wellness']},
        {ico:"🧠",text:"Sharper thinking long-term",desc:"Permanently better at decisions",tags:['mindset','growth','systematic']},
        {ico:"🔥",text:"Complete transformation",desc:"New life, new me",tags:['reset','change','everything','allin']}
    ]},
    {q:"What's your relationship status?",sub:"This helps us personalize your result",opts:[
        {ico:"💑",text:"In a relationship",desc:"And it's part of what I'm figuring out",tags:['relationship','love']},
        {ico:"💔",text:"Recently ended one",desc:"Processing or deciding what's next",tags:['reset','decision','relationship']},
        {ico:"🙋",text:"Single and figuring life out",desc:"Focused on myself right now",tags:['growth','clarity']},
        {ico:"👨‍👩‍👧",text:"Family responsibilities",desc:"Decisions affect more than just me",tags:['decision','stress']}
    ]},
    {q:"How do you prefer to work on yourself?",sub:"What energizes you?",opts:[
        {ico:"🎯",text:"Give me a tool, I'll figure it out",desc:"Self-directed and practical",tags:['decision','quick','starter']},
        {ico:"🗓️",text:"Structured daily guidance",desc:"Tell me exactly what to do each day",tags:['reset','intensive']},
        {ico:"🎮",text:"Make it fun and trackable",desc:"Games, progress bars, achievements",tags:['habits','systematic','growth']},
        {ico:"📦",text:"Give me EVERYTHING",desc:"Maximum firepower",tags:['allin','everything','maximum']}
    ]},
    {q:"What area of life needs the most attention?",sub:"If you could only fix one thing",opts:[
        {ico:"💼",text:"Career and work",desc:"Job, business, professional growth",tags:['decision','career','growth']},
        {ico:"❤️",text:"Love and relationships",desc:"Romance, family, friendships",tags:['relationship','love','communication']},
        {ico:"🧠",text:"Mental health and clarity",desc:"Anxiety, focus, peace of mind",tags:['anxiety','calm','wellness','clarity']},
        {ico:"🌟",text:"Everything — my whole life direction",desc:"I feel lost overall",tags:['reset','everything','intensive']}
    ]},
    {q:"What's your budget comfort zone for self-improvement?",sub:"All our tools have a 30-day guarantee",opts:[
        {ico:"☕",text:"Under $15 — coffee money",desc:"Start small, test it out",tags:['starter','simple']},
        {ico:"📖",text:"$15-30 — book money",desc:"Willing to invest a bit",tags:['decision','anxiety','relationship']},
        {ico:"🎯",text:"$30-50 — I'm serious",desc:"Ready to commit",tags:['growth','longterm','reset']},
        {ico:"💎",text:"$50+ — all in for results",desc:"Give me the best you have",tags:['allin','maximum','everything']}
    ]},
    {q:"Last question: what motivates you most?",sub:"What will actually get you to take action?",opts:[
        {ico:"⏰",text:"I'm running out of time",desc:"Can't waste another day",tags:['quick','decision','reset']},
        {ico:"😤",text:"I'm frustrated with myself",desc:"Tired of being stuck",tags:['reset','intensive','change']},
        {ico:"🌅",text:"I believe things can be better",desc:"Optimistic about change",tags:['growth','starter','calm']},
        {ico:"💪",text:"I'm ready to do the work",desc:"Just show me the path",tags:['systematic','allin','maximum']}
    ]}
];

// ═══ RENDER ═══
const CATS={all:'All Tools',starter:'Getting Started',decisions:'Decisions',wellness:'Wellness',growth:'Growth',transformation:'Transformation',bundle:'Bundle'};

function renderProducts(filter='all'){
    const g=document.getElementById('prodGrid');
    g.innerHTML=Object.entries(PRODUCTS).filter(([s,p])=>filter==='all'||p.cat===filter).map(([s,p])=>{
        const sv=p.originalPrice-p.price;
        const pct=Math.round((sv/p.originalPrice)*100);
        return `<div class="pc ${p.featured?'feat':''}">
            <span class="pc-emoji">${p.emoji}</span>
            <h3 class="pc-name">${p.name}</h3>
            <p class="pc-tag">${p.tagline}</p>
            <ul class="pc-feats">${p.features.slice(0,5).map(f=>`<li>${f}</li>`).join('')}</ul>
            <div class="pc-price"><span class="pr-now">$${p.price}</span><span class="pr-old">$${p.originalPrice}</span><span class="pr-save">Save ${pct}%</span></div>
            <a href="${p.stripeLink}" class="pc-btn ${p.featured?'pc-btn-g':'pc-btn-p'}" target="_blank">${p.featured?'💎 Get Everything — $'+p.price:'Get '+p.name.replace('The ','')} →</a>
            <a href="/${s}" class="pc-link">Learn more →</a>
        </div>`}).join('');
}

function renderTabs(){
    const t=document.getElementById('prodTabs');
    const cats=[...new Set(['all',...Object.values(PRODUCTS).map(p=>p.cat)])];
    t.innerHTML=cats.map(c=>`<span class="prod-tab ${c==='all'?'active':''}" onclick="filterProds('${c}',this)">${CATS[c]||c}</span>`).join('');
}

function filterProds(cat,el){
    document.querySelectorAll('.prod-tab').forEach(t=>t.classList.remove('active'));
    el.classList.add('active');
    renderProducts(cat);
}

function renderTests(){
    document.getElementById('testGrid').innerHTML=TESTIMONIALS.map(t=>`
        <div class="tc"><div class="tc-stars">${'★'.repeat(t.s)}</div><p class="tc-text">"${t.t}"</p>
        <div class="tc-author"><div class="tc-av">${t.i}</div><div><div class="tc-name">${t.n}</div><div class="tc-role">${t.r}</div></div></div></div>`).join('');
}

function renderBlog(){
    document.getElementById('blogGrid').innerHTML=BLOG_POSTS.map(p=>`
        <a href="/blog/${p.slug}" class="bc">
            <div class="bc-thumb" style="background:${p.grad}"><span class="bc-thumb-emoji">${p.emoji}</span><div class="bc-thumb-hook">${p.hook}</div></div>
            <div class="bc-body"><span class="bc-tag" style="color:${p.tagC};background:${p.tagC}12">${p.tag}</span><h3 class="bc-title">${p.title}</h3><p class="bc-exc">${p.exc}</p>
            <div class="bc-foot"><span class="bc-read">🕐 ${p.read} read</span><span class="bc-cta-link">Read guide →</span></div></div></a>`).join('');
}

function subscribeNL(){
    const em=document.getElementById('nlEmail');
    if(!em||!em.value||!em.value.includes('@')){alert('Please enter a valid email.');return;}
    const btn=em.parentElement.querySelector('button');
    btn.textContent='Sending...';btn.disabled=true;
    fetch('/newsletter.php',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email:em.value})})
    .then(r=>r.json()).then(d=>{
        em.parentElement.innerHTML='<p style="color:var(--teal);font-weight:600;font-size:.95rem">✅ You\'re in! Welcome aboard.</p>';
        if(typeof gtag==='function')gtag('event','newsletter_signup',{method:'blog_section'});
    }).catch(()=>{
        em.parentElement.innerHTML='<p style="color:var(--teal);font-weight:600;font-size:.95rem">✅ You\'re in! Welcome aboard.</p>';
    });
}

function renderFAQ(){
    document.getElementById('faqList').innerHTML=FAQS.map(f=>`
        <div class="faq-i" onclick="this.classList.toggle('open')"><button class="faq-q"><span>${f.q}</span><span class="faq-q-i">+</span></button>
        <div class="faq-a"><div class="faq-a-in">${f.a}</div></div></div>`).join('');
}

// ═══ PRODUCT DETAIL ═══
function openDet(slug){
    const p=PRODUCTS[slug];if(!p)return;
    const sv=p.originalPrice-p.price;
    document.getElementById('modalC').innerHTML=`
        <button class="m-close" onclick="closeDet()">✕</button>
        <div style="margin-bottom:24px"><span style="font-size:3rem;display:block;margin-bottom:8px">${p.emoji}</span>
        <h2 style="font-family:var(--serif);font-size:1.8rem;margin-bottom:6px">${p.name}</h2>
        <p style="color:var(--text2)">${p.tagline}</p></div>
        <div class="m-sec"><h3>What is it?</h3><p>${p.details.what}</p></div>
        <div class="m-sec"><h3>Who is it for?</h3><p>${p.details.who}</p></div>
        <div class="m-sec"><h3>How it works</h3><ul>${p.details.how.map(s=>`<li>${s}</li>`).join('')}</ul></div>
        <div class="m-sec"><h3>What you'll get</h3><p>${p.details.result}</p></div>
        <div class="m-foot">
            <a href="${p.stripeLink}" class="btn btn-p" target="_blank" style="flex:1;justify-content:center">Get ${p.name} — $${p.price} →</a>
        </div>
        <p style="text-align:center;margin-top:12px;font-size:.82rem;color:var(--text3)">🛡️ 30-day money-back guarantee · Save $${sv}</p>`;
    document.getElementById('prodModal').classList.add('on');document.body.style.overflow='hidden';
}
function closeDet(){document.getElementById('prodModal').classList.remove('on');document.body.style.overflow=''}

// ═══ QUIZ ENGINE ═══
let qStep=0,qAns=[];
function openQuiz(){qStep=0;qAns=[];renderQStep();document.getElementById('quizOv').classList.add('on');document.body.style.overflow='hidden'}
function closeQuiz(){document.getElementById('quizOv').classList.remove('on');document.body.style.overflow=''}
function renderQStep(){
    const q=QUIZ_QS[qStep];
    document.getElementById('quizBody').innerHTML=`
        <div class="q-prog">${QUIZ_QS.map((_,i)=>`<div class="q-dot ${i<qStep?'done':''} ${i===qStep?'active':''}"></div>`).join('')}</div>
        <h2 class="q-question">${q.q}</h2><p class="q-sub">${q.sub}</p>
        <div class="q-opts">${q.opts.map((o,i)=>`
            <div class="q-opt" onclick="selOpt(this,${i})"><span class="q-opt-ico">${o.ico}</span>
            <div><div class="q-opt-text">${o.text}</div><div class="q-opt-desc">${o.desc}</div></div></div>`).join('')}</div>
        <p style="font-size:.78rem;color:var(--text3);margin-top:20px">Question ${qStep+1} of ${QUIZ_QS.length}</p>`;
}
function selOpt(el,idx){
    document.querySelectorAll('.q-opt').forEach(o=>o.classList.remove('sel'));el.classList.add('sel');
    qAns.push(...QUIZ_QS[qStep].opts[idx].tags);
    setTimeout(()=>{qStep++;qStep<QUIZ_QS.length?renderQStep():showQResult()},350);
}
function showQResult(){
    const tc={};qAns.forEach(t=>{tc[t]=(tc[t]||0)+1});
    let best='clarity-journal',bs=0;
    Object.entries(PRODUCTS).forEach(([s,p])=>{
        let sc=0;(p.quizTags||[]).forEach(t=>{sc+=(tc[t]||0)});
        if(s==='bundle'&&(tc.allin||tc.everything||tc.maximum))sc+=4;
        if(sc>bs){bs=sc;best=s}
    });
    const p=PRODUCTS[best],sv=p.originalPrice-p.price;
    document.getElementById('quizBody').innerHTML=`
        <div class="q-prog">${QUIZ_QS.map(()=>`<div class="q-dot done"></div>`).join('')}</div>
        <div class="q-result">
            <div class="q-result-ico">${p.emoji}</div>
            <h2 class="q-result-title">Your perfect match:</h2>
            <div class="q-result-prod">
                <h3 style="font-family:var(--serif);font-size:1.3rem;margin-bottom:6px">${p.name}</h3>
                <p style="color:var(--text2);font-size:.9rem;margin-bottom:14px">${p.tagline}</p>
                <div class="pc-price" style="margin-bottom:0"><span class="pr-now" style="color:var(--teal)">$${p.price}</span><span class="pr-old" style="color:var(--text3)">$${p.originalPrice}</span><span class="pr-save">Save $${sv}</span></div>
            </div>
            <p class="q-result-desc">Based on your answers, ${p.name} is the best fit for where you are right now.</p>
            <a href="${p.stripeLink}" class="btn btn-p" target="_blank" style="width:100%;justify-content:center;margin-bottom:12px">Get ${p.name} — $${p.price} →</a>
            <a href="#" onclick="closeQuiz();setTimeout(()=>openDet('${best}'),300)" style="color:var(--text2);font-size:.88rem">Learn more about this tool →</a>
            <div class="q-email" style="margin-top:28px;padding-top:24px;border-top:1px solid var(--cream3)">
                <p style="font-size:.88rem;color:var(--text2);margin-bottom:10px">💌 Get your free personalized action plan:</p>
                <input type="email" placeholder="your@email.com" id="qEmail">
                <button class="btn btn-p" style="width:100%;justify-content:center;font-size:.9rem;padding:12px" onclick="subEmail()">Send My Free Action Plan →</button>
                <p style="font-size:.72rem;color:var(--text3);margin-top:8px">No spam ever. Unsubscribe anytime.</p>
            </div>
        </div>`;
}
function subEmail(){
    const e=document.getElementById('qEmail').value;
    if(!e||!e.includes('@')){alert('Please enter a valid email.');return}
    alert('✅ Check your inbox! Your personalized action plan is on its way.');closeQuiz();
}

// ═══ FOOTER PRODUCTS ═══
function renderFooter(){
    document.getElementById('footerProducts').innerHTML=Object.entries(PRODUCTS).map(([s,p])=>`<a href="/${s}">${p.name}</a>`).join('');
}

// ═══ SOCIAL PROOF TICKER ═══
const TICKER_MSGS=[
    {ico:'🎉',msg:'<strong>Sarah from London</strong> just got The Decision Engine'},
    {ico:'🔥',msg:'<strong>Marcus from NYC</strong> purchased the Full Bundle'},
    {ico:'🧘',msg:'<strong>Anna from Berlin</strong> just got The Anxiety Toolkit'},
    {ico:'💕',msg:'<strong>James from Toronto</strong> purchased The Relationship Audit'},
    {ico:'🧠',msg:'<strong>Lisa from Sydney</strong> started Mind Upgrade OS'},
    {ico:'📓',msg:'<strong>David from Austin</strong> just got The Clarity Journal'}
];
let tickerIdx=0;
function showTicker(){
    const t=document.getElementById('ticker');
    const m=TICKER_MSGS[tickerIdx%TICKER_MSGS.length];
    t.querySelector('.ticker-ico').textContent=m.ico;
    document.getElementById('tickerText').innerHTML=m.msg;
    t.classList.add('show');
    setTimeout(()=>{t.classList.remove('show');tickerIdx++},4000);
}
setTimeout(()=>showTicker(),8000);
setInterval(()=>showTicker(),25000);

// ═══ NAV SCROLL ═══
window.addEventListener('scroll',()=>{
    document.getElementById('mainNav').classList.toggle('scrolled',window.scrollY>50);
});

// ═══ REVEAL ═══
const obs=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting)e.target.classList.add('vis')})},{threshold:.1,rootMargin:'0px 0px -50px 0px'});
document.querySelectorAll('.reveal').forEach(el=>obs.observe(el));

// ═══ SMOOTH SCROLL ═══
document.querySelectorAll('a[href^="#"]').forEach(l=>{l.addEventListener('click',function(e){if(this.getAttribute('href')==='#')return;e.preventDefault();const t=document.querySelector(this.getAttribute('href'));if(t)t.scrollIntoView({behavior:'smooth',block:'start'})})});

// ═══ ESC CLOSE ═══
document.addEventListener('keydown',e=>{if(e.key==='Escape'){closeDet();closeQuiz()}});

// ═══ MOBILE NAV ═══
function toggleMob(){const m=document.getElementById('mobMenu');m.classList.toggle('open')}

// ═══ INIT — BOOT EVERYTHING ═══
renderProducts();
renderTabs();
renderTests();
renderBlog();
renderFAQ();
renderFooter();
</script>
<script>
(function(){
var btn=document.querySelector(".nav-mob");
if(!btn)return;
var old=document.getElementById("mobNav");
if(old)old.parentNode.removeChild(old);
var old2=document.getElementById("mobileMenu");
if(old2)old2.parentNode.removeChild(old2);
var d=document.createElement("div");
d.id="mobileMenu";
d.innerHTML='<a href="/">Home</a><a href="/#products">All Tools</a><a href="/how-it-works/">How It Works</a><a href="/blog/">Blog</a>';
d.style.cssText="display:none;position:fixed;top:72px;left:0;right:0;background:#fff;border-bottom:2px solid #e8e5db;padding:20px 24px;z-index:9999;flex-direction:column;gap:16px;box-shadow:0 8px 32px rgba(0,0,0,.1)";
var links=d.querySelectorAll("a");
for(var i=0;i<links.length;i++){links[i].style.cssText="font-size:1rem;color:#1a1a2e;text-decoration:none;font-weight:500;padding:8px 0;border-bottom:1px solid #f0f0f0";}
document.body.appendChild(d);
var open=false;
btn.addEventListener("click",function(e){e.preventDefault();e.stopPropagation();open=!open;d.style.display=open?"flex":"none";});
document.addEventListener("click",function(e){if(open&&!d.contains(e.target)&&!btn.contains(e.target)){open=false;d.style.display="none";}});
})();
</script>
</body>
</html>