Page Title \u2014 Brand<\/title>\n <meta name=\"description\" content=\"One clear sentence describing the page purpose.\" \/>\n\n \n <meta property=\"og:title\" content=\"Page Title \u2014 Brand\" \/>\n <meta property=\"og:description\" content=\"One clear sentence describing the page purpose.\" \/>\n <meta property=\"og:type\" content=\"website\" \/>\n <meta property=\"og:url\" content=\"https:\/\/example.com\/page\" \/>\n <meta property=\"og:image\" content=\"https:\/\/example.com\/og-image.jpg\" \/>\n\n \n <link rel=\"icon\" href=\"\/favicon.ico\" sizes=\"any\">\n <link rel=\"icon\" href=\"\/icon.svg\" type=\"image\/svg+xml\">\n <link rel=\"apple-touch-icon\" href=\"\/apple-touch-icon.png\">\n\n \n <link rel=\"preload\" href=\"\/fonts\/YourFont-Variable.woff2\" as=\"font\" type=\"font\/woff2\" crossorigin>\n\n \n <style>\n :root {\n --bg: #ffffff;\n --ink: #1f2937;\n --muted: #6b7280;\n --brand: #6b5cff; \/* update to your brand *\/\n --brand-ink: #1a1a1a;\n --surface: #f7f7fb;\n --radius: 14px;\n }\n * { box-sizing: border-box; }\n html, body { height: 100%; }\n body {\n margin: 0;\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, sans-serif;\n color: var(--ink);\n background: var(--bg);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n .container { width: min(1120px, 92vw); margin: 0 auto; }\n header[role=\"banner\"] {\n position: sticky; top: 0; z-index: 50;\n background: rgba(255,255,255,.85); backdrop-filter: blur(8px);\n border-bottom: 1px solid #eee;\n }\n nav { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; }\n nav a { color: var(--ink); text-decoration: none; padding: 8px 10px; border-radius: 8px; }\n nav a[aria-current=\"page\"] { color: var(--brand); font-weight: 600; }\n .btn {\n display: inline-flex; align-items: center; gap: .5rem;\n background: var(--brand); color: white; padding: 10px 14px; border-radius: 999px;\n text-decoration: none; font-weight: 600; border: 0;\n }\n .btn.ghost { background: transparent; color: var(--brand); border: 1px solid var(--brand); }\n .hero { padding: 64px 0 24px; }\n .hero h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; margin: 0 0 10px; letter-spacing: -0.015em; }\n .hero p { color: var(--muted); margin: 0 0 20px; font-size: 1.05rem; }\n .grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }\n .card {\n background: var(--surface); border: 1px solid #e9e9f3; border-radius: var(--radius);\n padding: 18px; box-shadow: 0 1px 0 rgba(0,0,0,.04);\n }\n .sr-only {\n position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;\n }\n footer { margin-top: 56px; padding: 32px 0; border-top: 1px solid #eee; color: var(--muted); }\n form.inline { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }\n input[type=\"email\"] {\n flex: 1 1 260px; min-width: 220px; padding: 12px 14px; border: 1px solid #ddd; border-radius: 999px;\n font: inherit; color: var(--ink);\n }\n <\/style>\n<\/head>\n<body>\n <a class=\"sr-only\" href=\"#main\">Skip to content<\/a>\n\n <header role=\"banner\">\n <div class=\"container\">\n <nav aria-label=\"Primary\">\n <a href=\"\/\" class=\"brand\" aria-label=\"Home\">\n <img decoding=\"async\" src=\"https:\/\/madlysane.site\/wp-content\/uploads\/2024\/11\/Designer-2-100x100-1.jpeg\" alt=\"Brand logo\" height=\"28\" \/>\n <\/a>\n <div role=\"navigation\" aria-label=\"Main\">\n <a href=\"\/resources\">Resources<\/a>\n <a href=\"https:\/\/madlysane.site\/en\/psychology-tools\/\">Tools<\/a>\n <a href=\"\/about\">About Mental Health<\/a>\n <a href=\"\/contact\">Contact<\/a>\n <a href=\"https:\/\/madlysane.site\/en\/306-2\/\" class=\"btn\">Join<\/a>\n <\/div>\n <\/nav>\n <\/div>\n <\/header>\n\n <main id=\"main\" tabindex=\"-1\">\n <section class=\"hero\">\n <div class=\"container\">\n <h1>Gentle support that adapts to you<\/h1>\n <p>Short, honest promise that respects privacy and lets people move at their own pace.<\/p>\n <div style=\"display:flex; gap:10px; flex-wrap:wrap;\">\n <a class=\"btn\" href=\"#start\">Start small<\/a>\n <a href=\"#how-it-works\" class=\"btn\">See how it works<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"container\" id=\"start\" aria-labelledby=\"start-title\">\n <h2 id=\"start-title\">What would help right now?<\/h2>\n <div class=\"grid\" role=\"list\">\n <article class=\"card\" role=\"listitem\">\n <h3>Affirmation + micro-step<\/h3>\n <p>One kind sentence, one doable action.<\/p>\n <button class=\"btn\" type=\"button\" data-open=\"affirm\">Open<\/button>\n <\/article>\n <article class=\"card\" role=\"listitem\">\n <h3>Advocacy guide<\/h3>\n <p>Clear, printable steps you can trust.<\/p>\n <a class=\"btn\" href=\"https:\/\/madlysane.site\/en\/advocacy-guide\/\">View<\/a>\n <\/article>\n <article class=\"card\" role=\"listitem\">\n <h3>Private notes<\/h3>\n <p>Jot thoughts locally. Nothing leaves your device.<\/p>\n <button class=\"btn\" type=\"button\" data-open=\"notes\">Open<\/button>\n <\/article>\n <\/div>\n <\/section>\n\n \n <section id=\"affirm-modal\" hidden aria-hidden=\"true\" aria-labelledby=\"affirm-title\" role=\"dialog\">\n <div class=\"container card\" style=\"max-width:720px; margin-top:24px;\">\n <h3 id=\"affirm-title\">A kind reminder<\/h3>\n <p id=\"affirm-text\">You\u2019re allowed to take this slowly.<\/p>\n <p id=\"microstep-text\"><strong>Try:<\/strong> Put a hand on your heart and take one steady breath.<\/p>\n <div style=\"display:flex; gap:10px; flex-wrap:wrap;\">\n <button class=\"btn\" type=\"button\" data-next=\"affirm\">Another<\/button>\n <button class=\"btn ghost\" type=\"button\" data-close=\"affirm\">Close<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"notes-modal\" hidden aria-hidden=\"true\" aria-labelledby=\"notes-title\" role=\"dialog\">\n <div class=\"container card\" style=\"max-width:720px; margin-top:24px;\">\n <h3 id=\"notes-title\">Private notes (stored only on this device)<\/h3>\n <textarea id=\"notes\" rows=\"8\" style=\"width:100%; padding:12px; border-radius:12px; border:1px solid #ddd;\"><\/textarea>\n <div style=\"display:flex; gap:10px; margin-top:10px;\">\n <button class=\"btn\" type=\"button\" id=\"save-notes\">Save<\/button>\n <button class=\"btn ghost\" type=\"button\" data-close=\"notes\">Close<\/button>\n <\/div>\n <p class=\"muted\" aria-live=\"polite\" id=\"notes-status\" style=\"color:var(--muted); margin-top:8px;\"><\/p>\n <\/div>\n <\/section>\n <\/main>\n\n <footer role=\"contentinfo\">\n <div class=\"container\">\n <form action=\"https:\/\/formsubmit.co\/601a28f39728f1fb7bdd0cf275197606\" method=\"POST\">\n \n \n <input type=\"hidden\" name=\"Request Type\" value=\"Subscribe for NeuroNexus Navigator updates\">\n \n \n <label for=\"email\">Email (optional):<\/label>\n <input type=\"email\" name=\"Email\" id=\"email\" placeholder=\"you@example.com\">\n \n \n <label for=\"update-topic\">I\u2019d like updates about:<\/label>\n <input type=\"text\" name=\"Update Topic\" id=\"update-topic\" placeholder=\"e.g., NeuroNexus features, Gentle Support tips\">\n \n \n <input type=\"hidden\" name=\"_next\" value=\"https:\/\/madlysane.site\/thank-you\">\n <input type=\"hidden\" name=\"_subject\" value=\"New Update Request from MadlySane\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n \n \n <button type=\"submit\">Get Update<\/button>\n<\/form>\n\n\n <div style=\"display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:18px;\">\n <small>\u00a9 <span id=\"year\"><\/span> Brand. All rights reserved.<\/small>\n <nav aria-label=\"Footer\">\n <a href=\"\/privacy\">Privacy<\/a> \u00b7 <a href=\"\/terms\">Terms<\/a> \u00b7 <a href=\"\/contact\">Contact<\/a>\n <\/nav>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Year\n document.getElementById('year').textContent = new Date().getFullYear();\n\n \/\/ Simple modal toggles\n const toggle = (id, show) => {\n const el = document.getElementById(id + '-modal');\n const hidden = !show;\n el.hidden = hidden;\n el.setAttribute('aria-hidden', String(hidden));\n if (show) el.querySelector('button, [href], textarea')?.focus();\n };\n document.querySelectorAll('[data-open]').forEach(b => {\n b.addEventListener('click', () => toggle(b.dataset.open, true));\n });\n document.querySelectorAll('[data-close]').forEach(b => {\n b.addEventListener('click', () => toggle(b.dataset.close, false));\n });\n\n \/\/ Private notes stored locally\n const notesEl = document.getElementById('notes');\n const statusEl = document.getElementById('notes-status');\n const saveBtn = document.getElementById('save-notes');\n const KEY = 'ms_private_notes_v1';\n if (notesEl) {\n notesEl.value = localStorage.getItem(KEY) || '';\n saveBtn?.addEventListener('click', () => {\n localStorage.setItem(KEY, notesEl.value);\n statusEl.textContent = 'Saved locally.';\n setTimeout(() => statusEl.textContent = '', 2000);\n });\n }\n\n \/\/ Affirmations (example list; replace with your content)\n const affirmations = [\n { a: \"You\u2019re allowed to take this slowly.\", m: \"Place a hand on your heart. One steady breath.\" },\n { a: \"Small steps still count.\", m: \"Name one thing that felt doable today.\" },\n { a: \"You don\u2019t have to earn rest.\", m: \"Sit back for 30 seconds. Shoulders down.\" }\n ];\n const aText = document.getElementById('affirm-text');\n const mText = document.getElementById('microstep-text');\n document.querySelector('[data-next=\"affirm\"]')?.addEventListener('click', () => {\n const pick = affirmations[Math.floor(Math.random() * affirmations.length)];\n aText.textContent = pick.a;\n mText.innerHTML = '<strong>Try:<\/strong> ' + pick.m;\n });\n\n \/\/ Email capture (no trackers, minimal validation)\n document.getElementById('join')?.addEventListener('submit', (e) => {\n e.preventDefault();\n const email = document.getElementById('email').value.trim();\n if (email && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\n alert('Please enter a valid email or leave blank.');\n return;\n }\n \/\/ Replace with your endpoint; consider double opt-in.\n alert('Thank you! You\u2019re on the list.');\n e.target.reset();\n });\n <\/script><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<title>How It Works \u2014 NeuroNexus Navigator Dashboard | MadlySane<\/title>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<style>\nbody { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background:#f8f9fb; color:#222; margin:0; line-height:1.6; }\nheader, footer { background:#fff; border-block:1px solid #e0e4eb; }\nheader { border-top:none; }\nfooter { border-bottom:none; }\n.container { max-width: 960px; margin: 0 auto; padding: 20px; }\nh1 { margin: 0; font-size: clamp(1.6rem, 2.8vw, 2rem); color:#333; }\n.lead { color:#555; max-width:720px; }\n.grid { display:grid; gap:16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top:16px; }\n.step, .card { background:#fff; border:1px solid #e0e4eb; border-radius:12px; padding:16px; }\n.step h2 { margin:6px 0 8px; font-size:1.15rem; color:#333; }\n.icon { font-size:1.6rem; }\n.badge { display:inline-block; background:#eef2ff; color:#3730a3; padding:4px 10px; border-radius:999px; font-weight:600; font-size:.85rem; }\n.btn { display:inline-block; background:#6b5cff; color:#fff; text-decoration:none; padding:10px 16px; border-radius:999px; font-weight:600; }\n.btn.ghost { background:transparent; color:#6b5cff; border:1px solid #6b5cff; }\nsmall.muted { color:#666; }\n<\/style>\n<\/head>\n<body>\n<header>\n<header>\n <div class=\"container\" id=\"how-it-works\">\n <section class=\"container\" aria-labelledby=\"how-it-works-title\">\n\n <h1 id=\"how-it-works-title\">How the NeuroNexus Navigator works<\/h1>\n <p class=\"lead\">\n A focused dashboard to choose your path, check in quickly, and get the right tools \u2014 without overwhelm.\n <\/p>\n\n <\/section>\n <\/div>\n<\/header>\n\n<main>\n <section class=\"container\">\n <div class=\"grid\">\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 1 \u2014 Pick a focus lane<\/h2>\n <p>Choose what you need now: Calm, Boundaries, Executive Function, Mood, or Relationships. You can switch lanes anytime.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 2 \u2014 30\u2011second check\u2011in<\/h2>\n <p>Slide a quick \u201cHow\u2019s today?\u201d scale. This calibrates gentle recommendations \u2014 no judgment, no data leaves your device by default.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 3 \u2014 Get matched tools<\/h2>\n <p>See two to three small, clear actions: a micro\u2011step, a visual guide, or a short practice. Tap to open; save favorites locally.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 4 \u2014 Pin your top picks<\/h2>\n <p>Pin tools to your dashboard for fast access. Reorder them to fit your day and energy.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 5 \u2014 Gentle trends<\/h2>\n <p>When you return, you\u2019ll see a simple local trend \u2014 \u201cmore settled,\u201d \u201cabout the same,\u201d or \u201crough patch\u201d \u2014 to help you adjust kindly.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 6 \u2014 Upgrade when ready<\/h2>\n <p>Optionally connect with deeper guides or a consult session for tailored help, if that feels helpful.<\/p>\n <\/article>\n <\/div>\n <\/section>\n<\/main>\n <section class=\"container\">\n <div class=\"card\">\n <span class=\"badge\">Privacy\u2011first<\/span>\n <p style=\"margin:8px 0 0;\">Your check\u2011ins and pins are stored on your device unless you choose to sync. You\u2019re in control.<\/p>\n <div style=\"display:flex; gap:10px; flex-wrap:wrap; margin-top:10px;\">\n <a class=\"btn\" href=\"\/en\/neuronexus-navigator-dashboard\/\">Open NeuroNexus<\/a>\n <a class=\"btn ghost\" href=\"https:\/\/madlysane.site\/en\/how-it-works\/\">Explore other hubs<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"container\">\n <div class=\"grid\">\n <div class=\"card\">\n <h2 style=\"margin:0 0 6px; font-size:1.05rem;\">FAQ \u2014 Do I need to set anything up?<\/h2>\n <p>No setup required. Pick a lane, do a quick check\u2011in, and you\u2019re rolling.<\/p>\n <\/div>\n <div class=\"card\">\n <h2 style=\"margin:0 0 6px; font-size:1.05rem;\">Can I switch lanes later?<\/h2>\n <p>Yes \u2014 switch as often as you like. NeuroNexus is built for real\u2011life changes.<\/p>\n <\/div>\n <div class=\"card\">\n <h2 style=\"margin:0 0 6px; font-size:1.05rem;\">Will this track me?<\/h2>\n <p>By default, no. Everything is local. If you opt in to sync across devices, we\u2019ll explain exactly what happens and why.<\/p>\n <\/div>\n <\/div>\n <\/section>\n<\/main>\n\n<\/footer>\n<script>document.getElementById('year').textContent = new Date().getFullYear();<\/script>\n<\/body>\n<\/html>\n\n<\/body>\n<\/html>\n\n\n\n\n<div id=\"ms-float\" style=\"position:fixed;bottom:20px;right:20px;z-index:9999;\">\n <button id=\"ms-open\" aria-label=\"Open support panel\"\n style=\"background:#2563eb;color:#fff;border:none;border-radius:50%;width:56px;height:56px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.2);font-size:24px;\">\n \u2764\ufe0f\n <\/button>\n<\/div>\n\n\n<div id=\"ms-stay\" style=\"display:none;position:fixed;bottom:90px;right:18px;max-width:360px;width:calc(100vw - 36px);z-index:9998;\">\n <div id=\"ms-card\" style=\"background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.08);overflow:hidden;\">\n\n \n <div style=\"padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;\">\n <div id=\"ms-greet\" style=\"font-weight:700;font-size:15px;color:#0f172a;\">Welcome<\/div>\n <div style=\"font-size:12.5px;color:#475569;\">You belong here. If things feel heavy, you\u2019re not alone.<\/div>\n <\/div>\n\n \n <div style=\"padding:12px;background:#000;\">\n <div style=\"font-size:0.85rem;opacity:0.9;margin-bottom:4px;color:#fff;\">\n \u201clow self esteem\u201d \u2014 Cat\u202fBurns\n <\/div>\n <div style=\"position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;\">\n <iframe\n src=\"https:\/\/www.youtube-nocookie.com\/embed\/WJAt6SQKqwQ?rel=0&modestbranding=1\"\n title=\"Cat Burns \u2014 low self esteem (Official Lyric Video)\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:8px;\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div style=\"padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;\">\n <button id=\"ms-affirm\" style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f0f9ff;cursor:pointer;text-align:left;\">\n <div style=\"font-weight:700;color:#0c4a6e;font-size:14px;\">Affirmation Builder<\/div>\n <div style=\"font-size:12.5px;color:#0c4a6e;\">Write one kind truth<\/div>\n <\/button>\n\n <button id=\"ms-confidence\" style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#ecfdf5;cursor:pointer;text-align:left;\">\n <div style=\"font-weight:700;color:#065f46;font-size:14px;\">Confidence Micro\u2011Step<\/div>\n <div style=\"font-size:12.5px;color:#065f46;\">Do one small brave thing<\/div>\n <\/button>\n\n <a href=\"tel:988\" style=\"text-decoration:none;\">\n <div style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fdecec;\">\n <div style=\"font-weight:800;color:#7f1d1d;font-size:14px;\">Call 988 (US)<\/div>\n <div style=\"font-size:12.5px;color:#7f1d1d;\">24\/7 Suicide & Crisis Lifeline<\/div>\n <\/div>\n <\/a>\n\n <a href=\"sms:988\" style=\"text-decoration:none;\">\n <div style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#eef2ff;\">\n <div style=\"font-weight:800;color:#3730a3;font-size:14px;\">Text 988 (US)<\/div>\n <div style=\"font-size:12.5px;color:#3730a3;\">Free & confidential<\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/988lifeline.org\/chat\" target=\"_blank\" rel=\"noopener\" style=\"grid-column: span 2; text-decoration:none;\">\n <div style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff7ed;\">\n <div style=\"font-weight:800;color:#9a3412;font-size:14px;\">Chat with 988<\/div>\n <div style=\"font-size:12.5px;color:#9a3412;\">Open secure chat in a new tab<\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/findahelpline.com\/\" target=\"_blank\" rel=\"noopener\" style=\"grid-column: span 2; text-decoration:none;\">\n <div style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f1f5f9;\">\n <div style=\"font-weight:800;color:#0f172a;font-size:14px;\">Outside the US?<\/div>\n <div style=\"font-size:12.5px;color:#334155;\">Find local crisis lines worldwide<\/div>\n <\/div>\n <\/a>\n <\/div>\n\n \n <div id=\"ms-panel\" style=\"border-top:1px solid #e5e7eb;padding:14px;display:none;\">\n <div id=\"ms-affirm-panel\" style=\"display:none;\">\n <div style=\"font-weight:800;color:#111827;\">Affirmation Builder<\/div>\n <div style=\"font-size:12.5px;color:#6b7280;margin-top:4px;\">Write one sentence you believe at least 60% that is kind toward yourself.<\/div>\n <textarea rows=\"3\" placeholder=\"e.g., I am learning and growing every day.\" style=\"margin-top:10px;width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:14px;\"><\/textarea>\n <\/div>\n\n <div id=\"ms-confidence-panel\" style=\"display:none;\">\n <div style=\"font-weight:800;color:#111827;\">Confidence Micro\u2011Step<\/div>\n <div style=\"font-size:12.5px;color:#6b7280;margin-top:4px;\">Choose one small action to prove to yourself you can.<\/div>\n <ul style=\"margin-top:10px;padding-left:20px;font-size:14px;color:#0f172a;\">\n <li>Send a kind message to yourself or a friend<\/li>\n <li>Stand tall and breathe deeply for 30 seconds<\/li>\n <li>Write down one thing you did well today<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div style=\"padding:10px 14px;border-top:1px solid #e5e7eb;background:#f8fafc;display:flex;justify-content:flex-end;\">\n <button id=\"ms-exit\" style=\"border:0;background:#ef4444;color:#fff;border-radius:10px;padding:8px 14px;font-weight:700;cursor:pointer;\">\n Exit\n <\/button>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n const openBtn = document.getElementById('ms-open');\n const stayBox = document.getElementById('ms-stay');\n const exitBtn = document.getElementById('ms-exit');\n const greet = document.getElementById('ms-greet');\n\n \/\/ Greeting\n const h = new Date().getHours();\n greet.textContent = (h < 12 ? 'Good morning' : h < 18 ? 'Good afternoon' : 'Good evening');\n\n \/\/ Open panel\n openBtn.addEventListener('click', () => {\n stayBox.style.display = 'block';\n });\n\n \/\/ Exit logic\n let lastExitClick = 0;\n exitBtn.addEventListener('click', () => {\n const now = Date.now();\n if (now - lastExitClick < 3000) {\n window.location.href = 'https:\/\/www.weather.com\/';\n } else {\n stayBox.style.display = 'none';\n lastExitClick = now;\n const original = exitBtn.textContent;\n exitBtn.textContent = 'Exit (click again to leave)';\n setTimeout(() => {\n exitBtn.textContent = original;\n }, 3000);\n }\n });\n\n \/\/ Panel switching helper\n const panel = document.getElementById('ms-panel');\n const views = {\n affirm: document.getElementById('ms-affirm-panel'),\n confidence: document.getElementById('ms-confidence-panel')\n };\n\n function showPanel(id) {\n panel.style.display = 'block';\n Object.values(views).forEach(v => v.style.display = 'none');\n if (views[id]) {\n views[id].style.display = 'block';\n }\n }\n\n \/\/ Wire up action buttons to panels\n document.getElementById('ms-affirm').addEventListener('click', () => {\n showPanel('affirm');\n });\n\n document.getElementById('ms-confidence').addEventListener('click', () => {\n showPanel('confidence');\n });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Page Title \u2014 Brand Skip to content Resources Tools About Mental Health Contact Join Gentle support that adapts to you Short, honest promise that respects privacy and lets people move at their own pace. Start small See how it works What would help right now? Affirmation + micro-step One kind sentence, one doable action. Open […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-5752","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/5752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/comments?post=5752"}],"version-history":[{"count":4,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/5752\/revisions"}],"predecessor-version":[{"id":5987,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/5752\/revisions\/5987"}],"wp:attachment":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/media?parent=5752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5752,"date":"2025-09-06T23:31:18","date_gmt":"2025-09-07T04:31:18","guid":{"rendered":"https:\/\/madlysane.com\/?page_id=5752"},"modified":"2025-09-07T00:29:44","modified_gmt":"2025-09-07T05:29:44","slug":"gentle-support","status":"publish","type":"page","link":"https:\/\/madlysane.site\/en\/gentle-support\/","title":{"rendered":"Gentle support"},"content":{"rendered":"\n\n\n\n \n \n\n Page Title \u2014 Brand<\/title>\n <meta name=\"description\" content=\"One clear sentence describing the page purpose.\" \/>\n\n \n <meta property=\"og:title\" content=\"Page Title \u2014 Brand\" \/>\n <meta property=\"og:description\" content=\"One clear sentence describing the page purpose.\" \/>\n <meta property=\"og:type\" content=\"website\" \/>\n <meta property=\"og:url\" content=\"https:\/\/example.com\/page\" \/>\n <meta property=\"og:image\" content=\"https:\/\/example.com\/og-image.jpg\" \/>\n\n \n <link rel=\"icon\" href=\"\/favicon.ico\" sizes=\"any\">\n <link rel=\"icon\" href=\"\/icon.svg\" type=\"image\/svg+xml\">\n <link rel=\"apple-touch-icon\" href=\"\/apple-touch-icon.png\">\n\n \n <link rel=\"preload\" href=\"\/fonts\/YourFont-Variable.woff2\" as=\"font\" type=\"font\/woff2\" crossorigin>\n\n \n <style>\n :root {\n --bg: #ffffff;\n --ink: #1f2937;\n --muted: #6b7280;\n --brand: #6b5cff; \/* update to your brand *\/\n --brand-ink: #1a1a1a;\n --surface: #f7f7fb;\n --radius: 14px;\n }\n * { box-sizing: border-box; }\n html, body { height: 100%; }\n body {\n margin: 0;\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, sans-serif;\n color: var(--ink);\n background: var(--bg);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n .container { width: min(1120px, 92vw); margin: 0 auto; }\n header[role=\"banner\"] {\n position: sticky; top: 0; z-index: 50;\n background: rgba(255,255,255,.85); backdrop-filter: blur(8px);\n border-bottom: 1px solid #eee;\n }\n nav { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; }\n nav a { color: var(--ink); text-decoration: none; padding: 8px 10px; border-radius: 8px; }\n nav a[aria-current=\"page\"] { color: var(--brand); font-weight: 600; }\n .btn {\n display: inline-flex; align-items: center; gap: .5rem;\n background: var(--brand); color: white; padding: 10px 14px; border-radius: 999px;\n text-decoration: none; font-weight: 600; border: 0;\n }\n .btn.ghost { background: transparent; color: var(--brand); border: 1px solid var(--brand); }\n .hero { padding: 64px 0 24px; }\n .hero h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; margin: 0 0 10px; letter-spacing: -0.015em; }\n .hero p { color: var(--muted); margin: 0 0 20px; font-size: 1.05rem; }\n .grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }\n .card {\n background: var(--surface); border: 1px solid #e9e9f3; border-radius: var(--radius);\n padding: 18px; box-shadow: 0 1px 0 rgba(0,0,0,.04);\n }\n .sr-only {\n position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;\n }\n footer { margin-top: 56px; padding: 32px 0; border-top: 1px solid #eee; color: var(--muted); }\n form.inline { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }\n input[type=\"email\"] {\n flex: 1 1 260px; min-width: 220px; padding: 12px 14px; border: 1px solid #ddd; border-radius: 999px;\n font: inherit; color: var(--ink);\n }\n <\/style>\n<\/head>\n<body>\n <a class=\"sr-only\" href=\"#main\">Skip to content<\/a>\n\n <header role=\"banner\">\n <div class=\"container\">\n <nav aria-label=\"Primary\">\n <a href=\"\/\" class=\"brand\" aria-label=\"Home\">\n <img decoding=\"async\" src=\"https:\/\/madlysane.site\/wp-content\/uploads\/2024\/11\/Designer-2-100x100-1.jpeg\" alt=\"Brand logo\" height=\"28\" \/>\n <\/a>\n <div role=\"navigation\" aria-label=\"Main\">\n <a href=\"\/resources\">Resources<\/a>\n <a href=\"https:\/\/madlysane.site\/en\/psychology-tools\/\">Tools<\/a>\n <a href=\"\/about\">About Mental Health<\/a>\n <a href=\"\/contact\">Contact<\/a>\n <a href=\"https:\/\/madlysane.site\/en\/306-2\/\" class=\"btn\">Join<\/a>\n <\/div>\n <\/nav>\n <\/div>\n <\/header>\n\n <main id=\"main\" tabindex=\"-1\">\n <section class=\"hero\">\n <div class=\"container\">\n <h1>Gentle support that adapts to you<\/h1>\n <p>Short, honest promise that respects privacy and lets people move at their own pace.<\/p>\n <div style=\"display:flex; gap:10px; flex-wrap:wrap;\">\n <a class=\"btn\" href=\"#start\">Start small<\/a>\n <a href=\"#how-it-works\" class=\"btn\">See how it works<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"container\" id=\"start\" aria-labelledby=\"start-title\">\n <h2 id=\"start-title\">What would help right now?<\/h2>\n <div class=\"grid\" role=\"list\">\n <article class=\"card\" role=\"listitem\">\n <h3>Affirmation + micro-step<\/h3>\n <p>One kind sentence, one doable action.<\/p>\n <button class=\"btn\" type=\"button\" data-open=\"affirm\">Open<\/button>\n <\/article>\n <article class=\"card\" role=\"listitem\">\n <h3>Advocacy guide<\/h3>\n <p>Clear, printable steps you can trust.<\/p>\n <a class=\"btn\" href=\"https:\/\/madlysane.site\/en\/advocacy-guide\/\">View<\/a>\n <\/article>\n <article class=\"card\" role=\"listitem\">\n <h3>Private notes<\/h3>\n <p>Jot thoughts locally. Nothing leaves your device.<\/p>\n <button class=\"btn\" type=\"button\" data-open=\"notes\">Open<\/button>\n <\/article>\n <\/div>\n <\/section>\n\n \n <section id=\"affirm-modal\" hidden aria-hidden=\"true\" aria-labelledby=\"affirm-title\" role=\"dialog\">\n <div class=\"container card\" style=\"max-width:720px; margin-top:24px;\">\n <h3 id=\"affirm-title\">A kind reminder<\/h3>\n <p id=\"affirm-text\">You\u2019re allowed to take this slowly.<\/p>\n <p id=\"microstep-text\"><strong>Try:<\/strong> Put a hand on your heart and take one steady breath.<\/p>\n <div style=\"display:flex; gap:10px; flex-wrap:wrap;\">\n <button class=\"btn\" type=\"button\" data-next=\"affirm\">Another<\/button>\n <button class=\"btn ghost\" type=\"button\" data-close=\"affirm\">Close<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"notes-modal\" hidden aria-hidden=\"true\" aria-labelledby=\"notes-title\" role=\"dialog\">\n <div class=\"container card\" style=\"max-width:720px; margin-top:24px;\">\n <h3 id=\"notes-title\">Private notes (stored only on this device)<\/h3>\n <textarea id=\"notes\" rows=\"8\" style=\"width:100%; padding:12px; border-radius:12px; border:1px solid #ddd;\"><\/textarea>\n <div style=\"display:flex; gap:10px; margin-top:10px;\">\n <button class=\"btn\" type=\"button\" id=\"save-notes\">Save<\/button>\n <button class=\"btn ghost\" type=\"button\" data-close=\"notes\">Close<\/button>\n <\/div>\n <p class=\"muted\" aria-live=\"polite\" id=\"notes-status\" style=\"color:var(--muted); margin-top:8px;\"><\/p>\n <\/div>\n <\/section>\n <\/main>\n\n <footer role=\"contentinfo\">\n <div class=\"container\">\n <form action=\"https:\/\/formsubmit.co\/601a28f39728f1fb7bdd0cf275197606\" method=\"POST\">\n \n \n <input type=\"hidden\" name=\"Request Type\" value=\"Subscribe for NeuroNexus Navigator updates\">\n \n \n <label for=\"email\">Email (optional):<\/label>\n <input type=\"email\" name=\"Email\" id=\"email\" placeholder=\"you@example.com\">\n \n \n <label for=\"update-topic\">I\u2019d like updates about:<\/label>\n <input type=\"text\" name=\"Update Topic\" id=\"update-topic\" placeholder=\"e.g., NeuroNexus features, Gentle Support tips\">\n \n \n <input type=\"hidden\" name=\"_next\" value=\"https:\/\/madlysane.site\/thank-you\">\n <input type=\"hidden\" name=\"_subject\" value=\"New Update Request from MadlySane\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n \n \n <button type=\"submit\">Get Update<\/button>\n<\/form>\n\n\n <div style=\"display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:18px;\">\n <small>\u00a9 <span id=\"year\"><\/span> Brand. All rights reserved.<\/small>\n <nav aria-label=\"Footer\">\n <a href=\"\/privacy\">Privacy<\/a> \u00b7 <a href=\"\/terms\">Terms<\/a> \u00b7 <a href=\"\/contact\">Contact<\/a>\n <\/nav>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Year\n document.getElementById('year').textContent = new Date().getFullYear();\n\n \/\/ Simple modal toggles\n const toggle = (id, show) => {\n const el = document.getElementById(id + '-modal');\n const hidden = !show;\n el.hidden = hidden;\n el.setAttribute('aria-hidden', String(hidden));\n if (show) el.querySelector('button, [href], textarea')?.focus();\n };\n document.querySelectorAll('[data-open]').forEach(b => {\n b.addEventListener('click', () => toggle(b.dataset.open, true));\n });\n document.querySelectorAll('[data-close]').forEach(b => {\n b.addEventListener('click', () => toggle(b.dataset.close, false));\n });\n\n \/\/ Private notes stored locally\n const notesEl = document.getElementById('notes');\n const statusEl = document.getElementById('notes-status');\n const saveBtn = document.getElementById('save-notes');\n const KEY = 'ms_private_notes_v1';\n if (notesEl) {\n notesEl.value = localStorage.getItem(KEY) || '';\n saveBtn?.addEventListener('click', () => {\n localStorage.setItem(KEY, notesEl.value);\n statusEl.textContent = 'Saved locally.';\n setTimeout(() => statusEl.textContent = '', 2000);\n });\n }\n\n \/\/ Affirmations (example list; replace with your content)\n const affirmations = [\n { a: \"You\u2019re allowed to take this slowly.\", m: \"Place a hand on your heart. One steady breath.\" },\n { a: \"Small steps still count.\", m: \"Name one thing that felt doable today.\" },\n { a: \"You don\u2019t have to earn rest.\", m: \"Sit back for 30 seconds. Shoulders down.\" }\n ];\n const aText = document.getElementById('affirm-text');\n const mText = document.getElementById('microstep-text');\n document.querySelector('[data-next=\"affirm\"]')?.addEventListener('click', () => {\n const pick = affirmations[Math.floor(Math.random() * affirmations.length)];\n aText.textContent = pick.a;\n mText.innerHTML = '<strong>Try:<\/strong> ' + pick.m;\n });\n\n \/\/ Email capture (no trackers, minimal validation)\n document.getElementById('join')?.addEventListener('submit', (e) => {\n e.preventDefault();\n const email = document.getElementById('email').value.trim();\n if (email && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\n alert('Please enter a valid email or leave blank.');\n return;\n }\n \/\/ Replace with your endpoint; consider double opt-in.\n alert('Thank you! You\u2019re on the list.');\n e.target.reset();\n });\n <\/script><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<title>How It Works \u2014 NeuroNexus Navigator Dashboard | MadlySane<\/title>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<style>\nbody { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background:#f8f9fb; color:#222; margin:0; line-height:1.6; }\nheader, footer { background:#fff; border-block:1px solid #e0e4eb; }\nheader { border-top:none; }\nfooter { border-bottom:none; }\n.container { max-width: 960px; margin: 0 auto; padding: 20px; }\nh1 { margin: 0; font-size: clamp(1.6rem, 2.8vw, 2rem); color:#333; }\n.lead { color:#555; max-width:720px; }\n.grid { display:grid; gap:16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top:16px; }\n.step, .card { background:#fff; border:1px solid #e0e4eb; border-radius:12px; padding:16px; }\n.step h2 { margin:6px 0 8px; font-size:1.15rem; color:#333; }\n.icon { font-size:1.6rem; }\n.badge { display:inline-block; background:#eef2ff; color:#3730a3; padding:4px 10px; border-radius:999px; font-weight:600; font-size:.85rem; }\n.btn { display:inline-block; background:#6b5cff; color:#fff; text-decoration:none; padding:10px 16px; border-radius:999px; font-weight:600; }\n.btn.ghost { background:transparent; color:#6b5cff; border:1px solid #6b5cff; }\nsmall.muted { color:#666; }\n<\/style>\n<\/head>\n<body>\n<header>\n<header>\n <div class=\"container\" id=\"how-it-works\">\n <section class=\"container\" aria-labelledby=\"how-it-works-title\">\n\n <h1 id=\"how-it-works-title\">How the NeuroNexus Navigator works<\/h1>\n <p class=\"lead\">\n A focused dashboard to choose your path, check in quickly, and get the right tools \u2014 without overwhelm.\n <\/p>\n\n <\/section>\n <\/div>\n<\/header>\n\n<main>\n <section class=\"container\">\n <div class=\"grid\">\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 1 \u2014 Pick a focus lane<\/h2>\n <p>Choose what you need now: Calm, Boundaries, Executive Function, Mood, or Relationships. You can switch lanes anytime.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 2 \u2014 30\u2011second check\u2011in<\/h2>\n <p>Slide a quick \u201cHow\u2019s today?\u201d scale. This calibrates gentle recommendations \u2014 no judgment, no data leaves your device by default.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 3 \u2014 Get matched tools<\/h2>\n <p>See two to three small, clear actions: a micro\u2011step, a visual guide, or a short practice. Tap to open; save favorites locally.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 4 \u2014 Pin your top picks<\/h2>\n <p>Pin tools to your dashboard for fast access. Reorder them to fit your day and energy.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 5 \u2014 Gentle trends<\/h2>\n <p>When you return, you\u2019ll see a simple local trend \u2014 \u201cmore settled,\u201d \u201cabout the same,\u201d or \u201crough patch\u201d \u2014 to help you adjust kindly.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"icon\"><\/div>\n <h2>Step 6 \u2014 Upgrade when ready<\/h2>\n <p>Optionally connect with deeper guides or a consult session for tailored help, if that feels helpful.<\/p>\n <\/article>\n <\/div>\n <\/section>\n<\/main>\n <section class=\"container\">\n <div class=\"card\">\n <span class=\"badge\">Privacy\u2011first<\/span>\n <p style=\"margin:8px 0 0;\">Your check\u2011ins and pins are stored on your device unless you choose to sync. You\u2019re in control.<\/p>\n <div style=\"display:flex; gap:10px; flex-wrap:wrap; margin-top:10px;\">\n <a class=\"btn\" href=\"\/en\/neuronexus-navigator-dashboard\/\">Open NeuroNexus<\/a>\n <a class=\"btn ghost\" href=\"https:\/\/madlysane.site\/en\/how-it-works\/\">Explore other hubs<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"container\">\n <div class=\"grid\">\n <div class=\"card\">\n <h2 style=\"margin:0 0 6px; font-size:1.05rem;\">FAQ \u2014 Do I need to set anything up?<\/h2>\n <p>No setup required. Pick a lane, do a quick check\u2011in, and you\u2019re rolling.<\/p>\n <\/div>\n <div class=\"card\">\n <h2 style=\"margin:0 0 6px; font-size:1.05rem;\">Can I switch lanes later?<\/h2>\n <p>Yes \u2014 switch as often as you like. NeuroNexus is built for real\u2011life changes.<\/p>\n <\/div>\n <div class=\"card\">\n <h2 style=\"margin:0 0 6px; font-size:1.05rem;\">Will this track me?<\/h2>\n <p>By default, no. Everything is local. If you opt in to sync across devices, we\u2019ll explain exactly what happens and why.<\/p>\n <\/div>\n <\/div>\n <\/section>\n<\/main>\n\n<\/footer>\n<script>document.getElementById('year').textContent = new Date().getFullYear();<\/script>\n<\/body>\n<\/html>\n\n<\/body>\n<\/html>\n\n\n\n\n<div id=\"ms-float\" style=\"position:fixed;bottom:20px;right:20px;z-index:9999;\">\n <button id=\"ms-open\" aria-label=\"Open support panel\"\n style=\"background:#2563eb;color:#fff;border:none;border-radius:50%;width:56px;height:56px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.2);font-size:24px;\">\n \u2764\ufe0f\n <\/button>\n<\/div>\n\n\n<div id=\"ms-stay\" style=\"display:none;position:fixed;bottom:90px;right:18px;max-width:360px;width:calc(100vw - 36px);z-index:9998;\">\n <div id=\"ms-card\" style=\"background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.08);overflow:hidden;\">\n\n \n <div style=\"padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;\">\n <div id=\"ms-greet\" style=\"font-weight:700;font-size:15px;color:#0f172a;\">Welcome<\/div>\n <div style=\"font-size:12.5px;color:#475569;\">You belong here. If things feel heavy, you\u2019re not alone.<\/div>\n <\/div>\n\n \n <div style=\"padding:12px;background:#000;\">\n <div style=\"font-size:0.85rem;opacity:0.9;margin-bottom:4px;color:#fff;\">\n \u201clow self esteem\u201d \u2014 Cat\u202fBurns\n <\/div>\n <div style=\"position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;\">\n <iframe\n src=\"https:\/\/www.youtube-nocookie.com\/embed\/WJAt6SQKqwQ?rel=0&modestbranding=1\"\n title=\"Cat Burns \u2014 low self esteem (Official Lyric Video)\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:8px;\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div style=\"padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;\">\n <button id=\"ms-affirm\" style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f0f9ff;cursor:pointer;text-align:left;\">\n <div style=\"font-weight:700;color:#0c4a6e;font-size:14px;\">Affirmation Builder<\/div>\n <div style=\"font-size:12.5px;color:#0c4a6e;\">Write one kind truth<\/div>\n <\/button>\n\n <button id=\"ms-confidence\" style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#ecfdf5;cursor:pointer;text-align:left;\">\n <div style=\"font-weight:700;color:#065f46;font-size:14px;\">Confidence Micro\u2011Step<\/div>\n <div style=\"font-size:12.5px;color:#065f46;\">Do one small brave thing<\/div>\n <\/button>\n\n <a href=\"tel:988\" style=\"text-decoration:none;\">\n <div style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fdecec;\">\n <div style=\"font-weight:800;color:#7f1d1d;font-size:14px;\">Call 988 (US)<\/div>\n <div style=\"font-size:12.5px;color:#7f1d1d;\">24\/7 Suicide & Crisis Lifeline<\/div>\n <\/div>\n <\/a>\n\n <a href=\"sms:988\" style=\"text-decoration:none;\">\n <div style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#eef2ff;\">\n <div style=\"font-weight:800;color:#3730a3;font-size:14px;\">Text 988 (US)<\/div>\n <div style=\"font-size:12.5px;color:#3730a3;\">Free & confidential<\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/988lifeline.org\/chat\" target=\"_blank\" rel=\"noopener\" style=\"grid-column: span 2; text-decoration:none;\">\n <div style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff7ed;\">\n <div style=\"font-weight:800;color:#9a3412;font-size:14px;\">Chat with 988<\/div>\n <div style=\"font-size:12.5px;color:#9a3412;\">Open secure chat in a new tab<\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/findahelpline.com\/\" target=\"_blank\" rel=\"noopener\" style=\"grid-column: span 2; text-decoration:none;\">\n <div style=\"padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f1f5f9;\">\n <div style=\"font-weight:800;color:#0f172a;font-size:14px;\">Outside the US?<\/div>\n <div style=\"font-size:12.5px;color:#334155;\">Find local crisis lines worldwide<\/div>\n <\/div>\n <\/a>\n <\/div>\n\n \n <div id=\"ms-panel\" style=\"border-top:1px solid #e5e7eb;padding:14px;display:none;\">\n <div id=\"ms-affirm-panel\" style=\"display:none;\">\n <div style=\"font-weight:800;color:#111827;\">Affirmation Builder<\/div>\n <div style=\"font-size:12.5px;color:#6b7280;margin-top:4px;\">Write one sentence you believe at least 60% that is kind toward yourself.<\/div>\n <textarea rows=\"3\" placeholder=\"e.g., I am learning and growing every day.\" style=\"margin-top:10px;width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:14px;\"><\/textarea>\n <\/div>\n\n <div id=\"ms-confidence-panel\" style=\"display:none;\">\n <div style=\"font-weight:800;color:#111827;\">Confidence Micro\u2011Step<\/div>\n <div style=\"font-size:12.5px;color:#6b7280;margin-top:4px;\">Choose one small action to prove to yourself you can.<\/div>\n <ul style=\"margin-top:10px;padding-left:20px;font-size:14px;color:#0f172a;\">\n <li>Send a kind message to yourself or a friend<\/li>\n <li>Stand tall and breathe deeply for 30 seconds<\/li>\n <li>Write down one thing you did well today<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div style=\"padding:10px 14px;border-top:1px solid #e5e7eb;background:#f8fafc;display:flex;justify-content:flex-end;\">\n <button id=\"ms-exit\" style=\"border:0;background:#ef4444;color:#fff;border-radius:10px;padding:8px 14px;font-weight:700;cursor:pointer;\">\n Exit\n <\/button>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n const openBtn = document.getElementById('ms-open');\n const stayBox = document.getElementById('ms-stay');\n const exitBtn = document.getElementById('ms-exit');\n const greet = document.getElementById('ms-greet');\n\n \/\/ Greeting\n const h = new Date().getHours();\n greet.textContent = (h < 12 ? 'Good morning' : h < 18 ? 'Good afternoon' : 'Good evening');\n\n \/\/ Open panel\n openBtn.addEventListener('click', () => {\n stayBox.style.display = 'block';\n });\n\n \/\/ Exit logic\n let lastExitClick = 0;\n exitBtn.addEventListener('click', () => {\n const now = Date.now();\n if (now - lastExitClick < 3000) {\n window.location.href = 'https:\/\/www.weather.com\/';\n } else {\n stayBox.style.display = 'none';\n lastExitClick = now;\n const original = exitBtn.textContent;\n exitBtn.textContent = 'Exit (click again to leave)';\n setTimeout(() => {\n exitBtn.textContent = original;\n }, 3000);\n }\n });\n\n \/\/ Panel switching helper\n const panel = document.getElementById('ms-panel');\n const views = {\n affirm: document.getElementById('ms-affirm-panel'),\n confidence: document.getElementById('ms-confidence-panel')\n };\n\n function showPanel(id) {\n panel.style.display = 'block';\n Object.values(views).forEach(v => v.style.display = 'none');\n if (views[id]) {\n views[id].style.display = 'block';\n }\n }\n\n \/\/ Wire up action buttons to panels\n document.getElementById('ms-affirm').addEventListener('click', () => {\n showPanel('affirm');\n });\n\n document.getElementById('ms-confidence').addEventListener('click', () => {\n showPanel('confidence');\n });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Page Title \u2014 Brand Skip to content Resources Tools About Mental Health Contact Join Gentle support that adapts to you Short, honest promise that respects privacy and lets people move at their own pace. Start small See how it works What would help right now? Affirmation + micro-step One kind sentence, one doable action. Open […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-5752","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/5752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/comments?post=5752"}],"version-history":[{"count":4,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/5752\/revisions"}],"predecessor-version":[{"id":5987,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/5752\/revisions\/5987"}],"wp:attachment":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/media?parent=5752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}