.svc-scope {
            --wb-navy: #151B3D;
            --wb-navy-2: #222B5C;
            --wb-teal: #2FD9B8;
            --wb-teal-deep: #17B79A;
            --wb-bg: #FBFCFE;
            --wb-panel: #FFFFFF;
            --wb-ink: #161A2E;
            --wb-muted: #6B7290;
            --wb-line: #EBEDF4;
            --wb-teal-tint: #EEFBF8;
            --wb-radius: 20px;
            --wb-radius-sm: 12px;
            --wb-shadow-sm: 0 2px 10px rgba(21, 27, 61, 0.05);
            --wb-shadow: 0 12px 32px rgba(21, 27, 61, 0.08);
            --wb-shadow-lg: 0 30px 60px -12px rgba(21, 27, 61, 0.22);
        }

        .svc-scope {
            font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
            font-size: 16px;
            line-height: 1.7;
            font-weight: 400;
            color: var(--wb-ink);
            background: var(--wb-bg);
        }

        .svc-scope h1,
        .svc-scope h2,
        .svc-scope h3,
        .svc-scope h4,
        .svc-scope h5,
        .svc-scope h6 {
            font-family: 'Sora', ui-sans-serif, system-ui, sans-serif;
            font-weight: 700;
            letter-spacing: -0.02em;
            color: var(--wb-navy);
        }

        .svc-scope button,
        .svc-scope .btn,
        .svc-scope input {
            font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
        }

        @scope (.svc-scope) {

            /*========== HERO ==========*/
            .svc-hero-wrap {
                position: relative;
                overflow: hidden;
                min-height: 520px;
                display: flex;
                align-items: center;
                padding: 90px 20px 100px;
                text-align: center;
                background-color: var(--wb-navy);
            }

            .svc-hero-bg {
                position: absolute;
                inset: 0;
                background-size: cover;
                background-position: center;
                z-index: 0;
                transform: scale(1.06);
                animation: svcHeroZoom 18s ease-in-out infinite alternate;
            }

            @keyframes svcHeroZoom {
                from {
                    transform: scale(1.06);
                }

                to {
                    transform: scale(1.14);
                }
            }

            .svc-hero-overlay {
                position: absolute;
                inset: 0;
                z-index: 1;
                background:
                    linear-gradient(135deg, rgba(21, 27, 61, .96) 0%, rgba(21, 27, 61, .88) 40%, rgba(28, 37, 84, .80) 100%);
            }

            .svc-hero-wrap::after {
                content: "";
                position: absolute;
                top: -160px;
                left: 50%;
                transform: translateX(-50%);
                width: 560px;
                height: 560px;
                border-radius: 50%;
                background: rgba(47, 217, 184, .14);
                filter: blur(70px);
                z-index: 1;
                animation: svcGlowPulse 6s ease-in-out infinite;
            }

            @keyframes svcGlowPulse {

                0%,
                100% {
                    opacity: .7;
                }

                50% {
                    opacity: 1;
                }
            }

            .svc-hero-particle {
                position: absolute;
                z-index: 1;
                border-radius: 50%;
                background: rgba(47, 217, 184, .5);
                filter: blur(1px);
                animation: svcFloat 7s ease-in-out infinite;
            }

            .svc-hero-particle:nth-child(3) {
                width: 10px;
                height: 10px;
                top: 22%;
                left: 12%;
                animation-delay: 0s;
            }

            .svc-hero-particle:nth-child(4) {
                width: 6px;
                height: 6px;
                top: 65%;
                left: 18%;
                animation-delay: 1.5s;
            }

            .svc-hero-particle:nth-child(5) {
                width: 8px;
                height: 8px;
                top: 30%;
                right: 14%;
                animation-delay: .8s;
            }

            .svc-hero-particle:nth-child(6) {
                width: 5px;
                height: 5px;
                top: 72%;
                right: 20%;
                animation-delay: 2.2s;
            }

            @keyframes svcFloat {

                0%,
                100% {
                    transform: translateY(0);
                    opacity: .5;
                }

                50% {
                    transform: translateY(-22px);
                    opacity: 1;
                }
            }

            .svc-hero-inner {
                max-width: 900px;
                margin: 0 auto;
                position: relative;
                z-index: 2;
            }

            .svc-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                color: var(--wb-teal);
                text-transform: uppercase;
                font-size: 13px;
                font-weight: 700;
                letter-spacing: 2px;
                margin-bottom: 18px;
                opacity: 0;
                animation: svcFadeUp .7s ease forwards;
                animation-delay: .1s;
            }

            .svc-eyebrow::before,
            .svc-eyebrow::after {
                content: "";
                width: 24px;
                height: 2px;
                background: var(--wb-teal);
            }

            .svc-hero-inner h1 {
                color: #fff;
                font-size: 38px;
                font-weight: 800;
                line-height: 1.24;
                margin-bottom: 16px;
                text-shadow: 0 4px 24px rgba(0, 0, 0, .35);
                opacity: 0;
                animation: svcFadeUp .7s ease forwards;
                animation-delay: .25s;
            }

            .svc-hero-inner p {
                color: rgba(255, 255, 255, .82);
                font-size: 16px;
                line-height: 1.75;
                margin-bottom: 28px;
                opacity: 0;
                animation: svcFadeUp .7s ease forwards;
                animation-delay: .4s;
            }

            .svc-hero-buttons {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 16px;
                flex-wrap: wrap;
                opacity: 0;
                animation: svcFadeUp .7s ease forwards;
                animation-delay: .55s;
            }

            @keyframes svcFadeUp {
                from {
                    opacity: 0;
                    transform: translateY(18px);
                }

                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            .svc-cta-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                padding: 13px 28px;
                border-radius: 12px;
                font-size: 14.5px;
                font-weight: 700;
                text-decoration: none;
                background: linear-gradient(90deg, var(--wb-teal) 0%, var(--wb-teal-deep) 100%);
                color: var(--wb-navy);
                box-shadow: 0 10px 20px -8px rgba(29, 94, 81, 0.55);
                transition: transform .18s ease, box-shadow .18s ease;
                border: none;
            }

            .svc-cta-btn:hover {
                transform: translateY(-2px);
                box-shadow: 0 10px 20px -6px rgba(28, 94, 81, 0.65);
                color: var(--wb-navy);
                text-decoration: none;
            }

            .svc-cta-btn-outline {
                background: transparent;
                border: 1px solid rgba(255, 255, 255, .4);
                color: #fff;
                box-shadow: none;
            }

            .svc-cta-btn-outline:hover {
                background: rgba(255, 255, 255, .1);
                border-color: #fff;
                color: #fff;
                transform: translateY(-2px);
            }

            .svc-hero-trust {
                position: relative;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 28px;
                flex-wrap: wrap;
                margin-top: 36px;
                opacity: 0;
                animation: svcFadeUp .7s ease forwards;
                animation-delay: .7s;
            }

            .svc-hero-trust-item {
                display: flex;
                align-items: center;
                gap: 8px;
                color: rgba(255, 255, 255, .68);
                font-size: 13px;
                font-weight: 600;
            }

            .svc-hero-trust-item i {
                color: var(--wb-teal);
                font-size: 13px;
            }

            .svc-hero-trust-divider {
                width: 1px;
                height: 14px;
                background: rgba(255, 255, 255, .18);
            }

            /*========== INTRO STRIP (with image) ==========*/
            .svc-intro {
                max-width: 1040px;
                margin: -46px auto 0;
                position: relative;
                z-index: 3;
                background: var(--wb-panel);
                border-radius: var(--wb-radius);
                box-shadow: var(--wb-shadow-lg);
                padding: 14px;
                display: grid;
                grid-template-columns: 1fr 1.3fr;
                align-items: center;
                gap: 0;
                overflow: hidden;
            }

            .svc-intro-img {
                width: 100%;
                height: 100%;
                min-height: 190px;
                border-radius: 14px;
                object-fit: cover;
            }

            .svc-intro-copy {
                padding: 20px 30px;
                text-align: left;
            }

            .svc-intro h2 {
                font-size: 21px;
                margin-bottom: 10px;
            }

            .svc-intro p {
                color: var(--wb-muted);
                font-size: 14.5px;
                margin: 0 0 10px;
            }

            .svc-intro p:last-child {
                margin-bottom: 0;
            }

            /*========== SECTION WRAPPER (tightened) ==========*/
            .svc-section {
                max-width: 1180px;
                margin: 0 auto;
                padding: 56px 20px 0;
            }

            .svc-section-head {
                text-align: center;
                max-width: 600px;
                margin: 0 auto 34px;
            }

            .svc-section-label {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                font-size: 12.5px;
                font-weight: 700;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                color: var(--wb-teal-deep);
                margin-bottom: 10px;
            }

            .svc-section-label::before {
                content: "";
                width: 16px;
                height: 2px;
                background: var(--wb-teal-deep);
            }

            .svc-section-head h2 {
                font-size: 26px;
                margin: 0;
            }

                        /*========== SERVICE CARDS (3 per row) ==========*/
            .svc-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
            }

            .svc-card {
                background: var(--wb-panel);
                border: 1px solid var(--wb-line);
                border-radius: var(--wb-radius-sm);
                padding: 24px 22px;
                box-shadow: var(--wb-shadow-sm);
                transition: transform .2s ease, box-shadow .2s ease;
            }

            .svc-card:hover {
                transform: translateY(-4px);
                box-shadow: var(--wb-shadow);
            }

            /* Icon + title in one row */
            .svc-card-head {
                display: flex;
                align-items: center;
                gap: 12px;
                margin-bottom: 14px;
            }

            .svc-card-icon {
                flex: 0 0 auto;
                width: 42px;
                height: 42px;
                border-radius: 11px;
                background: var(--wb-teal-tint);
                color: var(--wb-teal-deep);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-size: 18px;
                margin: 0;
            }

            .svc-card-head h3 {
                flex: 1 1 auto;
                min-width: 0;
                font-size: 16.5px;
                line-height: 1.3;
                margin: 0;
                text-align: left;
            }

            .svc-card>p {
                color: var(--wb-muted);
                font-size: 13.5px;
                margin-bottom: 14px;
            }

            .svc-card ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }

            .svc-card li {
                display: flex;
                align-items: flex-start;
                gap: 8px;
                font-size: 13.5px;
                padding: 4px 0;
                color: var(--wb-ink);
            }

            .svc-card li i {
                color: var(--wb-teal-deep);
                margin-top: 3px;
                font-size: 10px;
                flex-shrink: 0;
            }

            /*========== WHY CHOOSE US (with image) ==========*/
            .svc-why-wrap {
                background: linear-gradient(160deg, var(--wb-navy) 0%, #1B234A 100%);
                border-radius: var(--wb-radius);
                padding: 0;
                position: relative;
                overflow: hidden;
                margin-top: 56px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                align-items: stretch;
            }

            .svc-why-wrap::before {
                content: "";
                position: absolute;
                top: -80px;
                right: -80px;
                width: 240px;
                height: 240px;
                border-radius: 50%;
                background: radial-gradient(circle, rgba(47, 217, 184, 0.22), rgba(47, 217, 184, 0) 70%);
                z-index: 1;
            }

            .svc-why-img {
                width: 100%;
                height: 100%;
                min-height: 340px;
                object-fit: cover;
            }

            .svc-why-copy {
                padding: 40px 38px;
                position: relative;
                z-index: 2;
            }

            .svc-why-copy h2 {
                color: #fff;
                font-size: 24px;
                margin-bottom: 20px;
            }

            .svc-why-grid {
                display: grid;
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .svc-why-item {
                display: flex;
                align-items: flex-start;
                gap: 10px;
                background: rgba(255, 255, 255, 0.06);
                border: 1px solid rgba(255, 255, 255, 0.1);
                border-radius: 10px;
                padding: 11px 14px;
            }

            .svc-why-item i {
                color: var(--wb-teal);
                margin-top: 3px;
                flex-shrink: 0;
                font-size: 13px;
            }

            .svc-why-item span {
                color: rgba(255, 255, 255, 0.9);
                font-size: 13.5px;
                font-weight: 600;
            }

            /*========== PROCESS ==========*/
            .svc-process-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 18px;
            }

            .svc-process-item {
                position: relative;
                padding: 20px 18px;
                background: var(--wb-panel);
                border: 1px solid var(--wb-line);
                border-radius: var(--wb-radius-sm);
                box-shadow: var(--wb-shadow-sm);
            }

            .svc-process-num {
                font-family: 'Sora', sans-serif;
                font-size: 26px;
                font-weight: 800;
                color: var(--wb-teal-tint);
                -webkit-text-stroke: 1.3px var(--wb-teal-deep);
                margin-bottom: 8px;
                line-height: 1;
            }

            .svc-process-item h4 {
                font-size: 15px;
                margin-bottom: 5px;
            }

            .svc-process-item p {
                color: var(--wb-muted);
                font-size: 13px;
                margin: 0;
            }

            .svc-process-item:not(:last-child)::after {
                content: "";
                position: absolute;
                top: 36px;
                right: -18px;
                width: 18px;
                height: 2px;
                background: var(--wb-line);
                display: none;
            }

            @media (min-width: 992px) {
                .svc-process-item:not(:last-child)::after {
                    display: block;
                }
            }

            /*========== INDUSTRIES ==========*/
            .svc-industry-grid {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                justify-content: center;
            }

            .svc-industry-chip {
                display: inline-flex;
                align-items: center;
                gap: 9px;
                background: var(--wb-panel);
                border: 1px solid var(--wb-line);
                border-radius: 999px;
                padding: 12px 20px;
                font-size: 14px;
                font-weight: 600;
                color: var(--wb-navy);
                box-shadow: var(--wb-shadow-sm);
            }

            .svc-industry-chip i {
                color: var(--wb-teal-deep);
            }

            /*========== GROWTH CHART (LINE GRAPH) ==========*/
            .svc-growth-wrap {
                background: var(--wb-panel);
                border: 1px solid var(--wb-line);
                border-radius: var(--wb-radius);
                box-shadow: var(--wb-shadow-sm);
                padding: 40px 44px;
                display: grid;
                grid-template-columns: 1fr 1.1fr;
                gap: 40px;
                align-items: center;
            }

            .svc-growth-copy h2 {
                font-size: 24px;
                margin-bottom: 12px;
            }

            .svc-growth-copy p {
                color: var(--wb-muted);
                font-size: 14.5px;
                margin-bottom: 20px;
            }

            .svc-growth-stats {
                display: flex;
                gap: 28px;
            }

            .svc-growth-stat strong {
                display: block;
                font-family: 'Sora', sans-serif;
                font-size: 26px;
                font-weight: 800;
                color: var(--wb-teal-deep);
            }

            .svc-growth-stat span {
                font-size: 12.5px;
                color: var(--wb-muted);
                font-weight: 600;
            }

            .svc-growth-chart {
                position: relative;
                height: 240px;
                padding: 30px 10px 10px;
            }

            .svc-growth-chart svg {
                width: 100%;
                height: 100%;
                overflow: visible;
            }

            .svc-growth-line-path {
                fill: none;
                stroke: var(--wb-teal-deep);
                stroke-width: 3.5;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 600;
                stroke-dashoffset: 600;
            }

            .svc-growth-fill-path {
                fill: url(#svcGrowthGradient);
                opacity: 0;
                transition: opacity .6s ease .6s;
            }

            .svc-growth-wrap.svc-growth-visible .svc-growth-line-path {
                animation: svcDrawLine 1.8s cubic-bezier(.22, .9, .35, 1) forwards;
            }

            .svc-growth-wrap.svc-growth-visible .svc-growth-fill-path {
                opacity: 1;
            }

            @keyframes svcDrawLine {
                to {
                    stroke-dashoffset: 0;
                }
            }

            .svc-growth-dot {
                opacity: 0;
                transform-origin: center;
                transition: opacity .3s ease, transform .3s ease;
            }

            .svc-growth-wrap.svc-growth-visible .svc-growth-dot-before {
                opacity: 1;
                transition-delay: .3s;
            }

            .svc-growth-wrap.svc-growth-visible .svc-growth-dot-after {
                opacity: 1;
                transition-delay: 1.7s;
            }

            .svc-growth-label {
                font-family: 'Manrope', sans-serif;
                font-size: 12.5px;
                font-weight: 700;
                fill: var(--wb-muted);
            }

            .svc-growth-value {
                font-family: 'Sora', sans-serif;
                font-size: 15px;
                font-weight: 800;
                fill: var(--wb-navy);
                opacity: 0;
                transition: opacity .4s ease;
            }

            .svc-growth-wrap.svc-growth-visible .svc-growth-value-before {
                opacity: 1;
                transition-delay: .3s;
            }

            .svc-growth-wrap.svc-growth-visible .svc-growth-value-after {
                opacity: 1;
                transition-delay: 1.7s;
            }

            /*========== FINAL CTA ==========*/
            .svc-final-cta {
                margin: 56px 0 0;
                background: linear-gradient(135deg, #151B3D 0%, #1C2554 100%);
                position: relative;
                overflow: hidden;
                padding: 54px 20px;
                text-align: center;
            }

            .svc-final-cta::before {
                content: "";
                position: absolute;
                bottom: -140px;
                left: 50%;
                transform: translateX(-50%);
                width: 460px;
                height: 460px;
                border-radius: 50%;
                background: rgba(47, 217, 184, .10);
                filter: blur(60px);
            }

            .svc-final-cta-inner {
                position: relative;
                z-index: 2;
                max-width: 620px;
                margin: 0 auto;
            }

            .svc-final-cta h2 {
                color: #fff;
                font-size: 26px;
                margin-bottom: 12px;
            }

            .svc-final-cta p {
                color: rgba(255, 255, 255, 0.75);
                font-size: 15px;
                margin-bottom: 24px;
            }

            /*========== RESPONSIVE ==========*/
            @media (max-width: 991px) {
                .svc-grid {
                    grid-template-columns: repeat(2, 1fr);
                }

                .svc-why-wrap {
                    grid-template-columns: 1fr;
                }

                .svc-why-img {
                    min-height: 220px;
                }

                .svc-process-grid {
                    grid-template-columns: repeat(2, 1fr);
                }

                .svc-intro {
                    grid-template-columns: 1fr;
                }

                .svc-intro-img {
                    min-height: 160px;
                }

                .svc-growth-wrap {
                    grid-template-columns: 1fr;
                    padding: 30px 26px;
                }

                .svc-growth-stats {
                    flex-wrap: wrap;
                }
            }

            @media (max-width: 767px) {
                .svc-hero-wrap {
                    min-height: auto;
                    padding: 70px 20px 90px;
                }

                .svc-hero-inner h1 {
                    font-size: 28px;
                }

                .svc-hero-inner p {
                    font-size: 15px;
                }

                .svc-hero-trust {
                    gap: 16px;
                }

                .svc-hero-trust-divider {
                    display: none;
                }

                .svc-intro-copy {
                    padding: 20px 22px;
                    text-align: center;
                }

                .svc-section {
                    padding-top: 46px;
                }

                .svc-section-head h2 {
                    font-size: 22px;
                }

                .svc-grid {
                    grid-template-columns: 1fr;
                }

                .svc-process-grid {
                    grid-template-columns: 1fr;
                }

                .svc-final-cta h2 {
                    font-size: 22px;
                }

                .svc-why-copy {
                    padding: 28px 24px;
                }
            }

            @media (max-width: 480px) {
                .svc-hero-inner h1 {
                    font-size: 24px;
                }

                .svc-cta-btn {
                    width: 100%;
                }
            }
        }