{"id":172,"date":"2025-08-20T15:14:00","date_gmt":"2025-08-20T15:14:00","guid":{"rendered":"https:\/\/betsend.com.br\/?page_id=172"},"modified":"2025-08-20T15:14:34","modified_gmt":"2025-08-20T15:14:34","slug":"elementor-172","status":"publish","type":"page","link":"https:\/\/betsend.com.br\/en\/elementor-172\/","title":{"rendered":"Elementor #172"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Aloharmony - Medita\u00e7\u00e3o, Sono e Bem-estar<\/title>\n \n <style>\n *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 \/ .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 \/ .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: \"\"}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.-top-4{top:-1rem}.-top-8{top:-2rem}.bottom-1\\\/4{bottom:25%}.left-0{left:0}.left-1\\\/2{left:50%}.left-1\\\/4{left:25%}.left-8{left:2rem}.right-0{right:0}.right-1\\\/4{right:25%}.right-4{right:1rem}.right-6{right:1.5rem}.right-8{right:2rem}.top-0{top:0}.top-1\\\/2{top:50%}.top-1\\\/4{top:25%}.top-16{top:4rem}.top-20{top:5rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\\[4\\\/3\\]{aspect-ratio:4\/3}.aspect-square{aspect-ratio:1 \/ 1}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.max-h-\\[90vh\\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-container{max-width:1200px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(3rem * var(--tw-space-x-reverse));margin-left:calc(3rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-pill{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-border{--tw-border-opacity: 1;border-color:rgb(229 231 235 \/ var(--tw-border-opacity, 1))}.border-primary{--tw-border-opacity: 1;border-color:rgb(124 58 237 \/ var(--tw-border-opacity, 1))}.border-primary\\\/20{border-color:#7c3aed33}.border-primary\\\/30{border-color:#7c3aed4d}.bg-accent-1{--tw-bg-opacity: 1;background-color:rgb(168 85 247 \/ var(--tw-bg-opacity, 1))}.bg-accent-1\\\/30{background-color:#a855f74d}.bg-accent-2{--tw-bg-opacity: 1;background-color:rgb(6 182 212 \/ var(--tw-bg-opacity, 1))}.bg-accent-2\\\/20{background-color:#06b6d433}.bg-black\\\/20{background-color:#0003}.bg-black\\\/50{background-color:#00000080}.bg-black\\\/60{background-color:#0009}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 \/ var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 \/ var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(124 58 237 \/ var(--tw-bg-opacity, 1))}.bg-primary\\\/20{background-color:#7c3aed33}.bg-primary\\\/80{background-color:#7c3aedcc}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 \/ var(--tw-bg-opacity, 1))}.bg-secondary{--tw-bg-opacity: 1;background-color:rgb(243 240 255 \/ var(--tw-bg-opacity, 1))}.bg-text-muted{--tw-bg-opacity: 1;background-color:rgb(107 114 128 \/ var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 \/ var(--tw-bg-opacity, 1))}.bg-white\\\/90{background-color:#ffffffe6}.bg-white\\\/95{background-color:#fffffff2}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-primary{--tw-gradient-from: #7C3AED var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\\\/10{--tw-gradient-from: rgb(124 58 237 \/ .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\\\/20{--tw-gradient-from: rgb(124 58 237 \/ .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-secondary{--tw-gradient-from: #F3F0FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 240 255 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-accent-1\\\/20{--tw-gradient-to: rgb(168 85 247 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 \/ .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-accent-1\\\/30{--tw-gradient-to: rgb(168 85 247 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 \/ .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-secondary\\\/50{--tw-gradient-to: rgb(243 240 255 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(243 240 255 \/ .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 \/ 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-accent-1{--tw-gradient-to: #A855F7 var(--tw-gradient-to-position)}.to-accent-1\\\/10{--tw-gradient-to: rgb(168 85 247 \/ .1) var(--tw-gradient-to-position)}.to-accent-1\\\/20{--tw-gradient-to: rgb(168 85 247 \/ .2) var(--tw-gradient-to-position)}.to-accent-2\\\/20{--tw-gradient-to: rgb(6 182 212 \/ .2) var(--tw-gradient-to-position)}.to-primary\\\/70{--tw-gradient-to: rgb(124 58 237 \/ .7) var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-gutter{padding-left:24px;padding-right:24px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-accent-2{--tw-text-opacity: 1;color:rgb(6 182 212 \/ var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(124 58 237 \/ var(--tw-text-opacity, 1))}.text-text-muted{--tw-text-opacity: 1;color:rgb(107 114 128 \/ var(--tw-text-opacity, 1))}.text-text-primary{--tw-text-opacity: 1;color:rgb(15 23 42 \/ var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 \/ .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 \/ .1), 0 4px 6px -4px rgb(0 0 0 \/ .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 \/ .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 \/ .1), 0 8px 10px -6px rgb(0 0 0 \/ .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-120{transition-duration:.12s}.duration-180{transition-duration:.18s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}\n \n :root{font-family:Inter,system-ui,-apple-system,sans-serif;--primary: #7C3AED;--secondary: #F3F0FF;--accent-1: #A855F7;--accent-2: #06B6D4;--text-primary: #0F172A;--text-muted: #6B7280;--border: #E5E7EB;--background: #FFFFFF}\n \n ::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e66b4a}html{scroll-behavior:smooth}\n \n @media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}\n \n .focus-visible:focus{outline:2px solid var(--primary);outline-offset:2px}\n \n @keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n \n .animate-fade-up{animation:fadeUp .5s ease-out forwards}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-scale-in{animation:scaleIn .2s ease-out forwards}\n \n .last\\:border-b-0:last-child{border-bottom-width:0px}.focus-within\\:border-primary:focus-within{--tw-border-opacity: 1;border-color:rgb(124 58 237 \/ var(--tw-border-opacity, 1))}.hover\\:-translate-y-0\\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{--tw-border-opacity: 1;border-color:rgb(124 58 237 \/ var(--tw-border-opacity, 1))}.hover\\:bg-primary:hover{--tw-bg-opacity: 1;background-color:rgb(124 58 237 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-primary\\\/90:hover{background-color:#7c3aede6}.hover\\:bg-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(243 240 255 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 \/ var(--tw-bg-opacity, 1))}.hover\\:bg-white\\\/50:hover{background-color:#ffffff80}.hover\\:text-primary:hover{--tw-text-opacity: 1;color:rgb(124 58 237 \/ var(--tw-text-opacity, 1))}.hover\\:text-primary\\\/80:hover{color:#7c3aedcc}.hover\\:text-text-primary:hover{--tw-text-opacity: 1;color:rgb(15 23 42 \/ var(--tw-text-opacity, 1))}.hover\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 \/ var(--tw-text-opacity, 1))}.hover\\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 \/ .1), 0 4px 6px -4px rgb(0 0 0 \/ .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 \/ .1), 0 2px 4px -2px rgb(0 0 0 \/ .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 \/ .1), 0 8px 10px -6px rgb(0 0 0 \/ .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group[open] .group-open\\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[open] .group-open\\:text-primary{--tw-text-opacity: 1;color:rgb(124 58 237 \/ var(--tw-text-opacity, 1))}.group:hover .group-hover\\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:bg-primary\\\/80{background-color:#7c3aedcc}.group:hover .group-hover\\:text-primary{--tw-text-opacity: 1;color:rgb(124 58 237 \/ var(--tw-text-opacity, 1))}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 \/ .1), 0 2px 4px -2px rgb(0 0 0 \/ .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}\n \n @media (min-width: 640px){.sm\\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\\:mt-24{margin-top:6rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\\:text-5xl{font-size:3rem;line-height:1}.lg\\:text-6xl{font-size:3.75rem;line-height:1}.lg\\:text-xl{font-size:1.25rem;line-height:1.75rem}}\n\n \/* Custom animations for dynamic text and audio players *\/\n .headline-fade {\n animation: headlineFade 4s ease-in-out infinite;\n }\n \n @keyframes headlineFade {\n 0%, 20% { opacity: 1; }\n 40%, 60% { opacity: 0; }\n 80%, 100% { opacity: 1; }\n }\n \n .audio-player-button {\n position: relative;\n overflow: hidden;\n }\n \n .audio-player-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n transition: left 0.5s;\n }\n \n .audio-player-button:hover::before {\n left: 100%;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"root\">\n <div class=\"min-h-screen bg-white\">\n <!-- Header -->\n <header class=\"fixed top-0 left-0 right-0 z-50 transition-all duration-180 bg-white shadow-lg\">\n <div class=\"max-w-container mx-auto px-gutter\">\n <div class=\"flex items-center justify-between h-16\">\n <!-- Logo -->\n <a href=\"#\" class=\"flex items-center space-x-3 group\">\n <img decoding=\"async\" \n src=\"https:\/\/mocha-cdn.com\/0198c76e-82e2-7ece-8d3f-8455e2caa457\/Logo-Aloharmony---1.png\" \n alt=\"Aloharmony\"\n class=\"w-10 h-10 group-hover:scale-105 transition-transform duration-120\"\n \/>\n <span class=\"text-xl font-semibold text-text-primary\">Aloharmony<\/span>\n <\/a>\n\n <!-- Desktop Navigation -->\n <nav class=\"hidden lg:flex items-center space-x-8\">\n <div class=\"relative group\">\n <a href=\"#\" class=\"flex items-center space-x-1 text-text-primary hover:text-primary transition-colors duration-120 py-2\">\n <span>For You<\/span>\n <svg class=\"w-4 h-4\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6,9 12,15 18,9\"><\/polyline>\n <\/svg>\n <\/a>\n <!-- Dropdown menu would appear here on hover -->\n <\/div>\n <div class=\"relative group\">\n <a href=\"#\" class=\"flex items-center space-x-1 text-text-primary hover:text-primary transition-colors duration-120 py-2\">\n <span>For Work<\/span>\n <svg class=\"w-4 h-4\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6,9 12,15 18,9\"><\/polyline>\n <\/svg>\n <\/a>\n <\/div>\n <a href=\"#\" class=\"text-text-primary hover:text-primary transition-colors duration-120 py-2\">Pricing<\/a>\n <div class=\"relative group\">\n <a href=\"#\" class=\"flex items-center space-x-1 text-text-primary hover:text-primary transition-colors duration-120 py-2\">\n <span>Resources<\/span>\n <svg class=\"w-4 h-4\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6,9 12,15 18,9\"><\/polyline>\n <\/svg>\n <\/a>\n <\/div>\n <a href=\"#\" class=\"text-text-primary hover:text-primary transition-colors duration-120 py-2\">About<\/a>\n <\/nav>\n\n <!-- CTA Buttons -->\n <div class=\"hidden lg:flex items-center space-x-4\">\n <a href=\"#\" class=\"text-text-muted hover:text-text-primary transition-colors duration-120\">Help<\/a>\n <a href=\"#\" class=\"text-text-primary hover:text-primary transition-colors duration-120\">Log in<\/a>\n <a href=\"#\" class=\"bg-primary text-white px-6 py-2 rounded-pill hover:bg-primary\/90 transition-all duration-120 hover:shadow-lg focus-visible:focus\">Get started<\/a>\n <\/div>\n\n <!-- Mobile Menu Button -->\n <button class=\"lg:hidden p-2 text-text-primary hover:text-primary transition-colors duration-120\" onclick=\"toggleMobileMenu()\">\n <svg id=\"menuIcon\" class=\"w-6 h-6\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n <\/svg>\n <svg id=\"closeIcon\" class=\"w-6 h-6 hidden\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n\n <!-- Mobile Menu -->\n <div id=\"mobileMenu\" class=\"lg:hidden py-4 border-t border-border animate-fade-in hidden\">\n <nav class=\"space-y-2\">\n <a href=\"#\" class=\"block py-2 text-text-primary hover:text-primary transition-colors duration-120\">For You<\/a>\n <a href=\"#\" class=\"block py-2 text-text-primary hover:text-primary transition-colors duration-120\">For Work<\/a>\n <a href=\"#\" class=\"block py-2 text-text-primary hover:text-primary transition-colors duration-120\">Pricing<\/a>\n <a href=\"#\" class=\"block py-2 text-text-primary hover:text-primary transition-colors duration-120\">Resources<\/a>\n <a href=\"#\" class=\"block py-2 text-text-primary hover:text-primary transition-colors duration-120\">About<\/a>\n <div class=\"pt-4 space-y-2\">\n <a href=\"#\" class=\"block py-2 text-text-primary hover:text-primary transition-colors duration-120\">Log in<\/a>\n <a href=\"#\" class=\"block bg-primary text-white px-4 py-2 rounded-pill text-center hover:bg-primary\/90 transition-all duration-120\">Get started<\/a>\n <\/div>\n <\/nav>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"pt-16\">\n <!-- Main Hero Section -->\n <section class=\"py-20 lg:py-32 bg-gradient-to-br from-secondary via-white to-accent-1\/10 relative overflow-hidden\">\n <div class=\"max-w-container mx-auto px-gutter\">\n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <!-- Content -->\n <div class=\"space-y-8 animate-fade-up\">\n <div class=\"space-y-6\">\n <h1 class=\"text-4xl lg:text-6xl font-bold text-text-primary leading-tight\">\n <span id=\"dynamicHeadline\" class=\"headline-fade\">Medite daily<\/span>\n <br \/>\n <span class=\"text-primary\">with Aloharmony<\/span>\n <\/h1>\n <p class=\"text-lg lg:text-xl text-text-muted leading-relaxed max-w-lg\">\n Discover inner peace with guided meditations, sleep stories, and personalized support from mental health experts.\n <\/p>\n <\/div>\n \n <!-- CTAs -->\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#\" class=\"bg-primary text-white px-8 py-4 rounded-pill font-medium hover:bg-primary\/90 hover:shadow-lg transform hover:-translate-y-0.5 transition-all duration-120 text-center focus-visible:focus\">\n Start free today\n <\/a>\n <a href=\"#\" class=\"border border-border text-text-primary px-8 py-4 rounded-pill font-medium hover:border-primary hover:text-primary hover:shadow-md transform hover:-translate-y-0.5 transition-all duration-120 text-center focus-visible:focus\">\n Explore library\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Floating Logo Animation -->\n <div class=\"relative animate-fade-up\" style=\"animation-delay: 200ms\">\n <div class=\"relative w-full max-w-lg mx-auto aspect-square\">\n <!-- Background gradient -->\n <div class=\"absolute inset-0 bg-gradient-to-br from-primary\/20 via-accent-1\/30 to-accent-2\/20 rounded-full\"><\/div>\n \n <!-- Floating elements -->\n <div class=\"absolute inset-0\">\n <div class=\"absolute top-1\/4 left-1\/4 w-16 h-16 bg-primary\/20 rounded-full animate-pulse\" style=\"animation-delay: 0s; animation-duration: 3s\"><\/div>\n <div class=\"absolute top-1\/2 right-1\/4 w-12 h-12 bg-accent-1\/30 rounded-full animate-pulse\" style=\"animation-delay: 1s; animation-duration: 4s\"><\/div>\n <div class=\"absolute bottom-1\/4 left-1\/2 w-10 h-10 bg-accent-2\/20 rounded-full animate-pulse\" style=\"animation-delay: 2s; animation-duration: 3.5s\"><\/div>\n <\/div>\n \n <!-- Center logo -->\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <div class=\"w-48 h-48 bg-white rounded-full shadow-xl flex items-center justify-center\">\n <img decoding=\"async\" \n src=\"https:\/\/mocha-cdn.com\/0198c76e-82e2-7ece-8d3f-8455e2caa457\/Logo-Aloharmony---2.png\" \n alt=\"Aloharmony\"\n class=\"w-32 h-32 object-contain\"\n \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- Online Therapy Hero -->\n <section class=\"py-16 lg:py-20 bg-gradient-to-br from-secondary to-white\">\n <div class=\"max-w-container mx-auto px-gutter\">\n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <div class=\"space-y-8 animate-fade-up\">\n <div class=\"space-y-6\">\n <h1 class=\"text-4xl lg:text-6xl font-bold text-text-primary leading-tight\">\n Online therapy that fits your life.\n <\/h1>\n <p class=\"text-lg lg:text-xl text-text-muted leading-relaxed max-w-lg\">\n Connect with licensed therapists through your health plan. Convenient, secure, and effective care.\n <\/p>\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#\" class=\"bg-primary text-white px-8 py-4 rounded-pill font-medium hover:bg-primary\/90 hover:shadow-lg transform hover:-translate-y-0.5 transition-all duration-120 text-center focus-visible:focus\">\n Check your coverage\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"relative animate-fade-up\" style=\"animation-delay: 200ms\">\n <div class=\"relative\">\n <div class=\"absolute inset-0\">\n <div class=\"absolute top-1\/4 left-1\/4 w-32 h-32 bg-accent-1 rounded-full opacity-60 animate-pulse\" style=\"animation-delay: 0s; animation-duration: 3s\"><\/div>\n <div class=\"absolute top-1\/2 right-1\/4 w-24 h-24 bg-accent-2 rounded-full opacity-40 animate-pulse\" style=\"animation-delay: 1s; animation-duration: 4s\"><\/div>\n <div class=\"absolute bottom-1\/4 left-1\/2 w-20 h-20 bg-primary rounded-full opacity-50 animate-pulse\" style=\"animation-delay: 2s; animation-duration: 3.5s\"><\/div>\n <\/div>\n \n <div class=\"absolute inset-0 flex items-center justify-center\">\n <div class=\"relative\">\n <div class=\"w-32 h-32 bg-gradient-to-b from-primary to-primary\/70 rounded-full relative\">\n <div class=\"absolute top-6 left-1\/2 transform -translate-x-1\/2 w-4 h-4 bg-white rounded-full\"><\/div>\n <div class=\"absolute top-16 left-1\/2 transform -translate-x-1\/2 w-12 h-16 bg-primary\/80 rounded-lg\"><\/div>\n <div class=\"absolute top-20 left-8 w-8 h-2 bg-primary\/80 rounded-full transform rotate-45\"><\/div>\n <div class=\"absolute top-20 right-8 w-8 h-2 bg-primary\/80 rounded-full transform -rotate-45\"><\/div>\n <\/div>\n \n <div class=\"absolute -top-8 left-1\/2 transform -translate-x-1\/2\">\n <div class=\"flex space-x-1\">\n <div class=\"w-2 h-2 bg-accent-2 rounded-full animate-bounce\" style=\"animation-delay: 0s\"><\/div>\n <div class=\"w-2 h-2 bg-accent-2 rounded-full animate-bounce\" style=\"animation-delay: 0.2s\"><\/div>\n <div class=\"w-2 h-2 bg-accent-2 rounded-full animate-bounce\" style=\"animation-delay: 0.4s\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Category Grid -->\n <section class=\"py-16 lg:py-24 bg-white\">\n <div class=\"max-w-container mx-auto px-gutter\">\n <div class=\"text-center mb-12 animate-fade-up\">\n <h2 class=\"text-3xl lg:text-4xl font-bold text-text-primary mb-4\">\n What kind of harmony are you looking for?\n <\/h2>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"group relative bg-white border border-border rounded-2xl p-6 hover:border-primary hover:shadow-lg transition-all duration-120 cursor-pointer animate-fade-up\" onclick=\"openModal('stress')\">\n <div class=\"flex items-center space-x-4\">\n <div class=\"text-4xl\">\ud83c\udf3f<\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-semibold text-text-primary group-hover:text-primary\">Reduce stress<\/h3>\n <p class=\"text-sm text-text-muted mt-1\">Find calm in chaos with guided breathing exercises<\/p>\n <\/div>\n <svg class=\"w-6 h-6 text-text-muted group-hover:text-primary\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"9,18 15,12 9,6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"group relative bg-white border border-border rounded-2xl p-6 hover:border-primary hover:shadow-lg transition-all duration-120 cursor-pointer animate-fade-up\" style=\"animation-delay: 150ms\" onclick=\"openModal('sleep')\">\n <div class=\"flex items-center space-x-4\">\n <div class=\"text-4xl\">\ud83d\ude34<\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-semibold text-text-primary group-hover:text-primary\">Sleep better<\/h3>\n <p class=\"text-sm text-text-muted mt-1\">Fall asleep peacefully with relaxing stories and sounds<\/p>\n <\/div>\n <svg class=\"w-6 h-6 text-text-muted group-hover:text-primary\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"9,18 15,12 9,6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"group relative bg-white border border-border rounded-2xl p-6 hover:border-primary hover:shadow-lg transition-all duration-120 cursor-pointer animate-fade-up\" style=\"animation-delay: 300ms\" onclick=\"openModal('anxiety')\">\n <div class=\"flex items-center space-x-4\">\n <div class=\"text-4xl\">\ud83e\uddd8\u200d\u2640\ufe0f<\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-semibold text-text-primary group-hover:text-primary\">Manage anxiety<\/h3>\n <p class=\"text-sm text-text-muted mt-1\">Gentle techniques to calm anxious thoughts<\/p>\n <\/div>\n <svg class=\"w-6 h-6 text-text-muted group-hover:text-primary\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"9,18 15,12 9,6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"group relative bg-white border border-border rounded-2xl p-6 hover:border-primary hover:shadow-lg transition-all duration-120 cursor-pointer animate-fade-up\" style=\"animation-delay: 450ms\" onclick=\"openModal('thoughts')\">\n <div class=\"flex items-center space-x-4\">\n <div class=\"text-4xl\">\ud83d\udcad<\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-semibold text-text-primary group-hover:text-primary\">Process thoughts<\/h3>\n <p class=\"text-sm text-text-muted mt-1\">Reflect and journal with guided prompts<\/p>\n <\/div>\n <svg class=\"w-6 h-6 text-text-muted group-hover:text-primary\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"9,18 15,12 9,6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"group relative bg-white border border-border rounded-2xl p-6 hover:border-primary hover:shadow-lg transition-all duration-120 cursor-pointer animate-fade-up\" style=\"animation-delay: 600ms\" onclick=\"openModal('meditation')\">\n <div class=\"flex items-center space-x-4\">\n <div class=\"text-4xl\">\ud83e\uddd8<\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-semibold text-text-primary group-hover:text-primary\">Practice meditation<\/h3>\n <p class=\"text-sm text-text-muted mt-1\">Develop mindfulness with daily practice<\/p>\n <\/div>\n <svg class=\"w-6 h-6 text-text-muted group-hover:text-primary\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"9,18 15,12 9,6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"group relative bg-white border border-border rounded-2xl p-6 hover:border-primary hover:shadow-lg transition-all duration-120 cursor-pointer animate-fade-up\" style=\"animation-delay: 750ms\" onclick=\"openModal('therapy')\">\n <div class=\"flex items-center space-x-4\">\n <div class=\"text-4xl\">\ud83d\udc9a<\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-semibold text-text-primary group-hover:text-primary\">Start therapy<\/h3>\n <p class=\"text-sm text-text-muted mt-1\">Connect with licensed mental health professionals<\/p>\n <\/div>\n <svg class=\"w-6 h-6 text-text-muted group-hover:text-primary\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"9,18 15,12 9,6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Feature Grid -->\n <section class=\"py-16 lg:py-24 bg-secondary\">\n <div class=\"max-w-container mx-auto px-gutter\">\n <div class=\"text-center mb-12 animate-fade-up\">\n <h2 class=\"text-3xl lg:text-4xl font-bold text-text-primary mb-4\">\n The mental health app for every moment\n <\/h2>\n <p class=\"text-lg text-text-muted max-w-2xl mx-auto\">\n Everything you need to support your mental wellbeing, backed by science and delivered with care.\n <\/p>\n <\/div>\n\n <div class=\"grid lg:grid-cols-5 gap-6\">\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-border hover:shadow-md transition-shadow duration-120 animate-fade-up\">\n <div class=\"mb-4\">\n <svg class=\"w-8 h-8 text-primary\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-semibold text-text-primary mb-2\">Online therapy<\/h3>\n <p class=\"text-text-muted text-sm leading-relaxed\">Connect with licensed therapists from the comfort of your home<\/p>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-border hover:shadow-md transition-shadow duration-120 animate-fade-up\" style=\"animation-delay: 100ms\">\n <div class=\"mb-4\">\n <svg class=\"w-8 h-8 text-primary\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M12 17h.01\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-semibold text-text-primary mb-2\">Guided meditations<\/h3>\n <p class=\"text-text-muted text-sm leading-relaxed\">Expert-led sessions for every experience level<\/p>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-border hover:shadow-md transition-shadow duration-120 animate-fade-up\" style=\"animation-delay: 200ms\">\n <div class=\"mb-4\">\n <svg class=\"w-8 h-8 text-primary\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-semibold text-text-primary mb-2\">AI guidance<\/h3>\n <p class=\"text-text-muted text-sm leading-relaxed\">Personalized recommendations and 24\/7 support from Harmony<\/p>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-border hover:shadow-md transition-shadow duration-120 animate-fade-up\" style=\"animation-delay: 300ms\">\n <div class=\"mb-4\">\n <svg class=\"w-8 h-8 text-primary\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-semibold text-text-primary mb-2\">Sleep resources<\/h3>\n <p class=\"text-text-muted text-sm leading-relaxed\">Stories, sounds, and techniques for better rest<\/p>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-border hover:shadow-md transition-shadow duration-120 animate-fade-up\" style=\"animation-delay: 400ms\">\n <div class=\"mb-4\">\n <svg class=\"w-8 h-8 text-primary\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-semibold text-text-primary mb-2\">Specialized programs<\/h3>\n <p class=\"text-text-muted text-sm leading-relaxed\">Structured courses built by mental health professionals<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Audio Sessions -->\n <section class=\"py-16 lg:py-24 bg-white\">\n <div class=\"max-w-container mx-auto px-gutter\">\n <div class=\"text-center mb-12 animate-fade-up\">\n <h2 class=\"text-3xl lg:text-4xl font-bold text-text-primary mb-4\">\n Try a session right now\n <\/h2>\n <p class=\"text-lg text-text-muted max-w-2xl mx-auto\">\n Get a taste of what Aloharmony offers with these quick guided sessions\n <\/p>\n <\/div>\n\n <div class=\"grid lg:grid-cols-3 gap-6\">\n <!-- Audio Card 1 -->\n <div class=\"animate-fade-up\">\n <div class=\"bg-white rounded-2xl shadow-lg border border-border overflow-hidden hover:shadow-xl transition-shadow duration-120\">\n <div class=\"relative h-48\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506905925346-21bda4d32df4?w=400&h=300&fit=crop\" alt=\"Breathe Away Stress\" class=\"w-full h-full object-cover\">\n <button class=\"absolute inset-0 flex items-center justify-center bg-black\/20 hover:bg-black\/30 transition-colors duration-120 audio-player-button\" onclick=\"playAudio(1)\">\n <div class=\"w-16 h-16 bg-white rounded-full flex items-center justify-center shadow-lg\">\n <svg id=\"playIcon1\" class=\"w-8 h-8 text-primary ml-1\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"><\/polygon>\n <\/svg>\n <svg id=\"pauseIcon1\" class=\"w-8 h-8 text-primary hidden\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n <\/svg>\n <\/div>\n <\/button>\n <\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center justify-between mb-2\">\n <h3 class=\"font-semibold text-text-primary\">Breathe Away Stress<\/h3>\n <span class=\"text-sm text-text-muted\">3 min<\/span>\n <\/div>\n <p class=\"text-text-muted text-sm\">Quick breathing exercise for immediate calm<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Audio Card 2 -->\n <div class=\"animate-fade-up\" style=\"animation-delay: 150ms\">\n <div class=\"bg-white rounded-2xl shadow-lg border border-border overflow-hidden hover:shadow-xl transition-shadow duration-120\">\n <div class=\"relative h-48\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1528319725582-ddc096101511?w=400&h=300&fit=crop\" alt=\"SOS Racing Thoughts\" class=\"w-full h-full object-cover\">\n <button class=\"absolute inset-0 flex items-center justify-center bg-black\/20 hover:bg-black\/30 transition-colors duration-120 audio-player-button\" onclick=\"playAudio(2)\">\n <div class=\"w-16 h-16 bg-white rounded-full flex items-center justify-center shadow-lg\">\n <svg id=\"playIcon2\" class=\"w-8 h-8 text-primary ml-1\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"><\/polygon>\n <\/svg>\n <svg id=\"pauseIcon2\" class=\"w-8 h-8 text-primary hidden\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n <\/svg>\n <\/div>\n <\/button>\n <\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center justify-between mb-2\">\n <h3 class=\"font-semibold text-text-primary\">SOS Racing Thoughts<\/h3>\n <span class=\"text-sm text-text-muted\">2 min<\/span>\n <\/div>\n <p class=\"text-text-muted text-sm\">Emergency technique for intense moments<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Audio Card 3 -->\n <div class=\"animate-fade-up\" style=\"animation-delay: 300ms\">\n <div class=\"bg-white rounded-2xl shadow-lg border border-border overflow-hidden hover:shadow-xl transition-shadow duration-120\">\n <div class=\"relative h-48\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541781774459-bb2af2f05b55?w=400&h=300&fit=crop\" alt=\"Travel Sleep Tips\" class=\"w-full h-full object-cover\">\n <button class=\"absolute inset-0 flex items-center justify-center bg-black\/20 hover:bg-black\/30 transition-colors duration-120 audio-player-button\" onclick=\"playAudio(3)\">\n <div class=\"w-16 h-16 bg-white rounded-full flex items-center justify-center shadow-lg\">\n <svg id=\"playIcon3\" class=\"w-8 h-8 text-primary ml-1\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"><\/polygon>\n <\/svg>\n <svg id=\"pauseIcon3\" class=\"w-8 h-8 text-primary hidden\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"><\/rect>\n <\/svg>\n <\/div>\n <\/button>\n <\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center justify-between mb-2\">\n <h3 class=\"font-semibold text-text-primary\">Travel Sleep Tips<\/h3>\n <span class=\"text-sm text-text-muted\">3 min<\/span>\n <\/div>\n <p class=\"text-text-muted text-sm\">Rest better wherever you are<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- AI Support Section -->\n <section class=\"py-16 lg:py-24 bg-secondary\">\n <div class=\"max-w-container mx-auto px-gutter\">\n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <div class=\"space-y-6 animate-fade-up\">\n <h2 class=\"text-3xl lg:text-4xl font-bold text-text-primary\">\n Always-on support\n <\/h2>\n <p class=\"text-lg text-text-muted leading-relaxed\">\n Meet Harmony, your AI companion. Get personalized recommendations, track your progress, and find support when you need it.\n <\/p>\n <div class=\"pt-4\">\n <a href=\"#\" class=\"bg-primary text-white px-6 py-3 rounded-pill font-medium hover:bg-primary\/90 transition-all duration-120 inline-block focus-visible:focus\">\n Chat with Harmony\n <\/a>\n <\/div>\n <\/div>\n \n <!-- Chat Mockup -->\n <div class=\"animate-fade-up\" style=\"animation-delay: 200ms\">\n <div class=\"bg-white rounded-2xl p-6 shadow-lg max-w-md mx-auto\">\n <div class=\"space-y-4\">\n <div class=\"flex items-start space-x-3\">\n <div class=\"w-8 h-8 bg-primary rounded-full flex items-center justify-center flex-shrink-0\">\n <span class=\"text-white text-sm font-medium\">H<\/span>\n <\/div>\n <div class=\"bg-gray-100 rounded-2xl px-4 py-2 animate-scale-in\">\n <p class=\"text-sm text-text-primary\">\n Hi! How are you feeling today?\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start space-x-3 justify-end\">\n <div class=\"bg-primary rounded-2xl px-4 py-2 animate-scale-in\" style=\"animation-delay: 500ms\">\n <p class=\"text-sm text-white\">\n A bit stressed with work\n <\/p>\n <\/div>\n <div class=\"w-8 h-8 bg-text-muted rounded-full flex items-center justify-center flex-shrink-0\">\n <span class=\"text-white text-sm font-medium\">V<\/span>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start space-x-3\">\n <div class=\"w-8 h-8 bg-primary rounded-full flex items-center justify-center flex-shrink-0\">\n <span class=\"text-white text-sm font-medium\">H<\/span>\n <\/div>\n <div class=\"bg-gray-100 rounded-2xl px-4 py-2 animate-scale-in\" style=\"animation-delay: 800ms\">\n <p class=\"text-sm text-text-primary\">\n I have a quick breathing exercise that might help. Would you like to try it?\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Experts Section -->\n <section class=\"py-16 lg:py-24 bg-white\">\n <div class=\"max-w-container mx-auto px-gutter\">\n <div class=\"text-center mb-12 animate-fade-up\">\n <h2 class=\"text-3xl lg:text-4xl font-bold text-text-primary mb-4\">\n Created by experts, delivered with care\n <\/h2>\n <p class=\"text-lg text-text-muted max-w-2xl mx-auto\">\n Our content is created by licensed mental health professionals and backed by scientific research.\n <\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\n <div class=\"text-center p-6 border border-border rounded-2xl hover:border-primary transition-colors duration-120 animate-fade-up focus-within:border-primary\" tabindex=\"0\">\n <div class=\"w-20 h-20 bg-gradient-to-br from-primary to-accent-1 rounded-full mx-auto mb-4 flex items-center justify-center\">\n <span class=\"text-white text-2xl font-semibold\">DC<\/span>\n <\/div>\n <h3 class=\"font-semibold text-text-primary mb-1\">Dr. Sarah Chen<\/h3>\n <p class=\"text-text-muted text-sm mb-2\">Clinical Psychologist<\/p>\n <span class=\"inline-block bg-accent-2 text-white text-xs px-3 py-1 rounded-pill\">PhD, Licensed<\/span>\n <\/div>\n\n <div class=\"text-center p-6 border border-border rounded-2xl hover:border-primary transition-colors duration-120 animate-fade-up focus-within:border-primary\" style=\"animation-delay: 100ms\" tabindex=\"0\">\n <div class=\"w-20 h-20 bg-gradient-to-br from-primary to-accent-1 rounded-full mx-auto mb-4 flex items-center justify-center\">\n <span class=\"text-white text-2xl font-semibold\">DR<\/span>\n <\/div>\n <h3 class=\"font-semibold text-text-primary mb-1\">Dr. Michael Rivera<\/h3>\n <p class=\"text-text-muted text-sm mb-2\">Sleep Specialist<\/p>\n <span class=\"inline-block bg-accent-2 text-white text-xs px-3 py-1 rounded-pill\">MD, Board Certified<\/span>\n <\/div>\n\n <div class=\"text-center p-6 border border-border rounded-2xl hover:border-primary transition-colors duration-120 animate-fade-up focus-within:border-primary\" style=\"animation-delay: 200ms\" tabindex=\"0\">\n <div class=\"w-20 h-20 bg-gradient-to-br from-primary to-accent-1 rounded-full mx-auto mb-4 flex items-center justify-center\">\n <span class=\"text-white text-2xl font-semibold\">DE<\/span>\n <\/div>\n <h3 class=\"font-semibold text-text-primary mb-1\">Dr. Emma Johnson<\/h3>\n <p class=\"text-text-muted text-sm mb-2\">Mindfulness Expert<\/p>\n <span class=\"inline-block bg-accent-2 text-white text-xs px-3 py-1 rounded-pill\">PhD, MBSR Certified<\/span>\n <\/div>\n\n <div class=\"text-center p-6 border border-border rounded-2xl hover:border-primary transition-colors duration-120 animate-fade-up focus-within:border-primary\" style=\"animation-delay: 300ms\" tabindex=\"0\">\n <div class=\"w-20 h-20 bg-gradient-to-br from-primary to-accent-1 rounded-full mx-auto mb-4 flex items-center justify-center\">\n <span class=\"text-white text-2xl font-semibold\">DJ<\/span>\n <\/div>\n <h3 class=\"font-semibold text-text-primary mb-1\">Dr. James Park<\/h3>\n <p class=\"text-text-muted text-sm mb-2\">Anxiety Therapist<\/p>\n <span class=\"inline-block bg-accent-2 text-white text-xs px-3 py-1 rounded-pill\">PsyD, Licensed<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- B2B Social Proof -->\n <section class=\"py-16 lg:py-24 bg-secondary\">\n <div class=\"max-w-container mx-auto px-gutter text-center\">\n <div class=\"animate-fade-up\">\n <h2 class=\"text-3xl lg:text-4xl font-bold text-text-primary mb-8\">\n Trusted by over 4,000 organizations\n <\/h2>\n \n <!-- Logo Carousel -->\n <div class=\"overflow-hidden\">\n <div class=\"flex items-center justify-center space-x-12\">\n <div class=\"flex-shrink-0 w-32 h-16 bg-white rounded-lg flex items-center justify-center shadow-sm\">\n <span class=\"text-text-muted font-medium\">TechCorp<\/span>\n <\/div>\n <div class=\"flex-shrink-0 w-32 h-16 bg-white rounded-lg flex items-center justify-center shadow-sm\">\n <span class=\"text-text-muted font-medium\">HealthPlus<\/span>\n <\/div>\n <div class=\"flex-shrink-0 w-32 h-16 bg-white rounded-lg flex items-center justify-center shadow-sm\">\n <span class=\"text-text-muted font-medium\">InnovateInc<\/span>\n <\/div>\n <div class=\"flex-shrink-0 w-32 h-16 bg-white rounded-lg flex items-center justify-center shadow-sm\">\n <span class=\"text-text-muted font-medium\">Wellness Co<\/span>\n <\/div>\n <div class=\"flex-shrink-0 w-32 h-16 bg-white rounded-lg flex items-center justify-center shadow-sm\">\n <span class=\"text-text-muted font-medium\">FutureTech<\/span>\n <\/div>\n <div class=\"flex-shrink-0 w-32 h-16 bg-white rounded-lg flex items-center justify-center shadow-sm\">\n <span class=\"text-text-muted font-medium\">CareFirst<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-8\">\n <a href=\"#\" class=\"bg-primary text-white px-6 py-3 rounded-pill font-medium hover:bg-primary\/90 transition-all duration-120 inline-block focus-visible:focus\">\n Request a demo\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Metrics -->\n <section class=\"py-16 lg:py-24 bg-white\">\n <div class=\"max-w-container mx-auto px-gutter\">\n <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"text-center p-6 bg-white border border-border rounded-2xl shadow-sm animate-fade-up\">\n <div class=\"text-3xl lg:text-4xl font-bold text-primary mb-2\">4.8\u2605<\/div>\n <div class=\"text-text-muted\">App Store Rating<\/div>\n <\/div>\n <div class=\"text-center p-6 bg-white border border-border rounded-2xl shadow-sm animate-fade-up\" style=\"animation-delay: 100ms\">\n <div class=\"text-3xl lg:text-4xl font-bold text-primary mb-2\">10M+<\/div>\n <div class=\"text-text-muted\">Downloads<\/div>\n <\/div>\n <div class=\"text-center p-6 bg-white border border-border rounded-2xl shadow-sm animate-fade-up\" style=\"animation-delay: 200ms\">\n <div class=\"text-3xl lg:text-4xl font-bold text-primary mb-2\">500M+<\/div>\n <div class=\"text-text-muted\">Minutes Meditated<\/div>\n <\/div>\n <div class=\"text-center p-6 bg-white border border-border rounded-2xl shadow-sm animate-fade-up\" style=\"animation-delay: 300ms\">\n <div class=\"text-3xl lg:text-4xl font-bold text-primary mb-2\">190+<\/div>\n <div class=\"text-text-muted\">Countries<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <\/div>\n <\/div>\n\n <!-- Category Modals -->\n <div id=\"modalOverlay\" class=\"fixed inset-0 bg-black\/50 z-50 hidden opacity-0 transition-opacity duration-300\" onclick=\"closeModal()\">\n <div class=\"flex items-center justify-center min-h-screen p-4\">\n <div id=\"modalContent\" class=\"bg-white rounded-2xl shadow-2xl max-w-4xl w-full max-h-[90vh] overflow-y-auto transform scale-95 transition-transform duration-300\" onclick=\"event.stopPropagation()\">\n <!-- Modal content will be populated by JavaScript -->\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Dynamic headline animation\n const headlines = [\n 'Meditate daily',\n 'Sleep better tonight', \n 'Find your harmony',\n 'Cultivate wellbeing'\n ];\n let currentHeadline = 0;\n \n function updateHeadline() {\n const element = document.getElementById('dynamicHeadline');\n element.style.opacity = '0';\n setTimeout(() => {\n currentHeadline = (currentHeadline + 1) % headlines.length;\n element.textContent = headlines[currentHeadline];\n element.style.opacity = '1';\n }, 500);\n }\n \n setInterval(updateHeadline, 4000);\n\n \/\/ Mobile menu toggle\n function toggleMobileMenu() {\n const menu = document.getElementById('mobileMenu');\n const menuIcon = document.getElementById('menuIcon');\n const closeIcon = document.getElementById('closeIcon');\n \n if (menu.classList.contains('hidden')) {\n menu.classList.remove('hidden');\n menuIcon.classList.add('hidden');\n closeIcon.classList.remove('hidden');\n } else {\n menu.classList.add('hidden');\n menuIcon.classList.remove('hidden');\n closeIcon.classList.add('hidden');\n }\n }\n\n \/\/ Audio player functionality\n const audioPlayers = [];\n \n function playAudio(id) {\n const playIcon = document.getElementById(`playIcon${id}`);\n const pauseIcon = document.getElementById(`pauseIcon${id}`);\n \n \/\/ Stop all other audio players\n audioPlayers.forEach((player, index) => {\n if (player && index + 1 !== id) {\n player.pause();\n document.getElementById(`playIcon${index + 1}`).classList.remove('hidden');\n document.getElementById(`pauseIcon${index + 1}`).classList.add('hidden');\n }\n });\n \n if (!audioPlayers[id - 1]) {\n \/\/ Create a dummy audio for demo purposes\n audioPlayers[id - 1] = {\n paused: true,\n play: () => {\n audioPlayers[id - 1].paused = false;\n playIcon.classList.add('hidden');\n pauseIcon.classList.remove('hidden');\n \/\/ Auto pause after 3 seconds for demo\n setTimeout(() => {\n if (!audioPlayers[id - 1].paused) {\n audioPlayers[id - 1].pause();\n }\n }, 3000);\n },\n pause: () => {\n audioPlayers[id - 1].paused = true;\n playIcon.classList.remove('hidden');\n pauseIcon.classList.add('hidden');\n }\n };\n }\n \n if (audioPlayers[id - 1].paused) {\n audioPlayers[id - 1].play();\n } else {\n audioPlayers[id - 1].pause();\n }\n }\n\n \/\/ Modal functionality\n const modalData = {\n stress: {\n title: 'Reduce stress',\n icon: '\ud83c\udf3f',\n heroImage: 'https:\/\/images.unsplash.com\/photo-1506905925346-21bda4d32df4?w=800&h=400&fit=crop',\n description: 'Find calm in chaos with guided breathing exercises, mindfulness practices, and stress-relief techniques designed to help you manage daily pressures.',\n features: [\n { icon: '\ud83c\udf2c\ufe0f', title: 'Breathing exercises', description: 'Quick 2-5 minute sessions for immediate relief' },\n { icon: '\ud83e\uddd8', title: 'Mindfulness practices', description: 'Learn to observe thoughts without judgment' }, \n { icon: '\ud83d\udc86\u200d\u2640\ufe0f', title: 'Body relaxation', description: 'Progressive muscle relaxation techniques' },\n { icon: '\ud83c\udfaf', title: 'Stress tracking', description: 'Monitor your stress levels and progress' }\n ],\n cta: 'Start reducing stress'\n },\n sleep: {\n title: 'Sleep better',\n icon: '\ud83d\ude34',\n heroImage: 'https:\/\/images.unsplash.com\/photo-1541781774459-bb2af2f05b55?w=800&h=400&fit=crop',\n description: 'Fall asleep peacefully with relaxing stories, soothing sounds, and gentle meditations designed to prepare your mind for restful sleep.',\n features: [\n { icon: '\ud83d\udcd6', title: 'Sleep stories', description: 'Calming narratives to drift off peacefully' },\n { icon: '\ud83c\udf0a', title: 'Nature sounds', description: 'Rain, ocean waves, and forest ambiance' },\n { icon: '\ud83e\uddd8\u200d\u2640\ufe0f', title: 'Sleep meditations', description: 'Body scans and relaxation practices' },\n { icon: '\u23f0', title: 'Sleep routine', description: 'Build healthy bedtime habits' }\n ],\n cta: 'Improve sleep tonight'\n },\n anxiety: {\n title: 'Manage anxiety',\n icon: '\ud83e\uddd8\u200d\u2640\ufe0f',\n heroImage: 'https:\/\/images.unsplash.com\/photo-1528319725582-ddc096101511?w=800&h=400&fit=crop',\n description: 'Gentle techniques to calm anxious thoughts, reduce worry, and build resilience with expert-guided practices for anxiety management.',\n features: [\n { icon: '\ud83d\udee1\ufe0f', title: 'Anxiety relief', description: 'Immediate techniques for anxious moments' },\n { icon: '\ud83d\udd04', title: 'Worry cycles', description: 'Break patterns of repetitive thinking' },\n { icon: '\ud83d\udcaa', title: 'Build resilience', description: 'Strengthen your ability to cope' },\n { icon: '\ud83d\udcf1', title: 'SOS sessions', description: 'Quick help when anxiety peaks' }\n ],\n cta: 'Calm anxiety now'\n },\n thoughts: {\n title: 'Process thoughts',\n icon: '\ud83d\udcad',\n heroImage: 'https:\/\/images.unsplash.com\/photo-1455390582262-044cdead277a?w=800&h=400&fit=crop',\n description: 'Reflect and journal with guided prompts, mindful observation techniques, and thought processing exercises for mental clarity.',\n features: [\n { icon: '\ud83d\udcdd', title: 'Guided journaling', description: 'Structured prompts for self-reflection' },\n { icon: '\ud83d\udd0d', title: 'Thought awareness', description: 'Learn to observe your thinking patterns' },\n { icon: '\ud83c\udf1f', title: 'Clarity sessions', description: 'Organize thoughts and gain perspective' },\n { icon: '\ud83d\udca1', title: 'Insight tracking', description: 'Record breakthroughs and learnings' }\n ],\n cta: 'Start reflecting'\n },\n meditation: {\n title: 'Practice meditation',\n icon: '\ud83e\uddd8',\n heroImage: 'https:\/\/images.unsplash.com\/photo-1506905925346-21bda4d32df4?w=800&h=400&fit=crop',\n description: 'Develop mindfulness with daily practice through guided sessions, breathing techniques, and meditation fundamentals for all experience levels.',\n features: [\n { icon: '\ud83c\udfaf', title: 'Daily practice', description: 'Build a consistent meditation habit' },\n { icon: '\ud83d\udcda', title: 'Learning path', description: 'Progress from beginner to advanced' },\n { icon: '\u23f1\ufe0f', title: 'Flexible timing', description: '3-60 minute sessions to fit your schedule' },\n { icon: '\ud83d\udcca', title: 'Progress tracking', description: 'See your mindfulness journey unfold' }\n ],\n cta: 'Start meditating'\n },\n therapy: {\n title: 'Start therapy',\n icon: '\ud83d\udc9a',\n heroImage: 'https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?w=800&h=400&fit=crop',\n description: 'Connect with licensed mental health professionals through secure, convenient online sessions tailored to your specific needs and goals.',\n features: [\n { icon: '\ud83d\udc69\u200d\u2695\ufe0f', title: 'Licensed therapists', description: 'Work with qualified mental health professionals' },\n { icon: '\ud83d\udcbb', title: 'Online sessions', description: 'Secure video calls from home' },\n { icon: '\ud83c\udfaf', title: 'Personalized care', description: 'Treatment plans tailored to your needs' },\n { icon: '\ud83d\udccb', title: 'Insurance support', description: 'Many insurance plans accepted' }\n ],\n cta: 'Find a therapist'\n }\n };\n\n function openModal(category) {\n const data = modalData[category];\n const overlay = document.getElementById('modalOverlay');\n const content = document.getElementById('modalContent');\n \n content.innerHTML = `\n <button onclick=\"closeModal()\" class=\"absolute top-4 right-4 z-10 w-10 h-10 bg-white rounded-full flex items-center justify-center shadow-lg hover:shadow-xl transition-shadow duration-120\">\n <svg class=\"w-6 h-6 text-text-primary\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n \n <div class=\"relative\">\n <img decoding=\"async\" src=\"${data.heroImage}\" alt=\"${data.title}\" class=\"w-full h-64 object-cover rounded-t-2xl\">\n <div class=\"absolute inset-0 bg-black\/20 rounded-t-2xl\"><\/div>\n <div class=\"absolute bottom-6 left-6\">\n <div class=\"flex items-center space-x-3\">\n <div class=\"text-5xl\">${data.icon}<\/div>\n <h2 class=\"text-3xl font-bold text-white\">${data.title}<\/h2>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"p-8\">\n <p class=\"text-lg text-text-muted mb-8 leading-relaxed\">\n ${data.description}\n <\/p>\n \n <div class=\"grid md:grid-cols-2 gap-6 mb-8\">\n ${data.features.map(feature => `\n <div class=\"flex items-start space-x-4\">\n <div class=\"text-2xl\">${feature.icon}<\/div>\n <div>\n <h3 class=\"font-semibold text-text-primary mb-1\">${feature.title}<\/h3>\n <p class=\"text-text-muted text-sm\">${feature.description}<\/p>\n <\/div>\n <\/div>\n `).join('')}\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#\" class=\"bg-primary text-white px-8 py-4 rounded-pill font-medium hover:bg-primary\/90 hover:shadow-lg transform hover:-translate-y-0.5 transition-all duration-120 text-center\">\n ${data.cta}\n <\/a>\n <a href=\"#\" class=\"border border-border text-text-primary px-8 py-4 rounded-pill font-medium hover:border-primary hover:text-primary hover:shadow-md transform hover:-translate-y-0.5 transition-all duration-120 text-center\">\n Learn more\n <\/a>\n <\/div>\n <\/div>\n `;\n \n overlay.classList.remove('hidden');\n setTimeout(() => {\n overlay.classList.remove('opacity-0');\n content.classList.remove('scale-95');\n content.classList.add('scale-100');\n }, 10);\n }\n\n function closeModal() {\n const overlay = document.getElementById('modalOverlay');\n const content = document.getElementById('modalContent');\n \n overlay.classList.add('opacity-0');\n content.classList.remove('scale-100');\n content.classList.add('scale-95');\n \n setTimeout(() => {\n overlay.classList.add('hidden');\n }, 300);\n }\n\n \/\/ Close modal with Escape key\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n closeModal();\n }\n });\n\n \/\/ Header scroll effect\n window.addEventListener('scroll', function() {\n const header = document.querySelector('header');\n if (window.scrollY > 10) {\n header.classList.add('shadow-lg');\n header.classList.remove('bg-white\/95');\n header.classList.add('bg-white');\n } else {\n header.classList.remove('shadow-lg');\n header.classList.remove('bg-white');\n header.classList.add('bg-white\/95');\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Aloharmony – Medita\u00e7\u00e3o, Sono e Bem-estar Aloharmony For You For Work Pricing Resources About Help Log in Get started For You For Work Pricing Resources About Log in Get started Medite daily with Aloharmony Discover inner peace with guided meditations, sleep stories, and personalized support from mental health experts. Start free today Explore library Online […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-172","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/betsend.com.br\/en\/wp-json\/wp\/v2\/pages\/172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/betsend.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/betsend.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/betsend.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/betsend.com.br\/en\/wp-json\/wp\/v2\/comments?post=172"}],"version-history":[{"count":4,"href":"https:\/\/betsend.com.br\/en\/wp-json\/wp\/v2\/pages\/172\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/betsend.com.br\/en\/wp-json\/wp\/v2\/pages\/172\/revisions\/176"}],"wp:attachment":[{"href":"https:\/\/betsend.com.br\/en\/wp-json\/wp\/v2\/media?parent=172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}