{"id":30,"date":"2026-09-25T13:57:16","date_gmt":"2026-09-25T13:57:16","guid":{"rendered":"https:\/\/xinrank.com\/?page_id=30"},"modified":"2026-10-02T17:30:28","modified_gmt":"2026-10-02T17:30:28","slug":"home","status":"publish","type":"page","link":"https:\/\/xinrank.com\/zh\/","title":{"rendered":"\u9996\u9875"},"content":{"rendered":"<style>.kadence-column30_c39365-fb > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column30_c39365-fb > .kt-inside-inner-col,.kadence-column30_c39365-fb > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column30_c39365-fb > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column30_c39365-fb > .kt-inside-inner-col{flex-direction:column;}.kadence-column30_c39365-fb > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column30_c39365-fb > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column30_c39365-fb{position:relative;}.kadence-column30_c39365-fb, .kt-inside-inner-col > .kadence-column30_c39365-fb:not(.specificity){margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}@media all and (max-width: 1024px){.kadence-column30_c39365-fb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column30_c39365-fb > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column30_c39365-fb\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XINRANK HERO\n   FULL SCREEN + TASKBAR SAFE\n===================================================== *\/\n\n.nova-hero {\n\n    --orange: #F86B00;\n    --white: #F8F8F8;\n    --warm: #EEEDE8;\n    --lavender: #CDCCF1;\n    --dark: #21211E;\n    --green: #D9E1DE;\n    --gray: #878682;\n    --rose: #EEE0DD;\n\n    \/*\n       HEADER HEIGHT\n    *\/\n    --nova-header-height: 80px;\n\n    \/*\n       IMPORTANT:\n       Reserves room at bottom so content\n       does not disappear behind taskbar.\n       \n       Does NOT resize any hero element.\n    *\/\n    --nova-screen-bottom-safe: 42px;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-top: 0 !important;\n    margin-bottom: 10px !important;\n\n    margin-left:\n        calc(50% - 50vw) !important;\n\n    margin-right:\n        calc(50% - 50vw) !important;\n\n    padding: 0 !important;\n\n    overflow: hidden;\n\n    background: var(--white);\n\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        Arial,\n        sans-serif;\n}\n\n\n\/* =====================================================\n   RESET\n===================================================== *\/\n\n.nova-hero,\n.nova-hero *,\n.nova-hero *::before,\n.nova-hero *::after {\n\n    box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   DESKTOP INNER\n===================================================== *\/\n\n.nova-hero__inner {\n\n    width:\n        min(\n            1240px,\n            calc(100% - 64px)\n        );\n\n    \/*\n       IMPORTANT CHANGE\n\n       Header height\n       +\n       visible desktop safety area\n\n       are removed from viewport height.\n\n       This lifts BOTH columns upwards together\n       without reducing any element sizes.\n    *\/\n\n    height:\n        calc(\n            100dvh\n            - var(--nova-header-height)\n            - var(--nova-screen-bottom-safe)\n        );\n\n    min-height: 0;\n\n    margin: 0 auto;\n\n    \/*\n       NO TOP PADDING.\n       We are using the previously wasted\n       upper space.\n    *\/\n\n    padding:\n        0\n        0;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.08fr)\n        minmax(410px, 0.92fr);\n\n    \/*\n       Keeps proof row and dome bottom equal.\n    *\/\n\n    align-items: end;\n\n    gap:\n        clamp(\n            42px,\n            5vw,\n            70px\n        );\n}\n\n\n\/* =====================================================\n   LEFT CONTENT\n===================================================== *\/\n\n.nova-hero__content {\n\n    position: relative;\n\n    z-index: 4;\n\n    width: 100%;\n\n    min-width: 0;\n\n    height: auto;\n\n    align-self: end;\n}\n\n\n\/* =====================================================\n   EYEBROW\n===================================================== *\/\n\n.nova-hero__eyebrow {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    margin:\n        0\n        0\n        12px;\n\n    color: var(--gray);\n\n    font-size: 12px;\n\n    line-height: 1;\n\n    font-weight: 600;\n\n    letter-spacing: 0.14em;\n}\n\n\n.nova-hero__eyebrow span {\n\n    width: 9px;\n\n    height: 9px;\n\n    flex:\n        0\n        0\n        9px;\n\n    border-radius: 50%;\n\n    background: var(--orange);\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.nova-hero__title {\n\n    width: 100%;\n\n    max-width: 720px;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        sans-serif;\n\n    font-size:\n        clamp(\n            36px,\n            4.55vw,\n            48px\n        );\n\n    line-height: 1.08;\n\n    letter-spacing: -0.025em;\n\n    font-weight: 600;\n}\n\n\n.nova-hero__title span {\n\n    display: block;\n\n    color: var(--orange);\n}\n\n\n\/* =====================================================\n   DESCRIPTION\n===================================================== *\/\n\n.nova-hero__text {\n\n    width: 100%;\n\n    max-width: 610px;\n\n    margin:\n        26px\n        0\n        32px !important;\n\n    padding: 0;\n\n    color: #5F5F5B;\n\n    font-size: 16px;\n\n    line-height: 1.65;\n\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   WEBSITE FORM\n===================================================== *\/\n\n.nova-hero__form {\n\n    width:\n        min(\n            670px,\n            100%\n        );\n\n    min-height: 72px;\n\n    margin: 0;\n\n    padding: 6px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        auto;\n\n    align-items: stretch;\n\n    background: #FFFFFF;\n\n    border:\n        1px solid\n        rgba(33, 33, 30, 0.10);\n\n    border-radius: 16px;\n\n    box-shadow:\n        0\n        18px\n        45px\n        rgba(33, 33, 30, 0.07);\n}\n\n\n\/* INPUT *\/\n\n.nova-hero__form input {\n\n    width: 100%;\n\n    min-width: 0;\n\n    min-height: 60px;\n\n    margin: 0;\n\n    padding:\n        0\n        22px;\n\n    border: 0 !important;\n\n    border-radius: 0 !important;\n\n    outline: 0 !important;\n\n    box-shadow: none !important;\n\n    background: transparent !important;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size: 15px;\n\n    font-weight: 500;\n}\n\n\n.nova-hero__form input::placeholder {\n\n    color: var(--gray);\n\n    opacity: 1;\n}\n\n\n\/* BUTTON *\/\n\n.nova-hero__form button {\n\n    min-height: 60px;\n\n    margin: 0;\n\n    padding:\n        0\n        22px;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 14px;\n\n    border: 0 !important;\n\n    border-radius: 11px;\n\n    background: var(--orange) !important;\n\n    color: #FFFFFF !important;\n\n    box-shadow: none !important;\n\n    cursor: pointer;\n\n    font-family: inherit;\n\n    font-size: 12px;\n\n    line-height: 1;\n\n    font-weight: 600;\n\n    letter-spacing: 0.07em;\n\n    white-space: nowrap;\n\n    transition:\n        transform 0.2s ease,\n        background 0.2s ease;\n}\n\n\n.nova-hero__form button span {\n\n    width: 31px;\n\n    height: 31px;\n\n    flex:\n        0\n        0\n        31px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255, 255, 255, 0.18);\n\n    font-size: 15px;\n}\n\n\n@media (hover: hover) and (pointer: fine) {\n\n    .nova-hero__form button:hover {\n\n        background:\n            var(--dark) !important;\n\n        transform:\n            translateY(-2px);\n    }\n\n}\n\n\n\/* FOCUS *\/\n\n.nova-hero__form input:focus-visible {\n\n    outline:\n        2px solid\n        var(--orange) !important;\n\n    outline-offset:\n        -2px !important;\n\n    border-radius:\n        9px !important;\n}\n\n\n.nova-hero__form button:focus-visible {\n\n    outline:\n        3px solid\n        rgba(248, 107, 0, 0.30);\n\n    outline-offset: 3px;\n}\n\n\n\/* =====================================================\n   PROOF GRID\n===================================================== *\/\n\n.nova-hero__proof {\n\n    width:\n        min(\n            690px,\n            100%\n        );\n\n    margin:\n        34px\n        0\n        0;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(\n            4,\n            minmax(0, 1fr)\n        );\n\n    grid-auto-rows: 1fr;\n\n    gap: 10px;\n}\n\n\n\/* =====================================================\n   PROOF CARDS\n===================================================== *\/\n\n.nova-proof {\n\n    width: 100%;\n\n    min-width: 0;\n\n    min-height: 114px;\n\n    height: 100%;\n\n    padding:\n        16px\n        14px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: space-between;\n\n    background: var(--warm);\n\n    border-radius: 14px;\n\n    transition:\n        transform 0.2s ease,\n        box-shadow 0.2s ease;\n}\n\n\n.nova-proof:nth-child(2) {\n\n    background: var(--green);\n}\n\n\n.nova-proof:nth-child(3) {\n\n    background: var(--rose);\n}\n\n\n.nova-proof:nth-child(4) {\n\n    background: var(--lavender);\n}\n\n\n@media (hover: hover) and (pointer: fine) {\n\n    .nova-proof:hover {\n\n        transform:\n            translateY(-4px);\n\n        box-shadow:\n            0\n            12px\n            28px\n            rgba(33, 33, 30, 0.08);\n    }\n\n}\n\n\n.nova-proof > strong {\n\n    color: var(--orange);\n\n    font-size: 12px;\n\n    line-height: 1;\n\n    font-weight: 700;\n}\n\n\n.nova-proof div {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 5px;\n}\n\n\n.nova-proof span {\n\n    color: var(--dark);\n\n    font-size: 13px;\n\n    line-height: 1.3;\n\n    font-weight: 600;\n}\n\n\n.nova-proof small {\n\n    color: #666661;\n\n    font-size: 10px;\n\n    line-height: 1.4;\n\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   RIGHT VISUAL\n===================================================== *\/\n\n.nova-hero__visual {\n\n    position: relative;\n\n    width: 100%;\n\n    \/*\n       SAME DOME SIZE AS APPROVED VERSION.\n       NOT REDUCED.\n    *\/\n\n    height:\n        clamp(\n            430px,\n            calc(100dvh - 145px),\n            520px\n        );\n\n    margin: 0;\n\n    padding: 0;\n\n    justify-self: end;\n\n    \/*\n       SAME BOTTOM LINE AS LEFT PROOF CARDS\n    *\/\n\n    align-self: end;\n}\n\n\n\/* =====================================================\n   DOME BACKGROUND\n===================================================== *\/\n\n.nova-hero__visual-shape {\n\n    position: absolute;\n\n    width: 92%;\n\n    height: 100%;\n\n    right: 0;\n\n    bottom: 0;\n\n    border-radius:\n        205px\n        205px\n        28px\n        28px;\n\n    background: var(--lavender);\n}\n\n\n\/* =====================================================\n   PORTRAIT WRAPPER\n===================================================== *\/\n\n.nova-hero__portrait-wrap {\n\n    position: absolute;\n\n    inset:\n        12px\n        0\n        0\n        20px;\n\n    overflow: hidden;\n\n    border-radius:\n        205px\n        205px\n        28px\n        28px;\n}\n\n\n\/* =====================================================\n   PORTRAIT\n===================================================== *\/\n\n.nova-hero__portrait {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: block;\n\n    margin: 0;\n\n    object-fit: contain;\n\n    object-position:\n        center\n        bottom;\n}\n\n\n\/* =====================================================\n   FOUNDER CARD\n===================================================== *\/\n\n.nova-hero__founder-card {\n\n    position: absolute;\n\n    z-index: 5;\n\n    left: -20px;\n\n    bottom: 28px;\n\n    min-width: 185px;\n\n    padding:\n        17px\n        19px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 4px;\n\n    background:\n        rgba(248, 248, 248, 0.92);\n\n    border:\n        1px solid\n        rgba(33, 33, 30, 0.08);\n\n    border-radius: 14px;\n\n    box-shadow:\n        0\n        18px\n        45px\n        rgba(33, 33, 30, 0.10);\n\n    backdrop-filter:\n        blur(12px);\n\n    -webkit-backdrop-filter:\n        blur(12px);\n}\n\n\n.nova-hero__founder-card span {\n\n    color: var(--orange);\n\n    font-size: 9px;\n\n    line-height: 1.2;\n\n    letter-spacing: 0.14em;\n\n    font-weight: 700;\n}\n\n\n.nova-hero__founder-card strong {\n\n    color: var(--dark);\n\n    font-size: 17px;\n\n    line-height: 1.25;\n\n    font-weight: 600;\n}\n\n\n.nova-hero__founder-card small {\n\n    color: var(--gray);\n\n    font-size: 11px;\n\n    line-height: 1.3;\n\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   MINI CARD\n===================================================== *\/\n\n.nova-hero__mini-card {\n\n    position: absolute;\n\n    z-index: 5;\n\n    right: -20px;\n\n    top: 55px;\n\n    min-width: 190px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    padding:\n        15px\n        17px;\n\n    border-radius: 13px;\n\n    background: var(--warm);\n\n    box-shadow:\n        0\n        16px\n        40px\n        rgba(33, 33, 30, 0.09);\n}\n\n\n.nova-hero__mini-dot {\n\n    width: 11px;\n\n    height: 11px;\n\n    flex:\n        0\n        0\n        11px;\n\n    border-radius: 50%;\n\n    background: var(--orange);\n}\n\n\n.nova-hero__mini-card div {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 3px;\n}\n\n\n.nova-hero__mini-card small {\n\n    color: var(--gray);\n\n    font-size: 8px;\n\n    line-height: 1.2;\n\n    letter-spacing: 0.1em;\n\n    font-weight: 600;\n}\n\n\n.nova-hero__mini-card strong {\n\n    color: var(--dark);\n\n    font-size: 12px;\n\n    line-height: 1.3;\n\n    font-weight: 600;\n}\n\n\n\/* =====================================================\n   LAPTOP\n   901PX \u2014 1180PX\n\n   Natural height is allowed here if needed because\n   proof cards become two rows.\n===================================================== *\/\n\n@media (max-width: 1180px) and (min-width: 901px) {\n\n    .nova-hero {\n\n        --nova-screen-bottom-safe: 30px;\n    }\n\n\n    .nova-hero__inner {\n\n        width:\n            calc(100% - 48px);\n\n        height: auto;\n\n        min-height:\n            calc(\n                100dvh\n                - var(--nova-header-height)\n                - var(--nova-screen-bottom-safe)\n            );\n\n        padding:\n            20px\n            0\n            0;\n\n        grid-template-columns:\n            minmax(0, 1fr)\n            minmax(350px, 0.82fr);\n\n        gap: 36px;\n    }\n\n\n    .nova-hero__title {\n\n        font-size:\n            clamp(\n                35px,\n                4.1vw,\n                45px\n            );\n    }\n\n\n    .nova-hero__proof {\n\n        width: 100%;\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n    }\n\n\n    .nova-proof {\n\n        min-height: 88px;\n    }\n\n\n    .nova-hero__mini-card {\n\n        right: -5px;\n    }\n\n\n    .nova-hero__founder-card {\n\n        left: -5px;\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 900px) {\n\n    .nova-hero {\n\n        --nova-screen-bottom-safe: 0px;\n    }\n\n\n    .nova-hero__inner {\n\n        width:\n            min(\n                760px,\n                calc(100% - 48px)\n            );\n\n        height: auto;\n\n        min-height: 0;\n\n        display: flex;\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n        gap: 44px;\n\n        padding:\n            46px\n            0\n            0;\n    }\n\n\n    .nova-hero__content {\n\n        width: 100%;\n\n        height: auto;\n    }\n\n\n    .nova-hero__eyebrow {\n\n        margin-bottom: 10px;\n    }\n\n\n    .nova-hero__title {\n\n        max-width: 680px;\n\n        font-size:\n            clamp(\n                38px,\n                6vw,\n                48px\n            );\n    }\n\n\n    .nova-hero__text {\n\n        max-width: 620px;\n\n        margin:\n            22px\n            0\n            28px !important;\n    }\n\n\n    .nova-hero__form {\n\n        width: 100%;\n    }\n\n\n    .nova-hero__proof {\n\n        width: 100%;\n\n        margin-top: 30px;\n\n        grid-template-columns:\n            repeat(\n                4,\n                minmax(0, 1fr)\n            );\n    }\n\n\n    .nova-hero__visual {\n\n        width:\n            min(\n                520px,\n                100%\n            );\n\n        height: 500px;\n\n        margin:\n            0\n            auto;\n\n        align-self: center;\n    }\n\n\n    .nova-hero__visual-shape {\n\n        width: 100%;\n    }\n\n\n    .nova-hero__portrait-wrap {\n\n        inset:\n            14px\n            0\n            0;\n    }\n\n\n    .nova-hero__founder-card {\n\n        left: 12px;\n\n        bottom: 22px;\n    }\n\n\n    .nova-hero__mini-card {\n\n        right: 10px;\n\n        top: 75px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 767px) {\n\n    .nova-hero__inner {\n\n        width:\n            min(\n                calc(100% - 32px),\n                560px\n            );\n\n        gap: 0;\n\n        padding:\n            38px\n            0\n            0;\n    }\n\n\n    .nova-hero__content {\n\n        text-align: center;\n    }\n\n\n    .nova-hero__eyebrow {\n\n        justify-content: center;\n\n        margin:\n            0\n            auto\n            8px;\n\n        font-size: 10px;\n\n        line-height: 1;\n\n        letter-spacing: 0.12em;\n    }\n\n\n    .nova-hero__eyebrow span {\n\n        width: 7px;\n\n        height: 7px;\n\n        flex-basis: 7px;\n    }\n\n\n    .nova-hero__title {\n\n        width: 100%;\n\n        max-width: 500px;\n\n        margin:\n            0\n            auto !important;\n\n        font-size:\n            clamp(\n                34px,\n                10vw,\n                44px\n            );\n\n        line-height: 1.08;\n\n        text-align: center;\n    }\n\n\n    .nova-hero__text {\n\n        width: 100%;\n\n        max-width: 470px;\n\n        margin:\n            20px\n            auto\n            27px !important;\n\n        padding:\n            0\n            4px;\n\n        font-size: 15px;\n\n        line-height: 1.6;\n\n        text-align: center;\n    }\n\n\n    \/* FORM *\/\n\n    .nova-hero__form {\n\n        width: 100%;\n\n        max-width: 500px;\n\n        min-height: 0;\n\n        margin:\n            0\n            auto;\n\n        display: flex;\n\n        flex-direction: column;\n\n        gap: 8px;\n\n        padding: 7px;\n\n        border-radius: 16px;\n    }\n\n\n    .nova-hero__form input {\n\n        width: 100%;\n\n        min-height: 56px;\n\n        padding:\n            0\n            17px;\n\n        text-align: left;\n\n        border-radius:\n            10px !important;\n    }\n\n\n    .nova-hero__form button {\n\n        width: 100%;\n\n        min-height: 58px;\n\n        gap: 12px;\n\n        border-radius: 10px;\n\n        font-size: 12px;\n    }\n\n\n    \/* PROOF *\/\n\n    .nova-hero__proof {\n\n        width: 100%;\n\n        max-width: 500px;\n\n        margin:\n            25px\n            auto\n            0;\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n\n        gap: 9px;\n\n        text-align: left;\n    }\n\n\n    .nova-proof {\n\n        min-height: 108px;\n\n        padding:\n            14px\n            13px;\n\n        border-radius: 12px;\n    }\n\n\n    .nova-proof > strong {\n\n        font-size: 11px;\n    }\n\n\n    .nova-proof span {\n\n        font-size: 12px;\n\n        line-height: 1.25;\n    }\n\n\n    .nova-proof small {\n\n        font-size: 9px;\n\n        line-height: 1.35;\n    }\n\n\n    \/* VISUAL *\/\n\n    .nova-hero__visual {\n\n        width:\n            min(\n                100%,\n                450px\n            );\n\n        height: 410px;\n\n        margin:\n            34px\n            auto\n            0;\n\n        align-self: center;\n    }\n\n\n    .nova-hero__visual-shape {\n\n        width: 100%;\n\n        height: 100%;\n\n        border-radius:\n            155px\n            155px\n            22px\n            22px;\n    }\n\n\n    .nova-hero__portrait-wrap {\n\n        inset:\n            11px\n            0\n            0;\n\n        border-radius:\n            155px\n            155px\n            22px\n            22px;\n    }\n\n\n    .nova-hero__founder-card {\n\n        left: 12px;\n\n        bottom: 15px;\n\n        min-width: 155px;\n\n        padding:\n            13px\n            15px;\n    }\n\n\n    .nova-hero__mini-card {\n\n        right: 10px;\n\n        top: 58px;\n\n        min-width: 160px;\n\n        padding:\n            11px\n            12px;\n    }\n\n}\n\n\n\/* =====================================================\n   NORMAL PHONE\n===================================================== *\/\n\n@media (max-width: 480px) {\n\n    .nova-hero__inner {\n\n        width:\n            calc(100% - 28px);\n\n        padding-top: 32px;\n    }\n\n\n    .nova-hero__eyebrow {\n\n        margin-bottom: 7px;\n\n        font-size: 9px;\n    }\n\n\n    .nova-hero__title {\n\n        max-width: 390px;\n\n        font-size:\n            clamp(\n                32px,\n                9.8vw,\n                39px\n            );\n    }\n\n\n    .nova-hero__text {\n\n        max-width: 370px;\n\n        margin:\n            18px\n            auto\n            24px !important;\n\n        font-size: 14px;\n    }\n\n\n    .nova-hero__form {\n\n        max-width: 390px;\n    }\n\n\n    .nova-hero__form input {\n\n        min-height: 54px;\n\n        font-size: 14px;\n    }\n\n\n    .nova-hero__form button {\n\n        min-height: 56px;\n\n        font-size: 11px;\n    }\n\n\n    .nova-hero__proof {\n\n        max-width: 390px;\n\n        gap: 8px;\n\n        margin-top: 22px;\n    }\n\n\n    .nova-proof {\n\n        min-height: 100px;\n    }\n\n\n    .nova-hero__visual {\n\n        width: 100%;\n\n        height: 370px;\n\n        margin-top: 30px;\n    }\n\n\n    .nova-hero__mini-card {\n\n        top: 52px;\n\n        right: 7px;\n\n        min-width: 145px;\n    }\n\n\n    .nova-hero__founder-card {\n\n        left: 7px;\n\n        bottom: 11px;\n\n        min-width: 145px;\n    }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL PHONE\n===================================================== *\/\n\n@media (max-width: 370px) {\n\n    .nova-hero__inner {\n\n        width:\n            calc(100% - 22px);\n\n        padding-top: 28px;\n    }\n\n\n    .nova-hero__title {\n\n        font-size: 30px;\n    }\n\n\n    .nova-hero__text {\n\n        font-size: 13.5px;\n    }\n\n\n    .nova-hero__proof {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .nova-proof {\n\n        min-height: 86px;\n    }\n\n\n    .nova-hero__visual {\n\n        height: 340px;\n\n        margin-top: 26px;\n    }\n\n\n    .nova-hero__mini-card {\n\n        top: 46px;\n\n        right: 5px;\n\n        min-width: 137px;\n    }\n\n\n    .nova-hero__founder-card {\n\n        left: 5px;\n\n        min-width: 137px;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .nova-hero *,\n    .nova-hero *::before,\n    .nova-hero *::after {\n\n        animation: none !important;\n\n        transition: none !important;\n\n        scroll-behavior: auto !important;\n    }\n\n}\n<\/style>\n\n<section class=\"nova-hero\">\n\n    <div class=\"nova-hero__inner\">\n\n        <!-- LEFT -->\n        <div class=\"nova-hero__content\">\n\n            <div class=\"nova-hero__eyebrow\">\n                <span><\/span>\n                DIGITAL GROWTH PARTNER\n            <\/div>\n\n            <h1 class=\"nova-hero__title\">\n                Build a stronger brand.\n                <span>Grow with confidence.<\/span>\n            <\/h1>\n\n            <p class=\"nova-hero__text\">\n                We combine strategy, performance marketing and creative thinking\n                to help ambitious businesses generate more leads, increase sales\n                and build sustainable growth.\n            <\/p>\n\n            <div class=\"nova-hero__form\">\n\n                <input type=\"text\" placeholder=\"Enter your website\" aria-label=\"Enter your website\">\n\n                <button type=\"button\">\n                    GET A FREE STRATEGY\n                    <span>\u2197<\/span>\n                <\/button>\n\n            <\/div>\n\n\n            <!-- PROOF -->\n            <div class=\"nova-hero__proof\">\n\n                <div class=\"nova-proof\">\n                    <strong>01<\/strong>\n\n                    <div>\n                        <span>Growth Strategy<\/span>\n                        <small>Built around business goals<\/small>\n                    <\/div>\n                <\/div>\n\n\n                <div class=\"nova-proof\">\n                    <strong>02<\/strong>\n\n                    <div>\n                        <span>SEO &amp; Content<\/span>\n                        <small>Long-term organic growth<\/small>\n                    <\/div>\n                <\/div>\n\n\n                <div class=\"nova-proof\">\n                    <strong>03<\/strong>\n\n                    <div>\n                        <span>Paid Media<\/span>\n                        <small>Performance-focused campaigns<\/small>\n                    <\/div>\n                <\/div>\n\n\n                <div class=\"nova-proof\">\n                    <strong>04<\/strong>\n\n                    <div>\n                        <span>Conversion<\/span>\n                        <small>Turn traffic into customers<\/small>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- RIGHT -->\n        <div class=\"nova-hero__visual\">\n\n            <div class=\"nova-hero__visual-shape\"><\/div>\n\n            <div class=\"nova-hero__portrait-wrap\">\n\n                <img decoding=\"async\" src=\"https:\/\/xinrank.com\/wp-content\/uploads\/2026\/09\/Founders-Image.webp\" alt=\"Agency founder\" class=\"nova-hero__portrait\">\n\n            <\/div>\n\n\n            <div class=\"nova-hero__founder-card\">\n\n                <span>FOUNDERS<\/span>\n\n                <strong>\n                    \n                <\/strong>\n\n                <small>\n                    Strategy &amp; Growth\n                <\/small>\n\n            <\/div>\n\n\n            <div class=\"nova-hero__mini-card\">\n\n                <span class=\"nova-hero__mini-dot\"><\/span>\n\n                <div>\n                    <small>FOUNDER-LED<\/small>\n                    <strong>Hands-on strategy<\/strong>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n\n<style>.kadence-column30_facbf4-f6 > .kt-inside-inner-col,.kadence-column30_facbf4-f6 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column30_facbf4-f6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column30_facbf4-f6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column30_facbf4-f6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column30_facbf4-f6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column30_facbf4-f6{position:relative;}@media all and (max-width: 1024px){.kadence-column30_facbf4-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column30_facbf4-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column30_facbf4-f6\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   SECTION 02 \u2014 CLIENT LOGOS + MOVING REVIEWS\n===================================================== *\/\n\n.nova-clients {\n\n    --orange: #F86B00;\n    --white: #F8F8F8;\n    --warm: #EEEDE8;\n    --lavender: #CDCCF1;\n    --dark: #21211E;\n    --green: #D9E1DE;\n    --gray: #878682;\n    --rose: #EEE0DD;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n\n    padding: 0;\n\n    overflow: hidden;\n\n    background: var(--warm);\n\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        Arial,\n        sans-serif;\n}\n\n\n\/* =====================================================\n   RESET\n===================================================== *\/\n\n.nova-clients,\n.nova-clients *,\n.nova-clients *::before,\n.nova-clients *::after {\n\n    box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   HEADING AREA \u2014 UNCHANGED\n===================================================== *\/\n\n.nova-clients__heading-wrap {\n\n    width:\n        min(\n            1120px,\n            calc(100% - 64px)\n        );\n\n    margin:\n        0\n        auto;\n\n    padding:\n        72px\n        0\n        52px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n}\n\n\n\/* =====================================================\n   MAIN HEADING \u2014 UNCHANGED\n===================================================== *\/\n\n.nova-clients__title {\n\n    width: 100%;\n\n    max-width: 1050px;\n\n    margin:\n        0\n        auto;\n\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        sans-serif;\n\n    font-size:\n        clamp(\n            28px,\n            3.3vw,\n            42px\n        );\n\n    line-height: 1.14;\n\n    letter-spacing:\n        -0.025em;\n\n    font-weight: 600;\n\n    text-align: center;\n\n    text-wrap: balance;\n}\n\n\n.nova-clients__title span {\n\n    display: block;\n\n    color: var(--dark);\n}\n\n\n\/* =====================================================\n   MOVING AREA \u2014 UNCHANGED\n===================================================== *\/\n\n.nova-clients__logos {\n\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    padding:\n        0\n        0\n        72px;\n\n    -webkit-mask-image:\n        linear-gradient(\n            to right,\n            transparent 0%,\n            #000 6%,\n            #000 94%,\n            transparent 100%\n        );\n\n    mask-image:\n        linear-gradient(\n            to right,\n            transparent 0%,\n            #000 6%,\n            #000 94%,\n            transparent 100%\n        );\n}\n\n\n\/* =====================================================\n   LOGO ROW\n===================================================== *\/\n\n.nova-logo-row {\n\n    width: 100%;\n\n    overflow: hidden;\n}\n\n\n\/* =====================================================\n   LOGO TRACK\n===================================================== *\/\n\n.nova-logo-track {\n\n    display: flex;\n\n    width: max-content;\n\n    will-change: transform;\n}\n\n\n\/* FIRST LOGO ROW *\/\n\n.nova-logo-track--left {\n\n    animation:\n        novaLogoMoveLeft\n        32s\n        linear\n        infinite;\n}\n\n\n\/* =====================================================\n   LOGO GROUP\n===================================================== *\/\n\n.nova-logo-group {\n\n    display: flex;\n\n    flex-shrink: 0;\n\n    align-items: center;\n\n    gap: 18px;\n\n    padding-right: 18px;\n}\n\n\n\/* =====================================================\n   LOGO ITEM\n===================================================== *\/\n\n.nova-client-logo {\n\n    width: 205px;\n\n    height: 92px;\n\n    flex:\n        0\n        0\n        205px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 12px;\n\n    padding:\n        15px\n        18px;\n\n    background:\n        rgba(\n            248,\n            248,\n            248,\n            0.78\n        );\n\n    border:\n        1px solid\n        rgba(\n            33,\n            33,\n            30,\n            0.06\n        );\n\n    border-radius: 15px;\n\n    transition:\n        transform 0.2s ease,\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n}\n\n\n.nova-client-logo:hover {\n\n    transform:\n        translateY(-3px);\n\n    background: var(--white);\n\n    box-shadow:\n        0\n        12px\n        28px\n        rgba(\n            33,\n            33,\n            30,\n            0.07\n        );\n}\n\n\n\/* =====================================================\n   LOGO ICON\n===================================================== *\/\n\n.nova-client-logo__icon {\n\n    width: 37px;\n\n    height: 37px;\n\n    flex:\n        0\n        0\n        37px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 10px;\n\n    background: var(--dark);\n\n    color: #FFFFFF;\n\n    font-size: 14px;\n\n    line-height: 1;\n\n    font-weight: 600;\n}\n\n\n\/* COLOR VARIANTS *\/\n\n.nova-bg-orange {\n\n    background: var(--orange);\n\n    color: #FFFFFF;\n}\n\n\n.nova-bg-green {\n\n    background: var(--green);\n\n    color: var(--dark);\n}\n\n\n.nova-bg-lavender {\n\n    background: var(--lavender);\n\n    color: var(--dark);\n}\n\n\n.nova-bg-rose {\n\n    background: var(--rose);\n\n    color: var(--dark);\n}\n\n\n\/* =====================================================\n   LOGO WORDMARK\n===================================================== *\/\n\n.nova-client-logo strong {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size: 17px;\n\n    line-height: 1;\n\n    letter-spacing:\n        -0.02em;\n\n    font-weight: 600;\n\n    white-space: nowrap;\n}\n\n\n\/* =====================================================\n   REVIEW ROW\n===================================================== *\/\n\n.nova-review-row {\n\n    width: 100%;\n\n    margin-top: 18px;\n\n    overflow: hidden;\n}\n\n\n\/* =====================================================\n   REVIEW TRACK\n===================================================== *\/\n\n.nova-review-track {\n\n    display: flex;\n\n    width: max-content;\n\n    transform:\n        translateX(-50%);\n\n    animation:\n        novaReviewMoveRight\n        42s\n        linear\n        infinite;\n\n    will-change: transform;\n}\n\n\n\/* =====================================================\n   REVIEW GROUP\n===================================================== *\/\n\n.nova-review-group {\n\n    display: flex;\n\n    flex-shrink: 0;\n\n    align-items: stretch;\n\n    gap: 18px;\n\n    padding-right: 18px;\n}\n\n\n\/* =====================================================\n   REVIEW CARD\n===================================================== *\/\n\n.nova-review-card {\n\n    width: 360px;\n\n    min-height: 180px;\n\n    flex:\n        0\n        0\n        360px;\n\n    padding:\n        24px\n        24px\n        22px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: flex-start;\n\n    background: var(--dark);\n\n    border:\n        1px solid\n        rgba(\n            248,\n            107,\n            0,\n            0.55\n        );\n\n    border-radius: 15px;\n\n    box-shadow:\n        0\n        12px\n        28px\n        rgba(\n            33,\n            33,\n            30,\n            0.08\n        );\n\n    color: #FFFFFF;\n}\n\n\n\/* =====================================================\n   REVIEW RATING\n===================================================== *\/\n\n.nova-review-card__rating {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin-bottom: 17px;\n}\n\n\n.nova-review-card__stars {\n\n    color: var(--orange);\n\n    font-size: 13px;\n\n    line-height: 1;\n\n    letter-spacing:\n        0.08em;\n\n    white-space: nowrap;\n}\n\n\n.nova-review-card__rating strong {\n\n    margin: 0;\n\n    color: #FFFFFF;\n\n    font-size: 14px;\n\n    line-height: 1;\n\n    font-weight: 600;\n}\n\n\n\/* =====================================================\n   REVIEW TEXT\n===================================================== *\/\n\n.nova-review-card p {\n\n    width: 100%;\n\n    margin:\n        0\n        0\n        20px;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            0.88\n        );\n\n    font-size: 15px;\n\n    line-height: 1.5;\n\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   REVIEW AUTHOR\n===================================================== *\/\n\n.nova-review-card__author {\n\n    display: block;\n\n    margin-top: auto;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            0.78\n        );\n\n    font-size: 13px;\n\n    line-height: 1.3;\n\n    font-weight: 600;\n}\n\n\n\/* =====================================================\n   PAUSE MOVEMENT ON HOVER\n===================================================== *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n    .nova-logo-row:hover\n    .nova-logo-track {\n\n        animation-play-state:\n            paused;\n    }\n\n\n    .nova-review-row:hover\n    .nova-review-track {\n\n        animation-play-state:\n            paused;\n    }\n\n}\n\n\n\/* =====================================================\n   ANIMATIONS\n===================================================== *\/\n\n@keyframes novaLogoMoveLeft {\n\n    from {\n\n        transform:\n            translateX(0);\n    }\n\n    to {\n\n        transform:\n            translateX(-50%);\n    }\n\n}\n\n\n@keyframes novaReviewMoveRight {\n\n    from {\n\n        transform:\n            translateX(-50%);\n    }\n\n    to {\n\n        transform:\n            translateX(0);\n    }\n\n}\n\n\n\/* =====================================================\n   LAPTOP\n   901px \u2014 1180px\n===================================================== *\/\n\n@media (max-width: 1180px) {\n\n    .nova-clients__heading-wrap {\n\n        width:\n            calc(100% - 56px);\n\n        padding:\n            64px\n            0\n            46px;\n    }\n\n\n    .nova-clients__title {\n\n        max-width: 900px;\n\n        font-size:\n            clamp(\n                32px,\n                3.7vw,\n                44px\n            );\n\n        line-height: 1.15;\n    }\n\n\n    .nova-client-logo {\n\n        width: 190px;\n\n        height: 86px;\n\n        flex-basis: 190px;\n    }\n\n\n    .nova-client-logo strong {\n\n        font-size: 16px;\n    }\n\n\n    .nova-review-card {\n\n        width: 330px;\n\n        min-height: 174px;\n\n        flex-basis: 330px;\n\n        padding:\n            22px\n            22px\n            20px;\n    }\n\n\n    .nova-review-card p {\n\n        font-size: 14.5px;\n    }\n\n\n    .nova-clients__logos {\n\n        padding-bottom: 64px;\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET\n   641px \u2014 900px\n===================================================== *\/\n\n@media (max-width: 900px) {\n\n    .nova-clients__heading-wrap {\n\n        width:\n            min(\n                760px,\n                calc(100% - 44px)\n            );\n\n        padding:\n            56px\n            0\n            38px;\n    }\n\n\n    .nova-clients__title {\n\n        max-width: 700px;\n\n        font-size:\n            clamp(\n                30px,\n                5vw,\n                39px\n            );\n\n        line-height: 1.16;\n\n        letter-spacing:\n            -0.02em;\n    }\n\n\n    .nova-client-logo {\n\n        width: 175px;\n\n        height: 80px;\n\n        flex-basis: 175px;\n\n        gap: 10px;\n\n        padding:\n            13px\n            15px;\n    }\n\n\n    .nova-client-logo__icon {\n\n        width: 33px;\n\n        height: 33px;\n\n        flex-basis: 33px;\n\n        font-size: 12px;\n    }\n\n\n    .nova-client-logo strong {\n\n        font-size: 14px;\n    }\n\n\n    .nova-logo-group {\n\n        gap: 14px;\n\n        padding-right: 14px;\n    }\n\n\n    .nova-review-row {\n\n        margin-top: 14px;\n    }\n\n\n    .nova-review-group {\n\n        gap: 14px;\n\n        padding-right: 14px;\n    }\n\n\n    .nova-review-card {\n\n        width: 310px;\n\n        min-height: 168px;\n\n        flex-basis: 310px;\n\n        padding:\n            21px\n            20px\n            19px;\n    }\n\n\n    .nova-review-card__rating {\n\n        margin-bottom: 14px;\n    }\n\n\n    .nova-review-card p {\n\n        margin-bottom: 17px;\n\n        font-size: 14px;\n    }\n\n\n    .nova-review-card__author {\n\n        font-size: 12.5px;\n    }\n\n\n    .nova-clients__logos {\n\n        padding-bottom: 56px;\n\n        -webkit-mask-image:\n            linear-gradient(\n                to right,\n                transparent 0%,\n                #000 4%,\n                #000 96%,\n                transparent 100%\n            );\n\n        mask-image:\n            linear-gradient(\n                to right,\n                transparent 0%,\n                #000 4%,\n                #000 96%,\n                transparent 100%\n            );\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n   421px \u2014 640px\n===================================================== *\/\n\n@media (max-width: 640px) {\n\n    .nova-clients__heading-wrap {\n\n        width:\n            calc(100% - 32px);\n\n        padding:\n            46px\n            0\n            30px;\n    }\n\n\n    .nova-clients__title {\n\n        width: 100%;\n\n        max-width: 520px;\n\n        font-size:\n            clamp(\n                27px,\n                7.6vw,\n                34px\n            );\n\n        line-height: 1.17;\n\n        letter-spacing:\n            -0.018em;\n\n        text-align: center;\n    }\n\n\n    .nova-clients__title span {\n\n        display: inline;\n    }\n\n\n    .nova-clients__logos {\n\n        padding-bottom: 46px;\n\n        -webkit-mask-image:\n            linear-gradient(\n                to right,\n                transparent 0%,\n                #000 3%,\n                #000 97%,\n                transparent 100%\n            );\n\n        mask-image:\n            linear-gradient(\n                to right,\n                transparent 0%,\n                #000 3%,\n                #000 97%,\n                transparent 100%\n            );\n    }\n\n\n    .nova-logo-group {\n\n        gap: 10px;\n\n        padding-right: 10px;\n    }\n\n\n    .nova-client-logo {\n\n        width: 150px;\n\n        height: 70px;\n\n        flex-basis: 150px;\n\n        gap: 8px;\n\n        padding:\n            10px\n            12px;\n\n        border-radius: 12px;\n    }\n\n\n    .nova-client-logo__icon {\n\n        width: 29px;\n\n        height: 29px;\n\n        flex-basis: 29px;\n\n        border-radius: 8px;\n\n        font-size: 11px;\n    }\n\n\n    .nova-client-logo strong {\n\n        font-size: 12px;\n    }\n\n\n    .nova-logo-track--left {\n\n        animation-duration: 36s;\n    }\n\n\n    \/* REVIEW *\/\n\n    .nova-review-row {\n\n        margin-top: 10px;\n    }\n\n\n    .nova-review-group {\n\n        gap: 10px;\n\n        padding-right: 10px;\n    }\n\n\n    .nova-review-card {\n\n        width: 280px;\n\n        min-height: 158px;\n\n        flex-basis: 280px;\n\n        padding:\n            18px\n            18px\n            17px;\n\n        border-radius: 12px;\n    }\n\n\n    .nova-review-card__rating {\n\n        gap: 9px;\n\n        margin-bottom: 12px;\n    }\n\n\n    .nova-review-card__stars {\n\n        font-size: 11px;\n    }\n\n\n    .nova-review-card__rating strong {\n\n        font-size: 12px;\n    }\n\n\n    .nova-review-card p {\n\n        margin-bottom: 14px;\n\n        font-size: 13px;\n\n        line-height: 1.45;\n    }\n\n\n    .nova-review-card__author {\n\n        font-size: 11.5px;\n    }\n\n\n    .nova-review-track {\n\n        animation-duration: 46s;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n   UP TO 420px\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .nova-clients__heading-wrap {\n\n        width:\n            calc(100% - 26px);\n\n        padding:\n            40px\n            0\n            27px;\n    }\n\n\n    .nova-clients__title {\n\n        max-width: 370px;\n\n        font-size:\n            clamp(\n                25px,\n                7.4vw,\n                30px\n            );\n\n        line-height: 1.18;\n    }\n\n\n    .nova-client-logo {\n\n        width: 138px;\n\n        height: 66px;\n\n        flex-basis: 138px;\n\n        padding:\n            9px\n            10px;\n    }\n\n\n    .nova-client-logo__icon {\n\n        width: 27px;\n\n        height: 27px;\n\n        flex-basis: 27px;\n\n        font-size: 10px;\n    }\n\n\n    .nova-client-logo strong {\n\n        font-size: 11px;\n    }\n\n\n    .nova-review-card {\n\n        width: 255px;\n\n        min-height: 150px;\n\n        flex-basis: 255px;\n\n        padding:\n            16px\n            16px\n            15px;\n    }\n\n\n    .nova-review-card p {\n\n        font-size: 12.5px;\n    }\n\n\n    .nova-review-card__author {\n\n        font-size: 11px;\n    }\n\n\n    .nova-clients__logos {\n\n        padding-bottom: 40px;\n    }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 350px) {\n\n    .nova-clients__heading-wrap {\n\n        width:\n            calc(100% - 22px);\n    }\n\n\n    .nova-clients__title {\n\n        font-size: 24px;\n\n        line-height: 1.2;\n    }\n\n\n    .nova-client-logo {\n\n        width: 128px;\n\n        height: 62px;\n\n        flex-basis: 128px;\n    }\n\n\n    .nova-client-logo strong {\n\n        font-size: 10px;\n    }\n\n\n    .nova-review-card {\n\n        width: 235px;\n\n        min-height: 145px;\n\n        flex-basis: 235px;\n\n        padding:\n            15px\n            14px\n            14px;\n    }\n\n\n    .nova-review-card p {\n\n        font-size: 12px;\n\n        line-height: 1.45;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .nova-logo-track,\n    .nova-review-track {\n\n        animation: none !important;\n\n        transform:\n            translateX(0) !important;\n    }\n\n\n    .nova-client-logo {\n\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<section class=\"nova-clients\">\n\n    <div class=\"nova-clients__heading-wrap\">\n\n        <h2 class=\"nova-clients__title\">\n            From start-ups to companies,\n            <span>we work with brands to grow their revenue.<\/span>\n        <\/h2>\n\n    <\/div>\n\n\n    <div class=\"nova-clients__logos\">\n\n        <!-- ==========================================\n             LOGO ROW 1 \u2014 UNCHANGED\n        =========================================== -->\n\n        <div class=\"nova-logo-row\">\n\n            <div class=\"nova-logo-track nova-logo-track--left\">\n\n                <div class=\"nova-logo-group\">\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon\">N<\/span>\n                        <strong>NORTHSTAR<\/strong>\n                    <\/div>\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon nova-bg-orange\">V<\/span>\n                        <strong>VELORA<\/strong>\n                    <\/div>\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon nova-bg-green\">K<\/span>\n                        <strong>KINETIQ<\/strong>\n                    <\/div>\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon nova-bg-lavender\">A<\/span>\n                        <strong>AURORA<\/strong>\n                    <\/div>\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon nova-bg-rose\">L<\/span>\n                        <strong>LUMEN<\/strong>\n                    <\/div>\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon\">M<\/span>\n                        <strong>MERIDIAN<\/strong>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- DUPLICATE FOR SEAMLESS LOOP -->\n\n                <div class=\"nova-logo-group\" aria-hidden=\"true\">\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon\">N<\/span>\n                        <strong>NORTHSTAR<\/strong>\n                    <\/div>\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon nova-bg-orange\">V<\/span>\n                        <strong>VELORA<\/strong>\n                    <\/div>\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon nova-bg-green\">K<\/span>\n                        <strong>KINETIQ<\/strong>\n                    <\/div>\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon nova-bg-lavender\">A<\/span>\n                        <strong>AURORA<\/strong>\n                    <\/div>\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon nova-bg-rose\">L<\/span>\n                        <strong>LUMEN<\/strong>\n                    <\/div>\n\n                    <div class=\"nova-client-logo\">\n                        <span class=\"nova-client-logo__icon\">M<\/span>\n                        <strong>MERIDIAN<\/strong>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ==========================================\n             MOVING REVIEW BAR\n        =========================================== -->\n\n        <div class=\"nova-review-row\">\n\n            <div class=\"nova-review-track\">\n\n\n                <!-- ==================================\n                     ORIGINAL REVIEW GROUP\n                =================================== -->\n\n                <div class=\"nova-review-group\">\n\n\n                    <!-- REVIEW 01 -->\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                            Was great to work with professional, knowledgeable, and delivered exactly what was needed. Highly recommended!\n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                            Creatio, Adam Klinst\n                        <\/span>\n\n                    <\/article>\n\n\n                    <!-- REVIEW 02 -->\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                           Prompt reply and deliver as requested. Recommended seller. Thank you\n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                            Seotmi\n                        <\/span>\n\n                    <\/article>\n\n\n                    <!-- REVIEW 03 -->\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                            A professional in his field! thanks.\n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                            Gtinvestukraine\n                        <\/span>\n\n                    <\/article>\n\n\n                    <!-- REVIEW 04 -->\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                           \nThe collaboration with you has been smooth, efficient, and fast-paced; I am very satisfied.\n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                            Xyz others\n                        <\/span>\n\n                    <\/article>\n\n\n                    <!-- REVIEW 05 -->\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                            I worked directly with the founders of Xinrank on a full off-page SEO campaign. Our objectives were clearly understood and the campaign was managed professionally. \n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                           Media Quare, Mohamed Bakry\n                        <\/span>\n\n                    <\/article>\n\n\n                    <!-- REVIEW 06 -->\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                            I would gladly work with Xinrank again and recommend the team to businesses looking for reliable, results-focused SEO support.\n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                             Media Quare, Mohamed Bakry\n                        <\/span>\n\n                    <\/article>\n\n                <\/div>\n\n\n                <!-- ==================================\n                     DUPLICATE FOR SEAMLESS LOOP\n                =================================== -->\n\n                <div class=\"nova-review-group\" aria-hidden=\"true\">\n\n\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                             Was great to work with professional, knowledgeable, and delivered exactly what was needed. Highly recommended!\n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                           Creatio, Adam Klinst\n                        <\/span>\n\n                    <\/article>\n\n\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                            Prompt reply and deliver as requested. Recommended seller. Thank you.\n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                            Seotmi\n                        <\/span>\n\n                    <\/article>\n\n\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                            A professional in his field! thanks.\n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                            Gtinvestukraine\n\n                        <\/span>\n\n                    <\/article>\n\n\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                            The collaboration with you has been smooth, efficient, and fast-paced; I am very satisfied.\n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                            Xyz others\n                        <\/span>\n\n                    <\/article>\n\n\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                            I worked directly with the founders of Xinrank on a full off-page SEO campaign. Our objectives were clearly understood and the campaign was managed professionally. \n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                            Media Quare, Mohamed Bakry\n\n                        <\/span>\n\n                    <\/article>\n\n\n                    <article class=\"nova-review-card\">\n\n                        <div class=\"nova-review-card__rating\">\n\n                            <span class=\"nova-review-card__stars\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/span>\n\n                            <strong>\n                                5.0\n                            <\/strong>\n\n                        <\/div>\n\n                        <p>\n                            I would gladly work with Xinrank again and recommend the team to businesses looking for reliable, results-focused SEO support.\n                        <\/p>\n\n                        <span class=\"nova-review-card__author\">\n                            Media Quare, Mohamed Bakry\n\n                        <\/span>\n\n                    <\/article>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n\n<style>.kadence-column30_8c6fc1-e2 > .kt-inside-inner-col,.kadence-column30_8c6fc1-e2 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column30_8c6fc1-e2 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column30_8c6fc1-e2 > .kt-inside-inner-col{flex-direction:column;}.kadence-column30_8c6fc1-e2 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column30_8c6fc1-e2 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column30_8c6fc1-e2{position:relative;}@media all and (max-width: 1024px){.kadence-column30_8c6fc1-e2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column30_8c6fc1-e2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column30_8c6fc1-e2\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   SECTION 03 \u2014 DIGITAL SOLUTIONS\n===================================================== *\/\n\n.nova-solutions {\n\n    --orange: #F86B00;\n    --white: #F8F8F8;\n    --warm: #EEEDE8;\n    --lavender: #CDCCF1;\n    --dark: #21211E;\n    --green: #D9E1DE;\n    --gray: #878682;\n    --rose: #EEE0DD;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n\n    padding: 0 !important;\n\n    overflow: hidden;\n\n    background: var(--white);\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        Arial,\n        sans-serif;\n}\n\n\n.nova-solutions,\n.nova-solutions *,\n.nova-solutions *::before,\n.nova-solutions *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.nova-solutions__header {\n\n    position: relative;\n    z-index: 3;\n\n    width: min(980px, calc(100% - 64px));\n\n    margin: 0 auto;\n\n    padding:\n        72px\n        0\n        48px;\n\n    text-align: center;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.nova-solutions__title {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        sans-serif;\n\n    font-size:\n        clamp(28px, 3.2vw, 36px);\n\n    line-height: 1.1;\n\n    letter-spacing: -0.025em;\n\n    font-weight: 600;\n\n    text-align: center;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.nova-solutions__intro {\n\n    max-width: 820px;\n\n    margin:\n        14px\n        auto\n        0;\n\n    color: #5F5F5B;\n\n    font-size: 16px;\n\n    line-height: 1.62;\n\n    font-weight: 400;\n\n    text-align: center;\n}\n\n\n\/* =====================================================\n   CARDS AREA\n===================================================== *\/\n\n.nova-solutions__cards-area {\n\n    position: relative;\n\n    width: 100%;\n\n    padding:\n        0\n        0\n        82px;\n}\n\n\n\/*\n   Responsive background band.\n\n   Important:\n   Band positioning is now relative to the card area,\n   not the whole section.\n*\/\n\n.nova-solutions__cards-area::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 0;\n\n    left: 0;\n    right: 0;\n\n    top: 27%;\n\n    bottom: 12%;\n\n    background: var(--lavender);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.nova-solutions__grid {\n\n    position: relative;\n\n    z-index: 2;\n\n    width: min(1180px, calc(100% - 64px));\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    align-items: stretch;\n\n    gap: 24px;\n}\n\n\n\/* =====================================================\n   CARD\n===================================================== *\/\n\n.nova-solution-card {\n\n    position: relative;\n\n    width: 100%;\n    min-width: 0;\n\n    display: flex;\n\n    flex-direction: column;\n\n    padding:\n        32px\n        28px\n        26px;\n\n    background: #FFFFFF;\n\n    border:\n        1px solid\n        rgba(33, 33, 30, 0.07);\n\n    border-radius: 18px;\n\n    box-shadow:\n        0\n        18px\n        42px\n        rgba(33, 33, 30, 0.09);\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n\n.nova-solution-card:hover {\n\n    transform: translateY(-6px);\n\n    box-shadow:\n        0\n        24px\n        52px\n        rgba(33, 33, 30, 0.12);\n}\n\n\n\/* =====================================================\n   ICON\n===================================================== *\/\n\n.nova-solution-card__icon {\n\n    width: 72px;\n    height: 72px;\n\n    flex:\n        0\n        0\n        72px;\n\n    display: grid;\n\n    place-items: center;\n\n    margin:\n        0\n        auto\n        24px;\n\n    border-radius: 18px;\n}\n\n\n.nova-solution-card__icon svg {\n\n    width: 40px;\n    height: 40px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 3;\n\n    stroke-linecap: round;\n\n    stroke-linejoin: round;\n}\n\n\n.nova-solution-card__icon--orange {\n\n    color: var(--orange);\n\n    background:\n        rgba(248, 107, 0, 0.12);\n}\n\n\n.nova-solution-card__icon--green {\n\n    color: var(--dark);\n\n    background: var(--green);\n}\n\n\n.nova-solution-card__icon--lavender {\n\n    color: var(--dark);\n\n    background: var(--lavender);\n}\n\n\n\/* =====================================================\n   CARD CONTENT\n===================================================== *\/\n\n.nova-solution-card__content {\n\n    flex: 1;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    text-align: center;\n}\n\n\n\/* NUMBER *\/\n\n.nova-solution-card__number {\n\n    margin-bottom: 9px;\n\n    color: var(--orange);\n\n    font-size: 11px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.12em;\n}\n\n\n\/* =====================================================\n   CARD TITLE\n===================================================== *\/\n\n.nova-solution-card h3 {\n\n    width: 100%;\n\n    max-width: 310px;\n\n    margin:\n        0\n        auto;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(22px, 1.85vw, 27px);\n\n    line-height: 1.15;\n\n    letter-spacing: -0.02em;\n\n    font-weight: 600;\n\n    overflow-wrap: break-word;\n}\n\n\n.nova-solution-card h3 span {\n\n    display: block;\n}\n\n\n\/* =====================================================\n   CARD TEXT\n===================================================== *\/\n\n.nova-solution-card p {\n\n    width: 100%;\n\n    max-width: 310px;\n\n    margin:\n        17px\n        auto\n        0;\n\n    color: #5F5F5B;\n\n    font-size: 15px;\n\n    line-height: 1.6;\n\n    font-weight: 400;\n\n    overflow-wrap: break-word;\n}\n\n\n\/* =====================================================\n   LEARN MORE\n===================================================== *\/\n\n.nova-solution-card__link {\n\n    width: fit-content;\n\n    margin:\n        26px\n        auto\n        0;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 9px;\n\n    color: var(--orange);\n\n    text-decoration: none !important;\n}\n\n\n.nova-solution-card__link-text {\n\n    font-size: 11px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.12em;\n}\n\n\n.nova-solution-card__link-icon {\n\n    width: 28px;\n    height: 28px;\n\n    flex:\n        0\n        0\n        28px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 50%;\n\n    background:\n        rgba(248, 107, 0, 0.11);\n\n    transition:\n        transform 0.2s ease,\n        background 0.2s ease,\n        color 0.2s ease;\n}\n\n\n.nova-solution-card__link:hover\n.nova-solution-card__link-icon {\n\n    background: var(--orange);\n\n    color: #FFFFFF;\n\n    transform:\n        translate(2px, -2px);\n}\n\n\n\/* =====================================================\n   LAPTOP\n   901PX \u2014 1180PX\n===================================================== *\/\n\n@media (max-width: 1180px) {\n\n    .nova-solutions__header {\n\n        width: calc(100% - 52px);\n\n        padding:\n            62px\n            0\n            42px;\n    }\n\n\n    .nova-solutions__title {\n\n        font-size:\n            clamp(32px, 3.5vw, 41px);\n    }\n\n\n    .nova-solutions__intro {\n\n        max-width: 760px;\n\n        font-size: 15px;\n    }\n\n\n    .nova-solutions__grid {\n\n        width: calc(100% - 52px);\n\n        gap: 18px;\n    }\n\n\n    .nova-solution-card {\n\n        padding:\n            28px\n            22px\n            24px;\n    }\n\n\n    .nova-solution-card h3 {\n\n        font-size:\n            clamp(21px, 2vw, 25px);\n    }\n\n\n    .nova-solution-card p {\n\n        font-size: 14px;\n    }\n\n\n    .nova-solutions__cards-area {\n\n        padding-bottom: 70px;\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET\n   641PX \u2014 900PX\n===================================================== *\/\n\n@media (max-width: 900px) {\n\n    .nova-solutions__header {\n\n        width:\n            min(\n                700px,\n                calc(100% - 44px)\n            );\n\n        padding:\n            54px\n            0\n            34px;\n    }\n\n\n    .nova-solutions__title {\n\n        font-size:\n            clamp(31px, 5vw, 38px);\n\n        line-height: 1.12;\n    }\n\n\n    .nova-solutions__intro {\n\n        max-width: 620px;\n\n        margin-top: 12px;\n\n        font-size: 15px;\n\n        line-height: 1.58;\n    }\n\n\n    .nova-solutions__cards-area {\n\n        padding-bottom: 58px;\n    }\n\n\n    .nova-solutions__cards-area::before {\n\n        top: 7%;\n\n        bottom: 5%;\n\n        background:\n            linear-gradient(\n                180deg,\n                var(--lavender) 0%,\n                rgba(205, 204, 241, 0.34) 100%\n            );\n    }\n\n\n    .nova-solutions__grid {\n\n        width:\n            min(\n                650px,\n                calc(100% - 44px)\n            );\n\n        grid-template-columns: 1fr;\n\n        gap: 16px;\n    }\n\n\n    .nova-solution-card {\n\n        min-height: 0;\n\n        padding:\n            28px\n            30px\n            25px;\n    }\n\n\n    .nova-solution-card__icon {\n\n        width: 66px;\n        height: 66px;\n\n        flex-basis: 66px;\n\n        margin-bottom: 20px;\n    }\n\n\n    .nova-solution-card__icon svg {\n\n        width: 37px;\n        height: 37px;\n    }\n\n\n    .nova-solution-card h3 {\n\n        max-width: 470px;\n\n        font-size:\n            clamp(24px, 4vw, 29px);\n    }\n\n\n    .nova-solution-card p {\n\n        max-width: 500px;\n\n        margin-top: 14px;\n\n        font-size: 14px;\n    }\n\n\n    .nova-solution-card__link {\n\n        margin-top: 22px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n   UP TO 640PX\n===================================================== *\/\n\n@media (max-width: 640px) {\n\n    .nova-solutions__header {\n\n        width: calc(100% - 32px);\n\n        padding:\n            44px\n            0\n            28px;\n    }\n\n\n    .nova-solutions__title {\n\n        font-size:\n            clamp(28px, 8vw, 34px);\n\n        line-height: 1.12;\n    }\n\n\n    .nova-solutions__intro {\n\n        max-width: 470px;\n\n        margin-top: 11px;\n\n        font-size: 14px;\n\n        line-height: 1.55;\n    }\n\n\n    .nova-solutions__cards-area {\n\n        padding-bottom: 46px;\n    }\n\n\n    .nova-solutions__cards-area::before {\n\n        top: 5%;\n\n        bottom: 4%;\n    }\n\n\n    .nova-solutions__grid {\n\n        width: calc(100% - 28px);\n\n        gap: 13px;\n    }\n\n\n    .nova-solution-card {\n\n        padding:\n            24px\n            18px\n            21px;\n\n        border-radius: 15px;\n    }\n\n\n    .nova-solution-card__icon {\n\n        width: 58px;\n        height: 58px;\n\n        flex-basis: 58px;\n\n        margin-bottom: 16px;\n\n        border-radius: 14px;\n    }\n\n\n    .nova-solution-card__icon svg {\n\n        width: 33px;\n        height: 33px;\n    }\n\n\n    .nova-solution-card__number {\n\n        margin-bottom: 7px;\n\n        font-size: 10px;\n    }\n\n\n    .nova-solution-card h3 {\n\n        max-width: 360px;\n\n        font-size:\n            clamp(23px, 6.5vw, 27px);\n\n        line-height: 1.14;\n    }\n\n\n    .nova-solution-card p {\n\n        max-width: 380px;\n\n        margin-top: 12px;\n\n        font-size: 13.5px;\n\n        line-height: 1.55;\n    }\n\n\n    .nova-solution-card__link {\n\n        margin-top: 19px;\n    }\n\n\n    .nova-solution-card__link-text {\n\n        font-size: 10px;\n    }\n\n\n    .nova-solution-card__link-icon {\n\n        width: 26px;\n        height: 26px;\n\n        flex-basis: 26px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n   UP TO 420PX\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .nova-solutions__header {\n\n        width: calc(100% - 26px);\n\n        padding:\n            38px\n            0\n            25px;\n    }\n\n\n    .nova-solutions__title {\n\n        font-size:\n            clamp(26px, 7.8vw, 31px);\n    }\n\n\n    .nova-solutions__intro {\n\n        max-width: 360px;\n\n        font-size: 13px;\n\n        line-height: 1.52;\n    }\n\n\n    .nova-solutions__grid {\n\n        width: calc(100% - 22px);\n\n        gap: 12px;\n    }\n\n\n    .nova-solution-card {\n\n        padding:\n            22px\n            15px\n            19px;\n    }\n\n\n    .nova-solution-card__icon {\n\n        width: 54px;\n        height: 54px;\n\n        flex-basis: 54px;\n\n        margin-bottom: 14px;\n    }\n\n\n    .nova-solution-card__icon svg {\n\n        width: 30px;\n        height: 30px;\n    }\n\n\n    .nova-solution-card h3 {\n\n        max-width: 320px;\n\n        font-size:\n            clamp(22px, 6.7vw, 25px);\n    }\n\n\n    .nova-solution-card p {\n\n        max-width: 330px;\n\n        font-size: 13px;\n    }\n\n\n    .nova-solutions__cards-area {\n\n        padding-bottom: 40px;\n    }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 350px) {\n\n    .nova-solutions__header {\n\n        width: calc(100% - 22px);\n    }\n\n\n    .nova-solutions__title {\n\n        font-size: 25px;\n    }\n\n\n    .nova-solutions__intro {\n\n        font-size: 12.5px;\n    }\n\n\n    .nova-solutions__grid {\n\n        width: calc(100% - 18px);\n    }\n\n\n    .nova-solution-card h3 {\n\n        font-size: 21px;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .nova-solution-card,\n    .nova-solution-card__link-icon {\n\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<section class=\"nova-solutions\" id=\"solutions\">\n\n    <!-- ================================\n         SECTION HEADER\n    ================================= -->\n    <div class=\"nova-solutions__header\">\n\n        <h2 class=\"nova-solutions__title\">\n            Our Digital Solutions\n        <\/h2>\n\n        <p class=\"nova-solutions__intro\">\n            From strategy to execution, we combine data, creativity and\n            performance marketing to help ambitious brands grow sustainably.\n        <\/p>\n\n    <\/div>\n\n\n    <!-- ================================\n         CARDS AREA\n    ================================= -->\n    <div class=\"nova-solutions__cards-area\">\n\n        <div class=\"nova-solutions__grid\">\n\n\n            <!-- CARD 01 -->\n            <article class=\"nova-solution-card\">\n\n                <div class=\"nova-solution-card__icon nova-solution-card__icon--orange\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <path d=\"M12 13h40L38 35v13l-12 5V35L12 13Z\"><\/path>\n                        <path d=\"M23 25h18\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"nova-solution-card__content\">\n\n                    <span class=\"nova-solution-card__number\">\n                        01\n                    <\/span>\n\n                    <h3>\n                        Lead Generation\n                        <span>That Converts<\/span>\n                    <\/h3>\n\n                    <p>\n                        Attract high-intent prospects with focused campaigns,\n                        smart targeting and conversion-driven digital funnels.\n                    <\/p>\n\n                <\/div>\n\n\n                <a href=\"#\" class=\"nova-solution-card__link\">\n\n                    <span class=\"nova-solution-card__link-text\">\n                        LEARN MORE\n                    <\/span>\n\n                    <span class=\"nova-solution-card__link-icon\">\n                        \u2197\n                    <\/span>\n\n                <\/a>\n\n            <\/article>\n\n\n            <!-- CARD 02 -->\n            <article class=\"nova-solution-card\">\n\n                <div class=\"nova-solution-card__icon nova-solution-card__icon--green\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <path d=\"M12 37V25l30-12v36L12 37Z\"><\/path>\n                        <path d=\"M42 22h8c3 0 5 2 5 5v8c0 3-2 5-5 5h-8\"><\/path>\n                        <path d=\"M17 38l4 14h9l-4-11\"><\/path>\n                        <path d=\"M53 17l4-4\"><\/path>\n                        <path d=\"M55 27h6\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"nova-solution-card__content\">\n\n                    <span class=\"nova-solution-card__number\">\n                        02\n                    <\/span>\n\n                    <h3>\n                        Grow Your\n                        <span>Brand Presence<\/span>\n                    <\/h3>\n\n                    <p>\n                        Build a memorable digital presence through strategy,\n                        content and campaigns designed to keep your brand top of mind.\n                    <\/p>\n\n                <\/div>\n\n\n                <a href=\"#\" class=\"nova-solution-card__link\">\n\n                    <span class=\"nova-solution-card__link-text\">\n                        LEARN MORE\n                    <\/span>\n\n                    <span class=\"nova-solution-card__link-icon\">\n                        \u2197\n                    <\/span>\n\n                <\/a>\n\n            <\/article>\n\n\n            <!-- CARD 03 -->\n            <article class=\"nova-solution-card\">\n\n                <div class=\"nova-solution-card__icon nova-solution-card__icon--lavender\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                        <rect x=\"10\" y=\"12\" width=\"44\" height=\"34\" rx=\"4\"><\/rect>\n                        <path d=\"M18 20h4\"><\/path>\n                        <path d=\"M27 20h4\"><\/path>\n                        <path d=\"M36 20h10\"><\/path>\n                        <path d=\"M23 46v6\"><\/path>\n                        <path d=\"M41 46v6\"><\/path>\n                        <path d=\"M19 52h26\"><\/path>\n                        <path d=\"M25 32h14\"><\/path>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"nova-solution-card__content\">\n\n                    <span class=\"nova-solution-card__number\">\n                        03\n                    <\/span>\n\n                    <h3>\n                        Drive More\n                        <span>E-Com Revenue<\/span>\n                    <\/h3>\n\n                    <p>\n                        Turn traffic into sales with performance-led e-commerce\n                        campaigns built around acquisition, conversion and growth.\n                    <\/p>\n\n                <\/div>\n\n\n                <a href=\"#\" class=\"nova-solution-card__link\">\n\n                    <span class=\"nova-solution-card__link-text\">\n                        LEARN MORE\n                    <\/span>\n\n                    <span class=\"nova-solution-card__link-icon\">\n                        \u2197\n                    <\/span>\n\n                <\/a>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n\n<style>.kadence-column30_bf64d4-18 > .kt-inside-inner-col,.kadence-column30_bf64d4-18 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column30_bf64d4-18 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column30_bf64d4-18 > .kt-inside-inner-col{flex-direction:column;}.kadence-column30_bf64d4-18 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column30_bf64d4-18 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column30_bf64d4-18{position:relative;}@media all and (max-width: 1024px){.kadence-column30_bf64d4-18 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column30_bf64d4-18 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column30_bf64d4-18\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   SECTION 04 \u2014 SERVICES CAROUSEL\n===================================================== *\/\n\n.nova-services-slider {\n\n    --orange: #F86B00;\n    --white: #F8F8F8;\n    --warm: #EEEDE8;\n    --lavender: #CDCCF1;\n    --dark: #21211E;\n    --green: #D9E1DE;\n    --gray: #878682;\n    --rose: #EEE0DD;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n\n    padding:\n        72px\n        0\n        72px !important;\n\n    overflow: hidden;\n\n    background: var(--warm);\n\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        Arial,\n        sans-serif;\n}\n\n\n.nova-services-slider,\n.nova-services-slider *,\n.nova-services-slider *::before,\n.nova-services-slider *::after {\n\n    box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.nova-services-slider__header {\n\n    width:\n        min(\n            1120px,\n            calc(100% - 64px)\n        );\n\n    margin:\n        0\n        auto\n        42px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    justify-content: center;\n\n    text-align: center;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.nova-services-slider__title {\n\n    width: 100%;\n\n    max-width: 1040px;\n\n    margin:\n        0\n        auto;\n\n    padding: 0;\n\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        sans-serif;\n\n    font-size:\n        clamp(\n            34px,\n            3.2vw,\n            44px\n        );\n\n    line-height: 1.12;\n\n    letter-spacing: -0.025em;\n\n    font-weight: 600;\n\n    text-align: center;\n\n    text-wrap: balance;\n}\n\n\n.nova-services-slider__title span {\n\n    display: block;\n\n    width: 100%;\n\n    color: var(--orange);\n\n    text-align: center;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.nova-services-slider__intro {\n\n    width: 100%;\n\n    max-width: 820px;\n\n    margin:\n        14px\n        auto\n        0;\n\n    padding: 0;\n\n    color: #5F5F5B;\n\n    font-size: 16px;\n\n    line-height: 1.6;\n\n    font-weight: 400;\n\n    text-align: center;\n}\n\n\n\/* =====================================================\n   CAROUSEL\n===================================================== *\/\n\n.nova-services-carousel {\n\n    position: relative;\n\n    width:\n        min(\n            1240px,\n            calc(100% - 76px)\n        );\n\n    margin:\n        0\n        auto;\n}\n\n\n\/* =====================================================\n   VIEWPORT\n===================================================== *\/\n\n.nova-services-carousel__viewport {\n\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    border-radius: 18px;\n\n    touch-action: pan-y;\n\n    outline: none;\n}\n\n\n.nova-services-carousel__viewport:focus-visible {\n\n    outline:\n        2px solid\n        rgba(248, 107, 0, 0.45);\n\n    outline-offset: 6px;\n}\n\n\n\/* =====================================================\n   TRACK\n===================================================== *\/\n\n.nova-services-carousel__track {\n\n    --cards-visible: 4;\n    --card-gap: 16px;\n\n    display: flex;\n\n    align-items: stretch;\n\n    flex-wrap: nowrap;\n\n    gap: var(--card-gap);\n\n    width: 100%;\n\n    transform:\n        translate3d(0, 0, 0);\n\n    transition:\n        transform\n        0.52s\n        cubic-bezier(.22, .61, .36, 1);\n\n    will-change: transform;\n}\n\n\n\/* =====================================================\n   CARD\n===================================================== *\/\n\n.nova-service-slide {\n\n    flex:\n        0\n        0\n        calc(\n            (\n                100%\n                -\n                (\n                    (var(--cards-visible) - 1)\n                    *\n                    var(--card-gap)\n                )\n            )\n            \/\n            var(--cards-visible)\n        );\n\n    min-width: 0;\n\n    min-height: 430px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    padding:\n        27px\n        22px\n        23px;\n\n    background: #FFFFFF;\n\n    border:\n        1px solid\n        rgba(33, 33, 30, 0.07);\n\n    border-radius: 18px;\n\n    box-shadow:\n        0\n        12px\n        30px\n        rgba(33, 33, 30, 0.07);\n\n    transition:\n        transform .22s ease,\n        box-shadow .22s ease;\n}\n\n\n@media (hover: hover) and (pointer: fine) {\n\n    .nova-service-slide:hover {\n\n        transform:\n            translateY(-5px);\n\n        box-shadow:\n            0\n            19px\n            42px\n            rgba(33, 33, 30, 0.11);\n    }\n\n}\n\n\n\/* =====================================================\n   ICON\n===================================================== *\/\n\n.nova-service-slide__icon {\n\n    width: 66px;\n\n    height: 66px;\n\n    flex:\n        0\n        0\n        66px;\n\n    display: grid;\n\n    place-items: center;\n\n    margin:\n        0\n        auto\n        19px;\n\n    border-radius: 17px;\n}\n\n\n.nova-service-slide__icon svg {\n\n    width: 38px;\n\n    height: 38px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 3;\n\n    stroke-linecap: round;\n\n    stroke-linejoin: round;\n}\n\n\n.nova-service-slide__icon--orange {\n\n    color: var(--orange);\n\n    background:\n        rgba(248, 107, 0, 0.12);\n}\n\n\n.nova-service-slide__icon--green {\n\n    color: var(--dark);\n\n    background: var(--green);\n}\n\n\n.nova-service-slide__icon--lavender {\n\n    color: var(--dark);\n\n    background: var(--lavender);\n}\n\n\n.nova-service-slide__icon--rose {\n\n    color: var(--dark);\n\n    background: var(--rose);\n}\n\n\n\/* =====================================================\n   SERVICE TITLE\n===================================================== *\/\n\n.nova-service-slide h3 {\n\n    margin:\n        0\n        0\n        13px;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size: 22px;\n\n    line-height: 1.15;\n\n    letter-spacing: -0.02em;\n\n    font-weight: 600;\n\n    text-align: center;\n}\n\n\n\/* =====================================================\n   SINGLE PARAGRAPH CONTENT\n===================================================== *\/\n\n.nova-service-slide__description {\n\n    width: 100%;\n\n    flex: 1;\n\n    min-height: 190px;\n\n    margin: 0;\n\n    padding:\n        18px\n        2px\n        12px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border-top:\n        1px solid\n        rgba(33, 33, 30, 0.09);\n\n    color: #5F5F5B;\n\n    font-size: 14px;\n\n    line-height: 1.58;\n\n    font-weight: 400;\n\n    text-align: center;\n\n    overflow-wrap: break-word;\n}\n\n\n\/* =====================================================\n   CTA\n===================================================== *\/\n\n.nova-service-slide__link {\n\n    width: fit-content;\n\n    margin:\n        20px\n        auto\n        0;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 8px;\n\n    color: var(--orange);\n\n    text-decoration: none !important;\n}\n\n\n.nova-service-slide__link-text {\n\n    font-size: 11px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.1em;\n}\n\n\n.nova-service-slide__link-icon {\n\n    width: 27px;\n\n    height: 27px;\n\n    flex:\n        0\n        0\n        27px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 50%;\n\n    background:\n        rgba(248, 107, 0, 0.11);\n\n    transition:\n        transform .2s ease,\n        background .2s ease,\n        color .2s ease;\n}\n\n\n.nova-service-slide__link:hover\n.nova-service-slide__link-icon {\n\n    background: var(--orange);\n\n    color: #FFFFFF;\n\n    transform:\n        translate(2px, -2px);\n}\n\n\n\/* =====================================================\n   ARROWS\n===================================================== *\/\n\n.nova-services-carousel__arrow {\n\n    position: absolute;\n\n    z-index: 20;\n\n    top: 50%;\n\n    width: 50px;\n\n    height: 50px;\n\n    display: grid;\n\n    place-items: center;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: none;\n\n    border-radius: 50%;\n\n    background: var(--orange);\n\n    color: #FFFFFF;\n\n    cursor: pointer;\n\n    box-shadow:\n        0\n        12px\n        28px\n        rgba(33, 33, 30, 0.16);\n\n    transform:\n        translateY(-50%);\n\n    transition:\n        background .2s ease,\n        opacity .2s ease,\n        transform .2s ease;\n}\n\n\n.nova-services-carousel__arrow svg {\n\n    width: 23px;\n\n    height: 23px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 2.6;\n\n    stroke-linecap: round;\n\n    stroke-linejoin: round;\n}\n\n\n.nova-services-carousel__arrow--prev {\n\n    left: -25px;\n}\n\n\n.nova-services-carousel__arrow--next {\n\n    right: -25px;\n}\n\n\n.nova-services-carousel__arrow:hover {\n\n    background: var(--dark);\n}\n\n\n.nova-services-carousel__arrow:disabled {\n\n    opacity: 0.25;\n\n    cursor: default;\n\n    pointer-events: none;\n}\n\n\n\/* =====================================================\n   FOOTER\n===================================================== *\/\n\n.nova-services-carousel__footer {\n\n    width: 100%;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    gap: 10px;\n\n    margin-top: 18px;\n}\n\n\n.nova-services-carousel__status {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 5px;\n\n    color: var(--gray);\n\n    font-size: 11px;\n\n    line-height: 1;\n\n    font-weight: 600;\n\n    letter-spacing: .08em;\n}\n\n\n.nova-services-carousel__current {\n\n    color: var(--orange);\n}\n\n\n.nova-services-carousel__progress {\n\n    width: 150px;\n\n    height: 3px;\n\n    overflow: hidden;\n\n    border-radius: 999px;\n\n    background:\n        rgba(33, 33, 30, 0.10);\n}\n\n\n.nova-services-carousel__progress span {\n\n    display: block;\n\n    width: 16.66%;\n\n    height: 100%;\n\n    border-radius: inherit;\n\n    background: var(--orange);\n\n    transform-origin: left center;\n\n    transition:\n        width .35s ease;\n}\n\n\n\/* =====================================================\n   LAPTOP \u2014 3 CARDS\n===================================================== *\/\n\n@media (max-width: 1100px) {\n\n    .nova-services-slider {\n\n        padding:\n            62px\n            0\n            64px !important;\n    }\n\n\n    .nova-services-slider__header {\n\n        width:\n            calc(100% - 52px);\n\n        margin-bottom: 36px;\n    }\n\n\n    .nova-services-slider__title {\n\n        max-width: 900px;\n\n        font-size:\n            clamp(32px, 3.8vw, 40px);\n    }\n\n\n    .nova-services-slider__intro {\n\n        max-width: 740px;\n\n        font-size: 15px;\n    }\n\n\n    .nova-services-carousel {\n\n        width:\n            calc(100% - 72px);\n    }\n\n\n    .nova-services-carousel__track {\n\n        --cards-visible: 3;\n    }\n\n\n    .nova-service-slide {\n\n        min-height: 420px;\n\n        padding:\n            25px\n            20px\n            22px;\n    }\n\n\n    .nova-service-slide h3 {\n\n        font-size: 21px;\n    }\n\n\n    .nova-service-slide__description {\n\n        min-height: 180px;\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET \u2014 2 CARDS\n===================================================== *\/\n\n@media (max-width: 820px) {\n\n    .nova-services-slider {\n\n        padding:\n            52px\n            0\n            54px !important;\n    }\n\n\n    .nova-services-slider__header {\n\n        width:\n            min(\n                700px,\n                calc(100% - 40px)\n            );\n\n        margin-bottom: 31px;\n    }\n\n\n    .nova-services-slider__title {\n\n        max-width: 680px;\n\n        font-size:\n            clamp(30px, 5.3vw, 37px);\n\n        line-height: 1.13;\n    }\n\n\n    .nova-services-slider__intro {\n\n        max-width: 610px;\n\n        margin-top: 11px;\n\n        font-size: 14px;\n    }\n\n\n    .nova-services-carousel {\n\n        width:\n            min(\n                700px,\n                calc(100% - 62px)\n            );\n    }\n\n\n    .nova-services-carousel__track {\n\n        --cards-visible: 2;\n\n        --card-gap: 14px;\n    }\n\n\n    .nova-service-slide {\n\n        min-height: 405px;\n\n        padding:\n            25px\n            20px\n            22px;\n    }\n\n\n    .nova-service-slide__description {\n\n        min-height: 165px;\n    }\n\n\n    .nova-services-carousel__arrow {\n\n        width: 46px;\n\n        height: 46px;\n    }\n\n\n    .nova-services-carousel__arrow--prev {\n\n        left: -21px;\n    }\n\n\n    .nova-services-carousel__arrow--next {\n\n        right: -21px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE \u2014 1 CARD\n===================================================== *\/\n\n@media (max-width: 600px) {\n\n    .nova-services-slider {\n\n        padding:\n            43px\n            0\n            46px !important;\n    }\n\n\n    .nova-services-slider__header {\n\n        width:\n            calc(100% - 30px);\n\n        margin-bottom: 25px;\n    }\n\n\n    .nova-services-slider__title {\n\n        max-width: 500px;\n\n        font-size:\n            clamp(27px, 7.8vw, 34px);\n\n        line-height: 1.14;\n    }\n\n\n    .nova-services-slider__title span {\n\n        display: inline;\n    }\n\n\n    .nova-services-slider__intro {\n\n        max-width: 450px;\n\n        margin-top: 10px;\n\n        font-size: 14px;\n\n        line-height: 1.55;\n    }\n\n\n    .nova-services-carousel {\n\n        width:\n            calc(100% - 46px);\n    }\n\n\n    .nova-services-carousel__track {\n\n        --cards-visible: 1;\n\n        --card-gap: 12px;\n    }\n\n\n    .nova-service-slide {\n\n        min-height: 390px;\n\n        padding:\n            23px\n            18px\n            20px;\n\n        border-radius: 16px;\n    }\n\n\n    .nova-service-slide__icon {\n\n        width: 58px;\n\n        height: 58px;\n\n        flex-basis: 58px;\n\n        margin-bottom: 16px;\n\n        border-radius: 14px;\n    }\n\n\n    .nova-service-slide__icon svg {\n\n        width: 33px;\n\n        height: 33px;\n    }\n\n\n    .nova-service-slide h3 {\n\n        margin-bottom: 10px;\n\n        font-size: 23px;\n    }\n\n\n    .nova-service-slide__description {\n\n        min-height: 150px;\n\n        max-width: 390px;\n\n        margin:\n            0\n            auto;\n\n        padding:\n            16px\n            4px\n            10px;\n\n        font-size: 14px;\n    }\n\n\n    .nova-services-carousel__arrow {\n\n        width: 42px;\n\n        height: 42px;\n    }\n\n\n    .nova-services-carousel__arrow--prev {\n\n        left: -18px;\n    }\n\n\n    .nova-services-carousel__arrow--next {\n\n        right: -18px;\n    }\n\n\n    .nova-services-carousel__progress {\n\n        width: 120px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .nova-services-slider {\n\n        padding:\n            37px\n            0\n            40px !important;\n    }\n\n\n    .nova-services-slider__header {\n\n        width:\n            calc(100% - 24px);\n\n        margin-bottom: 22px;\n    }\n\n\n    .nova-services-slider__title {\n\n        max-width: 370px;\n\n        font-size:\n            clamp(25px, 7.6vw, 30px);\n    }\n\n\n    .nova-services-slider__intro {\n\n        max-width: 350px;\n\n        font-size: 13px;\n    }\n\n\n    .nova-services-carousel {\n\n        width:\n            calc(100% - 38px);\n    }\n\n\n    .nova-service-slide {\n\n        min-height: 375px;\n\n        padding:\n            21px\n            16px\n            19px;\n    }\n\n\n    .nova-service-slide h3 {\n\n        font-size: 21px;\n    }\n\n\n    .nova-service-slide__description {\n\n        min-height: 145px;\n\n        font-size: 13px;\n    }\n\n\n    .nova-services-carousel__arrow {\n\n        width: 38px;\n\n        height: 38px;\n    }\n\n\n    .nova-services-carousel__arrow--prev {\n\n        left: -15px;\n    }\n\n\n    .nova-services-carousel__arrow--next {\n\n        right: -15px;\n    }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 350px) {\n\n    .nova-services-slider__header {\n\n        width:\n            calc(100% - 20px);\n    }\n\n\n    .nova-services-slider__title {\n\n        font-size: 24px;\n    }\n\n\n    .nova-services-carousel {\n\n        width:\n            calc(100% - 32px);\n    }\n\n\n    .nova-service-slide {\n\n        min-height: 365px;\n\n        padding:\n            19px\n            14px\n            18px;\n    }\n\n\n    .nova-service-slide__description {\n\n        min-height: 140px;\n\n        font-size: 12.75px;\n    }\n\n\n    .nova-services-carousel__arrow {\n\n        width: 36px;\n\n        height: 36px;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .nova-services-carousel__track {\n\n        transition: none !important;\n    }\n\n\n    .nova-service-slide,\n    .nova-service-slide__link-icon,\n    .nova-services-carousel__arrow,\n    .nova-services-carousel__progress span {\n\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n\n    function initNovaServicesCarousel() {\n\n        const sections =\n            document.querySelectorAll(\n                '.nova-services-slider'\n            );\n\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.novaCarouselReady === '1'\n            ) {\n                return;\n            }\n\n\n            const viewport =\n                section.querySelector(\n                    '.nova-services-carousel__viewport'\n                );\n\n            const track =\n                section.querySelector(\n                    '.nova-services-carousel__track'\n                );\n\n            const cards =\n                Array.from(\n                    section.querySelectorAll(\n                        '.nova-service-slide'\n                    )\n                );\n\n            const prevButton =\n                section.querySelector(\n                    '.nova-services-carousel__arrow--prev'\n                );\n\n            const nextButton =\n                section.querySelector(\n                    '.nova-services-carousel__arrow--next'\n                );\n\n            const currentDisplay =\n                section.querySelector(\n                    '.nova-services-carousel__current'\n                );\n\n            const totalDisplay =\n                section.querySelector(\n                    '.nova-services-carousel__total'\n                );\n\n            const progressBar =\n                section.querySelector(\n                    '.nova-services-carousel__progress span'\n                );\n\n\n            if (\n                !viewport ||\n                !track ||\n                cards.length === 0 ||\n                !prevButton ||\n                !nextButton\n            ) {\n                return;\n            }\n\n\n            section.dataset.novaCarouselReady = '1';\n\n\n            let currentIndex = 0;\n            let startX = 0;\n            let endX = 0;\n            let isPointerDown = false;\n            let resizeTimer = null;\n\n\n            function getVisibleCards() {\n\n                const styles =\n                    window.getComputedStyle(track);\n\n\n                const value =\n                    parseInt(\n                        styles.getPropertyValue(\n                            '--cards-visible'\n                        ),\n                        10\n                    );\n\n\n                return Number.isFinite(value)\n                    ? value\n                    : 1;\n            }\n\n\n            function getGap() {\n\n                const styles =\n                    window.getComputedStyle(track);\n\n\n                const gap =\n                    parseFloat(\n                        styles.columnGap ||\n                        styles.gap ||\n                        '0'\n                    );\n\n\n                return Number.isFinite(gap)\n                    ? gap\n                    : 0;\n            }\n\n\n            function getStepWidth() {\n\n                if (!cards[0]) {\n                    return 0;\n                }\n\n\n                return (\n                    cards[0].getBoundingClientRect().width\n                    +\n                    getGap()\n                );\n            }\n\n\n            function getMaximumIndex() {\n\n                return Math.max(\n                    0,\n                    cards.length -\n                    getVisibleCards()\n                );\n            }\n\n\n            function updateCarousel(animate) {\n\n                const maximum =\n                    getMaximumIndex();\n\n\n                currentIndex =\n                    Math.max(\n                        0,\n                        Math.min(\n                            currentIndex,\n                            maximum\n                        )\n                    );\n\n\n                const distance =\n                    getStepWidth() *\n                    currentIndex;\n\n\n                if (animate === false) {\n\n                    track.style.transition =\n                        'none';\n                }\n\n\n                track.style.transform =\n                    'translate3d(-' +\n                    distance +\n                    'px,0,0)';\n\n\n                if (animate === false) {\n\n                    requestAnimationFrame(\n                        function () {\n\n                            requestAnimationFrame(\n                                function () {\n\n                                    track.style.transition =\n                                        '';\n                                }\n                            );\n\n                        }\n                    );\n                }\n\n\n                prevButton.disabled =\n                    currentIndex === 0;\n\n\n                nextButton.disabled =\n                    currentIndex >= maximum;\n\n\n                if (currentDisplay) {\n\n                    currentDisplay.textContent =\n                        String(\n                            currentIndex + 1\n                        ).padStart(\n                            2,\n                            '0'\n                        );\n                }\n\n\n                if (totalDisplay) {\n\n                    totalDisplay.textContent =\n                        String(\n                            cards.length\n                        ).padStart(\n                            2,\n                            '0'\n                        );\n                }\n\n\n                if (progressBar) {\n\n                    const progress =\n                        maximum === 0\n                            ? 100\n                            : (\n                                (\n                                    currentIndex + 1\n                                )\n                                \/\n                                (\n                                    maximum + 1\n                                )\n                            )\n                            * 100;\n\n\n                    progressBar.style.width =\n                        progress + '%';\n                }\n\n            }\n\n\n            prevButton.addEventListener(\n                'click',\n                function () {\n\n                    if (currentIndex <= 0) {\n                        return;\n                    }\n\n\n                    currentIndex -= 1;\n\n                    updateCarousel(true);\n                }\n            );\n\n\n            nextButton.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        currentIndex >=\n                        getMaximumIndex()\n                    ) {\n                        return;\n                    }\n\n\n                    currentIndex += 1;\n\n                    updateCarousel(true);\n                }\n            );\n\n\n            viewport.addEventListener(\n                'keydown',\n                function (event) {\n\n                    if (\n                        event.key ===\n                        'ArrowRight'\n                    ) {\n\n                        event.preventDefault();\n\n\n                        if (\n                            currentIndex <\n                            getMaximumIndex()\n                        ) {\n\n                            currentIndex += 1;\n\n                            updateCarousel(true);\n                        }\n\n                    }\n\n\n                    if (\n                        event.key ===\n                        'ArrowLeft'\n                    ) {\n\n                        event.preventDefault();\n\n\n                        if (\n                            currentIndex > 0\n                        ) {\n\n                            currentIndex -= 1;\n\n                            updateCarousel(true);\n                        }\n\n                    }\n\n                }\n            );\n\n\n            viewport.addEventListener(\n                'pointerdown',\n                function (event) {\n\n                    isPointerDown = true;\n\n                    startX =\n                        event.clientX;\n\n                    endX =\n                        event.clientX;\n\n\n                    if (\n                        viewport.setPointerCapture\n                    ) {\n\n                        try {\n\n                            viewport.setPointerCapture(\n                                event.pointerId\n                            );\n\n                        } catch (error) {}\n\n                    }\n\n                }\n            );\n\n\n            viewport.addEventListener(\n                'pointermove',\n                function (event) {\n\n                    if (!isPointerDown) {\n                        return;\n                    }\n\n\n                    endX =\n                        event.clientX;\n                }\n            );\n\n\n            function finishSwipe() {\n\n                if (!isPointerDown) {\n                    return;\n                }\n\n\n                isPointerDown = false;\n\n\n                const difference =\n                    endX -\n                    startX;\n\n\n                if (\n                    Math.abs(difference) <\n                    45\n                ) {\n                    return;\n                }\n\n\n                if (difference < 0) {\n\n                    if (\n                        currentIndex <\n                        getMaximumIndex()\n                    ) {\n\n                        currentIndex += 1;\n\n                        updateCarousel(true);\n                    }\n\n                } else {\n\n                    if (\n                        currentIndex > 0\n                    ) {\n\n                        currentIndex -= 1;\n\n                        updateCarousel(true);\n                    }\n\n                }\n\n            }\n\n\n            viewport.addEventListener(\n                'pointerup',\n                finishSwipe\n            );\n\n\n            viewport.addEventListener(\n                'pointercancel',\n                finishSwipe\n            );\n\n\n            window.addEventListener(\n                'resize',\n                function () {\n\n                    window.clearTimeout(\n                        resizeTimer\n                    );\n\n\n                    resizeTimer =\n                        window.setTimeout(\n                            function () {\n\n                                updateCarousel(\n                                    false\n                                );\n\n                            },\n                            120\n                        );\n\n                }\n            );\n\n\n            if (\n                document.fonts &&\n                document.fonts.ready\n            ) {\n\n                document.fonts.ready.then(\n                    function () {\n\n                        updateCarousel(false);\n                    }\n                );\n\n            } else {\n\n                updateCarousel(false);\n            }\n\n        });\n\n    }\n\n\n    if (\n        document.readyState === 'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initNovaServicesCarousel,\n            {\n                once: true\n            }\n        );\n\n    } else {\n\n        initNovaServicesCarousel();\n    }\n\n\n    window.addEventListener(\n        'load',\n        initNovaServicesCarousel,\n        {\n            once: true\n        }\n    );\n\n})();\n<\/script>\n\n<section class=\"nova-services-slider\" id=\"nova-services-slider\">\n\n    <!-- ==============================\n         SECTION HEADER\n    =============================== -->\n    <div class=\"nova-services-slider__header\">\n\n        <h2 class=\"nova-services-slider__title\">\n            Get the power of a complete digital marketing team\n            <span>without the cost of building one.<\/span>\n        <\/h2>\n\n        <p class=\"nova-services-slider__intro\">\n            Build visibility, attract high-value opportunities and scale efficiently\n            with specialists across every stage of your digital growth.\n        <\/p>\n\n    <\/div>\n\n\n    <!-- ==============================\n         CAROUSEL\n    =============================== -->\n    <div class=\"nova-services-carousel\">\n\n\n        <!-- PREVIOUS -->\n        <button\n            class=\"nova-services-carousel__arrow nova-services-carousel__arrow--prev\"\n            type=\"button\"\n            aria-label=\"Previous services\"\n        >\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M15 5L8 12L15 19\"><\/path>\n            <\/svg>\n        <\/button>\n\n\n        <!-- VIEWPORT -->\n        <div\n            class=\"nova-services-carousel__viewport\"\n            tabindex=\"0\"\n            aria-label=\"Digital marketing services\"\n        >\n\n            <div class=\"nova-services-carousel__track\">\n\n\n                <!-- ==============================\n                     01 \u2014 SEO\n                =============================== -->\n                <article class=\"nova-service-slide\">\n\n                    <div class=\"nova-service-slide__icon nova-service-slide__icon--orange\">\n\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                            <circle cx=\"27\" cy=\"27\" r=\"15\"><\/circle>\n                            <path d=\"M38 38l13 13\"><\/path>\n                            <path d=\"M20 27h14\"><\/path>\n                            <path d=\"M27 20v14\"><\/path>\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>SEO<\/h3>\n\n                    <p class=\"nova-service-slide__description\">\n                        Improve organic visibility with strategic SEO that aligns technical performance, search intent, content relevance and authority to attract qualified traffic, strengthen rankings and generate sustainable growth for your business online.\n                    <\/p>\n\n                    <a href=\"#\" class=\"nova-service-slide__link\">\n                        <span class=\"nova-service-slide__link-text\">\n                            LEARN MORE\n                        <\/span>\n                        <span class=\"nova-service-slide__link-icon\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- ==============================\n                     02 \u2014 AEO\n                =============================== -->\n                <article class=\"nova-service-slide\">\n\n                    <div class=\"nova-service-slide__icon nova-service-slide__icon--green\">\n\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                            <circle cx=\"27\" cy=\"26\" r=\"14\"><\/circle>\n                            <path d=\"M37 37l12 12\"><\/path>\n                            <path d=\"M22 22h10\"><\/path>\n                            <path d=\"M22 28h7\"><\/path>\n                            <path d=\"M22 34h5\"><\/path>\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>AEO<\/h3>\n\n                    <p class=\"nova-service-slide__description\">\n                        Increase visibility in answer engines with structured content built around real customer questions, clear entities and concise responses that improve discoverability across AI-assisted, conversational and voice-driven search experiences worldwide today.\n                    <\/p>\n\n                    <a href=\"#\" class=\"nova-service-slide__link\">\n                        <span class=\"nova-service-slide__link-text\">\n                            LEARN MORE\n                        <\/span>\n                        <span class=\"nova-service-slide__link-icon\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- ==============================\n                     03 \u2014 GEO\n                =============================== -->\n                <article class=\"nova-service-slide\">\n\n                    <div class=\"nova-service-slide__icon nova-service-slide__icon--lavender\">\n\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                            <circle cx=\"30\" cy=\"31\" r=\"18\"><\/circle>\n                            <path d=\"M12 31h36\"><\/path>\n                            <path d=\"M30 13c7 7 10 12 10 18s-3 11-10 18\"><\/path>\n                            <path d=\"M30 13c-7 7-10 12-10 18s3 11 10 18\"><\/path>\n                            <path d=\"M47 12l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5Z\"><\/path>\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>GEO<\/h3>\n\n                    <p class=\"nova-service-slide__description\">\n                        Strengthen brand visibility across generative search platforms with authoritative content, clear entity signals and contextual relevance that help AI systems understand, retrieve and reference your expertise accurately in generated answers.\n                    <\/p>\n\n                    <a href=\"#\" class=\"nova-service-slide__link\">\n                        <span class=\"nova-service-slide__link-text\">\n                            LEARN MORE\n                        <\/span>\n                        <span class=\"nova-service-slide__link-icon\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- ==============================\n                     04 \u2014 LOCAL SEO\n                =============================== -->\n                <article class=\"nova-service-slide\">\n\n                    <div class=\"nova-service-slide__icon nova-service-slide__icon--rose\">\n\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                            <path d=\"M32 53s16-15 16-28a16 16 0 1 0-32 0c0 13 16 28 16 28Z\"><\/path>\n                            <circle cx=\"32\" cy=\"25\" r=\"6\"><\/circle>\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>Local SEO<\/h3>\n\n                    <p class=\"nova-service-slide__description\">\n                        Reach nearby customers with local SEO that improves map visibility, business listings, location pages and regional relevance to drive qualified searches, store visits, enquiries and local conversions across target areas.\n                    <\/p>\n\n                    <a href=\"#\" class=\"nova-service-slide__link\">\n                        <span class=\"nova-service-slide__link-text\">\n                            LEARN MORE\n                        <\/span>\n                        <span class=\"nova-service-slide__link-icon\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- ==============================\n                     05 \u2014 ON PAGE SEO\n                =============================== -->\n                <article class=\"nova-service-slide\">\n\n                    <div class=\"nova-service-slide__icon nova-service-slide__icon--green\">\n\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                            <rect x=\"13\" y=\"9\" width=\"38\" height=\"46\" rx=\"4\"><\/rect>\n                            <path d=\"M21 20h22\"><\/path>\n                            <path d=\"M21 28h16\"><\/path>\n                            <path d=\"M21 36h22\"><\/path>\n                            <path d=\"M21 44h13\"><\/path>\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>On Page SEO<\/h3>\n\n                    <p class=\"nova-service-slide__description\">\n                        Improve important pages with on-page SEO focused on search intent, content structure, headings, metadata and internal links to strengthen relevance, usability, rankings and conversion opportunities across your entire website today.\n                    <\/p>\n\n                    <a href=\"#\" class=\"nova-service-slide__link\">\n                        <span class=\"nova-service-slide__link-text\">\n                            LEARN MORE\n                        <\/span>\n                        <span class=\"nova-service-slide__link-icon\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- ==============================\n                     06 \u2014 OFF PAGE SEO\n                =============================== -->\n                <article class=\"nova-service-slide\">\n\n                    <div class=\"nova-service-slide__icon nova-service-slide__icon--orange\">\n\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                            <circle cx=\"19\" cy=\"32\" r=\"8\"><\/circle>\n                            <circle cx=\"45\" cy=\"18\" r=\"8\"><\/circle>\n                            <circle cx=\"45\" cy=\"46\" r=\"8\"><\/circle>\n                            <path d=\"M26 28l12-7\"><\/path>\n                            <path d=\"M26 36l12 7\"><\/path>\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>Off Page SEO<\/h3>\n\n                    <p class=\"nova-service-slide__description\">\n                        Build stronger domain authority with off-page SEO focused on credible mentions, strategic outreach and relevant external signals that improve trust, competitive strength and long-term organic search performance for your brand.\n                    <\/p>\n\n                    <a href=\"#\" class=\"nova-service-slide__link\">\n                        <span class=\"nova-service-slide__link-text\">\n                            LEARN MORE\n                        <\/span>\n                        <span class=\"nova-service-slide__link-icon\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- ==============================\n                     07 \u2014 CONTENT MARKETING\n                =============================== -->\n                <article class=\"nova-service-slide\">\n\n                    <div class=\"nova-service-slide__icon nova-service-slide__icon--lavender\">\n\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                            <path d=\"M14 10h29l7 7v37H14V10Z\"><\/path>\n                            <path d=\"M43 10v9h9\"><\/path>\n                            <path d=\"M21 27h22\"><\/path>\n                            <path d=\"M21 35h22\"><\/path>\n                            <path d=\"M21 43h14\"><\/path>\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>Content Marketing<\/h3>\n\n                    <p class=\"nova-service-slide__description\">\n                        Create strategic content that captures search demand, answers customer questions and supports commercial goals while strengthening topical authority, brand trust, organic visibility and meaningful engagement throughout the complete buyer journey.\n                    <\/p>\n\n                    <a href=\"#\" class=\"nova-service-slide__link\">\n                        <span class=\"nova-service-slide__link-text\">\n                            LEARN MORE\n                        <\/span>\n                        <span class=\"nova-service-slide__link-icon\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- ==============================\n                     08 \u2014 BACKLINKS\n                =============================== -->\n                <article class=\"nova-service-slide\">\n\n                    <div class=\"nova-service-slide__icon nova-service-slide__icon--rose\">\n\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                            <path d=\"M26 39l-4 4c-6 6-15-3-9-9l9-9c4-4 9-4 13 0\"><\/path>\n                            <path d=\"M38 25l4-4c6-6 15 3 9 9l-9 9c-4 4-9 4-13 0\"><\/path>\n                            <path d=\"M24 40l16-16\"><\/path>\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>Backlinks<\/h3>\n\n                    <p class=\"nova-service-slide__description\">\n                        Earn high-quality backlinks through targeted outreach, competitor research and link-worthy content that strengthen website authority, improve search credibility and support sustainable organic ranking growth across competitive markets sustainably over time.\n                    <\/p>\n\n                    <a href=\"#\" class=\"nova-service-slide__link\">\n                        <span class=\"nova-service-slide__link-text\">\n                            LEARN MORE\n                        <\/span>\n                        <span class=\"nova-service-slide__link-icon\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n                <\/article>\n\n\n                <!-- ==============================\n                     09 \u2014 WEB DEVELOPMENT\n                =============================== -->\n                <article class=\"nova-service-slide\">\n\n                    <div class=\"nova-service-slide__icon nova-service-slide__icon--green\">\n\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                            <rect x=\"8\" y=\"11\" width=\"48\" height=\"40\" rx=\"4\"><\/rect>\n                            <path d=\"M8 21h48\"><\/path>\n                            <circle cx=\"15\" cy=\"16\" r=\"1\"><\/circle>\n                            <circle cx=\"20\" cy=\"16\" r=\"1\"><\/circle>\n                            <path d=\"M27 31l-7 6 7 6\"><\/path>\n                            <path d=\"M37 31l7 6-7 6\"><\/path>\n                            <path d=\"M35 28l-6 18\"><\/path>\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>Web Development<\/h3>\n\n                    <p class=\"nova-service-slide__description\">\n                        Build fast, responsive websites around usability, search performance and conversions, combining clean development, scalable structure and strong technical foundations to support seamless experiences, better rankings and long-term digital growth online.\n                    <\/p>\n\n                    <a href=\"#\" class=\"nova-service-slide__link\">\n                        <span class=\"nova-service-slide__link-text\">\n                            LEARN MORE\n                        <\/span>\n                        <span class=\"nova-service-slide__link-icon\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n                <\/article>\n\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- NEXT -->\n        <button\n            class=\"nova-services-carousel__arrow nova-services-carousel__arrow--next\"\n            type=\"button\"\n            aria-label=\"Next services\"\n        >\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M9 5L16 12L9 19\"><\/path>\n            <\/svg>\n        <\/button>\n\n\n        <!-- ==============================\n             PROGRESS\n        =============================== -->\n        <div class=\"nova-services-carousel__footer\">\n\n            <div\n                class=\"nova-services-carousel__status\"\n                aria-live=\"polite\"\n            >\n\n                <span class=\"nova-services-carousel__current\">\n                    01\n                <\/span>\n\n                <span class=\"nova-services-carousel__divider\">\n                    \/\n                <\/span>\n\n                <span class=\"nova-services-carousel__total\">\n                    09\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"nova-services-carousel__progress\">\n                <span><\/span>\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n\n<style>.kadence-column30_61c1f5-8e > .kt-inside-inner-col,.kadence-column30_61c1f5-8e > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column30_61c1f5-8e > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column30_61c1f5-8e > .kt-inside-inner-col{flex-direction:column;}.kadence-column30_61c1f5-8e > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column30_61c1f5-8e > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column30_61c1f5-8e{position:relative;}@media all and (max-width: 1024px){.kadence-column30_61c1f5-8e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column30_61c1f5-8e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column30_61c1f5-8e\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   CREDIBILITY \/ VALUE SECTION\n===================================================== *\/\n\n.nova-proof-section {\n\n    --orange: #F86B00;\n    --white: #F8F8F8;\n    --warm: #EEEDE8;\n    --lavender: #CDCCF1;\n    --dark: #21211E;\n    --green: #D9E1DE;\n    --gray: #878682;\n    --rose: #EEE0DD;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n\n    padding: 72px 0 68px !important;\n\n    overflow-x: clip;\n\n    background: var(--white);\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        Arial,\n        sans-serif;\n}\n\n\n\/* =====================================================\n   RESET\n===================================================== *\/\n\n.nova-proof-section,\n.nova-proof-section *,\n.nova-proof-section *::before,\n.nova-proof-section *::after {\n\n    box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   MAIN GRID\n===================================================== *\/\n\n.nova-proof-section__inner {\n\n    width: min(1160px, calc(100% - 64px));\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    align-items: stretch;\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.nova-proof-item {\n\n    position: relative;\n\n    min-width: 0;\n\n    padding:\n        6px\n        clamp(24px, 3vw, 42px)\n        8px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    text-align: center;\n}\n\n\n\/* DESKTOP DIVIDERS *\/\n\n.nova-proof-item:not(:last-child)::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 8px;\n    right: 0;\n\n    width: 1px;\n\n    height: calc(100% - 16px);\n\n    background:\n        rgba(33, 33, 30, 0.12);\n}\n\n\n\/* =====================================================\n   ICON\n===================================================== *\/\n\n.nova-proof-item__icon {\n\n    width: 72px;\n    height: 72px;\n\n    flex:\n        0\n        0\n        72px;\n\n    display: grid;\n\n    place-items: center;\n\n    margin:\n        0\n        auto\n        19px;\n\n    border-radius: 20px;\n}\n\n\n.nova-proof-item__icon svg {\n\n    width: 40px;\n    height: 40px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 2.8;\n\n    stroke-linecap: round;\n\n    stroke-linejoin: round;\n}\n\n\n.nova-proof-item__icon--orange {\n\n    color: var(--orange);\n\n    background:\n        rgba(248, 107, 0, 0.12);\n}\n\n\n.nova-proof-item__icon--green {\n\n    color: var(--dark);\n\n    background: var(--green);\n}\n\n\n.nova-proof-item__icon--lavender {\n\n    color: var(--dark);\n\n    background: var(--lavender);\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.nova-proof-item__content {\n\n    width: 100%;\n\n    max-width: 325px;\n\n    margin: 0 auto;\n}\n\n\n\/* LABEL *\/\n\n.nova-proof-item__label {\n\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: var(--orange);\n\n    font-size: 10px;\n\n    line-height: 1.25;\n\n    font-weight: 700;\n\n    letter-spacing: 0.13em;\n\n    overflow-wrap: anywhere;\n}\n\n\n\/* HEADING *\/\n\n.nova-proof-item h3 {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(21px, 1.9vw, 27px);\n\n    line-height: 1.16;\n\n    letter-spacing: -0.02em;\n\n    font-weight: 600;\n\n    overflow-wrap: break-word;\n}\n\n\n\/* DESCRIPTION *\/\n\n.nova-proof-item p {\n\n    margin:\n        13px\n        auto\n        0;\n\n    color: #5F5F5B;\n\n    font-size: 14px;\n\n    line-height: 1.58;\n\n    font-weight: 400;\n\n    overflow-wrap: break-word;\n}\n\n\n\/* =====================================================\n   CTA\n===================================================== *\/\n\n.nova-proof-section__cta {\n\n    width: min(1160px, calc(100% - 64px));\n\n    margin:\n        42px\n        auto\n        0;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n}\n\n\n\/* =====================================================\n   BUTTON\n===================================================== *\/\n\n.nova-proof-section__button {\n\n    min-height: 60px;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 15px;\n\n    padding:\n        7px\n        8px\n        7px\n        24px;\n\n    border-radius: 999px;\n\n    background: var(--orange);\n\n    color: #FFFFFF;\n\n    text-decoration: none !important;\n\n    font-family: inherit;\n\n    transition:\n        background 0.2s ease,\n        transform 0.2s ease;\n}\n\n\n.nova-proof-section__button-text {\n\n    font-size: 12px;\n\n    line-height: 1.15;\n\n    font-weight: 700;\n\n    letter-spacing: 0.085em;\n\n    white-space: nowrap;\n}\n\n\n.nova-proof-section__button-icon {\n\n    width: 44px;\n    height: 44px;\n\n    flex:\n        0\n        0\n        44px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255, 255, 255, 0.18);\n\n    font-size: 17px;\n\n    transition:\n        background 0.2s ease,\n        color 0.2s ease,\n        transform 0.2s ease;\n}\n\n\n@media (hover: hover) and (pointer: fine) {\n\n    .nova-proof-section__button:hover {\n\n        background: var(--dark);\n\n        transform: translateY(-2px);\n    }\n\n\n    .nova-proof-section__button:hover\n    .nova-proof-section__button-icon {\n\n        background: #FFFFFF;\n\n        color: var(--dark);\n\n        transform: rotate(6deg);\n    }\n\n}\n\n\n.nova-proof-section__button:focus-visible {\n\n    outline:\n        3px solid\n        rgba(248, 107, 0, 0.28);\n\n    outline-offset: 4px;\n}\n\n\n\/* =====================================================\n   LAPTOP\n===================================================== *\/\n\n@media (max-width: 1100px) {\n\n    .nova-proof-section {\n\n        padding:\n            62px\n            0\n            60px !important;\n    }\n\n\n    .nova-proof-section__inner {\n\n        width:\n            calc(100% - 52px);\n    }\n\n\n    .nova-proof-item {\n\n        padding:\n            6px\n            24px\n            8px;\n    }\n\n\n    .nova-proof-item__icon {\n\n        width: 66px;\n        height: 66px;\n\n        flex-basis: 66px;\n\n        margin-bottom: 17px;\n\n        border-radius: 17px;\n    }\n\n\n    .nova-proof-item__icon svg {\n\n        width: 37px;\n        height: 37px;\n    }\n\n\n    .nova-proof-item h3 {\n\n        font-size:\n            clamp(20px, 2.2vw, 25px);\n    }\n\n\n    .nova-proof-item p {\n\n        font-size: 13.5px;\n    }\n\n\n    .nova-proof-section__cta {\n\n        width:\n            calc(100% - 52px);\n\n        margin-top: 38px;\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET\n   SWITCH TO VERTICAL STACK BEFORE CARDS GET CRAMPED\n===================================================== *\/\n\n@media (max-width: 900px) {\n\n    .nova-proof-section {\n\n        padding:\n            54px\n            0\n            54px !important;\n    }\n\n\n    .nova-proof-section__inner {\n\n        width:\n            min(\n                700px,\n                calc(100% - 44px)\n            );\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .nova-proof-item {\n\n        min-height: 0;\n\n        padding:\n            28px\n            18px;\n\n        display: grid;\n\n        grid-template-columns:\n            68px\n            minmax(0, 1fr);\n\n        column-gap: 22px;\n\n        align-items: center;\n\n        text-align: left;\n    }\n\n\n    .nova-proof-item:first-child {\n\n        padding-top: 0;\n    }\n\n\n    .nova-proof-item:last-child {\n\n        padding-bottom: 0;\n    }\n\n\n    \/* VERTICAL DIVIDERS BECOME HORIZONTAL *\/\n\n    .nova-proof-item:not(:last-child)::after {\n\n        top: auto;\n\n        left: 0;\n        right: 0;\n        bottom: 0;\n\n        width: 100%;\n\n        height: 1px;\n    }\n\n\n    .nova-proof-item__icon {\n\n        width: 64px;\n        height: 64px;\n\n        flex-basis: 64px;\n\n        margin: 0;\n\n        border-radius: 16px;\n    }\n\n\n    .nova-proof-item__icon svg {\n\n        width: 35px;\n        height: 35px;\n    }\n\n\n    .nova-proof-item__content {\n\n        max-width: none;\n\n        margin: 0;\n    }\n\n\n    .nova-proof-item__label {\n\n        margin-bottom: 5px;\n    }\n\n\n    .nova-proof-item h3 {\n\n        font-size:\n            clamp(22px, 3.8vw, 27px);\n    }\n\n\n    .nova-proof-item p {\n\n        max-width: 540px;\n\n        margin:\n            9px\n            0\n            0;\n\n        font-size: 14px;\n    }\n\n\n    .nova-proof-section__cta {\n\n        width:\n            min(\n                700px,\n                calc(100% - 44px)\n            );\n\n        margin-top: 36px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 600px) {\n\n    .nova-proof-section {\n\n        padding:\n            44px\n            0\n            45px !important;\n    }\n\n\n    .nova-proof-section__inner {\n\n        width:\n            calc(100% - 30px);\n    }\n\n\n    .nova-proof-item {\n\n        padding:\n            25px\n            6px;\n\n        display: flex;\n\n        flex-direction: column;\n\n        align-items: center;\n\n        text-align: center;\n    }\n\n\n    .nova-proof-item:first-child {\n\n        padding-top: 0;\n    }\n\n\n    .nova-proof-item:last-child {\n\n        padding-bottom: 0;\n    }\n\n\n    .nova-proof-item__icon {\n\n        width: 60px;\n        height: 60px;\n\n        flex-basis: 60px;\n\n        margin:\n            0\n            auto\n            14px;\n\n        border-radius: 15px;\n    }\n\n\n    .nova-proof-item__icon svg {\n\n        width: 34px;\n        height: 34px;\n    }\n\n\n    .nova-proof-item__content {\n\n        width: 100%;\n\n        max-width: 430px;\n\n        margin: 0 auto;\n    }\n\n\n    .nova-proof-item__label {\n\n        margin-bottom: 6px;\n\n        font-size: 9px;\n\n        letter-spacing: 0.12em;\n    }\n\n\n    .nova-proof-item h3 {\n\n        max-width: 390px;\n\n        margin:\n            0\n            auto;\n\n        font-size:\n            clamp(21px, 6.2vw, 26px);\n\n        line-height: 1.16;\n    }\n\n\n    .nova-proof-item p {\n\n        max-width: 380px;\n\n        margin:\n            9px\n            auto\n            0;\n\n        font-size: 13.5px;\n\n        line-height: 1.55;\n    }\n\n\n    .nova-proof-section__cta {\n\n        width:\n            calc(100% - 30px);\n\n        margin-top: 32px;\n    }\n\n\n    .nova-proof-section__button {\n\n        min-height: 56px;\n\n        gap: 12px;\n\n        padding:\n            6px\n            7px\n            6px\n            20px;\n    }\n\n\n    .nova-proof-section__button-text {\n\n        font-size: 11px;\n\n        letter-spacing: 0.07em;\n    }\n\n\n    .nova-proof-section__button-icon {\n\n        width: 42px;\n        height: 42px;\n\n        flex-basis: 42px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .nova-proof-section {\n\n        padding:\n            38px\n            0\n            39px !important;\n    }\n\n\n    .nova-proof-section__inner {\n\n        width:\n            calc(100% - 24px);\n    }\n\n\n    .nova-proof-item {\n\n        padding:\n            22px\n            4px;\n    }\n\n\n    .nova-proof-item__icon {\n\n        width: 55px;\n        height: 55px;\n\n        flex-basis: 55px;\n\n        margin-bottom: 13px;\n    }\n\n\n    .nova-proof-item__icon svg {\n\n        width: 31px;\n        height: 31px;\n    }\n\n\n    .nova-proof-item h3 {\n\n        max-width: 340px;\n\n        font-size:\n            clamp(20px, 6vw, 24px);\n    }\n\n\n    .nova-proof-item p {\n\n        max-width: 340px;\n\n        font-size: 13px;\n    }\n\n\n    .nova-proof-section__cta {\n\n        width:\n            calc(100% - 24px);\n\n        margin-top: 29px;\n    }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL MOBILE\n   320px\u2013350px\n===================================================== *\/\n\n@media (max-width: 350px) {\n\n    .nova-proof-section {\n\n        padding:\n            34px\n            0\n            36px !important;\n    }\n\n\n    .nova-proof-section__inner {\n\n        width:\n            calc(100% - 20px);\n    }\n\n\n    .nova-proof-item {\n\n        padding:\n            20px\n            3px;\n    }\n\n\n    .nova-proof-item h3 {\n\n        font-size: 20px;\n    }\n\n\n    .nova-proof-item p {\n\n        font-size: 12.5px;\n    }\n\n\n    .nova-proof-section__cta {\n\n        width:\n            calc(100% - 20px);\n\n        margin-top: 26px;\n    }\n\n\n    .nova-proof-section__button {\n\n        width: 100%;\n\n        max-width: 290px;\n\n        min-height: 54px;\n\n        padding:\n            6px\n            6px\n            6px\n            16px;\n    }\n\n\n    .nova-proof-section__button-text {\n\n        flex: 1;\n\n        min-width: 0;\n\n        font-size: 10.5px;\n\n        white-space: normal;\n\n        text-align: center;\n    }\n\n\n    .nova-proof-section__button-icon {\n\n        width: 40px;\n        height: 40px;\n\n        flex-basis: 40px;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .nova-proof-section__button,\n    .nova-proof-section__button-icon {\n\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<section class=\"nova-proof-section\">\n\n    <div class=\"nova-proof-section__inner\">\n\n        <!-- ITEM 01 -->\n        <article class=\"nova-proof-item\">\n\n            <div class=\"nova-proof-item__icon nova-proof-item__icon--orange\">\n\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                    <circle cx=\"32\" cy=\"20\" r=\"9\"><\/circle>\n                    <path d=\"M16 48c2-11 8-17 16-17s14 6 16 17\"><\/path>\n                    <path d=\"M45 16l5 5 9-10\"><\/path>\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"nova-proof-item__content\">\n\n                <span class=\"nova-proof-item__label\">\n                    FOUNDER-LED\n                <\/span>\n\n                <h3>\n                    Strategy with senior involvement\n                <\/h3>\n\n                <p>\n                    Work directly with senior decision-makers who stay involved\n                    from strategy through execution.\n                <\/p>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- ITEM 02 -->\n        <article class=\"nova-proof-item\">\n\n            <div class=\"nova-proof-item__icon nova-proof-item__icon--green\">\n\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                    <circle cx=\"18\" cy=\"32\" r=\"8\"><\/circle>\n                    <circle cx=\"46\" cy=\"18\" r=\"8\"><\/circle>\n                    <circle cx=\"46\" cy=\"46\" r=\"8\"><\/circle>\n                    <path d=\"M25 28l13-7\"><\/path>\n                    <path d=\"M25 36l13 7\"><\/path>\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"nova-proof-item__content\">\n\n                <span class=\"nova-proof-item__label\">\n                    INTEGRATED GROWTH\n                <\/span>\n\n                <h3>\n                    One strategy across every channel\n                <\/h3>\n\n                <p>\n                    SEO, paid media, content, social and conversion work together\n                    instead of operating in separate silos.\n                <\/p>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- ITEM 03 -->\n        <article class=\"nova-proof-item\">\n\n            <div class=\"nova-proof-item__icon nova-proof-item__icon--lavender\">\n\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n                    <rect x=\"11\" y=\"14\" width=\"42\" height=\"36\" rx=\"6\"><\/rect>\n                    <path d=\"M20 25h24\"><\/path>\n                    <path d=\"M20 33h17\"><\/path>\n                    <path d=\"M20 41h11\"><\/path>\n                    <circle cx=\"46\" cy=\"41\" r=\"5\"><\/circle>\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"nova-proof-item__content\">\n\n                <span class=\"nova-proof-item__label\">\n                    TRANSPARENT PARTNERSHIP\n                <\/span>\n\n                <h3>\n                    Clear strategy. Clear communication.\n                <\/h3>\n\n                <p>\n                    Understand what we are doing, why we are doing it and how\n                    each activity connects to your business goals.\n                <\/p>\n\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n\n\n    <!-- CTA -->\n    <div class=\"nova-proof-section__cta\">\n\n        <a href=\"#contact\" class=\"nova-proof-section__button\">\n\n            <span class=\"nova-proof-section__button-text\">\n                GET A FREE STRATEGY\n            <\/span>\n\n            <span class=\"nova-proof-section__button-icon\" aria-hidden=\"true\">\n                \u2197\n            <\/span>\n\n        <\/a>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n\n<style>.kadence-column30_f05b63-c4 > .kt-inside-inner-col,.kadence-column30_f05b63-c4 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column30_f05b63-c4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column30_f05b63-c4 > .kt-inside-inner-col{flex-direction:column;}.kadence-column30_f05b63-c4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column30_f05b63-c4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column30_f05b63-c4{position:relative;}@media all and (max-width: 1024px){.kadence-column30_f05b63-c4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column30_f05b63-c4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column30_f05b63-c4\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   RECENT WORK \/ CASE STUDIES\n===================================================== *\/\n\n.nova-case-section {\n\n    --orange: #F86B00;\n    --white: #F8F8F8;\n    --warm: #EEEDE8;\n    --lavender: #CDCCF1;\n    --dark: #21211E;\n    --green: #D9E1DE;\n    --gray: #878682;\n    --rose: #EEE0DD;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n\n    padding: 70px 0 64px !important;\n\n    overflow-x: hidden;\n\n    \/* SAME LIGHT BACKGROUND AS PREVIOUS VERSION *\/\n    background: #EEEDE8;\n\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        Arial,\n        sans-serif;\n}\n\n\n.nova-case-section,\n.nova-case-section *,\n.nova-case-section *::before,\n.nova-case-section *::after {\n\n    box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.nova-case-header {\n\n    width: min(900px, calc(100% - 64px));\n\n    margin:\n        0\n        auto\n        36px;\n\n    padding: 0;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    justify-content: center;\n\n    text-align: center !important;\n}\n\n\n.nova-case-header__eyebrow {\n\n    display: block;\n\n    width: 100%;\n\n    margin:\n        0\n        auto\n        8px;\n\n    color: var(--orange);\n\n    font-size: 10px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.16em;\n\n    text-align: center !important;\n}\n\n\n.nova-case-header__title {\n\n    width: 100%;\n\n    max-width: 820px;\n\n    margin:\n        0\n        auto !important;\n\n    padding: 0 !important;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(34px, 3.2vw, 44px);\n\n    line-height: 1.1;\n\n    letter-spacing: -0.025em;\n\n    font-weight: 600;\n\n    text-align: center !important;\n}\n\n\n.nova-case-header__title span {\n\n    color: var(--orange);\n}\n\n\n.nova-case-header__text {\n\n    width: 100%;\n\n    max-width: 700px;\n\n    margin:\n        14px\n        auto\n        0 !important;\n\n    padding: 0;\n\n    color: #5F5F5B;\n\n    font-size: 15px;\n\n    line-height: 1.6;\n\n    text-align: center !important;\n}\n\n\n\/* =====================================================\n   CAROUSEL\n===================================================== *\/\n\n.nova-case-carousel {\n\n    position: relative;\n\n    width: min(1240px, calc(100% - 76px));\n\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   VIEWPORT\n\n   IMPORTANT:\n   Native horizontal scrolling is used instead of\n   transform-based movement.\n===================================================== *\/\n\n.nova-case-viewport {\n\n    position: relative;\n\n    width: 100%;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    scroll-snap-type: x mandatory;\n\n    scroll-behavior: smooth;\n\n    overscroll-behavior-x: contain;\n\n    scrollbar-width: none;\n\n    -ms-overflow-style: none;\n\n    border-radius: 24px;\n\n    outline: none;\n\n    touch-action: pan-x pan-y;\n}\n\n\n.nova-case-viewport::-webkit-scrollbar {\n\n    display: none;\n}\n\n\n.nova-case-viewport:focus-visible {\n\n    outline:\n        2px solid\n        rgba(248,107,0,.35);\n\n    outline-offset: 5px;\n}\n\n\n\/* =====================================================\n   TRACK\n===================================================== *\/\n\n.nova-case-track {\n\n    display: flex;\n\n    align-items: stretch;\n\n    width: 100%;\n\n    gap: 0;\n}\n\n\n\/* =====================================================\n   SLIDE\n===================================================== *\/\n\n.nova-case-slide {\n\n    width: 100%;\n\n    min-width: 100%;\n\n    flex:\n        0\n        0\n        100%;\n\n    scroll-snap-align: start;\n\n    scroll-snap-stop: always;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .94fr)\n        minmax(0, 1.06fr);\n\n    align-items: stretch;\n\n    overflow: hidden;\n\n    background: #FFFFFF;\n\n    border:\n        1px solid\n        rgba(33,33,30,.07);\n\n    border-radius: 24px;\n\n    box-shadow:\n        0\n        17px\n        45px\n        rgba(33,33,30,.08);\n}\n\n\n\/* =====================================================\n   LEFT CONTENT\n===================================================== *\/\n\n.nova-case-content {\n\n    min-width: 0;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    padding:\n        clamp(38px, 4.2vw, 58px);\n}\n\n\n.nova-case-category {\n\n    display: block;\n\n    margin-bottom: 9px;\n\n    color: var(--orange);\n\n    font-size: 9px;\n\n    line-height: 1.3;\n\n    font-weight: 700;\n\n    letter-spacing: .14em;\n}\n\n\n.nova-case-content h3 {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(32px, 3.2vw, 46px);\n\n    line-height: 1.05;\n\n    letter-spacing: -0.03em;\n\n    font-weight: 600;\n}\n\n\n.nova-case-description {\n\n    max-width: 530px;\n\n    margin:\n        17px\n        0\n        0;\n\n    color: #5F5F5B;\n\n    font-size: 15px;\n\n    line-height: 1.62;\n}\n\n\n\/* =====================================================\n   RESULTS\n===================================================== *\/\n\n.nova-case-results {\n\n    width: 100%;\n\n    margin-top: 28px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        rgba(33,33,30,.08);\n\n    border-radius: 15px;\n\n    background: var(--warm);\n}\n\n\n.nova-case-result {\n\n    min-width: 0;\n\n    padding:\n        17px\n        14px;\n}\n\n\n.nova-case-result:not(:last-child) {\n\n    border-right:\n        1px solid\n        rgba(33,33,30,.09);\n}\n\n\n.nova-case-result > span {\n\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: var(--orange);\n\n    font-size: 9px;\n\n    font-weight: 700;\n}\n\n\n.nova-case-result strong {\n\n    display: block;\n\n    color: var(--dark);\n\n    font-size: 16px;\n\n    line-height: 1.2;\n\n    font-weight: 600;\n}\n\n\n.nova-case-result p {\n\n    margin:\n        6px\n        0\n        0;\n\n    color: #666661;\n\n    font-size: 11px;\n\n    line-height: 1.42;\n}\n\n\n\/* =====================================================\n   PROJECT LINK\n===================================================== *\/\n\n.nova-case-link {\n\n    width: fit-content;\n\n    margin-top: 24px;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    color: var(--orange);\n\n    font-size: 11px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: .1em;\n\n    text-decoration: none !important;\n}\n\n\n.nova-case-link__icon {\n\n    width: 28px;\n\n    height: 28px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 50%;\n\n    background:\n        rgba(248,107,0,.11);\n\n    transition:\n        background .2s ease,\n        color .2s ease,\n        transform .2s ease;\n}\n\n\n.nova-case-link:hover\n.nova-case-link__icon {\n\n    background: var(--orange);\n\n    color: #FFFFFF;\n\n    transform:\n        translate(2px,-2px);\n}\n\n\n\/* =====================================================\n   VISUAL\n===================================================== *\/\n\n.nova-case-visual {\n\n    min-width: 0;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding:\n        clamp(28px,3vw,42px);\n}\n\n\n.nova-case-visual--lavender {\n\n    background: var(--lavender);\n}\n\n\n.nova-case-visual--green {\n\n    background: var(--green);\n}\n\n\n.nova-case-visual--rose {\n\n    background: var(--rose);\n}\n\n\n\/* =====================================================\n   SHOWCASE\n===================================================== *\/\n\n.nova-case-showcase {\n\n    position: relative;\n\n    width: 100%;\n\n    max-width: 600px;\n\n    padding: 22px;\n\n    border-radius: 28px;\n\n    background:\n        rgba(248,248,248,.42);\n}\n\n\n\/* =====================================================\n   BROWSER\n===================================================== *\/\n\n.nova-case-browser {\n\n    width: 100%;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        rgba(33,33,30,.09);\n\n    border-radius: 18px;\n\n    background: #FFFFFF;\n\n    box-shadow:\n        0\n        22px\n        52px\n        rgba(33,33,30,.12);\n}\n\n\n.nova-case-browser__bar {\n\n    min-height: 44px;\n\n    padding:\n        0\n        13px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    background: #F3F3F1;\n\n    border-bottom:\n        1px solid\n        rgba(33,33,30,.07);\n}\n\n\n.nova-case-browser__dots {\n\n    display: flex;\n\n    gap: 5px;\n}\n\n\n.nova-case-browser__dots span {\n\n    width: 7px;\n\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: #B8B7B3;\n}\n\n\n.nova-case-browser__dots span:first-child {\n\n    background: var(--orange);\n}\n\n\n.nova-case-browser__url {\n\n    flex: 1;\n\n    min-width: 0;\n\n    overflow: hidden;\n\n    padding:\n        6px\n        11px;\n\n    border-radius: 999px;\n\n    background: #FFFFFF;\n\n    color: var(--gray);\n\n    font-size: 9px;\n\n    white-space: nowrap;\n\n    text-overflow: ellipsis;\n}\n\n\n\/* =====================================================\n   SCREEN\n===================================================== *\/\n\n.nova-case-browser__screen {\n\n    min-height: 400px;\n\n    padding:\n        27px\n        30px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    background:\n        linear-gradient(\n            145deg,\n            #F8F8F8,\n            #EEEDE8\n        );\n}\n\n\n.nova-case-browser__screen--green {\n\n    background:\n        linear-gradient(\n            145deg,\n            #F8F8F8,\n            #D9E1DE\n        );\n}\n\n\n.nova-case-browser__screen--rose {\n\n    background:\n        linear-gradient(\n            145deg,\n            #F8F8F8,\n            #EEE0DD\n        );\n}\n\n\n\/* =====================================================\n   MOCK NAV\n===================================================== *\/\n\n.nova-case-browser__nav {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 16px;\n}\n\n\n.nova-case-demo-logo {\n\n    color: var(--dark);\n\n    font-size: 19px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: -0.035em;\n}\n\n\n.nova-case-demo-logo span {\n\n    color: var(--orange);\n}\n\n\n.nova-case-demo-menu {\n\n    color: #6A6965;\n\n    font-size: 9px;\n}\n\n\n\/* =====================================================\n   MOCK HERO\n===================================================== *\/\n\n.nova-case-browser__hero {\n\n    max-width: 360px;\n\n    margin-top: auto;\n\n    margin-bottom: auto;\n}\n\n\n.nova-case-browser__hero small {\n\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: var(--orange);\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .13em;\n}\n\n\n.nova-case-browser__hero h4 {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(26px,3vw,38px);\n\n    line-height: 1.05;\n\n    letter-spacing: -0.03em;\n\n    font-weight: 600;\n}\n\n\n.nova-case-demo-button {\n\n    width: fit-content;\n\n    display: inline-block;\n\n    margin-top: 17px;\n\n    padding:\n        10px\n        15px;\n\n    border-radius: 999px;\n\n    background: var(--orange);\n\n    color: #FFFFFF;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .09em;\n}\n\n\n\/* =====================================================\n   PLACEHOLDER PRODUCTS\n===================================================== *\/\n\n.nova-case-products {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap: 8px;\n}\n\n\n.nova-case-products span {\n\n    display: block;\n\n    height: 54px;\n\n    border-radius: 9px;\n\n    background:\n        rgba(33,33,30,.07);\n}\n\n\n.nova-case-products span:nth-child(2) {\n\n    background:\n        rgba(248,107,0,.13);\n}\n\n\n\/* =====================================================\n   FLOATING LABELS\n===================================================== *\/\n\n.nova-case-float {\n\n    position: absolute;\n\n    z-index: 3;\n\n    min-width: 130px;\n\n    padding:\n        11px\n        13px;\n\n    border:\n        1px solid\n        rgba(33,33,30,.07);\n\n    border-radius: 12px;\n\n    background:\n        rgba(248,248,248,.94);\n\n    box-shadow:\n        0\n        13px\n        30px\n        rgba(33,33,30,.10);\n}\n\n\n.nova-case-float small {\n\n    display: block;\n\n    margin-bottom: 3px;\n\n    color: var(--gray);\n\n    font-size: 7px;\n\n    font-weight: 700;\n\n    letter-spacing: .11em;\n}\n\n\n.nova-case-float strong {\n\n    color: var(--dark);\n\n    font-size: 11px;\n\n    line-height: 1.2;\n\n    font-weight: 600;\n}\n\n\n.nova-case-float--left {\n\n    left: 3px;\n\n    bottom: 48px;\n}\n\n\n.nova-case-float--right {\n\n    right: 3px;\n\n    top: 72px;\n}\n\n\n\/* =====================================================\n   ARROWS\n===================================================== *\/\n\n.nova-case-arrow {\n\n    position: absolute;\n\n    z-index: 20;\n\n    top: 50%;\n\n    width: 50px;\n\n    height: 50px;\n\n    display: grid;\n\n    place-items: center;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    border-radius: 50%;\n\n    background: var(--orange);\n\n    color: #FFFFFF;\n\n    cursor: pointer;\n\n    box-shadow:\n        0\n        12px\n        28px\n        rgba(33,33,30,.15);\n\n    transform:\n        translateY(-50%);\n\n    transition:\n        background .2s ease,\n        opacity .2s ease;\n}\n\n\n.nova-case-arrow svg {\n\n    width: 23px;\n\n    height: 23px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 2.6;\n\n    stroke-linecap: round;\n\n    stroke-linejoin: round;\n}\n\n\n.nova-case-arrow--prev {\n\n    left: -25px;\n}\n\n\n.nova-case-arrow--next {\n\n    right: -25px;\n}\n\n\n.nova-case-arrow:hover {\n\n    background: var(--dark);\n}\n\n\n.nova-case-arrow:disabled {\n\n    opacity: .28;\n\n    cursor: default;\n\n    pointer-events: none;\n}\n\n\n\/* =====================================================\n   NAVIGATION\n===================================================== *\/\n\n.nova-case-navigation {\n\n    width: 100%;\n\n    margin-top: 19px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 20px;\n}\n\n\n.nova-case-counter {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 5px;\n\n    color: var(--gray);\n\n    font-size: 11px;\n\n    font-weight: 600;\n}\n\n\n.nova-case-current {\n\n    color: var(--orange);\n}\n\n\n.nova-case-dots {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n}\n\n\n.nova-case-dot {\n\n    width: 8px;\n\n    height: 8px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    border-radius: 999px;\n\n    background:\n        rgba(33,33,30,.18);\n\n    cursor: pointer;\n\n    transition:\n        width .25s ease,\n        background .25s ease;\n}\n\n\n.nova-case-dot.is-active {\n\n    width: 27px;\n\n    background: var(--orange);\n}\n\n\n\/* =====================================================\n   LAPTOP\n===================================================== *\/\n\n@media (max-width: 1100px) {\n\n    .nova-case-section {\n\n        padding:\n            60px\n            0\n            58px !important;\n    }\n\n\n    .nova-case-header {\n\n        width:\n            calc(100% - 52px);\n    }\n\n\n    .nova-case-carousel {\n\n        width:\n            calc(100% - 70px);\n    }\n\n\n    .nova-case-slide {\n\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n    }\n\n\n    .nova-case-content {\n\n        padding:\n            34px\n            28px;\n    }\n\n\n    .nova-case-results {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .nova-case-result {\n\n        padding:\n            12px\n            14px;\n    }\n\n\n    .nova-case-result:not(:last-child) {\n\n        border-right: 0;\n\n        border-bottom:\n            1px solid\n            rgba(33,33,30,.09);\n    }\n\n\n    .nova-case-visual {\n\n        padding: 26px;\n    }\n\n\n    .nova-case-browser__screen {\n\n        min-height: 370px;\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 820px) {\n\n    .nova-case-section {\n\n        padding:\n            50px\n            0\n            50px !important;\n    }\n\n\n    .nova-case-header {\n\n        width:\n            min(\n                700px,\n                calc(100% - 42px)\n            );\n\n        margin-bottom: 28px;\n    }\n\n\n    .nova-case-header__title {\n\n        max-width: 650px;\n\n        font-size:\n            clamp(30px,5vw,38px);\n    }\n\n\n    .nova-case-header__text {\n\n        font-size: 14px;\n    }\n\n\n    .nova-case-carousel {\n\n        width:\n            min(\n                700px,\n                calc(100% - 60px)\n            );\n    }\n\n\n    .nova-case-slide {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .nova-case-content {\n\n        padding:\n            32px\n            30px;\n\n        text-align: center;\n    }\n\n\n    .nova-case-description {\n\n        margin-left: auto;\n\n        margin-right: auto;\n    }\n\n\n    .nova-case-results {\n\n        grid-template-columns:\n            repeat(3,minmax(0,1fr));\n\n        text-align: left;\n    }\n\n\n    .nova-case-result:not(:last-child) {\n\n        border-bottom: 0;\n\n        border-right:\n            1px solid\n            rgba(33,33,30,.09);\n    }\n\n\n    .nova-case-link {\n\n        margin-left: auto;\n\n        margin-right: auto;\n    }\n\n\n    .nova-case-visual {\n\n        min-height: 470px;\n\n        padding: 30px;\n    }\n\n\n    .nova-case-arrow {\n\n        width: 46px;\n\n        height: 46px;\n    }\n\n\n    .nova-case-arrow--prev {\n\n        left: -21px;\n    }\n\n\n    .nova-case-arrow--next {\n\n        right: -21px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 600px) {\n\n    .nova-case-section {\n\n        padding:\n            42px\n            0\n            44px !important;\n    }\n\n\n    .nova-case-header {\n\n        width:\n            calc(100% - 30px);\n\n        margin-bottom: 24px;\n    }\n\n\n    .nova-case-header__eyebrow {\n\n        font-size: 9px;\n    }\n\n\n    .nova-case-header__title {\n\n        max-width: 450px;\n\n        font-size:\n            clamp(27px,8vw,34px);\n\n        line-height: 1.12;\n    }\n\n\n    .nova-case-header__text {\n\n        max-width: 430px;\n\n        margin-top: 11px !important;\n\n        font-size: 13.5px;\n    }\n\n\n    .nova-case-carousel {\n\n        width:\n            calc(100% - 46px);\n    }\n\n\n    .nova-case-viewport,\n    .nova-case-slide {\n\n        border-radius: 18px;\n    }\n\n\n    .nova-case-content {\n\n        padding:\n            26px\n            18px\n            24px;\n    }\n\n\n    .nova-case-category {\n\n        font-size: 8px;\n    }\n\n\n    .nova-case-content h3 {\n\n        font-size:\n            clamp(27px,8vw,34px);\n\n        line-height: 1.08;\n    }\n\n\n    .nova-case-description {\n\n        max-width: 400px;\n\n        margin-top: 13px;\n\n        font-size: 13.5px;\n    }\n\n\n    .nova-case-results {\n\n        grid-template-columns: 1fr;\n\n        margin-top: 21px;\n    }\n\n\n    .nova-case-result {\n\n        padding:\n            12px\n            13px;\n    }\n\n\n    .nova-case-result:not(:last-child) {\n\n        border-right: 0;\n\n        border-bottom:\n            1px solid\n            rgba(33,33,30,.09);\n    }\n\n\n    .nova-case-link {\n\n        margin-top: 20px;\n    }\n\n\n    .nova-case-visual {\n\n        min-height: 390px;\n\n        padding: 18px;\n    }\n\n\n    .nova-case-showcase {\n\n        padding: 13px;\n\n        border-radius: 20px;\n    }\n\n\n    .nova-case-browser {\n\n        border-radius: 14px;\n    }\n\n\n    .nova-case-browser__screen {\n\n        min-height: 320px;\n\n        padding:\n            21px\n            20px;\n    }\n\n\n    .nova-case-demo-menu {\n\n        display: none;\n    }\n\n\n    .nova-case-browser__hero h4 {\n\n        font-size:\n            clamp(24px,7vw,31px);\n    }\n\n\n    .nova-case-float {\n\n        min-width: 108px;\n\n        padding:\n            9px\n            10px;\n    }\n\n\n    .nova-case-float--left {\n\n        bottom: 28px;\n    }\n\n\n    .nova-case-float--right {\n\n        top: 60px;\n    }\n\n\n    .nova-case-arrow {\n\n        width: 42px;\n\n        height: 42px;\n    }\n\n\n    .nova-case-arrow--prev {\n\n        left: -18px;\n    }\n\n\n    .nova-case-arrow--next {\n\n        right: -18px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .nova-case-section {\n\n        padding:\n            36px\n            0\n            38px !important;\n    }\n\n\n    .nova-case-header {\n\n        width:\n            calc(100% - 24px);\n    }\n\n\n    .nova-case-header__title {\n\n        font-size:\n            clamp(25px,7.6vw,30px);\n    }\n\n\n    .nova-case-header__text {\n\n        font-size: 13px;\n    }\n\n\n    .nova-case-carousel {\n\n        width:\n            calc(100% - 38px);\n    }\n\n\n    .nova-case-content {\n\n        padding:\n            23px\n            15px\n            22px;\n    }\n\n\n    .nova-case-description {\n\n        font-size: 13px;\n    }\n\n\n    .nova-case-visual {\n\n        min-height: 350px;\n\n        padding: 14px;\n    }\n\n\n    .nova-case-browser__bar {\n\n        min-height: 38px;\n    }\n\n\n    .nova-case-browser__screen {\n\n        min-height: 285px;\n\n        padding:\n            18px\n            16px;\n    }\n\n\n    .nova-case-products span {\n\n        height: 42px;\n    }\n\n\n    .nova-case-float {\n\n        min-width: 96px;\n    }\n\n\n    .nova-case-float strong {\n\n        font-size: 9px;\n    }\n\n\n    .nova-case-arrow {\n\n        width: 38px;\n\n        height: 38px;\n    }\n\n\n    .nova-case-arrow--prev {\n\n        left: -15px;\n    }\n\n\n    .nova-case-arrow--next {\n\n        right: -15px;\n    }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 350px) {\n\n    .nova-case-header {\n\n        width:\n            calc(100% - 20px);\n    }\n\n\n    .nova-case-header__title {\n\n        font-size: 24px;\n    }\n\n\n    .nova-case-carousel {\n\n        width:\n            calc(100% - 32px);\n    }\n\n\n    .nova-case-content {\n\n        padding:\n            21px\n            13px;\n    }\n\n\n    .nova-case-visual {\n\n        min-height: 325px;\n\n        padding: 12px;\n    }\n\n\n    .nova-case-browser__screen {\n\n        min-height: 265px;\n    }\n\n\n    .nova-case-arrow {\n\n        width: 35px;\n\n        height: 35px;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .nova-case-viewport {\n\n        scroll-behavior: auto;\n    }\n\n\n    .nova-case-dot,\n    .nova-case-link__icon {\n\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n\n    function initNovaCaseCarousels() {\n\n        const sections =\n            document.querySelectorAll(\n                '.nova-case-section'\n            );\n\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.caseCarouselReady === '1'\n            ) {\n                return;\n            }\n\n\n            const viewport =\n                section.querySelector(\n                    '.nova-case-viewport'\n                );\n\n            const slides =\n                Array.from(\n                    section.querySelectorAll(\n                        '.nova-case-slide'\n                    )\n                );\n\n            const previous =\n                section.querySelector(\n                    '.nova-case-arrow--prev'\n                );\n\n            const next =\n                section.querySelector(\n                    '.nova-case-arrow--next'\n                );\n\n            const dots =\n                Array.from(\n                    section.querySelectorAll(\n                        '.nova-case-dot'\n                    )\n                );\n\n            const currentDisplay =\n                section.querySelector(\n                    '.nova-case-current'\n                );\n\n            const totalDisplay =\n                section.querySelector(\n                    '.nova-case-total'\n                );\n\n\n            if (\n                !viewport ||\n                slides.length === 0 ||\n                !previous ||\n                !next\n            ) {\n                return;\n            }\n\n\n            section.dataset.caseCarouselReady =\n                '1';\n\n\n            let currentIndex = 0;\n\n            let resizeTimer = null;\n\n            let scrollTimer = null;\n\n\n            \/* =====================================\n               REDUCED MOTION\n            ====================================== *\/\n\n            function prefersReducedMotion() {\n\n                return window.matchMedia(\n                    '(prefers-reduced-motion: reduce)'\n                ).matches;\n\n            }\n\n\n            \/* =====================================\n               GET EXACT SLIDE POSITION\n            ====================================== *\/\n\n            function getSlidePosition(index) {\n\n                if (!slides[index]) {\n                    return 0;\n                }\n\n\n                return slides[index].offsetLeft;\n\n            }\n\n\n            \/* =====================================\n               GO TO PROJECT\n            ====================================== *\/\n\n            function goTo(index, smooth) {\n\n                currentIndex =\n                    Math.max(\n                        0,\n                        Math.min(\n                            index,\n                            slides.length - 1\n                        )\n                    );\n\n\n                viewport.scrollTo({\n\n                    left:\n                        getSlidePosition(\n                            currentIndex\n                        ),\n\n                    top: 0,\n\n                    behavior:\n                        smooth &&\n                        !prefersReducedMotion()\n                            ? 'smooth'\n                            : 'auto'\n\n                });\n\n\n                updateNavigation();\n\n            }\n\n\n            \/* =====================================\n               UPDATE NAVIGATION\n            ====================================== *\/\n\n            function updateNavigation() {\n\n                previous.disabled =\n                    currentIndex === 0;\n\n\n                next.disabled =\n                    currentIndex ===\n                    slides.length - 1;\n\n\n                if (currentDisplay) {\n\n                    currentDisplay.textContent =\n                        String(\n                            currentIndex + 1\n                        ).padStart(\n                            2,\n                            '0'\n                        );\n\n                }\n\n\n                if (totalDisplay) {\n\n                    totalDisplay.textContent =\n                        String(\n                            slides.length\n                        ).padStart(\n                            2,\n                            '0'\n                        );\n\n                }\n\n\n                dots.forEach(\n                    function (dot, index) {\n\n                        const active =\n                            index === currentIndex;\n\n\n                        dot.classList.toggle(\n                            'is-active',\n                            active\n                        );\n\n\n                        dot.setAttribute(\n                            'aria-current',\n                            active\n                                ? 'true'\n                                : 'false'\n                        );\n\n                    }\n                );\n\n            }\n\n\n            \/* =====================================\n               DETECT CURRENT SLIDE AFTER SWIPE\n            ====================================== *\/\n\n            function detectCurrentSlide() {\n\n                const scrollLeft =\n                    viewport.scrollLeft;\n\n\n                let nearestIndex = 0;\n\n                let smallestDifference =\n                    Infinity;\n\n\n                slides.forEach(\n                    function (slide, index) {\n\n                        const difference =\n                            Math.abs(\n                                slide.offsetLeft -\n                                scrollLeft\n                            );\n\n\n                        if (\n                            difference <\n                            smallestDifference\n                        ) {\n\n                            smallestDifference =\n                                difference;\n\n                            nearestIndex =\n                                index;\n\n                        }\n\n                    }\n                );\n\n\n                currentIndex =\n                    nearestIndex;\n\n\n                updateNavigation();\n\n            }\n\n\n            \/* =====================================\n               PREVIOUS\n            ====================================== *\/\n\n            previous.addEventListener(\n                'click',\n                function () {\n\n                    goTo(\n                        currentIndex - 1,\n                        true\n                    );\n\n                }\n            );\n\n\n            \/* =====================================\n               NEXT\n            ====================================== *\/\n\n            next.addEventListener(\n                'click',\n                function () {\n\n                    goTo(\n                        currentIndex + 1,\n                        true\n                    );\n\n                }\n            );\n\n\n            \/* =====================================\n               DOTS\n            ====================================== *\/\n\n            dots.forEach(\n                function (dot, index) {\n\n                    dot.addEventListener(\n                        'click',\n                        function () {\n\n                            goTo(\n                                index,\n                                true\n                            );\n\n                        }\n                    );\n\n                }\n            );\n\n\n            \/* =====================================\n               KEYBOARD\n            ====================================== *\/\n\n            viewport.addEventListener(\n                'keydown',\n                function (event) {\n\n                    if (\n                        event.key ===\n                        'ArrowRight'\n                    ) {\n\n                        event.preventDefault();\n\n                        goTo(\n                            currentIndex + 1,\n                            true\n                        );\n\n                    }\n\n\n                    if (\n                        event.key ===\n                        'ArrowLeft'\n                    ) {\n\n                        event.preventDefault();\n\n                        goTo(\n                            currentIndex - 1,\n                            true\n                        );\n\n                    }\n\n                }\n            );\n\n\n            \/* =====================================\n               NATIVE TOUCH \/ TRACKPAD SCROLL\n            ====================================== *\/\n\n            viewport.addEventListener(\n                'scroll',\n                function () {\n\n                    window.clearTimeout(\n                        scrollTimer\n                    );\n\n\n                    scrollTimer =\n                        window.setTimeout(\n                            detectCurrentSlide,\n                            90\n                        );\n\n                },\n                {\n                    passive: true\n                }\n            );\n\n\n            \/* =====================================\n               RESIZE\n            ====================================== *\/\n\n            window.addEventListener(\n                'resize',\n                function () {\n\n                    window.clearTimeout(\n                        resizeTimer\n                    );\n\n\n                    resizeTimer =\n                        window.setTimeout(\n                            function () {\n\n                                goTo(\n                                    currentIndex,\n                                    false\n                                );\n\n                            },\n                            120\n                        );\n\n                }\n            );\n\n\n            \/* =====================================\n               KADENCE CONTAINER RESIZE\n            ====================================== *\/\n\n            if (\n                'ResizeObserver' in window\n            ) {\n\n                const resizeObserver =\n                    new ResizeObserver(\n                        function () {\n\n                            goTo(\n                                currentIndex,\n                                false\n                            );\n\n                        }\n                    );\n\n\n                resizeObserver.observe(\n                    viewport\n                );\n\n            }\n\n\n            \/* INITIAL *\/\n\n            updateNavigation();\n\n            goTo(\n                0,\n                false\n            );\n\n        });\n\n    }\n\n\n    if (\n        document.readyState === 'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initNovaCaseCarousels,\n            {\n                once: true\n            }\n        );\n\n    } else {\n\n        initNovaCaseCarousels();\n\n    }\n\n\n    window.addEventListener(\n        'load',\n        initNovaCaseCarousels,\n        {\n            once: true\n        }\n    );\n\n})();\n<\/script>\n\n<section class=\"nova-case-section\" id=\"recent-work\">\n\n    <!-- ==================================================\n         CENTERED HEADER\n    =================================================== -->\n    <div class=\"nova-case-header\">\n\n        <span class=\"nova-case-header__eyebrow\">\n            OUR RECENT WORK\n        <\/span>\n\n        <h2 class=\"nova-case-header__title\">\n            Selected work built around\n            <span>meaningful digital growth.<\/span>\n        <\/h2>\n\n        <p class=\"nova-case-header__text\">\n            Explore how strategy, performance marketing and digital experience\n            can come together to solve different business challenges.\n        <\/p>\n\n    <\/div>\n\n\n    <!-- ==================================================\n         CAROUSEL\n    =================================================== -->\n    <div class=\"nova-case-carousel\">\n\n\n        <!-- PREVIOUS -->\n        <button class=\"nova-case-arrow nova-case-arrow--prev\" type=\"button\" aria-label=\"Previous project\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M15 5L8 12L15 19\"><\/path>\n            <\/svg>\n        <\/button>\n\n\n        <!-- ==================================================\n             VIEWPORT\n        =================================================== -->\n        <div class=\"nova-case-viewport\" tabindex=\"0\" aria-label=\"Recent projects\">\n\n            <div class=\"nova-case-track\">\n\n\n                <!-- ==================================================\n                     PROJECT 01\n                =================================================== -->\n                <article class=\"nova-case-slide\">\n\n                    <!-- LEFT CONTENT -->\n                    <div class=\"nova-case-content\">\n\n                        <span class=\"nova-case-category\">\n                            SAMPLE PROJECT \u00b7 PERFORMANCE MARKETING\n                        <\/span>\n\n                        <h3>\n                            Retail Growth Campaign\n                        <\/h3>\n\n                        <p class=\"nova-case-description\">\n                            A joined-up growth approach combining paid acquisition,\n                            search visibility and conversion-focused customer\n                            journeys.\n                        <\/p>\n\n\n                        <div class=\"nova-case-results\">\n\n\n                            <div class=\"nova-case-result\">\n\n                                <span>01<\/span>\n\n                                <strong>\n                                    Visibility\n                                <\/strong>\n\n                                <p>\n                                    Better discoverability across important\n                                    digital touchpoints.\n                                <\/p>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-result\">\n\n                                <span>02<\/span>\n\n                                <strong>\n                                    Acquisition\n                                <\/strong>\n\n                                <p>\n                                    Campaigns structured around relevant\n                                    high-intent audiences.\n                                <\/p>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-result\">\n\n                                <span>03<\/span>\n\n                                <strong>\n                                    Conversion\n                                <\/strong>\n\n                                <p>\n                                    Clearer journeys designed to turn traffic\n                                    into meaningful actions.\n                                <\/p>\n\n                            <\/div>\n\n\n                        <\/div>\n\n\n                        <a href=\"#contact\" class=\"nova-case-link\">\n\n                            <span>\n                                VIEW PROJECT\n                            <\/span>\n\n                            <span class=\"nova-case-link__icon\">\n                                \u2197\n                            <\/span>\n\n                        <\/a>\n\n                    <\/div>\n\n\n                    <!-- RIGHT SHOWCASE -->\n                    <div class=\"nova-case-visual nova-case-visual--lavender\">\n\n                        <div class=\"nova-case-showcase\">\n\n                            <div class=\"nova-case-browser\">\n\n\n                                <!-- BROWSER BAR -->\n                                <div class=\"nova-case-browser__bar\">\n\n                                    <div class=\"nova-case-browser__dots\">\n                                        <span><\/span>\n                                        <span><\/span>\n                                        <span><\/span>\n                                    <\/div>\n\n                                    <div class=\"nova-case-browser__url\">\n                                        retail-project-preview.com\n                                    <\/div>\n\n                                <\/div>\n\n\n                                <!-- SCREEN -->\n                                <div class=\"nova-case-browser__screen\">\n\n                                    <div class=\"nova-case-browser__nav\">\n\n                                        <div class=\"nova-case-demo-logo\">\n                                            NOVA<span>RETAIL<\/span>\n                                        <\/div>\n\n                                        <div class=\"nova-case-demo-menu\">\n                                            Shop&nbsp;&nbsp; New&nbsp;&nbsp; About\n                                        <\/div>\n\n                                    <\/div>\n\n\n                                    <div class=\"nova-case-browser__hero\">\n\n                                        <small>\n                                            DIGITAL COMMERCE\n                                        <\/small>\n\n                                        <h4>\n                                            Built to turn attention\n                                            into action.\n                                        <\/h4>\n\n                                        <span class=\"nova-case-demo-button\">\n                                            EXPLORE\n                                        <\/span>\n\n                                    <\/div>\n\n\n                                    <div class=\"nova-case-products\">\n                                        <span><\/span>\n                                        <span><\/span>\n                                        <span><\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-float nova-case-float--left\">\n\n                                <small>\n                                    FOCUS\n                                <\/small>\n\n                                <strong>\n                                    Performance\n                                <\/strong>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-float nova-case-float--right\">\n\n                                <small>\n                                    CHANNELS\n                                <\/small>\n\n                                <strong>\n                                    Search + Paid\n                                <\/strong>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- ==================================================\n                     PROJECT 02\n                =================================================== -->\n                <article class=\"nova-case-slide\">\n\n                    <div class=\"nova-case-content\">\n\n                        <span class=\"nova-case-category\">\n                            SAMPLE PROJECT \u00b7 B2B LEAD GENERATION\n                        <\/span>\n\n                        <h3>\n                            B2B Acquisition System\n                        <\/h3>\n\n                        <p class=\"nova-case-description\">\n                            A focused acquisition strategy connecting stronger\n                            positioning, targeted campaigns and conversion-led\n                            landing experiences.\n                        <\/p>\n\n\n                        <div class=\"nova-case-results\">\n\n\n                            <div class=\"nova-case-result\">\n\n                                <span>01<\/span>\n\n                                <strong>\n                                    Audience\n                                <\/strong>\n\n                                <p>\n                                    Clearer targeting around valuable business\n                                    decision-makers.\n                                <\/p>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-result\">\n\n                                <span>02<\/span>\n\n                                <strong>\n                                    Messaging\n                                <\/strong>\n\n                                <p>\n                                    Stronger communication built around\n                                    customer needs.\n                                <\/p>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-result\">\n\n                                <span>03<\/span>\n\n                                <strong>\n                                    Lead Flow\n                                <\/strong>\n\n                                <p>\n                                    A simpler journey from first interaction\n                                    through to enquiry.\n                                <\/p>\n\n                            <\/div>\n\n\n                        <\/div>\n\n\n                        <a href=\"#contact\" class=\"nova-case-link\">\n\n                            <span>\n                                VIEW PROJECT\n                            <\/span>\n\n                            <span class=\"nova-case-link__icon\">\n                                \u2197\n                            <\/span>\n\n                        <\/a>\n\n                    <\/div>\n\n\n                    <div class=\"nova-case-visual nova-case-visual--green\">\n\n                        <div class=\"nova-case-showcase\">\n\n                            <div class=\"nova-case-browser\">\n\n\n                                <div class=\"nova-case-browser__bar\">\n\n                                    <div class=\"nova-case-browser__dots\">\n                                        <span><\/span>\n                                        <span><\/span>\n                                        <span><\/span>\n                                    <\/div>\n\n                                    <div class=\"nova-case-browser__url\">\n                                        b2b-project-preview.com\n                                    <\/div>\n\n                                <\/div>\n\n\n                                <div class=\"nova-case-browser__screen nova-case-browser__screen--green\">\n\n                                    <div class=\"nova-case-browser__nav\">\n\n                                        <div class=\"nova-case-demo-logo\">\n                                            ATLAS<span>B2B<\/span>\n                                        <\/div>\n\n                                        <div class=\"nova-case-demo-menu\">\n                                            Solutions&nbsp;&nbsp; Insights\n                                        <\/div>\n\n                                    <\/div>\n\n\n                                    <div class=\"nova-case-browser__hero\">\n\n                                        <small>\n                                            LEAD GENERATION\n                                        <\/small>\n\n                                        <h4>\n                                            Turn qualified interest\n                                            into conversations.\n                                        <\/h4>\n\n                                        <span class=\"nova-case-demo-button\">\n                                            GET STARTED\n                                        <\/span>\n\n                                    <\/div>\n\n\n                                    <div class=\"nova-case-products\">\n                                        <span><\/span>\n                                        <span><\/span>\n                                        <span><\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-float nova-case-float--left\">\n\n                                <small>\n                                    STRATEGY\n                                <\/small>\n\n                                <strong>\n                                    B2B Growth\n                                <\/strong>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-float nova-case-float--right\">\n\n                                <small>\n                                    PRIORITY\n                                <\/small>\n\n                                <strong>\n                                    Lead Quality\n                                <\/strong>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- ==================================================\n                     PROJECT 03\n                =================================================== -->\n                <article class=\"nova-case-slide\">\n\n                    <div class=\"nova-case-content\">\n\n                        <span class=\"nova-case-category\">\n                            SAMPLE PROJECT \u00b7 E-COMMERCE\n                        <\/span>\n\n                        <h3>\n                            E-Commerce Experience\n                        <\/h3>\n\n                        <p class=\"nova-case-description\">\n                            A customer-first digital experience connecting\n                            product discovery, paid acquisition and conversion\n                            optimisation.\n                        <\/p>\n\n\n                        <div class=\"nova-case-results\">\n\n\n                            <div class=\"nova-case-result\">\n\n                                <span>01<\/span>\n\n                                <strong>\n                                    Discovery\n                                <\/strong>\n\n                                <p>\n                                    Simpler pathways for customers to find\n                                    relevant products.\n                                <\/p>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-result\">\n\n                                <span>02<\/span>\n\n                                <strong>\n                                    Experience\n                                <\/strong>\n\n                                <p>\n                                    Cleaner journeys across mobile and\n                                    desktop experiences.\n                                <\/p>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-result\">\n\n                                <span>03<\/span>\n\n                                <strong>\n                                    Growth\n                                <\/strong>\n\n                                <p>\n                                    Acquisition and conversion working as\n                                    one connected system.\n                                <\/p>\n\n                            <\/div>\n\n\n                        <\/div>\n\n\n                        <a href=\"#contact\" class=\"nova-case-link\">\n\n                            <span>\n                                VIEW PROJECT\n                            <\/span>\n\n                            <span class=\"nova-case-link__icon\">\n                                \u2197\n                            <\/span>\n\n                        <\/a>\n\n                    <\/div>\n\n\n                    <div class=\"nova-case-visual nova-case-visual--rose\">\n\n                        <div class=\"nova-case-showcase\">\n\n                            <div class=\"nova-case-browser\">\n\n\n                                <div class=\"nova-case-browser__bar\">\n\n                                    <div class=\"nova-case-browser__dots\">\n                                        <span><\/span>\n                                        <span><\/span>\n                                        <span><\/span>\n                                    <\/div>\n\n                                    <div class=\"nova-case-browser__url\">\n                                        ecommerce-project-preview.com\n                                    <\/div>\n\n                                <\/div>\n\n\n                                <div class=\"nova-case-browser__screen nova-case-browser__screen--rose\">\n\n                                    <div class=\"nova-case-browser__nav\">\n\n                                        <div class=\"nova-case-demo-logo\">\n                                            LUMEN<span>HOME<\/span>\n                                        <\/div>\n\n                                        <div class=\"nova-case-demo-menu\">\n                                            New&nbsp;&nbsp; Living&nbsp;&nbsp; Shop\n                                        <\/div>\n\n                                    <\/div>\n\n\n                                    <div class=\"nova-case-browser__hero\">\n\n                                        <small>\n                                            E-COMMERCE\n                                        <\/small>\n\n                                        <h4>\n                                            Make digital shopping\n                                            feel effortless.\n                                        <\/h4>\n\n                                        <span class=\"nova-case-demo-button\">\n                                            SHOP NOW\n                                        <\/span>\n\n                                    <\/div>\n\n\n                                    <div class=\"nova-case-products\">\n                                        <span><\/span>\n                                        <span><\/span>\n                                        <span><\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-float nova-case-float--left\">\n\n                                <small>\n                                    EXPERIENCE\n                                <\/small>\n\n                                <strong>\n                                    UX + CRO\n                                <\/strong>\n\n                            <\/div>\n\n\n                            <div class=\"nova-case-float nova-case-float--right\">\n\n                                <small>\n                                    FOCUS\n                                <\/small>\n\n                                <strong>\n                                    E-Commerce\n                                <\/strong>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- NEXT -->\n        <button class=\"nova-case-arrow nova-case-arrow--next\" type=\"button\" aria-label=\"Next project\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M9 5L16 12L9 19\"><\/path>\n            <\/svg>\n        <\/button>\n\n\n        <!-- ==================================================\n             BOTTOM NAV\n        =================================================== -->\n        <div class=\"nova-case-navigation\">\n\n            <div class=\"nova-case-counter\">\n\n                <strong class=\"nova-case-current\">\n                    01\n                <\/strong>\n\n                <span>\/<\/span>\n\n                <span class=\"nova-case-total\">\n                    03\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"nova-case-dots\">\n\n                <button type=\"button\" class=\"nova-case-dot is-active\" aria-label=\"Show project 1\"><\/button>\n\n                <button type=\"button\" class=\"nova-case-dot\" aria-label=\"Show project 2\"><\/button>\n\n                <button type=\"button\" class=\"nova-case-dot\" aria-label=\"Show project 3\"><\/button>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n\n<style>.kadence-column30_3944fe-a7 > .kt-inside-inner-col,.kadence-column30_3944fe-a7 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column30_3944fe-a7 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column30_3944fe-a7 > .kt-inside-inner-col{flex-direction:column;}.kadence-column30_3944fe-a7 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column30_3944fe-a7 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column30_3944fe-a7{position:relative;}@media all and (max-width: 1024px){.kadence-column30_3944fe-a7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column30_3944fe-a7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column30_3944fe-a7\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   WHY CHOOSE US \u2014 TEAM VERSION\n===================================================== *\/\n\n.nova-why {\n\n    --orange: #F86B00;\n    --white: #F8F8F8;\n    --warm: #EEEDE8;\n    --lavender: #CDCCF1;\n    --dark: #21211E;\n    --green: #D9E1DE;\n    --gray: #878682;\n    --rose: #EEE0DD;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    margin-left:\n        calc(50% - 50vw) !important;\n\n    margin-right:\n        calc(50% - 50vw) !important;\n\n    padding:\n        68px\n        0 !important;\n\n    overflow: hidden;\n\n    background: var(--white);\n\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        Arial,\n        sans-serif;\n}\n\n\n\/* =====================================================\n   RESET\n===================================================== *\/\n\n.nova-why,\n.nova-why *,\n.nova-why *::before,\n.nova-why *::after {\n\n    box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   MAIN DESKTOP GRID\n===================================================== *\/\n\n.nova-why__inner {\n\n    width:\n        min(\n            1240px,\n            calc(100% - 64px)\n        );\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 0.96fr)\n        minmax(0, 1.04fr);\n\n    align-items: stretch;\n\n    gap:\n        clamp(\n            46px,\n            5vw,\n            76px\n        );\n}\n\n\n\/* =====================================================\n   LEFT VISUAL\n===================================================== *\/\n\n.nova-why__visual {\n\n    position: relative;\n\n    width: 100%;\n\n    min-width: 0;\n\n    min-height: 610px;\n\n    display: flex;\n\n    align-self: stretch;\n}\n\n\n\/* =====================================================\n   TEAM WRAPPER\n===================================================== *\/\n\n.nova-why__team {\n\n    position: relative;\n\n    width: 100%;\n\n    min-width: 0;\n\n    min-height: 610px;\n\n    flex: 1;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(\n            2,\n            minmax(0, 1fr)\n        );\n\n    grid-template-rows:\n        repeat(\n            2,\n            minmax(0, 1fr)\n        );\n\n    gap: 16px;\n\n    padding: 16px;\n\n    overflow: hidden;\n\n    border-radius: 28px;\n\n    background-color:\n        var(--warm);\n\n    box-shadow:\n        0\n        20px\n        50px\n        rgba(33, 33, 30, 0.09);\n}\n\n\n\/* =====================================================\n   TEAM MEMBER\n===================================================== *\/\n\n.nova-why__member {\n\n    position: relative;\n\n    width: 100%;\n\n    min-width: 0;\n\n    min-height: 0;\n\n    overflow: hidden;\n\n    border-radius: 22px;\n\n    background:\n        #E7E6E1;\n}\n\n\n\/* THIRD MEMBER \u2014 CENTERED *\/\n\n.nova-why__member--center {\n\n    grid-column:\n        1 \/ -1;\n\n    width:\n        calc(\n            50% - 8px\n        );\n\n    justify-self: center;\n}\n\n\n\/* =====================================================\n   MEMBER IMAGE\n===================================================== *\/\n\n.nova-why__member img {\n\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n\n    height: 100%;\n\n    display: block;\n\n    margin: 0;\n\n    object-fit: cover;\n\n    object-position:\n        center\n        top;\n}\n\n\n\/* =====================================================\n   MEMBER GRADIENT\n===================================================== *\/\n\n.nova-why__member::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 1;\n\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 44%,\n            rgba(33, 33, 30, 0.08) 60%,\n            rgba(33, 33, 30, 0.82) 100%\n        );\n}\n\n\n\/* =====================================================\n   MEMBER INFORMATION\n===================================================== *\/\n\n.nova-why__member-info {\n\n    position: absolute;\n\n    z-index: 2;\n\n    left: 0;\n\n    right: 0;\n\n    bottom: 0;\n\n    padding:\n        18px\n        18px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 4px;\n\n    text-align: left;\n}\n\n\n.nova-why__member-info strong {\n\n    display: block;\n\n    margin: 0;\n\n    color: #FFFFFF;\n\n    font-family: inherit;\n\n    font-size: 17px;\n\n    line-height: 1.18;\n\n    font-weight: 600;\n\n    letter-spacing:\n        -0.015em;\n}\n\n\n.nova-why__member-info span {\n\n    display: block;\n\n    margin: 0;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            0.90\n        );\n\n    font-size: 12px;\n\n    line-height: 1.35;\n\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   RIGHT CONTENT\n===================================================== *\/\n\n.nova-why__content {\n\n    width: 100%;\n\n    min-width: 0;\n\n    min-height: 610px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: space-between;\n}\n\n\n\/* =====================================================\n   MAIN CONTENT AREA\n===================================================== *\/\n\n.nova-why__content-main {\n\n    width: 100%;\n}\n\n\n\/* =====================================================\n   EYEBROW\n===================================================== *\/\n\n.nova-why__eyebrow {\n\n    display: block;\n\n    margin:\n        0\n        0\n        4px;\n\n    color: var(--orange);\n\n    font-size: 10px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.15em;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.nova-why__title {\n\n    max-width: 650px;\n\n    margin:\n        -2px\n        0\n        0 !important;\n\n    padding: 0 !important;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(\n            28px,\n            3.45vw,\n            38px\n        );\n\n    line-height: 1.07;\n\n    letter-spacing: -0.03em;\n\n    font-weight: 600;\n}\n\n\n.nova-why__title span {\n\n    color: var(--orange);\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.nova-why__intro {\n\n    max-width: 620px;\n\n    margin:\n        14px\n        0\n        0;\n\n    color: #5F5F5B;\n\n    font-size: 15px;\n\n    line-height: 1.6;\n\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   REASONS\n===================================================== *\/\n\n.nova-why__reasons {\n\n    width: 100%;\n\n    margin-top: 23px;\n\n    border-top:\n        1px solid\n        rgba(33, 33, 30, 0.10);\n}\n\n\n\/* =====================================================\n   REASON ITEM\n===================================================== *\/\n\n.nova-why-item {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        40px\n        minmax(0, 1fr);\n\n    gap: 13px;\n\n    align-items: start;\n\n    padding:\n        15px\n        0;\n\n    border-bottom:\n        1px solid\n        rgba(33, 33, 30, 0.10);\n}\n\n\n\/* =====================================================\n   NUMBER\n===================================================== *\/\n\n.nova-why-item__number {\n\n    width: 32px;\n\n    height: 32px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 50%;\n\n    background:\n        rgba(\n            248,\n            107,\n            0,\n            0.11\n        );\n\n    color: var(--orange);\n\n    font-size: 9px;\n\n    line-height: 1;\n\n    font-weight: 700;\n}\n\n\n\/* =====================================================\n   ITEM TEXT\n===================================================== *\/\n\n.nova-why-item__body {\n\n    min-width: 0;\n}\n\n\n.nova-why-item__body h3 {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size: 17px;\n\n    line-height: 1.22;\n\n    font-weight: 600;\n\n    letter-spacing:\n        -0.012em;\n}\n\n\n.nova-why-item__body p {\n\n    max-width: 570px;\n\n    margin:\n        4px\n        0\n        0;\n\n    color: #62625E;\n\n    font-size: 13px;\n\n    line-height: 1.5;\n}\n\n\n\/* =====================================================\n   CTA AREA\n===================================================== *\/\n\n.nova-why__cta {\n\n    width: 100%;\n\n    display: flex;\n\n    align-items: flex-end;\n\n    justify-content: flex-start;\n\n    padding-top: 20px;\n\n    margin-top: auto;\n}\n\n\n\/* =====================================================\n   CTA BUTTON\n===================================================== *\/\n\n.nova-why__button {\n\n    width: fit-content;\n\n    min-height: 58px;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 14px;\n\n    margin: 0;\n\n    padding:\n        7px\n        8px\n        7px\n        23px;\n\n    border-radius: 999px;\n\n    background: var(--orange);\n\n    color: #FFFFFF;\n\n    text-decoration: none !important;\n\n    font-family: inherit;\n\n    transition:\n        background 0.2s ease,\n        transform 0.2s ease;\n}\n\n\n.nova-why__button-text {\n\n    font-size: 11px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.085em;\n\n    white-space: nowrap;\n}\n\n\n.nova-why__button-icon {\n\n    width: 42px;\n\n    height: 42px;\n\n    flex:\n        0\n        0\n        42px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 50%;\n\n    background:\n        rgba(\n            255,\n            255,\n            255,\n            0.18\n        );\n\n    font-size: 16px;\n\n    transition:\n        background 0.2s ease,\n        color 0.2s ease,\n        transform 0.2s ease;\n}\n\n\n@media (hover: hover) and (pointer: fine) {\n\n    .nova-why__button:hover {\n\n        background: var(--dark);\n\n        transform:\n            translateY(-2px);\n    }\n\n\n    .nova-why__button:hover\n    .nova-why__button-icon {\n\n        background: #FFFFFF;\n\n        color: var(--dark);\n\n        transform:\n            rotate(6deg);\n    }\n\n}\n\n\n.nova-why__button:focus-visible {\n\n    outline:\n        3px solid\n        rgba(\n            248,\n            107,\n            0,\n            0.28\n        );\n\n    outline-offset: 4px;\n}\n\n\n\/* =====================================================\n   LAPTOP\n   901PX \u2014 1100PX\n===================================================== *\/\n\n@media (max-width: 1100px) {\n\n    .nova-why {\n\n        padding:\n            60px\n            0 !important;\n    }\n\n\n    .nova-why__inner {\n\n        width:\n            calc(100% - 52px);\n\n        gap: 38px;\n    }\n\n\n    .nova-why__visual {\n\n        min-height: 580px;\n    }\n\n\n    .nova-why__team {\n\n        min-height: 580px;\n\n        padding: 14px;\n\n        gap: 14px;\n    }\n\n\n    .nova-why__member {\n\n        border-radius: 19px;\n    }\n\n\n    .nova-why__member--center {\n\n        width:\n            calc(\n                50% - 7px\n            );\n    }\n\n\n    .nova-why__member-info {\n\n        padding:\n            15px\n            15px;\n    }\n\n\n    .nova-why__member-info strong {\n\n        font-size: 16px;\n    }\n\n\n    .nova-why__member-info span {\n\n        font-size: 11.5px;\n    }\n\n\n    .nova-why__content {\n\n        min-height: 580px;\n    }\n\n\n    .nova-why__title {\n\n        font-size:\n            clamp(\n                32px,\n                3.8vw,\n                42px\n            );\n    }\n\n\n    .nova-why__intro {\n\n        margin-top: 12px;\n\n        font-size: 14px;\n    }\n\n\n    .nova-why__reasons {\n\n        margin-top: 19px;\n    }\n\n\n    .nova-why-item {\n\n        padding:\n            13px\n            0;\n    }\n\n\n    .nova-why-item__body h3 {\n\n        font-size: 16px;\n    }\n\n\n    .nova-why-item__body p {\n\n        font-size: 12.5px;\n    }\n\n\n    .nova-why__cta {\n\n        padding-top: 16px;\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 900px) {\n\n    .nova-why {\n\n        padding:\n            52px\n            0 !important;\n    }\n\n\n    .nova-why__inner {\n\n        width:\n            min(\n                700px,\n                calc(100% - 44px)\n            );\n\n        display: flex;\n\n        flex-direction: column;\n\n        gap: 38px;\n    }\n\n\n    \/* CONTENT FIRST *\/\n\n    .nova-why__content {\n\n        order: 1;\n\n        min-height: 0;\n\n        display: block;\n\n        text-align: center;\n    }\n\n\n    .nova-why__visual {\n\n        order: 2;\n\n        min-height: 520px;\n    }\n\n\n    \/* TOP *\/\n\n    .nova-why__eyebrow {\n\n        margin-bottom: 2px;\n\n        text-align: center;\n    }\n\n\n    .nova-why__title {\n\n        max-width: 650px;\n\n        margin:\n            -1px\n            auto\n            0 !important;\n\n        font-size:\n            clamp(\n                31px,\n                5.5vw,\n                40px\n            );\n\n        text-align: center;\n    }\n\n\n    .nova-why__intro {\n\n        max-width: 580px;\n\n        margin:\n            13px\n            auto\n            0;\n\n        text-align: center;\n    }\n\n\n    \/* REASONS *\/\n\n    .nova-why__reasons {\n\n        max-width: 620px;\n\n        margin:\n            25px\n            auto\n            0;\n\n        text-align: left;\n    }\n\n\n    .nova-why-item {\n\n        padding:\n            15px\n            0;\n    }\n\n\n    \/* CTA *\/\n\n    .nova-why__cta {\n\n        justify-content: center;\n\n        padding-top: 0;\n\n        margin-top: 26px;\n    }\n\n\n    .nova-why__button {\n\n        margin:\n            0\n            auto;\n    }\n\n\n    \/* TEAM *\/\n\n    .nova-why__team {\n\n        min-height: 520px;\n\n        padding: 15px;\n\n        gap: 15px;\n    }\n\n\n    .nova-why__member--center {\n\n        width:\n            calc(\n                50% - 7.5px\n            );\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 600px) {\n\n    .nova-why {\n\n        padding:\n            43px\n            0 !important;\n    }\n\n\n    .nova-why__inner {\n\n        width:\n            calc(100% - 30px);\n\n        gap: 30px;\n    }\n\n\n    \/* TOP *\/\n\n    .nova-why__eyebrow {\n\n        margin-bottom: 1px;\n\n        font-size: 9px;\n\n        line-height: 1;\n    }\n\n\n    .nova-why__title {\n\n        max-width: 460px;\n\n        margin-top:\n            -1px !important;\n\n        font-size:\n            clamp(\n                28px,\n                8vw,\n                35px\n            );\n\n        line-height: 1.11;\n    }\n\n\n    .nova-why__intro {\n\n        max-width: 430px;\n\n        margin-top: 11px;\n\n        font-size: 14px;\n\n        line-height: 1.55;\n    }\n\n\n    \/* REASONS *\/\n\n    .nova-why__reasons {\n\n        margin-top: 21px;\n    }\n\n\n    .nova-why-item {\n\n        grid-template-columns:\n            35px\n            minmax(0, 1fr);\n\n        gap: 10px;\n\n        padding:\n            14px\n            0;\n    }\n\n\n    .nova-why-item__number {\n\n        width: 30px;\n\n        height: 30px;\n\n        font-size: 8.5px;\n    }\n\n\n    .nova-why-item__body h3 {\n\n        font-size: 15.5px;\n    }\n\n\n    .nova-why-item__body p {\n\n        margin-top: 4px;\n\n        font-size: 12.75px;\n\n        line-height: 1.48;\n    }\n\n\n    \/* CTA *\/\n\n    .nova-why__cta {\n\n        margin-top: 23px;\n    }\n\n\n    .nova-why__button {\n\n        min-height: 54px;\n\n        padding:\n            6px\n            7px\n            6px\n            18px;\n    }\n\n\n    .nova-why__button-text {\n\n        font-size: 10.5px;\n\n        letter-spacing: 0.07em;\n    }\n\n\n    .nova-why__button-icon {\n\n        width: 40px;\n\n        height: 40px;\n\n        flex-basis: 40px;\n    }\n\n\n    \/* TEAM *\/\n\n    .nova-why__visual {\n\n        min-height: 430px;\n    }\n\n\n    .nova-why__team {\n\n        min-height: 430px;\n\n        padding: 12px;\n\n        gap: 12px;\n\n        border-radius: 21px;\n    }\n\n\n    .nova-why__member {\n\n        border-radius: 17px;\n    }\n\n\n    .nova-why__member--center {\n\n        width:\n            calc(\n                50% - 6px\n            );\n    }\n\n\n    .nova-why__member-info {\n\n        padding:\n            12px\n            12px;\n    }\n\n\n    .nova-why__member-info strong {\n\n        font-size: 14px;\n\n        line-height: 1.2;\n    }\n\n\n    .nova-why__member-info span {\n\n        font-size: 10.5px;\n\n        line-height: 1.3;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .nova-why {\n\n        padding:\n            37px\n            0 !important;\n    }\n\n\n    .nova-why__inner {\n\n        width:\n            calc(100% - 24px);\n\n        gap: 27px;\n    }\n\n\n    .nova-why__title {\n\n        max-width: 360px;\n\n        font-size:\n            clamp(\n                25px,\n                7.6vw,\n                30px\n            );\n    }\n\n\n    .nova-why__intro {\n\n        max-width: 350px;\n\n        font-size: 13px;\n    }\n\n\n    .nova-why-item {\n\n        grid-template-columns:\n            33px\n            minmax(0, 1fr);\n\n        padding:\n            13px\n            0;\n    }\n\n\n    .nova-why-item__number {\n\n        width: 28px;\n\n        height: 28px;\n    }\n\n\n    .nova-why-item__body h3 {\n\n        font-size: 15px;\n    }\n\n\n    .nova-why-item__body p {\n\n        font-size: 12.25px;\n    }\n\n\n    \/* TEAM *\/\n\n    .nova-why__visual {\n\n        min-height: 370px;\n    }\n\n\n    .nova-why__team {\n\n        min-height: 370px;\n\n        padding: 10px;\n\n        gap: 10px;\n    }\n\n\n    .nova-why__member {\n\n        border-radius: 15px;\n    }\n\n\n    .nova-why__member--center {\n\n        width:\n            calc(\n                50% - 5px\n            );\n    }\n\n\n    .nova-why__member-info {\n\n        padding:\n            10px\n            9px;\n    }\n\n\n    .nova-why__member-info strong {\n\n        font-size: 12.5px;\n    }\n\n\n    .nova-why__member-info span {\n\n        font-size: 9.5px;\n    }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 350px) {\n\n    .nova-why {\n\n        padding:\n            34px\n            0 !important;\n    }\n\n\n    .nova-why__inner {\n\n        width:\n            calc(100% - 20px);\n    }\n\n\n    .nova-why__title {\n\n        font-size: 24px;\n    }\n\n\n    \/* REASONS *\/\n\n    .nova-why-item {\n\n        grid-template-columns: 1fr;\n\n        gap: 7px;\n\n        text-align: center;\n    }\n\n\n    .nova-why-item__number {\n\n        margin:\n            0\n            auto;\n    }\n\n\n    .nova-why-item__body p {\n\n        max-width: 310px;\n\n        margin-left: auto;\n\n        margin-right: auto;\n    }\n\n\n    .nova-why__button {\n\n        width: 100%;\n\n        max-width: 285px;\n    }\n\n\n    .nova-why__button-text {\n\n        flex: 1;\n\n        min-width: 0;\n\n        white-space: normal;\n\n        text-align: center;\n    }\n\n\n    \/* TEAM *\/\n\n    .nova-why__visual {\n\n        min-height: 335px;\n    }\n\n\n    .nova-why__team {\n\n        min-height: 335px;\n\n        padding: 8px;\n\n        gap: 8px;\n    }\n\n\n    .nova-why__member {\n\n        border-radius: 13px;\n    }\n\n\n    .nova-why__member--center {\n\n        width:\n            calc(\n                50% - 4px\n            );\n    }\n\n\n    .nova-why__member-info {\n\n        padding:\n            8px\n            7px;\n    }\n\n\n    .nova-why__member-info strong {\n\n        font-size: 11.5px;\n    }\n\n\n    .nova-why__member-info span {\n\n        font-size: 8.5px;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .nova-why__button,\n    .nova-why__button-icon {\n\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<section class=\"nova-why\" id=\"why-us\">\n\n    <div class=\"nova-why__inner\">\n\n        <!-- =========================================\n             LEFT TEAM VISUAL\n        ========================================== -->\n        <div class=\"nova-why__visual\">\n\n            <div class=\"nova-why__team\">\n\n\n                <!-- TEAM MEMBER 01 -->\n                <article class=\"nova-why__member\">\n\n                    <img\n                        src=\"https:\/\/xinrank.com\/wp-content\/uploads\/2026\/09\/Shawaiz-Hassan-profile-image.webp\"\n                        alt=\"Shawaiz Hassan\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                    <div class=\"nova-why__member-info\">\n\n                        <strong>\n                            Shawaiz Hassan\n                        <\/strong>\n\n                        <span>\n                            Founder, CEO\n                        <\/span>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- TEAM MEMBER 02 -->\n                <article class=\"nova-why__member\">\n\n                    <img\n                        src=\"https:\/\/xinrank.com\/wp-content\/uploads\/2026\/09\/Ahmad-Hassan-profile-image.webp\"\n                        alt=\"Ahmad Hassan\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                    <div class=\"nova-why__member-info\">\n\n                        <strong>\n                            Ahmad Hassan\n                        <\/strong>\n\n                        <span>\n                            Founder, SEO Specialist\n                        <\/span>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- TEAM MEMBER 03 -->\n                <article class=\"nova-why__member nova-why__member--center\">\n\n                    <img\n                        src=\"https:\/\/xinrank.com\/wp-content\/uploads\/2026\/09\/Zaid-Profile-Picture.webp\"\n                        alt=\"Zaid Bin Khaliq\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                    <div class=\"nova-why__member-info\">\n\n                        <strong>\n                            Zaid Bin Khaliq\n                        <\/strong>\n\n                        <span>\n                            Co Founder, SEO Specialist\n                        <\/span>\n\n                    <\/div>\n\n                <\/article>\n\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================================\n             RIGHT CONTENT\n        ========================================== -->\n        <div class=\"nova-why__content\">\n\n            <!-- TOP CONTENT -->\n            <div class=\"nova-why__content-main\">\n\n                <span class=\"nova-why__eyebrow\">\n                    WHY WORK WITH US\n                <\/span>\n\n\n                <h2 class=\"nova-why__title\">\n                    Why choose us as your\n                    <span>digital growth partner?<\/span>\n                <\/h2>\n\n\n                <p class=\"nova-why__intro\">\n                    We combine strategic thinking, hands-on execution and clear\n                    communication to help ambitious businesses grow with confidence.\n                <\/p>\n\n\n                <!-- =====================================\n                     REASONS\n                ====================================== -->\n                <div class=\"nova-why__reasons\">\n\n\n                    <!-- ITEM 01 -->\n                    <div class=\"nova-why-item\">\n\n                        <div class=\"nova-why-item__number\">\n                            01\n                        <\/div>\n\n                        <div class=\"nova-why-item__body\">\n\n                            <h3>\n                                Founder-led involvement\n                            <\/h3>\n\n                            <p>\n                                Work closely with senior decision-makers who remain\n                                involved from strategy through execution.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- ITEM 02 -->\n                    <div class=\"nova-why-item\">\n\n                        <div class=\"nova-why-item__number\">\n                            02\n                        <\/div>\n\n                        <div class=\"nova-why-item__body\">\n\n                            <h3>\n                                Integrated growth strategy\n                            <\/h3>\n\n                            <p>\n                                SEO, paid media, content, social and conversion\n                                thinking work together around one clear growth plan.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- ITEM 03 -->\n                    <div class=\"nova-why-item\">\n\n                        <div class=\"nova-why-item__number\">\n                            03\n                        <\/div>\n\n                        <div class=\"nova-why-item__body\">\n\n                            <h3>\n                                Clear communication\n                            <\/h3>\n\n                            <p>\n                                Understand what we are doing, why it matters and how\n                                each activity connects to your business goals.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- ITEM 04 -->\n                    <div class=\"nova-why-item\">\n\n                        <div class=\"nova-why-item__number\">\n                            04\n                        <\/div>\n\n                        <div class=\"nova-why-item__body\">\n\n                            <h3>\n                                Focused, flexible execution\n                            <\/h3>\n\n                            <p>\n                                A lean structure allows us to stay responsive,\n                                focused and closely aligned with changing priorities.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =====================================\n                 CTA\n            ====================================== -->\n            <div class=\"nova-why__cta\">\n\n                <a href=\"#contact\" class=\"nova-why__button\">\n\n                    <span class=\"nova-why__button-text\">\n                        GET A FREE STRATEGY\n                    <\/span>\n\n                    <span class=\"nova-why__button-icon\">\n                        \u2197\n                    <\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n\n<style>.kadence-column30_8570a6-23 > .kt-inside-inner-col,.kadence-column30_8570a6-23 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column30_8570a6-23 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column30_8570a6-23 > .kt-inside-inner-col{flex-direction:column;}.kadence-column30_8570a6-23 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column30_8570a6-23 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column30_8570a6-23{position:relative;}@media all and (max-width: 1024px){.kadence-column30_8570a6-23 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column30_8570a6-23 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column30_8570a6-23\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XINRANK COMPARISON SECTION\n===================================================== *\/\n\n.nova-compare {\n\n    --orange: #F86B00;\n    --white: #F8F8F8;\n    --warm: #EEEDE8;\n    --lavender: #CDCCF1;\n    --dark: #21211E;\n    --green: #D9E1DE;\n    --gray: #878682;\n    --rose: #EEE0DD;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n\n    padding: 70px 0 66px !important;\n\n    overflow-x: hidden;\n\n    background: var(--warm);\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        Arial,\n        sans-serif;\n}\n\n\n\/* =====================================================\n   RESET\n===================================================== *\/\n\n.nova-compare,\n.nova-compare *,\n.nova-compare *::before,\n.nova-compare *::after {\n\n    box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.nova-compare__header {\n\n    width: min(920px, calc(100% - 64px));\n\n    margin: 0 auto 40px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    justify-content: center;\n\n    text-align: center;\n}\n\n\n\/* EYEBROW *\/\n\n.nova-compare__eyebrow {\n\n    display: block;\n\n    width: 100%;\n\n    margin:\n        0\n        auto\n        4px;\n\n    color: var(--orange);\n\n    font-size: 10px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.16em;\n\n    text-align: center;\n}\n\n\n\/* TITLE *\/\n\n.nova-compare__title {\n\n    width: 100%;\n\n    max-width: 830px;\n\n    margin: 0 auto !important;\n\n    padding: 0 !important;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(34px, 3.2vw, 44px);\n\n    line-height: 1.1;\n\n    letter-spacing: -0.028em;\n\n    font-weight: 600;\n\n    text-align: center;\n}\n\n\n.nova-compare__title span {\n\n    color: var(--orange);\n}\n\n\n\/* INTRO *\/\n\n.nova-compare__intro {\n\n    width: 100%;\n\n    max-width: 690px;\n\n    margin:\n        13px\n        auto\n        0;\n\n    color: #5F5F5B;\n\n    font-size: 15px;\n\n    line-height: 1.6;\n\n    font-weight: 400;\n\n    text-align: center;\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.nova-compare__grid {\n\n    width:\n        min(\n            1180px,\n            calc(100% - 64px)\n        );\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    align-items: stretch;\n\n    gap: 22px;\n}\n\n\n\/* =====================================================\n   CARD\n===================================================== *\/\n\n.nova-compare-card {\n\n    position: relative;\n\n    width: 100%;\n\n    min-width: 0;\n\n    display: flex;\n\n    flex-direction: column;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        rgba(33, 33, 30, 0.08);\n\n    border-radius: 22px;\n\n    background: #FFFFFF;\n\n    box-shadow:\n        0\n        16px\n        40px\n        rgba(33, 33, 30, 0.07);\n}\n\n\n\/* PRIMARY CARD *\/\n\n.nova-compare-card--xinrank {\n\n    border-color:\n        rgba(248, 107, 0, 0.28);\n\n    box-shadow:\n        0\n        18px\n        44px\n        rgba(248, 107, 0, 0.07);\n}\n\n\n\/* TRADITIONAL *\/\n\n.nova-compare-card--traditional {\n\n    background:\n        rgba(248, 248, 248, 0.9);\n}\n\n\n\/* =====================================================\n   CARD HEADER\n===================================================== *\/\n\n.nova-compare-card__top {\n\n    min-height: 106px;\n\n    padding:\n        24px\n        26px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 18px;\n\n    border-bottom:\n        1px solid\n        rgba(33, 33, 30, 0.08);\n}\n\n\n.nova-compare-card--xinrank\n.nova-compare-card__top {\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(248, 107, 0, 0.09),\n            rgba(248, 248, 248, 0.95)\n        );\n}\n\n\n.nova-compare-card--traditional\n.nova-compare-card__top {\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(135, 134, 130, 0.08),\n            rgba(248, 248, 248, 0.95)\n        );\n}\n\n\n\/* =====================================================\n   CARD HEADING\n===================================================== *\/\n\n.nova-compare-card__heading {\n\n    min-width: 0;\n}\n\n\n.nova-compare-card__label {\n\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: var(--orange);\n\n    font-size: 9px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.14em;\n}\n\n\n.nova-compare-card--traditional\n.nova-compare-card__label {\n\n    color: var(--gray);\n}\n\n\n.nova-compare-card__top h3 {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(25px, 2.4vw, 31px);\n\n    line-height: 1.1;\n\n    letter-spacing: -0.025em;\n\n    font-weight: 600;\n\n    overflow-wrap: break-word;\n}\n\n\n\/* =====================================================\n   BADGE\n===================================================== *\/\n\n.nova-compare-card__badge {\n\n    flex: 0 0 auto;\n\n    padding:\n        8px\n        11px;\n\n    border-radius: 999px;\n\n    background: var(--orange);\n\n    color: #FFFFFF;\n\n    font-size: 8px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.11em;\n}\n\n\n\/* =====================================================\n   LIST\n===================================================== *\/\n\n.nova-compare-list {\n\n    flex: 1;\n\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.nova-compare-item {\n\n    flex: 1;\n\n    min-width: 0;\n\n    display: grid;\n\n    grid-template-columns:\n        34px\n        minmax(0, 1fr);\n\n    gap: 13px;\n\n    align-items: start;\n\n    padding:\n        17px\n        24px;\n}\n\n\n.nova-compare-item:not(:last-child) {\n\n    border-bottom:\n        1px solid\n        rgba(33, 33, 30, 0.075);\n}\n\n\n\/* =====================================================\n   ICON\n===================================================== *\/\n\n.nova-compare-item__icon {\n\n    width: 30px;\n\n    height: 30px;\n\n    display: grid;\n\n    place-items: center;\n\n    margin-top: 1px;\n\n    border-radius: 50%;\n\n    font-size: 14px;\n\n    line-height: 1;\n\n    font-weight: 700;\n}\n\n\n\/* YES *\/\n\n.nova-compare-item__icon--yes {\n\n    color: var(--orange);\n\n    background:\n        rgba(248, 107, 0, 0.11);\n}\n\n\n\/* NO *\/\n\n.nova-compare-item__icon--no {\n\n    color: #767571;\n\n    background:\n        rgba(135, 134, 130, 0.11);\n}\n\n\n\/* =====================================================\n   ITEM CONTENT\n===================================================== *\/\n\n.nova-compare-item__content {\n\n    min-width: 0;\n}\n\n\n.nova-compare-item__content h4 {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size: 15px;\n\n    line-height: 1.3;\n\n    font-weight: 600;\n\n    letter-spacing: -0.01em;\n}\n\n\n.nova-compare-item__content p {\n\n    margin:\n        5px\n        0\n        0;\n\n    color: #62625E;\n\n    font-size: 13px;\n\n    line-height: 1.52;\n\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   BOTTOM CTA\n===================================================== *\/\n\n.nova-compare__cta {\n\n    width:\n        min(\n            1180px,\n            calc(100% - 64px)\n        );\n\n    margin:\n        36px\n        auto\n        0;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 22px;\n\n    text-align: center;\n}\n\n\n.nova-compare__cta p {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-size: 16px;\n\n    line-height: 1.4;\n\n    font-weight: 500;\n}\n\n\n\/* =====================================================\n   CTA BUTTON\n===================================================== *\/\n\n.nova-compare__button {\n\n    min-height: 56px;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 13px;\n\n    flex: 0 0 auto;\n\n    padding:\n        6px\n        7px\n        6px\n        21px;\n\n    border-radius: 999px;\n\n    background: var(--orange);\n\n    color: #FFFFFF;\n\n    text-decoration: none !important;\n\n    font-family: inherit;\n\n    transition:\n        background 0.2s ease,\n        transform 0.2s ease;\n}\n\n\n.nova-compare__button-text {\n\n    font-size: 11px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.08em;\n\n    white-space: nowrap;\n}\n\n\n.nova-compare__button-icon {\n\n    width: 42px;\n\n    height: 42px;\n\n    flex:\n        0\n        0\n        42px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255, 255, 255, 0.18);\n\n    font-size: 16px;\n\n    transition:\n        background 0.2s ease,\n        color 0.2s ease,\n        transform 0.2s ease;\n}\n\n\n@media (hover: hover) and (pointer: fine) {\n\n    .nova-compare__button:hover {\n\n        background: var(--dark);\n\n        transform: translateY(-2px);\n    }\n\n\n    .nova-compare__button:hover\n    .nova-compare__button-icon {\n\n        background: #FFFFFF;\n\n        color: var(--dark);\n\n        transform: rotate(6deg);\n    }\n\n}\n\n\n\/* =====================================================\n   LAPTOP\n===================================================== *\/\n\n@media (max-width: 1100px) {\n\n    .nova-compare {\n\n        padding:\n            60px\n            0\n            58px !important;\n    }\n\n\n    .nova-compare__header {\n\n        width:\n            calc(100% - 52px);\n\n        margin-bottom: 35px;\n    }\n\n\n    .nova-compare__title {\n\n        max-width: 760px;\n\n        font-size:\n            clamp(32px, 3.8vw, 40px);\n    }\n\n\n    .nova-compare__grid {\n\n        width:\n            calc(100% - 52px);\n\n        gap: 18px;\n    }\n\n\n    .nova-compare-card__top {\n\n        padding:\n            21px\n            21px;\n    }\n\n\n    .nova-compare-item {\n\n        grid-template-columns:\n            31px\n            minmax(0, 1fr);\n\n        gap: 11px;\n\n        padding:\n            15px\n            19px;\n    }\n\n\n    .nova-compare-item__icon {\n\n        width: 28px;\n\n        height: 28px;\n    }\n\n\n    .nova-compare-item__content h4 {\n\n        font-size: 14.5px;\n    }\n\n\n    .nova-compare-item__content p {\n\n        font-size: 12.75px;\n    }\n\n\n    .nova-compare__cta {\n\n        width:\n            calc(100% - 52px);\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 820px) {\n\n    .nova-compare {\n\n        padding:\n            52px\n            0\n            51px !important;\n    }\n\n\n    .nova-compare__header {\n\n        width:\n            min(\n                700px,\n                calc(100% - 42px)\n            );\n\n        margin-bottom: 30px;\n    }\n\n\n    .nova-compare__title {\n\n        max-width: 650px;\n\n        font-size:\n            clamp(30px, 5vw, 38px);\n    }\n\n\n    .nova-compare__intro {\n\n        max-width: 600px;\n\n        font-size: 14px;\n    }\n\n\n    \/* STACK CARDS *\/\n\n    .nova-compare__grid {\n\n        width:\n            min(\n                680px,\n                calc(100% - 42px)\n            );\n\n        grid-template-columns: 1fr;\n\n        gap: 18px;\n    }\n\n\n    .nova-compare-card__top {\n\n        min-height: 0;\n\n        padding:\n            21px\n            23px;\n    }\n\n\n    .nova-compare-card__top h3 {\n\n        font-size:\n            clamp(25px, 4vw, 30px);\n    }\n\n\n    .nova-compare-item {\n\n        padding:\n            15px\n            22px;\n    }\n\n\n    .nova-compare-item__content h4 {\n\n        font-size: 15px;\n    }\n\n\n    .nova-compare-item__content p {\n\n        font-size: 13px;\n    }\n\n\n    .nova-compare__cta {\n\n        width:\n            min(\n                680px,\n                calc(100% - 42px)\n            );\n\n        margin-top: 31px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 600px) {\n\n    .nova-compare {\n\n        padding:\n            43px\n            0\n            44px !important;\n    }\n\n\n    .nova-compare__header {\n\n        width:\n            calc(100% - 30px);\n\n        margin-bottom: 25px;\n    }\n\n\n    .nova-compare__eyebrow {\n\n        margin-bottom: 3px;\n\n        font-size: 9px;\n    }\n\n\n    .nova-compare__title {\n\n        max-width: 460px;\n\n        font-size:\n            clamp(27px, 8vw, 34px);\n\n        line-height: 1.12;\n    }\n\n\n    .nova-compare__intro {\n\n        max-width: 430px;\n\n        margin-top: 10px;\n\n        font-size: 13.5px;\n\n        line-height: 1.55;\n    }\n\n\n    .nova-compare__grid {\n\n        width:\n            calc(100% - 28px);\n\n        gap: 14px;\n    }\n\n\n    .nova-compare-card {\n\n        border-radius: 18px;\n    }\n\n\n    .nova-compare-card__top {\n\n        padding:\n            18px\n            17px;\n    }\n\n\n    .nova-compare-card__top h3 {\n\n        font-size: 24px;\n    }\n\n\n    .nova-compare-card__badge {\n\n        padding:\n            7px\n            9px;\n\n        font-size: 7px;\n    }\n\n\n    .nova-compare-item {\n\n        grid-template-columns:\n            30px\n            minmax(0, 1fr);\n\n        gap: 10px;\n\n        padding:\n            13px\n            16px;\n    }\n\n\n    .nova-compare-item__icon {\n\n        width: 27px;\n\n        height: 27px;\n\n        font-size: 13px;\n    }\n\n\n    .nova-compare-item__content h4 {\n\n        font-size: 14.5px;\n    }\n\n\n    .nova-compare-item__content p {\n\n        margin-top: 4px;\n\n        font-size: 12.75px;\n\n        line-height: 1.5;\n    }\n\n\n    .nova-compare__cta {\n\n        width:\n            calc(100% - 30px);\n\n        margin-top: 27px;\n\n        flex-direction: column;\n\n        gap: 13px;\n    }\n\n\n    .nova-compare__cta p {\n\n        max-width: 380px;\n\n        font-size: 14px;\n    }\n\n\n    .nova-compare__button {\n\n        min-height: 54px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .nova-compare {\n\n        padding:\n            37px\n            0\n            39px !important;\n    }\n\n\n    .nova-compare__header {\n\n        width:\n            calc(100% - 24px);\n\n        margin-bottom: 22px;\n    }\n\n\n    .nova-compare__title {\n\n        max-width: 360px;\n\n        font-size:\n            clamp(25px, 7.6vw, 30px);\n    }\n\n\n    .nova-compare__intro {\n\n        max-width: 350px;\n\n        font-size: 13px;\n    }\n\n\n    .nova-compare__grid {\n\n        width:\n            calc(100% - 22px);\n    }\n\n\n    .nova-compare-card__top {\n\n        padding:\n            16px\n            14px;\n    }\n\n\n    .nova-compare-card__top h3 {\n\n        font-size: 21px;\n    }\n\n\n    .nova-compare-item {\n\n        grid-template-columns:\n            28px\n            minmax(0, 1fr);\n\n        gap: 9px;\n\n        padding:\n            12px\n            13px;\n    }\n\n\n    .nova-compare-item__icon {\n\n        width: 25px;\n\n        height: 25px;\n\n        font-size: 12px;\n    }\n\n\n    .nova-compare-item__content h4 {\n\n        font-size: 14px;\n    }\n\n\n    .nova-compare-item__content p {\n\n        font-size: 12.25px;\n    }\n\n\n    .nova-compare__button {\n\n        padding:\n            6px\n            7px\n            6px\n            18px;\n    }\n\n\n    .nova-compare__button-text {\n\n        font-size: 10.5px;\n    }\n\n\n    .nova-compare__button-icon {\n\n        width: 40px;\n\n        height: 40px;\n\n        flex-basis: 40px;\n    }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 350px) {\n\n    .nova-compare__header {\n\n        width:\n            calc(100% - 20px);\n    }\n\n\n    .nova-compare__title {\n\n        font-size: 24px;\n    }\n\n\n    .nova-compare__grid {\n\n        width:\n            calc(100% - 18px);\n    }\n\n\n    .nova-compare-card__top {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        gap: 10px;\n    }\n\n\n    .nova-compare-item {\n\n        grid-template-columns: 1fr;\n\n        gap: 8px;\n\n        text-align: center;\n    }\n\n\n    .nova-compare-item__icon {\n\n        margin:\n            0\n            auto;\n    }\n\n\n    .nova-compare__button {\n\n        width: 100%;\n\n        max-width: 285px;\n    }\n\n\n    .nova-compare__button-text {\n\n        flex: 1;\n\n        min-width: 0;\n\n        white-space: normal;\n\n        text-align: center;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .nova-compare__button,\n    .nova-compare__button-icon {\n\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<section class=\"nova-compare\" id=\"why-xinrank\">\n\n    <!-- =========================================\n         SECTION HEADER\n    ========================================== -->\n    <div class=\"nova-compare__header\">\n\n        <span class=\"nova-compare__eyebrow\">\n            THE XINRANK DIFFERENCE\n        <\/span>\n\n        <h2 class=\"nova-compare__title\">\n            A more focused way to\n            <span>grow your business.<\/span>\n        <\/h2>\n\n        <p class=\"nova-compare__intro\">\n            Compare our flexible, strategy-led approach with a more traditional\n            digital agency model.\n        <\/p>\n\n    <\/div>\n\n\n    <!-- =========================================\n         COMPARISON GRID\n    ========================================== -->\n    <div class=\"nova-compare__grid\">\n\n\n        <!-- =====================================\n             XINRANK\n        ====================================== -->\n        <article class=\"nova-compare-card nova-compare-card--xinrank\">\n\n            <div class=\"nova-compare-card__top\">\n\n                <div class=\"nova-compare-card__heading\">\n\n                    <span class=\"nova-compare-card__label\">\n                        OUR APPROACH\n                    <\/span>\n\n                    <h3>\n                        XinRank\n                    <\/h3>\n\n                <\/div>\n\n                <div class=\"nova-compare-card__badge\">\n                    FOCUSED\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"nova-compare-list\">\n\n\n                <!-- 01 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--yes\">\n                        \u2713\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Strategy built around your business\n                        <\/h4>\n\n                        <p>\n                            We shape the approach around your goals, audience,\n                            market and current stage of growth.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 02 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--yes\">\n                        \u2713\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Focused specialist support\n                        <\/h4>\n\n                        <p>\n                            Different marketing activities are planned with the\n                            right channel expertise rather than treating every\n                            channel the same.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 03 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--yes\">\n                        \u2713\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Strategy before execution\n                        <\/h4>\n\n                        <p>\n                            We take time to understand your business, priorities\n                            and opportunities before campaigns begin.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 04 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--yes\">\n                        \u2713\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Flexible approach\n                        <\/h4>\n\n                        <p>\n                            Plans can evolve as priorities, customer behaviour\n                            and market conditions change.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 05 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--yes\">\n                        \u2713\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Connected digital marketing\n                        <\/h4>\n\n                        <p>\n                            SEO, paid media, content, social and conversion\n                            thinking work together as part of one wider strategy.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 06 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--yes\">\n                        \u2713\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Clear communication\n                        <\/h4>\n\n                        <p>\n                            You understand what is being worked on, why it\n                            matters and what the next priorities are.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 07 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--yes\">\n                        \u2713\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Continuous optimisation\n                        <\/h4>\n\n                        <p>\n                            Campaigns are reviewed and improved using performance\n                            data, learning and changing opportunities.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 08 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--yes\">\n                        \u2713\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Transparent collaboration\n                        <\/h4>\n\n                        <p>\n                            Reporting, communication and campaign information\n                            are kept clear and easy to understand.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =====================================\n             TRADITIONAL AGENCY MODEL\n        ====================================== -->\n        <article class=\"nova-compare-card nova-compare-card--traditional\">\n\n            <div class=\"nova-compare-card__top\">\n\n                <div class=\"nova-compare-card__heading\">\n\n                    <span class=\"nova-compare-card__label\">\n                        TRADITIONAL MODEL\n                    <\/span>\n\n                    <h3>\n                        Traditional Agency Approach\n                    <\/h3>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"nova-compare-list\">\n\n\n                <!-- 01 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--no\">\n                        \u00d7\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            More standardised service structures\n                        <\/h4>\n\n                        <p>\n                            Predefined packages can offer less room to adapt\n                            around individual business requirements.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 02 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--no\">\n                        \u00d7\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Channels managed separately\n                        <\/h4>\n\n                        <p>\n                            SEO, paid media, social and content may operate\n                            independently rather than as one connected strategy.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 03 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--no\">\n                        \u00d7\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Faster move into execution\n                        <\/h4>\n\n                        <p>\n                            Some approaches begin delivery quickly with less time\n                            spent understanding the wider business context.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 04 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--no\">\n                        \u00d7\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Less flexibility in scope\n                        <\/h4>\n\n                        <p>\n                            Fixed processes and packages can make changing\n                            priorities harder to accommodate.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 05 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--no\">\n                        \u00d7\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            More layers of communication\n                        <\/h4>\n\n                        <p>\n                            Larger account structures can sometimes create more\n                            distance between clients and delivery teams.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 06 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--no\">\n                        \u00d7\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Reporting without enough context\n                        <\/h4>\n\n                        <p>\n                            Performance data may be presented without clearly\n                            connecting it to priorities and next actions.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 07 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--no\">\n                        \u00d7\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            Periodic optimisation\n                        <\/h4>\n\n                        <p>\n                            Improvements may happen mainly around reporting\n                            cycles rather than through ongoing refinement.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 08 -->\n                <div class=\"nova-compare-item\">\n\n                    <span class=\"nova-compare-item__icon nova-compare-item__icon--no\">\n                        \u00d7\n                    <\/span>\n\n                    <div class=\"nova-compare-item__content\">\n\n                        <h4>\n                            More process-led relationships\n                        <\/h4>\n\n                        <p>\n                            Engagements can become centred around deliverables\n                            rather than wider commercial objectives.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n\n\n    <!-- =========================================\n         BOTTOM CTA\n    ========================================== -->\n    <div class=\"nova-compare__cta\">\n\n        <p>\n            Looking for a more focused digital growth partner?\n        <\/p>\n\n        <a href=\"#contact\" class=\"nova-compare__button\">\n\n            <span class=\"nova-compare__button-text\">\n                GET A FREE STRATEGY\n            <\/span>\n\n            <span class=\"nova-compare__button-icon\">\n                \u2197\n            <\/span>\n\n        <\/a>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n\n<style>.kadence-column30_d07587-3c > .kt-inside-inner-col,.kadence-column30_d07587-3c > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column30_d07587-3c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column30_d07587-3c > .kt-inside-inner-col{flex-direction:column;}.kadence-column30_d07587-3c > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column30_d07587-3c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column30_d07587-3c{position:relative;}@media all and (max-width: 1024px){.kadence-column30_d07587-3c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column30_d07587-3c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column30_d07587-3c\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XINRANK \u2014 SEARCH PLATFORM SECTION\n   FULL SCREEN \/ SAME BACKGROUND\n===================================================== *\/\n\n.xr-search-platforms {\n\n    --orange: #F86B00;\n    --white: #F8F8F8;\n    --warm: #EEEDE8;\n    --lavender: #CDCCF1;\n    --dark: #21211E;\n    --green: #D9E1DE;\n    --gray: #878682;\n    --rose: #EEE0DD;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n\n    padding: 72px 0 0 !important;\n\n    overflow-x: clip;\n\n    background: var(--white);\n\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        Arial,\n        sans-serif;\n}\n\n\n\/* =====================================================\n   RESET\n===================================================== *\/\n\n.xr-search-platforms,\n.xr-search-platforms *,\n.xr-search-platforms *::before,\n.xr-search-platforms *::after {\n\n    box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.xr-search-platforms__header {\n\n    width:\n        min(\n            940px,\n            calc(100% - 64px)\n        );\n\n    margin:\n        0\n        auto\n        50px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    justify-content: center;\n\n    text-align: center;\n}\n\n\n\/* =====================================================\n   EYEBROW\n===================================================== *\/\n\n.xr-search-platforms__eyebrow {\n\n    display: block;\n\n    width: 100%;\n\n    margin:\n        0\n        auto\n        4px;\n\n    color: var(--orange);\n\n    font-size: 10px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.16em;\n\n    text-align: center;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.xr-search-platforms__title {\n\n    width: 100%;\n\n    max-width: 850px;\n\n    margin:\n        0\n        auto !important;\n\n    padding: 0 !important;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(\n            34px,\n            3.25vw,\n            45px\n        );\n\n    line-height: 1.09;\n\n    letter-spacing: -0.03em;\n\n    font-weight: 600;\n\n    text-align: center;\n\n    overflow-wrap: break-word;\n}\n\n\n.xr-search-platforms__title span {\n\n    color: var(--orange);\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.xr-search-platforms__intro {\n\n    width: 100%;\n\n    max-width: 690px;\n\n    margin:\n        13px\n        auto\n        0 !important;\n\n    padding: 0;\n\n    color: #5F5F5B;\n\n    font-size: 15px;\n\n    line-height: 1.6;\n\n    font-weight: 400;\n\n    text-align: center;\n\n    overflow-wrap: break-word;\n}\n\n\n\/* =====================================================\n   FULL-WIDTH PLATFORM GRID\n===================================================== *\/\n\n.xr-search-platforms__grid {\n\n    position: relative;\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    align-items: stretch;\n\n    border-top:\n        1px solid\n        rgba(33, 33, 30, 0.10);\n\n    border-bottom:\n        1px solid\n        rgba(33, 33, 30, 0.10);\n\n    background: var(--white);\n}\n\n\n\/* =====================================================\n   PLATFORM\n===================================================== *\/\n\n.xr-search-platform {\n\n    position: relative;\n\n    width: 100%;\n\n    min-width: 0;\n\n    min-height: 350px;\n\n    padding:\n        46px\n        clamp(30px, 4.2vw, 76px)\n        43px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    justify-content: center;\n\n    text-align: center;\n\n    overflow: hidden;\n\n    background: var(--white);\n\n    transition:\n        background 0.25s ease;\n}\n\n\n\/* =====================================================\n   DIVIDER\n===================================================== *\/\n\n.xr-search-platform:not(:last-child)::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 40px;\n\n    right: 0;\n\n    bottom: 40px;\n\n    width: 1px;\n\n    background:\n        rgba(33, 33, 30, 0.11);\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n    .xr-search-platform:hover {\n\n        background:\n            rgba(238, 237, 232, 0.45);\n    }\n\n}\n\n\n\/* =====================================================\n   LOGO AREA\n===================================================== *\/\n\n.xr-search-platform__logo {\n\n    width: 140px;\n\n    height: 100px;\n\n    flex:\n        0\n        0\n        100px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    margin:\n        0\n        auto\n        18px;\n}\n\n\n\/* =====================================================\n   ACTUAL LOGOS\n===================================================== *\/\n\n.xr-search-platform__logo img {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 135px;\n\n    max-height: 78px;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    transition:\n        transform 0.25s ease;\n}\n\n\n@media (hover: hover) and (pointer: fine) {\n\n    .xr-search-platform:hover\n    .xr-search-platform__logo img {\n\n        transform:\n            translateY(-4px);\n    }\n\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.xr-search-platform__content {\n\n    width: 100%;\n\n    min-width: 0;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    text-align: center;\n}\n\n\n\/* =====================================================\n   PLATFORM TITLE\n===================================================== *\/\n\n.xr-search-platform h3 {\n\n    margin:\n        0\n        auto;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(\n            24px,\n            2.1vw,\n            29px\n        );\n\n    line-height: 1.14;\n\n    letter-spacing: -0.022em;\n\n    font-weight: 600;\n\n    text-align: center;\n\n    overflow-wrap: break-word;\n}\n\n\n\/* =====================================================\n   DESCRIPTION\n===================================================== *\/\n\n.xr-search-platform p {\n\n    width: 100%;\n\n    max-width: 305px;\n\n    min-height: 44px;\n\n    margin:\n        9px\n        auto\n        0;\n\n    color: #62625E;\n\n    font-size: 13.5px;\n\n    line-height: 1.55;\n\n    font-weight: 400;\n\n    text-align: center;\n\n    overflow-wrap: break-word;\n}\n\n\n\/* =====================================================\n   META TAG\n===================================================== *\/\n\n.xr-search-platform__meta {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    margin-top: 17px;\n\n    padding:\n        7px\n        11px;\n\n    border-radius: 999px;\n\n    background:\n        rgba(238, 237, 232, 0.90);\n\n    color: var(--gray);\n\n    font-size: 8px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.12em;\n\n    white-space: nowrap;\n}\n\n\n.xr-search-platform:nth-child(1)\n.xr-search-platform__meta,\n\n.xr-search-platform:nth-child(2)\n.xr-search-platform__meta {\n\n    background:\n        rgba(238, 237, 232, 0.90);\n}\n\n\n\/* =====================================================\n   LARGE DESKTOP\n===================================================== *\/\n\n@media (min-width: 1500px) {\n\n    .xr-search-platforms {\n\n        padding-top:\n            80px !important;\n    }\n\n\n    .xr-search-platforms__header {\n\n        margin-bottom:\n            56px;\n    }\n\n\n    .xr-search-platform {\n\n        min-height: 380px;\n\n        padding-left:\n            86px;\n\n        padding-right:\n            86px;\n    }\n\n\n    .xr-search-platform__logo {\n\n        width: 150px;\n\n        height: 108px;\n\n        flex-basis: 108px;\n    }\n\n\n    .xr-search-platform__logo img {\n\n        max-width: 145px;\n\n        max-height: 84px;\n    }\n\n\n    .xr-search-platform p {\n\n        max-width: 330px;\n    }\n\n}\n\n\n\/* =====================================================\n   LAPTOP\n===================================================== *\/\n\n@media (max-width: 1100px) {\n\n    .xr-search-platforms {\n\n        padding-top:\n            60px !important;\n    }\n\n\n    .xr-search-platforms__header {\n\n        width:\n            calc(100% - 52px);\n\n        margin-bottom:\n            42px;\n    }\n\n\n    .xr-search-platforms__title {\n\n        max-width: 760px;\n\n        font-size:\n            clamp(\n                32px,\n                3.8vw,\n                41px\n            );\n    }\n\n\n    .xr-search-platforms__intro {\n\n        max-width: 640px;\n\n        font-size: 14.5px;\n    }\n\n\n    .xr-search-platform {\n\n        min-height: 320px;\n\n        padding:\n            38px\n            27px\n            36px;\n    }\n\n\n    .xr-search-platform:not(:last-child)::after {\n\n        top: 32px;\n\n        bottom: 32px;\n    }\n\n\n    .xr-search-platform__logo {\n\n        width: 118px;\n\n        height: 88px;\n\n        flex-basis: 88px;\n\n        margin-bottom: 15px;\n    }\n\n\n    .xr-search-platform__logo img {\n\n        max-width: 115px;\n\n        max-height: 72px;\n    }\n\n\n    .xr-search-platform h3 {\n\n        font-size:\n            clamp(\n                22px,\n                2.4vw,\n                26px\n            );\n    }\n\n\n    .xr-search-platform p {\n\n        max-width: 255px;\n\n        font-size: 13px;\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 820px) {\n\n    .xr-search-platforms {\n\n        padding-top:\n            51px !important;\n    }\n\n\n    .xr-search-platforms__header {\n\n        width:\n            min(\n                700px,\n                calc(100% - 42px)\n            );\n\n        margin-bottom:\n            36px;\n    }\n\n\n    .xr-search-platforms__eyebrow {\n\n        font-size: 9.5px;\n    }\n\n\n    .xr-search-platforms__title {\n\n        max-width: 650px;\n\n        font-size:\n            clamp(\n                30px,\n                5vw,\n                38px\n            );\n    }\n\n\n    .xr-search-platforms__intro {\n\n        max-width: 590px;\n\n        font-size: 14px;\n    }\n\n\n    .xr-search-platform {\n\n        min-height: 290px;\n\n        padding:\n            31px\n            17px\n            29px;\n    }\n\n\n    .xr-search-platform:not(:last-child)::after {\n\n        top: 27px;\n\n        bottom: 27px;\n    }\n\n\n    .xr-search-platform__logo {\n\n        width: 98px;\n\n        height: 73px;\n\n        flex-basis: 73px;\n\n        margin-bottom: 13px;\n    }\n\n\n    .xr-search-platform__logo img {\n\n        max-width: 96px;\n\n        max-height: 62px;\n    }\n\n\n    .xr-search-platform h3 {\n\n        font-size: 21px;\n    }\n\n\n    .xr-search-platform p {\n\n        max-width: 210px;\n\n        min-height: 58px;\n\n        font-size: 12px;\n\n        line-height: 1.5;\n    }\n\n\n    .xr-search-platform__meta {\n\n        margin-top: 13px;\n\n        padding:\n            6px\n            8px;\n\n        font-size: 6.8px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 600px) {\n\n    .xr-search-platforms {\n\n        padding-top:\n            43px !important;\n    }\n\n\n    .xr-search-platforms__header {\n\n        width:\n            calc(100% - 30px);\n\n        margin-bottom:\n            27px;\n    }\n\n\n    .xr-search-platforms__eyebrow {\n\n        margin-bottom: 3px;\n\n        font-size: 9px;\n    }\n\n\n    .xr-search-platforms__title {\n\n        max-width: 460px;\n\n        font-size:\n            clamp(\n                27px,\n                8vw,\n                34px\n            );\n\n        line-height: 1.12;\n    }\n\n\n    .xr-search-platforms__intro {\n\n        max-width: 430px;\n\n        margin-top:\n            10px !important;\n\n        font-size: 13.5px;\n\n        line-height: 1.55;\n    }\n\n\n    \/* STACK BOTH *\/\n\n    .xr-search-platforms__grid {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .xr-search-platform {\n\n        width: 100%;\n\n        min-height: 0;\n\n        padding:\n            28px\n            20px;\n\n        background: var(--white);\n    }\n\n\n    \/* HORIZONTAL DIVIDER *\/\n\n    .xr-search-platform:not(:last-child)::after {\n\n        top: auto;\n\n        left: 7%;\n\n        right: 7%;\n\n        bottom: 0;\n\n        width: 86%;\n\n        height: 1px;\n    }\n\n\n    .xr-search-platform__logo {\n\n        width: 90px;\n\n        height: 68px;\n\n        flex-basis: 68px;\n\n        margin-bottom: 11px;\n    }\n\n\n    .xr-search-platform__logo img {\n\n        max-width: 90px;\n\n        max-height: 58px;\n    }\n\n\n    .xr-search-platform h3 {\n\n        font-size: 22px;\n    }\n\n\n    .xr-search-platform p {\n\n        max-width: 360px;\n\n        min-height: 0;\n\n        margin-top: 7px;\n\n        font-size: 13px;\n\n        line-height: 1.5;\n    }\n\n\n    .xr-search-platform__meta {\n\n        margin-top: 12px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xr-search-platforms {\n\n        padding-top:\n            37px !important;\n    }\n\n\n    .xr-search-platforms__header {\n\n        width:\n            calc(100% - 24px);\n\n        margin-bottom:\n            23px;\n    }\n\n\n    .xr-search-platforms__title {\n\n        max-width: 360px;\n\n        font-size:\n            clamp(\n                25px,\n                7.6vw,\n                30px\n            );\n    }\n\n\n    .xr-search-platforms__intro {\n\n        max-width: 350px;\n\n        font-size: 13px;\n    }\n\n\n    .xr-search-platform {\n\n        padding:\n            24px\n            16px;\n    }\n\n\n    .xr-search-platform__logo {\n\n        width: 82px;\n\n        height: 62px;\n\n        flex-basis: 62px;\n    }\n\n\n    .xr-search-platform__logo img {\n\n        max-width: 82px;\n\n        max-height: 54px;\n    }\n\n\n    .xr-search-platform h3 {\n\n        font-size: 21px;\n    }\n\n\n    .xr-search-platform p {\n\n        max-width: 320px;\n\n        font-size: 12.5px;\n    }\n\n\n    .xr-search-platform__meta {\n\n        font-size: 6.7px;\n    }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 350px) {\n\n    .xr-search-platforms {\n\n        padding-top:\n            34px !important;\n    }\n\n\n    .xr-search-platforms__header {\n\n        width:\n            calc(100% - 20px);\n\n        margin-bottom:\n            21px;\n    }\n\n\n    .xr-search-platforms__title {\n\n        font-size: 24px;\n    }\n\n\n    .xr-search-platforms__intro {\n\n        font-size: 12.5px;\n    }\n\n\n    .xr-search-platform {\n\n        padding:\n            22px\n            13px;\n    }\n\n\n    .xr-search-platform__logo img {\n\n        max-width: 76px;\n\n        max-height: 50px;\n    }\n\n\n    .xr-search-platform p {\n\n        max-width: 290px;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .xr-search-platform,\n    .xr-search-platform__logo img {\n\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<section class=\"xr-search-platforms\" id=\"seo-platforms\">\n\n    <!-- =========================================\n         SECTION HEADER\n    ========================================== -->\n    <div class=\"xr-search-platforms__header\">\n\n        <span class=\"xr-search-platforms__eyebrow\">\n            SEARCH MARKETING\n        <\/span>\n\n        <h2 class=\"xr-search-platforms__title\">\n            Search visibility across\n            <span>global and Chinese markets.<\/span>\n        <\/h2>\n\n        <p class=\"xr-search-platforms__intro\">\n            We help brands strengthen their presence across the search platforms\n            customers use to discover businesses, products and services.\n        <\/p>\n\n    <\/div>\n\n\n    <!-- =========================================\n         FULL-WIDTH PLATFORM AREA\n    ========================================== -->\n    <div class=\"xr-search-platforms__grid\">\n\n\n        <!-- =====================================\n             GOOGLE\n        ====================================== -->\n        <article class=\"xr-search-platform\">\n\n            <div class=\"xr-search-platform__logo xr-search-platform__logo--google\">\n\n                <img\n                    src=\"https:\/\/xinrank.com\/wp-content\/uploads\/2026\/09\/G-Icon.webp\"\n                    alt=\"Google\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n\n            <div class=\"xr-search-platform__content\">\n\n                <h3>\n                    Google\n                <\/h3>\n\n                <p>\n                    Build search visibility across Hong Kong\n                    and international markets.\n                <\/p>\n\n                <span class=\"xr-search-platform__meta\">\n                    GLOBAL SEARCH\n                <\/span>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =====================================\n             BING\n        ====================================== -->\n        <article class=\"xr-search-platform\">\n\n            <div class=\"xr-search-platform__logo xr-search-platform__logo--bing\">\n\n                <img\n                    src=\"https:\/\/xinrank.com\/wp-content\/uploads\/2026\/09\/B-Icon.webp\"\n                    alt=\"Bing\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n\n            <div class=\"xr-search-platform__content\">\n\n                <h3>\n                    Bing\n                <\/h3>\n\n                <p>\n                    Expand your visibility across Microsoft's\n                    wider search ecosystem.\n                <\/p>\n\n                <span class=\"xr-search-platform__meta\">\n                    MICROSOFT SEARCH\n                <\/span>\n\n            <\/div>\n\n        <\/article>\n\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n\n<style>.kadence-column30_6ccf6e-f6 > .kt-inside-inner-col,.kadence-column30_6ccf6e-f6 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column30_6ccf6e-f6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column30_6ccf6e-f6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column30_6ccf6e-f6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column30_6ccf6e-f6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column30_6ccf6e-f6{position:relative;}@media all and (max-width: 1024px){.kadence-column30_6ccf6e-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column30_6ccf6e-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column30_6ccf6e-f6\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XINRANK FAQ\n===================================================== *\/\n\n.xr-faq {\n\n    --orange: #F86B00;\n    --white: #F8F8F8;\n    --warm: #EEEDE8;\n    --lavender: #CDCCF1;\n    --dark: #21211E;\n    --green: #D9E1DE;\n    --gray: #878682;\n    --rose: #EEE0DD;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n\n    padding: 76px 0 !important;\n\n    overflow-x: clip;\n\n    background: var(--warm);\n\n    color: var(--dark);\n\n    font-family:\n        \"Outfit\",\n        \"Noto Sans SC\",\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        Arial,\n        sans-serif;\n}\n\n\n.xr-faq,\n.xr-faq *,\n.xr-faq *::before,\n.xr-faq *::after {\n\n    box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   INNER\n===================================================== *\/\n\n.xr-faq__inner {\n\n    width:\n        min(\n            1240px,\n            calc(100% - 64px)\n        );\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 0.78fr)\n        minmax(0, 1.22fr);\n\n    align-items: start;\n\n    gap:\n        clamp(\n            55px,\n            6.5vw,\n            95px\n        );\n}\n\n\n\/* =====================================================\n   LEFT SIDE\n===================================================== *\/\n\n.xr-faq__intro {\n\n    position: sticky;\n\n    top: 105px;\n\n    min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n.xr-faq__eyebrow {\n\n    display: block;\n\n    margin:\n        0\n        0\n        5px;\n\n    color: var(--orange);\n\n    font-size: 10px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.16em;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.xr-faq__title {\n\n    width: 100%;\n\n    max-width: 460px;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    color: var(--dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(\n            36px,\n            3.8vw,\n            50px\n        );\n\n    line-height: 1.03;\n\n    letter-spacing: -0.035em;\n\n    font-weight: 600;\n\n    overflow-wrap: break-word;\n}\n\n\n.xr-faq__title span {\n\n    display: block;\n\n    color: var(--orange);\n}\n\n\n\/* =====================================================\n   DESCRIPTION\n===================================================== *\/\n\n.xr-faq__description {\n\n    width: 100%;\n\n    max-width: 420px;\n\n    margin:\n        16px\n        0\n        0 !important;\n\n    padding: 0;\n\n    color: #62625E;\n\n    font-size: 15px;\n\n    line-height: 1.6;\n\n    overflow-wrap: break-word;\n}\n\n\n\/* =====================================================\n   CONTACT AREA\n   NO LARGE EMPTY GAP\n===================================================== *\/\n\n.xr-faq__contact {\n\n    width: 100%;\n\n    max-width: 430px;\n\n    margin-top: 28px;\n\n    padding-top: 23px;\n\n    border-top:\n        1px solid\n        rgba(33, 33, 30, 0.14);\n}\n\n\n.xr-faq__contact-copy {\n\n    margin-bottom: 15px;\n}\n\n\n.xr-faq__contact-label {\n\n    display: block;\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-size: 15px;\n\n    line-height: 1.35;\n\n    font-weight: 600;\n}\n\n\n.xr-faq__contact-copy p {\n\n    max-width: 370px;\n\n    margin:\n        5px\n        0\n        0 !important;\n\n    color: #6A6965;\n\n    font-size: 13px;\n\n    line-height: 1.5;\n}\n\n\n\/* =====================================================\n   CTA\n===================================================== *\/\n\n.xr-faq__button {\n\n    min-height: 54px;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 14px;\n\n    padding:\n        6px\n        7px\n        6px\n        20px;\n\n    border: 0 !important;\n\n    border-radius: 999px;\n\n    background: var(--orange) !important;\n\n    color: #FFFFFF !important;\n\n    box-shadow: none !important;\n\n    font-family: inherit;\n\n    text-decoration: none !important;\n\n    transition:\n        background 0.2s ease,\n        transform 0.2s ease;\n}\n\n\n.xr-faq__button-text {\n\n    font-size: 11px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.08em;\n}\n\n\n.xr-faq__button-icon {\n\n    width: 40px;\n\n    height: 40px;\n\n    flex:\n        0\n        0\n        40px;\n\n    display: grid;\n\n    place-items: center;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255, 255, 255, 0.18);\n\n    font-size: 15px;\n\n    line-height: 1;\n\n    transition:\n        background 0.2s ease,\n        color 0.2s ease,\n        transform 0.2s ease;\n}\n\n\n@media (hover: hover) and (pointer: fine) {\n\n    .xr-faq__button:hover {\n\n        background: var(--dark) !important;\n\n        color: #FFFFFF !important;\n\n        transform:\n            translateY(-2px);\n    }\n\n\n    .xr-faq__button:hover\n    .xr-faq__button-icon {\n\n        background: #FFFFFF;\n\n        color: var(--dark);\n\n        transform:\n            rotate(6deg);\n    }\n\n}\n\n\n\/* =====================================================\n   ACCORDION\n===================================================== *\/\n\n.xr-faq__accordion {\n\n    width: 100%;\n\n    min-width: 0;\n\n    border-top:\n        1px solid\n        rgba(33, 33, 30, 0.15);\n}\n\n\n\/* =====================================================\n   FAQ ITEM\n===================================================== *\/\n\n.xr-faq-item {\n\n    position: relative;\n\n    width: 100%;\n\n    border-bottom:\n        1px solid\n        rgba(33, 33, 30, 0.15);\n}\n\n\n\/* =====================================================\n   QUESTION BUTTON\n===================================================== *\/\n\n.xr-faq-item__question {\n\n    -webkit-appearance: none !important;\n    appearance: none !important;\n\n    width: 100%;\n\n    min-height: 86px;\n\n    margin: 0 !important;\n\n    padding:\n        20px\n        0 !important;\n\n    display: grid;\n\n    grid-template-columns:\n        38px\n        minmax(0, 1fr)\n        38px;\n\n    align-items: center;\n\n    gap: 16px;\n\n    border: 0 !important;\n\n    border-radius: 0 !important;\n\n    outline: 0;\n\n    background: transparent !important;\n\n    background-color: transparent !important;\n\n    background-image: none !important;\n\n    box-shadow: none !important;\n\n    color: var(--dark) !important;\n\n    font-family: inherit;\n\n    text-align: left;\n\n    text-transform: none;\n\n    cursor: pointer;\n\n    -webkit-tap-highlight-color: transparent;\n}\n\n\n\/* =====================================================\n   IMPORTANT:\n   PREVENT WORDPRESS \/ KADENCE BLUE BUTTON HOVER\n===================================================== *\/\n\n.xr-faq-item__question:hover,\n.xr-faq-item__question:focus,\n.xr-faq-item__question:active,\n.xr-faq-item__question:visited {\n\n    background: transparent !important;\n\n    background-color: transparent !important;\n\n    background-image: none !important;\n\n    color: var(--dark) !important;\n\n    border: 0 !important;\n\n    box-shadow: none !important;\n\n    outline: 0;\n}\n\n\n\/* =====================================================\n   NUMBER\n===================================================== *\/\n\n.xr-faq-item__number {\n\n    color: var(--gray);\n\n    font-size: 10px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.1em;\n\n    transition:\n        color 0.2s ease;\n}\n\n\n.xr-faq-item.is-open\n.xr-faq-item__number {\n\n    color: var(--orange);\n}\n\n\n\/* =====================================================\n   QUESTION TEXT\n===================================================== *\/\n\n.xr-faq-item__question-text {\n\n    min-width: 0;\n\n    color: var(--dark);\n\n    font-size:\n        clamp(\n            17px,\n            1.35vw,\n            20px\n        );\n\n    line-height: 1.32;\n\n    letter-spacing: -0.015em;\n\n    font-weight: 500;\n\n    overflow-wrap: break-word;\n\n    transition:\n        color 0.2s ease;\n}\n\n\n\/* =====================================================\n   PLUS \/ MINUS\n===================================================== *\/\n\n.xr-faq-item__toggle {\n\n    position: relative;\n\n    width: 36px;\n\n    height: 36px;\n\n    justify-self: end;\n\n    border:\n        1px solid\n        rgba(33, 33, 30, 0.18);\n\n    border-radius: 50%;\n\n    background: transparent;\n\n    transition:\n        background 0.2s ease,\n        border-color 0.2s ease;\n}\n\n\n.xr-faq-item__toggle span {\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 12px;\n\n    height: 1.5px;\n\n    border-radius: 2px;\n\n    background: var(--dark);\n\n    transform:\n        translate(-50%, -50%);\n\n    transition:\n        transform 0.25s ease,\n        background 0.2s ease;\n}\n\n\n.xr-faq-item__toggle span:last-child {\n\n    transform:\n        translate(-50%, -50%)\n        rotate(90deg);\n}\n\n\n\/* OPEN *\/\n\n.xr-faq-item.is-open\n.xr-faq-item__toggle {\n\n    background: var(--orange);\n\n    border-color: var(--orange);\n}\n\n\n.xr-faq-item.is-open\n.xr-faq-item__toggle span {\n\n    background: #FFFFFF;\n}\n\n\n.xr-faq-item.is-open\n.xr-faq-item__toggle span:last-child {\n\n    transform:\n        translate(-50%, -50%)\n        rotate(0deg);\n}\n\n\n\/* =====================================================\n   SUBTLE HOVER ONLY\n   NO QUESTION BACKGROUND CHANGE\n===================================================== *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n    .xr-faq-item__question:hover\n    .xr-faq-item__question-text {\n\n        color: var(--orange);\n    }\n\n\n    .xr-faq-item__question:hover\n    .xr-faq-item__toggle {\n\n        border-color:\n            rgba(248, 107, 0, 0.7);\n    }\n\n}\n\n\n\/* =====================================================\n   KEYBOARD ACCESSIBILITY\n===================================================== *\/\n\n.xr-faq-item__question:focus-visible {\n\n    background: transparent !important;\n\n    outline:\n        2px solid\n        var(--orange) !important;\n\n    outline-offset: 4px;\n}\n\n\n\/* =====================================================\n   ANSWER ANIMATION\n===================================================== *\/\n\n.xr-faq-item__answer {\n\n    display: grid;\n\n    grid-template-rows: 0fr;\n\n    opacity: 0;\n\n    transition:\n        grid-template-rows 0.3s ease,\n        opacity 0.22s ease;\n}\n\n\n.xr-faq-item.is-open\n.xr-faq-item__answer {\n\n    grid-template-rows: 1fr;\n\n    opacity: 1;\n}\n\n\n.xr-faq-item__answer-inner {\n\n    min-height: 0;\n\n    overflow: hidden;\n}\n\n\n.xr-faq-item__answer p {\n\n    width: auto;\n\n    max-width: 650px;\n\n    margin:\n        0\n        54px\n        24px\n        54px !important;\n\n    padding: 0;\n\n    color: #62625E;\n\n    font-size: 14px;\n\n    line-height: 1.6;\n\n    overflow-wrap: break-word;\n}\n\n\n\/* =====================================================\n   LAPTOP\n===================================================== *\/\n\n@media (max-width: 1100px) {\n\n    .xr-faq {\n\n        padding:\n            62px\n            0 !important;\n    }\n\n\n    .xr-faq__inner {\n\n        width:\n            calc(100% - 52px);\n\n        grid-template-columns:\n            minmax(0, 0.72fr)\n            minmax(0, 1.28fr);\n\n        gap: 50px;\n    }\n\n\n    .xr-faq__title {\n\n        font-size:\n            clamp(\n                34px,\n                4vw,\n                45px\n            );\n    }\n\n\n    .xr-faq__description {\n\n        font-size: 14px;\n    }\n\n\n    .xr-faq__contact {\n\n        margin-top: 25px;\n\n        padding-top: 21px;\n    }\n\n\n    .xr-faq-item__question {\n\n        min-height: 80px;\n\n        grid-template-columns:\n            33px\n            minmax(0, 1fr)\n            36px;\n\n        gap: 13px;\n    }\n\n\n    .xr-faq-item__question-text {\n\n        font-size: 17px;\n    }\n\n\n    .xr-faq-item__answer p {\n\n        margin:\n            0\n            48px\n            22px\n            46px !important;\n\n        font-size: 13.5px;\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 900px) {\n\n    .xr-faq {\n\n        padding:\n            52px\n            0 !important;\n    }\n\n\n    .xr-faq__inner {\n\n        width:\n            min(\n                720px,\n                calc(100% - 42px)\n            );\n\n        grid-template-columns: 1fr;\n\n        gap: 37px;\n    }\n\n\n    \/* DISABLE STICKY *\/\n\n    .xr-faq__intro {\n\n        position: static;\n\n        top: auto;\n\n        display: flex;\n\n        flex-direction: column;\n\n        align-items: center;\n\n        text-align: center;\n    }\n\n\n    .xr-faq__eyebrow {\n\n        text-align: center;\n    }\n\n\n    .xr-faq__title {\n\n        max-width: 620px;\n\n        margin-left: auto !important;\n\n        margin-right: auto !important;\n\n        font-size:\n            clamp(\n                31px,\n                5.4vw,\n                40px\n            );\n\n        text-align: center;\n    }\n\n\n    .xr-faq__title span {\n\n        display: inline;\n    }\n\n\n    .xr-faq__description {\n\n        max-width: 580px;\n\n        margin-left: auto !important;\n\n        margin-right: auto !important;\n\n        text-align: center;\n    }\n\n\n    \/*\n       Professional compact contact area\n    *\/\n\n    .xr-faq__contact {\n\n        width: 100%;\n\n        max-width: 580px;\n\n        margin-top: 24px;\n\n        padding-top: 21px;\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: space-between;\n\n        gap: 20px;\n\n        text-align: left;\n    }\n\n\n    .xr-faq__contact-copy {\n\n        margin-bottom: 0;\n\n        flex: 1;\n    }\n\n\n    .xr-faq__contact-copy p {\n\n        margin-top: 4px !important;\n    }\n\n\n    .xr-faq__button {\n\n        flex: 0 0 auto;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 600px) {\n\n    .xr-faq {\n\n        padding:\n            43px\n            0 !important;\n    }\n\n\n    .xr-faq__inner {\n\n        width:\n            calc(100% - 30px);\n\n        gap: 30px;\n    }\n\n\n    .xr-faq__eyebrow {\n\n        margin-bottom: 3px;\n\n        font-size: 9px;\n    }\n\n\n    .xr-faq__title {\n\n        max-width: 460px;\n\n        font-size:\n            clamp(\n                28px,\n                8vw,\n                35px\n            );\n\n        line-height: 1.08;\n    }\n\n\n    .xr-faq__title span {\n\n        display: block;\n    }\n\n\n    .xr-faq__description {\n\n        max-width: 420px;\n\n        margin-top: 11px !important;\n\n        font-size: 13.5px;\n\n        line-height: 1.55;\n    }\n\n\n    \/* CONTACT STACK *\/\n\n    .xr-faq__contact {\n\n        max-width: 420px;\n\n        margin-top: 21px;\n\n        padding-top: 19px;\n\n        flex-direction: column;\n\n        align-items: center;\n\n        gap: 14px;\n\n        text-align: center;\n    }\n\n\n    .xr-faq__contact-copy p {\n\n        max-width: 340px;\n\n        margin-left: auto !important;\n\n        margin-right: auto !important;\n    }\n\n\n    \/* QUESTIONS *\/\n\n    .xr-faq-item__question {\n\n        min-height: 72px;\n\n        padding:\n            17px\n            0 !important;\n\n        grid-template-columns:\n            28px\n            minmax(0, 1fr)\n            33px;\n\n        gap: 9px;\n    }\n\n\n    .xr-faq-item__number {\n\n        font-size: 8px;\n    }\n\n\n    .xr-faq-item__question-text {\n\n        font-size: 15px;\n\n        line-height: 1.35;\n    }\n\n\n    .xr-faq-item__toggle {\n\n        width: 31px;\n\n        height: 31px;\n    }\n\n\n    .xr-faq-item__toggle span {\n\n        width: 10px;\n    }\n\n\n    .xr-faq-item__answer p {\n\n        max-width: none;\n\n        margin:\n            0\n            41px\n            19px\n            37px !important;\n\n        font-size: 13px;\n\n        line-height: 1.55;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xr-faq {\n\n        padding:\n            37px\n            0 !important;\n    }\n\n\n    .xr-faq__inner {\n\n        width:\n            calc(100% - 24px);\n\n        gap: 27px;\n    }\n\n\n    .xr-faq__title {\n\n        max-width: 360px;\n\n        font-size:\n            clamp(\n                25px,\n                7.7vw,\n                31px\n            );\n    }\n\n\n    .xr-faq__description {\n\n        max-width: 350px;\n\n        font-size: 13px;\n    }\n\n\n    .xr-faq__contact {\n\n        margin-top: 19px;\n\n        padding-top: 17px;\n    }\n\n\n    .xr-faq__contact-label {\n\n        font-size: 14px;\n    }\n\n\n    .xr-faq__contact-copy p {\n\n        font-size: 12.5px;\n    }\n\n\n    .xr-faq-item__question {\n\n        grid-template-columns:\n            24px\n            minmax(0, 1fr)\n            30px;\n\n        gap: 8px;\n    }\n\n\n    .xr-faq-item__question-text {\n\n        font-size: 14px;\n    }\n\n\n    .xr-faq-item__toggle {\n\n        width: 28px;\n\n        height: 28px;\n    }\n\n\n    .xr-faq-item__answer p {\n\n        margin:\n            0\n            36px\n            17px\n            32px !important;\n\n        font-size: 12.5px;\n    }\n\n\n    .xr-faq__button {\n\n        min-height: 52px;\n    }\n\n\n    .xr-faq__button-icon {\n\n        width: 38px;\n\n        height: 38px;\n\n        flex-basis: 38px;\n    }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 350px) {\n\n    .xr-faq__inner {\n\n        width:\n            calc(100% - 20px);\n    }\n\n\n    .xr-faq__title {\n\n        font-size: 24px;\n    }\n\n\n    \/*\n       Hide numbers to give long translated\n       questions more horizontal room\n    *\/\n\n    .xr-faq-item__question {\n\n        grid-template-columns:\n            minmax(0, 1fr)\n            29px;\n\n        gap: 9px;\n    }\n\n\n    .xr-faq-item__number {\n\n        display: none;\n    }\n\n\n    .xr-faq-item__answer p {\n\n        margin:\n            0\n            35px\n            17px\n            0 !important;\n    }\n\n\n    .xr-faq__button {\n\n        width: 100%;\n\n        max-width: 220px;\n    }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .xr-faq-item__answer,\n    .xr-faq-item__toggle,\n    .xr-faq-item__toggle span,\n    .xr-faq-item__question-text,\n    .xr-faq__button,\n    .xr-faq__button-icon {\n\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const faqSection = document.querySelector(\".xr-faq\");\n\n    if (!faqSection) return;\n\n    const faqItems =\n        faqSection.querySelectorAll(\".xr-faq-item\");\n\n\n    faqItems.forEach(function (item) {\n\n        const button =\n            item.querySelector(\".xr-faq-item__question\");\n\n        if (!button) return;\n\n\n        button.addEventListener(\"click\", function () {\n\n            const wasOpen =\n                item.classList.contains(\"is-open\");\n\n\n            \/* CLOSE ALL ITEMS *\/\n            faqItems.forEach(function (otherItem) {\n\n                otherItem.classList.remove(\"is-open\");\n\n                const otherButton =\n                    otherItem.querySelector(\n                        \".xr-faq-item__question\"\n                    );\n\n                if (otherButton) {\n\n                    otherButton.setAttribute(\n                        \"aria-expanded\",\n                        \"false\"\n                    );\n\n                }\n\n            });\n\n\n            \/* OPEN CLICKED ITEM *\/\n            if (!wasOpen) {\n\n                item.classList.add(\"is-open\");\n\n                button.setAttribute(\n                    \"aria-expanded\",\n                    \"true\"\n                );\n\n            }\n\n        });\n\n    });\n\n});\n<\/script>\n\n<section class=\"xr-faq\" id=\"faqs\">\n\n    <div class=\"xr-faq__inner\">\n\n        <!-- =====================================\n             LEFT INTRO\n        ====================================== -->\n        <div class=\"xr-faq__intro\">\n\n            <span class=\"xr-faq__eyebrow\">\n                FREQUENTLY ASKED QUESTIONS\n            <\/span>\n\n            <h2 class=\"xr-faq__title\">\n                Questions?\n                <span>We have got answers.<\/span>\n            <\/h2>\n\n            <p class=\"xr-faq__description\">\n                Straightforward answers to some of the questions businesses\n                ask before working with XinRank.\n            <\/p>\n\n\n            <!-- CONTACT -->\n            <div class=\"xr-faq__contact\">\n\n                <div class=\"xr-faq__contact-copy\">\n\n                    <span class=\"xr-faq__contact-label\">\n                        Still have a question?\n                    <\/span>\n\n                    <p>\n                        Talk to us about your business and what you want to achieve.\n                    <\/p>\n\n                <\/div>\n\n                <a href=\"#contact\" class=\"xr-faq__button\">\n\n                    <span class=\"xr-faq__button-text\">\n                        TALK TO US\n                    <\/span>\n\n                    <span class=\"xr-faq__button-icon\">\n                        \u2197\n                    <\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================\n             FAQ ACCORDION\n        ====================================== -->\n        <div class=\"xr-faq__accordion\">\n\n\n            <!-- FAQ 01 -->\n            <div class=\"xr-faq-item is-open\">\n\n                <button class=\"xr-faq-item__question\" type=\"button\" aria-expanded=\"true\" aria-controls=\"xr-faq-answer-01\">\n\n                    <span class=\"xr-faq-item__number\">\n                        01\n                    <\/span>\n\n                    <span class=\"xr-faq-item__question-text\">\n                        Can you guarantee an ROI for my digital marketing campaign?\n                    <\/span>\n\n                    <span class=\"xr-faq-item__toggle\" aria-hidden=\"true\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"xr-faq-item__answer\" id=\"xr-faq-answer-01\">\n\n                    <div class=\"xr-faq-item__answer-inner\">\n\n                        <p>\n                            No. Results depend on your market, competition,\n                            budget and offer. We focus on measurable performance\n                            and ongoing optimisation.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- FAQ 02 -->\n            <div class=\"xr-faq-item\">\n\n                <button class=\"xr-faq-item__question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"xr-faq-answer-02\">\n\n                    <span class=\"xr-faq-item__number\">\n                        02\n                    <\/span>\n\n                    <span class=\"xr-faq-item__question-text\">\n                        How does digital marketing help to nurture leads?\n                    <\/span>\n\n                    <span class=\"xr-faq-item__toggle\" aria-hidden=\"true\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"xr-faq-item__answer\" id=\"xr-faq-answer-02\">\n\n                    <div class=\"xr-faq-item__answer-inner\">\n\n                        <p>\n                            It keeps your brand visible throughout the customer\n                            journey and helps move prospects closer to enquiry\n                            or purchase.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- FAQ 03 -->\n            <div class=\"xr-faq-item\">\n\n                <button class=\"xr-faq-item__question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"xr-faq-answer-03\">\n\n                    <span class=\"xr-faq-item__number\">\n                        03\n                    <\/span>\n\n                    <span class=\"xr-faq-item__question-text\">\n                        Why choose XinRank over a traditional digital agency?\n                    <\/span>\n\n                    <span class=\"xr-faq-item__toggle\" aria-hidden=\"true\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"xr-faq-item__answer\" id=\"xr-faq-answer-03\">\n\n                    <div class=\"xr-faq-item__answer-inner\">\n\n                        <p>\n                            We focus on flexible strategy, clear communication\n                            and integrated execution tailored to your business.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- FAQ 04 -->\n            <div class=\"xr-faq-item\">\n\n                <button class=\"xr-faq-item__question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"xr-faq-answer-04\">\n\n                    <span class=\"xr-faq-item__number\">\n                        04\n                    <\/span>\n\n                    <span class=\"xr-faq-item__question-text\">\n                        Does XinRank offer customised digital marketing solutions?\n                    <\/span>\n\n                    <span class=\"xr-faq-item__toggle\" aria-hidden=\"true\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"xr-faq-item__answer\" id=\"xr-faq-answer-04\">\n\n                    <div class=\"xr-faq-item__answer-inner\">\n\n                        <p>\n                            Yes. We build strategies around your goals, audience,\n                            market and priorities instead of using one-size-fits-all\n                            packages.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- FAQ 05 -->\n            <div class=\"xr-faq-item\">\n\n                <button class=\"xr-faq-item__question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"xr-faq-answer-05\">\n\n                    <span class=\"xr-faq-item__number\">\n                        05\n                    <\/span>\n\n                    <span class=\"xr-faq-item__question-text\">\n                        How does XinRank approach audience research and targeting?\n                    <\/span>\n\n                    <span class=\"xr-faq-item__toggle\" aria-hidden=\"true\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"xr-faq-item__answer\" id=\"xr-faq-answer-05\">\n\n                    <div class=\"xr-faq-item__answer-inner\">\n\n                        <p>\n                            We study your customers, market, search behaviour\n                            and available data to improve targeting and messaging.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- FAQ 06 -->\n            <div class=\"xr-faq-item\">\n\n                <button class=\"xr-faq-item__question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"xr-faq-answer-06\">\n\n                    <span class=\"xr-faq-item__number\">\n                        06\n                    <\/span>\n\n                    <span class=\"xr-faq-item__question-text\">\n                        Why does an integrated digital marketing approach matter?\n                    <\/span>\n\n                    <span class=\"xr-faq-item__toggle\" aria-hidden=\"true\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"xr-faq-item__answer\" id=\"xr-faq-answer-06\">\n\n                    <div class=\"xr-faq-item__answer-inner\">\n\n                        <p>\n                            Customers use multiple channels. Connecting them\n                            creates a more consistent and effective strategy.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- FAQ 07 -->\n            <div class=\"xr-faq-item\">\n\n                <button class=\"xr-faq-item__question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"xr-faq-answer-07\">\n\n                    <span class=\"xr-faq-item__number\">\n                        07\n                    <\/span>\n\n                    <span class=\"xr-faq-item__question-text\">\n                        Can XinRank work with my existing website, CMS or technical setup?\n                    <\/span>\n\n                    <span class=\"xr-faq-item__toggle\" aria-hidden=\"true\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"xr-faq-item__answer\" id=\"xr-faq-answer-07\">\n\n                    <div class=\"xr-faq-item__answer-inner\">\n\n                        <p>\n                            In most cases, yes. We can work with existing\n                            websites, developers and internal teams depending\n                            on your setup and access.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- FAQ 08 -->\n            <div class=\"xr-faq-item\">\n\n                <button class=\"xr-faq-item__question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"xr-faq-answer-08\">\n\n                    <span class=\"xr-faq-item__number\">\n                        08\n                    <\/span>\n\n                    <span class=\"xr-faq-item__question-text\">\n                        How will XinRank measure campaign performance?\n                    <\/span>\n\n                    <span class=\"xr-faq-item__toggle\" aria-hidden=\"true\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"xr-faq-item__answer\" id=\"xr-faq-answer-08\">\n\n                    <div class=\"xr-faq-item__answer-inner\">\n\n                        <p>\n                            We track the metrics most relevant to your goals,\n                            including traffic, leads, conversions and campaign\n                            efficiency.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>DIGITAL GROWTH PARTNER Build a stronger brand. Grow with confidence. We combine strategy, performance marketing and creative thinking to help ambitious businesses generate more leads, increase sales and build sustainable growth. GET A FREE STRATEGY \u2197 01 Growth Strategy Built around business goals 02 SEO &amp; Content Long-term organic growth 03 Paid Media Performance-focused campaigns&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"admin","author_link":"https:\/\/xinrank.com\/zh\/author\/admin\/"},"comment_info":0,"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/xinrank.com\/zh\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xinrank.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xinrank.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xinrank.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xinrank.com\/zh\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":69,"href":"https:\/\/xinrank.com\/zh\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":233,"href":"https:\/\/xinrank.com\/zh\/wp-json\/wp\/v2\/pages\/30\/revisions\/233"}],"wp:attachment":[{"href":"https:\/\/xinrank.com\/zh\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}