/* Bring the cloned navbar back as a sticky bar on scroll */
        .navbar-wrapper.is-cloned {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 30;
            background: #fff;
            box-shadow: 0 6px 18px -10px rgba(25, 25, 25, 0.25);
            transform: translateY(-120%);
            opacity: 0;
            pointer-events: none;
            transition: transform 0.25s ease, opacity 0.25s ease;
        }

        .navbar-wrapper.is-cloned.is-active {
            transform: translateY(0);
            opacity: 1;
            pointer-events: auto;
        }

        /* Replace missing background icons in the Multiple Benefits cards */
        .flex-card.icon-card-hover.first-card {
            background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url(assets/img/graphics/icons/building-core.svg);
            background-position: 0 0, calc(100% - 24px) 24px;
            background-size: auto, 120px;
            background-repeat: repeat, no-repeat;
        }

        .flex-card.icon-card-hover.first-card:hover {
            background-image: linear-gradient(180deg, transparent, transparent), url(assets/img/graphics/icons/building-core.svg);
            background-position: 0 0, calc(100% - 24px) 0;
            background-size: auto, 120px;
            background-repeat: repeat, no-repeat;
        }

        .flex-card.icon-card-hover.second-card {
            background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url(assets/img/graphics/icons/building-core.svg);
            background-position: 0 0, calc(100% - 24px) 24px;
            background-size: auto, 120px;
            background-repeat: repeat, no-repeat;
        }

        .flex-card.icon-card-hover.second-card:hover {
            background-image: linear-gradient(180deg, transparent, transparent), url(assets/img/graphics/icons/building-core.svg);
            background-position: 0 0, calc(100% - 24px) 0;
            background-size: auto, 120px;
            background-repeat: repeat, no-repeat;
        }

        .icon-card-hover.third-card {
            background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url(assets/img/logos/stacks/nodejs.svg);
            background-position: 0 0, calc(100% - 24px) 24px;
            background-size: auto, 120px;
            background-repeat: repeat, no-repeat;
        }

        .icon-card-hover.fourth-card {
            background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url(assets/img/logos/stacks/vuejs.svg);
            background-position: 0 0, calc(100% - 24px) 24px;
            background-size: auto, 120px;
            background-repeat: repeat, no-repeat;
        }

        /* Hero heading responsiveness */
        .hero-body .main-title {
            line-height: 1.2;
            word-break: break-word;
        }

        .hero-body .subtitle.is-5 {
            line-height: 1.5;
        }

        @media (max-width: 768px) {
            .signup-column {
                text-align: center;
            }

            .hero-body .buttons {
                justify-content: center;
                flex-wrap: wrap;
                gap: 10px;
            }
        }

        @media (max-width: 480px) {
            .hero-body {
                padding-top: 1.5rem;
                padding-bottom: 2rem;
            }

            .hero-body .main-title {
                font-size: 1.45rem !important;
                line-height: 1.25;
                white-space: normal;
            }

            .hero-body .main-title br {
                display: none;
            }

            .hero-body .subtitle.is-5 {
                font-size: 0.95rem;
            }

            .hero-body .buttons .button {
                width: 100%;
                max-width: 320px;
                font-size: 1rem !important;
            }
        }

        /* Testimonials refresh */
        .testimonials-section {
            position: relative;
        }

        .testimonial-title h2 {
            font-weight: 800;
            letter-spacing: -0.02em;
            color: inherit;
        }

        .testimonial-title .subtitle {
            color: #5f6773;
        }

        .testimonial-shell {
            position: relative;
            max-width: 780px;
            margin: 0 auto;
            padding: 30px 20px 10px;
        }

        .testimonial-carousel {
            text-align: center;
        }

        .testimonial-card {
            padding: 20px 10px 10px;
        }

        .testimonial-stars i {
            color: #ffb400;
            margin: 0 2px;
            font-size: 15px;
        }

        .testimonial-quote {
            max-width: 640px;
            margin: 18px auto 12px;
            font-size: 1.05rem;
            line-height: 1.6;
            color: #424b5c;
        }

        .testimonial-person {
            margin-top: 16px;
        }

        .testimonial-person .avatar-main {
            width: 110px;
            height: 110px;
            margin: 0 auto 12px;
            border-radius: 50%;
            overflow: hidden;
            border: 6px solid #e9ecf7;
            box-shadow: 0 14px 38px -18px rgba(31, 41, 55, 0.45);
        }

        .testimonial-person .avatar-main img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .testimonial-person h4 {
            margin: 0;
            font-weight: 700;
            color: #2b2f38;
        }

        .testimonial-person span {
            color: #7a8294;
            font-size: 0.95rem;
        }

        .testimonial-score {
            text-align: center;
            margin-top: 12px;
        }

        .testimonial-score .score-stars {
            color: #ffb400;
            margin-bottom: 6px;
        }

        .testimonial-score .score-number {
            font-size: 2.4rem;
            font-weight: 800;
            color: #2b2f38;
            line-height: 1.1;
        }

        .testimonial-score .score-label {
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: inherit;
            font-weight: 700;
            font-size: 0.9rem;
        }

        .testimonial-floaters {
            position: absolute;
            inset: 0;
            pointer-events: none;
        }

        .testimonial-floaters .float-avatar {
            position: absolute;
            width: 72px;
            height: 72px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 12px 26px -12px rgba(31, 41, 55, 0.35);
            border: 4px solid #fff;
            background: #f5f7fb;
        }

        .float-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .float-1 {
            top: 2%;
            left: 0%;
        }

        .float-2 {
            top: 2%;
            right: 0%;
        }

        .float-3 {
            top: 40%;
            left: -10%;
        }

        .float-4 {
            top: 40%;
            right: -10%;
        }

        .float-5 {
            bottom: 5%;
            left: 0%;
        }

        .float-6 {
            bottom: 5%;
            right: 0%;
        }

        .testimonial-carousel .slick-dots {
            position: static;
            margin: 14px 0;
        }

        .testimonial-carousel .slick-dots li {
            margin: 0 4px;
        }

        .testimonial-carousel .slick-dots li button {
            width: 12px;
            height: 12px;
            padding: 0;
        }

        .testimonial-carousel .slick-dots li button:before {
            content: '';
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #c7cbdc;
            opacity: 1;
            display: inline-block;
        }

        .testimonial-carousel .slick-dots li.slick-active button:before {
            background: var(--brand-blue);
        }

        @media (max-width: 1024px) {
            .testimonial-floaters {
                display: none;
            }
        }

        /* Service box styling */
        .service-box {
            background: #fff;
            border: 1px solid #e8ebf5;
            border-radius: 14px;
            padding: 28px 32px;
            box-shadow: 0 18px 45px -28px rgba(20, 31, 56, 0.25);
            max-width: 680px;
            margin: 0 auto;
        }

        .service-box .service-title {
            font-weight: 700;
            font-size: 1.6rem;
            color: #1f2733;
            margin-bottom: 10px;
        }

        .service-box .title-divider {
            width: 72px;
            height: 4px;
            border-radius: 999px;
            background: linear-gradient(90deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%);
            margin: 0 0 16px;
        }

        /* Universal ordered lists */
        ol {
            margin: 0 0 1.2rem 0;
            padding: 0;
            color: #4c5566;
            line-height: 1.65;
            counter-reset: numbered-list;
        }

        ol li {
            list-style: none;
            counter-increment: numbered-list;
            margin-bottom: 12px;
            padding-left: 36px;
            position: relative;
        }

        ol li:last-child {
            margin-bottom: 0;
        }

        ol li::before {
            content: counter(numbered-list);
            position: absolute;
            left: 0;
            top: 2px;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%);
            color: #fff;
            font-weight: 700;
            font-size: 0.9rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 24px -16px rgba(39, 22, 110, 0.65);
        }

        /* Brand color overrides */
        :root {
            --brand-blue: #1cadd6;
            --brand-blue-dark: rgba(81, 124, 174, 1);
        }

        .primary-btn,
        .button.primary-btn,
        .button.primary-btn:focus,
        .button.primary-btn:active {
            background: var(--brand-blue);
            border-color: var(--brand-blue);
            color: #fff;
        }

        .button.primary-btn:hover {
            background: var(--brand-blue-dark);
            border-color: var(--brand-blue-dark);
            color: #fff;
        }

        a,
        a:hover {
            color: var(--brand-blue);
        }

        @media (max-width: 767px) {
            .service-box {
                padding: 22px 20px;
            }
        }

        /* Center the pricing headline */
        .pricing-card .pricing-title {
            text-align: center;
        }