{"id":78,"date":"2026-04-09T21:15:09","date_gmt":"2026-04-10T01:15:09","guid":{"rendered":"https:\/\/elderbloomstrategies.com\/?page_id=78"},"modified":"2026-04-18T23:31:34","modified_gmt":"2026-04-19T03:31:34","slug":"web-development-high-performance-infrastructure-for-senior-living","status":"publish","type":"page","link":"https:\/\/elderbloomstrategies.com\/?page_id=78","title":{"rendered":"Web Development: High-Performance Infrastructure for Senior Living"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"78\" class=\"elementor elementor-78\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a1501e9 e-flex e-con-boxed e-con e-parent\" data-id=\"5a1501e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6c5d43 elementor-widget elementor-widget-global elementor-global-818 elementor-widget-html\" data-id=\"a6c5d43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n===========================================\r\n  STICKY NAVIGATION MENU \u2014 WordPress Ready\r\n  Instructions:\r\n  - Paste this inside your WordPress custom HTML block or header template\r\n  - Replace all href=\"#\" placeholders with your actual page URLs\r\n  - The logo src is already set from your provided image URL\r\n===========================================\r\n-->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&display=swap');\r\n\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .nav-wrapper {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    z-index: 99999;\r\n    background: #000000;\r\n    border-bottom: 1px solid rgba(255,255,255,0.07);\r\n    font-family: 'DM Sans', sans-serif;\r\n  }\r\n\r\n  .nav-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    height: 100px;\r\n  }\r\n\r\n  \/* Logo *\/\r\n  .nav-logo img {\r\n    height: 90px;\r\n    width: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n  }\r\n\r\n  \/* Desktop Nav *\/\r\n  .nav-menu {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    list-style: none;\r\n  }\r\n\r\n  .nav-item {\r\n    position: relative;\r\n  }\r\n\r\n  .nav-link {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 10px 16px;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    border-radius: 6px;\r\n    transition: color 0.2s ease, background 0.2s ease;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .nav-link:hover,\r\n  .nav-item.active > .nav-link {\r\n    color: #2de8b0;\r\n  }\r\n\r\n  .nav-link .chevron {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: currentColor;\r\n    transition: transform 0.25s ease;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .nav-item.open > .nav-link .chevron {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .nav-item.open > .nav-link {\r\n    color: #2de8b0;\r\n  }\r\n\r\n  \/* Contact Us Button *\/\r\n  .nav-link.nav-cta {\r\n    background: transparent;\r\n    border: 1.5px solid #2de8b0;\r\n    color: #2de8b0;\r\n    border-radius: 6px;\r\n    padding: 8px 18px;\r\n    font-weight: 600;\r\n    transition: background 0.2s ease, color 0.2s ease;\r\n  }\r\n\r\n  .nav-link.nav-cta:hover {\r\n    background: #2de8b0;\r\n    color: #000;\r\n  }\r\n\r\n  \/* Dropdown *\/\r\n  .dropdown {\r\n    position: absolute;\r\n    top: calc(100% + 8px);\r\n    left: 0;\r\n    background: #ffffff;\r\n    border-radius: 8px;\r\n    box-shadow: 0 8px 32px rgba(0,0,0,0.18);\r\n    min-width: 220px;\r\n    padding: 8px 0;\r\n    list-style: none;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(-6px);\r\n    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .nav-item.open > .dropdown {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n    pointer-events: all;\r\n  }\r\n\r\n  .dropdown li a {\r\n    display: block;\r\n    padding: 11px 22px;\r\n    color: #1a1a1a;\r\n    text-decoration: none;\r\n    font-size: 14.5px;\r\n    font-weight: 500;\r\n    transition: color 0.15s ease, background 0.15s ease;\r\n  }\r\n\r\n  .dropdown li a:hover {\r\n    color: #2de8b0;\r\n    background: #f5fdfb;\r\n  }\r\n\r\n  \/* Hamburger *\/\r\n  .nav-hamburger {\r\n    display: none;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: 5px;\r\n    width: 36px;\r\n    height: 36px;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 4px;\r\n  }\r\n\r\n  .nav-hamburger span {\r\n    display: block;\r\n    height: 2px;\r\n    background: #ffffff;\r\n    border-radius: 2px;\r\n    transition: transform 0.3s ease, opacity 0.3s ease, width 0.3s ease;\r\n  }\r\n\r\n  .nav-hamburger span:nth-child(2) {\r\n    width: 70%;\r\n  }\r\n\r\n  .nav-hamburger.open span:nth-child(1) {\r\n    transform: translateY(7px) rotate(45deg);\r\n  }\r\n\r\n  .nav-hamburger.open span:nth-child(2) {\r\n    opacity: 0;\r\n    width: 0;\r\n  }\r\n\r\n  .nav-hamburger.open span:nth-child(3) {\r\n    transform: translateY(-7px) rotate(-45deg);\r\n  }\r\n\r\n  \/* Mobile Drawer *\/\r\n  .nav-mobile-drawer {\r\n    display: none;\r\n    flex-direction: column;\r\n    background: #0a0a0a;\r\n    border-top: none;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    max-height: 0;\r\n    transition: max-height 0.38s ease, padding 0.38s ease;\r\n  }\r\n\r\n  .nav-mobile-drawer.open {\r\n    max-height: 900px;\r\n    padding: 12px 0 20px;\r\n    border-top: 1px solid rgba(255,255,255,0.07);\r\n  }\r\n\r\n  .mobile-nav-link {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 13px 24px;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    transition: color 0.15s;\r\n  }\r\n\r\n  .mobile-nav-link:hover {\r\n    color: #2de8b0;\r\n  }\r\n\r\n  .mobile-nav-link .chevron {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: currentColor;\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .mobile-nav-link.open .chevron {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .mobile-nav-link.open {\r\n    color: #2de8b0;\r\n  }\r\n\r\n  .mobile-dropdown {\r\n    list-style: none;\r\n    background: #111;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.3s ease;\r\n  }\r\n\r\n  .mobile-dropdown.open {\r\n    max-height: 600px;\r\n  }\r\n\r\n  .mobile-dropdown li a {\r\n    display: block;\r\n    padding: 11px 24px 11px 36px;\r\n    color: #cccccc;\r\n    text-decoration: none;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    transition: color 0.15s;\r\n  }\r\n\r\n  .mobile-dropdown li a:hover {\r\n    color: #2de8b0;\r\n  }\r\n\r\n  .mobile-cta-wrap {\r\n    padding: 16px 24px 4px;\r\n  }\r\n\r\n  .mobile-cta {\r\n    display: block;\r\n    text-align: center;\r\n    padding: 12px;\r\n    border: 1.5px solid #2de8b0;\r\n    color: #2de8b0;\r\n    border-radius: 6px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: background 0.2s, color 0.2s;\r\n  }\r\n\r\n  .mobile-cta:hover {\r\n    background: #2de8b0;\r\n    color: #000;\r\n  }\r\n\r\n  \/* Body offset so content doesn't hide behind sticky nav *\/\r\n  body {\r\n    padding-top: 100px;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 900px) {\r\n    .nav-menu {\r\n      display: none;\r\n    }\r\n\r\n    .nav-hamburger {\r\n      display: flex;\r\n    }\r\n\r\n    .nav-mobile-drawer {\r\n      display: flex;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- STICKY NAV -->\r\n<nav class=\"nav-wrapper\" role=\"navigation\" aria-label=\"Main Navigation\">\r\n  <div class=\"nav-container\">\r\n\r\n    <!-- Logo -->\r\n    <a class=\"nav-logo\" href=\"https:\/\/elderbloomstrategies.com\" aria-label=\"Home\">\r\n      <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.image2url.com\/r2\/default\/images\/1776568485583-89512104-27e6-4ebd-83c1-b88a03c6a36a.png?ssl=1\" alt=\"Logo\" \/>\r\n    <\/a>\r\n\r\n    <!-- Desktop Menu -->\r\n    <ul class=\"nav-menu\">\r\n\r\n      <!-- Home -->\r\n      <li class=\"nav-item\">\r\n        <a href=\"https:\/\/elderbloomstrategies.com\" class=\"nav-link\">Home<\/a>\r\n      <\/li>\r\n\r\n      <!-- Services (dropdown) -->\r\n      <li class=\"nav-item\" data-dropdown>\r\n        <a href=\"#\" class=\"nav-link\">\r\n          Services\r\n          <svg class=\"chevron\" viewBox=\"0 0 20 20\"><path d=\"M5 7l5 5 5-5\"\/><\/svg>\r\n        <\/a>\r\n        <ul class=\"dropdown\">\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=60\">CRM &amp; Automation<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=63\">Google Search Ads<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=72\">Local SEO<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=66\">Meta Ads<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=69\">SEO &amp; AEO<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=78\">Web Development<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=87\">Reputation Management<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=93\">Tracking &amp; Reporting<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=84\">Strategic Social Media<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=81\">Community Branding<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=90\">Public Relations<\/a><\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <!-- About Us (dropdown) -->\r\n      <li class=\"nav-item\" data-dropdown>\r\n        <a href=\"#\" class=\"nav-link\">\r\n          About Us\r\n          <svg class=\"chevron\" viewBox=\"0 0 20 20\"><path d=\"M5 7l5 5 5-5\"\/><\/svg>\r\n        <\/a>\r\n        <ul class=\"dropdown\">\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=53\">Meet the Team<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=57\">Our Partners<\/a><\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <!-- Resources (dropdown) -->\r\n      <li class=\"nav-item\" data-dropdown>\r\n        <a href=\"#\" class=\"nav-link\">\r\n          Resources\r\n          <svg class=\"chevron\" viewBox=\"0 0 20 20\"><path d=\"M5 7l5 5 5-5\"\/><\/svg>\r\n        <\/a>\r\n        <ul class=\"dropdown\">\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=102\">Case Studies<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=99\">FAQs<\/a><\/li>\r\n          <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=96\">Blog<\/a><\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <!-- Contact Us -->\r\n      <li class=\"nav-item\">\r\n        <a href=\"https:\/\/elderbloomstrategies.com\/?page_id=105\" class=\"nav-link nav-cta\">Contact Us<\/a>\r\n      <\/li>\r\n\r\n    <\/ul>\r\n\r\n    <!-- Hamburger (mobile) -->\r\n    <button class=\"nav-hamburger\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\r\n      <span><\/span>\r\n      <span><\/span>\r\n      <span><\/span>\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n  <!-- Mobile Drawer -->\r\n  <div class=\"nav-mobile-drawer\" id=\"mobileDrawer\">\r\n\r\n    <a href=\"https:\/\/elderbloomstrategies.com\" class=\"mobile-nav-link\">Home<\/a>\r\n\r\n    <!-- Services mobile -->\r\n    <a href=\"#\" class=\"mobile-nav-link\" data-mobile-toggle=\"services\">\r\n      Services\r\n      <svg class=\"chevron\" viewBox=\"0 0 20 20\"><path d=\"M5 7l5 5 5-5\"\/><\/svg>\r\n    <\/a>\r\n    <ul class=\"mobile-dropdown\" id=\"mob-services\">\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=60\">CRM &amp; Automation<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=63\">Google Search Ads<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=72\">Local SEO<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=66\">Meta Ads<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=69\">SEO &amp; AEO<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=78\">Web Development<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=87\">Reputation Management<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=93\">Tracking &amp; Reporting<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=84\">Strategic Social Media<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=81\">Community Branding<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=90\">Public Relations<\/a><\/li>\r\n    <\/ul>\r\n\r\n    <!-- About Us mobile -->\r\n    <a href=\"#\" class=\"mobile-nav-link\" data-mobile-toggle=\"about\">\r\n      About Us\r\n      <svg class=\"chevron\" viewBox=\"0 0 20 20\"><path d=\"M5 7l5 5 5-5\"\/><\/svg>\r\n    <\/a>\r\n    <ul class=\"mobile-dropdown\" id=\"mob-about\">\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=53\">Meet the Team<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=57\">Our Partners<\/a><\/li>\r\n    <\/ul>\r\n\r\n    <!-- Resources mobile -->\r\n    <a href=\"#\" class=\"mobile-nav-link\" data-mobile-toggle=\"resources\">\r\n      Resources\r\n      <svg class=\"chevron\" viewBox=\"0 0 20 20\"><path d=\"M5 7l5 5 5-5\"\/><\/svg>\r\n    <\/a>\r\n    <ul class=\"mobile-dropdown\" id=\"mob-resources\">\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=102\">Case Studies<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=99\">FAQs<\/a><\/li>\r\n      <li><a href=\"https:\/\/elderbloomstrategies.com\/?page_id=96\">Blog<\/a><\/li>\r\n    <\/ul>\r\n\r\n    <!-- Contact Us mobile -->\r\n    <div class=\"mobile-cta-wrap\">\r\n      <a href=\"https:\/\/elderbloomstrategies.com\/?page_id=105\" class=\"mobile-cta\">Contact Us<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/nav>\r\n\r\n<script>\r\n  (function () {\r\n    \/\/ Desktop dropdowns\r\n    const dropdownItems = document.querySelectorAll('.nav-item[data-dropdown]');\r\n\r\n    dropdownItems.forEach(function (item) {\r\n      const link = item.querySelector('.nav-link');\r\n\r\n      \/\/ Toggle on click (so parent link is also clickable)\r\n      link.addEventListener('click', function (e) {\r\n        const isOpen = item.classList.contains('open');\r\n        \/\/ Close all\r\n        dropdownItems.forEach(function (i) { i.classList.remove('open'); });\r\n        if (!isOpen) {\r\n          item.classList.add('open');\r\n          e.preventDefault(); \/\/ Prevent navigation only when opening dropdown\r\n        }\r\n      });\r\n    });\r\n\r\n    \/\/ Close dropdowns when clicking outside\r\n    document.addEventListener('click', function (e) {\r\n      if (!e.target.closest('.nav-item[data-dropdown]')) {\r\n        dropdownItems.forEach(function (i) { i.classList.remove('open'); });\r\n      }\r\n    });\r\n\r\n    \/\/ Hamburger toggle\r\n    const hamburger = document.querySelector('.nav-hamburger');\r\n    const drawer = document.getElementById('mobileDrawer');\r\n\r\n    hamburger.addEventListener('click', function () {\r\n      const isOpen = hamburger.classList.toggle('open');\r\n      drawer.classList.toggle('open', isOpen);\r\n      hamburger.setAttribute('aria-expanded', isOpen);\r\n    });\r\n\r\n    \/\/ Mobile sub-menus\r\n    const mobileToggles = document.querySelectorAll('[data-mobile-toggle]');\r\n\r\n    mobileToggles.forEach(function (toggle) {\r\n      toggle.addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        const targetId = 'mob-' + toggle.getAttribute('data-mobile-toggle');\r\n        const target = document.getElementById(targetId);\r\n        const isOpen = target.classList.toggle('open');\r\n        toggle.classList.toggle('open', isOpen);\r\n      });\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14ffb905 elementor-widget elementor-widget-html\" data-id=\"14ffb905\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>UX\/UI & Web Development for Senior Living Communities | Elderbloom Strategies | Boston, MA<\/title>\r\n<meta name=\"description\" content=\"Elderbloom Strategies delivers UX\/UI design and web development exclusively for senior living communities. Convert more families, fill beds faster, and build digital trust. Trusted by 140+ communities across the US, Canada & Europe.\">\r\n<meta name=\"keywords\" content=\"senior living website design, UX\/UI senior living, assisted living web development, memory care website, senior living digital marketing Boston, senior care website conversion, senior living landing pages, occupancy marketing senior living, senior living web design agency, senior living website redesign\">\r\n<meta name=\"robots\" content=\"index, follow\">\r\n<meta name=\"author\" content=\"Elderbloom Strategies\">\r\n<link rel=\"canonical\" href=\"https:\/\/elderbloomstrategies.com\/services\/ux-ui-web-development\/\">\r\n<meta property=\"og:title\" content=\"UX\/UI & Web Development for Senior Living Communities | Elderbloom Strategies\">\r\n<meta property=\"og:description\" content=\"Convert more families with a website built for how they search and feel. Elderbloom Strategies delivers UX\/UI and web development exclusively for senior living \u2014 trusted by 140+ communities.\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:url\" content=\"https:\/\/elderbloomstrategies.com\/services\/ux-ui-web-development\/\">\r\n<meta property=\"og:locale\" content=\"en_US\">\r\n<meta name=\"twitter:card\" content=\"summary_large_image\">\r\n<meta name=\"twitter:title\" content=\"UX\/UI & Web Design for Senior Living | Elderbloom Strategies\">\r\n<meta name=\"twitter:description\" content=\"Websites that fill beds. UX\/UI and web development built exclusively for senior living communities.\">\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Service\",\r\n  \"name\": \"UX\/UI Design and Web Development for Senior Living Communities\",\r\n  \"description\": \"Specialized UX\/UI design and web development services for senior living communities including conversion-optimized websites, virtual tour integrations, mobile-first design, ADA compliance, and SEO-ready architecture to increase occupancy.\",\r\n  \"provider\": {\r\n    \"@type\": \"MarketingAgency\",\r\n    \"name\": \"Elderbloom Strategies\",\r\n    \"url\": \"https:\/\/elderbloomstrategies.com\",\r\n    \"telephone\": \"+19783334400\",\r\n    \"email\": \"info@elderbloomstrategies.com\",\r\n    \"address\": {\r\n      \"@type\": \"PostalAddress\",\r\n      \"addressLocality\": \"Boston\",\r\n      \"addressRegion\": \"MA\",\r\n      \"addressCountry\": \"US\"\r\n    },\r\n    \"areaServed\": [\"US\", \"CA\", \"GB\", \"EU\"],\r\n    \"knowsAbout\": [\"Senior Living Marketing\", \"UX\/UI Design\", \"Web Development\", \"Assisted Living Marketing\", \"Memory Care Marketing\", \"Virtual Tour Integration\"]\r\n  },\r\n  \"serviceType\": \"UX\/UI Design and Web Development\",\r\n  \"audience\": {\r\n    \"@type\": \"Audience\",\r\n    \"audienceType\": \"Senior Living Community Operators and Marketing Directors\"\r\n  }\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"How long does it take to build a senior living website with Elderbloom?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Most Elderbloom website projects launch within 6\u201310 weeks from kickoff, depending on complexity. This includes discovery, UX\/UI design, development, virtual tour integration, SEO setup, and QA. We move fast without cutting corners \u2014 your website is too important to rush or drag out.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"What makes Elderbloom's web design different for senior living?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"We design exclusively for senior living, which means we understand the emotional journey families go through when searching for care. Every layout decision, every CTA placement, every page structure is built around converting an anxious, empathetic family member into a tour booking \u2014 not just a website visit. General web agencies don't know this. We do.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Will my new website help with Google rankings?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Yes. Every Elderbloom website is built on an SEO and AEO-ready foundation: proper schema markup, optimized heading structures, Core Web Vitals performance, mobile-first architecture, and geo-targeted page structures. It's not just a beautiful site \u2014 it's a ranking machine from day one.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n  --green: #18cb96;\r\n  --purple: #a70dd5;\r\n  --bg-dark: #080808;\r\n  --bg-card: #111111;\r\n  --bg-card2: #161616;\r\n  --text-white: #f5f5f5;\r\n  --text-muted: #888;\r\n  --text-dim: #555;\r\n  --border: rgba(255,255,255,0.07);\r\n  --border-green: rgba(24,203,150,0.35);\r\n  --border-purple: rgba(167,13,213,0.3);\r\n  --green-glow: rgba(24,203,150,0.12);\r\n  --purple-glow: rgba(167,13,213,0.12);\r\n}\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n  background: var(--bg-dark);\r\n  color: var(--text-white);\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n  overflow-x: hidden;\r\n}\r\nh1,h2,h3,h4,h5 { font-family: 'Montserrat', sans-serif; line-height: 1.15; letter-spacing: -0.02em; color: #f5f5f5 !important; }\r\na { color: inherit; text-decoration: none; }\r\nimg { max-width: 100%; display: block; }\r\n\r\nbody::before {\r\n  content: '';\r\n  position: fixed;\r\n  inset: 0;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'\/%3E%3C\/svg%3E\");\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  opacity: 0.4;\r\n}\r\n.grid-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  pointer-events: none;\r\n}\r\n.container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }\r\nsection { padding: 100px 0; }\r\n\r\n.tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--green);\r\n  background: rgba(24,203,150,0.08);\r\n  border: 1px solid rgba(24,203,150,0.2);\r\n  padding: 5px 14px;\r\n  border-radius: 100px;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.tag::before {\r\n  content: '';\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--green);\r\n  box-shadow: 0 0 6px var(--green);\r\n}\r\n.tag-purple {\r\n  color: var(--purple);\r\n  background: rgba(167,13,213,0.08);\r\n  border-color: rgba(167,13,213,0.25);\r\n}\r\n.tag-purple::before { background: var(--purple); box-shadow: 0 0 6px var(--purple); }\r\n\r\n.btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: var(--green);\r\n  color: #050505;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  letter-spacing: 0.03em;\r\n  padding: 14px 28px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n  white-space: nowrap;\r\n  text-decoration: none;\r\n}\r\n.btn-primary:hover { background: #12e8a8; transform: translateY(-2px); box-shadow: 0 12px 40px rgba(24,203,150,0.35); }\r\n.btn-ghost {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: transparent;\r\n  color: var(--text-white);\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  padding: 14px 28px;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--border);\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n  white-space: nowrap;\r\n  text-decoration: none;\r\n}\r\n.btn-ghost:hover { border-color: rgba(255,255,255,0.25); background: rgba(255,255,255,0.04); }\r\n.gradient-text {\r\n  background: linear-gradient(135deg, var(--green) 0%, #5eedc4 50%, var(--purple) 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }\r\n.reveal.visible { opacity: 1; transform: translateY(0); }\r\n.reveal-delay-1 { transition-delay: 0.1s; }\r\n.reveal-delay-2 { transition-delay: 0.2s; }\r\n.reveal-delay-3 { transition-delay: 0.3s; }\r\n.reveal-delay-4 { transition-delay: 0.4s; }\r\n\r\n.live-dot {\r\n  width: 10px; height: 10px;\r\n  border-radius: 50%;\r\n  background: var(--green);\r\n  box-shadow: 0 0 12px var(--green);\r\n  animation: pulse 2s infinite;\r\n  flex-shrink: 0;\r\n  display: inline-block;\r\n}\r\n@keyframes pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.6; transform: scale(0.85); }\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n#hero {\r\n  position: relative;\r\n  padding: 120px 0 80px;\r\n  overflow: hidden;\r\n}\r\n.hero-glow-1 {\r\n  position: absolute;\r\n  width: 800px; height: 800px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(167,13,213,0.12) 0%, transparent 70%);\r\n  top: -250px; left: -250px;\r\n  pointer-events: none;\r\n}\r\n.hero-glow-2 {\r\n  position: absolute;\r\n  width: 600px; height: 600px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(24,203,150,0.1) 0%, transparent 70%);\r\n  bottom: -100px; right: -150px;\r\n  pointer-events: none;\r\n}\r\n.hero-eyebrow {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: var(--purple);\r\n  margin-bottom: 1.5rem;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n.hero-eyebrow::before {\r\n  content: '';\r\n  display: block;\r\n  width: 32px; height: 1px;\r\n  background: var(--purple);\r\n}\r\n.hero-headline { font-size: clamp(42px, 6.5vw, 82px); font-weight: 900; line-height: 1.05; letter-spacing: -0.03em; margin-bottom: 1.75rem; max-width: 900px; }\r\n.hero-sub { font-size: clamp(16px, 2.2vw, 19px); color: rgba(245,245,245,0.65); font-weight: 400; max-width: 620px; line-height: 1.7; margin-bottom: 3rem; }\r\n.hero-cta-row { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; margin-bottom: 3rem; }\r\n.hero-trust-row { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; padding-top: 24px; border-top: 1px solid var(--border); margin-bottom: 3rem; }\r\n.hero-trust-item { display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgba(245,245,245,0.6); }\r\n.hero-trust-item::before {\r\n  content: '\u2713';\r\n  width: 18px; height: 18px;\r\n  border-radius: 50%;\r\n  background: rgba(24,203,150,0.15);\r\n  border: 1px solid rgba(24,203,150,0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  color: var(--green);\r\n  flex-shrink: 0;\r\n}\r\n.hero-stats { display: flex; gap: 48px; padding-top: 48px; border-top: 1px solid var(--border); flex-wrap: wrap; }\r\n.hero-stat-num { font-size: 42px; font-weight: 900; color: var(--green); line-height: 1; }\r\n.hero-stat-label { font-size: 13px; color: var(--text-muted); margin-top: 6px; max-width: 150px; line-height: 1.4; }\r\n\r\n\/* WEBSITE MOCKUP VISUAL *\/\r\n.site-mock {\r\n  background: var(--bg-card2);\r\n  border: 1px solid rgba(167,13,213,0.2);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n.site-mock::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, var(--purple), var(--green));\r\n}\r\n.site-mock-browser {\r\n  background: #0d0d0d;\r\n  padding: 12px 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n.browser-dots { display: flex; gap: 6px; }\r\n.browser-dot { width: 10px; height: 10px; border-radius: 50%; }\r\n.browser-dot-red { background: #ff5f57; }\r\n.browser-dot-yellow { background: #febc2e; }\r\n.browser-dot-green { background: #28c840; }\r\n.browser-url {\r\n  flex: 1;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid var(--border);\r\n  border-radius: 6px;\r\n  padding: 5px 12px;\r\n  font-size: 11px;\r\n  color: rgba(245,245,245,0.4);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n.site-mock-body { padding: 20px; }\r\n.mock-hero-bar { height: 90px; background: linear-gradient(135deg, rgba(167,13,213,0.15), rgba(24,203,150,0.08)); border-radius: 10px; margin-bottom: 14px; display: flex; align-items: center; justify-content: center; font-size: 11px; color: rgba(245,245,245,0.4); border: 1px solid rgba(167,13,213,0.15); position: relative; overflow: hidden; }\r\n.mock-hero-bar::after { content: ''; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px); background-size: 20px 20px; }\r\n.mock-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 12px; }\r\n.mock-card { height: 54px; background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 8px; }\r\n.mock-card.active { border-color: rgba(24,203,150,0.3); background: rgba(24,203,150,0.05); }\r\n.mock-row { height: 10px; background: rgba(255,255,255,0.05); border-radius: 4px; margin-bottom: 8px; }\r\n.mock-row.short { width: 60%; }\r\n.mock-row.medium { width: 80%; }\r\n.mock-cta-bar { height: 32px; background: var(--green); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 800; color: #050505; margin-top: 12px; }\r\n.mock-score-row { display: flex; gap: 8px; margin-top: 12px; }\r\n.mock-score { flex: 1; background: rgba(255,255,255,0.02); border: 1px solid var(--border); border-radius: 8px; padding: 8px; text-align: center; }\r\n.mock-score-num { font-size: 14px; font-weight: 900; color: var(--green); line-height: 1; }\r\n.mock-score-label { font-size: 8px; color: var(--text-dim); margin-top: 3px; }\r\n.mock-caption { font-size: 10px; color: var(--text-muted); text-align: center; padding: 10px; border-top: 1px solid var(--border); margin-top: 10px; }\r\n\r\n\/* TICKER *\/\r\n.ticker-wrap { overflow: hidden; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 16px 0; background: rgba(255,255,255,0.015); }\r\n.ticker-track { display: flex; gap: 0; width: max-content; animation: ticker 35s linear infinite; }\r\n.ticker-item { display: flex; align-items: center; gap: 16px; padding: 0 40px; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); white-space: nowrap; }\r\n.ticker-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--purple); flex-shrink: 0; }\r\n@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n\r\n\/* URGENCY BANNER *\/\r\n.urgency-banner { background: linear-gradient(90deg, rgba(167,13,213,0.12) 0%, rgba(24,203,150,0.08) 100%); border: 1px solid rgba(167,13,213,0.25); border-radius: 12px; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }\r\n.urgency-text { display: flex; align-items: center; gap: 12px; font-size: 13px; color: rgba(245,245,245,0.85); }\r\n.urgency-badge { font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; background: var(--purple); color: #fff; padding: 4px 10px; border-radius: 100px; }\r\n\r\n\/* WHY SECTION *\/\r\n#why-uxui { position: relative; overflow: hidden; }\r\n.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\r\n.why-headline { font-size: clamp(32px, 4.5vw, 52px); font-weight: 900; line-height: 1.1; margin-bottom: 1.5rem; }\r\n.why-desc { font-size: 16px; color: rgba(245,245,245,0.65); line-height: 1.8; margin-bottom: 2rem; }\r\n.why-stats-stack { display: flex; flex-direction: column; gap: 16px; }\r\n.why-stat-item { display: flex; align-items: center; gap: 20px; padding: 20px 24px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; transition: all 0.3s; }\r\n.why-stat-item:hover { border-color: var(--border-purple); background: rgba(167,13,213,0.04); transform: translateX(6px); }\r\n.why-stat-num { font-size: 32px; font-weight: 900; color: var(--purple); line-height: 1; flex-shrink: 0; min-width: 80px; }\r\n.why-stat-desc { font-size: 13px; color: rgba(245,245,245,0.65); line-height: 1.5; }\r\n\r\n\/* PROOF STRIP *\/\r\n#proof-strip { padding: 60px 0; background: var(--bg-card); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\r\n.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--border); border-radius: 16px; overflow: hidden; }\r\n.proof-cell { background: var(--bg-card); padding: 32px 24px; text-align: center; transition: background 0.3s; }\r\n.proof-cell:hover { background: var(--bg-card2); }\r\n.proof-num { font-size: clamp(30px, 4vw, 46px); font-weight: 900; color: var(--green); line-height: 1; margin-bottom: 8px; }\r\n.proof-label { font-size: 13px; color: var(--text-muted); line-height: 1.5; }\r\n\r\n\/* SERVICES *\/\r\n#what-we-do { position: relative; }\r\n.services-headline { font-size: clamp(30px, 4vw, 50px); font-weight: 900; line-height: 1.1; margin-bottom: 1rem; }\r\n.services-sub { font-size: 17px; color: rgba(245,245,245,0.55); max-width: 580px; line-height: 1.6; margin-bottom: 60px; }\r\n.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n.service-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 36px 30px; position: relative; overflow: hidden; transition: all 0.3s ease; cursor: default; }\r\n.service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--purple), transparent); opacity: 0; transition: opacity 0.3s; }\r\n.service-card:hover { transform: translateY(-6px); border-color: rgba(167,13,213,0.25); box-shadow: 0 24px 70px rgba(167,13,213,0.07); }\r\n.service-card:hover::before { opacity: 1; }\r\n.service-icon { width: 52px; height: 52px; border-radius: 14px; background: rgba(167,13,213,0.08); border: 1px solid rgba(167,13,213,0.18); display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 1.5rem; }\r\n.service-title { font-size: 18px; font-weight: 800; margin-bottom: 0.75rem; }\r\n.service-desc { font-size: 14px; color: rgba(245,245,245,0.6); line-height: 1.7; margin-bottom: 1.25rem; }\r\n.service-bullets { display: flex; flex-direction: column; gap: 8px; }\r\n.service-bullet { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; color: rgba(245,245,245,0.65); }\r\n.service-bullet::before { content: '\u2192'; color: var(--purple); font-weight: 700; flex-shrink: 0; margin-top: 1px; }\r\n\r\n\/* PROCESS *\/\r\n#process { background: var(--bg-card); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\r\n.process-header { text-align: center; margin-bottom: 60px; }\r\n.process-headline { font-size: clamp(30px, 4vw, 50px); font-weight: 900; line-height: 1.1; margin-bottom: 1rem; }\r\n.process-sub { font-size: 16px; color: rgba(245,245,245,0.55); }\r\n.process-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; }\r\n.process-steps::before { content: ''; position: absolute; top: 40px; left: calc(12.5% + 20px); right: calc(12.5% + 20px); height: 1px; background: linear-gradient(90deg, var(--purple), var(--green)); opacity: 0.3; }\r\n.process-step { text-align: center; position: relative; }\r\n.process-step-num { width: 80px; height: 80px; border-radius: 50%; background: var(--bg-dark); border: 2px solid rgba(167,13,213,0.3); display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 900; color: var(--purple); margin: 0 auto 1.5rem; position: relative; z-index: 1; transition: all 0.3s; }\r\n.process-step:hover .process-step-num { background: rgba(167,13,213,0.1); border-color: var(--purple); box-shadow: 0 0 24px rgba(167,13,213,0.25); }\r\n.process-step-title { font-size: 16px; font-weight: 800; margin-bottom: 0.75rem; }\r\n.process-step-desc { font-size: 13px; color: rgba(245,245,245,0.6); line-height: 1.6; }\r\n.process-timeline { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 12px; }\r\n.process-timeline-badge { font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 100px; background: rgba(167,13,213,0.1); border: 1px solid rgba(167,13,213,0.2); color: var(--purple); }\r\n\r\n\/* RESULTS *\/\r\n#results-preview { position: relative; }\r\n.results-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 48px; gap: 24px; flex-wrap: wrap; }\r\n.results-headline { font-size: clamp(28px, 4vw, 48px); font-weight: 900; line-height: 1.1; }\r\n.results-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n.result-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; overflow: hidden; position: relative; transition: all 0.3s ease; }\r\n.result-card:hover { transform: translateY(-6px); border-color: rgba(167,13,213,0.25); box-shadow: 0 24px 70px rgba(167,13,213,0.08); }\r\n.result-card-top { padding: 28px 28px 20px; background: var(--bg-card2); border-bottom: 1px solid var(--border); }\r\n.result-card-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }\r\n.result-type-badge { font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 4px 10px; border-radius: 100px; border: 1px solid; }\r\n.badge-assisted { color: var(--green); border-color: rgba(24,203,150,0.3); background: rgba(24,203,150,0.07); }\r\n.badge-memory { color: #a78bfa; border-color: rgba(167,139,250,0.3); background: rgba(167,139,250,0.07); }\r\n.badge-ccrc { color: #f59e0b; border-color: rgba(245,158,11,0.3); background: rgba(245,158,11,0.07); }\r\n.result-location { font-size: 11px; color: var(--text-muted); display: flex; align-items: center; gap: 4px; }\r\n.result-community { font-size: 17px; font-weight: 800; margin-bottom: 6px; }\r\n.result-headline { font-size: 13px; color: rgba(245,245,245,0.6); line-height: 1.5; }\r\n.result-card-body { padding: 24px 28px; }\r\n.result-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; }\r\n.result-metric { text-align: center; }\r\n.result-metric-num { font-size: clamp(18px, 2vw, 24px); font-weight: 900; color: var(--green); line-height: 1; margin-bottom: 4px; }\r\n.result-metric-label { font-size: 10px; color: var(--text-muted); line-height: 1.3; }\r\n.result-cta { display: flex; justify-content: space-between; align-items: center; padding-top: 16px; border-top: 1px solid var(--border); }\r\n.result-read-more { font-size: 12px; font-weight: 700; color: var(--purple); letter-spacing: 0.05em; display: flex; align-items: center; gap: 6px; transition: gap 0.2s; }\r\n.result-card:hover .result-read-more { gap: 10px; }\r\n.result-timeline { font-size: 11px; color: var(--text-dim); }\r\n\r\n\/* WHO *\/\r\n#who-its-for { background: var(--bg-card); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\r\n.who-header { text-align: center; margin-bottom: 60px; }\r\n.who-headline { font-size: clamp(28px, 4vw, 48px); font-weight: 900; line-height: 1.1; margin-bottom: 1rem; }\r\n.who-sub { font-size: 16px; color: rgba(245,245,245,0.55); max-width: 540px; margin: 0 auto; }\r\n.who-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n.who-card { background: var(--bg-dark); border: 1px solid var(--border); border-radius: 20px; padding: 36px 28px; text-align: center; transition: all 0.3s; }\r\n.who-card:hover { border-color: rgba(167,13,213,0.3); transform: translateY(-4px); box-shadow: 0 20px 60px rgba(167,13,213,0.08); }\r\n.who-icon { font-size: 36px; margin-bottom: 1rem; }\r\n.who-role { font-size: 16px; font-weight: 800; margin-bottom: 0.5rem; }\r\n.who-desc { font-size: 13px; color: rgba(245,245,245,0.6); line-height: 1.6; margin-bottom: 1rem; }\r\n.who-pain { font-size: 12px; color: rgba(245,245,245,0.5); background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 8px; padding: 10px 14px; line-height: 1.5; font-style: italic; }\r\n\r\n\/* TESTIMONIALS *\/\r\n#testimonials { position: relative; overflow: hidden; }\r\n.test-glow { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(167,13,213,0.07) 0%, transparent 70%); top: -100px; right: -100px; pointer-events: none; }\r\n.testimonials-header { text-align: center; margin-bottom: 60px; }\r\n.testimonials-headline { font-size: clamp(28px, 4vw, 48px); font-weight: 900; line-height: 1.1; margin-bottom: 1rem; }\r\n.testimonials-sub { font-size: 16px; color: rgba(245,245,245,0.55); }\r\n.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n.testimonial-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 36px 30px; position: relative; transition: all 0.3s; }\r\n.testimonial-card:hover { border-color: rgba(167,13,213,0.25); transform: translateY(-4px); }\r\n.stars { display: flex; gap: 4px; margin-bottom: 20px; }\r\n.star { width: 14px; height: 14px; background: var(--green); clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }\r\n.testimonial-quote { font-size: 14px; line-height: 1.75; color: rgba(245,245,245,0.75); margin-bottom: 28px; font-style: italic; }\r\n.testimonial-quote::before { content: '\\201C'; color: var(--purple); font-size: 32px; line-height: 0; vertical-align: -14px; margin-right: 4px; }\r\n.testimonial-author { display: flex; align-items: center; gap: 14px; border-top: 1px solid var(--border); padding-top: 22px; }\r\n.author-avatar { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, var(--purple), var(--green)); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; color: #050505; flex-shrink: 0; }\r\n.author-name { font-size: 14px; font-weight: 700; }\r\n.author-title { font-size: 12px; color: var(--text-muted); margin-top: 2px; }\r\n\r\n\/* FAQ *\/\r\n#faq { background: var(--bg-card); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\r\n.faq-header { text-align: center; margin-bottom: 60px; }\r\n.faq-headline { font-size: clamp(28px, 4vw, 46px); font-weight: 900; line-height: 1.1; margin-bottom: 1rem; }\r\n.faq-list { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }\r\n.faq-item { background: var(--bg-dark); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; transition: border-color 0.3s; }\r\n.faq-item.open { border-color: rgba(167,13,213,0.3); }\r\n.faq-question { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 22px 24px; background: transparent; border: none; color: var(--text-white); font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700; text-align: left; cursor: pointer; gap: 16px; transition: background 0.25s; }\r\n.faq-question:hover { background: rgba(255,255,255,0.02); }\r\n.faq-icon { width: 24px; height: 24px; border-radius: 50%; background: rgba(167,13,213,0.1); border: 1px solid rgba(167,13,213,0.25); display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--purple); flex-shrink: 0; transition: transform 0.3s; }\r\n.faq-item.open .faq-icon { transform: rotate(45deg); }\r\n.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s; padding: 0 24px; }\r\n.faq-answer-inner { font-size: 14px; color: rgba(245,245,245,0.65); line-height: 1.75; padding-bottom: 22px; }\r\n.faq-item.open .faq-answer { max-height: 300px; }\r\n\r\n\/* NEWSLETTER *\/\r\n#newsletter { position: relative; overflow: hidden; }\r\n.newsletter-glow { position: absolute; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(167,13,213,0.07) 0%, transparent 70%); right: -150px; top: -150px; pointer-events: none; }\r\n.newsletter-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\r\n.newsletter-headline { font-size: clamp(26px, 3.5vw, 42px); font-weight: 900; line-height: 1.1; margin-bottom: 1rem; }\r\n.newsletter-sub { font-size: 15px; color: rgba(245,245,245,0.6); line-height: 1.7; margin-bottom: 1.5rem; }\r\n.newsletter-perks { display: flex; flex-direction: column; gap: 10px; }\r\n.newsletter-perk { display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgba(245,245,245,0.7); }\r\n.newsletter-perk::before { content: '\u2713'; width: 20px; height: 20px; border-radius: 50%; background: rgba(167,13,213,0.15); border: 1px solid rgba(167,13,213,0.3); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; color: var(--purple); flex-shrink: 0; }\r\n.newsletter-form-wrap { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 36px; position: relative; overflow: hidden; }\r\n.newsletter-form-wrap::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--purple), var(--green)); }\r\n.nl-live-widget { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: rgba(167,13,213,0.06); border: 1px solid rgba(167,13,213,0.2); border-radius: 8px; margin-bottom: 20px; font-size: 12px; color: rgba(245,245,245,0.75); }\r\n.nl-live-num { font-weight: 800; color: var(--purple); }\r\n.nl-title { font-size: 18px; font-weight: 800; margin-bottom: 4px; }\r\n.nl-subtitle { font-size: 13px; color: rgba(245,245,245,0.5); margin-bottom: 20px; }\r\n.newsletter-form { display: flex; flex-direction: column; gap: 14px; }\r\n.nl-input { background: rgba(255,255,255,0.04); border: 1px solid var(--border); border-radius: 8px; padding: 13px 16px; color: var(--text-white); font-family: 'Montserrat', sans-serif; font-size: 14px; outline: none; transition: border-color 0.25s; width: 100%; }\r\n.nl-input:focus { border-color: var(--purple); background: rgba(167,13,213,0.04); }\r\n.nl-input::placeholder { color: var(--text-dim); }\r\n.nl-submit { background: var(--green); color: #050505; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 14px; padding: 14px; border-radius: 8px; border: none; cursor: pointer; transition: all 0.25s; width: 100%; }\r\n.nl-submit:hover { background: #12e8a8; box-shadow: 0 8px 30px rgba(24,203,150,0.3); }\r\n.nl-privacy { font-size: 11px; color: var(--text-dim); text-align: center; line-height: 1.5; }\r\n\r\n\/* CALCULATOR *\/\r\n#calculator { position: relative; overflow: hidden; background: var(--bg-dark); }\r\n.calc-glow { position: absolute; width: 800px; height: 800px; border-radius: 50%; background: radial-gradient(circle, rgba(167,13,213,0.06) 0%, transparent 70%); top: -200px; right: -200px; pointer-events: none; }\r\n.calc-header { text-align: center; margin-bottom: 60px; }\r\n.calc-headline { font-size: clamp(30px, 4.5vw, 52px); font-weight: 900; line-height: 1.1; margin-bottom: 1rem; }\r\n.calc-sub { font-size: 17px; color: rgba(245,245,245,0.55); max-width: 560px; margin: 0 auto; line-height: 1.6; }\r\n.calc-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; }\r\n.calc-inputs { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 36px; position: relative; overflow: hidden; }\r\n.calc-inputs::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--purple), var(--green)); }\r\n.calc-section-title { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 20px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--border); }\r\n.calc-section-title:first-child { margin-top: 0; padding-top: 0; border-top: none; }\r\n.calc-input-group { margin-bottom: 20px; }\r\n.calc-input-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }\r\n.calc-input-label span:first-child { font-size: 13px; color: rgba(245,245,245,0.75); line-height: 1.4; }\r\n.calc-input-val { font-size: 14px; font-weight: 700; color: var(--green); background: rgba(24,203,150,0.08); border: 1px solid rgba(24,203,150,0.2); border-radius: 6px; padding: 3px 10px; min-width: 70px; text-align: right; flex-shrink: 0; }\r\n.calc-slider { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 4px; background: var(--border); outline: none; cursor: pointer; }\r\n.calc-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--green); cursor: pointer; box-shadow: 0 0 10px rgba(24,203,150,0.5); transition: transform 0.2s; }\r\n.calc-slider::-webkit-slider-thumb:hover { transform: scale(1.2); }\r\n.calc-slider::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: var(--green); cursor: pointer; border: none; }\r\n.calc-results { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 24px; }\r\n.calc-result-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 28px 32px; position: relative; overflow: hidden; }\r\n.calc-result-card.primary { background: linear-gradient(135deg, rgba(167,13,213,0.08) 0%, rgba(24,203,150,0.06) 100%); border-color: rgba(167,13,213,0.3); }\r\n.calc-result-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--purple), transparent); opacity: 0.4; }\r\n.calc-result-card.primary::before { opacity: 1; }\r\n.calc-result-label { font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 10px; }\r\n.calc-result-num { font-size: clamp(30px, 4vw, 46px); font-weight: 900; color: var(--green); line-height: 1; margin-bottom: 8px; transition: all 0.4s ease; }\r\n.calc-result-num.loss { color: #f95c5c; }\r\n.calc-result-sub { font-size: 13px; color: rgba(245,245,245,0.5); line-height: 1.5; }\r\n.calc-breakdown { background: var(--bg-card2); border: 1px solid var(--border); border-radius: 16px; padding: 24px; }\r\n.calc-breakdown-title { font-size: 12px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; }\r\n.breakdown-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 13px; }\r\n.breakdown-row:last-child { border-bottom: none; }\r\n.breakdown-label { color: rgba(245,245,245,0.65); }\r\n.breakdown-val { font-weight: 700; color: #f95c5c; }\r\n.breakdown-val.green { color: var(--green); }\r\n.calc-cta-note { background: rgba(167,13,213,0.06); border: 1px solid rgba(167,13,213,0.2); border-radius: 12px; padding: 18px 22px; font-size: 13px; color: rgba(245,245,245,0.7); line-height: 1.6; text-align: center; }\r\n.calc-cta-note strong { color: var(--purple); }\r\n\r\n\/* CONTACT *\/\r\n#contact { position: relative; overflow: hidden; }\r\n.contact-glow { position: absolute; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(167,13,213,0.08) 0%, transparent 70%); top: -100px; right: -200px; pointer-events: none; }\r\n.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }\r\n.contact-headline { font-size: clamp(32px, 4.5vw, 52px); font-weight: 900; line-height: 1.1; margin-bottom: 1.5rem; }\r\n.contact-desc { font-size: 16px; color: rgba(245,245,245,0.6); line-height: 1.7; margin-bottom: 2.5rem; }\r\n.contact-info { display: flex; flex-direction: column; gap: 20px; margin-bottom: 2rem; }\r\n.contact-info-item { display: flex; align-items: center; gap: 14px; font-size: 15px; }\r\n.contact-info-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(167,13,213,0.08); border: 1px solid rgba(167,13,213,0.18); display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }\r\n.contact-info-sub { font-size: 12px; color: var(--text-muted); margin-top: 2px; }\r\n.trust-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 2rem; }\r\n.trust-badge { display: flex; align-items: center; gap: 8px; padding: 8px 14px; background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 100px; font-size: 12px; color: rgba(245,245,245,0.65); }\r\n\r\n\/* BOOKING WIDGET *\/\r\n.booking-widget { background: var(--bg-card2); border: 1px solid rgba(167,13,213,0.25); border-radius: 14px; padding: 20px; position: relative; overflow: hidden; }\r\n.booking-widget::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--purple), var(--green)); }\r\n.booking-widget-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; flex-wrap: wrap; gap: 10px; }\r\n.booking-widget-title { font-size: 14px; font-weight: 800; }\r\n.booking-spots-badge { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; color: var(--green); background: rgba(24,203,150,0.08); border: 1px solid rgba(24,203,150,0.2); padding: 4px 10px; border-radius: 100px; }\r\n.booking-quarter-note { font-size: 11px; color: rgba(245,245,245,0.5); margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }\r\n.booking-quarter-note span { color: #f95c5c; font-weight: 700; }\r\n.booking-slots { display: flex; flex-direction: column; gap: 8px; }\r\n.booking-slot { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 8px; cursor: pointer; transition: all 0.25s; gap: 12px; }\r\n.booking-slot:hover { border-color: var(--border-purple); background: rgba(167,13,213,0.04); }\r\n.booking-slot-time { font-size: 12px; font-weight: 700; }\r\n.booking-slot-day { font-size: 11px; color: var(--text-muted); }\r\n.booking-slot-cta { font-size: 10px; font-weight: 700; color: var(--purple); text-transform: uppercase; letter-spacing: 0.08em; }\r\n.booking-calls-live { display: flex; align-items: center; gap: 8px; font-size: 11px; color: rgba(245,245,245,0.55); margin-top: 12px; }\r\n.booking-calls-num { font-weight: 800; color: var(--green); }\r\n\r\n\/* CONTACT FORM *\/\r\n.contact-form { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 40px; position: relative; overflow: hidden; }\r\n.contact-form::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--purple), var(--green)); }\r\n.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n.form-group { display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; }\r\n.form-group label { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); }\r\n.form-group input, .form-group select, .form-group textarea { background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 8px; padding: 12px 16px; color: var(--text-white); font-family: 'Montserrat', sans-serif; font-size: 14px; outline: none; transition: border-color 0.25s; width: 100%; -webkit-appearance: none; }\r\n.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--purple); background: rgba(167,13,213,0.04); }\r\n.form-group select option { background: #161616; }\r\n.form-group textarea { resize: none; height: 100px; }\r\n.form-submit { width: 100%; background: var(--green); color: #050505; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 14px; letter-spacing: 0.03em; padding: 16px; border-radius: 10px; border: none; cursor: pointer; transition: all 0.25s; display: flex; align-items: center; justify-content: center; gap: 8px; }\r\n.form-submit:hover { background: #12e8a8; box-shadow: 0 12px 40px rgba(24,203,150,0.35); }\r\n.form-privacy { text-align: center; font-size: 11px; color: var(--text-dim); margin-top: 14px; line-height: 1.5; }\r\n\r\n\/* CTA STRIP *\/\r\n#cta-strip { padding: 80px 0; }\r\n.cta-inner { background: var(--bg-card); border: 1px solid var(--border); border-radius: 24px; padding: 70px 80px; display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: center; position: relative; overflow: hidden; }\r\n.cta-inner::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(167,13,213,0.05) 0%, transparent 60%); border-radius: 24px; }\r\n.cta-inner::after { content: ''; position: absolute; width: 400px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(24,203,150,0.1) 0%, transparent 70%); right: -100px; bottom: -100px; pointer-events: none; }\r\n.cta-headline { font-size: clamp(28px, 4vw, 44px); font-weight: 900; line-height: 1.1; margin-bottom: 1rem; position: relative; z-index: 1; }\r\n.cta-sub { font-size: 16px; color: rgba(245,245,245,0.6); line-height: 1.7; position: relative; z-index: 1; }\r\n.cta-right { display: flex; flex-direction: column; gap: 16px; flex-shrink: 0; position: relative; z-index: 1; }\r\n\r\n\/* STICKY CTA *\/\r\n.sticky-cta { position: fixed; bottom: 28px; right: 28px; z-index: 999; opacity: 0; transform: translateY(20px); transition: all 0.4s ease; }\r\n.sticky-cta.show { opacity: 1; transform: translateY(0); }\r\n.sticky-btn { background: var(--purple); color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 13px; padding: 13px 22px; border-radius: 100px; border: none; cursor: pointer; box-shadow: 0 8px 32px rgba(167,13,213,0.4); transition: all 0.25s; white-space: nowrap; display: flex; align-items: center; gap: 8px; text-decoration: none; }\r\n.sticky-btn:hover { background: #c010f0; transform: scale(1.04); }\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n  .why-grid { grid-template-columns: 1fr; gap: 48px; }\r\n  .services-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .process-steps { grid-template-columns: repeat(2, 1fr); }\r\n  .process-steps::before { display: none; }\r\n  .results-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .who-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .testimonials-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .proof-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .contact-grid { grid-template-columns: 1fr; gap: 48px; }\r\n  .newsletter-inner { grid-template-columns: 1fr; gap: 48px; }\r\n  .calc-wrap { grid-template-columns: 1fr; }\r\n  .calc-results { position: static; }\r\n  .cta-inner { grid-template-columns: 1fr; gap: 32px; padding: 50px 40px; }\r\n  .cta-right { flex-direction: row; }\r\n}\r\n@media (max-width: 768px) {\r\n  section { padding: 70px 0; }\r\n  .container { padding: 0 1.25rem; }\r\n  .services-grid { grid-template-columns: 1fr; }\r\n  .process-steps { grid-template-columns: 1fr; }\r\n  .results-grid { grid-template-columns: 1fr; }\r\n  .who-grid { grid-template-columns: 1fr; }\r\n  .testimonials-grid { grid-template-columns: 1fr; }\r\n  .contact-form { padding: 28px 22px; }\r\n  .form-row { grid-template-columns: 1fr; }\r\n  .cta-inner { padding: 36px 24px; }\r\n  .cta-right { flex-direction: column; }\r\n  .hero-stats { gap: 28px; }\r\n  .calc-inputs { padding: 22px 18px; }\r\n  .sticky-cta { bottom: 16px; right: 16px; }\r\n}\r\n@media (max-width: 480px) {\r\n  .hero-cta-row { flex-direction: column; align-items: stretch; }\r\n  .hero-cta-row .btn-primary, .hero-cta-row .btn-ghost { justify-content: center; }\r\n  .urgency-banner { flex-direction: column; }\r\n  .proof-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .breakdown-row { flex-direction: column; align-items: flex-start; gap: 4px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Sticky CTA -->\r\n<div class=\"sticky-cta\" id=\"stickyCTA\">\r\n  <a href=\"#contact\" class=\"sticky-btn\">\r\n    <span>\ud83c\udfa8<\/span> Book a Free Website Audit\r\n  <\/a>\r\n<\/div>\r\n\r\n<!-- ===== HERO ===== -->\r\n<section id=\"hero\">\r\n  <div class=\"grid-bg\"><\/div>\r\n  <div class=\"hero-glow-1\"><\/div>\r\n  <div class=\"hero-glow-2\"><\/div>\r\n  <div class=\"container\" style=\"position:relative;z-index:1;\">\r\n    <div class=\"urgency-banner reveal\" style=\"margin-bottom:2.5rem;\">\r\n      <div class=\"urgency-text\">\r\n        <div class=\"live-dot\"><\/div>\r\n        <span><strong style=\"color:var(--purple);\">UX\/UI & Web Development<\/strong> \u2014 Elderbloom Strategies \u00b7 Boston, MA<\/span>\r\n      <\/div>\r\n      <div style=\"display:flex;align-items:center;gap:12px;flex-wrap:wrap;\">\r\n        <span class=\"urgency-badge\">\ud83d\udd25 Only 2 Spots Left This Quarter<\/span>\r\n        <a href=\"#contact\" class=\"btn-primary\" style=\"font-size:12px;padding:10px 18px;\">Claim Your Spot \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hero-eyebrow reveal\">UX\/UI & Web Development for Senior Living Communities<\/div>\r\n    <h1 class=\"hero-headline reveal\">\r\n      Your Website Is Either<br>\r\n      <span class=\"gradient-text\">Filling Beds or Losing Them.<\/span>\r\n    <\/h1>\r\n    <p class=\"hero-sub reveal reveal-delay-1\">\r\n      Families in distress make emotional, fast decisions. If your website doesn't immediately communicate trust, warmth, and clarity \u2014 they click away. Every second your site underperforms, a family chooses your competitor. We fix that.\r\n    <\/p>\r\n    <div class=\"hero-cta-row reveal reveal-delay-2\">\r\n      <a href=\"#contact\" class=\"btn-primary\">Get a Free Website Audit <span>\u2192<\/span><\/a>\r\n      <a href=\"#what-we-do\" class=\"btn-ghost\">See What We Build \u2193<\/a>\r\n    <\/div>\r\n    <div class=\"hero-trust-row reveal reveal-delay-3\">\r\n      <div class=\"hero-trust-item\">Senior living exclusive<\/div>\r\n      <div class=\"hero-trust-item\">140+ communities served<\/div>\r\n      <div class=\"hero-trust-item\">Conversion-optimized design<\/div>\r\n      <div class=\"hero-trust-item\">SEO & AEO-ready architecture<\/div>\r\n      <div class=\"hero-trust-item\">Launched in 6\u201310 weeks<\/div>\r\n    <\/div>\r\n    <div class=\"hero-stats reveal reveal-delay-4\">\r\n      <div>\r\n        <div class=\"hero-stat-num count-up\" data-target=\"140\">0<\/div>\r\n        <div class=\"hero-stat-label\">Communities Transformed Across 3 Continents<\/div>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"hero-stat-num count-up\" data-target=\"312\">0<\/div>\r\n        <div class=\"hero-stat-label\">% Average Increase in Website Inquiries<\/div>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"hero-stat-num count-up\" data-target=\"94\">0<\/div>\r\n        <div class=\"hero-stat-label\">% Average Occupancy Achieved by Clients<\/div>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"hero-stat-num\" style=\"font-size:42px;font-weight:900;color:var(--green);line-height:1;\">4.9\u2605<\/div>\r\n        <div class=\"hero-stat-label\">Average Client Satisfaction Score<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- TICKER -->\r\n<div class=\"ticker-wrap\" aria-hidden=\"true\">\r\n  <div class=\"ticker-track\">\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>UX\/UI Design<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Web Development<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Virtual Tour Integration<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Conversion Optimization<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Mobile-First Design<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>ADA Compliance<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>SEO Architecture<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Community Branding<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Senior Living Specialists<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Boston, MA Agency<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>UX\/UI Design<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Web Development<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Virtual Tour Integration<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Conversion Optimization<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Mobile-First Design<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>ADA Compliance<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>SEO Architecture<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Community Branding<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Senior Living Specialists<\/div>\r\n    <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Boston, MA Agency<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ===== PROOF STRIP ===== -->\r\n<section id=\"proof-strip\">\r\n  <div class=\"container\">\r\n    <div class=\"proof-grid reveal\">\r\n      <div class=\"proof-cell\">\r\n        <div class=\"proof-num\">140+<\/div>\r\n        <div class=\"proof-label\">Communities Redesigned \u2014 US, Canada & Europe<\/div>\r\n      <\/div>\r\n      <div class=\"proof-cell\">\r\n        <div class=\"proof-num\">312%<\/div>\r\n        <div class=\"proof-label\">Average Increase in Website-Generated Inquiries<\/div>\r\n      <\/div>\r\n      <div class=\"proof-cell\">\r\n        <div class=\"proof-num\">6\u201310 Wks<\/div>\r\n        <div class=\"proof-label\">Average Launch Time \u2014 No Dragged-Out Timelines<\/div>\r\n      <\/div>\r\n      <div class=\"proof-cell\">\r\n        <div class=\"proof-num\">94%<\/div>\r\n        <div class=\"proof-label\">Average Occupancy Achieved for Long-Term Clients<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== WHY UX\/UI ===== -->\r\n<section id=\"why-uxui\">\r\n  <div class=\"container\">\r\n    <div class=\"why-grid\">\r\n      <div class=\"reveal\">\r\n        <div class=\"tag tag-purple\">The Hard Truth<\/div>\r\n        <h2 class=\"why-headline\">Families Judge Your Community<br><span class=\"gradient-text\">In 3 Seconds or Less.<\/span><\/h2>\r\n        <p class=\"why-desc\">\r\n          When a daughter in crisis types \"assisted living near me\" and lands on your website, she's not evaluating amenities \u2014 she's feeling. She's asking: does this place feel safe? Does it feel warm? Does it feel like somewhere I'd want my mother to live? If your website doesn't answer those questions in the first scroll, she's gone.\r\n        <\/p>\r\n        <p class=\"why-desc\">\r\n          Most senior living websites are built by generalist agencies that understand code but don't understand families in distress. We've spent years studying how adult children and spouses actually navigate senior living decisions online \u2014 and we build every pixel around that knowledge.\r\n        <\/p>\r\n        <a href=\"#contact\" class=\"btn-primary\">Audit My Website Free \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"reveal reveal-delay-2\">\r\n        <div class=\"site-mock\">\r\n          <div class=\"site-mock-browser\">\r\n            <div class=\"browser-dots\">\r\n              <div class=\"browser-dot browser-dot-red\"><\/div>\r\n              <div class=\"browser-dot browser-dot-yellow\"><\/div>\r\n              <div class=\"browser-dot browser-dot-green\"><\/div>\r\n            <\/div>\r\n            <div class=\"browser-url\">\ud83d\udd12 yourcommunity.com<\/div>\r\n          <\/div>\r\n          <div class=\"site-mock-body\">\r\n            <div class=\"mock-hero-bar\" style=\"position:relative;\">\r\n              <div style=\"position:relative;z-index:1;text-align:center;\">\r\n                <div style=\"font-size:13px;font-weight:800;color:var(--text-white);margin-bottom:4px;\">Warm, Trust-Building Hero Section<\/div>\r\n                <div style=\"font-size:10px;color:rgba(245,245,245,0.5);\">Family-facing emotional headline + CTA above fold<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"mock-cards\">\r\n              <div class=\"mock-card active\"><\/div>\r\n              <div class=\"mock-card active\"><\/div>\r\n              <div class=\"mock-card\"><\/div>\r\n            <\/div>\r\n            <div class=\"mock-row medium\"><\/div>\r\n            <div class=\"mock-row short\"><\/div>\r\n            <div class=\"mock-row\" style=\"width:90%;\"><\/div>\r\n            <div class=\"mock-cta-bar\">SCHEDULE A TOUR \u2014 IT'S FREE \u2192<\/div>\r\n            <div class=\"mock-score-row\">\r\n              <div class=\"mock-score\">\r\n                <div class=\"mock-score-num\">98<\/div>\r\n                <div class=\"mock-score-label\">Performance<\/div>\r\n              <\/div>\r\n              <div class=\"mock-score\">\r\n                <div class=\"mock-score-num\">100<\/div>\r\n                <div class=\"mock-score-label\">Accessibility<\/div>\r\n              <\/div>\r\n              <div class=\"mock-score\">\r\n                <div class=\"mock-score-num\">100<\/div>\r\n                <div class=\"mock-score-label\">SEO Score<\/div>\r\n              <\/div>\r\n              <div class=\"mock-score\">\r\n                <div class=\"mock-score-num\">97<\/div>\r\n                <div class=\"mock-score-label\">Best Practices<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"mock-caption\">Every Elderbloom site ships with near-perfect Core Web Vitals scores from day one.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"why-stats-stack\" style=\"margin-top:80px;\">\r\n      <div class=\"why-stat-item reveal\">\r\n        <div class=\"why-stat-num\" style=\"color:var(--purple);\">3 sec<\/div>\r\n        <div class=\"why-stat-desc\"><strong>is all you get.<\/strong> Research shows that 55% of website visitors spend fewer than 15 seconds on a page. If your design doesn't hook a family immediately, they're gone \u2014 and they're calling your competitor.<\/div>\r\n      <\/div>\r\n      <div class=\"why-stat-item reveal reveal-delay-1\">\r\n        <div class=\"why-stat-num\" style=\"color:var(--purple);\">88%<\/div>\r\n        <div class=\"why-stat-desc\"><strong>of consumers won't return<\/strong> after a bad website experience. One slow load time, one confusing navigation, one missing CTA \u2014 and you've permanently lost that family.<\/div>\r\n      <\/div>\r\n      <div class=\"why-stat-item reveal reveal-delay-2\">\r\n        <div class=\"why-stat-num\" style=\"color:var(--purple);\">67%<\/div>\r\n        <div class=\"why-stat-desc\"><strong>of families research senior living<\/strong> on mobile devices. If your website isn't flawlessly mobile-responsive, you're turning away the majority of your prospects before they ever see your community.<\/div>\r\n      <\/div>\r\n      <div class=\"why-stat-item reveal reveal-delay-3\">\r\n        <div class=\"why-stat-num\" style=\"color:var(--purple);\">$6,200+<\/div>\r\n        <div class=\"why-stat-desc\"><strong>average monthly revenue per resident.<\/strong> A website that converts one additional family per month can generate $74,000+ in annual revenue. What's your website actually worth to you?<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== WHAT WE BUILD ===== -->\r\n<section id=\"what-we-do\" style=\"background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);\">\r\n  <div class=\"container\">\r\n    <div class=\"reveal\" style=\"text-align:center;margin-bottom:16px;\">\r\n      <div class=\"tag tag-purple\" style=\"margin:0 auto 1.5rem;\">Our UX\/UI & Web System<\/div>\r\n    <\/div>\r\n    <div class=\"reveal\" style=\"text-align:center;\">\r\n      <h2 class=\"services-headline\">Everything a Senior Living Website<br><span class=\"gradient-text\">Needs to Convert Families Into Move-Ins<\/span><\/h2>\r\n      <p class=\"services-sub\" style=\"margin:1rem auto 60px;\">Not generic web design. Not a template dressed up in your colors. This is strategic UX\/UI engineering built specifically for how families make senior living decisions.<\/p>\r\n    <\/div>\r\n    <div class=\"services-grid\">\r\n      <div class=\"service-card reveal\">\r\n        <div class=\"service-icon\">\ud83c\udfa8<\/div>\r\n        <div class=\"service-title\">Conversion-Focused UX\/UI Design<\/div>\r\n        <p class=\"service-desc\">We don't design for awards \u2014 we design for move-ins. Every layout decision, every color choice, every CTA placement is rooted in senior living conversion psychology.<\/p>\r\n        <div class=\"service-bullets\">\r\n          <div class=\"service-bullet\">Full UX audit of your existing site<\/div>\r\n          <div class=\"service-bullet\">Wireframes built around family decision journeys<\/div>\r\n          <div class=\"service-bullet\">Mobile-first, accessibility-compliant design system<\/div>\r\n          <div class=\"service-bullet\">A\/B-ready CTA placements and messaging architecture<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"service-card reveal reveal-delay-1\">\r\n        <div class=\"service-icon\">\ud83d\udcbb<\/div>\r\n        <div class=\"service-title\">Senior Living Web Development<\/div>\r\n        <p class=\"service-desc\">Fast, clean, scalable code built on platforms your team can actually manage. No bloated plugins, no mystery code, no ongoing tech debt.<\/p>\r\n        <div class=\"service-bullets\">\r\n          <div class=\"service-bullet\">WordPress, Webflow, or custom-built solutions<\/div>\r\n          <div class=\"service-bullet\">Page speed optimized for Core Web Vitals<\/div>\r\n          <div class=\"service-bullet\">ADA\/WCAG 2.1 AA accessibility compliance<\/div>\r\n          <div class=\"service-bullet\">CRM and lead capture system integrations<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"service-card reveal reveal-delay-2\">\r\n        <div class=\"service-icon\">\ud83c\udfac<\/div>\r\n        <div class=\"service-title\">Virtual Website Tour Integrations<\/div>\r\n        <p class=\"service-desc\">Families who can't visit in person still need to fall in love with your community. We integrate immersive virtual tours that drive emotional connection and tour booking rates.<\/p>\r\n        <div class=\"service-bullets\">\r\n          <div class=\"service-bullet\">360\u00b0 virtual tour embedding and optimization<\/div>\r\n          <div class=\"service-bullet\">Video walkthroughs with strategic placement<\/div>\r\n          <div class=\"service-bullet\">Interactive floor plan experiences<\/div>\r\n          <div class=\"service-bullet\">Mobile-optimized media delivery<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"service-card reveal\">\r\n        <div class=\"service-icon\">\ud83d\udd0d<\/div>\r\n        <div class=\"service-title\">SEO & AEO-Ready Architecture<\/div>\r\n        <p class=\"service-desc\">A beautiful website that nobody can find is a beautiful waste. We build every site on an SEO-ready foundation that ranks \u2014 from day one.<\/p>\r\n        <div class=\"service-bullets\">\r\n          <div class=\"service-bullet\">Senior living schema markup and structured data<\/div>\r\n          <div class=\"service-bullet\">Geo-targeted landing page architecture<\/div>\r\n          <div class=\"service-bullet\">AEO-optimized content for AI answer engines<\/div>\r\n          <div class=\"service-bullet\">Internal linking strategy for topical authority<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"service-card reveal reveal-delay-1\">\r\n        <div class=\"service-icon\">\ud83d\udcf1<\/div>\r\n        <div class=\"service-title\">Mobile-First & Responsive Design<\/div>\r\n        <p class=\"service-desc\">67% of senior living searches happen on mobile. Your website has to be flawless on every screen \u2014 from a 4-inch phone to a 32-inch desktop monitor.<\/p>\r\n        <div class=\"service-bullets\">\r\n          <div class=\"service-bullet\">Pixel-perfect mobile design and testing<\/div>\r\n          <div class=\"service-bullet\">Touch-optimized navigation and CTAs<\/div>\r\n          <div class=\"service-bullet\">Cross-browser and cross-device QA<\/div>\r\n          <div class=\"service-bullet\">Progressive Web App capabilities where needed<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"service-card reveal reveal-delay-2\">\r\n        <div class=\"service-icon\">\ud83d\udcca<\/div>\r\n        <div class=\"service-title\">Tracking, Analytics & Conversion Reporting<\/div>\r\n        <p class=\"service-desc\">We set up your website to tell you exactly what's working \u2014 which pages convert, where families drop off, and what every lead source is worth.<\/p>\r\n        <div class=\"service-bullets\">\r\n          <div class=\"service-bullet\">GA4, call tracking, and heatmap setup<\/div>\r\n          <div class=\"service-bullet\">Goal and conversion funnel configuration<\/div>\r\n          <div class=\"service-bullet\">Lead source attribution and CRM sync<\/div>\r\n          <div class=\"service-bullet\">Monthly website performance reporting<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div style=\"text-align:center;margin-top:48px;\" class=\"reveal\">\r\n      <a href=\"#contact\" class=\"btn-primary\" style=\"font-size:15px;padding:16px 32px;\">Get Your Free Website Audit \u2192<\/a>\r\n      <p style=\"font-size:12px;color:var(--text-muted);margin-top:12px;\">No commitment. No sales pressure. Just an honest look at what your website is costing you in occupancy.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== PROCESS ===== -->\r\n<section id=\"process\">\r\n  <div class=\"container\">\r\n    <div class=\"process-header reveal\">\r\n      <div class=\"tag tag-purple\" style=\"margin:0 auto 1.5rem;\">Our Process<\/div>\r\n      <h2 class=\"process-headline\">From Outdated to Outstanding.<br><span class=\"gradient-text\">Here's How We Get There.<\/span><\/h2>\r\n      <p style=\"font-size:16px;color:rgba(245,245,245,0.55);max-width:540px;margin:0 auto;\">A structured, proven process refined across 140+ senior living communities. No guesswork. No generic playbooks. Just exceptional execution.<\/p>\r\n    <\/div>\r\n    <div class=\"process-steps\">\r\n      <div class=\"process-step reveal\">\r\n        <div class=\"process-step-num\">01<\/div>\r\n        <div class=\"process-step-title\">Discovery & Strategy<\/div>\r\n        <p class=\"process-step-desc\">We audit your current site, study your competitors, analyze your market, and map the emotional journey of your ideal family persona. Most clients are shocked by what we find.<\/p>\r\n        <div class=\"process-timeline\"><span class=\"process-timeline-badge\">Week 1\u20132<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"process-step reveal reveal-delay-1\">\r\n        <div class=\"process-step-num\">02<\/div>\r\n        <div class=\"process-step-title\">UX\/UI Design & Prototyping<\/div>\r\n        <p class=\"process-step-desc\">We design your complete website in Figma \u2014 wireframes, visual design, mobile views, and interactive prototypes. You see exactly what you're getting before a line of code is written.<\/p>\r\n        <div class=\"process-timeline\"><span class=\"process-timeline-badge\">Weeks 2\u20134<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"process-step reveal reveal-delay-2\">\r\n        <div class=\"process-step-num\">03<\/div>\r\n        <div class=\"process-step-title\">Development & Integration<\/div>\r\n        <p class=\"process-step-desc\">Approved designs go into development. Virtual tours are integrated, CRM connections are built, SEO architecture is implemented, and every page is tested across 40+ device and browser combinations.<\/p>\r\n        <div class=\"process-timeline\"><span class=\"process-timeline-badge\">Weeks 4\u20138<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"process-step reveal reveal-delay-3\">\r\n        <div class=\"process-step-num\">04<\/div>\r\n        <div class=\"process-step-title\">Launch, Train & Optimize<\/div>\r\n        <p class=\"process-step-desc\">We launch, train your team, set up analytics, and monitor performance for the first 30 days. Then we hand you a website that works \u2014 and the knowledge to keep it working.<\/p>\r\n        <div class=\"process-timeline\"><span class=\"process-timeline-badge\">Weeks 8\u201310<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== RESULTS ===== -->\r\n<section id=\"results-preview\" style=\"background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);\">\r\n  <div class=\"container\">\r\n    <div class=\"results-header\">\r\n      <div class=\"reveal\">\r\n        <div class=\"tag tag-purple\">Real Results<\/div>\r\n        <h2 class=\"results-headline\">Communities We've Transformed<br><span class=\"gradient-text\">With Strategic Web Design<\/span><\/h2>\r\n      <\/div>\r\n      <div class=\"reveal reveal-delay-1\" style=\"text-align:right;\">\r\n        <div style=\"display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-bottom:6px;\">\r\n          <div class=\"live-dot\"><\/div>\r\n          <span style=\"font-size:13px;color:rgba(245,245,245,0.6);\">Live: <strong id=\"liveCount\" style=\"color:var(--purple);\">4<\/strong> communities reviewing website strategy calls this week<\/span>\r\n        <\/div>\r\n        <a href=\"#contact\" class=\"btn-ghost\" style=\"font-size:13px;padding:10px 20px;\">See All 140+ Case Studies \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"results-grid\">\r\n      <div class=\"result-card reveal\">\r\n        <div class=\"result-card-top\">\r\n          <div class=\"result-card-meta\">\r\n            <span class=\"result-type-badge badge-assisted\">Assisted Living<\/span>\r\n            <span class=\"result-location\">\ud83d\udccd Scottsdale, AZ<\/span>\r\n          <\/div>\r\n          <div class=\"result-community\">The Palms at Scottsdale<\/div>\r\n          <div class=\"result-headline\">A complete UX\/UI redesign turned a dated website into their #1 lead source \u2014 tripling inquiries in 90 days<\/div>\r\n        <\/div>\r\n        <div class=\"result-card-body\">\r\n          <div class=\"result-metrics\">\r\n            <div class=\"result-metric\">\r\n              <div class=\"result-metric-num\">312%<\/div>\r\n              <div class=\"result-metric-label\">More Website Inquiries<\/div>\r\n            <\/div>\r\n            <div class=\"result-metric\">\r\n              <div class=\"result-metric-num\">4.8x<\/div>\r\n              <div class=\"result-metric-label\">More Tour Bookings<\/div>\r\n            <\/div>\r\n            <div class=\"result-metric\">\r\n              <div class=\"result-metric-num\">+22pp<\/div>\r\n              <div class=\"result-metric-label\">Occupancy Gained<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"result-cta\">\r\n            <a href=\"#contact\" class=\"result-read-more\">Request Full Case Study <span>\u2192<\/span><\/a>\r\n            <span class=\"result-timeline\">Results in 90 days<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"result-card reveal reveal-delay-1\">\r\n        <div class=\"result-card-top\">\r\n          <div class=\"result-card-meta\">\r\n            <span class=\"result-type-badge badge-memory\">Memory Care<\/span>\r\n            <span class=\"result-location\">\ud83d\udccd Naperville, IL<\/span>\r\n          <\/div>\r\n          <div class=\"result-community\">Arbor Springs Memory Care<\/div>\r\n          <div class=\"result-headline\">Virtual tour integration and UX overhaul cut their cost-per-inquiry in half \u2014 while move-ins doubled in 6 months<\/div>\r\n        <\/div>\r\n        <div class=\"result-card-body\">\r\n          <div class=\"result-metrics\">\r\n            <div class=\"result-metric\">\r\n              <div class=\"result-metric-num\">51%<\/div>\r\n              <div class=\"result-metric-label\">Lower Cost Per Inquiry<\/div>\r\n            <\/div>\r\n            <div class=\"result-metric\">\r\n              <div class=\"result-metric-num\">2\u00d7<\/div>\r\n              <div class=\"result-metric-label\">Move-Ins per Month<\/div>\r\n            <\/div>\r\n            <div class=\"result-metric\">\r\n              <div class=\"result-metric-num\">98<\/div>\r\n              <div class=\"result-metric-label\">PageSpeed Score<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"result-cta\">\r\n            <a href=\"#contact\" class=\"result-read-more\">Request Full Case Study <span>\u2192<\/span><\/a>\r\n            <span class=\"result-timeline\">Results in 6 months<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"result-card reveal reveal-delay-2\">\r\n        <div class=\"result-card-top\">\r\n          <div class=\"result-card-meta\">\r\n            <span class=\"result-type-badge badge-ccrc\">CCRC \/ Life Plan<\/span>\r\n            <span class=\"result-location\">\ud83d\udccd Charlotte, NC<\/span>\r\n          <\/div>\r\n          <div class=\"result-community\">Piedmont Life Plan Community<\/div>\r\n          <div class=\"result-headline\">A mobile-first redesign with SEO architecture took them from page 3 to the top 3 map pack \u2014 in 4 months<\/div>\r\n        <\/div>\r\n        <div class=\"result-card-body\">\r\n          <div class=\"result-metrics\">\r\n            <div class=\"result-metric\">\r\n              <div class=\"result-metric-num\">#1<\/div>\r\n              <div class=\"result-metric-label\">Local Map Pack Rank<\/div>\r\n            <\/div>\r\n            <div class=\"result-metric\">\r\n              <div class=\"result-metric-num\">278%<\/div>\r\n              <div class=\"result-metric-label\">Organic Traffic Growth<\/div>\r\n            <\/div>\r\n            <div class=\"result-metric\">\r\n              <div class=\"result-metric-num\">+18pp<\/div>\r\n              <div class=\"result-metric-label\">Occupancy Gained<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"result-cta\">\r\n            <a href=\"#contact\" class=\"result-read-more\">Request Full Case Study <span>\u2192<\/span><\/a>\r\n            <span class=\"result-timeline\">Results in 4 months<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div style=\"margin-top:48px;padding:40px;background:linear-gradient(135deg,rgba(167,13,213,0.06) 0%,rgba(24,203,150,0.05) 100%);border:1px solid rgba(167,13,213,0.2);border-radius:20px;position:relative;overflow:hidden;\" class=\"reveal\">\r\n      <div style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--purple),var(--green));\"><\/div>\r\n      <div style=\"display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;\">\r\n        <div>\r\n          <h3 style=\"font-size:clamp(20px,3vw,30px);font-weight:900;margin-bottom:8px;\">140+ More Transformations Where These Came From.<\/h3>\r\n          <p style=\"font-size:15px;color:rgba(245,245,245,0.6);max-width:560px;line-height:1.6;\">These are just 3. Every care type, every market, every community size \u2014 from single-site operators to 20+ location portfolios.<\/p>\r\n        <\/div>\r\n        <a href=\"#contact\" class=\"btn-primary\" style=\"flex-shrink:0;\">Request Full Case Study Library \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== WHO IT'S FOR ===== -->\r\n<section id=\"who-its-for\">\r\n  <div class=\"container\">\r\n    <div class=\"who-header reveal\">\r\n      <div class=\"tag tag-purple\" style=\"margin:0 auto 1.5rem;\">Built For You<\/div>\r\n      <h2 class=\"who-headline\">This Service Was Designed<br><span class=\"gradient-text\">For Senior Living Leaders Like You<\/span><\/h2>\r\n      <p class=\"who-sub\">If any of these sound familiar, your website is costing you occupancy.<\/p>\r\n    <\/div>\r\n    <div class=\"who-grid\">\r\n      <div class=\"who-card reveal\">\r\n        <div class=\"who-icon\">\ud83d\udcc8<\/div>\r\n        <div class=\"who-role\">Director of Marketing<\/div>\r\n        <p class=\"who-desc\">You're driving traffic through SEO, paid ads, and social \u2014 but the website isn't converting those visitors into tour bookings. Your pipeline is leaking at the bottom.<\/p>\r\n        <div class=\"who-pain\">\"We get traffic but not enough inquiries. I need to know if it's the site.\"<\/div>\r\n      <\/div>\r\n      <div class=\"who-card reveal reveal-delay-1\">\r\n        <div class=\"who-icon\">\ud83c\udfaf<\/div>\r\n        <div class=\"who-role\">Director of Sales & VP of Sales<\/div>\r\n        <p class=\"who-desc\">Families are landing on your site and going cold before you ever get a chance to talk to them. A better website means warmer leads and fewer cold calls.<\/p>\r\n        <div class=\"who-pain\">\"By the time families reach me, they've already half-decided on someone else.\"<\/div>\r\n      <\/div>\r\n      <div class=\"who-card reveal reveal-delay-2\">\r\n        <div class=\"who-icon\">\ud83c\udfd7<\/div>\r\n        <div class=\"who-role\">Owner \/ Operator<\/div>\r\n        <p class=\"who-desc\">You're investing in marketing but your website is undermining every dollar. A conversion-optimized website is the highest-ROI investment you can make for census growth.<\/p>\r\n        <div class=\"who-pain\">\"I've spent $150K on ads this year. My website has barely changed in 5 years.\"<\/div>\r\n      <\/div>\r\n      <div class=\"who-card reveal\">\r\n        <div class=\"who-icon\">\u2699\ufe0f<\/div>\r\n        <div class=\"who-role\">Director of Operations<\/div>\r\n        <p class=\"who-desc\">You need marketing infrastructure that works without constant babysitting. A properly built website generates leads on autopilot \u2014 and the reporting to prove it.<\/p>\r\n        <div class=\"who-pain\">\"I need a system I can actually track and report on to ownership.\"<\/div>\r\n      <\/div>\r\n      <div class=\"who-card reveal reveal-delay-1\">\r\n        <div class=\"who-icon\">\ud83c\udfd8<\/div>\r\n        <div class=\"who-role\">Multi-Community Operators<\/div>\r\n        <p class=\"who-desc\">Each community needs its own digital presence, its own local SEO footprint, and its own conversion story \u2014 all managed consistently at scale.<\/p>\r\n        <div class=\"who-pain\">\"10 communities, 10 different websites, none of them performing. I need a solution.\"<\/div>\r\n      <\/div>\r\n      <div class=\"who-card reveal reveal-delay-2\">\r\n        <div class=\"who-icon\">\ud83c\udf1f<\/div>\r\n        <div class=\"who-role\">Pre-Opening Communities<\/div>\r\n        <p class=\"who-desc\">Your website is your first impression \u2014 and you need it working hard before your doors even open. We build pre-leasing websites that capture waitlist leads from day one.<\/p>\r\n        <div class=\"who-pain\">\"We're not open yet but I need to be capturing leads now.\"<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== TESTIMONIALS ===== -->\r\n<section id=\"testimonials\" style=\"background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);\">\r\n  <div class=\"container\">\r\n    <div class=\"test-glow\"><\/div>\r\n    <div class=\"testimonials-header reveal\">\r\n      <div class=\"tag tag-purple\" style=\"margin:0 auto 1.5rem;\">Client Voices<\/div>\r\n      <h2 class=\"testimonials-headline\">The Communities Behind<br><span class=\"gradient-text\">The Transformations<\/span><\/h2>\r\n      <p class=\"testimonials-sub\">We don't ask for testimonials. We earn them.<\/p>\r\n    <\/div>\r\n    <div class=\"testimonials-grid\">\r\n      <div class=\"testimonial-card reveal\">\r\n        <div class=\"stars\"><div class=\"star\"><\/div><div class=\"star\"><\/div><div class=\"star\"><\/div><div class=\"star\"><\/div><div class=\"star\"><\/div><\/div>\r\n        <p class=\"testimonial-quote\">Our old website looked like it was built in 2014 \u2014 because it was. Elderbloom redesigned everything: the structure, the messaging, the mobile experience. Within 60 days of launching, our monthly inquiries tripled. We went from 80% occupancy to 96% in five months. The website literally paid for itself in the first move-in.<\/p>\r\n        <div class=\"testimonial-author\">\r\n          <div class=\"author-avatar\">SL<\/div>\r\n          <div>\r\n            <div class=\"author-name\">Sandra L.<\/div>\r\n            <div class=\"author-title\">Director of Marketing \u2014 Assisted Living, Phoenix AZ<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"testimonial-card reveal reveal-delay-1\">\r\n        <div class=\"stars\"><div class=\"star\"><\/div><div class=\"star\"><\/div><div class=\"star\"><\/div><div class=\"star\"><\/div><div class=\"star\"><\/div><\/div>\r\n        <p class=\"testimonial-quote\">I was skeptical about the virtual tour integration \u2014 I thought it was a nice-to-have. Elderbloom showed me the data: families who engage with virtual tours are 3.4x more likely to book an in-person tour. Now it's front and center on our homepage and it's our #1 conversion driver. I wish we'd done this two years ago.<\/p>\r\n        <div class=\"testimonial-author\">\r\n          <div class=\"author-avatar\">JR<\/div>\r\n          <div>\r\n            <div class=\"author-name\">James R.<\/div>\r\n            <div class=\"author-title\">VP of Sales & Marketing \u2014 Memory Care, Dallas TX<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"testimonial-card reveal reveal-delay-2\">\r\n        <div class=\"stars\"><div class=\"star\"><\/div><div class=\"star\"><\/div><div class=\"star\"><\/div><div class=\"star\"><\/div><div class=\"star\"><\/div><\/div>\r\n        <p class=\"testimonial-quote\">We manage 12 communities across three states and every single one had a different website with different messaging and different performance. Elderbloom built us a consistent design system, launched all 12 sites in under 4 months, and now I have a unified dashboard showing me exactly how each community's website is contributing to census. This is what professional looks like.<\/p>\r\n        <div class=\"testimonial-author\">\r\n          <div class=\"author-avatar\">MC<\/div>\r\n          <div>\r\n            <div class=\"author-name\">Michelle C.<\/div>\r\n            <div class=\"author-title\">COO \u2014 12-Community Portfolio, Southeast US<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== CTA STRIP MID ===== -->\r\n<section id=\"cta-strip\">\r\n  <div class=\"container\">\r\n    <div class=\"cta-inner\">\r\n      <div>\r\n        <h2 class=\"cta-headline\">Every Day Your Old Website Exists<br><span class=\"gradient-text\">Is a Family You're Losing to a Competitor.<\/span><\/h2>\r\n        <p class=\"cta-sub\">Families are visiting your website right now. Whether they book a tour or click away depends on what they see in the next 3 seconds. A website redesign isn't a \"someday\" decision \u2014 it's a census decision you make or defer every single day.<\/p>\r\n      <\/div>\r\n      <div class=\"cta-right\">\r\n        <a href=\"#contact\" class=\"btn-primary\">Get My Free Website Audit \u2192<\/a>\r\n        <a href=\"tel:+19783334400\" class=\"btn-ghost\">\ud83d\udcde 978-333-4400<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== FAQ ===== -->\r\n<section id=\"faq\">\r\n  <div class=\"container\">\r\n    <div class=\"faq-header reveal\">\r\n      <div class=\"tag tag-purple\" style=\"margin:0 auto 1.5rem;\">Common Questions<\/div>\r\n      <h2 class=\"faq-headline\">Everything You're Wondering<br><span class=\"gradient-text\">About Web Design for Senior Living<\/span><\/h2>\r\n    <\/div>\r\n    <div class=\"faq-list\">\r\n      <div class=\"faq-item reveal\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>How long does it take to build a new senior living website?<\/span>\r\n          <div class=\"faq-icon\">+<\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">Most Elderbloom website projects launch within 6\u201310 weeks from kickoff, depending on size and complexity. A single-community website typically lands closer to 6 weeks. Multi-community or complex portfolio projects can run 10\u201314 weeks. We move fast without cutting corners \u2014 discovery and UX strategy in weeks 1\u20132, design in weeks 2\u20134, development and QA in weeks 4\u20138, and launch prep in the final stretch. You'll know exactly where we are every step of the way.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"faq-item reveal reveal-delay-1\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>What makes Elderbloom's web design different from a general web agency?<\/span>\r\n          <div class=\"faq-icon\">+<\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">We exclusively serve senior living communities. That means we understand the emotional journey families go through when researching care \u2014 the guilt, the urgency, the fear of making the wrong choice. Every design decision is made with that emotional context in mind. We also understand the operational realities: census pressure, referral agency competition, the regulatory environment, and the staff who need to actually manage the website day-to-day. A general web agency builds websites. We build occupancy tools.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"faq-item reveal reveal-delay-2\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Will my new website help with Google rankings?<\/span>\r\n          <div class=\"faq-icon\">+<\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">Yes \u2014 and this is one of the most important things that separates us from general web designers. Every Elderbloom website is built on an SEO and AEO-ready technical foundation: proper schema markup for healthcare and local business, optimized URL and heading structures, geo-targeted landing page architecture, Core Web Vitals performance (we typically deliver 95+ PageSpeed scores), mobile-first design, and internal linking strategy. Your new website is both a conversion engine and a ranking machine from day one.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"faq-item reveal\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Can you redesign just part of our website, or does it need to be a full rebuild?<\/span>\r\n          <div class=\"faq-icon\">+<\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">We can work either way. Many clients start with a high-impact partial engagement \u2014 a homepage redesign and CTA optimization, for example \u2014 and expand from there once they see the results. We'll always give you an honest recommendation based on your audit findings. If your technical foundation is solid but your design and messaging are underperforming, a targeted redesign may be all you need. If your site has fundamental technical issues affecting speed, mobile performance, or SEO, a full rebuild is typically more cost-effective long-term.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"faq-item reveal reveal-delay-1\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>Do you build on WordPress, or what platform do you use?<\/span>\r\n          <div class=\"faq-icon\">+<\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">We're platform-agnostic and will recommend the best solution for your needs. Most senior living communities benefit from WordPress \u2014 it's flexible, widely understood, and gives your marketing team full content control. We also build on Webflow for communities that want a faster, more design-forward experience without plugin overhead. For clients with very specific requirements, we build custom. We'll discuss your team's technical comfort level and operational needs during discovery to make the right call together.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"faq-item reveal reveal-delay-2\">\r\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n          <span>What is AEO and why does it matter for my senior living website?<\/span>\r\n          <div class=\"faq-icon\">+<\/div>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <div class=\"faq-answer-inner\">AEO stands for Answer Engine Optimization \u2014 optimizing your content to appear as the answer when families use AI tools like Google's AI Overviews, ChatGPT, or Perplexity to ask questions like \"what's the best memory care in [city]?\" or \"how much does assisted living cost?\" As AI-powered search grows, appearing in these results is the next frontier of senior living visibility. We build every website with AEO-ready content architecture so you're positioned for how families will search in 2025 and 2026 \u2014 not just today.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== NEWSLETTER ===== -->\r\n<section id=\"newsletter\" style=\"background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);\">\r\n  <div class=\"container\" style=\"position:relative;z-index:1;\">\r\n    <div class=\"newsletter-glow\"><\/div>\r\n    <div class=\"newsletter-inner\">\r\n      <div class=\"reveal\">\r\n        <div class=\"tag tag-purple\">Free Resources<\/div>\r\n        <h2 class=\"newsletter-headline\">Get the Weekly Insights Every<br><span class=\"gradient-text\">Senior Living Leader Needs<\/span><\/h2>\r\n        <p class=\"newsletter-sub\">Join 2,400+ senior living operators getting our weekly newsletter \u2014 packed with UX\/UI tips, website conversion strategies, and resources you won't find anywhere else.<\/p>\r\n        <div class=\"newsletter-perks\">\r\n          <div class=\"newsletter-perk\">Free weekly tips on senior living web design & UX best practices<\/div>\r\n          <div class=\"newsletter-perk\">Exclusive occupancy benchmarks & industry data<\/div>\r\n          <div class=\"newsletter-perk\">Staff training freebies \u2014 scripts, templates & playbooks<\/div>\r\n          <div class=\"newsletter-perk\">Early access to case studies, tools & community resources<\/div>\r\n          <div class=\"newsletter-perk\">Zero spam. Unsubscribe anytime. We hate cluttered inboxes too.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"reveal reveal-delay-2\">\r\n        <div class=\"newsletter-form-wrap\">\r\n          <div class=\"nl-live-widget\">\r\n            <div class=\"live-dot\"><\/div>\r\n            <span><span class=\"nl-live-num\" id=\"nlCount\">37<\/span> senior living leaders subscribed this week<\/span>\r\n          <\/div>\r\n          <div class=\"nl-title\">Subscribe for Free<\/div>\r\n          <div class=\"nl-subtitle\">Join 2,400+ senior living leaders. No spam, ever.<\/div>\r\n          <div class=\"newsletter-form\">\r\n            <input type=\"text\" class=\"nl-input\" id=\"nl-name\" placeholder=\"Your first name\" autocomplete=\"given-name\">\r\n            <input type=\"text\" class=\"nl-input\" id=\"nl-community\" placeholder=\"Your community or company name\">\r\n            <input type=\"email\" class=\"nl-input\" id=\"nl-email\" placeholder=\"Your work email address\" autocomplete=\"email\">\r\n            <select class=\"nl-input\" id=\"nl-role\">\r\n              <option value=\"\" disabled selected>Your role<\/option>\r\n              <option>Director of Marketing<\/option>\r\n              <option>Director of Sales<\/option>\r\n              <option>VP of Sales &amp; Marketing<\/option>\r\n              <option>Director of Operations<\/option>\r\n              <option>Owner \/ Operator<\/option>\r\n              <option>Executive Director<\/option>\r\n              <option>Other<\/option>\r\n            <\/select>\r\n            <button class=\"nl-submit\" onclick=\"handleNewsletterSubmit(this)\">Subscribe &amp; Get Free Resources \u2192<\/button>\r\n            <p class=\"nl-privacy\">\ud83d\udd12 100% free. No spam. Unsubscribe anytime.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== CALCULATOR ===== -->\r\n<section id=\"calculator\">\r\n  <div class=\"calc-glow\"><\/div>\r\n  <div class=\"container\" style=\"position:relative;z-index:1;\">\r\n    <div class=\"calc-header reveal\">\r\n      <div class=\"tag tag-purple\" style=\"margin:0 auto 1.5rem;\">Interactive Calculator<\/div>\r\n      <h2 class=\"calc-headline\">How Much Is a Poorly Designed Website<br><span class=\"gradient-text\">Costing Your Community?<\/span><\/h2>\r\n      <p class=\"calc-sub\">Adjust the sliders to calculate the real dollar impact of poor website conversion, wasted ad spend, slow follow-up, and occupancy gaps on your community's bottom line.<\/p>\r\n    <\/div>\r\n    <div class=\"calc-wrap\">\r\n      <div class=\"calc-inputs reveal\">\r\n        <div class=\"calc-section-title\">Your Community<\/div>\r\n        <div class=\"calc-input-group\">\r\n          <div class=\"calc-input-label\">\r\n            <span>Monthly Ad & Marketing Budget<\/span>\r\n            <span class=\"calc-input-val\" id=\"val-budget\">$5,000<\/span>\r\n          <\/div>\r\n          <input type=\"range\" class=\"calc-slider\" id=\"sl-budget\" min=\"1000\" max=\"30000\" step=\"500\" value=\"5000\" oninput=\"updateCalc()\">\r\n        <\/div>\r\n        <div class=\"calc-input-group\">\r\n          <div class=\"calc-input-label\">\r\n            <span>Average Monthly Revenue Per Resident<\/span>\r\n            <span class=\"calc-input-val\" id=\"val-revenue\">$4,500<\/span>\r\n          <\/div>\r\n          <input type=\"range\" class=\"calc-slider\" id=\"sl-revenue\" min=\"2000\" max=\"12000\" step=\"100\" value=\"4500\" oninput=\"updateCalc()\">\r\n        <\/div>\r\n        <div class=\"calc-input-group\">\r\n          <div class=\"calc-input-label\">\r\n            <span>Average Length of Stay (months)<\/span>\r\n            <span class=\"calc-input-val\" id=\"val-los\">24 mo<\/span>\r\n          <\/div>\r\n          <input type=\"range\" class=\"calc-slider\" id=\"sl-los\" min=\"6\" max=\"60\" step=\"1\" value=\"24\" oninput=\"updateCalc()\">\r\n        <\/div>\r\n        <div class=\"calc-section-title\">Website Conversion Loss<\/div>\r\n        <div class=\"calc-input-group\">\r\n          <div class=\"calc-input-label\">\r\n            <span>% of Website Visitors Who Bounce Without Inquiring<\/span>\r\n            <span class=\"calc-input-val\" id=\"val-bounce\">75%<\/span>\r\n          <\/div>\r\n          <input type=\"range\" class=\"calc-slider\" id=\"sl-bounce\" min=\"30\" max=\"95\" step=\"1\" value=\"75\" oninput=\"updateCalc()\">\r\n        <\/div>\r\n        <div class=\"calc-section-title\">Wasted Ad Spend<\/div>\r\n        <div class=\"calc-input-group\">\r\n          <div class=\"calc-input-label\">\r\n            <span>% of Ad Budget Wasted on Non-Converting Traffic<\/span>\r\n            <span class=\"calc-input-val\" id=\"val-waste\">40%<\/span>\r\n          <\/div>\r\n          <input type=\"range\" class=\"calc-slider\" id=\"sl-waste\" min=\"5\" max=\"85\" step=\"1\" value=\"40\" oninput=\"updateCalc()\">\r\n        <\/div>\r\n        <div class=\"calc-section-title\">Slow Lead Follow-Up<\/div>\r\n        <div class=\"calc-input-group\">\r\n          <div class=\"calc-input-label\">\r\n            <span>Average Lead Response Time (hours)<\/span>\r\n            <span class=\"calc-input-val\" id=\"val-response\">18 hrs<\/span>\r\n          <\/div>\r\n          <input type=\"range\" class=\"calc-slider\" id=\"sl-response\" min=\"1\" max=\"72\" step=\"1\" value=\"18\" oninput=\"updateCalc()\">\r\n        <\/div>\r\n        <div class=\"calc-input-group\">\r\n          <div class=\"calc-input-label\">\r\n            <span>Monthly Website Visitors<\/span>\r\n            <span class=\"calc-input-val\" id=\"val-leads\">500<\/span>\r\n          <\/div>\r\n          <input type=\"range\" class=\"calc-slider\" id=\"sl-leads\" min=\"100\" max=\"5000\" step=\"50\" value=\"500\" oninput=\"updateCalc()\">\r\n        <\/div>\r\n        <div class=\"calc-section-title\">Occupancy Gap<\/div>\r\n        <div class=\"calc-input-group\">\r\n          <div class=\"calc-input-label\">\r\n            <span>Total Community Units<\/span>\r\n            <span class=\"calc-input-val\" id=\"val-units\">80<\/span>\r\n          <\/div>\r\n          <input type=\"range\" class=\"calc-slider\" id=\"sl-units\" min=\"20\" max=\"300\" step=\"5\" value=\"80\" oninput=\"updateCalc()\">\r\n        <\/div>\r\n        <div class=\"calc-input-group\">\r\n          <div class=\"calc-input-label\">\r\n            <span>Current Occupancy Rate<\/span>\r\n            <span class=\"calc-input-val\" id=\"val-occ\">82%<\/span>\r\n          <\/div>\r\n          <input type=\"range\" class=\"calc-slider\" id=\"sl-occ\" min=\"50\" max=\"97\" step=\"1\" value=\"82\" oninput=\"updateCalc()\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"calc-results reveal reveal-delay-2\">\r\n        <div class=\"calc-result-card primary\">\r\n          <div class=\"calc-result-label\">Total Annual Revenue at Risk<\/div>\r\n          <div class=\"calc-result-num loss\" id=\"res-total\">$0<\/div>\r\n          <div class=\"calc-result-sub\">Combined impact of poor website conversion, wasted spend, lost leads & occupancy gap per year<\/div>\r\n        <\/div>\r\n        <div class=\"calc-breakdown\">\r\n          <div class=\"calc-breakdown-title\">Breakdown<\/div>\r\n          <div class=\"breakdown-row\">\r\n            <span class=\"breakdown-label\">Lost From Website Bounce \/ Year<\/span>\r\n            <span class=\"breakdown-val\" id=\"res-bounce\">$0<\/span>\r\n          <\/div>\r\n          <div class=\"breakdown-row\">\r\n            <span class=\"breakdown-label\">Wasted Ad Spend \/ Year<\/span>\r\n            <span class=\"breakdown-val\" id=\"res-waste\">$0<\/span>\r\n          <\/div>\r\n          <div class=\"breakdown-row\">\r\n            <span class=\"breakdown-label\">Leads Lost to Slow Follow-Up \/ Year<\/span>\r\n            <span class=\"breakdown-val\" id=\"res-leads-lost\">$0<\/span>\r\n          <\/div>\r\n          <div class=\"breakdown-row\">\r\n            <span class=\"breakdown-label\">Occupancy Gap Revenue \/ Month<\/span>\r\n            <span class=\"breakdown-val\" id=\"res-occ-gap\">$0<\/span>\r\n          <\/div>\r\n          <div class=\"breakdown-row\">\r\n            <span class=\"breakdown-label\">Lifetime Value of Each Lost Resident<\/span>\r\n            <span class=\"breakdown-val\" id=\"res-ltv\">$0<\/span>\r\n          <\/div>\r\n          <div class=\"breakdown-row\">\r\n            <span class=\"breakdown-label\">Recoverable Revenue at 94% Occupancy<\/span>\r\n            <span class=\"breakdown-val green\" id=\"res-recoverable\">$0<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"calc-result-card\">\r\n          <div class=\"calc-result-label\">Potential Monthly Inquiries With Optimized Website<\/div>\r\n          <div class=\"calc-result-num\" id=\"res-potential-leads\">0<\/div>\r\n          <div class=\"calc-result-sub\">Estimated monthly inquiries with a conversion-optimized website, better targeting, and faster follow-up. A well-designed site typically converts 3\u20135\u00d7 more visitors into inquiries.<\/div>\r\n        <\/div>\r\n        <div class=\"calc-cta-note\">\r\n          Based on your inputs, Elderbloom could help recover an estimated <strong id=\"res-recover-note\">$0<\/strong> in annual revenue. <strong>Book your free call to get your real number.<\/strong>\r\n        <\/div>\r\n        <a href=\"#contact\" class=\"btn-primary\" style=\"width:100%;justify-content:center;font-size:14px;padding:16px;\">\r\n          Get My Free Website Revenue Recovery Plan \u2192\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== CONTACT ===== -->\r\n<section id=\"contact\">\r\n  <div class=\"contact-glow\"><\/div>\r\n  <div class=\"container\" style=\"position:relative;z-index:1;\">\r\n    <div class=\"contact-grid\">\r\n      <div class=\"reveal\">\r\n        <div class=\"tag tag-purple\">Work With Us<\/div>\r\n        <h2 class=\"contact-headline\">Ready to Build a Website<br><span class=\"gradient-text\">That Actually Fills Beds?<\/span><\/h2>\r\n        <p class=\"contact-desc\">\r\n          Every community you've read about on this page started exactly where you are \u2014 with a website that wasn't doing its job and a decision to make. The decision that changed everything was picking up the phone. Your 30-minute strategy call is completely free. No obligation. No pitch deck. Just honest strategy from a team that speaks senior living.\r\n        <\/p>\r\n        <div class=\"booking-widget\" style=\"margin-bottom:2rem;\">\r\n          <div class=\"booking-widget-header\">\r\n            <div class=\"booking-widget-title\">\ud83d\udcc5 Book Your Free Website Strategy Call<\/div>\r\n            <div class=\"booking-spots-badge\">\r\n              <div class=\"live-dot\" style=\"width:7px;height:7px;\"><\/div>\r\n              <span id=\"callCount\">12<\/span> calls booked this week\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"booking-quarter-note\">\r\n            \u26a0\ufe0f Only <span>2 spots left this quarter<\/span> \u2014 we limit new clients to protect service quality\r\n          <\/div>\r\n          <div class=\"booking-slots\">\r\n            <div class=\"booking-slot\" onclick=\"selectSlot(this, 'Friday, April 18 \u00b7 10:30 AM EST')\">\r\n              <div>\r\n                <div class=\"booking-slot-time\">10:30 AM EST<\/div>\r\n                <div class=\"booking-slot-day\">Friday, April 18<\/div>\r\n              <\/div>\r\n              <div class=\"booking-slot-cta\">Select \u2192<\/div>\r\n            <\/div>\r\n            <div class=\"booking-slot\" onclick=\"selectSlot(this, 'Monday, April 21 \u00b7 2:00 PM EST')\">\r\n              <div>\r\n                <div class=\"booking-slot-time\">2:00 PM EST<\/div>\r\n                <div class=\"booking-slot-day\">Monday, April 21<\/div>\r\n              <\/div>\r\n              <div class=\"booking-slot-cta\">Select \u2192<\/div>\r\n            <\/div>\r\n            <div class=\"booking-slot\" onclick=\"selectSlot(this, 'Tuesday, April 22 \u00b7 10:30 AM EST')\">\r\n              <div>\r\n                <div class=\"booking-slot-time\">10:30 AM EST<\/div>\r\n                <div class=\"booking-slot-day\">Tuesday, April 22<\/div>\r\n              <\/div>\r\n              <div class=\"booking-slot-cta\">Select \u2192<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"booking-calls-live\">\r\n            <div class=\"live-dot\" style=\"width:7px;height:7px;\"><\/div>\r\n            <span><span class=\"booking-calls-num\" id=\"liveReviews\">4<\/span> communities reviewing their website strategy right now<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-info\">\r\n          <div class=\"contact-info-item\">\r\n            <div class=\"contact-info-icon\">\ud83d\udcde<\/div>\r\n            <div>\r\n              <div><a href=\"tel:+19783334400\" style=\"color:var(--text-white);\">978-333-4400<\/a><\/div>\r\n              <div class=\"contact-info-sub\">Mon\u2013Fri, 9am\u20136pm EST<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"contact-info-item\">\r\n            <div class=\"contact-info-icon\">\u2709\ufe0f<\/div>\r\n            <div>\r\n              <div><a href=\"mailto:info@elderbloomstrategies.com\" style=\"color:var(--text-white);\">info@elderbloomstrategies.com<\/a><\/div>\r\n              <div class=\"contact-info-sub\">Replies within 1 business day<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"contact-info-item\">\r\n            <div class=\"contact-info-icon\">\ud83d\udccd<\/div>\r\n            <div>\r\n              <div>Boston, Massachusetts<\/div>\r\n              <div class=\"contact-info-sub\">Serving communities nationwide &amp; internationally<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"trust-badges\">\r\n          <div class=\"trust-badge\">\u2713 No long-term contracts<\/div>\r\n          <div class=\"trust-badge\">\u2713 Senior living only<\/div>\r\n          <div class=\"trust-badge\">\u2713 140+ communities served<\/div>\r\n          <div class=\"trust-badge\">\u2713 Launched in 6\u201310 weeks<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"reveal reveal-delay-2\">\r\n        <div class=\"contact-form\">\r\n          <div style=\"margin-bottom:28px;\">\r\n            <div style=\"font-size:19px;font-weight:800;margin-bottom:6px;\">Book Your Free UX\/UI & Website Strategy Call<\/div>\r\n            <div style=\"font-size:13px;color:rgba(245,245,245,0.5);\">No obligation. No sales pressure. Just honest strategy from a team that speaks senior living.<\/div>\r\n          <\/div>\r\n          <div id=\"selected-slot-display\" style=\"display:none;padding:10px 14px;background:rgba(167,13,213,0.08);border:1px solid rgba(167,13,213,0.25);border-radius:8px;font-size:12px;color:var(--purple);font-weight:700;margin-bottom:18px;\"><\/div>\r\n          <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n              <label for=\"fname\">First Name<\/label>\r\n              <input type=\"text\" id=\"fname\" placeholder=\"Jane\" autocomplete=\"given-name\">\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label for=\"lname\">Last Name<\/label>\r\n              <input type=\"text\" id=\"lname\" placeholder=\"Smith\" autocomplete=\"family-name\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"email\">Work Email<\/label>\r\n            <input type=\"email\" id=\"email\" placeholder=\"jane@yourcommunity.com\" autocomplete=\"email\">\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"phone\">Phone Number<\/label>\r\n            <input type=\"tel\" id=\"phone\" placeholder=\"(555) 000-0000\" autocomplete=\"tel\">\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"role\">Your Role<\/label>\r\n            <select id=\"role\">\r\n              <option value=\"\" disabled selected>Select your role<\/option>\r\n              <option>Director of Marketing<\/option>\r\n              <option>Director of Sales<\/option>\r\n              <option>VP of Sales &amp; Marketing<\/option>\r\n              <option>Director of Operations<\/option>\r\n              <option>Owner \/ Operator<\/option>\r\n              <option>Executive Director<\/option>\r\n              <option>Other<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"community\">Community \/ Company Name<\/label>\r\n            <input type=\"text\" id=\"community\" placeholder=\"Sunrise Senior Living\">\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"communities\">Number of Communities<\/label>\r\n            <select id=\"communities\">\r\n              <option value=\"\" disabled selected>Select range<\/option>\r\n              <option>1 Community<\/option>\r\n              <option>2\u20135 Communities<\/option>\r\n              <option>6\u201315 Communities<\/option>\r\n              <option>16\u201350 Communities<\/option>\r\n              <option>50+ Communities<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"challenge\">Biggest Website Challenge<\/label>\r\n            <textarea id=\"challenge\" placeholder=\"Tell us about your current website, what's not working, or what you wish it did better...\"><\/textarea>\r\n          <\/div>\r\n          <button class=\"form-submit\" onclick=\"handleFormSubmit(this)\">\r\n            Book My Free Website Strategy Call \u2192\r\n          <\/button>\r\n          <p class=\"form-privacy\">\ud83d\udd12 Your information is secure and will never be shared. We respect your privacy.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER BAR -->\r\n<div style=\"border-top:1px solid var(--border);padding:40px 0;\">\r\n  <div class=\"container\" style=\"display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;\">\r\n    <div>\r\n      <div style=\"font-size:20px;font-weight:900;color:var(--green);margin-bottom:4px;\">Elderbloom Strategies<\/div>\r\n      <div style=\"font-size:12px;color:var(--text-dim);\">Senior Living Marketing Agency \u00b7 Boston, MA<\/div>\r\n    <\/div>\r\n    <div style=\"display:flex;gap:32px;flex-wrap:wrap;\">\r\n      <a href=\"tel:+19783334400\" style=\"font-size:13px;color:var(--text-muted);transition:color 0.2s;\" onmouseover=\"this.style.color='var(--green)'\" onmouseout=\"this.style.color='var(--text-muted)'\">978-333-4400<\/a>\r\n      <a href=\"mailto:info@elderbloomstrategies.com\" style=\"font-size:13px;color:var(--text-muted);transition:color 0.2s;\" onmouseover=\"this.style.color='var(--green)'\" onmouseout=\"this.style.color='var(--text-muted)'\">info@elderbloomstrategies.com<\/a>\r\n    <\/div>\r\n    <div style=\"font-size:11px;color:var(--text-dim);\">\u00a9 2026 Elderbloom Strategies. All rights reserved.<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ ---- REVEAL ----\r\nconst reveals = document.querySelectorAll('.reveal');\r\nconst observer = new IntersectionObserver((entries) => {\r\n  entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n}, { threshold: 0.08 });\r\nreveals.forEach(el => observer.observe(el));\r\n\r\n\/\/ ---- COUNT UP ----\r\nfunction animateCount(el) {\r\n  const target = parseInt(el.dataset.target);\r\n  const suffix = el.dataset.suffix || '';\r\n  let start = 0;\r\n  const duration = 2000;\r\n  const step = 16;\r\n  const increment = target \/ (duration \/ step);\r\n  const timer = setInterval(() => {\r\n    start += increment;\r\n    if (start >= target) { start = target; clearInterval(timer); }\r\n    el.textContent = Math.floor(start) + suffix;\r\n  }, step);\r\n}\r\nconst counterObserver = new IntersectionObserver((entries) => {\r\n  entries.forEach(e => {\r\n    if (e.isIntersecting && !e.target.classList.contains('counted')) {\r\n      e.target.classList.add('counted');\r\n      animateCount(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.5 });\r\ndocument.querySelectorAll('.count-up').forEach(el => {\r\n  const t = parseInt(el.dataset.target);\r\n  if (t >= 140) el.dataset.suffix = '+';\r\n  else if ([94, 98, 68].includes(t)) el.dataset.suffix = '%';\r\n  else if (t === 312) el.dataset.suffix = '%';\r\n  counterObserver.observe(el);\r\n});\r\n\r\n\/\/ ---- LIVE COUNTER ----\r\nlet liveCount = 4;\r\nsetInterval(() => {\r\n  const el = document.getElementById('liveCount');\r\n  const el2 = document.getElementById('liveReviews');\r\n  if (!el) return;\r\n  const change = Math.random() > 0.6 ? 1 : (Math.random() > 0.7 ? -1 : 0);\r\n  liveCount = Math.max(1, Math.min(12, liveCount + change));\r\n  if (el) el.textContent = liveCount;\r\n  if (el2) el2.textContent = liveCount;\r\n}, 6000);\r\n\r\n\/\/ ---- NEWSLETTER COUNTER ----\r\nlet nlCountVal = 37;\r\nsetInterval(() => {\r\n  const el = document.getElementById('nlCount');\r\n  if (!el) return;\r\n  if (Math.random() > 0.85) {\r\n    nlCountVal++;\r\n    el.textContent = nlCountVal;\r\n  }\r\n}, 12000);\r\n\r\n\/\/ ---- CALL COUNT ----\r\nlet callCount = 12;\r\nsetInterval(() => {\r\n  const el = document.getElementById('callCount');\r\n  if (!el) return;\r\n  if (Math.random() > 0.9) {\r\n    callCount = Math.min(callCount + 1, 15);\r\n    el.textContent = callCount;\r\n  }\r\n}, 20000);\r\n\r\n\/\/ ---- FAQ ----\r\nfunction toggleFaq(btn) {\r\n  const item = btn.closest('.faq-item');\r\n  const isOpen = item.classList.contains('open');\r\n  document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\r\n  if (!isOpen) item.classList.add('open');\r\n}\r\n\r\n\/\/ ---- SLOT SELECTION ----\r\nfunction selectSlot(el, slotText) {\r\n  document.querySelectorAll('.booking-slot').forEach(s => {\r\n    s.style.borderColor = '';\r\n    s.style.background = '';\r\n    s.querySelector('.booking-slot-cta').textContent = 'Select \u2192';\r\n  });\r\n  el.style.borderColor = 'var(--purple)';\r\n  el.style.background = 'rgba(167,13,213,0.06)';\r\n  el.querySelector('.booking-slot-cta').textContent = '\u2713 Selected';\r\n  const display = document.getElementById('selected-slot-display');\r\n  display.style.display = 'block';\r\n  display.textContent = '\u2713 Selected: ' + slotText;\r\n  document.getElementById('contact').querySelector('.contact-form').scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n}\r\n\r\n\/\/ ---- STICKY CTA ----\r\nconst stickyCTA = document.getElementById('stickyCTA');\r\nwindow.addEventListener('scroll', () => {\r\n  stickyCTA.classList.toggle('show', window.scrollY > 600);\r\n});\r\n\r\n\/\/ ---- FORM SUBMIT ----\r\nfunction handleFormSubmit(btn) {\r\n  const fname = document.getElementById('fname').value.trim();\r\n  const email = document.getElementById('email').value.trim();\r\n  if (!fname || !email) {\r\n    btn.textContent = '\u26a0 Please fill in your name and email';\r\n    btn.style.background = '#f95c5c';\r\n    setTimeout(() => {\r\n      btn.textContent = 'Book My Free Website Strategy Call \u2192';\r\n      btn.style.background = 'var(--green)';\r\n    }, 2500);\r\n    return;\r\n  }\r\n  btn.textContent = '\u2713 Request Received! We\\'ll be in touch within 1 business day.';\r\n  btn.style.background = '#0a9e73';\r\n  btn.disabled = true;\r\n}\r\n\r\nfunction handleNewsletterSubmit(btn) {\r\n  const email = document.getElementById('nl-email').value.trim();\r\n  if (!email) {\r\n    btn.textContent = '\u26a0 Please enter your email';\r\n    btn.style.background = '#f95c5c';\r\n    setTimeout(() => {\r\n      btn.textContent = 'Subscribe & Get Free Resources \u2192';\r\n      btn.style.background = 'var(--green)';\r\n    }, 2500);\r\n    return;\r\n  }\r\n  btn.textContent = '\u2713 You\\'re subscribed! Check your inbox for your welcome gift.';\r\n  btn.style.background = '#0a9e73';\r\n  btn.disabled = true;\r\n  nlCountVal++;\r\n  const el = document.getElementById('nlCount');\r\n  if (el) el.textContent = nlCountVal;\r\n}\r\n\r\n\/\/ ---- REVENUE CALCULATOR ----\r\nfunction fmtDollar(n) {\r\n  if (n >= 1000000) return '$' + (n \/ 1000000).toFixed(2) + 'M';\r\n  if (n >= 1000) return '$' + Math.round(n \/ 1000) + 'K';\r\n  return '$' + Math.round(n).toLocaleString();\r\n}\r\n\r\nfunction updateCalc() {\r\n  const budget = parseInt(document.getElementById('sl-budget').value);\r\n  const revenue = parseInt(document.getElementById('sl-revenue').value);\r\n  const los = parseInt(document.getElementById('sl-los').value);\r\n  const bounce = parseInt(document.getElementById('sl-bounce').value);\r\n  const waste = parseInt(document.getElementById('sl-waste').value);\r\n  const response = parseInt(document.getElementById('sl-response').value);\r\n  const visitors = parseInt(document.getElementById('sl-leads').value);\r\n  const units = parseInt(document.getElementById('sl-units').value);\r\n  const occ = parseInt(document.getElementById('sl-occ').value);\r\n\r\n  document.getElementById('val-budget').textContent = '$' + budget.toLocaleString();\r\n  document.getElementById('val-revenue').textContent = '$' + revenue.toLocaleString();\r\n  document.getElementById('val-los').textContent = los + ' mo';\r\n  document.getElementById('val-bounce').textContent = bounce + '%';\r\n  document.getElementById('val-waste').textContent = waste + '%';\r\n  document.getElementById('val-response').textContent = response + ' hrs';\r\n  document.getElementById('val-leads').textContent = visitors;\r\n  document.getElementById('val-units').textContent = units;\r\n  document.getElementById('val-occ').textContent = occ + '%';\r\n\r\n  const ltv = revenue * los;\r\n  const currentConvRate = (100 - bounce) \/ 100 * 0.15; \/\/ % of visitors that become inquiries, % of inquiries convert\r\n  const optimizedConvRate = currentConvRate * 3.5;\r\n  const bounceLossMonthly = visitors * (bounce \/ 100) * optimizedConvRate * ltv * 0.08;\r\n  const bounceLossAnnual = bounceLossMonthly * 12;\r\n\r\n  const wastedAnnual = budget * (waste \/ 100) * 12;\r\n\r\n  const followupLossFactor = Math.min(0.85, ((response - 1) \/ 71) * 0.78 + 0.05);\r\n  const inquiriesMonthly = visitors * currentConvRate;\r\n  const leadsLostValue = inquiriesMonthly * followupLossFactor * 0.08 * ltv * 12;\r\n\r\n  const emptyUnits = units * ((100 - occ) \/ 100);\r\n  const targetUnits = units * 0.94;\r\n  const currentUnits = units * (occ \/ 100);\r\n  const recoverableUnits = Math.max(0, targetUnits - currentUnits);\r\n  const occGapMonthly = emptyUnits * revenue;\r\n  const recoverableMonthly = recoverableUnits * revenue;\r\n\r\n  const total = bounceLossAnnual + wastedAnnual + leadsLostValue + (occGapMonthly * 12);\r\n  const recoverable = bounceLossAnnual * 0.75 + wastedAnnual * 0.7 + (recoverableMonthly * 12);\r\n\r\n  const potentialInquiries = Math.round(visitors * optimizedConvRate);\r\n\r\n  document.getElementById('res-total').textContent = fmtDollar(total);\r\n  document.getElementById('res-bounce').textContent = fmtDollar(bounceLossAnnual);\r\n  document.getElementById('res-waste').textContent = fmtDollar(wastedAnnual);\r\n  document.getElementById('res-leads-lost').textContent = fmtDollar(leadsLostValue);\r\n  document.getElementById('res-occ-gap').textContent = fmtDollar(occGapMonthly);\r\n  document.getElementById('res-ltv').textContent = fmtDollar(ltv);\r\n  document.getElementById('res-recoverable').textContent = fmtDollar(recoverable);\r\n  document.getElementById('res-potential-leads').textContent = potentialInquiries;\r\n  document.getElementById('res-recover-note').textContent = fmtDollar(recoverable);\r\n\r\n  document.querySelectorAll('.calc-slider').forEach(sl => {\r\n    const pct = ((sl.value - sl.min) \/ (sl.max - sl.min)) * 100;\r\n    sl.style.background = `linear-gradient(to right, var(--green) ${pct}%, rgba(255,255,255,0.07) ${pct}%)`;\r\n  });\r\n}\r\ndocument.addEventListener('DOMContentLoaded', () => { updateCalc(); });\r\n\r\n\/\/ ---- SMOOTH SCROLL ----\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n  a.addEventListener('click', e => {\r\n    const target = document.querySelector(a.getAttribute('href'));\r\n    if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\r\n  });\r\n});\r\n<\/script>\r\n<\/body>\r\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Services CRM &amp; Automation Google Search Ads Local SEO Meta Ads SEO &amp; AEO&hellip;<\/p>\n","protected":false},"author":279444861,"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,"_crdt_document":"{\"document\":\"AAAG8KSKyx8LBRYBB1BCABEoASEAJwIoBCcAKAknAAQAqIIE2wNzdGF0ZXZlcnNpb25kb2N1bWVudGRhdGVkb2N1bWVudHN0YXR1c2RvY3VtZW50dGl0bGVkb2N1bWVudGNvbnRlbnRkb2N1bWVudGV4Y2VycHRkb2N1bWVudGF1dGhvcmRvY3VtZW50ZmVhdHVyZWRfbWVkaWFkb2N1bWVudGNvbW1lbnRfc3RhdHVzZG9jdW1lbnRwaW5nX3N0YXR1c2RvY3VtZW50dGVtcGxhdGVkb2N1bWVudG1ldGFhZHZhbmNlZF9zZW9fZGVzY3JpcHRpb25qZXRwYWNrX3Nlb19odG1sX3RpdGxlamV0cGFja19zZW9fbm9pbmRleGpldHBhY2tfcG9zdF93YXNfZXZlcl9wdWJsaXNoZWRmb290bm90ZXNfZWxlbWVudG9yX2VkaXRfbW9kZV9lbGVtZW50b3JfdGVtcGxhdGVfdHlwZV9lbGVtZW50b3JfZGF0YV9lbGVtZW50b3JfcGFnZV9zZXR0aW5nc19lbGVtZW50b3JfY29uZGl0aW9uc2RvY3VtZW50YmxvY2tzV2ViIERldmVsb3BtZW50OiBIaWdoLVBlcmZvcm1hbmNlIEluZnJhc3RydWN0dXJlIGZvciBTZW5pb3IgTGl2aW5nBQcIBAgGCAUIBwgHCAYIDggOCAtIAQQYFhMfCRQYDxgVCAaCAQcBCwAJAQAABEIBAQACQREBGQB9AXcTMjAyNi0wNC0wOVQyMToxNDo1Nn299b+KAn0AdwZjbG9zZWR3BmNsb3NlZHcAdwB3AHl5dwB3AHcAdwB+dQB3B3B1Ymxpc2gBsJLF5Q8BAgA=\",\"updateId\":865741481}","footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"blog_post_layout_featured_media_urls":{"thumbnail":"","full":""},"categories_names":null,"comments_number":"0","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PhbZJe-1g","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/elderbloomstrategies.com\/index.php?rest_route=\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elderbloomstrategies.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elderbloomstrategies.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elderbloomstrategies.com\/index.php?rest_route=\/wp\/v2\/users\/279444861"}],"replies":[{"embeddable":true,"href":"https:\/\/elderbloomstrategies.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=78"}],"version-history":[{"count":22,"href":"https:\/\/elderbloomstrategies.com\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":841,"href":"https:\/\/elderbloomstrategies.com\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions\/841"}],"wp:attachment":[{"href":"https:\/\/elderbloomstrategies.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}