{"id":152,"date":"2026-03-29T05:54:00","date_gmt":"2026-03-29T05:54:00","guid":{"rendered":"https:\/\/www.therapservices.net\/blog\/?page_id=152"},"modified":"2026-10-29T06:00:30","modified_gmt":"2026-10-29T06:00:30","slug":"beyond-the-binder-mainstay-life-services-electronic-documentation-success","status":"publish","type":"page","link":"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/","title":{"rendered":"Beyond the Binder: Mainstay Life Services\u2019 Electronic Documentation Success"},"content":{"rendered":"<p><style type=\"text\/tailwindcss\">\r\n  @theme {\r\n    --color-therap-blue: #0c4c7c;\r\n    --color-therap-orange: #ffd25e;\r\n    --color-therap-light: #f0f4e8;\r\n    --color-therap-tag: #d5e8c4;\r\n    --color-quote-1: #ffecca;\r\n    --color-quote-2: #ffe3b2;\r\n    --color-border-orange: #ffd53d;\r\n    --color-border-blue: #00437c;\r\n    --font-merriweather: \"Merriweather\", serif;\r\n    --font-lato: \"Lato\", sans-serif;\r\n    --font-inter: \"Inter\", sans-serif;\r\n\r\n    \/* Custom shades for 'black' to support manual edits *\/\r\n    --color-black-100: #000;\r\n    --color-black-200: #000;\r\n    --color-black-300: #000;\r\n    --color-black-400: #000;\r\n    --color-black-500: #000;\r\n    --color-black-600: #000;\r\n    --color-black-700: #000;\r\n    --color-black-800: #000;\r\n    --color-black-900: #000;\r\n  }\r\n\r\n  @layer base {\r\n    body {\r\n      \/* @apply font-lato bg-white text-[#333] leading-relaxed; *\/\r\n      @apply font-inter bg-white text-[#000] leading-relaxed;\r\n    }\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4 {\r\n      @apply font-merriweather text-therap-blue;\r\n    }\r\n    p {\r\n      @apply mb-6 text-black-700;\r\n    }\r\n  }\r\n\r\n  .nav-gradient {\r\n    @apply shadow-sm;\r\n    background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n  }\r\n\r\n  .hero-gradient-top {\r\n    @apply pb-4 pt-4 px-6 lg:px-12;\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgb(255 214 62) 0%,\r\n      rgb(255 214 62) 45%,\r\n      #ffd63e 100% 100%\r\n    );\r\n  }\r\n\r\n  .header-gradient {\r\n    @apply pb-12 pt-12 px-6 lg:px-12;\r\n    background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n  }\r\n\r\n  .bottom-green-gradient {\r\n    background: linear-gradient(180deg, #ffffff 0%, #e9f2cf 50%, #ffffff 100%);\r\n  }\r\n\r\n  .tag {\r\n    @apply inline-flex items-center px-4 py-1.5 bg-therap-tag rounded-md text-sm font-semibold text-therap-blue;\r\n  }\r\n\r\n  .quote-box-1 {\r\n    @apply p-10 rounded-3xl relative mb-12 shadow-sm;\r\n    background-color: var(--color-quote-1);\r\n  }\r\n\r\n  .quote-box-2 {\r\n    @apply p-10 rounded-3xl relative mb-12 shadow-sm;\r\n    background-color: var(--color-quote-2);\r\n  }\r\n\r\n  .quote-icon {\r\n    @apply absolute text-6xl text-therap-orange opacity-100;\r\n  }\r\n\r\n  .special-btn {\r\n    @apply px-12 py-3 bg-white text-therap-blue font-bold rounded-full transition-all transform hover:scale-105 inline-block;\r\n    border: 2px solid var(--color-border-blue);\r\n    box-shadow: 0 0 0 5px var(--color-border-orange);\r\n  }\r\n\r\n  .cta-section {\r\n    @apply py-24 pt-0 px-6 text-center mt-0 rounded-t-[100px];\r\n  }\r\n\r\n  \/* Apply the gradient separately to avoid @apply errors *\/\r\n  .cta-section.with-gradient {\r\n    background: linear-gradient(180deg, #ffffff 0%, #e9f2cf 50%, #ffffff 100%);\r\n  }\r\n\r\n  .content-area h2 {\r\n    @apply text-2xl font-bold mt-16 mb-8 text-therap-blue;\r\n    line-height: 33px;\r\n  }\r\n\r\n  .content-area p {\r\n    @apply mb-6 text-black-700 leading-relaxed text-lg;\r\n  }\r\n\r\n  .content-area ol,\r\n  .content-area ul {\r\n    @apply space-y-6 mb-12;\r\n  }\r\n\r\n  .content-area li {\r\n    @apply text-lg text-black-700;\r\n  }\r\n\r\n  .text-therap-black {\r\n    color: #000;\r\n  }\r\n\r\n  #search button {\r\n    color: #ffce6f;\r\n  }\r\n\r\n  .tag-pill {\r\n    @apply inline-flex items-center px-4 py-1.5 bg-[#fff8df] rounded-md text-[16px] font-bold text-therap-blue;\r\n    min-width: 200px;\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .header-gradient {\r\n      @apply pb-8 pt-8 px-6 lg:px-12;\r\n      background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<style type=\"text\/tailwindcss\">\r\n  @theme {\r\n    --color-therap-blue: #0c4c7c;\r\n    --color-therap-orange: #ffd25e;\r\n    --color-therap-light: #f0f4e8;\r\n    --color-therap-tag: #d5e8c4;\r\n    --color-quote-1: #ffecca;\r\n    --color-quote-2: #ffe3b2;\r\n    --color-border-orange: #ffd53d;\r\n    --color-border-blue: #00437c;\r\n    --font-merriweather: \"Merriweather\", serif;\r\n    --font-lato: \"Lato\", sans-serif;\r\n    --font-inter: \"Inter\", sans-serif;\r\n\r\n    \/* Custom shades for 'black' to support manual edits *\/\r\n    --color-black-100: #000;\r\n    --color-black-200: #000;\r\n    --color-black-300: #000;\r\n    --color-black-400: #000;\r\n    --color-black-500: #000;\r\n    --color-black-600: #000;\r\n    --color-black-700: #000;\r\n    --color-black-800: #000;\r\n    --color-black-900: #000;\r\n  }\r\n\r\n  @layer base {\r\n    body {\r\n      \/* @apply font-lato bg-white text-[#333] leading-relaxed; *\/\r\n      @apply font-inter bg-white text-[#000] leading-relaxed;\r\n    }\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4 {\r\n      @apply font-merriweather text-therap-blue;\r\n    }\r\n    p {\r\n      @apply mb-6 text-black-700;\r\n    }\r\n  }\r\n\r\n  .nav-gradient {\r\n    @apply shadow-sm;\r\n    background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n  }\r\n\r\n  .hero-gradient-top {\r\n    @apply pb-4 pt-4 px-6 lg:px-12;\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgb(255 214 62) 0%,\r\n      rgb(255 214 62) 45%,\r\n      #ffd63e 100% 100%\r\n    );\r\n  }\r\n\r\n  .header-gradient {\r\n    @apply pb-12 pt-12 px-6 lg:px-12;\r\n    background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n  }\r\n\r\n  .bottom-green-gradient {\r\n    background: linear-gradient(180deg, #ffffff 0%, #e9f2cf 50%, #ffffff 100%);\r\n  }\r\n\r\n  .tag {\r\n    @apply inline-flex items-center px-4 py-1.5 bg-therap-tag rounded-md text-sm font-semibold text-therap-blue;\r\n  }\r\n\r\n  .quote-box-1 {\r\n    @apply p-10 rounded-3xl relative mb-12 shadow-sm;\r\n    background-color: var(--color-quote-1);\r\n  }\r\n\r\n  .quote-box-2 {\r\n    @apply p-10 rounded-3xl relative mb-12 shadow-sm;\r\n    background-color: var(--color-quote-2);\r\n  }\r\n\r\n  .quote-icon {\r\n    @apply absolute text-6xl text-therap-orange opacity-100;\r\n  }\r\n\r\n  .special-btn {\r\n    @apply px-12 py-3 bg-white text-therap-blue font-bold rounded-full transition-all transform hover:scale-105 inline-block;\r\n    border: 2px solid var(--color-border-blue);\r\n    box-shadow: 0 0 0 5px var(--color-border-orange);\r\n  }\r\n\r\n  .cta-section {\r\n    @apply py-24 pt-0 px-6 text-center mt-0 rounded-t-[100px];\r\n  }\r\n\r\n  \/* Apply the gradient separately to avoid @apply errors *\/\r\n  .cta-section.with-gradient {\r\n    background: linear-gradient(180deg, #ffffff 0%, #e9f2cf 50%, #ffffff 100%);\r\n  }\r\n\r\n  .content-area h2 {\r\n    @apply text-2xl font-bold mt-16 mb-8 text-therap-blue;\r\n    line-height: 33px;\r\n  }\r\n\r\n  .content-area p {\r\n    @apply mb-6 text-black-700 leading-relaxed text-lg;\r\n  }\r\n\r\n  .content-area ol,\r\n  .content-area ul {\r\n    @apply space-y-6 mb-12;\r\n  }\r\n\r\n  .content-area li {\r\n    @apply text-lg text-black-700;\r\n  }\r\n\r\n  .text-therap-black {\r\n    color: #000;\r\n  }\r\n\r\n  #search button {\r\n    color: #ffce6f;\r\n  }\r\n\r\n  .tag-pill {\r\n    @apply inline-flex items-center px-4 py-1.5 bg-[#fff8df] rounded-md text-[16px] font-bold text-therap-blue;\r\n    min-width: 200px;\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .header-gradient {\r\n      @apply pb-8 pt-8 px-6 lg:px-12;\r\n      background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- Therap Brand Styles (Header, CTA, FAQ, Fonts) -->\r\n<style>\r\n\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Lato:wght@400;700&display=swap\");\r\n\r\n  \/* Therap Brand \u2014 Web. Inter H1 + Lato headings, body and buttons. No text under 17px. *\/\r\n  :root {\r\n    --blue: #18457a; \/* headings, links, button text \u2014 never a fill *\/\r\n    --black: #000000;\r\n    --primary: #fbdb72;\r\n    --secondary: #facd63;\r\n    --btn-gold: #fdb913;\r\n    --btn-green: #c1dc88;\r\n    --bg-pale: #fef6de;\r\n    --bg-yellow: #fdf6d0;\r\n\r\n    \/* CTA button (matches sample blog .special-btn) *\/\r\n    --color-therap-blue: #0c4c7c;\r\n    --color-border-orange: #ffd53d;\r\n    --color-border-blue: #00437c;\r\n\r\n    \/* FAQ (landing page design system tokens) *\/\r\n    --clr-blue: #0c4c7d;\r\n    --clr-text: #000000;\r\n    --border-soft: #ffedc7;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: \"Inter-Fallback\";\r\n    src: local(\"Arial\");\r\n    size-adjust: 107%;\r\n    ascent-override: 90%;\r\n    descent-override: 20%;\r\n  }\r\n\r\n  body {\r\n    font-family: Lato, Arial, Helvetica, sans-serif;\r\n    color: var(--black);\r\n    background: #fff;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .article-header *,\r\n  .blog-main *,\r\n  .cta-section *,\r\n  .faq * {\r\n    box-sizing: border-box;\r\n  }\r\n  .article-header h2,\r\n  .blog-main h2,\r\n  .blog-main h3,\r\n  .cta-section h3 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif;\r\n    color: var(--blue);\r\n    line-height: 1.3;\r\n  }\r\n  .article-header a,\r\n  .blog-main a {\r\n    color: var(--blue);\r\n  }\r\n  .article-header a:focus-visible,\r\n  .blog-main a:focus-visible,\r\n  .cta-section a:focus-visible {\r\n    outline: 3px solid var(--blue);\r\n    outline-offset: 3px;\r\n  }\r\n  .wrap {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* ===== Post Header ===== *\/\r\n  .article-header {\r\n    background: linear-gradient(\r\n      180deg,\r\n      #fbdb72 0%,\r\n      #fdfcef 70%,\r\n      #ffffff 100%\r\n    ); \/* Web gradient 5\/7 family *\/\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .hero {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 48px;\r\n    align-items: center;\r\n    padding: 44px 0 0;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  .crumbs ol {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 6px;\r\n    margin: 0 0 18px;\r\n    padding: 0;\r\n    font-size: 1.0625rem;\r\n  }\r\n  .crumbs li + li::before {\r\n    content: \"\u203a\";\r\n    margin-right: 6px;\r\n    color: #333;\r\n  }\r\n  .crumbs a {\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n  }\r\n  .crumbs a:hover {\r\n    text-decoration: underline;\r\n  }\r\n  .crumbs [aria-current] {\r\n    color: #333;\r\n  }\r\n  .pill {\r\n    display: inline-block;\r\n    background: #fff;\r\n    color: var(--blue);\r\n    font-weight: 600;\r\n    font-size: 1.0625rem;\r\n    padding: 4px 14px;\r\n    border-radius: 14px 14px 14px 4px;\r\n    border: 1.5px solid var(--btn-gold);\r\n    text-decoration: none;\r\n    margin-bottom: 14px;\r\n  }\r\n  .hero h1 {\r\n    font-family: Inter, \"Inter-Fallback\", sans-serif;\r\n    font-size: clamp(1.9rem, 3.6vw, 2.75rem);\r\n    font-weight: 700;\r\n    line-height: 1.15;\r\n    margin: 0 0 20px;\r\n  }\r\n  .meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px 18px;\r\n    font-size: 1.0625rem;\r\n    color: #222;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n  .meta li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n  .meta svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex: none;\r\n  }\r\n  .hero-img {\r\n    margin: 0;\r\n  }\r\n  .hero-img img {\r\n    width: 100%;\r\n    height: auto !important;\r\n    max-height: none;\r\n    aspect-ratio: auto;\r\n    object-fit: contain;\r\n    display: block;\r\n    border-radius: 12px;\r\n    box-shadow: 0 12px 30px rgba(24, 69, 122, 0.14);\r\n  }\r\n\r\n  \/* ===== Content ===== *\/\r\n  .blog-main {\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    padding: 48px 24px 24px;\r\n    font-size: 1.0625rem;\r\n  }\r\n  .content-area h2 {\r\n    font-size: 1.5rem;\r\n    margin: 2.5rem 0 0.75rem;\r\n  }\r\n  .content-area p {\r\n    margin: 0 0 1.25rem;\r\n  }\r\n  .content-area li {\r\n    margin-bottom: 0.75rem;\r\n  }\r\n  .content-area ul,\r\n  .content-area ol {\r\n    margin: 0 0 1.25rem;\r\n    padding-left: 1.25rem;\r\n  }\r\n  .content-area li strong {\r\n    color: var(--blue);\r\n  }\r\n  .content-area h3 {\r\n    font-size: 1.2rem;\r\n    margin: 1.75rem 0 0.5rem;\r\n  }\r\n\r\n  \/* WordPress\/Avada overrides: theme CSS repaints headings and strips list bullets *\/\r\n  .article-header .hero h1 {\r\n    font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    font-size: clamp(1.9rem, 3.6vw, 2.75rem) !important;\r\n    line-height: 1.15 !important;\r\n  }\r\n  .blog-main .content-area h2 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    font-size: 1.5rem !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area h3 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    font-size: 1.2rem !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area p,\r\n  .blog-main .content-area li {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n    line-height: 1.7 !important;\r\n    color: var(--black) !important;\r\n  }\r\n  .article-header .crumbs,\r\n  .article-header .crumbs a,\r\n  .article-header .pill,\r\n  .article-header .meta,\r\n  .article-header .meta li,\r\n  .article-header .crumbs li,\r\n  .cta-section .special-btn {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n  }\r\n  .blog-main .content-area ul {\r\n    list-style: disc outside !important;\r\n    padding-left: 1.25rem !important;\r\n    margin: 0 0 1.25rem !important;\r\n  }\r\n  .blog-main .content-area ol {\r\n    list-style: decimal outside !important;\r\n    padding-left: 1.25rem !important;\r\n    margin: 0 0 1.25rem !important;\r\n  }\r\n  .blog-main .content-area li {\r\n    display: list-item !important;\r\n    list-style: inherit !important;\r\n    margin: 0 0 0.75rem !important;\r\n    padding: 0 !important;\r\n    background: none !important;\r\n  }\r\n  .blog-main .content-area li::before {\r\n    content: none !important;\r\n  }\r\n  .blog-main .content-area li::marker {\r\n    color: var(--black);\r\n  }\r\n  .blog-main .content-area li strong {\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  \/* The site's Tailwind block sets `h1:not(...), h2, h3, h4 { line-height: 1.7 !important }` inside @layer base.\r\n     A layered !important beats any unlayered !important, so the heading line-heights are repeated inside the same layer,\r\n     where the higher specificity below wins. *\/\r\n  @layer base {\r\n    .article-header .hero h1 {\r\n      line-height: 1.15 !important;\r\n    }\r\n    .blog-main .content-area h2,\r\n    .blog-main .content-area h3,\r\n    .cta-section h3 {\r\n      line-height: 1.3 !important;\r\n    }\r\n    section.faq h2.section-heading {\r\n      line-height: 1.3 !important;\r\n    }\r\n  }\r\n\r\n  \/* ===== CTA Section (matches sample blog) ===== *\/\r\n  .cta-section {\r\n    padding: 0 24px 48px;\r\n    text-align: center;\r\n    margin-top: 0;\r\n    border-radius: 100px 100px 0 0;\r\n  }\r\n  .cta-section.with-gradient {\r\n    background: linear-gradient(180deg, #ffffff 0%, #e9f2cf 50%, #ffffff 100%);\r\n  }\r\n  .cta-section .cta-inner {\r\n    max-width: 56rem;\r\n    margin: 0 auto;\r\n  }\r\n  .cta-section h3 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    margin: 0 0 1rem;\r\n  }\r\n  .cta-section p {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.125rem !important;\r\n    line-height: 1.7;\r\n    margin: 0 0 2rem;\r\n  }\r\n\r\n  .special-btn {\r\n    display: inline-block;\r\n    padding: 12px 48px;\r\n    background: #fff;\r\n    color: var(--color-therap-blue);\r\n    font-weight: 700;\r\n    border-radius: 9999px;\r\n    text-decoration: none;\r\n    transition: all 0.15s ease;\r\n    transform: scale(1);\r\n    border: 2px solid var(--color-border-blue);\r\n    box-shadow: 0 0 0 5px var(--color-border-orange);\r\n  }\r\n  .special-btn:hover {\r\n    transform: scale(1.05);\r\n  }\r\n  .special-btn:hover,\r\n  .special-btn:focus,\r\n  .special-btn:active,\r\n  .special-btn:visited {\r\n    color: var(--color-therap-blue);\r\n    background: #fff;\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/* ===== FAQ (Pattern 7: 2-Column Native FAQ Accordion, landing page design system) ===== *\/\r\n  section.faq {\r\n    font-family: \"Lato\", sans-serif;\r\n    color: var(--clr-text);\r\n    font-size: 1.0625rem;\r\n    line-height: 1.6;\r\n    background-color: #fff;\r\n    font-variant-ligatures: none;\r\n    -webkit-font-synthesis: none;\r\n    font-synthesis: none;\r\n  }\r\n\r\n  section.faq .container {\r\n    width: 100%;\r\n    max-width: 72.5rem;\r\n    margin: 0 auto;\r\n    padding: 4rem 1.25rem;\r\n  }\r\n\r\n  section.faq h2.section-heading {\r\n    font-family: \"Inter\", \"Inter-Fallback\", sans-serif !important;\r\n    color: var(--clr-text) !important;\r\n    font-size: 1.875rem !important;\r\n    line-height: 1.3 !important;\r\n    font-weight: 600 !important;\r\n    margin: 0 0 0.625rem 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .faq-columns {\r\n    display: flex;\r\n    gap: 3rem;\r\n    align-items: flex-start;\r\n    margin-top: 2rem;\r\n  }\r\n\r\n  .faq-column {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .faq-summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  .faq-summary {\r\n    list-style: none;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 1.25rem 0.5rem;\r\n    border-bottom: 2px solid var(--border-soft);\r\n    cursor: pointer;\r\n    text-align: left;\r\n  }\r\n\r\n  .faq-summary:focus-visible {\r\n    outline: 0.125rem solid var(--clr-blue) !important;\r\n    outline-offset: 0.125rem;\r\n  }\r\n\r\n  .faq-item:first-of-type .faq-summary {\r\n    border-top: 2px solid var(--border-soft);\r\n  }\r\n\r\n  .faq-question {\r\n    font-family: \"Lato\", sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n    line-height: 1.6 !important;\r\n    font-weight: 600;\r\n    color: var(--clr-text);\r\n  }\r\n\r\n  .faq-icon {\r\n    display: inline-flex;\r\n    width: 26px;\r\n    flex-shrink: 0;\r\n    margin-left: 1rem;\r\n  }\r\n\r\n  .faq-icon img {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  details.faq-item[open] .faq-summary {\r\n    border-bottom: none;\r\n    padding-bottom: 0.625rem;\r\n  }\r\n\r\n  \/* Plus when closed, minus when open *\/\r\n  details.faq-item[open] .faq-icon-plus,\r\n  details.faq-item:not([open]) .faq-icon-minus {\r\n    display: none !important;\r\n  }\r\n\r\n  .faq-content {\r\n    padding: 0 0.5rem 1.5rem;\r\n    border-bottom: 2px solid var(--border-soft);\r\n    text-align: left;\r\n  }\r\n\r\n  .faq-content p {\r\n    font-family: \"Lato\", sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n    line-height: 1.6 !important;\r\n    color: var(--clr-text) !important;\r\n    margin: 0;\r\n  }\r\n\r\n  @media (min-width: 2100px) {\r\n    section.faq .container {\r\n      max-width: 87.5rem;\r\n    }\r\n    section.faq h2.section-heading {\r\n      font-size: 2rem !important;\r\n    }\r\n    section.faq,\r\n    .faq-question,\r\n    .faq-content p {\r\n      font-size: 1.1875rem !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    section.faq .container {\r\n      max-width: 90%;\r\n      padding: 3rem 1.25rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    section.faq h2.section-heading {\r\n      font-size: 1.6875rem !important;\r\n    }\r\n    .faq-columns {\r\n      flex-direction: column;\r\n      gap: 0;\r\n    }\r\n    .faq-column:nth-child(2) .faq-item:first-child .faq-summary {\r\n      border-top: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 880px) {\r\n    .hero {\r\n      grid-template-columns: 1fr;\r\n      gap: 28px;\r\n      padding-top: 28px;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .cta-section {\r\n      border-radius: 60px 60px 0 0;\r\n      padding-bottom: 40px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    section.faq .container {\r\n      max-width: 100%;\r\n      padding: 2.5rem 1.5rem;\r\n    }\r\n    section.faq h2.section-heading {\r\n      font-size: 1.25rem !important;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .special-btn {\r\n      transition: none;\r\n    }\r\n    .special-btn:hover {\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n  \/* Blog template top bar (outside this post's markup): #fef5d9 background, hide \"Back to Main Blog\" link *\/\r\n  header.hero-gradient-top {\r\n    background: #fef5d9 !important;\r\n  }\r\n  header.hero-gradient-top a[href=\"https:\/\/www.therapservices.net\/blog\/\"] {\r\n    display: none !important;\r\n  }\r\n\r\n\r\n  \/* Neutralize site-level Merriweather variable *\/\r\n  :root {\r\n    --font-merriweather: Lato, Arial, Helvetica, sans-serif !important;\r\n  }\r\n\r\n  \/* Main content typography standards: Lato, Arial (h2, h3, h4 700 bold, blue color, 19px h3) *\/\r\n  .blog-main .content-area h2,\r\n  .content-area h2,\r\n  main .content-area h2,\r\n  main h2 {\r\n    font-size: 1.5rem !important;\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area h3,\r\n  .content-area h3,\r\n  main .content-area h3,\r\n  .content-area h3.text-therap-black {\r\n    font-size: 19px !important;\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area h4,\r\n  .content-area h4,\r\n  main .content-area h4 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  \/* Main content strong elements standard: weight 700, blue color *\/\r\n  .blog-main .content-area li strong,\r\n  .content-area li strong,\r\n  main .content-area li strong,\r\n  .blog-main .content-area strong,\r\n  .content-area strong,\r\n  main .content-area strong {\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  \/* Quote \/ Testimonial Box typography: Inter, 19px, weight 500 *\/\r\n  .quote-box-1,\r\n  .quote-box-2,\r\n  .quote-box-1 > div,\r\n  .quote-box-2 > div,\r\n  .content-area .quote-box-1,\r\n  .content-area .quote-box-2,\r\n  .content-area .quote-box-1 > div,\r\n  .content-area .quote-box-2 > div,\r\n  .content-area .quote-box-1 .text-therap-black,\r\n  .content-area .quote-box-2 .text-therap-black {\r\n    font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n    font-size: 19px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n  \/* Floated quote box spacing: generous left margin to prevent clashing with text *\/\r\n  .content-area [class*=\"float-right\"],\r\n  .content-area .lg:float-right {\r\n    margin-left: 4rem !important;\r\n    margin-bottom: 2rem !important;\r\n  }\r\n\r\n  \/* CTA section h3 typography standard: 24px (1.5rem), 700 bold, blue *\/\r\n  .cta-section h3 {\r\n    font-size: 24px !important;\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n\r\n  @layer base {\r\n    h1:not(h1.hero-gradient-top),\r\n    h2,\r\n    h3,\r\n    h4 {\r\n      font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    }\r\n    .article-header .hero h1 {\r\n      font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n      line-height: 1.15 !important;\r\n    }\r\n    section.faq h2.section-heading,\r\n    h2#faq-title.section-heading,\r\n    .section-heading {\r\n      font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n  }\r\n\r\n\r\n  \/* Extra bottom spacing when page has no FAQ (matches original 95px) *\/\r\n  .cta-section.no-faq,\r\n  body:not(:has(section.faq)) .cta-section,\r\n  .cta-section:last-of-type:not(:has(+ section.faq)) {\r\n    padding-bottom: 95px !important;\r\n  }\r\n\r\n\r\n  \/* Layout adjustments when page has no active hero image *\/\r\n  .hero.no-hero-img,\r\n  .hero:not(:has(figure.hero-img)) {\r\n    grid-template-columns: 1fr !important;\r\n    padding-bottom: 44px !important;\r\n  }\r\n\r\n<\/style>\r\n\r\n<!-- Post Header -->\r\n<header class=\"article-header\">\r\n  <div class=\"wrap\">\r\n    <div class=\"hero no-hero-img\">\r\n      <div>\r\n        <nav class=\"crumbs\" aria-label=\"Breadcrumb\">\r\n          <ol>\r\n            <li><a href=\"https:\/\/www.therapservices.net\/\">Home<\/a><\/li>\r\n            <li><a href=\"https:\/\/www.therapservices.net\/blog\/\">Blog<\/a><\/li>\r\n            <li>\r\n              <a href=\"https:\/\/www.therapservices.net\/blog\/search\/?q=User%20Story\">User Story<\/a>\r\n            <\/li>\r\n          <\/ol>\r\n        <\/nav>\r\n        <h1>Beyond the Binder: Mainstay Life Services\u2019 Electronic Documentation Success<\/h1>\r\n        <ul class=\"meta\">\r\n          <li>\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"#18457a\"\r\n              stroke-width=\"2\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\" \/>\r\n              <path d=\"M3 10h18M8 3v4M16 3v4\" \/>\r\n            <\/svg>\r\n            <span>Published <time datetime=\"2025-04-10\">April 10, 2025<\/time><\/span>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <!-- Optional Hero Image (Uncomment and set src\/alt when image is available)\r\n      <figure class=\"hero-img\">\r\n        <img class=\"lazyload\" decoding=\"async\"\r\n          src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/therap-blog\/default-inner.png\"\r\n          alt=\"Beyond the Binder: Mainstay Life Services\u2019 Electronic Documentation Success\"\r\n        \/>\r\n      <\/figure>\r\n      -->\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<main style=\"font-family: Lato, Arial, Helvetica, sans-serif;\" class=\"max-w-[600px] xl:max-w-[700px] mx-auto px-4 xl:px-0 py-12 relative\">\r\n<div\r\n    class=\"llm-context\"\r\n    aria-hidden=\"true\"\r\n    style=\"\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      padding: 0;\r\n      margin: -1px;\r\n      overflow: hidden;\r\n      clip: rect(0, 0, 0, 0);\r\n      white-space: nowrap;\r\n      border: 0;\r\n    \"\r\n  >\r\n    A case study on Mainstay Life Services' successful transition from paper\r\n    binders to Therap's electronic documentation.\r\n  <\/div>\r\n\r\n  <!-- Featured Image \r\n    <div class=\"mb-12 rounded-3xl overflow-hidden shadow-lg border border-gray-100\">\r\n        <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/therap-blog\/blog-post-1.png\" alt=\"Communication Gap\"\r\n            class=\"lazyload w-full h-auto\">\r\n    <\/div>-->\r\n\r\n  <!-- Content -->\r\n  <div class=\"content-area max-w-[700px] text-black-800 mx-auto\">\r\n    <p>\r\n      Over the past decade, many human services agencies have transitioned from\r\n      paper to electronic documentation. However, countless organizations have\r\n      yet to make the change \u2013 is it worth the effort? For Mainstay Life\r\n      Services, a non&#8209;profit service provider in Pittsburgh, Pennsylvania,\r\n      the answer is a resounding yes.\r\n    <\/p>\r\n\r\n    <p>\r\n      Mainstay Life Services supports over 300 individuals with intellectual and\r\n      developmental disabilities through a range of services, including\r\n      residential supports, life sharing, employment and therapy services, and\r\n      behavioral supports. In 2017, Mainstay decided to transition from\r\n      traditional paper documentation to Therap\u2019s electronic documentation\r\n      system. This shift has given Mainstay\u2019s staff instant access to vital\r\n      information, eliminating the delays and inefficiencies they experienced\r\n      with paper records. With real&#8209;time data at their fingertips,\r\n      Mainstay is able to make more informed decisions that benefit the\r\n      individuals they support.\r\n    <\/p>\r\n    <div class=\"mt-12 block clear-both\">\r\n      <div\r\n        class=\"w-full lg:w-1\/2 lg:float-right lg:ml-10 lg:mb-0 mt-10 lg:mt-0 relative md:h-fit\"\r\n      >\r\n        <svg\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          viewBox=\"0 0 200 150\"\r\n          class=\"quote-icon -left-12 -top-4 w-12 h-9 scale-x-[-1]\"\r\n          alt=\"\"\r\n        >\r\n          <path\r\n            fill=\"#FFD25E\"\r\n            d=\"M90.23,57.75c-1.87,41.26-33.63,75.15-74.76,79.62-4.51.49-9.84,1.68-10.33-5.64-.38-5.66-.13-10.18,7.52-10.99,10.02-1.06,17.91-6.61,24.02-14.58,6.12-7.98,5.71-9.46-3.44-13.49-16.62-7.31-26.05-23.04-24.83-41.41,1.09-16.48,13.47-31.33,29.99-35.99,27.53-7.76,53.17,13.25,51.85,42.47Z\"\r\n          ><\/path>\r\n          <path\r\n            fill=\"#FFD25E\"\r\n            d=\"M194.97,56.1c-.25,41.02-35.17,78.51-75.91,81.38-4,.28-8.73,1.1-9.03-5.15-.25-5.2-1.32-10.56,6.77-11.5,10.67-1.24,18.85-7.14,25.25-15.72,4.34-5.83,4.99-9.26-3.44-12.43-17.15-6.44-26.92-22.91-25.68-40.65,1.21-17.39,12.67-31.82,29.09-36.62,26.99-7.9,53.12,12.18,52.95,40.69Z\"\r\n          ><\/path>\r\n        <\/svg>\r\n        <div\r\n          class=\"quote-box-2\"\r\n          style=\"opacity: 1; margin-top: 0px; margin-bottom: 1rem\"\r\n        >\r\n          <div class=\"text-center text-xl px-4 text-therap-black font-medium\">\r\n            Our DSPs appreciate the fact that when they go on medical\r\n            appointments [with people they support], they can pull up\r\n            information right there at the touch of a button.\r\n          <\/div>\r\n\r\n          <svg\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n            viewBox=\"0 0 200 150\"\r\n            class=\"quote-icon -right-12 -bottom-4 w-12 h-10\"\r\n            alt=\"\"\r\n          >\r\n            <path\r\n              fill=\"#FFD25E\"\r\n              d=\"M90.23,57.75c-1.87,41.26-33.63,75.15-74.76,79.62-4.51.49-9.84,1.68-10.33-5.64-.38-5.66-.13-10.18,7.52-10.99,10.02-1.06,17.91-6.61,24.02-14.58,6.12-7.98,5.71-9.46-3.44-13.49-16.62-7.31-26.05-23.04-24.83-41.41,1.09-16.48,13.47-31.33,29.99-35.99,27.53-7.76,53.17,13.25,51.85,42.47Z\"\r\n            ><\/path>\r\n            <path\r\n              fill=\"#FFD25E\"\r\n              d=\"M194.97,56.1c-.25,41.02-35.17,78.51-75.91,81.38-4,.28-8.73,1.1-9.03-5.15-.25-5.2-1.32-10.56,6.77-11.5,10.67-1.24,18.85-7.14,25.25-15.72,4.34-5.83,4.99-9.26-3.44-12.43-17.15-6.44-26.92-22.91-25.68-40.65,1.21-17.39,12.67-31.82,29.09-36.62,26.99-7.9,53.12,12.18,52.95,40.69Z\"\r\n            ><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p\r\n        class=\"text-xl lg:text-2xl leading-[32px] lg:leading-[40px] outer-para-text\"\r\n      >\r\n        \u201cIt was a big transition to get people to let go of paper,\u201d says Brandy\r\n        Chestnut, a Systems Analyst at Mainstay. The shift to a digital\r\n        documentation system was particularly daunting for staff less\r\n        comfortable with technology. \u201c[There was] a lot of hesitation\u2026 people\r\n        weren't comfortable using computers,\u201d Chestnut recalls. However,\r\n        Mainstay persevered, recognizing the long&#8209;term benefits of an\r\n        electronic documentation system. Through consistent effort and training,\r\n        staff embraced the new platform. \u201cNow that most of the paper is gone,\r\n        people know how to manage [electronic documentation] better,\u201d Chestnut\r\n        states.\r\n      <\/p>\r\n\r\n      <div class=\"clear-both\"><\/div>\r\n    <\/div>\r\n\r\n    <p>\r\n      Mainstay staff value the instant access to information Therap provides.\r\n      \"Our DSPs appreciate the fact that when they go on medical appointments\r\n      [with people they support], they can pull up information right there at\r\n      the touch of a button,\u201d Chestnut says. \"You no longer have to carry that\r\n      big binder wherever you go.\" With Therap\u2019s mobile app, staff can enter\r\n      data on the go, eliminating the risk of lost paperwork or forgotten\r\n      details. \"It's nice having the mobile app where you can enter information\r\n      right there on the spot,\" emphasizes Chestnut.\r\n    <\/p>\r\n    <p>\r\n      The data collected through Therap has been instrumental in helping\r\n      Mainstay make informed decisions. \"The most valuable thing that [Therap]\r\n      has offered is\u2026 all the data that we're collecting \u2013 we\u2019re able to use in\r\n      so many ways,\u201d says Chestnut. \u201cWe're a very data&#8209;driven\r\n      organization.\" With the ability to track organization&#8209;wide trends,\r\n      monitor individuals\u2019 progress, and identify trends over time, Mainstay has\r\n      been able to ensure compliance with regulations and quality supports for\r\n      the people they support.\r\n    <\/p>\r\n    <p>\r\n      In addition to the basic modules of the system, Mainstay also benefits\r\n      from Therap\u2019s innovative new features, including \u201cAbout Me\u201d video\r\n      attachments. \u201cWe did a pilot with a few people that are supported. They\r\n      recorded a video of things that they like to do and things that they don't\r\n      like to do,\u201d explains Chestnut. \u201cThe people that were recording their own\r\n      videos loved that idea\u2026 That's the benefit of it, it's not from someone\r\n      else's point of view. You get to hear directly from them.\u201d\r\n    <\/p>\r\n    <p>\r\n      Chestnut emphasizes the strong collaborative relationship they have built\r\n      with Therap, noting the company\u2019s ongoing support and responsiveness. \"The\r\n      support that we get from them, it's been great throughout the years,\u201d\r\n      Chestnut says. \u201cWhenever we want to expand or add a new module, they're\r\n      always right there to help you implement it.\u201d This partnership has played\r\n      a crucial role in the organization's transition from paper to electronic\r\n      documentation. \"It has allowed us to expand and grow in ways that I don't\r\n      even think we predicted back then.\u201d\r\n    <\/p>\r\n\r\n    <!-- Testimonial 1 -->\r\n    <div class=\"quote-box-1\">\r\n      <svg\r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        viewBox=\"0 0 200 150\"\r\n        class=\"quote-icon -left-24 -top-6 w-16 h-12 scale-x-[-1]\"\r\n        alt=\"\"\r\n      >\r\n        <path\r\n          fill=\"#FFD25E\"\r\n          d=\"M90.23,57.75c-1.87,41.26-33.63,75.15-74.76,79.62-4.51.49-9.84,1.68-10.33-5.64-.38-5.66-.13-10.18,7.52-10.99,10.02-1.06,17.91-6.61,24.02-14.58,6.12-7.98,5.71-9.46-3.44-13.49-16.62-7.31-26.05-23.04-24.83-41.41,1.09-16.48,13.47-31.33,29.99-35.99,27.53-7.76,53.17,13.25,51.85,42.47Z\"\r\n        ><\/path>\r\n        <path\r\n          fill=\"#FFD25E\"\r\n          d=\"M194.97,56.1c-.25,41.02-35.17,78.51-75.91,81.38-4,.28-8.73,1.1-9.03-5.15-.25-5.2-1.32-10.56,6.77-11.5,10.67-1.24,18.85-7.14,25.25-15.72,4.34-5.83,4.99-9.26-3.44-12.43-17.15-6.44-26.92-22.91-25.68-40.65,1.21-17.39,12.67-31.82,29.09-36.62,26.99-7.9,53.12,12.18,52.95,40.69Z\"\r\n        ><\/path>\r\n      <\/svg>\r\n      <div class=\"text-center text-xl px-4 text-therap-black font-medium\">\r\n        The most valuable thing that [Therap] has offered is\u2026 all the data that\r\n        we're collecting \u2013 we\u2019re able to use in so many ways.\r\n      <\/div>\r\n      <svg\r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        viewBox=\"0 0 200 150\"\r\n        class=\"quote-icon -right-24 -bottom-6 w-16 h-12\"\r\n        alt=\"\"\r\n      >\r\n        <path\r\n          fill=\"#FFD25E\"\r\n          d=\"M90.23,57.75c-1.87,41.26-33.63,75.15-74.76,79.62-4.51.49-9.84,1.68-10.33-5.64-.38-5.66-.13-10.18,7.52-10.99,10.02-1.06,17.91-6.61,24.02-14.58,6.12-7.98,5.71-9.46-3.44-13.49-16.62-7.31-26.05-23.04-24.83-41.41,1.09-16.48,13.47-31.33,29.99-35.99,27.53-7.76,53.17,13.25,51.85,42.47Z\"\r\n        ><\/path>\r\n        <path\r\n          fill=\"#FFD25E\"\r\n          d=\"M194.97,56.1c-.25,41.02-35.17,78.51-75.91,81.38-4,.28-8.73,1.1-9.03-5.15-.25-5.2-1.32-10.56,6.77-11.5,10.67-1.24,18.85-7.14,25.25-15.72,4.34-5.83,4.99-9.26-3.44-12.43-17.15-6.44-26.92-22.91-25.68-40.65,1.21-17.39,12.67-31.82,29.09-36.62,26.99-7.9,53.12,12.18,52.95,40.69Z\"\r\n        ><\/path>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/div>\r\n<\/main>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"cta-section with-gradient no-faq\">\r\n  <div class=\"cta-inner\">\r\n    <h3>\r\n      Ready to Improve Team Communication?\r\n    <\/h3>\r\n    <p>\r\n      See for yourself how Therap can boost your team's communication\r\n      and&nbsp;documentation&nbsp;efficiency!\r\n    <\/p>\r\n    <a\r\n      href=\"https:\/\/www.therapservices.net\/contact\/?source=therap_blog\"\r\n      class=\"special-btn\"\r\n    >\r\n      Click here to book a demo\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style type=\"text\/tailwindcss\">\r\n    @theme {\r\n        --color-therap-blue: #0c4c7c;\r\n        --color-therap-orange: #FFD25E;\r\n        --color-therap-light: #F0F4E8;\r\n        --color-therap-tag: #D5E8C4;\r\n        --color-quote-1: #ffecca;\r\n        --color-quote-2: #ffe3b2;\r\n        --color-border-orange: #ffd53d;\r\n        --color-border-blue: #00437c;\r\n        --font-merriweather: \"Merriweather\", serif;\r\n        --font-lato: \"Lato\", sans-serif;\r\n        --font-inter: \"Inter\", sans-serif;\r\n\r\n        \/* Custom shades for 'black' to support manual edits *\/\r\n        --color-black-100: #000;\r\n        --color-black-200: #000;\r\n        --color-black-300: #000;\r\n        --color-black-400: #000;\r\n        --color-black-500: #000;\r\n        --color-black-600: #000;\r\n        --color-black-700: #000;\r\n        --color-black-800: #000;\r\n        --color-black-900: #000;\r\n        --font-weight-bold: 600;\r\n        --text-lg: 1.0625rem;\r\n    }\r\n\r\n    @layer base {\r\n        body {\r\n            @apply font-inter bg-white text-[#000] leading-relaxed;\r\n        }\r\n\r\n        h1:not(h1.hero-gradient-top),\r\n        h2,\r\n        h3,\r\n        h4 {\r\n            @apply font-merriweather text-therap-blue;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        h1.hero-gradient-top {\r\n            @apply font-merriweather text-therap-blue;\r\n            line-height: 1.2 !important;\r\n        }\r\n\r\n        p {\r\n            @apply mb-6 text-black-700;\r\n        }\r\n    }\r\n\t  .hero-gradient-top {\r\n            @apply pb-4 pt-4 px-6 lg:px-12;\r\n            background: linear-gradient(90deg, rgb(255 214 62) 0%, rgb(255 214 62) 45%, #ffd63e 100% 100%);\r\n        }\r\n\r\n    .post-content>p {\r\n        display: none;\r\n    }\r\n\r\n    .cta-section p {\r\n        line-height: 1.7;\r\n    }\r\n\r\n    a.special-btn {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Targets the exact class combination of your meta div *\/\r\n    div[class=\"flex items-center gap-2 font-bold\"] {\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* tag footer removed *\/\r\n    section.tags.myt-5.mb-24 {\r\n        display: none;\r\n    }\r\n\r\n    header.header-gradient {\r\n        padding-top: 1.5rem;\r\n        padding-bottom: 1.5rem;\r\n        font-size: 17px\r\n    }\r\n\r\n    .flex.items-center.gap-2.font-bold.flex-wrap {\r\n        font-weight: 600;\r\n    }\r\n\r\n    .font-bold {\r\n        font-weight: 600;\r\n    }\r\n\r\n    b,\r\n    strong {\r\n        font-weight: 600;\r\n    }\r\n\r\n    .content-area li h3 {\r\n        font-family: \"Inter\", sans-serif;\r\n    }\r\n\r\n    .content-area h3,\r\n    h4 {\r\n        font-family: \"Inter\", sans-serif;\r\n    }\r\n\r\n    .content-area h2 {\r\n        @apply text-2xl font-bold mt-12 mb-2 text-therap-blue;\r\n    }\r\n\r\n    h3.mb-4 {\r\n        margin-bottom: 15px !important;\r\n    }\r\n\r\n    h3.mb-2,\r\n    h3.mb-3 {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    h1.text-xl {\r\n        margin-bottom: 12px !important;\r\n    }\r\n\r\n    \/* for qoute-info-with-img *\/\r\n    .qoute-info-with-img {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 20px;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .qoute-img {\r\n        width: 5rem;\r\n        height: auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 5;\r\n        overflow: hidden;\r\n\r\n    }\r\n\r\n    .quote-box-1 .text-xl,\r\n    .quote-box-2 .text-xl {\r\n        font-size: 1.1875rem;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .cta-section .text-xl {\r\n    font-size: 1.0625rem;\r\n}\r\n    \/* Added Media Query for screens under 767px *\/\r\n    @media (max-width: 767px) {\r\n        .header-gradient h1 br {\r\n            display: none;\r\n        }\r\n\r\n        .content-area .mt-10.w-full,\r\n        .content-area .mt-12.block {\r\n            margin-top: 2rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        section.max-w-\\[600px\\] h2 {\r\n            margin-top: 1rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .content-area h2.mt-12 {\r\n            margin-top: 3rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .quote-box-1,\r\n        .quote-box-2 {\r\n            padding: 30px 25px;\r\n            margin-top: calc(var(--spacing) * 12) !important;\r\n        }\r\n\r\n        svg.quote-icon.-left-12.-top-4.w-12.h-9.scale-x-\\[-1\\],\r\n        svg.quote-icon.-left-24.-top-6.w-16.h-12.scale-x-\\[-1\\] {\r\n            width: 30px;\r\n            height: 35px;\r\n            left: -12px;\r\n            top: -30px;\r\n        }\r\n\r\n        svg.quote-icon.-right-12.-bottom-4.w-12.h-10,\r\n        svg.quote-icon.-right-24.-bottom-6.w-16.h-12 {\r\n            width: 30px;\r\n            height: 35px;\r\n            right: -12px;\r\n            bottom: -30px;\r\n        }\r\n\r\n    }\r\n\th2.text-2xl.font-bold.mt-16.mb-8.text-therap-blue {\r\n    margin-bottom: 1rem;\r\n}\r\n<\/style><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":318,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-152","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.8 (Yoast SEO v28.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Mainstay Life Services Case Study | Therap<\/title>\n<meta name=\"description\" content=\"Mainstay Life Services moved from paper binders to Therap&#039;s electronic documentation. Read about their Technology First approach and real-time digital tools.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mainstay Life Services Case Study | Therap\" \/>\n<meta property=\"og:description\" content=\"Mainstay Life Services moved from paper binders to Therap&#039;s electronic documentation. Read about their Technology First approach and real-time digital tools.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/\" \/>\n<meta property=\"og:site_name\" content=\"blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/therapservices\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-29T06:00:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.therapservices.net\/blog\/wp-content\/uploads\/sites\/74\/2026\/04\/brandy-story.png\" \/>\n\t<meta property=\"og:image:width\" content=\"683\" \/>\n\t<meta property=\"og:image:height\" content=\"363\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Beyond the Binder: Mainstay Life Services\u2019 Electronic Documentation Success\" \/>\n<meta name=\"twitter:site\" content=\"@therapservices\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\\\/\"},\"author\":{\"name\":\"eaty2\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#\\\/schema\\\/person\\\/f69f229682724d3fab5d7cedbe173b70\"},\"headline\":\"Beyond the Binder: Mainstay Life Services\u2019 Electronic Documentation Success\",\"datePublished\":\"2026-03-29T05:54:00+00:00\",\"dateModified\":\"2026-10-29T06:00:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\\\/\"},\"wordCount\":17,\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\\\/\",\"url\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\\\/\",\"name\":\"Mainstay Life Services Case Study | Therap\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#website\"},\"datePublished\":\"2026-03-29T05:54:00+00:00\",\"dateModified\":\"2026-10-29T06:00:30+00:00\",\"description\":\"Mainstay Life Services moved from paper binders to Therap's electronic documentation. Read about their Technology First approach and real-time digital tools.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beyond the Binder: Mainstay Life Services\u2019 Electronic Documentation Success\",\"item\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\\\/\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/\",\"name\":\"blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#\\\/schema\\\/person\\\/f69f229682724d3fab5d7cedbe173b70\",\"name\":\"eaty2\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mainstay Life Services Case Study | Therap","description":"Mainstay Life Services moved from paper binders to Therap's electronic documentation. Read about their Technology First approach and real-time digital tools.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/","og_locale":"en_US","og_type":"article","og_title":"Mainstay Life Services Case Study | Therap","og_description":"Mainstay Life Services moved from paper binders to Therap's electronic documentation. Read about their Technology First approach and real-time digital tools.","og_url":"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/","og_site_name":"blog","article_publisher":"http:\/\/www.facebook.com\/therapservices","article_modified_time":"2026-10-29T06:00:30+00:00","og_image":[{"width":683,"height":363,"url":"https:\/\/www.therapservices.net\/blog\/wp-content\/uploads\/sites\/74\/2026\/04\/brandy-story.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Beyond the Binder: Mainstay Life Services\u2019 Electronic Documentation Success","twitter_site":"@therapservices","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/#article","isPartOf":{"@id":"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/"},"author":{"name":"eaty2","@id":"https:\/\/www.therapservices.net\/blog\/#\/schema\/person\/f69f229682724d3fab5d7cedbe173b70"},"headline":"Beyond the Binder: Mainstay Life Services\u2019 Electronic Documentation Success","datePublished":"2026-03-29T05:54:00+00:00","dateModified":"2026-10-29T06:00:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/"},"wordCount":17,"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/","url":"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/","name":"Mainstay Life Services Case Study | Therap","isPartOf":{"@id":"https:\/\/www.therapservices.net\/blog\/#website"},"datePublished":"2026-03-29T05:54:00+00:00","dateModified":"2026-10-29T06:00:30+00:00","description":"Mainstay Life Services moved from paper binders to Therap's electronic documentation. Read about their Technology First approach and real-time digital tools.","breadcrumb":{"@id":"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.therapservices.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Beyond the Binder: Mainstay Life Services\u2019 Electronic Documentation Success","item":"https:\/\/www.therapservices.net\/blog\/beyond-the-binder-mainstay-life-services-electronic-documentation-success\/"}]},{"@type":"WebSite","@id":"https:\/\/www.therapservices.net\/blog\/#website","url":"https:\/\/www.therapservices.net\/blog\/","name":"blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.therapservices.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.therapservices.net\/blog\/#\/schema\/person\/f69f229682724d3fab5d7cedbe173b70","name":"eaty2"}]}},"_links":{"self":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":4,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"predecessor-version":[{"id":256,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages\/152\/revisions\/256"}],"wp:attachment":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}