{"id":8,"date":"2026-06-05T04:37:27","date_gmt":"2026-06-05T04:37:27","guid":{"rendered":"https:\/\/nine28.ai\/?page_id=8"},"modified":"2026-06-05T04:37:27","modified_gmt":"2026-06-05T04:37:27","slug":"page-2026-05-26-01-45-nine28-web","status":"publish","type":"page","link":"https:\/\/nine28.ai\/?page_id=8","title":{"rendered":"Page 2026-05-26 01:45 | Nine28\u00a0 web"},"content":{"rendered":"<div class=\"loading-overlay-preview\" data-animation=\"slide-up\" style=\"background-color: #0D1527; flex-direction: ;\">\n                                            <img decoding=\"async\" class=\"fl-photo-img\" id=\"loading-logo\" src=\"https:\/\/nine28.ai\/wp-content\/uploads\/wf-assets\/library\/assets\/imageedit_2_2398613119_2.png\" alt=\"Logo\" itemprop=\"image\" title=\"Logo\">\n\n                                            <h4 style=\"color: #fff\"><\/h4>\n                                        <\/div><div class=\"toggle-container\">\n                                            <label class=\"toggle\">\n                                                <input type=\"checkbox\" id=\"toggle-switch\">\n                                                <span class=\"toggle-slider\">\n                                                    <span class=\"toggle-text\">Vertical Mode<\/span><\/span>\n                                                \n                                            <\/label>\n                                        <\/div><div class=\"wf-row wf-header wf-header--sm\" style=\"border-top-width: medium; border-top-style: none; border-top-color: currentcolor; background: rgb(13, 21, 39);\"><div class=\"wf-row__content\">\n\n    <div class=\"wf-colGroup align:center justify:space-between\">\n        <div class=\"wf-col span:auto\" style=\"display: flex; align-items: flex-start; justify-content: center;\">\n            <div class=\"wf-img--logo\">\n                <a href=\"#\" class=\"nav-logo\" style=\"text-decoration: none; display: flex; align-items: center;\">\n                    <img decoding=\"async\" src=\"https:\/\/nine28.ai\/wp-content\/uploads\/wf-assets\/library\/assets\/imageedit_2_2398613119.png\" alt=\"Logo Placeholder\" class=\"logo-mark\" style=\"width: 70px;\">\n                    <span class=\"logo-text\" style=\"text-decoration: none; color: white; font-size: 1.75rem; font-weight: 700;\">Nine28<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"wf-col span:auto\">\n\n            <div class=\"nav-links\" id=\"mobile-menu\" style=\"display: flex; gap: 40px;\">\n                <a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/page-2026-05-26-01%3A45\/?id=1748\" class=\"nav-link\" style=\"text-decoration: none; color: rgb(71, 85, 105); font-weight: 600;\">Home<\/a>\n                <a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/readable-archives\/?id=1749\" class=\"nav-link\" style=\"text-decoration: none; color: rgb(71, 85, 105); font-weight: 600;\">Readable Archives<\/a><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/doc-x-edits\/?id=1757\" class=\"nav-link\" style=\"text-decoration: none; color: rgb(71, 85, 105); font-weight: 600;\">Doc-X-Edits<\/a>\n                <a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/atlas-directory\/?id=1758\" class=\"nav-link\" style=\"text-decoration: none; color: rgb(71, 85, 105); font-weight: 600;\">Business Directories<\/a><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/atlas-consulting\/?id=1759\" class=\"nav-link\" style=\"text-decoration: none; color: rgb(71, 85, 105); font-weight: 600;\">AI + Workflow Consulting<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"wf-col span:auto\">\n\n            <div class=\"wf-btnGroup nav-cta\">\n                <a href=\"#\" class=\"wf-btn\" style=\"text-decoration: none; padding: 10px 20px; background-color: rgb(30, 41, 59); color: white; border-radius: 10px; font-weight: 600; border: 1px solid rgba(255, 255, 255, 0.25);\">Book a Call<\/a>\n            <\/div>\n            <div class=\"hamburger-icon\" style=\"display: none; color: white; font-size: 24px; margin-left: 5px;\">\n                <i class=\"fas fa-bars\" aria-hidden=\"true\"><\/i>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div><div class=\"wf-row\" data-css-id=\"row-6a14fb3dd404a\" row-id=\"1\" row-order=\"1\" data-animate=\"none\"><div class=\"wf-row__content\">\n    <div class=\"wf-colGroup columns:2 align:center hero-card\">\n        <div class=\"wf-col hero-content\">\n            <span class=\"hero-label\">Operational Excellence Redefined<\/span>\n            <h1 class=\"hero-heading\">Smart systems that help your business grow<\/h1>\n            <p class=\"hero-text\" style=\"color: rgb(203, 213, 225);\">Stop managing chaos and start scaling. We build the digital infrastructure that automates your busywork and unlocks long-term momentum.<\/p>\n            <div class=\"hero-actions\">\n                <a href=\"#\" class=\"btn-solid\" style=\"width: fit-content; padding: 16px; border-radius: 20px;\">Let\u2019s Build a Smarter System<\/a>\n                <a href=\"#services\" class=\"btn-outline\" style=\"padding: 16px; width: fit-content; border-radius: 20px;\">Explore Our Services<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"wf-col hero-image-col\" style=\"border: 1px solid; border-radius: 20px; background-color: rgb(34, 43, 61);\">\n\n            <div class=\"video\">\n                <div class=\"video-wrapper\">\n                    <video src=\"https:\/\/app.storyshapesimpact.com\/wp-content\/uploads\/nine28-web-id322\/videos\/maximizing_productivity_with_modern_office_tools.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\"><\/video>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<style>[data-css-id=\"row-6a14fb3dd404a\"] {\n    padding: var(--spacing-lg) 0;\n\n    .hero-card {\n        background-color: var(--clr-secondary);\n        border-radius: 2rem 2rem 8rem 2rem;\n        padding: var(--spacing-xlg) var(--spacing-xlg);\n        position: relative;\n        overflow: hidden;\n        box-shadow: var(--shadow-xl);\n        --gap: var(--spacing-xlg);\n    }\n\n    .hero-card::before {\n        content: '';\n        position: absolute;\n        bottom: -20%;\n        right: -10%;\n        width: 60%;\n        aspect-ratio: 1\/1;\n        background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 0%, transparent 60%);\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 1;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .hero-label {\n        display: inline-block;\n        width: fit-content;\n        padding: 0.35rem 1rem;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        border-radius: var(--border-radius-pill);\n        font-size: 0.75rem;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        color: var(--clr-grey);\n        background: rgba(255, 255, 255, 0.05);\n        margin-bottom: var(--spacing-lg);\n        font-weight: 500;\n    }\n\n    .hero-heading {\n        color: var(--clr-white);\n        margin-top: 0;\n        margin-bottom: var(--spacing-md);\n        line-height: 1.1;\n        letter-spacing: -0.02em;\n    }\n\n    .hero-text {\n        color: #94a3b8;\n        \/* Slightly darker than light grey for better contrast reading *\/\n        margin-bottom: var(--spacing-lg);\n        max-width: 95%;\n        font-size: 1.125rem;\n        line-height: 1.6;\n    }\n\n    .hero-actions {\n        display: flex;\n        gap: var(--spacing-sm);\n        flex-wrap: wrap;\n    }\n\n    .btn-solid {\n        background-color: var(--clr-white);\n        color: var(--clr-secondary);\n        padding: 1rem 2rem;\n        border-radius: var(--border-radius-sm);\n        font-weight: 600;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .btn-solid:hover {\n        background-color: var(--clr-grey-light);\n    }\n\n    .btn-outline {\n        background-color: transparent;\n        color: var(--clr-white);\n        padding: 1rem 2rem;\n        border-radius: var(--border-radius-sm);\n        border: 1px solid rgba(255, 255, 255, 0.25);\n        font-weight: 500;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .btn-outline:hover {\n        background-color: rgba(255, 255, 255, 0.05);\n        border-color: rgba(255, 255, 255, 0.5);\n    }\n\n    .hero-image-col {\n        position: relative;\n        z-index: 1;\n        \/*display: flex;*\/\n        align-items: center;\n    }\n\n    .hero-image-wrapper {\n        width: 100%;\n        border-radius: 1.5rem;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n        aspect-ratio: 4\/3;\n        background-color: #1e293b;\n        \/* Fallback for image loading *\/\n    }\n\n    .hero-image-wrapper img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        opacity: 0.9;\n        \/* Slight darkening to match moody tone *\/\n    }\n\n    @media (max-width: 1024px) {\n        .hero-card {\n            border-radius: 2rem;\n            padding: var(--spacing-lg);\n            --gap: var(--spacing-md);\n        }\n\n        .hero-text {\n            max-width: 100%;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .wf-colGroup {\n            flex-direction: column-reverse;\n        }\n\n        .hero-label, .hero-text {\n            margin-bottom: 20px !important;\n        }\n\n        .hero-actions {\n            flex-direction: column;\n            width: 100%;\n        }\n\n        .btn-solid,\n        .btn-outline {\n            width: 100%;\n        }\n\n        .hero-card {\n            padding: var(--spacing-md);\n        }\n    }\n}<\/style><\/div><div class=\"wf-row\" data-css-id=\"row-6a14fb3dd69d1\" row-id=\"1\" row-order=\"2\" data-animate=\"none\">\n    <style>\n        [data-css-id=\"row-6a14fb3dd69d1\"] {\n            background-color: var(--clr-white);\n\n            .hero-text-col {\n                text-align: center;\n                max-width: 896px;\n                margin-inline: auto;\n            }\n\n            h2 {\n                color: var(--clr-secondary);\n                margin-bottom: var(--spacing-md);\n                font-weight: 700;\n            }\n\n            p {\n                color: var(--clr-p);\n            }\n        }\n    <\/style>\n    <div class=\"wf-row__content\">\n        <div class=\"wf-colGroup justify:center\">\n            <div class=\"wf-col hero-text-col\">\n                <h2>Less busywork. More momentum.<\/h2>\n                <p class=\"wf-p--xlg\">Most growing businesses are held back by manual processes and fragmented data. Nine28 transforms your operations from a series of roadblocks into a streamlined engine for growth. We don&#8217;t just give you tools; we architect the intelligence your business needs to thrive without the overhead.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><div id=\"services\" class=\"wf-row\" data-css-id=\"row-6a14fb3dd73a3\" row-id=\"1\" row-order=\"3\" data-animate=\"none\"><style data-scope=\"row-6a14fb3dd73a3\">[data-css-id=\"row-6a14fb3dd73a3\"] {\n    background-color: var(--clr-secondary-light);\n    padding: var(--spacing-xlg) 0;\n\n    .header-group {\n        margin-bottom: var(--spacing-lg);\n    }\n\n    h2 {\n        margin-top: 0;\n        margin-bottom: var(--spacing-xsm);\n        color: var(--clr-secondary);\n        font-weight: 700;\n    }\n\n    .heading-divider {\n        height: 5px;\n        width: 70px;\n        background-color: #0b679a;\n        margin-bottom: var(--spacing-md);\n        border-radius: var(--border-radius-pill);\n    }\n\n    p.subtitle {\n        max-width: 600px;\n        color: var(--clr-p);\n        font-size: var(--fs-p-lg);\n        margin: 0;\n        line-height: 1.6;\n    }\n\n    .card-grid {\n        --columns: 4;\n        --gap: 1.5rem;\n    }\n\n    .flip-card {\n        background-color: transparent;\n        height: 420px;\n        perspective: 1000px;\n        cursor: pointer;\n    }\n\n    .flip-card-inner {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        text-align: left;\n        transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n        transform-style: preserve-3d;\n        border-radius: 2rem;\n        box-shadow: var(--shadow-lg);\n    }\n\n    .flip-card:hover .flip-card-inner {\n        transform: rotateY(180deg);\n    }\n\n    .flip-card-front, \n    .flip-card-back {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        backface-visibility: hidden;\n        border-radius: 2rem;\n        padding: 2.5rem;\n        display: flex; \n        flex-direction: column;\n        background-color: var(--clr-secondary);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n    }\n\n    .flip-card-front {\n        z-index: 2;\n    }\n\n    .card-icon {\n        font-size: 3.5rem;\n        color: var(--clr-primary);\n        margin-bottom: auto;\n    }\n\n    .card-content {\n        margin-bottom: 2.5rem;\n    }\n\n    .card-title {\n        color: var(--clr-white);\n        font-size: var(--fs-h4);\n        margin: 0 0 var(--spacing-xsm) 0;\n        font-weight: 600;\n    }\n\n    .card-desc {\n        color: var(--clr-grey);\n        font-size: 0.95rem;\n        line-height: 1.6;\n        margin: 0;\n    }\n\n    .card-link {\n        color: var(--clr-primary);\n        font-size: 0.85rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.1em;\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        transition: transform 0.3s ease;\n    }\n\n    .flip-card:hover .card-link {\n        transform: translateX(5px);\n    }\n\n    .flip-card-back {\n        transform: rotateY(180deg);\n    }\n\n    .back-subtitle {\n        font-size: 0.85rem;\n        text-transform: uppercase;\n        color: rgba(255, 255, 255, 0.7);\n        letter-spacing: 0.05em;\n        margin: 0 0 1.5rem 0;\n        font-weight: 600;\n    }\n\n    .back-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n        margin-bottom: auto;\n    }\n\n    .back-list li {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75rem;\n        color: var(--clr-white);\n        font-size: 0.95rem;\n        line-height: 1.4;\n    }\n\n    .back-list i {\n        color: var(--clr-white);\n        margin-top: 0.2rem;\n        font-size: 1rem;\n    }\n\n    .back-btn {\n        background-color: var(--clr-white);\n        color: #0c1527;\n        padding: 1rem;\n        border-radius: var(--border-radius-pill);\n        text-align: center;\n        font-weight: bold;\n        font-size: 1rem;\n        transition: all 0.3s ease;\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n        border: none;\n        cursor: pointer;\n    }\n\n    .back-btn:hover {\n        background-color: #0c1527;\n        color: var(--clr-white);\n    }\n\n    @media (max-width: 1024px) {\n        .card-grid {\n            --columns: 2;\n        }\n    }\n\n    @media (max-width: 768px) {\n        padding: var(--spacing-lg) 0;\n        \n        .card-grid {\n            --columns: 1;\n        }\n        \n        .flip-card {\n            height: 380px;\n        }\n    }\n}<\/style>\n    <div class=\"wf-row__content\">\n        \n        \n        <div class=\"wf-colGroup header-group\">\n            <div class=\"wf-col span:12\">\n                <h2>Core Services<\/h2>\n                <div class=\"heading-divider\" style=\"width: 17%;\"><\/div>\n                <p class=\"subtitle\">Hover over each card to see how we help you scale through intelligent systems.<\/p>\n            <\/div>\n        <\/div>\n\n        \n        <div class=\"wf-colGroup card-grid\">\n            \n            \n            <div class=\"wf-col flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa-solid fa-wand-magic-sparkles\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <h3 class=\"card-title\">AI + Automation<\/h3>\n                            <p class=\"card-desc\" style=\"color: rgb(203, 213, 225);\">Intelligent workflows that work while you sleep.<\/p>\n                        <\/div>\n                        <div class=\"card-link\">\n                            <i class=\"fa-solid fa-arrow-up-right\" aria-hidden=\"true\"><\/i>\n                            <span>Details<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\" style=\"background-color: rgb(11, 84, 145);\">\n                        <div>\n                            <h4 class=\"back-subtitle\">How we help<\/h4>\n                            <ul class=\"back-list\">\n                                <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                    <span class=\"\">Automate repetitive data entry<\/span>\n                                <\/li>\n                                <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                    <span class=\"\">Be more productive with optimized workflows<\/span>\n                                <\/li><li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                    <span>AI-driven customer insights<\/span>\n                                <\/li>\n                            <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                    <span>Custom AI Software<\/span>\n                                <\/li><\/ul>\n                        <\/div>\n                        <button class=\"back-btn\" style=\"margin-top: auto; border-radius: 20px;\">Get Started<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            \n            <div class=\"wf-col flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa-solid fa-folder\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <h3 class=\"card-title\">Readable Archives<\/h3>\n                            <p class=\"card-desc\" style=\"color: rgb(203, 213, 225);\">Turn static storage into searchable knowledge.<\/p>\n                        <\/div>\n                        <div class=\"card-link\">\n                            <i class=\"fa-solid fa-arrow-up-right\" aria-hidden=\"true\"><\/i>\n                            <span>Details<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\" style=\"background-color: rgb(11, 84, 145);\">\n                        <div>\n                            <h4 class=\"back-subtitle\">Why it matters<\/h4>\n                            <ul class=\"back-list\">\n                                <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                    <span class=\"\">Automatically save a backup of your website content in a format you can easily access<\/span>\n                                <\/li>\n                                <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                    <span class=\"\">Becomes SOC2 Compliant Faster<\/span>\n                                <\/li>\n                            <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                    <span class=\"\">Easily lookup past content revisions without database bloat<\/span>\n                                <\/li><\/ul>\n                        <\/div>\n                        <button class=\"back-btn\" style=\"margin-top: auto; border-radius: 20px;\">Explore Archives<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            \n            <div class=\"wf-col flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa-solid fa-file-pen\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <h3 class=\"card-title\">Doc-X-Edits<\/h3>\n                            <p class=\"card-desc\" style=\"color: rgb(203, 213, 225);\">Seamless document collaboration and management.<\/p>\n                        <\/div>\n                        <div class=\"card-link\">\n                            <i class=\"fa-solid fa-arrow-up-right\" aria-hidden=\"true\"><\/i>\n                            <span>Details<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\" style=\"background-color: rgb(11, 84, 145);\">\n                        <div>\n                            <h4 class=\"back-subtitle\">How we help<\/h4>\n                            <ul class=\"back-list\">\n                                <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                    <span>Edit your website content with Google Docs or Microsoft Word<\/span>\n                                <\/li>\n                                <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                    <span>Remove the technical skills needed to edit your website<\/span>\n                                <\/li>\n                            <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                    <span>Edit faster without the need to drag and drop content or run many AI prompts<\/span>\n                                <\/li><\/ul>\n                        <\/div>\n                        <button class=\"back-btn\" style=\"margin-top: auto; border-radius: 20px;\">See Editing<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            \n            <div class=\"wf-col flip-card\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa-solid fa-diagram-project\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <h3 class=\"card-title\">Business Directory<\/h3>\n                            <p class=\"card-desc\" style=\"color: rgb(203, 213, 225);\">Generate listings without needing to manage data.<\/p>\n                        <\/div>\n                        <div class=\"card-link\">\n                            <i class=\"fa-solid fa-arrow-up-right\" aria-hidden=\"true\"><\/i>\n                            <span>Details<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flip-card-back\" style=\"background-color: rgb(11, 84, 145);\">\n                        <div>\n                            <h4 class=\"back-subtitle\">Benefit<\/h4>\n                            <ul class=\"back-list\">\n                                <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                    <span>Enter your membership list and directory listing is pulled from Google Business Listings<\/span>\n                                <\/li>\n                                <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                        <span>Ability to customize so you have full control<\/span>\n                                <\/li>\n                            <li>\n                                    <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>\n                                        <span>Put the business in control of their own data<\/span>\n                                <\/li><\/ul>\n                        <\/div>\n                        <button class=\"back-btn\" style=\"margin-top: auto; border-radius: 20px;\">Build Directory<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div><div class=\"wf-row\" data-css-id=\"row-6a14fb3dd7fd8\" row-id=\"1\" row-order=\"4\" data-animate=\"none\">\n    <style>\n        [data-css-id=\"row-6a14fb3dd7fd8\"] {\n            background-color: var(--clr-white);\n\n            .image-col {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n\n            .image-wrapper {\n                border-radius: 2rem; \/* Large border radius to match design *\/\n                overflow: hidden;\n                box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.25); \/* Soft, expansive shadow *\/\n                aspect-ratio: 1 \/ 1;\n                width: 100%;\n                max-width: 600px; \/* Prevent it from getting absurdly large on ultra-wide *\/\n                position: relative;\n            }\n\n            .image-wrapper img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                display: block;\n            }\n\n            .content-col {\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n            }\n\n            .main-heading {\n                color: var(--clr-secondary);\n                margin-top: 0;\n                margin-bottom: var(--spacing-sm);\n                font-weight: 700;\n            }\n\n            .main-desc {\n                margin-bottom: var(--spacing-lg);\n                font-size: var(--fs-p-lg);\n                line-height: 1.6;\n            }\n\n            .feature-list {\n                display: flex;\n                flex-direction: column;\n                gap: var(--spacing-lg);\n            }\n\n            .feature-item {\n                display: flex;\n                align-items: flex-start;\n                gap: var(--spacing-md);\n            }\n\n            .feature-icon {\n                width: 64px; \n                height: 64px;\n                border-radius: 50%;\n                background-color: var(--clr-secondary);\n                color: var(--clr-white);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                flex-shrink: 0;\n                font-size: 1.5rem;\n                transition: background-color 0.3s ease;\n            }\n            \n            .feature-item:hover .feature-icon {\n                background-color: var(--clr-primary);\n            }\n\n            .feature-text {\n                display: flex;\n                flex-direction: column;\n                gap: var(--spacing-xxsm);\n                padding-top: 0.5rem; \/* Align text vertically with the center of the icon *\/\n            }\n\n            .feature-text h4 {\n                margin: 0;\n                font-size: var(--fs-h5); \n                color: var(--clr-secondary);\n                font-weight: 600;\n                line-height: 1.2;\n            }\n\n            .feature-text p {\n                margin: 0;\n                color: var(--clr-p);\n                font-size: var(--fs-p-md);\n                line-height: 1.5;\n            }\n            \n            @media (max-width: 1024px) {\n                 .image-wrapper {\n                     aspect-ratio: 4\/3;\n                     margin-bottom: var(--spacing-md);\n                 }\n                 \n                 .feature-icon {\n                     width: 56px;\n                     height: 56px;\n                     font-size: 1.25rem;\n                 }\n            }\n        }\n    <\/style>\n    <div class=\"wf-row__content\">\n        <div class=\"wf-colGroup align:center gap:xlg\">\n            \n            \n            <div class=\"wf-col span:3 tablet:span:6 image-col\">\n                <div class=\"wf-img\"><\/div><div class=\"image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/nine28.ai\/wp-content\/uploads\/wf-assets\/library\/assets\/unnamed-2.webp\" alt=\"Dashboard view\">\n                <\/div>\n            <\/div>\n\n            \n            <div class=\"wf-col span:3 tablet:span:6 content-col\">\n                <h2 class=\"main-heading\">Why Nine28<\/h2>\n                <p class=\"main-desc\">\n                    We don&#8217;t just sell software; we deliver strategic alignment. Our approach combines enterprise-grade technology with a focus on human usability.\n                <\/p>\n\n                <div class=\"feature-list\">\n                    <div class=\"feature-item\">\n                        <div class=\"feature-icon\">\n                            <i class=\"fa-solid fa-language\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <div class=\"feature-text\">\n                            <h4>Plain-language guidance<\/h4>\n                            <p>No tech jargon. Just clear explanations of how systems work for you.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"feature-item\">\n                        <div class=\"feature-icon\">\n                            <i class=\"fa-solid fa-head-side-gear\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <div class=\"feature-text\">\n                            <h4>Practical AI<\/h4>\n                            <p>AI that solves real problems today, not hypothetical ones tomorrow.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"feature-item\">\n                        <div class=\"feature-icon\">\n                            <i class=\"fa-solid fa-compass-drafting\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <div class=\"feature-text\">\n                            <h4>Custom systems<\/h4>\n                            <p>Built to fit your specific operational DNA, not a one-size-fits-all box.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div><div class=\"wf-row\" data-css-id=\"row-6a14fb3dd86b7\" row-id=\"1\" row-order=\"5\" data-animate=\"none\"><div class=\"wf-row__content\">\n    <div class=\"wf-colGroup justify:center\">\n        <div class=\"wf-col\">\n            <div class=\"cta-card\" style=\"max-width: stretch; width: 100%;\">\n                <div class=\"decor-blur decor-blur-1\"><\/div>\n                <div class=\"decor-blur decor-blur-2\"><\/div>\n\n                <div class=\"content-layer\">\n                    <h2 style=\"font-size: 2em;\">Ready to make your business run smarter?<\/h2>\n                    <p class=\"\" style=\"color: rgb(203, 213, 225);\">Our team is ready to audit your current workflows and show you exactly where intelligence can replace friction. Let&#8217;s start building your momentum today.<\/p>\n\n                    <div class=\"wf-btnGroup btn-group-custom\">\n                        <a class=\"wf-btn btn-solid-white\" href=\"#\">Book a Discovery Call<\/a>\n                        <a class=\"wf-btn btn-outline-white\" href=\"#\" style=\"display: none;\">Tell Us Your Vision<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<style>[data-css-id=\"row-6a14fb3dd86b7\"] {\n    padding: var(--spacing-xlg) 0;\n    background-color: var(--clr-white);\n\n    .cta-card {\n        background-color: var(--clr-secondary);\n        border-radius: var(--border-radius-lg);\n        padding: var(--spacing-xlg) var(--spacing-md);\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        max-width: 1080px;\n        margin: 0 auto;\n        box-shadow: var(--shadow-xl);\n    }\n\n    .content-layer {\n        position: relative;\n        z-index: 10;\n        max-width: 820px;\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    \/* Adjusting heading to match the specific visual hierarchy of the screenshot *\/\n    h2 {\n        color: var(--clr-white);\n        font-size: 1.125rem;\n        font-weight: 600;\n        margin-top: 0;\n        margin-bottom: var(--spacing-md);\n        letter-spacing: 0.01em;\n    }\n\n    p {\n        color: rgba(255, 255, 255, 0.85);\n        font-size: var(--fs-p-xlg);\n        line-height: 1.6;\n        margin-bottom: 2.5rem;\n    }\n\n    .btn-group-custom {\n        display: flex;\n        gap: var(--spacing-sm);\n        justify-content: center;\n    }\n\n    .btn-solid-white {\n        background-color: var(--clr-white);\n        color: var(--clr-secondary);\n        border-radius: 12px;\n        padding: 1.125rem 2.25rem;\n        font-weight: 600;\n        font-size: var(--fs-p-md);\n        transition: background-color 0.3s ease, opacity 0.3s ease;\n    }\n\n    .btn-solid-white:hover {\n        opacity: 0.9;\n    }\n\n    .btn-outline-white {\n        background-color: transparent;\n        color: var(--clr-white);\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        border-radius: 12px;\n        padding: 1.125rem 2.25rem;\n        font-weight: 600;\n        font-size: var(--fs-p-md);\n        transition: background-color 0.3s ease;\n    }\n\n    .btn-outline-white:hover {\n        background-color: rgba(255, 255, 255, 0.05);\n    }\n\n    \/* Ambient background glows extracted from source concept *\/\n    .decor-blur {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(80px);\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    .decor-blur-1 {\n        top: -20%;\n        left: -10%;\n        width: 300px;\n        height: 300px;\n        background-color: rgba(255, 255, 255, 0.04);\n    }\n\n    .decor-blur-2 {\n        bottom: -20%;\n        right: -10%;\n        width: 400px;\n        height: 400px;\n        background-color: rgba(0, 145, 255, 0.06);\n    }\n\n    @media (max-width: 768px) {\n        .cta-card {\n            \/*padding: var(--spacing-lg) var(--spacing-sm);*\/\n            border-radius: var(--border-radius-md);\n        }\n\n        .btn-group-custom {\n            flex-direction: column;\n            width: 100%;\n        }\n\n        .btn-group-custom .wf-btn {\n            width: 100%;\n            justify-content: center;\n        }\n    }\n}<\/style><\/div><div class=\"wf-footer wf-row\" data-css-id=\"row-1779856680844\" data-animate=\"none\" style=\"background: rgb(13, 21, 39); width: 100%; max-width: 100%; border-top-width: medium; border-top-style: none; border-top-color: currentcolor;\"><div class=\"wf-row__content\">\n\n    <div class=\"wf-colGroup footer-top\">\n        \n        <div class=\"wf-col footer-col-brand span:2\">\n            <div class=\"brand-logo\" style=\"margin-bottom: 0px;\">\n                <div class=\"brand-logo-icon\" style=\"width: 140px; height: 140px;\">\n                    <img decoding=\"async\" src=\"https:\/\/nine28.ai\/wp-content\/uploads\/wf-assets\/library\/assets\/nine28.png\" alt=\"Nine28 Logo\" style=\"filter: invert(1); margin-left: -60px;\">\n                <\/div>\n                <span style=\"margin-left: -70px; font-size: 35px;\">Nine28<\/span>\n            <\/div>\n            <p>Pragmatic Intelligence for the modern enterprise. We build the architecture of growth.<\/p>\n        <\/div>\n\n        \n        <div class=\"wf-col footer-col-links span:2\">\n            <h6 class=\"footer-heading\">Explore<\/h6>\n            <ul class=\"footer-link-list\">\n                <li><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/page-2026-05-26-01%3A45\/?id=1748\">Home<\/a><\/li>\n                <li><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/readable-archives\/?id=1749\">Readable Archives<\/a><\/li>\n                <li><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/doc-x-edits\/?id=1757\">Doc-X-Edits<\/a><\/li>\n                <li><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/atlas-directory\/?id=1758\">Business Directories<\/a><\/li>\n                <li><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/atlas-consulting\/?id=1759\">AI + Workflow Consulting<\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        \n\n        <div class=\"wf-col footer-col-links span:2\">\n            <h6 class=\"footer-heading\">Support<\/h6>\n            <ul class=\"footer-link-list\">\n                <li><a href=\"#\">Contact Us<\/a><\/li>\n                <li><a href=\"#\">Privacy Policy<\/a><\/li>\n                <li><a href=\"#\">Terms of Service<\/a><\/li>\n            <\/ul>\n            <h6 class=\"footer-heading\" style=\"border-top-width: medium; border-top-style: none; border-top-color: currentcolor; margin-top: 46px; margin-bottom: 15px;\">join the waitlist<\/h6>\n\n            <div class=\"cta-input-group\" style=\"border-radius: 15px; margin-bottom: 10px;\">\n                <input type=\"email\" placeholder=\"Enter your email address\" class=\"cta-input\">\n                <div data-lastpass-icon-root=\"\" style=\"position: relative !important; height: 0px !important; width: 0px !important; display: initial !important; float: left !important;\"><\/div>\n                <div data-lastpass-icon-root=\"\" style=\"position: relative !important; height: 0px !important; width: 0px !important; display: initial !important; float: left !important;\"><\/div><button class=\"cta-btn\" style=\"border-radius: 15px;\">Join Waitlist<\/button>\n            <\/div>\n            <p class=\"cta-disclaimer\" style=\"text-align: justify;\">By joining, you agree to our Terms of Service and Privacy Policy.<\/p>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"wf-colGroup footer-bottom\">\n        <div class=\"wf-col footer-col-copyright\">\n            <p class=\"\" style=\"text-align: center;\">\u00a9 2026 Nine28 Inc. All rights reserved.<\/p>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Page 2026-05-26 01:45 | Nine28\u00a0 web - nine28.ai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nine28.ai\/?page_id=8\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page 2026-05-26 01:45 | Nine28\u00a0 web - nine28.ai\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nine28.ai\/?page_id=8\" \/>\n<meta property=\"og:site_name\" content=\"nine28.ai\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nine28.ai\\\/?page_id=8\",\"url\":\"https:\\\/\\\/nine28.ai\\\/?page_id=8\",\"name\":\"Page 2026-05-26 01:45 | Nine28\u00a0 web - nine28.ai\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nine28.ai\\\/#website\"},\"datePublished\":\"2026-06-05T04:37:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nine28.ai\\\/?page_id=8#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nine28.ai\\\/?page_id=8\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nine28.ai\\\/?page_id=8#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nine28.ai\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page 2026-05-26 01:45 | Nine28\u00a0 web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nine28.ai\\\/#website\",\"url\":\"https:\\\/\\\/nine28.ai\\\/\",\"name\":\"nine28.ai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nine28.ai\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page 2026-05-26 01:45 | Nine28\u00a0 web - nine28.ai","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:\/\/nine28.ai\/?page_id=8","og_locale":"en_US","og_type":"article","og_title":"Page 2026-05-26 01:45 | Nine28\u00a0 web - nine28.ai","og_url":"https:\/\/nine28.ai\/?page_id=8","og_site_name":"nine28.ai","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nine28.ai\/?page_id=8","url":"https:\/\/nine28.ai\/?page_id=8","name":"Page 2026-05-26 01:45 | Nine28\u00a0 web - nine28.ai","isPartOf":{"@id":"https:\/\/nine28.ai\/#website"},"datePublished":"2026-06-05T04:37:27+00:00","breadcrumb":{"@id":"https:\/\/nine28.ai\/?page_id=8#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nine28.ai\/?page_id=8"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nine28.ai\/?page_id=8#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nine28.ai\/"},{"@type":"ListItem","position":2,"name":"Page 2026-05-26 01:45 | Nine28\u00a0 web"}]},{"@type":"WebSite","@id":"https:\/\/nine28.ai\/#website","url":"https:\/\/nine28.ai\/","name":"nine28.ai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nine28.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/nine28.ai\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nine28.ai\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nine28.ai\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nine28.ai\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nine28.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":0,"href":"https:\/\/nine28.ai\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/nine28.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}