{"id":249501,"date":"2025-06-08T14:48:37","date_gmt":"2025-06-08T12:48:37","guid":{"rendered":"https:\/\/positiveaffirmationscenter.com\/?page_id=249501"},"modified":"2026-05-17T14:37:05","modified_gmt":"2026-05-17T12:37:05","slug":"home-2","status":"publish","type":"page","link":"https:\/\/positiveaffirmationscenter.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!-- POSITIVE AFFIRMATIONS CENTER \u00b7 3D Homepage \u00b7 Paste into WordPress \"Custom HTML\" block -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&#038;family=Montserrat:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<script src=\"https:\/\/unpkg.com\/three@0.160.0\/build\/three.min.js\"><\/script>\n\n<style>\n@scope (.pac-zen) {\n\n  :root{\n    --bg-calm:#F4F5F4;\n    --bg-warm:#EEEAE2;\n    --text-main:#0E1110;\n    --text-light:#2A2F2C;\n    --sage:#6B8E7D;\n    --sage-deep:#4F7264;\n    --sand:#C5B5A1;\n    --sand-soft:#E2D7C6;\n    --white:#FFFFFF;\n    --border-soft:#D5D9D5;\n    --shadow-soft:0 14px 40px -16px rgba(31,40,36,.22);\n    --shadow-lift:0 30px 60px -22px rgba(31,40,36,.35);\n  }\n  *{box-sizing:border-box}\n  html,body{margin:0;padding:0}\n.pac-zen{\n    font-family:'Montserrat',sans-serif;\n    color:var(--text-main);\n    background:var(--bg-calm);\n    line-height:1.7;\n    overflow-x:hidden;\n    -webkit-font-smoothing:antialiased;\n  }\n  h1,h2,h3,h4{\n    font-family:'Cormorant Garamond',serif;\n    font-weight:600;\n    color:var(--text-main);\n    margin:0 0 14px;\n    letter-spacing:-.01em;\n  }\n  a{color:inherit}\n  img{max-width:100%;display:block}\n\n  .container{max-width:1240px;margin:0 auto;padding:0 28px}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .nav{\n    position:fixed;inset:0 0 auto 0;z-index:50;\n    display:flex;align-items:center;justify-content:space-between;\n    padding:18px 36px;\n    backdrop-filter:blur(14px);\n    -webkit-backdrop-filter:blur(14px);\n    background:rgba(244,245,244,.55);\n    border-bottom:1px solid rgba(213,217,213,.5);\n  }\n  .nav-brand{\n    font-family:'Cormorant Garamond',serif;\n    font-size:1.35rem;font-weight:600;\n    display:flex;align-items:center;gap:12px;\n  }\n  .nav-mark{\n    width:32px;height:32px;border-radius:50%;\n    background:radial-gradient(circle at 30% 30%,#A5C0B2,var(--sage) 60%,var(--sage-deep));\n    box-shadow:inset 0 0 12px rgba(255,255,255,.4),0 4px 12px rgba(79,114,100,.4);\n    animation:breathe 5s ease-in-out infinite;\n  }\n  @keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}\n  .nav-links{display:flex;gap:30px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500}\n  .nav-links a{text-decoration:none;color:var(--text-main);opacity:.75;transition:opacity .25s}\n  .nav-links a:hover{opacity:1;color:var(--sage-deep)}\n  @media (max-width:720px){.nav-links{display:none}}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .btn{\n    display:inline-flex;align-items:center;gap:10px;\n    padding:15px 30px;font:700 .85rem 'Montserrat',sans-serif;\n    text-transform:uppercase;letter-spacing:.12em;text-decoration:none;\n    border:1.5px solid var(--sage);border-radius:999px;\n    transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .25s,color .25s;\n    cursor:pointer;\n    color:#181C1A !important;\n  }\n  .btn-solid{background:#4F7264 !important;color:#FFFFFF !important;border-color:#4F7264 !important;box-shadow:0 14px 30px -14px rgba(79,114,100,.7)}\n  .btn-solid:hover{transform:translateY(-3px);box-shadow:0 22px 40px -16px rgba(79,114,100,.9);background:#3B5A4D !important;border-color:#3B5A4D !important;color:#FFFFFF !important}\n  .btn-outline{background:#FFFFFF !important;color:#181C1A !important;border-color:#181C1A !important}\n  .btn-outline:hover{background:#181C1A !important;color:#FFFFFF !important;border-color:#181C1A !important;transform:translateY(-3px)}\n  .btn i{font-size:.8rem;transition:transform .3s}\n  .btn:hover i{transform:translateX(4px)}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .hero{\n    position:relative;\n    min-height:90vh;\n    display:flex;align-items:center;\n    overflow:hidden;\n    padding:60px 0 80px;\n  }\n  #orbCanvas{\n    position:absolute;inset:0;\n    width:100%;height:100%;\n    z-index:1;\n    pointer-events:none;\n    opacity:1;\n  }\n  .hero-grain{\n    position:absolute;inset:0;z-index:0;\n    background:\n      radial-gradient(ellipse 60% 50% at 20% 30%, rgba(197,181,161,.18), transparent 60%),\n      radial-gradient(ellipse 50% 60% at 85% 70%, rgba(107,142,125,.18), transparent 65%);\n    pointer-events:none;\n  }\n  .hero-inner{position:relative;z-index:2;width:100%}\n  .hero-grid{\n    display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;\n  }\n  @media (max-width:900px){.hero-grid{grid-template-columns:1fr;text-align:center}}\n\n  .eyebrow{\n    display:inline-flex;align-items:center;gap:10px;\n    font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;\n    color:var(--sage-deep);font-weight:500;\n    margin-bottom:22px;\n  }\n  .eyebrow::before{content:\"\";width:32px;height:1px;background:var(--sage-deep)}\n  .hero-title{\n    font-size:clamp(2.6rem,5.6vw,4.6rem);\n    line-height:1.02;\n    letter-spacing:-.02em;\n    margin-bottom:24px;\n  }\n  .hero-title em{\n    font-style:italic;font-weight:500;\n    background:linear-gradient(120deg,var(--sage-deep),var(--sand) 70%,var(--sage));\n    -webkit-background-clip:text;background-clip:text;color:transparent;\n  }\n  .hero-sub{\n    font-size:1.12rem;color:var(--text-light);\n    margin-bottom:32px;max-width:520px;\n    font-weight:400;\n  }\n  @media (max-width:900px){.hero-sub{margin-left:auto;margin-right:auto}}\n  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap}\n  @media (max-width:900px){.hero-ctas{justify-content:center}}\n\n  \/* 3D scene container *\/\n  .scene-3d{\n    position:relative;\n    height:560px;\n    perspective:1400px;\n    perspective-origin:50% 50%;\n  }\n  .scene-card{\n    position:absolute;\n    background:rgba(255,255,255,.78);\n    backdrop-filter:blur(18px);\n    -webkit-backdrop-filter:blur(18px);\n    border:1px solid rgba(255,255,255,.7);\n    box-shadow:var(--shadow-soft);\n    border-radius:24px;\n    transform-style:preserve-3d;\n    transition:transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .4s;\n    will-change:transform;\n  }\n  .scene-card .lbl{\n    font-family:'Cormorant Garamond',serif;\n    font-style:italic;font-size:1.15rem;color:var(--text-main);\n    padding:18px 22px;line-height:1.3;\n  }\n  .scene-card .lbl small{\n    display:block;font-family:'Montserrat';font-style:normal;\n    font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;\n    color:var(--sage-deep);margin-bottom:8px;font-weight:500;\n  }\n\n  .card-a{\n    top:6%;left:8%;width:230px;\n    transform:translateZ(60px) rotateY(-14deg) rotateX(8deg);\n    animation:floatA 7s ease-in-out infinite;\n  }\n  .card-b{\n    top:38%;right:4%;width:260px;\n    transform:translateZ(120px) rotateY(15deg) rotateX(-6deg);\n    animation:floatB 9s ease-in-out infinite;\n  }\n  .card-c{\n    bottom:6%;left:18%;width:240px;\n    transform:translateZ(20px) rotateY(-6deg) rotateX(10deg);\n    animation:floatC 8s ease-in-out infinite;\n  }\n  @keyframes floatA{0%,100%{transform:translate3d(0,0,60px) rotateY(-14deg) rotateX(8deg)}50%{transform:translate3d(8px,-18px,60px) rotateY(-10deg) rotateX(6deg)}}\n  @keyframes floatB{0%,100%{transform:translate3d(0,0,120px) rotateY(15deg) rotateX(-6deg)}50%{transform:translate3d(-10px,14px,120px) rotateY(18deg) rotateX(-4deg)}}\n  @keyframes floatC{0%,100%{transform:translate3d(0,0,20px) rotateY(-6deg) rotateX(10deg)}50%{transform:translate3d(6px,-12px,20px) rotateY(-9deg) rotateX(8deg)}}\n\n  \/* Central orb (CSS layered glow on top of the canvas particles) *\/\n  .scene-orb{\n    position:absolute;top:50%;left:50%;\n    width:300px;height:300px;\n    margin:-150px 0 0 -150px;\n    border-radius:50%;\n    background:\n      radial-gradient(circle at 35% 30%, rgba(255,255,255,.9), rgba(255,255,255,0) 40%),\n      radial-gradient(circle at 50% 50%, #BFD5C8 0%, #6B8E7D 45%, #3B5A4D 85%);\n    box-shadow:\n      inset 0 0 60px rgba(255,255,255,.35),\n      inset -30px -30px 80px rgba(0,0,0,.25),\n      0 30px 80px -10px rgba(79,114,100,.45),\n      0 0 140px 20px rgba(107,142,125,.25);\n    animation:orbFloat 6s ease-in-out infinite;\n    transform-style:preserve-3d;\n  }\n  .scene-orb::before{\n    content:\"\";position:absolute;inset:-30px;border-radius:50%;\n    background:conic-gradient(from 0deg,transparent,rgba(197,181,161,.5),transparent 30%,transparent);\n    filter:blur(20px);opacity:.7;\n    animation:orbRing 14s linear infinite;\n  }\n  .scene-orb::after{\n    content:\"\";position:absolute;inset:-60px;border-radius:50%;\n    border:1px dashed rgba(107,142,125,.35);\n    animation:orbRing 30s linear infinite reverse;\n  }\n  @keyframes orbFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(2deg)}}\n  @keyframes orbRing{to{transform:rotate(360deg)}}\n\n  \/* scroll indicator *\/\n  .scroll-cue{\n    position:absolute;bottom:30px;left:50%;transform:translateX(-50%);\n    z-index:3;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;\n    color:var(--text-light);display:flex;flex-direction:column;align-items:center;gap:10px;\n    opacity:.7;\n  }\n  .scroll-cue::after{\n    content:\"\";width:1px;height:40px;background:var(--text-light);\n    animation:cueLine 2s ease-in-out infinite;transform-origin:top;\n  }\n  @keyframes cueLine{0%,100%{transform:scaleY(0)}50%{transform:scaleY(1)}}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 MARQUEE \/ CATEGORIES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .marquee{\n    background:var(--text-main);color:#fff;\n    padding:22px 0;overflow:hidden;position:relative;\n  }\n  .marquee-track{\n    display:flex;gap:60px;width:max-content;\n    animation:slide 36s linear infinite;\n    font-family:'Cormorant Garamond',serif;font-style:italic;\n    font-size:1.6rem;align-items:center;white-space:nowrap;\n  }\n  .marquee-track span{display:flex;align-items:center;gap:60px;color:rgba(255,255,255,.85)}\n  .marquee-track .dot{width:6px;height:6px;border-radius:50%;background:var(--sand)}\n  @keyframes slide{to{transform:translateX(-50%)}}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SECTION GENERIC \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  section.block{padding:120px 0;position:relative}\n  .block-header{text-align:center;max-width:780px;margin:0 auto 70px}\n  .block-header h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.1;margin-bottom:18px}\n  .block-header p{color:var(--text-light);font-size:1.08rem;max-width:600px;margin:0 auto}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 VIDEO SECTION (key feature) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .videos-section{\n    background:linear-gradient(180deg,var(--bg-calm) 0%,var(--bg-warm) 100%);\n    position:relative;overflow:hidden;\n  }\n  .videos-section::before{\n    content:\"\";position:absolute;top:-200px;right:-200px;width:600px;height:600px;\n    background:radial-gradient(circle,rgba(107,142,125,.18),transparent 65%);\n    pointer-events:none;\n  }\n  .videos-section::after{\n    content:\"\";position:absolute;bottom:-200px;left:-200px;width:600px;height:600px;\n    background:radial-gradient(circle,rgba(197,181,161,.25),transparent 65%);\n    pointer-events:none;\n  }\n\n  \/* Featured player *\/\n  .video-stage{\n    position:relative;perspective:1800px;\n    max-width:1100px;margin:0 auto;\n  }\n  .video-featured{\n    position:relative;\n    aspect-ratio:16\/9;\n    border-radius:24px;overflow:hidden;\n    transform-style:preserve-3d;\n    box-shadow:var(--shadow-lift);\n    transition:transform .6s cubic-bezier(.2,.8,.2,1);\n    background:#000;\n  }\n  .video-featured iframe{width:100%;height:100%;border:0;display:block}\n  .video-featured-cap{\n    position:absolute;left:30px;bottom:24px;z-index:2;\n    color:#fff;font-family:'Cormorant Garamond',serif;font-style:italic;\n    font-size:1.6rem;text-shadow:0 4px 18px rgba(0,0,0,.5);\n    pointer-events:none;\n    padding-right:30px;\n  }\n  .video-featured-cap small{\n    display:block;font-family:'Montserrat';font-style:normal;\n    font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;\n    color:rgba(255,255,255,.85);font-weight:500;margin-bottom:6px;\n  }\n\n  \/* Thumb row (selector) *\/\n  .video-thumbs{\n    display:grid;grid-template-columns:repeat(auto-fit, minmax(220px,1fr));gap:18px;\n    margin-top:36px;\n  }\n  @media (max-width:520px){.video-thumbs{grid-template-columns:1fr 1fr;gap:14px}}\n  .video-thumb{\n    position:relative;cursor:pointer;\n    aspect-ratio:16\/9;\n    border-radius:14px;overflow:hidden;\n    transform-style:preserve-3d;\n    transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s;\n    box-shadow:var(--shadow-soft);\n    border:2px solid transparent;\n  }\n  .video-thumb img{\n    width:100%;height:100%;object-fit:cover;\n    transition:transform .8s ease;\n  }\n  .video-thumb:hover{transform:translateY(-6px) rotateX(4deg);box-shadow:var(--shadow-lift)}\n  .video-thumb:hover img{transform:scale(1.06)}\n  .video-thumb.active{border-color:var(--sage)}\n  .video-thumb .ov{\n    position:absolute;inset:0;\n    background:linear-gradient(180deg,rgba(26,29,28,0) 35%,rgba(26,29,28,.9));\n    display:flex;flex-direction:column;justify-content:flex-end;\n    padding:12px 14px;\n  }\n  .video-thumb .ov .ttl{\n    color:#fff;font-family:'Cormorant Garamond',serif;font-style:italic;\n    font-size:.95rem;line-height:1.25;\n  }\n  .video-thumb .ov .meta{\n    font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;\n    color:rgba(255,255,255,.85);font-weight:600;margin-bottom:4px;\n  }\n  .video-thumb .play{\n    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);\n    width:54px;height:54px;border-radius:50%;\n    background:rgba(255,255,255,.92);\n    display:flex;align-items:center;justify-content:center;\n    color:var(--sage-deep);font-size:1rem;\n    transition:transform .3s, background .3s;\n  }\n  .video-thumb:hover .play{transform:translate(-50%,-50%) scale(1);background:#fff}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 HEART PARTICLE SCENE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .heart-section{\n    background:\n      radial-gradient(ellipse 60% 70% at 50% 40%, rgba(217,168,154,.18), transparent 60%),\n      var(--bg-calm);\n    overflow:hidden;\n    padding:90px 0 120px;\n  }\n  .heart-stage{\n    position:relative;\n    max-width:1000px;margin:0 auto;\n    aspect-ratio:16\/10;\n    border-radius:24px;\n    background:\n      radial-gradient(ellipse 70% 80% at 50% 50%, rgba(255,255,255,.55), rgba(255,255,255,0) 70%),\n      linear-gradient(160deg, #F7F2EC 0%, #E9EFE8 100%);\n    box-shadow: var(--shadow-soft);\n    overflow:hidden;\n    cursor:crosshair;\n  }\n  .heart-stage::before{\n    content:\"\";position:absolute;inset:0;\n    background:\n      radial-gradient(circle at 80% 20%, rgba(197,181,161,.22), transparent 55%),\n      radial-gradient(circle at 20% 80%, rgba(107,142,125,.22), transparent 55%);\n    pointer-events:none;\n  }\n  #heartCanvas{\n    position:absolute;inset:0;width:100%;height:100%;display:block;\n  }\n  .heart-hint{\n    position:absolute;left:50%;bottom:20px;transform:translateX(-50%);\n    font-family:'Cormorant Garamond',serif;font-style:italic;\n    color:var(--text-light);font-size:.95rem;\n    pointer-events:none;letter-spacing:.05em;\n    opacity:.7;\n  }\n  @media (max-width:720px){\n    .heart-stage{aspect-ratio:1\/1}\n    .heart-hint{font-size:.85rem;bottom:14px}\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SANCTUARY \/ AFFIRMATION + BREATH \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .sanctuary-section{\n    background:var(--bg-warm);\n    position:relative;overflow:hidden;\n  }\n  .sanctuary-section::before{\n    content:\"\";position:absolute;top:10%;right:-200px;width:500px;height:500px;\n    background:radial-gradient(circle,rgba(107,142,125,.15),transparent 65%);pointer-events:none;\n  }\n  .sanctuary-grid{\n    display:grid;grid-template-columns:1fr 1fr;gap:32px;\n    align-items:stretch;\n  }\n  @media (max-width:880px){.sanctuary-grid{grid-template-columns:1fr;gap:24px}}\n\n  \/* Affirmation generator *\/\n  .aff-card{\n    position:relative;\n    background:#fff !important;border:1px solid var(--border-soft);\n    border-radius:24px;padding:48px 44px;\n    box-shadow:var(--shadow-soft);\n    display:flex;flex-direction:column;\n    overflow:hidden;\n    min-height:420px;\n  }\n  .aff-card::before{\n    content:\"\";position:absolute;top:-100px;right:-100px;width:280px;height:280px;border-radius:50%;\n    background:radial-gradient(circle,rgba(197,181,161,.35),transparent 70%);\n    pointer-events:none;\n  }\n  .aff-eyebrow{\n    font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;\n    color:var(--sage-deep);font-weight:600;\n    margin-bottom:18px;display:flex;align-items:center;gap:10px;\n  }\n  .aff-eyebrow::before{content:\"\";width:24px;height:1px;background:var(--sage-deep)}\n  .aff-card h3{\n    font-family:'Cormorant Garamond',serif;font-weight:600;\n    font-size:1.7rem;line-height:1.15;margin:0 0 14px;\n  }\n  .aff-quote-wrap{\n    flex:1;display:flex;align-items:center;justify-content:center;\n    padding:30px 0;position:relative;z-index:1;\n    min-height:130px;\n  }\n  .aff-quote{\n    font-family:'Cormorant Garamond',serif;\n    font-style:italic;font-weight:500;\n    font-size:clamp(1.4rem,2.2vw,1.8rem);\n    line-height:1.35;text-align:center;\n    color:var(--text-main);\n    opacity:1;transition:opacity .4s ease, transform .5s cubic-bezier(.2,.8,.2,1);\n    padding:0 10px;\n  }\n  .aff-quote.swap{opacity:0;transform:translateY(14px)}\n  .aff-quote::before,.aff-quote::after{\n    content:\"\\201C\";font-family:'Cormorant Garamond',serif;font-style:italic;\n    color:var(--sand);font-size:2.4rem;line-height:0;vertical-align:-.4em;margin-right:4px;\n  }\n  .aff-quote::after{content:\"\\201D\";margin:0 0 0 4px}\n  .aff-actions{display:flex;gap:12px;justify-content:center;margin-top:auto;flex-wrap:wrap}\n  .aff-pill{\n    display:inline-flex;align-items:center;gap:8px;\n    padding:12px 22px;border-radius:999px;\n    border:1.5px solid #181C1A;background:#FFFFFF !important;\n    font:700 .74rem 'Montserrat',sans-serif;\n    letter-spacing:.16em;text-transform:uppercase;color:#181C1A !important;\n    cursor:pointer;transition:all .3s;\n  }\n  .aff-pill:hover{border-color:#4F7264;color:#3B5A4D !important;transform:translateY(-2px)}\n  .aff-pill.primary{background:#4F7264 !important;color:#FFFFFF !important;border-color:#4F7264;box-shadow:0 10px 26px -12px rgba(79,114,100,.6)}\n  .aff-pill.primary:hover{background:#3B5A4D !important;border-color:#3B5A4D;color:#FFFFFF !important}\n  .aff-pill i{font-size:.78rem}\n  .aff-cat{\n    display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px;position:relative;z-index:1;\n  }\n  .aff-tag{\n    font:700 .7rem 'Montserrat',sans-serif;\n    letter-spacing:.14em;text-transform:uppercase;\n    padding:8px 14px;border-radius:999px;\n    border:1.5px solid #D5D9D5;background:#FFFFFF !important;\n    color:#181C1A !important;cursor:pointer;transition:all .25s;\n  }\n  .aff-tag:hover{border-color:#4F7264;color:#3B5A4D !important}\n  .aff-tag.active{background:#181C1A !important;color:#FFFFFF !important;border-color:#181C1A}\n\n  \/* Breathing widget *\/\n  .breath-card{\n    position:relative;\n    background:linear-gradient(160deg,#2A3530 0%,#1A1D1C 100%) !important;\n    color:#fff !important;\n    border-radius:24px;padding:48px 44px;\n    overflow:hidden;\n    display:flex;flex-direction:column;align-items:center;\n    min-height:420px;\n    box-shadow:var(--shadow-lift);\n  }\n  .breath-card::before{\n    content:\"\";position:absolute;inset:-1px;border-radius:24px;\n    background:radial-gradient(ellipse 70% 60% at 50% 30%, rgba(107,142,125,.35), transparent 60%);\n    pointer-events:none;\n  }\n  .breath-eyebrow{\n    font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;\n    color:var(--sand);font-weight:600;margin-bottom:18px;\n    display:flex;align-items:center;gap:10px;position:relative;z-index:1;\n  }\n  .breath-eyebrow::before{content:\"\";width:24px;height:1px;background:var(--sand)}\n  .breath-card h3{\n    font-family:'Cormorant Garamond',serif;font-weight:600;\n    font-size:1.7rem;line-height:1.15;margin:0 0 8px;color:#fff !important;\n    position:relative;z-index:1;\n  }\n  .breath-sub{\n    color:rgba(255,255,255,.78) !important;font-size:.92rem;margin:0 0 24px;\n    text-align:center;max-width:300px;position:relative;z-index:1;\n  }\n  .breath-stage{\n    position:relative;width:220px;height:220px;\n    display:flex;align-items:center;justify-content:center;\n    margin:6px 0 22px;flex-shrink:0;\n  }\n  .breath-orb{\n    width:120px;height:120px;border-radius:50%;\n    background:\n      radial-gradient(circle at 35% 30%, rgba(255,255,255,.7), rgba(255,255,255,0) 50%),\n      radial-gradient(circle at 50% 50%, #C8DCD2 0%, #6B8E7D 55%, #2E4A40 100%);\n    box-shadow:\n      inset 0 0 30px rgba(255,255,255,.3),\n      0 0 50px rgba(107,142,125,.5);\n    transition:transform 4s cubic-bezier(.5,.0,.5,1), box-shadow 4s ease;\n    will-change:transform;\n  }\n  .breath-stage::before{\n    content:\"\";position:absolute;inset:0;border-radius:50%;\n    border:1px solid rgba(255,255,255,.12);\n    pointer-events:none;\n  }\n  .breath-stage::after{\n    content:\"\";position:absolute;inset:24px;border-radius:50%;\n    border:1px dashed rgba(255,255,255,.18);\n    pointer-events:none;\n  }\n  .breath-label{\n    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n    font-family:'Cormorant Garamond',serif;font-style:italic;\n    color:#fff;font-size:1.2rem;letter-spacing:.05em;\n    text-shadow:0 2px 8px rgba(0,0,0,.4);\n    pointer-events:none;\n  }\n  .breath-counter{\n    position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);\n    font:600 .7rem 'Montserrat',sans-serif;letter-spacing:.3em;\n    color:rgba(255,255,255,.55);text-transform:uppercase;\n    white-space:nowrap;\n  }\n  .breath-controls{display:flex;gap:12px;margin-top:auto;position:relative;z-index:1}\n  .breath-btn{\n    display:inline-flex;align-items:center;gap:10px;\n    padding:12px 24px;border-radius:999px;\n    background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.45);\n    color:#FFFFFF !important;cursor:pointer;\n    font:700 .74rem 'Montserrat',sans-serif;letter-spacing:.16em;text-transform:uppercase;\n    transition:all .3s;\n  }\n  .breath-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);color:#FFFFFF !important}\n  .breath-btn.primary{background:#C5B5A1 !important;color:#181C1A !important;border-color:#C5B5A1}\n  .breath-btn.primary:hover{background:#B0A089 !important;color:#181C1A !important;border-color:#B0A089}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 ABOUT \/ FOUNDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .about-section{\n    background:var(--bg-calm);\n    position:relative;overflow:hidden;\n  }\n  .about-grid{\n    display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;\n    max-width:1100px;margin:0 auto;\n  }\n  @media (max-width:880px){.about-grid{grid-template-columns:1fr;gap:40px;text-align:center}}\n  .about-portrait{\n    position:relative;aspect-ratio:4\/5;\n    border-radius:24px;overflow:hidden;\n    background:linear-gradient(160deg,var(--sand-soft),var(--sage));\n    box-shadow:var(--shadow-lift);\n    transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);\n    transition:transform .8s cubic-bezier(.2,.8,.2,1);\n  }\n  .about-portrait:hover{transform:perspective(1200px) rotateY(-1deg) rotateX(0)}\n  .about-portrait svg{position:absolute;inset:0;width:100%;height:100%}\n  .about-portrait::after{\n    content:\"\";position:absolute;inset:0;\n    background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.35),transparent 60%);\n    pointer-events:none;\n  }\n  .about-quote{\n    position:absolute;bottom:24px;left:24px;right:24px;\n    background:rgba(255,255,255,.92);backdrop-filter:blur(10px);\n    -webkit-backdrop-filter:blur(10px);\n    border-radius:14px;padding:16px 18px;\n    font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.95rem;\n    line-height:1.4;color:var(--text-main);\n  }\n  .about-quote small{\n    display:block;font-family:'Montserrat';font-style:normal;\n    font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;\n    color:var(--sage-deep);font-weight:600;margin-top:8px;\n  }\n  .about-copy .eyebrow{margin-bottom:18px}\n  .about-copy h2{font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.1;margin-bottom:20px}\n  .about-copy p{color:var(--text-light);font-size:1.05rem;line-height:1.8;margin:0 0 16px}\n  .about-sign{\n    margin-top:24px;display:flex;align-items:center;gap:14px;\n  }\n  @media (max-width:880px){.about-sign{justify-content:center}}\n  .about-sign-mark{\n    font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;\n    font-size:1.4rem;color:var(--text-main);\n  }\n  .about-sign-meta{\n    font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;\n    color:var(--text-light);font-weight:500;\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 FAQ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .faq-section{\n    background:linear-gradient(180deg,var(--bg-calm) 0%,var(--bg-warm) 100%);\n  }\n  .faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}\n  .faq-item{\n    background:#fff;border:1px solid var(--border-soft);\n    border-radius:18px;\n    overflow:hidden;\n    transition:box-shadow .3s, border-color .3s;\n  }\n  .faq-item.open{box-shadow:var(--shadow-soft);border-color:var(--sage)}\n  .faq-q{\n    width:100%;background:none;border:0;\n    text-align:left;cursor:pointer;\n    padding:22px 28px;\n    display:flex;justify-content:space-between;align-items:center;gap:20px;\n    font-family:'Cormorant Garamond',serif;font-weight:600;\n    font-size:1.2rem;color:var(--text-main);\n    line-height:1.3;\n  }\n  .faq-q .faq-icon{\n    flex-shrink:0;width:34px;height:34px;border-radius:50%;\n    background:var(--bg-warm);color:var(--sage-deep);\n    display:flex;align-items:center;justify-content:center;\n    font-size:.85rem;\n    transition:transform .4s, background .3s, color .3s;\n  }\n  .faq-item.open .faq-q .faq-icon{transform:rotate(45deg);background:var(--sage);color:#fff}\n  .faq-a{\n    max-height:0;overflow:hidden;\n    transition:max-height .5s cubic-bezier(.2,.8,.2,1);\n  }\n  .faq-a-inner{\n    padding:0 28px 24px;\n    color:var(--text-light);font-size:1rem;line-height:1.75;\n  }\n  .faq-item.open .faq-a{max-height:400px}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 BLOG \/ ARTICLES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .blog-section{\n    background:linear-gradient(180deg,var(--bg-calm) 0%,var(--bg-warm) 100%);\n    position:relative;overflow:hidden;\n  }\n  .blog-section::before{\n    content:\"\";position:absolute;top:-180px;left:-180px;width:560px;height:560px;\n    background:radial-gradient(circle,rgba(107,142,125,.15),transparent 65%);pointer-events:none;\n  }\n  .blog-grid{\n    display:grid;grid-template-columns:repeat(3,1fr);gap:28px;\n    perspective:1500px;\n  }\n  @media (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr;gap:22px}}\n  @media (max-width:620px){.blog-grid{grid-template-columns:1fr}}\n  .blog-card{\n    position:relative;\n    background:#fff;\n    border:1px solid var(--border-soft);\n    border-radius:20px;\n    overflow:hidden;\n    text-decoration:none;color:inherit;\n    display:flex;flex-direction:column;\n    transform-style:preserve-3d;\n    transition:transform .55s cubic-bezier(.2,.8,.2,1), box-shadow .45s, border-color .35s;\n    box-shadow:var(--shadow-soft);\n  }\n  .blog-card:hover{\n    transform:translateY(-8px) rotateX(2deg);\n    box-shadow:var(--shadow-lift);\n    border-color:var(--sage);\n  }\n  .blog-thumb{\n    position:relative;aspect-ratio:16\/10;overflow:hidden;\n    background:linear-gradient(135deg,var(--sand-soft),var(--sage));\n  }\n  .blog-thumb::after{\n    content:\"\";position:absolute;inset:0;\n    background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.45),transparent 60%);\n  }\n  .blog-thumb svg{position:absolute;inset:0;width:100%;height:100%;display:block}\n  .blog-card:nth-child(2) .blog-thumb{background:linear-gradient(135deg,#E2D7C6,#D9A89A 130%)}\n  .blog-card:nth-child(3) .blog-thumb{background:linear-gradient(135deg,#CDDDD2,#4F7264 130%)}\n  .blog-tag{\n    position:absolute;top:16px;left:16px;z-index:2;\n    font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;\n    padding:7px 12px;border-radius:999px;\n    background:rgba(255,255,255,.95);color:var(--text-main);\n    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);\n  }\n  .blog-body{padding:26px 26px 28px;display:flex;flex-direction:column;gap:12px;flex:1}\n  .blog-meta{\n    font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;\n    color:var(--sage-deep);font-weight:500;\n    display:flex;align-items:center;gap:10px;\n  }\n  .blog-meta::after{content:\"\";flex:1;height:1px;background:var(--border-soft)}\n  .blog-card h3{\n    font-family:'Cormorant Garamond',serif;font-weight:600;\n    font-size:1.45rem;line-height:1.25;color:var(--text-main);margin:0;\n  }\n  .blog-card p{\n    margin:0;color:var(--text-light);font-size:.95rem;line-height:1.7;\n  }\n  .blog-more{\n    display:inline-flex;align-items:center;gap:10px;\n    font:700 .76rem 'Montserrat',sans-serif;\n    letter-spacing:.18em;text-transform:uppercase;\n    color:#3B5A4D !important;margin-top:auto;padding-top:8px;\n    transition:gap .3s;\n  }\n  .blog-card:hover .blog-more{gap:16px}\n  .blog-more i{font-size:.7rem}\n\n  .blog-cta{\n    text-align:center;margin-top:60px;\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SPLIT \/ PILLARS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .pillars{\n    display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;\n  }\n  @media (max-width:900px){.pillars{grid-template-columns:1fr;gap:50px}}\n  .pillar-visual{\n    position:relative;aspect-ratio:4\/5;border-radius:20px;\n    background:linear-gradient(135deg,var(--sand-soft),var(--sage) 130%);\n    overflow:hidden;box-shadow:var(--shadow-lift);\n    transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);\n    transition:transform .8s cubic-bezier(.2,.8,.2,1);\n  }\n  .pillar-visual:hover{transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}\n  .pillar-visual::before{\n    content:\"\";position:absolute;inset:0;\n    background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.35),transparent 55%);\n  }\n  .pillar-visual svg{position:absolute;inset:0;width:100%;height:100%}\n\n  .pillar-list{display:flex;flex-direction:column;gap:18px;margin-top:30px}\n  .pillar{\n    background:#fff;border:1px solid var(--border-soft);\n    border-radius:16px;padding:24px 26px;\n    transform:translateZ(0);\n    transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;\n    display:flex;gap:20px;align-items:flex-start;\n  }\n  .pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:var(--sage)}\n  .pillar-ico{\n    flex:0 0 48px;height:48px;border-radius:14px;\n    background:linear-gradient(135deg,var(--sand-soft),var(--sand));\n    display:flex;align-items:center;justify-content:center;\n    color:var(--sage-deep);font-size:1.2rem;\n  }\n  .pillar:nth-child(2) .pillar-ico{background:linear-gradient(135deg,#D4E2D8,var(--sage));color:#fff}\n  .pillar:nth-child(3) .pillar-ico{background:linear-gradient(135deg,#F4E8D4,var(--sand));color:var(--text-main)}\n  .pillar h3{font-size:1.3rem;margin-bottom:4px}\n  .pillar p{margin:0;color:var(--text-light);font-size:.97rem}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 RITUAL (3D steps) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .ritual-grid{\n    display:grid;grid-template-columns:repeat(4,1fr);gap:24px;\n    perspective:1500px;\n  }\n  @media (max-width:980px){.ritual-grid{grid-template-columns:repeat(2,1fr)}}\n  @media (max-width:520px){.ritual-grid{grid-template-columns:1fr}}\n  .ritual-card{\n    position:relative;\n    background:#fff;border:1px solid var(--border-soft);\n    border-radius:20px;padding:46px 28px 38px;\n    transform-style:preserve-3d;\n    transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .5s;\n    text-align:center;\n    overflow:hidden;\n  }\n  .ritual-card::before{\n    content:\"\";position:absolute;top:-40%;right:-40%;\n    width:160%;height:160%;\n    background:radial-gradient(circle,rgba(107,142,125,.08),transparent 50%);\n    transition:transform .6s;\n  }\n  .ritual-card:hover{\n    transform:translateY(-10px) rotateX(-6deg) rotateY(4deg);\n    box-shadow:var(--shadow-lift);\n  }\n  .ritual-card:hover::before{transform:translate(-10%,-10%)}\n  .ritual-num{\n    font-family:'Cormorant Garamond',serif;\n    font-size:3.5rem;line-height:1;font-weight:500;\n    background:linear-gradient(135deg,var(--sage),var(--sand));\n    -webkit-background-clip:text;background-clip:text;color:transparent;\n    display:block;margin-bottom:16px;\n    transform:translateZ(30px);\n  }\n  .ritual-card h3{font-size:1.4rem;margin-bottom:8px;transform:translateZ(20px)}\n  .ritual-card p{color:var(--text-light);font-size:.95rem;margin:0;transform:translateZ(10px)}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 INTENTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .intentions{\n    background:#181C1A !important;color:#fff;\n    border-radius:32px;\n    padding:90px 60px;\n    position:relative;overflow:hidden;\n  }\n  @media (max-width:780px){.intentions{padding:60px 30px;border-radius:24px}}\n  .intentions::before{\n    content:\"\";position:absolute;top:-30%;right:-10%;width:600px;height:600px;\n    border-radius:50%;\n    background:radial-gradient(circle,rgba(107,142,125,.4),transparent 60%);\n    filter:blur(20px);\n  }\n  .intentions::after{\n    content:\"\";position:absolute;bottom:-40%;left:-10%;width:600px;height:600px;\n    border-radius:50%;\n    background:radial-gradient(circle,rgba(197,181,161,.3),transparent 65%);\n    filter:blur(20px);\n  }\n  .intentions .block-header{margin-bottom:60px;position:relative;z-index:1}\n  .intentions .block-header h2{color:#fff !important}\n  .intentions .block-header p{color:rgba(255,255,255,.78) !important}\n  .intentions-grid{\n    position:relative;z-index:1;\n    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;\n  }\n  @media (max-width:780px){.intentions-grid{grid-template-columns:1fr}}\n  .intent{\n    position:relative;\n    background:rgba(255,255,255,.08) !important;\n    border:1px solid rgba(255,255,255,.18);\n    backdrop-filter:blur(10px);\n    -webkit-backdrop-filter:blur(10px);\n    border-radius:20px;padding:40px 32px;\n    transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s, border-color .4s;\n    overflow:hidden;\n  }\n  .intent::before{\n    content:\"\";position:absolute;top:30px;right:30px;\n    width:80px;height:80px;border-radius:50%;\n    background:radial-gradient(circle,var(--accent,var(--sage)),transparent 70%);\n    opacity:.55;filter:blur(15px);\n    transition:transform .6s;\n  }\n  .intent:hover{transform:translateY(-8px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}\n  .intent:hover::before{transform:scale(1.4)}\n  .intent[data-tone=\"love\"]{--accent:#D9A89A}\n  .intent[data-tone=\"abundance\"]{--accent:#C5B5A1}\n  .intent[data-tone=\"healing\"]{--accent:#8FB1A0}\n  .intent .num{\n    font-family:'Cormorant Garamond',serif;font-style:italic;\n    font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;\n    color:rgba(255,255,255,.7) !important;margin-bottom:18px;\n  }\n  .intent h3{font-size:2rem;color:#fff !important;margin-bottom:14px}\n  .intent p{color:rgba(255,255,255,.82) !important;margin:0 0 24px;font-size:.97rem}\n  .intent a{\n    display:inline-flex;align-items:center;gap:8px;\n    text-decoration:none;color:#FFFFFF !important;font-size:.8rem;font-weight:700;\n    letter-spacing:.18em;text-transform:uppercase;\n    border-bottom:2px solid rgba(255,255,255,.65);padding-bottom:5px;\n    transition:gap .3s,border-color .3s;\n  }\n  .intent a:hover{gap:14px;border-color:#FFFFFF;color:#FFFFFF !important}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 AFFIRMATION TICKER 3D \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .ticker3d{\n    perspective:600px;padding:30px 0;\n    text-align:center;\n    background:var(--bg-warm);\n  }\n  .ticker3d-track{\n    transform-style:preserve-3d;\n    font-family:'Cormorant Garamond',serif;font-style:italic;\n    font-size:clamp(1.4rem,3vw,2.4rem);\n    color:var(--text-main);\n    min-height:1.4em;\n    position:relative;\n  }\n  .ticker3d-item{\n    position:absolute;inset:0;\n    opacity:0;transform:rotateX(60deg) translateY(40px);\n    transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1);\n  }\n  .ticker3d-item.in{opacity:1;transform:rotateX(0) translateY(0)}\n  .ticker3d-item.out{opacity:0;transform:rotateX(-60deg) translateY(-40px);transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1)}\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 FOOTER \/ SOCIAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .foot{\n    padding:90px 0 50px;text-align:center;\n    background:var(--bg-calm);\n  }\n  .foot h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:8px}\n  .foot p{color:var(--text-light);margin:0 auto 30px;max-width:520px}\n  .foot-social{display:flex;justify-content:center;gap:14px;margin:30px 0 40px}\n  .foot-social a{\n    width:48px;height:48px;border-radius:50%;\n    border:1px solid var(--border-soft);background:#fff;\n    display:inline-flex;align-items:center;justify-content:center;\n    color:var(--text-main);text-decoration:none;font-size:1rem;\n    transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,border-color .3s;\n  }\n  .foot-social a:hover{transform:translateY(-4px) rotate(-6deg);background:var(--sage);color:#fff;border-color:var(--sage)}\n  .foot-bot{\n    border-top:1px solid var(--border-soft);\n    padding-top:30px;margin-top:30px;\n    color:var(--text-light);font-size:.82rem;letter-spacing:.05em;\n  }\n\n  \/* reveal on scroll *\/\n  .reveal{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.8,.2,1)}\n  .reveal.shown{opacity:1;transform:translateY(0)}\n\n  @media (max-width:900px){\n    .scene-3d{height:420px;margin-top:30px}\n    .card-a{width:180px;top:2%;left:0}\n    .card-b{width:200px;right:0}\n    .card-c{width:190px;bottom:0;left:10%}\n    .scene-orb{width:220px;height:220px;margin:-110px 0 0 -110px}\n  }\n\n}\n<\/style>\n\n<div class=\"pac-zen\">\n<!-- HERO -->\n<header class=\"hero\">\n  <canvas id=\"orbCanvas\"><\/canvas>\n  <div class=\"hero-grain\"><\/div>\n\n  <div class=\"container hero-inner\">\n    <div class=\"hero-grid\">\n      <div class=\"hero-copy\">\n        <div class=\"eyebrow\">A Sanctuary for the Mind<\/div>\n        <h1 class=\"hero-title\">Breathe in <em>abundance<\/em>.<br\/>Speak it into being.<\/h1>\n        <p class=\"hero-sub\">Your serene sanctuary for personal growth. Reprogram your subconscious, attract abundance, and cultivate deep self-love through the daily power of positive affirmations \u2014 guided by sound, intention, and quiet ritual.<\/p>\n        <div class=\"hero-ctas\">\n          <a class=\"btn btn-solid\" href=\"#sanctuary\">Begin the Practice <i class=\"fas fa-arrow-right\"><\/i><\/a>\n          <a class=\"btn btn-outline\" href=\"https:\/\/positiveaffirmationscenter.com\/50-daily-positive-affirmations-transform-your-mindset\/\">50 Daily Affirmations<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"scene-3d\" id=\"scene3d\">\n        <div class=\"scene-orb\"><\/div>\n        <div class=\"scene-card card-a\"><div class=\"lbl\"><small>Mantra I<\/small>I am rooted in calm.<\/div><\/div>\n        <div class=\"scene-card card-b\"><div class=\"lbl\"><small>Mantra II<\/small>Abundance flows toward me, naturally.<\/div><\/div>\n        <div class=\"scene-card card-c\"><div class=\"lbl\"><small>Mantra III<\/small>My heart is open. My path is clear.<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"scroll-cue\">Scroll<\/div>\n<\/header>\n\n<!-- AFFIRMATION TICKER -->\n<div class=\"ticker3d\">\n  <div class=\"container\">\n    <div class=\"ticker3d-track\" id=\"ticker3d\" style=\"height:1.6em\">\n      <div class=\"ticker3d-item in\">I am worthy of love, peace, and <a class=\"wpil_keyword_link\" href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-prosperity\/\"   title=\"prosperity\" data-wpil-keyword-link=\"linked\">prosperity<\/a>.<\/div>\n      <div class=\"ticker3d-item\">Every breath returns me to the present moment.<\/div>\n      <div class=\"ticker3d-item\">The universe conspires to support my highest good.<\/div>\n      <div class=\"ticker3d-item\">I release what is no longer mine to carry.<\/div>\n      <div class=\"ticker3d-item\">My energy is a magnet for beautiful experiences.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- SANCTUARY (Affirmation + Breathing) -->\n<section class=\"block sanctuary-section\" id=\"sanctuary\">\n  <div class=\"container\">\n    <div class=\"block-header reveal\">\n      <div class=\"eyebrow\" style=\"justify-content:center;display:flex\">A Moment of Stillness<\/div>\n      <h2>Receive your affirmation. Take a breath.<\/h2>\n      <p>Two small rituals you can return to anytime \u2014 a word for your mind, a rhythm for your body.<\/p>\n    <\/div>\n\n    <div class=\"sanctuary-grid\">\n      <!-- AFFIRMATION GENERATOR -->\n      <div class=\"aff-card reveal\">\n        <div class=\"aff-eyebrow\">Affirmation of the Day<\/div>\n        <h3>A word, gently chosen for you.<\/h3>\n\n        <div class=\"aff-cat\" id=\"affCats\">\n          <div class=\"aff-tag active\" data-cat=\"all\">All<\/div>\n          <div class=\"aff-tag\" data-cat=\"love\">Love<\/div>\n          <div class=\"aff-tag\" data-cat=\"abundance\">Abundance<\/div>\n          <div class=\"aff-tag\" data-cat=\"healing\">Healing<\/div>\n          <div class=\"aff-tag\" data-cat=\"confidence\">Confidence<\/div>\n        <\/div>\n\n        <div class=\"aff-quote-wrap\">\n          <div class=\"aff-quote\" id=\"affQuote\">I am exactly where I need to be in this moment.<\/div>\n        <\/div>\n\n        <div class=\"aff-actions\">\n          <button class=\"aff-pill primary\" id=\"affNew\"><i class=\"fas fa-sparkles\"><\/i> Draw Another<\/button>\n          <button class=\"aff-pill\" id=\"affCopy\"><i class=\"far fa-copy\"><\/i> Copy<\/button>\n          <button class=\"aff-pill\" id=\"affShare\"><i class=\"fas fa-share-alt\"><\/i> Share<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- BREATHING WIDGET -->\n      <div class=\"breath-card reveal\">\n        <div class=\"breath-eyebrow\">4 &middot; 7 &middot; 8 Breath<\/div>\n        <h3>Breathe with the orb.<\/h3>\n        <p class=\"breath-sub\">Inhale four. Hold seven. Exhale eight. A gentle calming rhythm.<\/p>\n\n        <div class=\"breath-stage\">\n          <div class=\"breath-orb\" id=\"breathOrb\"><\/div>\n          <div class=\"breath-label\" id=\"breathLabel\">Begin<\/div>\n          <div class=\"breath-counter\" id=\"breathCounter\">Round 0 of 4<\/div>\n        <\/div>\n\n        <div class=\"breath-controls\">\n          <button class=\"breath-btn primary\" id=\"breathStart\"><i class=\"fas fa-play\"><\/i> Start<\/button>\n          <button class=\"breath-btn\" id=\"breathStop\"><i class=\"fas fa-pause\"><\/i> Pause<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- POWER OF WORDS \/ PILLARS -->\n<section class=\"block\" id=\"power\">\n  <div class=\"container\">\n    <div class=\"reveal block-header\" style=\"text-align:center\">\n      <div class=\"eyebrow\" style=\"justify-content:center;display:flex\">The Practice<\/div>\n      <h2>The Power of Words at the Affirmations Center<\/h2>\n      <p>Positive affirmations are gentle yet profound tools. By repeating empowering statements, you reshape your reality from the inside out.<\/p>\n    <\/div>\n\n    <div class=\"pillar-list reveal\" style=\"max-width:820px;margin:0 auto\">\n      <div class=\"pillar\">\n        <div class=\"pillar-ico\"><i class=\"fas fa-seedling\"><\/i><\/div>\n        <div>\n          <h3>Reshape Mindset<\/h3>\n          <p>Gently guide your brain to focus on positive thoughts \u2014 <a class=\"wpil_keyword_link\" href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-shifting\/\"   title=\"shifting\" data-wpil-keyword-link=\"linked\">shifting<\/a> from scarcity toward an open, abundant interior.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"pillar\">\n        <div class=\"pillar-ico\"><i class=\"fas fa-water\"><\/i><\/div>\n        <div>\n          <h3>Emotional Balance<\/h3>\n          <p>Release anxiety and <a class=\"wpil_keyword_link\" href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-self-doubt\/\"   title=\"self-doubt\" data-wpil-keyword-link=\"linked\">self-doubt<\/a>. Cultivate a calm, unwavering center that holds steady through every season.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"pillar\">\n        <div class=\"pillar-ico\"><i class=\"fas fa-sun\"><\/i><\/div>\n        <div>\n          <h3>Awaken Confidence<\/h3>\n          <p>Strengthen belief in your worth \u2014 empowering you to live authentically, lovingly, and with joy.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- RITUAL -->\n<section class=\"block\" id=\"ritual\" style=\"background:linear-gradient(180deg,var(--bg-warm),var(--bg-calm))\">\n  <div class=\"container\">\n    <div class=\"block-header reveal\">\n      <div class=\"eyebrow\" style=\"justify-content:center;display:flex\">Daily Ritual<\/div>\n      <h2>Four breaths to begin.<\/h2>\n      <p>A simple practice \u2014 gentle enough for any morning, deep enough to reshape a life.<\/p>\n    <\/div>\n\n    <div class=\"ritual-grid\">\n      <div class=\"ritual-card reveal\">\n        <span class=\"ritual-num\">I<\/span>\n        <h3>Select<\/h3>\n        <p>Choose words that deeply resonate with your current life and your soul&#8217;s quietest hopes.<\/p>\n      <\/div>\n      <div class=\"ritual-card reveal\">\n        <span class=\"ritual-num\">II<\/span>\n        <h3>Repeat<\/h3>\n        <p>Speak them \u2014 silently or aloud \u2014 during the quietest moment of your morning.<\/p>\n      <\/div>\n      <div class=\"ritual-card reveal\">\n        <span class=\"ritual-num\">III<\/span>\n        <h3>Embody<\/h3>\n        <p>Feel the emotion behind the words. Believe they are already, quietly, your truth.<\/p>\n      <\/div>\n      <div class=\"ritual-card reveal\">\n        <span class=\"ritual-num\">IV<\/span>\n        <h3>Act<\/h3>\n        <p>Let these new beliefs guide your decisions, your kindness, and the shape of your day.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ABOUT \/ FOUNDER -->\n<section class=\"block about-section\" id=\"about\">\n  <div class=\"container\">\n    <div class=\"about-grid\">\n      <div class=\"about-portrait reveal\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 400 500\" preserveAspectRatio=\"xMidYMid slice\">\n          <defs>\n            <radialGradient id=\"abp1\" cx=\"50%\" cy=\"35%\" r=\"65%\">\n              <stop offset=\"0%\" stop-color=\"#FFFFFF\" stop-opacity=\".5\"\/>\n              <stop offset=\"60%\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\/>\n            <\/radialGradient>\n            <linearGradient id=\"abp2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#C5B5A1\" stop-opacity=\".4\"\/>\n              <stop offset=\"100%\" stop-color=\"#6B8E7D\" stop-opacity=\".55\"\/>\n            <\/linearGradient>\n          <\/defs>\n          <rect width=\"400\" height=\"500\" fill=\"url(#abp2)\"\/>\n          <!-- silhouette -->\n          <circle cx=\"200\" cy=\"170\" r=\"70\" fill=\"rgba(255,255,255,.55)\"\/>\n          <path d=\"M80 500 Q80 320 200 290 Q320 320 320 500 Z\" fill=\"rgba(255,255,255,.5)\"\/>\n          <circle cx=\"200\" cy=\"170\" r=\"70\" fill=\"url(#abp1)\"\/>\n          <!-- aura lines -->\n          <circle cx=\"200\" cy=\"170\" r=\"110\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\" fill=\"none\"\/>\n          <circle cx=\"200\" cy=\"170\" r=\"150\" stroke=\"rgba(255,255,255,.2)\" stroke-width=\"1\" fill=\"none\"\/>\n          <!-- sun -->\n          <circle cx=\"310\" cy=\"100\" r=\"22\" fill=\"rgba(255,255,255,.7)\"\/>\n        <\/svg>\n        <div class=\"about-quote\">\n          \u201cAffirmations are simply the words we choose to live inside.\u201d\n          <small>\u2014 The Founder<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"about-copy reveal\">\n        <div class=\"eyebrow\">A Quiet Hello<\/div>\n        <h2>Built from a personal practice \u2014 shared as an offering.<\/h2>\n        <p>The Positive Affirmations Center began as a single, quiet morning ritual: a handful of words, repeated softly, that slowly began to reshape an entire inner life. What started as a private practice grew into a daily refuge \u2014 first for one, then for thousands.<\/p>\n        <p>Every video, frequency, and word here is created with intention: to help you return to your center, to gently soften the harder edges of your days, and to remind you that you are already enough \u2014 always have been.<\/p>\n        <div class=\"about-sign\">\n          <div class=\"about-sign-mark\">With love,<\/div>\n          <div class=\"about-sign-meta\">Founder &middot; Positive Affirmations Center<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- INTENTIONS -->\n<section class=\"block\" id=\"intentions\">\n  <div class=\"container\">\n    <div class=\"intentions reveal\">\n      <div class=\"block-header\">\n        <div class=\"eyebrow\" style=\"justify-content:center;display:flex;color:#C5B5A1\">Sacred Intentions<\/div>\n        <h2>Where will you invite the light?<\/h2>\n        <p>Three luminous doorways. Choose where your practice begins.<\/p>\n      <\/div>\n\n      <div class=\"intentions-grid\">\n        <div class=\"intent\" data-tone=\"love\">\n          <div class=\"num\">\u2014 Doorway 01<\/div>\n          <h3>Love<\/h3>\n          <p>Open your heart to the giving and the receiving of unconditional love \u2014 for others, and for yourself.<\/p>\n          <a href=\"https:\/\/positiveaffirmationscenter.com\/positive-affirmations-for-love\/\">Enter <i class=\"fas fa-arrow-right\"><\/i><\/a>\n        <\/div>\n        <div class=\"intent\" data-tone=\"abundance\">\n          <div class=\"num\">\u2014 Doorway 02<\/div>\n          <h3>Abundance<\/h3>\n          <p>Align your vibration with the <a class=\"wpil_keyword_link\" href=\"https:\/\/positiveaffirmationscenter.com\/limitless-affirmations\/\"   title=\"limitless\" data-wpil-keyword-link=\"linked\">limitless<\/a> flow of prosperity, ease, and quiet wealth in every form.<\/p>\n          <a href=\"https:\/\/positiveaffirmationscenter.com\/positive-affirmations-for-money\/\">Enter <i class=\"fas fa-arrow-right\"><\/i><\/a>\n        <\/div>\n        <div class=\"intent\" data-tone=\"healing\">\n          <div class=\"num\">\u2014 Doorway 03<\/div>\n          <h3>Healing<\/h3>\n          <p>Invite vital energy and radiant <a class=\"wpil_keyword_link\" href=\"https:\/\/positiveaffirmationscenter.com\/positive-affirmations-for-health\/\"   title=\"health\" data-wpil-keyword-link=\"linked\">health<\/a> back into your body, your breath, and your spirit.<\/p>\n          <a href=\"https:\/\/positiveaffirmationscenter.com\/positive-affirmations-for-health\/\">Enter <i class=\"fas fa-arrow-right\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"block faq-section\" id=\"faq\">\n  <div class=\"container\">\n    <div class=\"block-header reveal\">\n      <div class=\"eyebrow\" style=\"justify-content:center;display:flex\">Gentle Answers<\/div>\n      <h2>Questions, softly held.<\/h2>\n      <p>The small things many people ask before they begin a practice.<\/p>\n    <\/div>\n\n    <div class=\"faq-list reveal\">\n      <div class=\"faq-item open\">\n        <button class=\"faq-q\">How long until affirmations actually work? <span class=\"faq-icon\"><i class=\"fas fa-plus\"><\/i><\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">Most people notice subtle shifts in mood within a week of daily practice \u2014 a quieter inner tone, less reactivity. Deeper changes in belief and behavior usually unfold over 30 to 90 days. Consistency matters far more than duration; even three minutes a morning is enough.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">When is the best time of day to practice? <span class=\"faq-icon\"><i class=\"fas fa-plus\"><\/i><\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">The quietest minutes of your morning \u2014 before the world arrives \u2014 are most powerful, as your subconscious is closest to the surface just after waking. Evening, just before sleep, is the second-best window. Many find listening to a guided session at both ends of the day creates a beautiful frame around it.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Do I need to believe the affirmation for it to work? <span class=\"faq-icon\"><i class=\"fas fa-plus\"><\/i><\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">Not at first. Belief follows repetition, not the other way around. Begin with words that feel just slightly out of reach \u2014 your mind will quietly soften toward them over time. If a phrase feels too far, try beginning with \u201cI am learning to\u2026\u201d or \u201cI am open to\u2026\u201d.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Should I say affirmations out loud or silently? <span class=\"faq-icon\"><i class=\"fas fa-plus\"><\/i><\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">Both work. Speaking aloud engages the body and adds emotional weight; silent repetition is more portable and can be done anywhere. The most important ingredient is feeling \u2014 connecting to the emotion behind the words, not just the words themselves.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Can affirmations replace <a class=\"wpil_keyword_link\" href=\"https:\/\/positiveaffirmationscenter.com\/therapy-affirmations\/\"   title=\"therapy\" data-wpil-keyword-link=\"linked\">therapy<\/a> or medical care? <span class=\"faq-icon\"><i class=\"fas fa-plus\"><\/i><\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">No \u2014 and they are not meant to. Affirmations are a beautiful complement to professional support, never a substitute. If you are navigating something heavy, please reach out to a qualified therapist or doctor. This practice sits gently alongside their work.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">How do I choose which affirmations to focus on? <span class=\"faq-icon\"><i class=\"fas fa-plus\"><\/i><\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">Listen for what your inner voice resists most strongly \u2014 that resistance is usually pointing toward what most needs to soften. Begin with three to five affirmations across one or two themes. Less is more; depth always beats breadth in this practice.<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- BLOG \/ ARTICLES -->\n<section class=\"block blog-section\" id=\"blog\">\n  <div class=\"container\">\n    <div class=\"block-header reveal\">\n      <div class=\"eyebrow\" style=\"justify-content:center;display:flex\">From the Journal<\/div>\n      <h2>Words to carry with you.<\/h2>\n      <p>Quiet readings, gentle guides, and reflections on affirmation, manifestation, and the inner life.<\/p>\n    <\/div>\n\n    <div class=\"blog-grid\">\n      <a class=\"blog-card reveal\" href=\"https:\/\/positiveaffirmationscenter.com\/50-daily-positive-affirmations-transform-your-mindset\/\">\n        <div class=\"blog-thumb\">\n          <span class=\"blog-tag\">Daily Practice<\/span>\n          <svg viewBox=\"0 0 400 250\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\n            <circle cx=\"110\" cy=\"110\" r=\"70\" fill=\"rgba(255,255,255,.55)\"\/>\n            <circle cx=\"130\" cy=\"100\" r=\"70\" fill=\"rgba(255,255,255,.25)\"\/>\n            <path d=\"M0 200 Q200 170 400 200 L400 250 L0 250 Z\" fill=\"rgba(255,255,255,.18)\"\/>\n            <path d=\"M0 220 Q200 195 400 220 L400 250 L0 250 Z\" fill=\"rgba(255,255,255,.12)\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"blog-body\">\n          <div class=\"blog-meta\">5 min read<\/div>\n          <h3>50 Daily Affirmations to Transform Your Mindset<\/h3>\n          <p>A curated collection of gentle, powerful phrases to anchor your morning and quietly reshape the way you move through the day.<\/p>\n          <span class=\"blog-more\">Read the Article <i class=\"fas fa-arrow-right\"><\/i><\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"blog-card reveal\" href=\"https:\/\/positiveaffirmationscenter.com\/positive-affirmations-for-love\/\">\n        <div class=\"blog-thumb\">\n          <span class=\"blog-tag\">Love<\/span>\n          <svg viewBox=\"0 0 400 250\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\n            <path d=\"M200 175 C140 130 100 90 100 60 C100 30 130 20 160 35 C180 45 195 65 200 80 C205 65 220 45 240 35 C270 20 300 30 300 60 C300 90 260 130 200 175 Z\" fill=\"rgba(255,255,255,.55)\"\/>\n            <circle cx=\"320\" cy=\"60\" r=\"10\" fill=\"rgba(255,255,255,.5)\"\/>\n            <circle cx=\"80\" cy=\"180\" r=\"6\" fill=\"rgba(255,255,255,.5)\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"blog-body\">\n          <div class=\"blog-meta\">7 min read<\/div>\n          <h3>Affirmations for Love &amp; Open-Hearted Living<\/h3>\n          <p>How to invite love \u2014 for others, for yourself, for the small ordinary moments \u2014 through the gentle repetition of words.<\/p>\n          <span class=\"blog-more\">Read the Article <i class=\"fas fa-arrow-right\"><\/i><\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"blog-card reveal\" href=\"https:\/\/positiveaffirmationscenter.com\/positive-affirmations-for-money\/\">\n        <div class=\"blog-thumb\">\n          <span class=\"blog-tag\">Abundance<\/span>\n          <svg viewBox=\"0 0 400 250\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\n            <path d=\"M40 200 Q120 80 200 130 T 380 90\" stroke=\"rgba(255,255,255,.55)\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n            <path d=\"M40 220 Q120 110 200 160 T 380 130\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/>\n            <circle cx=\"200\" cy=\"130\" r=\"10\" fill=\"rgba(255,255,255,.7)\"\/>\n            <circle cx=\"380\" cy=\"90\" r=\"14\" fill=\"rgba(255,255,255,.7)\"\/>\n            <circle cx=\"40\" cy=\"200\" r=\"6\" fill=\"rgba(255,255,255,.5)\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"blog-body\">\n          <div class=\"blog-meta\">6 min read<\/div>\n          <h3>Affirmations for Money, Abundance &amp; Flow<\/h3>\n          <p>Move from scarcity into the soft, steady rhythm of abundance. A practice for aligning your inner state with prosperity.<\/p>\n          <span class=\"blog-more\">Read the Article <i class=\"fas fa-arrow-right\"><\/i><\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n\n    <div class=\"blog-cta reveal\">\n      <a class=\"btn btn-solid\" href=\"https:\/\/positiveaffirmationscenter.com\/blog\/\">Explore All Articles <i class=\"fas fa-arrow-right\"><\/i><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<script>\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Three.js floating particles in hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function(){\n  const canvas=document.getElementById('orbCanvas');\n  if(!canvas||!window.THREE) return;\n  const renderer=new THREE.WebGLRenderer({canvas,alpha:true,antialias:true});\n  renderer.setPixelRatio(Math.min(window.devicePixelRatio,2));\n  const scene=new THREE.Scene();\n  const camera=new THREE.PerspectiveCamera(60,1,0.1,1000);\n  camera.position.z=70;\n\n  function resize(){\n    const w=canvas.clientWidth,h=canvas.clientHeight;\n    renderer.setSize(w,h,false);\n    camera.aspect=w\/h;camera.updateProjectionMatrix();\n  }\n  \/\/ Particle field\n  const N=460;\n  const geo=new THREE.BufferGeometry();\n  const pos=new Float32Array(N*3);\n  const col=new Float32Array(N*3);\n  const sz=new Float32Array(N);\n  const palette=[\n    [0.32,0.50,0.40],   \/\/ deep sage\n    [0.70,0.60,0.48],   \/\/ dark sand\n    [0.24,0.40,0.32],   \/\/ very deep sage\n    [0.85,0.78,0.65],   \/\/ warm sand\n    [0.50,0.65,0.55],   \/\/ mid sage\n  ];\n  for(let i=0;i<N;i++){\n    \/\/ distribute in a soft ellipsoid\n    const t=Math.random()*Math.PI*2;\n    const p=Math.acos(2*Math.random()-1);\n    const r=22+Math.random()*55;\n    pos[i*3]=r*Math.sin(p)*Math.cos(t)*1.4;\n    pos[i*3+1]=r*Math.sin(p)*Math.sin(t)*0.9;\n    pos[i*3+2]=r*Math.cos(p)*0.8;\n    const c=palette[Math.floor(Math.random()*palette.length)];\n    col[i*3]=c[0];col[i*3+1]=c[1];col[i*3+2]=c[2];\n    sz[i]=0.6+Math.random()*2.2;\n  }\n  geo.setAttribute('position',new THREE.BufferAttribute(pos,3));\n  geo.setAttribute('color',new THREE.BufferAttribute(col,3));\n  geo.setAttribute('size',new THREE.BufferAttribute(sz,1));\n\n  \/\/ sprite texture (soft glow)\n  const tex=(() => {\n    const c=document.createElement('canvas');c.width=c.height=64;\n    const g=c.getContext('2d');\n    const grd=g.createRadialGradient(32,32,0,32,32,32);\n    grd.addColorStop(0,'rgba(255,255,255,1)');\n    grd.addColorStop(0.4,'rgba(255,255,255,.5)');\n    grd.addColorStop(1,'rgba(255,255,255,0)');\n    g.fillStyle=grd;g.fillRect(0,0,64,64);\n    return new THREE.CanvasTexture(c);\n  })();\n\n  const mat=new THREE.PointsMaterial({\n    size:2.8,vertexColors:true,\n    map:tex,transparent:true,depthWrite:false,\n    blending:THREE.AdditiveBlending,\n    sizeAttenuation:true,\n    opacity:1.0,\n  });\n  const pts=new THREE.Points(geo,mat);\n  scene.add(pts);\n\n  \/\/ gentle ring\n  const ringGeo=new THREE.TorusGeometry(38,0.08,12,200);\n  const ringMat=new THREE.MeshBasicMaterial({color:0x4F7264,transparent:true,opacity:0.4});\n  const ring=new THREE.Mesh(ringGeo,ringMat);\n  ring.rotation.x=Math.PI\/2.4;\n  scene.add(ring);\n  const ring2=new THREE.Mesh(new THREE.TorusGeometry(52,0.06,12,200),new THREE.MeshBasicMaterial({color:0xC5B5A1,transparent:true,opacity:0.45}));\n  ring2.rotation.x=Math.PI\/2.8;ring2.rotation.z=Math.PI\/4;\n  scene.add(ring2);\n\n  let mouseX=0,mouseY=0;\n  window.addEventListener('mousemove',(e)=>{\n    mouseX=(e.clientX\/window.innerWidth-0.5)*2;\n    mouseY=(e.clientY\/window.innerHeight-0.5)*2;\n  });\n\n  let scrollY=0;\n  window.addEventListener('scroll',()=>{scrollY=window.scrollY;});\n\n  let t0=performance.now();\n  function tick(){\n    const t=(performance.now()-t0)\/1000;\n    pts.rotation.y=t*0.05 + mouseX*0.35;\n    pts.rotation.x= -mouseY*0.25 + Math.sin(t*0.3)*0.05;\n    ring.rotation.z=t*0.1;\n    ring2.rotation.z=-t*0.07;\n    camera.position.y= -scrollY*0.02;\n    camera.lookAt(0,0,0);\n    renderer.render(scene,camera);\n    requestAnimationFrame(tick);\n  }\n  resize();window.addEventListener('resize',resize);\n  tick();\n})();\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Floating cards parallax on mouse \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function(){\n  const scene=document.getElementById('scene3d');\n  if(!scene) return;\n  const cards=scene.querySelectorAll('.scene-card');\n  scene.addEventListener('mousemove',(e)=>{\n    const r=scene.getBoundingClientRect();\n    const mx=(e.clientX-r.left)\/r.width-0.5;\n    const my=(e.clientY-r.top)\/r.height-0.5;\n    cards.forEach((c,i)=>{\n      const f=(i+1)*8;\n      c.style.transform = `translate3d(${ -mx*f }px, ${ -my*f }px, ${60+i*30}px) rotateY(${ -mx*14 - (i===1?-15:i===0?14:6)*0 }deg) rotateX(${ my*10 }deg)`;\n    });\n  });\n  scene.addEventListener('mouseleave',()=>{\n    cards.forEach(c=>c.style.transform='');\n  });\n})();\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 3D Heart Particles \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function(){\n  const canvas=document.getElementById('heartCanvas');\n  if(!canvas||!window.THREE) return;\n\n  const renderer=new THREE.WebGLRenderer({canvas,alpha:true,antialias:true});\n  renderer.setPixelRatio(Math.min(window.devicePixelRatio,2));\n  const scene=new THREE.Scene();\n  const camera=new THREE.PerspectiveCamera(45,1,0.1,1000);\n  camera.position.set(0,0,55);\n\n  function resize(){\n    const w=canvas.clientWidth,h=canvas.clientHeight;\n    if(!w||!h) return;\n    renderer.setSize(w,h,false);\n    camera.aspect=w\/h;camera.updateProjectionMatrix();\n  }\n  resize();\n  window.addEventListener('resize',resize);\n\n  \/\/ Heart parametric:\n  \/\/   x = 16 sin^3(t)\n  \/\/   y = 13 cos(t) - 5 cos(2t) - 2 cos(3t) - cos(4t)\n  function heartPoint(t,layer){\n    const x=16*Math.pow(Math.sin(t),3);\n    const y=13*Math.cos(t)-5*Math.cos(2*t)-2*Math.cos(3*t)-Math.cos(4*t);\n    \/\/ slight z thickness, two lobes front + back\n    const z=layer*4*Math.sin(t*1.0);\n    return [x,y,z];\n  }\n\n  \/\/ Build particles \u2014 outline + interior fill via random sampling\n  const COUNT=2200;\n  const home=new Float32Array(COUNT*3);   \/\/ rest positions\n  const cur=new Float32Array(COUNT*3);    \/\/ current\n  const vel=new Float32Array(COUNT*3);    \/\/ velocity\n  const sizes=new Float32Array(COUNT);\n  const cols=new Float32Array(COUNT*3);\n\n  \/\/ palette: warm rose\/coral + sand + sage tints\n  const pal=[\n    [0.92,0.55,0.55],   \/\/ soft rose\n    [0.86,0.42,0.45],   \/\/ deeper rose\n    [0.95,0.72,0.66],   \/\/ peach\n    [0.77,0.71,0.63],   \/\/ sand\n    [0.42,0.56,0.49],   \/\/ sage hint\n    [1.00,0.85,0.78],   \/\/ blush\n  ];\n\n  \/\/ Fill: pick random parametric t, then random radius from center to that boundary\n  for(let i=0;i<COUNT;i++){\n    const t=Math.random()*Math.PI*2;\n    const layer=(Math.random()*2-1);\n    const [bx,by,bz]=heartPoint(t,layer);\n    \/\/ radial interpolation toward center for fill\n    const k=Math.pow(Math.random(),0.55); \/\/ bias toward edge for definition\n    const x=bx*k + (Math.random()-0.5)*0.5;\n    const y=by*k + (Math.random()-0.5)*0.5;\n    const z=bz*k*0.7 + (Math.random()-0.5)*1.2;\n    home[i*3]=x;\n    home[i*3+1]=y+1.5; \/\/ slight vertical centering offset\n    home[i*3+2]=z;\n    cur[i*3]=home[i*3];\n    cur[i*3+1]=home[i*3+1];\n    cur[i*3+2]=home[i*3+2];\n    sizes[i]=0.18+Math.random()*0.5;\n    const c=pal[Math.floor(Math.random()*pal.length)];\n    cols[i*3]=c[0];cols[i*3+1]=c[1];cols[i*3+2]=c[2];\n  }\n\n  const geo=new THREE.BufferGeometry();\n  geo.setAttribute('position',new THREE.BufferAttribute(cur,3));\n  geo.setAttribute('color',new THREE.BufferAttribute(cols,3));\n\n  \/\/ soft round sprite\n  const tex=(()=>{\n    const c=document.createElement('canvas');c.width=c.height=64;\n    const g=c.getContext('2d');\n    const grd=g.createRadialGradient(32,32,0,32,32,32);\n    grd.addColorStop(0,'rgba(255,255,255,1)');\n    grd.addColorStop(0.35,'rgba(255,255,255,.65)');\n    grd.addColorStop(1,'rgba(255,255,255,0)');\n    g.fillStyle=grd;g.fillRect(0,0,64,64);\n    return new THREE.CanvasTexture(c);\n  })();\n\n  const mat=new THREE.PointsMaterial({\n    size:0.6,\n    map:tex,\n    transparent:true,depthWrite:false,\n    vertexColors:true,\n    blending:THREE.AdditiveBlending,\n    sizeAttenuation:true,\n  });\n  const pts=new THREE.Points(geo,mat);\n  scene.add(pts);\n\n  \/\/ halo sprite behind heart\n  const haloMat=new THREE.SpriteMaterial({map:tex,color:0xD9A89A,transparent:true,opacity:0.35,blending:THREE.AdditiveBlending,depthWrite:false});\n  const halo=new THREE.Sprite(haloMat);\n  halo.scale.set(45,45,1);\n  halo.position.z=-8;\n  scene.add(halo);\n\n  \/\/ Mouse \u2192 world ray on z=0 plane\n  const raycaster=new THREE.Raycaster();\n  const ndc=new THREE.Vector2(-99,-99);\n  const plane=new THREE.Plane(new THREE.Vector3(0,0,1),0);\n  const worldMouse=new THREE.Vector3();\n  let mouseActive=false;\n\n  canvas.addEventListener('pointermove',(e)=>{\n    const r=canvas.getBoundingClientRect();\n    ndc.x=((e.clientX-r.left)\/r.width)*2-1;\n    ndc.y=-((e.clientY-r.top)\/r.height)*2+1;\n    mouseActive=true;\n  });\n  canvas.addEventListener('pointerleave',()=>{mouseActive=false;ndc.set(-99,-99);});\n  canvas.addEventListener('pointerdown',(e)=>{\n    \/\/ burst \u2014 kick all particles radially from current mouse\n    if(!mouseActive) return;\n    raycaster.setFromCamera(ndc,camera);\n    raycaster.ray.intersectPlane(plane,worldMouse);\n    for(let i=0;i<COUNT;i++){\n      const dx=cur[i*3]-worldMouse.x;\n      const dy=cur[i*3+1]-worldMouse.y;\n      const dz=cur[i*3+2];\n      const d=Math.sqrt(dx*dx+dy*dy+dz*dz)||0.001;\n      const force=8\/Math.max(d,1);\n      vel[i*3]+=dx\/d*force;\n      vel[i*3+1]+=dy\/d*force;\n      vel[i*3+2]+=dz\/d*force*0.5;\n    }\n  });\n\n  const tmp=new THREE.Vector3();\n  let t0=performance.now();\n  const PUSH_RADIUS=7;\n  const PUSH_STRENGTH=0.55;\n  const RETURN=0.04;\n  const DAMP=0.86;\n\n  function tick(){\n    const t=(performance.now()-t0)\/1000;\n\n    if(mouseActive){\n      raycaster.setFromCamera(ndc,camera);\n      raycaster.ray.intersectPlane(plane,worldMouse);\n    }\n\n    const arr=geo.attributes.position.array;\n    for(let i=0;i<COUNT;i++){\n      const ix=i*3, iy=i*3+1, iz=i*3+2;\n      \/\/ gentle breathing wiggle\n      const wig=Math.sin(t*0.7+i*0.13)*0.04;\n\n      \/\/ mouse repulsion\n      if(mouseActive){\n        const dx=cur[ix]-worldMouse.x;\n        const dy=cur[iy]-worldMouse.y;\n        const dz=cur[iz]-worldMouse.z;\n        const d2=dx*dx+dy*dy+dz*dz;\n        if(d2<PUSH_RADIUS*PUSH_RADIUS){\n          const d=Math.sqrt(d2)||0.001;\n          const f=PUSH_STRENGTH*(1-d\/PUSH_RADIUS);\n          vel[ix]+=(dx\/d)*f;\n          vel[iy]+=(dy\/d)*f;\n          vel[iz]+=(dz\/d)*f*0.7;\n        }\n      }\n\n      \/\/ return spring\n      vel[ix]+=(home[ix]-cur[ix])*RETURN;\n      vel[iy]+=(home[iy]-cur[iy])*RETURN + wig;\n      vel[iz]+=(home[iz]-cur[iz])*RETURN;\n\n      \/\/ damping\n      vel[ix]*=DAMP;vel[iy]*=DAMP;vel[iz]*=DAMP;\n\n      \/\/ integrate\n      cur[ix]+=vel[ix];\n      cur[iy]+=vel[iy];\n      cur[iz]+=vel[iz];\n\n      arr[ix]=cur[ix];arr[iy]=cur[iy];arr[iz]=cur[iz];\n    }\n    geo.attributes.position.needsUpdate=true;\n\n    \/\/ gentle group rotation\n    pts.rotation.y=Math.sin(t*0.3)*0.18;\n    pts.rotation.x=Math.sin(t*0.22)*0.06;\n\n    \/\/ halo pulse\n    const s=44+Math.sin(t*1.4)*3;\n    halo.scale.set(s,s,1);\n    haloMat.opacity=0.30+Math.sin(t*1.4)*0.08;\n\n    renderer.render(scene,camera);\n    requestAnimationFrame(tick);\n  }\n  tick();\n})();\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Reveal on scroll \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function(){\n  const els=document.querySelectorAll('.reveal');\n  const io=new IntersectionObserver((entries)=>{\n    entries.forEach(en=>{\n      if(en.isIntersecting){en.target.classList.add('shown');io.unobserve(en.target);}\n    });\n  },{threshold:0.12});\n  els.forEach(e=>io.observe(e));\n})();\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Affirmation 3D ticker \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function(){\n  const track=document.getElementById('ticker3d');\n  if(!track) return;\n  const items=Array.from(track.querySelectorAll('.ticker3d-item'));\n  let idx=0;\n  setInterval(()=>{\n    items[idx].classList.remove('in');\n    items[idx].classList.add('out');\n    const next=(idx+1)%items.length;\n    setTimeout(()=>{\n      items[idx].classList.remove('out');\n      items[next].classList.add('in');\n      idx=next;\n    },600);\n  },4200);\n})();\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Video switcher \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function(){\n  const thumbs=document.querySelectorAll('.video-thumb');\n  const iframe=document.getElementById('featuredIframe');\n  const cap=document.getElementById('featuredCap');\n  thumbs.forEach(t=>{\n    t.addEventListener('click',()=>{\n      thumbs.forEach(x=>x.classList.remove('active'));\n      t.classList.add('active');\n      const id=t.dataset.id;\n      iframe.src=`https:\/\/www.youtube-nocookie.com\/embed\/${id}?rel=0&modestbranding=1&autoplay=1&playsinline=1`;\n      cap.innerHTML=`<small>Now playing &middot; Session ${t.dataset.num}<\/small>${t.dataset.title}`;\n      \/\/ little 3D pulse\n      const stage=document.getElementById('featuredFrame');\n      stage.style.transform='perspective(1800px) rotateX(2deg) scale(1.005)';\n      setTimeout(()=>{stage.style.transform='';},500);\n    });\n  });\n})();\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Featured video subtle tilt on mouse \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function(){\n  const stage=document.getElementById('featuredFrame');\n  if(!stage) return;\n  const parent=stage.parentElement;\n  parent.addEventListener('mousemove',(e)=>{\n    const r=parent.getBoundingClientRect();\n    const mx=(e.clientX-r.left)\/r.width-0.5;\n    const my=(e.clientY-r.top)\/r.height-0.5;\n    stage.style.transform=`perspective(1800px) rotateY(${mx*4}deg) rotateX(${ -my*3 }deg)`;\n  });\n  parent.addEventListener('mouseleave',()=>{stage.style.transform='';});\n})();\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Affirmation of the Day generator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function(){\n  const quote=document.getElementById('affQuote');\n  const tags=document.querySelectorAll('#affCats .aff-tag');\n  const newBtn=document.getElementById('affNew');\n  const copyBtn=document.getElementById('affCopy');\n  const shareBtn=document.getElementById('affShare');\n  if(!quote) return;\n\n  const AFFIRMATIONS={\n    love:[\n      \"I am worthy of deep, unconditional love.\",\n      \"Love flows to me freely, and through me, kindly.\",\n      \"My heart is a soft, safe place \u2014 for myself and others.\",\n      \"I attract people who see me clearly and love me well.\",\n      \"I am loved exactly as I am, in this very moment.\",\n      \"The more I love myself, the more love I have to give.\",\n      \"I am surrounded by warmth, gentleness, and care.\"\n    ],\n    abundance:[\n      \"Abundance flows toward me naturally and easefully.\",\n      \"I am open to receive all the good the universe holds for me.\",\n      \"Money is a kind energy that comes when I am at peace.\",\n      \"Everything I need is already on its way to me.\",\n      \"I welcome prosperity in all its quiet, ordinary forms.\",\n      \"I am aligned with the limitless flow of life.\",\n      \"I deserve abundance, and I receive it gracefully.\"\n    ],\n    healing:[\n      \"Every breath I take returns me to wholeness.\",\n      \"My body knows how to heal, and I trust its wisdom.\",\n      \"I release what is no longer mine to carry.\",\n      \"I am healing, gently and at exactly the right pace.\",\n      \"Peace lives quietly inside me, always available.\",\n      \"I forgive myself for the seasons I survived imperfectly.\",\n      \"I am safe in this moment. I am safe in this body.\"\n    ],\n    confidence:[\n      \"I trust myself to handle whatever this day brings.\",\n      \"My voice matters. My presence matters. I matter.\",\n      \"I am becoming the person I was always meant to be.\",\n      \"I act from a place of quiet, unshakable inner knowing.\",\n      \"I am allowed to take up space, exactly as I am.\",\n      \"My instincts are wise. My path is mine to walk.\",\n      \"I am capable of more than I have yet imagined.\"\n    ],\n    general:[\n      \"I am exactly where I need to be in this moment.\",\n      \"The universe conspires to support my highest good.\",\n      \"Today is a gentle gift, and I receive it fully.\",\n      \"I am grateful for the breath in my body and the sky above.\",\n      \"My energy is a magnet for beautiful experiences.\",\n      \"I choose peace over worry, presence over rush.\",\n      \"Good things are unfolding for me, even now.\"\n    ]\n  };\n  function pool(cat){\n    if(cat==='all'||!cat) return [...AFFIRMATIONS.love,...AFFIRMATIONS.abundance,...AFFIRMATIONS.healing,...AFFIRMATIONS.confidence,...AFFIRMATIONS.general];\n    return AFFIRMATIONS[cat]||AFFIRMATIONS.general;\n  }\n  let activeCat='all', last='';\n  function draw(){\n    const arr=pool(activeCat);\n    let pick;\n    do{pick=arr[Math.floor(Math.random()*arr.length)];}while(pick===last && arr.length>1);\n    last=pick;\n    quote.classList.add('swap');\n    setTimeout(()=>{\n      quote.textContent=pick;\n      quote.classList.remove('swap');\n    },360);\n  }\n  tags.forEach(t=>t.addEventListener('click',()=>{\n    tags.forEach(x=>x.classList.remove('active'));\n    t.classList.add('active');\n    activeCat=t.dataset.cat;\n    draw();\n  }));\n  newBtn?.addEventListener('click',draw);\n  copyBtn?.addEventListener('click',async ()=>{\n    try{\n      await navigator.clipboard.writeText(quote.textContent.trim());\n      const old=copyBtn.innerHTML;\n      copyBtn.innerHTML='<i class=\"fas fa-check\"><\/i> Copied';\n      setTimeout(()=>{copyBtn.innerHTML=old;},1800);\n    }catch(e){}\n  });\n  shareBtn?.addEventListener('click',async ()=>{\n    const text=quote.textContent.trim();\n    if(navigator.share){\n      try{await navigator.share({title:'Affirmation of the Day',text});}catch(e){}\n    }else{\n      try{\n        await navigator.clipboard.writeText(text);\n        const old=shareBtn.innerHTML;\n        shareBtn.innerHTML='<i class=\"fas fa-check\"><\/i> Copied to share';\n        setTimeout(()=>{shareBtn.innerHTML=old;},1800);\n      }catch(e){}\n    }\n  });\n})();\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 4-7-8 Breathing widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function(){\n  const orb=document.getElementById('breathOrb');\n  const label=document.getElementById('breathLabel');\n  const counter=document.getElementById('breathCounter');\n  const startBtn=document.getElementById('breathStart');\n  const stopBtn=document.getElementById('breathStop');\n  if(!orb) return;\n\n  const PHASES=[\n    {name:'Inhale', secs:4, scale:2.0},\n    {name:'Hold',   secs:7, scale:2.0},\n    {name:'Exhale', secs:8, scale:1.0},\n  ];\n  let running=false, phaseIdx=0, round=0, timer=null;\n\n  function applyPhase(p){\n    orb.style.transition=`transform ${p.secs}s cubic-bezier(.5,0,.5,1), box-shadow ${p.secs}s ease`;\n    orb.style.transform=`scale(${p.scale})`;\n    orb.style.boxShadow= p.scale>1.5\n      ? 'inset 0 0 50px rgba(255,255,255,.5), 0 0 90px rgba(107,142,125,.85)'\n      : 'inset 0 0 30px rgba(255,255,255,.3), 0 0 50px rgba(107,142,125,.5)';\n    label.textContent=`${p.name} &middot; ${p.secs}s`;\n  }\n  function tick(){\n    const p=PHASES[phaseIdx];\n    applyPhase(p);\n    timer=setTimeout(()=>{\n      phaseIdx=(phaseIdx+1)%PHASES.length;\n      if(phaseIdx===0){\n        round+=1;\n        counter.textContent=`Round ${round} of 4`;\n        if(round>=4){stop(true);return;}\n      }\n      tick();\n    },p.secs*1000);\n  }\n  function start(){\n    if(running) return;\n    running=true;phaseIdx=0;round=0;\n    counter.textContent='Round 1 of 4';\n    startBtn.innerHTML='<i class=\"fas fa-pause\"><\/i> Pause';\n    tick();\n  }\n  function stop(complete){\n    running=false;\n    clearTimeout(timer);\n    orb.style.transition='transform .8s ease, box-shadow .8s ease';\n    orb.style.transform='scale(1)';\n    orb.style.boxShadow='inset 0 0 30px rgba(255,255,255,.3), 0 0 50px rgba(107,142,125,.5)';\n    label.textContent=complete?'Complete':'Paused';\n    startBtn.innerHTML='<i class=\"fas fa-play\"><\/i> Start';\n    if(complete){\n      counter.textContent='Beautifully done.';\n      setTimeout(()=>{if(!running){label.textContent='Begin';counter.textContent='Round 0 of 4';}},2400);\n    }\n  }\n  startBtn.addEventListener('click',()=>{running?stop(false):start();});\n  stopBtn.addEventListener('click',()=>stop(false));\n})();\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 FAQ accordion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function(){\n  const items=document.querySelectorAll('.faq-item');\n  items.forEach(item=>{\n    const q=item.querySelector('.faq-q');\n    q?.addEventListener('click',()=>{\n      const wasOpen=item.classList.contains('open');\n      items.forEach(i=>i.classList.remove('open'));\n      if(!wasOpen) item.classList.add('open');\n    });\n  });\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<style>\r\n\r\n        .lwrp.link-whisper-related-posts{\r\n            \r\n            margin-top: 40px;\nmargin-bottom: 30px;\r\n        }\r\n        .lwrp .lwrp-title{\r\n            \r\n            \r\n        }\r\n        .lwrp .lwrp-description{\r\n            \r\n            \r\n\r\n        }\r\n        .lwrp .lwrp-list-container{\r\n        }\r\n        .lwrp .lwrp-list-multi-container{\r\n            display: flex;\r\n        }\r\n        .lwrp .lwrp-list-double{\r\n            width: 48%;\r\n        }\r\n        .lwrp .lwrp-list-triple{\r\n            width: 32%;\r\n        }\r\n        .lwrp .lwrp-list-row-container{\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n        .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n            width: calc(25% - 20px);\r\n        }\r\n        .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n            \r\n            \r\n        }\r\n        .lwrp .lwrp-list-item img{\r\n            max-width: 100%;\r\n            height: auto;\r\n        }\r\n        .lwrp .lwrp-list-item.lwrp-empty-list-item{\r\n            background: initial !important;\r\n        }\r\n        .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n        .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n            \r\n                \r\n        }\r\n        @media screen and (max-width: 480px) {\r\n            .lwrp.link-whisper-related-posts{\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-title{\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-description{\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-list-multi-container{\r\n                flex-direction: column;\r\n            }\r\n            .lwrp .lwrp-list-multi-container ul.lwrp-list{\r\n                margin-top: 0px;\r\n                margin-bottom: 0px;\r\n                padding-top: 0px;\r\n                padding-bottom: 0px;\r\n            }\r\n            .lwrp .lwrp-list-double,\r\n            .lwrp .lwrp-list-triple{\r\n                width: 100%;\r\n            }\r\n            .lwrp .lwrp-list-row-container{\r\n                justify-content: initial;\r\n                flex-direction: column;\r\n            }\r\n            .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n                width: 100%;\r\n            }\r\n            .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n            .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n                \r\n                    \r\n            }\r\n        }<\/style>\r\n<div id=\"link-whisper-related-posts-widget\" class=\"link-whisper-related-posts lwrp\">\r\n            <h3 class=\"lwrp-title\">Related Posts<\/h3>    \r\n        <div class=\"lwrp-list-container\">\r\n                                            <div class=\"lwrp-list-multi-container\">\r\n                    <ul class=\"lwrp-list lwrp-list-double lwrp-list-left\">\r\n                        <li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/how-to-stop-self-sabotaging\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">How to Stop Self-Sabotaging: Break the Cycle and Reclaim Your Life<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/connecting-with-your-guardian-angel\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Connecting With Your Guardian Angel: A Simple, Heartfelt Guide to Spiritual Guidance<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-achieving-goals\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">40+ Affirmations for Achieving Goals: Your Secret Weapon to Success<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/chronic-pain-affirmations\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">10+ Powerful Chronic Pain Affirmations: Ease Discomfort &amp; Reclaim Your Joy<\/span><\/a><\/li>                    <\/ul>\r\n                    <ul class=\"lwrp-list lwrp-list-double lwrp-list-right\">\r\n                        <li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-finding-meaning\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">30+ Affirmations for Finding Meaning: Discover Your Life\u2019s Purpose with Positive Statements<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-home\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Positive Affirmations For Home: Your Blueprint to a Dream Living Space<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/affirmations-for-overcoming-envy\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">25 Affirmations for Overcoming Envy: How Positive Words Can Free You From Comparison<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/positiveaffirmationscenter.com\/how-to-stop-being-miserable\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">How To Stop Being Miserable: 10 Practical Steps to Reclaim Your Joy<\/span><\/a><\/li>                    <\/ul>\r\n                <\/div>\r\n                        <\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>A Sanctuary for the Mind Breathe in abundance.Speak it into being. Your serene sanctuary for personal growth. Reprogram your subconscious, attract abundance, and cultivate deep self-love through the daily power of positive affirmations \u2014 guided by sound, intention, and quiet ritual. Begin the Practice 50 Daily Affirmations Mantra II am rooted in calm. Mantra IIAbundance&#8230;<\/p>\n","protected":false},"author":1,"featured_media":249788,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"googlesitekit_rrm_CAowoq2_DA:productID":"","_uag_custom_page_level_css":"","ai_generated_summary":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-249501","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/positiveaffirmationscenter.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-Jul-20-2025-12_24_50-PM.jpg",1536,1024,false],"thumbnail":["https:\/\/positiveaffirmationscenter.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-Jul-20-2025-12_24_50-PM-300x300.jpg",300,300,true],"medium":["https:\/\/positiveaffirmationscenter.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-Jul-20-2025-12_24_50-PM-300x200.jpg",300,200,true],"medium_large":["https:\/\/positiveaffirmationscenter.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-Jul-20-2025-12_24_50-PM-768x512.jpg",768,512,true],"large":["https:\/\/positiveaffirmationscenter.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-Jul-20-2025-12_24_50-PM-845x563.jpg",845,563,true],"1536x1536":["https:\/\/positiveaffirmationscenter.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-Jul-20-2025-12_24_50-PM.jpg",1536,1024,false],"2048x2048":["https:\/\/positiveaffirmationscenter.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-Jul-20-2025-12_24_50-PM.jpg",1536,1024,false]},"uagb_author_info":{"display_name":"Dobrivoje","author_link":"https:\/\/positiveaffirmationscenter.com\/author\/dbojic87\/"},"uagb_comment_info":0,"uagb_excerpt":"A Sanctuary for the Mind Breathe in abundance.Speak it into being. Your serene sanctuary for personal growth. Reprogram your subconscious, attract abundance, and cultivate deep self-love through the daily power of positive affirmations \u2014 guided by sound, intention, and quiet ritual. Begin the Practice 50 Daily Affirmations Mantra II am rooted in calm. Mantra IIAbundance...","_links":{"self":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/pages\/249501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/comments?post=249501"}],"version-history":[{"count":0,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/pages\/249501\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/media\/249788"}],"wp:attachment":[{"href":"https:\/\/positiveaffirmationscenter.com\/wp-json\/wp\/v2\/media?parent=249501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}