{"id":9580,"date":"2025-01-26T12:15:40","date_gmt":"2025-01-26T12:15:40","guid":{"rendered":"https:\/\/youthcommerce.nl\/?page_id=9580"},"modified":"2026-03-05T10:34:04","modified_gmt":"2026-03-05T10:34:04","slug":"service-area","status":"publish","type":"page","link":"https:\/\/youthcommerce.nl\/en\/servicegebied\/","title":{"rendered":"Service area"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9580\" class=\"elementor elementor-9580\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e83bdc0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e83bdc0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-15dcd5c\" data-id=\"15dcd5c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-564973e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"564973e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;600;700&family=IBM+Plex+Sans:wght@300;400;500&family=Lato:wght@400;700&display=swap\"\n        rel=\"stylesheet\">\n    <style>\n        body {\n            margin: 0;\n            background: #1d1d1f !important;\n            width: 100%;\n            position: relative;\n            overflow-x: clip;\n        }\n\n        html {\n            width: 100%;\n            max-width: 100%;\n            overflow-x: clip;\n        }\n\n        #page,\n        #content,\n        #primary,\n        #main,\n        .site,\n        .site-content,\n        .page,\n        .page-content {\n            background: transparent !important;\n        }\n\n        :root,\n        .yc-dark {\n            --bg: #1d1d1f;\n            --panel: #141416;\n            --panel-strong: rgba(255, 255, 255, 0.14);\n            --text: #f5f5f7;\n            --muted: rgba(245, 245, 247, 0.75);\n            --font-primary: \"SF Pro Text\", -apple-system, BlinkMacSystemFont, sans-serif;\n            --font-body: var(--font-primary);\n            --font-head: var(--font-primary);\n            --font-heading: var(--font-primary);\n            --font-main: var(--font-primary);\n            --muted2: rgba(245, 245, 247, 0.60);\n            --green: #2DBF3A;\n            --orange: #F89200;\n            background: transparent;\n            color: var(--text);\n            font-family: var(--font-primary);\n            min-height: 100vh;\n        }\n\n        html,\n        body,\n        * {\n            font-family: var(--font-primary) !important;\n        }\n\n        .yc-dark * {\n            box-sizing: border-box;\n            transition: transform .35s cubic-bezier(.4, 0, .2, 1), box-shadow .35s ease, background-color .25s ease, color .25s ease, letter-spacing .25s ease;\n        }\n\n        @media (max-width: 768px) {\n            h1 {\n                font-size: 42px !important;\n            }\n\n            h2 {\n                font-size: 36px !important;\n            }\n\n            h3 {\n                font-size: 24px !important;\n            }\n\n            p,\n            li,\n            a,\n            span,\n            div {\n                font-size: 16px;\n            }\n\n            .text-sm,\n            .small,\n            footer p,\n            footer a,\n            .yc-nav nav a {\n                font-size: 14px !important;\n            }\n        }\n\n        a {\n            color: inherit;\n            text-decoration: none;\n        }\n\n        h1,\n        h2,\n        h3 {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n            letter-spacing: -0.02em;\n            color: var(--text);\n            margin: 0 0 .6em;\n        }\n\n        h2 {\n            font-size: 3rem;\n            font-weight: 700;\n            line-height: 1.1;\n        }\n\n        @media (min-width: 901px) {\n            h2 {\n                font-size: 48px !important;\n                line-height: 1.1;\n            }\n        }\n\n        p,\n        li {\n            font-size: 16px;\n            line-height: 1.65;\n            color: #ffffff;\n            font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        }\n\n        .yc-container {\n            width: min(1280px, 92vw);\n            margin: 0 auto;\n        }\n\n        .yc-section {\n            padding: 8rem 0;\n        }\n\n        .yc-section+.yc-section {\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .yc-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 2.2rem;\n            margin-top: 3rem;\n        }\n\n        :root {\n            --yc-green: #2DBF3A;\n            --yc-orange: #F89200;\n            --yc-dark: #1d1d1f;\n            --yc-text: #ffffff;\n            --yc-muted: #ffffff;\n            --font-primary: \"SF Pro Text\", -apple-system, BlinkMacSystemFont, sans-serif;\n            --glass-bg: rgba(255, 255, 255, 0.05);\n            --dropdown-bg: #1d1d1f;\n        }\n\n        .yc-header,\n        .yc-header *,\n        .yc-header *::before,\n        .yc-header *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            background-color: var(--yc-dark);\n            color: #ffffff;\n            font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            overflow-x: clip;\n            margin: 0;\n        }\n\n        .yc-word-highlight {\n            opacity: 0.2;\n            transition: opacity 0.3s ease;\n        }\n\n        .yc-word-highlight.active {\n            opacity: 1;\n        }\n\n        .yc-header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            z-index: 1000;\n            padding: 1.5rem 0;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            background: transparent;\n        }\n\n        .yc-header.is-hidden {\n            transform: translateY(-100%);\n        }\n\n        .yc-header.is-scrolled {\n            background: rgba(25, 25, 27, 0.85);\n            backdrop-filter: blur(20px);\n            padding: 1rem 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n        }\n\n        .yc-header-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .yc-logo-link {\n            display: flex;\n            align-items: center;\n            text-decoration: none;\n            transition: opacity 0.3s ease;\n        }\n\n        .yc-logo-link:hover {\n            opacity: 0.8;\n        }\n\n        .yc-logo {\n            height: 45px;\n            width: 45px;\n            object-fit: contain;\n        }\n\n        .yc-nav {\n            display: flex;\n            align-items: center;\n            gap: 2rem;\n        }\n\n        .yc-menu {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 2rem;\n        }\n\n        .yc-menu-item {\n            position: relative;\n        }\n\n        .yc-menu-link {\n            color: var(--yc-text);\n            text-decoration: none;\n            font-size: 16px;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            gap: 0.4rem;\n            padding: 0.5rem 0;\n            transition: color 0.3s ease;\n        }\n\n        .yc-menu-link:hover {\n            color: var(--yc-green);\n        }\n\n        .yc-arrow {\n            width: 10px;\n            height: 10px;\n            stroke: currentColor;\n            stroke-width: 2;\n            fill: none;\n            transition: transform 0.3s ease;\n        }\n\n        .yc-menu-item:hover .yc-arrow {\n            transform: rotate(180deg);\n        }\n\n        .yc-dropdown {\n            position: absolute;\n            top: 100%;\n            left: -20px;\n            background: var(--dropdown-bg);\n            border-radius: 12px;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n            padding: 0;\n            min-width: 240px;\n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(10px);\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            list-style: none;\n            z-index: 100;\n            margin-top: 10px;\n            display: flex;\n            overflow: hidden;\n            align-items: flex-start;\n            width: max-content;\n        }\n\n        .yc-menu-item:hover .yc-dropdown {\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n        }\n\n        .yc-dropdown-menu {\n            display: grid;\n            grid-template-rows: repeat(5, auto);\n            grid-auto-flow: column;\n            grid-auto-columns: 240px;\n            gap: 0;\n            padding: 1rem 0;\n            list-style: none;\n            min-width: 240px;\n            width: max-content;\n        }\n\n        .yc-dropdown-preview {\n            width: 420px;\n            background: transparent;\n            padding: 10px;\n            display: flex;\n            align-items: flex-start;\n            justify-content: center;\n            border-left: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .yc-dropdown-preview img {\n            width: 400px;\n            height: 260px;\n            object-fit: cover;\n            border-radius: 8px;\n            transition: opacity 0.3s ease;\n            display: block;\n            flex-shrink: 0;\n        }\n\n        .yc-dropdown::after {\n            content: '';\n            position: absolute;\n            top: -6px;\n            left: 30px;\n            border-left: 6px solid transparent;\n            border-right: 6px solid transparent;\n            border-bottom: 6px solid var(--dropdown-bg);\n        }\n\n        .yc-dropdown-link {\n            color: #ffffff;\n            text-decoration: none;\n            font-size: 16px;\n            display: block;\n            padding: 0.8rem 1.5rem;\n            transition: all 0.2s ease;\n        }\n\n        .yc-dropdown-link:hover {\n            background: rgba(45, 191, 58, 0.05);\n            color: var(--yc-green);\n            padding-left: 1.8rem;\n        }\n\n        .yc-actions {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n        }\n\n        .yc-btn {\n            padding: 0.8rem 1.5rem;\n            border-radius: 8px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 16px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.6rem;\n            transition: all 0.3s ease;\n            white-space: nowrap;\n            min-width: 240px;\n            height: 48px;\n        }\n\n        .yc-btn-phone {\n            background: var(--yc-orange);\n            color: #ffffff;\n            box-shadow: 0 4px 15px rgba(248, 146, 0, 0.3);\n        }\n\n        .yc-btn-phone:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(248, 146, 0, 0.4);\n        }\n\n        .status-open {\n            background-color: #2DBF3A !important;\n            box-shadow: 0 0 10px #2DBF3A;\n            animation: yc-pulse-green 2s infinite;\n        }\n\n        .status-closed {\n            background-color: #E53935 !important;\n            box-shadow: 0 0 10px #E53935;\n            animation: yc-pulse-red 2s infinite;\n        }\n\n        @keyframes yc-pulse-green {\n            0% {\n                transform: scale(0.95);\n                box-shadow: 0 0 0 0 rgba(45, 191, 58, 0.7);\n            }\n\n            70% {\n                transform: scale(1.1);\n                box-shadow: 0 0 0 10px rgba(45, 191, 58, 0);\n            }\n\n            100% {\n                transform: scale(0.95);\n                box-shadow: 0 0 0 0 rgba(45, 191, 58, 0);\n            }\n        }\n\n        @keyframes yc-pulse-red {\n            0% {\n                transform: scale(0.95);\n                box-shadow: 0 0 0 0 rgba(229, 57, 53, 0.7);\n            }\n\n            70% {\n                transform: scale(1.1);\n                box-shadow: 0 0 0 10px rgba(229, 57, 53, 0);\n            }\n\n            100% {\n                transform: scale(0.95);\n                box-shadow: 0 0 0 0 rgba(229, 57, 53, 0);\n            }\n        }\n\n        .phone-container {\n            background-color: var(--yc-orange);\n            border-radius: 10px;\n            padding: 0 1.5rem;\n            height: 48px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.2s ease;\n            cursor: pointer;\n            box-shadow: 0 4px 15px rgba(248, 146, 0, 0.3);\n        }\n\n        .phone-container:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(248, 146, 0, 0.4);\n            background-color: #e08400;\n        }\n\n        .phone-container a {\n            text-decoration: none;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-size: 16px;\n            font-weight: 700;\n            color: #ffffff;\n        }\n\n        .phone-container img {\n            width: 18px;\n            height: 18px;\n            filter: brightness(0) invert(1);\n        }\n\n        #statusCircle,\n        #statusCircleMobile {\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n            margin-left: 5px;\n            flex-shrink: 0;\n            display: inline-block;\n        }\n\n        .yc-btn-strategy {\n            background: var(--yc-green);\n            color: #ffffff;\n            box-shadow: 0 4px 15px rgba(45, 191, 58, 0.3);\n        }\n\n        .yc-btn-strategy:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(45, 191, 58, 0.4);\n        }\n\n        .yc-mobile-toggle {\n            display: none;\n            cursor: pointer;\n            background: none;\n            border: none;\n            color: white;\n            padding: 0.5rem;\n        }\n\n        @media (max-width: 1100px) {\n            .yc-nav {\n                display: none;\n            }\n\n            .yc-header-container {\n                position: relative;\n                padding: 0 5px 0 20px !important;\n            }\n\n            .yc-mobile-toggle {\n                display: block;\n                order: 3;\n                margin-left: auto;\n            }\n\n            .yc-actions {\n                display: flex;\n                gap: 1rem;\n                order: 2;\n                flex: 1;\n                justify-content: flex-end;\n            }\n\n            .yc-header .phone-container {\n                position: absolute;\n                left: 50%;\n                top: 50%;\n                transform: translate(-50%, -50%) !important;\n                margin: 0 !important;\n                z-index: 10;\n                display: flex !important;\n                white-space: nowrap;\n            }\n\n            .yc-actions .yc-btn-strategy {\n                display: none;\n            }\n\n            .yc-logo-link {\n                order: 1;\n            }\n        }\n\n        .yc-mobile-menu {\n            position: fixed;\n            top: 0;\n            right: -100%;\n            width: 300px;\n            height: 100vh;\n            background: #141416;\n            z-index: 2000;\n            padding: 4rem 2rem;\n            transition: 0.4s ease;\n            display: flex;\n            flex-direction: column;\n            gap: 2rem;\n            overflow-y: auto;\n        }\n\n        .yc-mobile-menu.is-active {\n            right: 0;\n            box-shadow: -10px 0 50px rgba(0, 0, 0, 0.5);\n        }\n\n        .yc-mobile-close {\n            position: absolute;\n            top: 1.5rem;\n            right: 1.5rem;\n            background: transparent !important;\n            border: none !important;\n            box-shadow: none !important;\n            padding: 0 !important;\n            color: white;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .yc-mobile-link {\n            color: white;\n            text-decoration: none;\n            font-size: 1.2rem;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .yc-mobile-submenu {\n            display: none;\n            list-style: none;\n            padding-left: 1rem;\n            margin-top: 0.8rem;\n            margin-bottom: 0.5rem;\n            flex-direction: column;\n            gap: 0.8rem;\n            border-left: 2px solid rgba(45, 191, 58, 0.3);\n        }\n\n        .yc-mobile-submenu.is-active {\n            display: flex;\n        }\n\n        .yc-mobile-sublink {\n            color: rgba(255, 255, 255, 0.6);\n            text-decoration: none;\n            font-size: 0.95rem;\n            font-weight: 500;\n            display: block;\n            padding: 0.3rem 0;\n            transition: color 0.2s ease;\n        }\n\n        .yc-mobile-sublink:hover {\n            color: var(--yc-green);\n        }\n\n        .yc-mobile-item {\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n            padding-bottom: 1.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .yc-mobile-menu .yc-btn {\n            padding: 0.8rem 1.5rem;\n            border-radius: 8px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 16px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.6rem;\n            transition: all 0.3s ease;\n            white-space: nowrap;\n            min-width: 240px;\n            height: 48px;\n        }\n\n        .yc-mobile-menu .yc-btn-strategy {\n            min-width: auto;\n            width: 100%;\n        }\n\n        .yc-mobile-nav>.yc-mobile-link {\n            padding-bottom: 1.5rem;\n            display: block;\n        }\n\n        .yc-mobile-arrow {\n            width: 12px;\n            height: 12px;\n            transition: transform 0.3s ease;\n        }\n\n        .yc-mobile-link.is-active .yc-mobile-arrow {\n            transform: rotate(180deg);\n        }\n\n        .yc-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100vh;\n            background: rgba(0, 0, 0, 0.5);\n            backdrop-filter: blur(5px);\n            z-index: 1500;\n            opacity: 0;\n            visibility: hidden;\n            transition: 0.3s;\n        }\n\n        .yc-overlay.is-active {\n            opacity: 1;\n            visibility: visible;\n        }\n\n        .yc-mobile-toggle {\n            display: none;\n            background: transparent !important;\n            border: none !important;\n            box-shadow: none !important;\n            color: white !important;\n            padding: 0.5rem;\n        }\n\n        @media (max-width: 1100px) {\n            .yc-header .yc-nav {\n                display: none;\n            }\n\n            .yc-mobile-toggle {\n                display: block;\n                order: 3;\n                position: relative;\n                z-index: 20;\n                margin-left: auto !important;\n            }\n\n            .yc-actions {\n                display: flex;\n                gap: 1rem;\n                order: 2;\n                justify-content: flex-end !important;\n                flex-grow: 1 !important;\n            }\n\n            .yc-actions .yc-btn-strategy {\n                display: none;\n            }\n\n            .yc-logo-link {\n                order: 1;\n            }\n\n            .yc-header .yc-container {\n                padding: 0 5px 0 20px !important;\n                position: relative;\n                width: 100% !important;\n                max-width: 100% !important;\n                margin: 0 !important;\n            }\n\n            .yc-header .phone-container {\n                position: absolute;\n                left: 50%;\n                top: 50%;\n                transform: translate(-50%, -50%);\n                margin: 0 !important;\n                z-index: 10;\n                white-space: nowrap;\n                display: none;\n            }\n\n            .yc-mobile-menu .phone-container {\n                display: flex;\n            }\n\n            .yc-header .phone-container:hover {\n                transform: translate(-50%, calc(-50% - 2px));\n            }\n\n            @media (max-width: 768px) {\n                .yc-header .phone-container {\n                    display: none;\n                }\n\n                .yc-mobile-menu .phone-container {\n                    display: flex;\n                }\n            }\n\n            .yc-mobile-menu .phone-container {\n                position: static;\n                transform: none;\n                margin: 0;\n                text-align: center;\n            }\n\n            .phone-container:hover {\n                transform: translate(-50%, calc(-50% - 2px));\n            }\n\n            .yc-mobile-menu .phone-container:hover {\n                transform: none !important;\n            }\n        }\n\n        .yc-mobile-menu {\n            position: fixed;\n            top: 0;\n            right: -100%;\n            width: 300px;\n            height: 100vh;\n            background: #141416;\n            z-index: 2000;\n            padding: 4rem 2rem;\n            transition: 0.4s ease;\n            display: flex;\n            flex-direction: column;\n            gap: 2rem;\n            overflow-y: auto;\n        }\n\n        .yc-mobile-menu.is-active {\n            right: 0;\n            box-shadow: -10px 0 50px rgba(0, 0, 0, 0.5);\n        }\n\n        .yc-mobile-close {\n            position: absolute;\n            top: 1.5rem;\n            right: 1.5rem;\n            background: transparent !important;\n            border: none !important;\n            box-shadow: none !important;\n            padding: 0 !important;\n            color: white;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .yc-mobile-link {\n            color: white;\n            text-decoration: none;\n            font-size: 1.2rem;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .yc-mobile-submenu {\n            display: none;\n            list-style: none;\n            padding-left: 1rem;\n            margin-top: 0.8rem;\n            margin-bottom: 0.5rem;\n            flex-direction: column;\n            gap: 0.8rem;\n            border-left: 2px solid rgba(45, 191, 58, 0.3);\n        }\n\n        .yc-mobile-submenu.is-active {\n            display: flex;\n        }\n\n        .yc-mobile-sublink {\n            color: rgba(255, 255, 255, 0.6);\n            text-decoration: none;\n            font-size: 0.95rem;\n            font-weight: 500;\n            display: block;\n            padding: 0.3rem 0;\n            transition: color 0.2s ease;\n        }\n\n        .yc-mobile-sublink:hover {\n            color: var(--green);\n        }\n\n        .yc-mobile-item {\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n            padding-bottom: 1.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .yc-mobile-nav>.yc-mobile-link {\n            padding-bottom: 1.5rem;\n            display: block;\n        }\n\n        .yc-mobile-arrow {\n            width: 12px;\n            height: 12px;\n            transition: transform 0.3s ease;\n        }\n\n        .yc-mobile-link.is-active .yc-mobile-arrow {\n            transform: rotate(180deg);\n        }\n\n        .yc-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100vh;\n            background: rgba(0, 0, 0, 0.5);\n            backdrop-filter: blur(5px);\n            z-index: 1500;\n            opacity: 0;\n            visibility: hidden;\n            transition: 0.3s;\n        }\n\n        .yc-overlay.is-active {\n            opacity: 1;\n            visibility: visible;\n        }\n\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n        :root {\n            --yc-black: #050505;\n            --yc-white: #f5f5f7;\n            --yc-card-bg: #111113;\n            --yc-card-border: #27272a;\n            --yc-green: #2DBF3A;\n            --yc-orange: #FEAA47;\n            --yc-grey: #f5f5f7;\n            --yc-text-muted: #f5f5f7;\n            --font-main: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        }\n\n        .yc-footer-wrapper {\n            background-color: var(--yc-black);\n            color: var(--yc-grey);\n            width: 100%;\n            box-sizing: border-box;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n            padding-bottom: 2rem;\n        }\n\n        .yc-footer-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .yc-brand-name {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--yc-white);\n            letter-spacing: -0.02em;\n        }\n\n        .yc-brand-tagline {\n            font-size: 0.95rem;\n            color: var(--yc-grey);\n            margin-top: 0.25rem;\n        }\n\n        .yc-masonry-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 1.5rem;\n            margin-bottom: 4rem;\n            align-items: start;\n        }\n\n        .yc-bento-col {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n        }\n\n        .yc-bento-card {\n            background-color: var(--yc-card-bg);\n            border: 1px solid var(--yc-card-border);\n            border-radius: 1.5rem;\n            padding: 2rem;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            transition: border-color 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .yc-bento-card:hover {\n            border-color: rgba(255, 255, 255, 0.2);\n            box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);\n        }\n\n        .yc-bento-card::before,\n        .yc-bento-card::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-radius: inherit;\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 0.5s;\n        }\n\n        .yc-bento-card::before {\n            background: radial-gradient(800px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(255, 255, 255, 0.06), transparent 40%);\n            z-index: 1;\n        }\n\n        .yc-bento-card::after {\n            background: radial-gradient(600px circle at var(--mouse-x, 0) var(--mouse-y, 0), var(--yc-green), transparent 40%);\n            z-index: 3;\n            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n            -webkit-mask-composite: xor;\n            mask-composite: exclude;\n            padding: 1px;\n        }\n\n        .yc-bento-card:hover::before,\n        .yc-bento-card:hover::after {\n            opacity: 1;\n        }\n\n        .yc-bento-card>* {\n            position: relative;\n            z-index: 2;\n        }\n\n        .yc-card-title {\n            font-size: 20px;\n            font-weight: 700;\n            color: var(--yc-white);\n            margin: 0 0 1.5rem 0;\n            letter-spacing: -0.01em;\n        }\n\n        .yc-nav-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: flex;\n            flex-direction: column;\n            gap: 0.8rem;\n        }\n\n        .yc-nav-link {\n            text-decoration: none;\n            color: var(--yc-grey);\n            font-size: 0.95rem;\n            transition: color 0.2s ease, transform 0.2s ease;\n            display: block;\n        }\n\n        .yc-nav-link:hover {\n            color: var(--yc-green);\n            transform: translateX(3px);\n        }\n\n        .yc-contact-row {\n            display: flex;\n            gap: 12px;\n            margin-bottom: 1rem;\n            align-items: flex-start;\n        }\n\n        .yc-contact-icon {\n            color: var(--yc-orange);\n            width: 20px;\n            height: 20px;\n            flex-shrink: 0;\n            margin-top: 2px;\n        }\n\n        .yc-contact-text,\n        .yc-contact-text a {\n            color: var(--yc-grey);\n            font-size: 0.95rem;\n            line-height: 1.5;\n            text-decoration: none;\n            transition: color 0.2s;\n        }\n\n        .yc-contact-text a:hover {\n            color: var(--yc-green);\n        }\n\n        .yc-contact-cta {\n            margin-top: 1.5rem;\n            padding-top: 1.5rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .yc-contact-cta a {\n            color: var(--yc-white);\n            text-decoration: none;\n            font-weight: 500;\n            font-size: 1rem;\n            transition: color 0.2s;\n        }\n\n        .yc-contact-cta a:hover {\n            color: var(--yc-green);\n        }\n\n        .yc-pr-huge {\n            font-size: 2.5rem;\n            font-weight: 400;\n            color: var(--yc-white);\n            line-height: 1;\n            margin-bottom: 0.25rem;\n        }\n\n        .yc-pr-sub {\n            font-size: 1rem;\n            color: var(--yc-grey);\n        }\n\n        .yc-footer-bottom {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-top: 2rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n            font-size: 0.85rem;\n        }\n\n        .yc-social-group {\n            display: flex;\n            gap: 1rem;\n        }\n\n        .yc-social-icon {\n            color: var(--yc-white);\n            opacity: 0.85;\n            transition: all 0.2s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 40px;\n            height: 40px;\n            background: rgba(255, 255, 255, 0.05);\n            border-radius: 50%;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .yc-social-icon:hover {\n            opacity: 1;\n            transform: translateY(-3px);\n            background: rgba(255, 255, 255, 0.1);\n            border-color: rgba(255, 255, 255, 0.3);\n        }\n\n        .yc-social-icon svg {\n            width: 20px;\n            height: 20px;\n            fill: currentColor;\n        }\n\n        .yc-authority-text {\n            color: var(--yc-text-muted);\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.5rem;\n            align-items: center;\n        }\n\n        @media (max-width: 1024px) {\n            .yc-masonry-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n\n        @media (max-width: 600px) {\n            .yc-masonry-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .yc-footer-bottom {\n                flex-direction: column;\n                gap: 1.5rem;\n                text-align: center;\n            }\n\n            .yc-authority-text {\n                justify-content: center;\n            }\n        }\n\n        .yc-hero {\n            display: grid;\n            grid-template-columns: 1.35fr .65fr;\n            gap: 4rem;\n            padding: 7rem 0 5rem;\n        }\n\n        .yc-pills {\n            display: flex;\n            flex-wrap: wrap;\n            gap: .6rem;\n            margin-bottom: 1.8rem;\n        }\n\n        .yc-pill {\n            padding: .45rem .95rem;\n            border: 1px solid var(--panel-strong);\n            border-radius: 999px;\n            font-size: .75rem;\n            color: var(--muted2);\n        }\n\n        .yc-pill:hover {\n            color: var(--green);\n            border-color: var(--green);\n            transform: translateY(-2px);\n        }\n\n        .yc-title {\n            font-size: clamp(3rem, 5vw, 4.6rem);\n            line-height: 1.05;\n        }\n\n        .yc-title span {\n            color: var(--green);\n        }\n\n        .yc-cta-row {\n            display: flex;\n            gap: 1.2rem;\n            margin-top: 2.2rem;\n            flex-wrap: wrap;\n        }\n\n        .yc-side,\n        .yc-card {\n            background: var(--panel);\n            border: 1px solid var(--panel-strong);\n            border-radius: 24px;\n            padding: 2.2rem;\n            position: relative;\n            overflow: hidden;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.4s ease;\n        }\n\n        .yc-service-card {\n            background: var(--panel);\n            border: 1px solid var(--panel-strong);\n            border-radius: 24px;\n            padding: 3rem;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.4s ease;\n        }\n\n        .yc-service-card::before,\n        .yc-card::before,\n        .yc-reason-card::before,\n        .yc-process-card::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            border-radius: 24px;\n            padding: 1.5px;\n            background: linear-gradient(135deg, rgba(45, 191, 58, 0.5), rgba(255, 255, 255, 0), rgba(45, 191, 58, 0.2));\n            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n            -webkit-mask-composite: xor;\n            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n            mask-composite: exclude;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n            pointer-events: none;\n        }\n\n        .yc-service-card:hover,\n        .yc-card:hover,\n        .yc-reason-card:hover,\n        .yc-case-card:hover,\n        .yc-process-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 30px rgba(45, 191, 58, 0.1);\n            border-color: transparent;\n        }\n\n        .yc-service-card:hover::before,\n        .yc-card:hover::before,\n        .yc-reason-card:hover::before,\n        .yc-process-card:hover::before {\n            opacity: 1;\n        }\n\n        .yc-service-number {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            font-size: 5rem;\n            font-weight: 700;\n            line-height: 1;\n            margin-bottom: 1.5rem;\n            color: transparent;\n            -webkit-text-stroke: 2px rgba(255, 255, 255, 0.15);\n            opacity: 0.7;\n            transition: all .3s ease;\n        }\n\n        .yc-service-card:hover .yc-service-number {\n            -webkit-text-stroke-color: var(--green);\n            opacity: 1;\n            transform: scale(1.05);\n            transform-origin: left bottom;\n        }\n\n        .yc-service-title {\n            font-size: 1.8rem;\n            margin-bottom: 1.2rem;\n            font-weight: 700;\n            color: #fff;\n        }\n\n        .yc-service-list {\n            margin-top: 2rem;\n            padding: 0;\n            list-style: none;\n        }\n\n        .yc-service-list li {\n            display: flex;\n            align-items: flex-start;\n            gap: 1rem;\n            margin-bottom: 0.8rem;\n            color: var(--muted);\n            font-size: 0.95rem;\n            line-height: 1.5;\n        }\n\n        .yc-service-list li::before {\n            content: \"\";\n            flex-shrink: 0;\n            width: 20px;\n            height: 20px;\n            background-color: rgba(45, 191, 58, 0.2);\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%232DBF3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            background-size: 12px;\n            background-repeat: no-repeat;\n            background-position: center;\n            border-radius: 50%;\n            border: 1px solid rgba(45, 191, 58, 0.3);\n            margin-top: 3px;\n        }\n\n        .yc-side ul {\n            margin: 1rem 0 0;\n            padding: 0;\n        }\n\n        .yc-side li {\n            list-style: none;\n            margin: 0 0 .7rem;\n            padding-left: 1.2rem;\n            position: relative;\n            color: var(--muted);\n        }\n\n        .yc-side li::before {\n            content: '\u25cf';\n            position: absolute;\n            left: 0;\n            color: var(--orange);\n        }\n\n        .yc-faq {\n            max-width: 92ch;\n        }\n\n        .yc-faq__item {\n            background: var(--panel);\n            border: 1px solid var(--panel-strong);\n            border-radius: 18px;\n            padding: 1.4rem 1.4rem;\n            margin: 0 0 1rem;\n        }\n\n        .yc-faq__item summary {\n            cursor: pointer;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            color: var(--text);\n            list-style: none;\n            position: relative;\n            padding-right: 2.2rem;\n        }\n\n        .yc-faq__item summary::-webkit-details-marker {\n            display: none;\n        }\n\n        .yc-faq__item summary::after {\n            content: '+';\n            position: absolute;\n            right: 0;\n            top: 0;\n            color: var(--muted2);\n            font-weight: 700;\n        }\n\n        .yc-faq__item[open] summary::after {\n            content: '\u2014';\n            color: var(--green);\n        }\n\n        .yc-faq__item summary:hover {\n            color: var(--green);\n            letter-spacing: .02em;\n        }\n\n        .yc-faq__item p {\n            margin: .8rem 0 0;\n        }\n\n        .yc-section {\n            animation: fadeUp .8s ease-out both;\n        }\n\n        .yc-section:nth-of-type(2) {\n            animation-delay: .08s;\n        }\n\n        .yc-section:nth-of-type(3) {\n            animation-delay: .16s;\n        }\n\n        .yc-section:nth-of-type(4) {\n            animation-delay: .24s;\n        }\n\n        @keyframes fadeUp {\n            from {\n                opacity: 0;\n                transform: translateY(28px);\n            }\n\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .yc-cert-card {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            text-align: left;\n            min-height: 140px;\n            gap: 1.5rem;\n            padding: 2rem;\n        }\n\n        .yc-cert-badge-wrapper {\n            flex-shrink: 0;\n            width: 100px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n        }\n\n        .yc-cert-img {\n            max-width: 100%;\n            max-height: 80px;\n            object-fit: contain;\n            filter: brightness(0.95);\n            transition: filter 0.3s ease;\n        }\n\n        .yc-cert-content {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .yc-cert-title {\n            font-size: 1.3rem;\n            font-weight: 700;\n            margin-bottom: 0.3rem;\n            color: #fff;\n        }\n\n        .yc-cert-desc {\n            font-size: 0.9rem;\n            color: var(--muted);\n            line-height: 1.4;\n            margin: 0;\n        }\n\n        .yc-card:hover .yc-cert-img {\n            filter: brightness(1.1);\n        }\n\n        .yc-why-us-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n            margin-top: 3rem;\n        }\n\n        .yc-reasons-column {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n        }\n\n        .yc-reason-card {\n            background: var(--panel);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 16px;\n            padding: 1.5rem 2rem;\n            transition: 0.3s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .yc-reason-card h3 {\n            font-size: 1.25rem;\n            color: #fff;\n            margin-bottom: 0.5rem;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .yc-reason-card h3::before {\n            content: \"\";\n            flex-shrink: 0;\n            width: 24px;\n            height: 24px;\n            background-color: rgba(45, 191, 58, 0.2);\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%232DBF3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            background-size: 14px;\n            background-repeat: no-repeat;\n            background-position: center;\n            border-radius: 50%;\n            border: 1px solid rgba(45, 191, 58, 0.3);\n        }\n\n        .yc-reason-card p {\n            margin: 0;\n            font-size: 0.95rem;\n            color: var(--muted);\n            line-height: 1.5;\n        }\n\n        .yc-team-image-wrapper {\n            position: relative;\n            height: 100%;\n            min-height: 500px;\n            border-radius: 24px;\n            overflow: hidden;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .yc-team-image-wrapper img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        @media (max-width: 1000px) {\n            .yc-why-us-grid {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n\n            .yc-team-image-wrapper {\n                min-height: 300px;\n                order: -1;\n            }\n        }\n\n        .hero {\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            padding: 8rem 2rem 5rem;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #particle-canvas {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            z-index: 1;\n        }\n\n        .hero-content {\n            max-width: 900px;\n            text-align: center;\n            position: relative;\n            z-index: 10;\n            margin-bottom: 2rem;\n        }\n\n        .hero-title {\n            font-size: 3.5rem;\n            font-weight: 700;\n            color: #f5f5f7;\n            margin-bottom: 1.5rem;\n            line-height: 1.2;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        }\n\n        .hero-benefits {\n            list-style: none;\n            margin-bottom: 2.5rem;\n        }\n\n        .hero-benefits li {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 1rem;\n            font-size: 1.125rem;\n            color: #f5f5f7;\n            margin-bottom: 1rem;\n            font-weight: 400;\n        }\n\n        .hero-benefits li::before {\n            content: '\u2713';\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            border: 2px solid #f5f5f7;\n            font-size: 0.875rem;\n            font-weight: 700;\n            flex-shrink: 0;\n        }\n\n        .hero-cta-form {\n            display: flex;\n            max-width: 600px;\n            margin: 0 auto;\n            background: white;\n            border-radius: 12px;\n            padding: 6px;\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n        }\n\n        .hero-input {\n            flex: 1;\n            padding: 1rem 1.5rem;\n            border: none;\n            background: transparent;\n            font-size: 1rem;\n            font-family: 'IBM Plex Sans', sans-serif;\n            outline: none;\n            color: #333;\n        }\n\n        .hero-input::placeholder {\n            color: #999;\n        }\n\n        .hero-cta-button {\n            padding: 1rem 2rem;\n            background: #2DBF3A;\n            color: white;\n            border: none;\n            border-radius: 8px;\n            font-size: 1rem;\n            font-weight: 600;\n            cursor: pointer;\n            white-space: nowrap;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        .hero-cta-button:hover {\n            transform: scale(1.05);\n            box-shadow: 0 8px 24px rgba(45, 191, 58, 0.4);\n        }\n\n        .hero-trust-badges {\n            display: grid;\n            grid-template-columns: 1fr auto 1fr;\n            align-items: center;\n            gap: 3rem;\n            margin-top: 3rem;\n            width: 100%;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .hero-trust-badges img {\n            width: auto;\n            height: auto;\n            opacity: 1;\n            transition: all 0.3s ease;\n            object-fit: contain;\n            max-height: 80px;\n        }\n\n        .hero-trust-badges a {\n            display: block;\n            transition: transform 0.3s ease;\n        }\n\n        .hero-trust-badges a:first-child {\n            justify-self: end;\n        }\n\n        .hero-trust-badges a:first-child img {\n            width: 121.55px;\n            height: 60.61px;\n        }\n\n        .hero-trust-badges a:nth-child(2) {\n            justify-self: center;\n        }\n\n        .hero-trust-badges a:nth-child(2) img {\n            width: 83.43px;\n            height: 83.43px;\n        }\n\n        .hero-trust-badges a:last-child {\n            justify-self: start;\n        }\n\n        .hero-trust-badges a:last-child img {\n            width: 121.55px;\n            height: 60.61px;\n        }\n\n        .hero-trust-badges a:hover {\n            transform: scale(1.05);\n        }\n\n        .trust-section {\n            width: 100%;\n            text-align: center;\n            position: relative;\n            z-index: 10;\n        }\n\n        .trust-text {\n            color: rgba(255, 255, 255, 0.7);\n            font-size: 0.875rem;\n            margin-bottom: 0.5rem;\n            font-weight: 400;\n            position: relative;\n            z-index: 25;\n            padding-bottom: 10px;\n        }\n\n        .logo-slider-container {\n            width: 100%;\n            overflow: hidden;\n            position: relative;\n            padding: 1rem 0 3rem;\n            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n        }\n\n        .logo-strip {\n            display: flex;\n            align-items: center;\n            gap: 4rem;\n            width: max-content;\n            animation: scroll 30s linear infinite;\n        }\n\n        .logo-slider-container:hover .logo-strip {\n            animation-play-state: paused;\n        }\n\n        @keyframes scroll {\n            0% {\n                transform: translateX(0);\n            }\n\n            100% {\n                transform: translateX(-50%);\n            }\n        }\n\n        .logo-item {\n            color: rgba(255, 255, 255, 0.8);\n            font-size: 1.25rem;\n            font-weight: 700;\n            letter-spacing: 0.05em;\n            text-transform: uppercase;\n            white-space: nowrap;\n            opacity: 0.7;\n            transition: opacity 0.3s ease;\n        }\n\n        .logo-item:hover {\n            opacity: 1;\n        }\n\n        @media (max-width: 900px) {\n            .yc-hero {\n                grid-template-columns: 1fr;\n            }\n\n            .yc-cert-card {\n                flex-direction: column;\n                text-align: center;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            * {\n                animation: none !important;\n                transition: none !important;\n            }\n        }\n\n        .yc-tilt-active {\n            transition: none !important;\n        }\n\n        .yc-scroll-anim {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            will-change: opacity, transform;\n        }\n\n        .yc-scroll-anim.is-visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .yc-delay-100 {\n            transition-delay: 0.1s;\n        }\n\n        .yc-delay-200 {\n            transition-delay: 0.2s;\n        }\n\n        .yc-delay-300 {\n            transition-delay: 0.3s;\n        }\n\n        .yc-timeline-container {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 4rem 0;\n        }\n\n        .yc-timeline-line {\n            position: absolute;\n            left: 28px;\n            top: 0;\n            width: 4px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 4px;\n            overflow: hidden;\n        }\n\n        .yc-timeline-fill {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 0%;\n        }\n\n        .yc-process-card {\n            min-width: 45vw;\n            max-width: 45vw;\n            flex-shrink: 0;\n            height: 400px;\n            background: radial-gradient(circle at top right, #1f1f22, #141416);\n            color: #fff;\n            border-radius: 24px;\n            padding: 3rem;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .yc-watermark {\n            position: absolute;\n            top: -30px;\n            left: 10px;\n            font-size: 10rem;\n            font-weight: 800;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            color: transparent;\n            -webkit-text-stroke: 2px rgba(255, 255, 255, 0.05);\n            z-index: 0;\n            line-height: 1;\n            opacity: 0.5;\n            pointer-events: none;\n        }\n\n        .yc-process-card:hover .yc-watermark {\n            -webkit-text-stroke-color: rgba(45, 191, 58, 0.2);\n            opacity: 1;\n        }\n\n        .yc-p-title {\n            position: relative;\n            z-index: 2;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            font-size: 1.8rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            margin-top: 4rem;\n            color: #fff;\n        }\n\n        .yc-p-icon {\n            position: absolute;\n            top: 3rem;\n            right: 3rem;\n            width: 80px;\n            height: 80px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(255, 255, 255, 0.03);\n            border-radius: 20px;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            z-index: 1;\n            animation: floatIcon 6s ease-in-out infinite;\n        }\n\n        @keyframes floatIcon {\n\n            0%,\n            100% {\n                transform: translateY(0);\n            }\n\n            50% {\n                transform: translateY(-10px);\n            }\n        }\n\n        .yc-p-icon svg {\n            width: 40px;\n            height: 40px;\n            stroke: #fff;\n            stroke-width: 1.5;\n        }\n\n        .yc-process-card:hover .yc-p-icon {\n            background: rgba(45, 191, 58, 0.1);\n            border-color: rgba(45, 191, 58, 0.3);\n        }\n\n        .yc-process-card:hover .yc-p-icon svg {\n            stroke: #2DBF3A;\n        }\n\n        .yc-p-desc {\n            position: relative;\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #ccc;\n            z-index: 1;\n            max-width: 90%;\n            margin-top: auto;\n        }\n\n        .yc-p-icon svg {\n            width: 64px;\n            height: 64px;\n            stroke-width: 1.5px;\n        }\n\n        .yc-p-desc {\n            font-size: 1rem;\n            line-height: 1.6;\n            color: #94A3B8;\n            max-width: 90%;\n        }\n\n        @media (max-width: 768px) {\n            .yc-process-card {\n                min-width: 85vw;\n                height: 350px;\n            }\n        }\n\n        .yc-timeline-step {\n            display: flex;\n            gap: 3rem;\n            position: relative;\n            margin-bottom: 4rem;\n            opacity: 0.4;\n            transform: translateX(20px);\n            transition: all 0.6s ease;\n        }\n\n        .yc-timeline-step.active {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        .yc-step-marker {\n            flex-shrink: 0;\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            background: #141416;\n            border: 2px solid rgba(255, 255, 255, 0.2);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            font-weight: 700;\n            font-size: 1.2rem;\n            color: var(--muted);\n            z-index: 2;\n            transition: all 0.4s ease;\n        }\n\n        .yc-timeline-step.active .yc-step-marker {\n            border-color: var(--green);\n            color: var(--green);\n            box-shadow: 0 0 20px rgba(45, 191, 58, 0.4);\n            background: #0a0a0c;\n        }\n\n        .yc-step-content {\n            padding-top: 0.5rem;\n        }\n\n        .yc-step-content h3 {\n            font-size: 1.5rem;\n            margin-bottom: 0.5rem;\n            color: #fff;\n        }\n\n        @media (max-width: 600px) {\n            .yc-timeline-step {\n                gap: 1.5rem;\n            }\n\n            .yc-step-marker {\n                width: 45px;\n                height: 45px;\n                font-size: 1rem;\n            }\n\n            .yc-timeline-line {\n                left: 20.5px;\n            }\n        }\n\n        .yc-cp-container {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 80px;\n            width: 100%;\n            max-width: 1400px;\n            padding: 0 3rem 3rem 3rem;\n            position: relative;\n            margin: 0 auto;\n        }\n\n        .left-panel {\n            z-index: 10;\n        }\n\n        .platform-card {\n            background: var(--panel);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 24px;\n            padding: 20px;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 12px;\n            width: 300px;\n            backdrop-filter: blur(10px);\n            position: relative;\n        }\n\n        .icon-box {\n            width: 75px;\n            height: 75px;\n            background: #131725;\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .icon-box:hover {\n            border-color: rgba(248, 146, 0, 0.5);\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(248, 146, 0, 0.2);\n        }\n\n        .icon-box span {\n            font-size: 28px;\n        }\n\n        .icon-box img {\n            width: 40px;\n            height: 40px;\n            object-fit: contain;\n        }\n\n        .center-stack {\n            position: relative;\n            width: 300px;\n            height: 300px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 5;\n        }\n\n        .iso-layers {\n            position: relative;\n            width: 200px;\n            height: 200px;\n            transform: rotateX(60deg) rotateZ(-45deg);\n            transform-style: preserve-3d;\n        }\n\n        .layer {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border-radius: 32px;\n            transition: transform 0.4s ease;\n        }\n\n        .layer-3 {\n            background: linear-gradient(135deg, #F89200 0%, #EA580C 100%);\n            transform: translateZ(-50px);\n            box-shadow: -10px 10px 30px rgba(234, 88, 12, 0.5);\n        }\n\n        .layer-2 {\n            background: linear-gradient(135deg, #FDBA74 0%, #F89200 100%);\n            transform: translateZ(-25px);\n            opacity: 0.95;\n            box-shadow: -5px 5px 20px rgba(248, 146, 0, 0.3);\n        }\n\n        .layer-1 {\n            background: linear-gradient(135deg, #F1F5F9 0%, #CBD5E1 100%);\n            transform: translateZ(0px);\n            box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.2);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .layer-content {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%) rotateZ(45deg);\n            width: 110px;\n            height: auto;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .layer-content img {\n            width: 100%;\n            height: auto;\n            display: block;\n            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));\n        }\n\n        .connections-layer {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            z-index: 1;\n        }\n\n        .conn-line {\n            fill: none;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            transition: opacity 0.3s;\n        }\n\n        .conn-base {\n            stroke: #334155;\n            stroke-width: 2px;\n            opacity: 0.3;\n        }\n\n        .conn-flow {\n            stroke: #2DBF3A;\n            stroke-width: 3px;\n            stroke-dasharray: 8 12;\n            stroke-dashoffset: 0;\n            opacity: 0;\n            filter: drop-shadow(0 0 6px rgba(45, 191, 58, 0.8));\n        }\n\n        .yc-cp-container.active .conn-flow {\n            opacity: 1;\n            animation: flowData 1s linear infinite;\n        }\n\n        @keyframes flowData {\n            to {\n                stroke-dashoffset: -20;\n            }\n        }\n\n        .right-panel {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n            z-index: 10;\n            width: 440px;\n        }\n\n        .analysis-card {\n            background: var(--panel);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 16px;\n            padding: 24px;\n            transition: 0.3s;\n            position: relative;\n        }\n\n        .analysis-card:hover {\n            background: rgba(15, 23, 42, 0.6);\n            border-color: #F89200;\n        }\n\n        .analysis-card h3 {\n            font-size: 17px;\n            font-weight: 700;\n            margin-bottom: 6px;\n            color: white;\n            letter-spacing: -0.01em;\n        }\n\n        .analysis-card p {\n            font-size: 14px;\n            color: #94A3B8;\n            line-height: 1.4;\n        }\n\n        @media (max-width: 900px) {\n            .yc-sticky-container {\n                display: flex;\n                flex-direction: column;\n                width: 100% !important;\n                max-width: 100% !important;\n                overflow-x: hidden;\n                margin: 0;\n                padding: 0;\n            }\n\n            .yc-service-card-new {\n                width: 100% !important;\n                max-width: 100% !important;\n                margin-right: 0;\n                box-sizing: border-box;\n                margin-bottom: 1rem;\n            }\n        }\n\n        @media (max-width: 1000px) {\n            .yc-cp-container {\n                flex-direction: column;\n                gap: 50px;\n                padding: 40px 0;\n            }\n\n            .yc-service-card-new {\n                padding: 1.5rem !important;\n            }\n\n            .center-stack {\n                transform: scale(1);\n                margin: 20px 0;\n            }\n\n            .right-panel {\n                width: 100%;\n                max-width: 400px;\n            }\n        }\n\n        .yc-carousel-section {\n            position: relative;\n            overflow: hidden;\n            padding: 6rem 0;\n            overflow: hidden;\n        }\n\n        .yc-carousel-wrapper {\n            position: relative;\n            width: 100%;\n            height: 600px;\n            display: flex;\n            justify-content: center;\n            perspective: 1200px;\n            margin-top: 2.5rem;\n        }\n\n        .yc-case-card {\n            position: absolute;\n            width: 1100px;\n            height: 520px;\n            background: #141416;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 32px;\n            display: flex;\n            overflow: hidden;\n            transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\n            cursor: pointer;\n        }\n\n        .yc-case-content {\n            flex: 1;\n            padding: 32px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .yc-case-image {\n            width: 45%;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n        }\n\n        .yc-case-logo {\n            height: 40px;\n            object-fit: contain;\n            align-self: flex-start;\n            margin-bottom: 2rem;\n        }\n\n        .yc-case-section-title {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            font-weight: 700;\n            margin-bottom: 0.5rem;\n            display: block;\n        }\n\n        .yc-case-text {\n            font-size: 0.95rem;\n            color: var(--muted);\n            margin-bottom: 1.5rem;\n            line-height: 1.6;\n        }\n\n        .yc-case-stat {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            line-height: 1;\n            color: #fff;\n            margin-bottom: 0.5rem;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n        }\n\n        .stat-number {\n            font-size: 4rem;\n            font-weight: 700;\n        }\n\n        .stat-label {\n            font-size: 16px;\n            font-weight: 500;\n            color: var(--muted);\n            margin-top: 0.25rem;\n        }\n\n        .text-yc-green {\n            color: #2DBF3A;\n        }\n\n        .text-yc-orange {\n            color: #F89200;\n        }\n\n        .pos-center {\n            transform: translateX(0) scale(1);\n            z-index: 10;\n            opacity: 1;\n            pointer-events: auto;\n            border-color: rgba(255, 255, 255, 0.2);\n        }\n\n        .pos-left {\n            transform: translateX(-105%) scale(0.9);\n            z-index: 5;\n            opacity: 0.5;\n            filter: blur(0px);\n        }\n\n        .pos-right {\n            transform: translateX(105%) scale(0.9);\n            z-index: 5;\n            opacity: 0.5;\n            filter: blur(0px);\n        }\n\n        .pos-hidden {\n            transform: scale(0.8);\n            z-index: 0;\n            opacity: 0;\n            pointer-events: none;\n            visibility: hidden;\n        }\n\n        .pos-left:hover {\n            opacity: 0.8;\n            transform: translateX(-105%) scale(0.92);\n        }\n\n        .pos-right:hover {\n            opacity: 0.8;\n            transform: translateX(105%) scale(0.92);\n        }\n\n        @media (max-width: 1000px) {\n            .yc-case-card {\n                width: 95vw;\n                max-width: 100%;\n                flex-direction: column;\n                height: auto;\n                min-height: 500px;\n                position: relative;\n            }\n\n            .yc-case-image {\n                width: 100%;\n                height: 200px;\n                order: -1;\n            }\n\n            .yc-case-content {\n                padding: 1.5rem;\n                padding-bottom: 4rem;\n                width: 100% !important;\n                max-width: 100% !important;\n                box-sizing: border-box;\n            }\n\n            .yc-carousel-wrapper {\n                height: auto;\n                min-height: 700px;\n            }\n\n            .pos-left {\n                transform: translateX(-15%) scale(0.85);\n                opacity: 0;\n                pointer-events: none;\n            }\n\n            .pos-right {\n                transform: translateX(15%) scale(0.85);\n                opacity: 0;\n                pointer-events: none;\n            }\n        }\n\n        .yc-report-section {\n            width: 100%;\n            position: relative;\n            padding: 4rem 0;\n        }\n\n        .yc-report-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n        }\n\n        .yc-report-content {\n            max-width: 600px;\n        }\n\n        .yc-report-title {\n            font-size: 3rem;\n            line-height: 1.1;\n            margin-bottom: 1rem;\n        }\n\n        .yc-report-title span {\n            background: linear-gradient(90deg, #F89200 0%, #2DBF3A 100%);\n            background-clip: text;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .yc-report-subtitle {\n            font-size: 1.2rem;\n            color: #fff;\n            margin-bottom: 2rem;\n            font-weight: 500;\n        }\n\n        .yc-report-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n        }\n\n        .yc-report-list li {\n            display: flex;\n            gap: 1rem;\n            align-items: flex-start;\n            color: var(--muted);\n            font-size: 1rem;\n        }\n\n        .yc-check-icon {\n            flex-shrink: 0;\n            width: 24px;\n            height: 24px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            border-radius: 50%;\n            color: #fff;\n        }\n\n        .yc-report-card {\n            background: var(--panel);\n            color: #fff;\n            border: 1px solid var(--panel-strong);\n            border-radius: 24px;\n            padding: 2.5rem;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n            position: relative;\n        }\n\n        .yc-report-card::before {\n            content: \"\";\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 120%;\n            height: 120%;\n            background: radial-gradient(circle, rgba(45, 191, 58, 0.15) 0%, rgba(0, 0, 0, 0) 70%);\n            transform: translate(-50%, -50%);\n            z-index: -1;\n            pointer-events: none;\n        }\n\n        .yc-form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1rem;\n            margin-bottom: 1rem;\n        }\n\n        .yc-form-group {\n            margin-bottom: 1rem;\n        }\n\n        .yc-form-label {\n            display: block;\n            font-size: 0.9rem;\n            font-weight: 700;\n            color: #fff;\n            margin-bottom: 0.5rem;\n        }\n\n        .yc-form-input {\n            width: 100%;\n            padding: 0.8rem 1rem;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 8px;\n            font-family: inherit;\n            font-size: 1rem;\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n        }\n\n        .yc-form-input:focus {\n            outline: none;\n            border-color: #2DBF3A;\n            box-shadow: 0 0 0 3px rgba(45, 191, 58, 0.1);\n        }\n\n        .yc-form-btn {\n            width: 100%;\n            padding: 1rem;\n            background: linear-gradient(90deg, #2DBF3A 0%, #22992E 100%);\n            color: white;\n            border: none;\n            border-radius: 999px;\n            font-size: 1rem;\n            font-weight: 700;\n            cursor: pointer;\n            transition: 0.2s;\n            margin-top: 1rem;\n        }\n\n        .yc-form-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(45, 191, 58, 0.3);\n        }\n\n        .yc-form-note {\n            font-size: 0.75rem;\n            color: var(--muted2);\n            margin-top: 1rem;\n            line-height: 1.4;\n        }\n\n        .yc-form-note a {\n            text-decoration: underline;\n            color: var(--muted);\n        }\n\n        .yc-area-section {\n            padding: 6rem 0;\n        }\n\n        .yc-area-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 5rem;\n            align-items: start;\n        }\n\n        .yc-area-header-group {\n            margin-bottom: 3rem;\n        }\n\n        .yc-area-pretitle {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: #2DBF3A;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            display: block;\n        }\n\n        .yc-area-title {\n            font-size: 3rem;\n            line-height: 1.1;\n            margin-bottom: 0;\n        }\n\n        .yc-area-title em {\n            font-style: italic;\n            color: #F89200;\n        }\n\n        .yc-area-group {\n            margin-bottom: 2.5rem;\n        }\n\n        .yc-area-subtitle {\n            font-size: 0.8rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            color: var(--muted2);\n            margin-bottom: 1rem;\n            font-weight: 700;\n            display: block;\n        }\n\n        .yc-area-loc-text {\n            font-size: 1.1rem;\n            color: #fff;\n        }\n\n        .yc-area-pills {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.8rem;\n        }\n\n        .yc-area-pill {\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            padding: 0.6rem 1.2rem;\n            border-radius: 99px;\n            font-size: 0.9rem;\n            color: #fff;\n            display: flex;\n            align-items: center;\n            gap: 0.6rem;\n            transition: 0.2s;\n        }\n\n        .yc-area-pill:hover {\n            background: rgba(255, 255, 255, 0.1);\n            transform: translateY(-2px);\n        }\n\n        .yc-area-pill svg {\n            color: #2DBF3A;\n            width: 16px;\n            height: 16px;\n        }\n\n        .yc-area-card {\n            background: var(--panel);\n            border-radius: 32px;\n            padding: 3.5rem;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n            border: 1px solid var(--panel-strong);\n        }\n\n        .yc-area-card h3 {\n            font-size: 1.5rem;\n            color: #2DBF3A;\n            margin-bottom: 2.5rem;\n        }\n\n        @media (max-width: 900px) {\n            .yc-area-grid {\n                grid-template-columns: 1fr;\n                gap: 3rem;\n            }\n        }\n\n        #infinity-bg {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 0;\n            pointer-events: none;\n            opacity: 1;\n            transition: opacity 2s ease;\n        }\n\n        main {\n            position: relative;\n            z-index: 10;\n        }\n\n        .yc-sticky-container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            position: relative;\n            align-items: start;\n        }\n\n        .yc-sticky-content {\n            display: flex;\n            flex-direction: column;\n            gap: 2rem;\n            padding-bottom: 4rem;\n        }\n\n        .yc-sticky-visual {\n            position: sticky;\n            top: 100px;\n            width: 100%;\n            aspect-ratio: 4 \/ 3;\n            border-radius: 32px;\n            overflow: hidden;\n            background: var(--panel);\n            border: 1px solid var(--panel-strong);\n        }\n\n        .yc-interactive-cta {\n            position: relative;\n            padding: 100px 0;\n            min-height: 50vh;\n            background: #050505;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            cursor: none;\n        }\n\n        #mobius-canvas {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 0;\n            pointer-events: none;\n        }\n\n        .yc-cta-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            pointer-events: none;\n        }\n\n        .yc-cta-content h2 {\n            font-size: 4rem;\n            margin-bottom: 2rem;\n            color: #ffffff;\n            font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            letter-spacing: -0.02em;\n        }\n\n        .yc-cta-content p {\n            color: #ffffff !important;\n            font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        }\n\n        .yc-cta-content .yc-btn-primary {\n            pointer-events: auto;\n            font-size: 1.2rem;\n            padding: 1.2rem 3rem;\n        }\n\n        .yc-star-cursor {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 40px;\n            height: 40px;\n            pointer-events: none;\n            z-index: 10;\n            transform: translate(-50%, -50%);\n            mix-blend-mode: difference;\n            color: var(--green);\n            will-change: transform;\n        }\n\n        .yc-star-cursor svg {\n            width: 100%;\n            height: 100%;\n            animation: rotateCursor 10s linear infinite;\n        }\n\n        @keyframes rotateCursor {\n            from {\n                transform: rotate(0deg);\n            }\n\n            to {\n                transform: rotate(360deg);\n            }\n        }\n\n        .yc-services-slider-track {\n            display: flex;\n            width: 100%;\n            height: 100%;\n            gap: 0 !important;\n            margin: 0;\n            padding: 0;\n            transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n            will-change: transform;\n        }\n\n        .yc-service-slide {\n            width: 100%;\n            flex: 0 0 100%;\n            height: 100%;\n            margin: 0;\n            padding: 0;\n            border: none;\n            position: relative;\n        }\n\n        .yc-service-slide img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            opacity: 1;\n        }\n\n        .yc-sticky-image-wrapper {\n            width: 100%;\n            height: 100%;\n            background-color: var(--panel);\n            border: 1px solid var(--panel-strong);\n            border-radius: 32px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .yc-sticky-image-wrapper:hover img {\n            transform: scale(1.05);\n        }\n\n        .yc-service-card-new {\n            background: var(--panel);\n            border: 1px solid var(--panel-strong);\n            border-radius: 24px;\n            padding: 3rem;\n            transition: all 0.3s ease;\n            cursor: default;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .yc-service-card-new:hover {\n            border-color: rgba(255, 255, 255, 0.2);\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n        }\n\n        .yc-service-card-new::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 4px;\n            height: 100%;\n            background: var(--green);\n            opacity: 0;\n            transition: 0.3s;\n        }\n\n        .yc-service-card-new:hover::before {\n            opacity: 1;\n        }\n\n        .yc-service-num {\n            font-size: 0.9rem;\n            color: var(--green);\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            margin-bottom: 1rem;\n            display: block;\n        }\n\n        .yc-service-card-new h3 {\n            font-size: 2rem;\n            margin-bottom: 1rem;\n        }\n\n        .yc-service-card-new p {\n            font-size: 1.1rem;\n            color: var(--muted);\n            margin-bottom: 2rem;\n        }\n\n        .yc-service-list-new {\n            list-style: none;\n            padding: 0;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 0.8rem;\n        }\n\n        .yc-service-list-new li {\n            color: var(--muted2);\n            font-size: 0.95rem;\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n        .yc-service-list-new li::before {\n            content: \"\u2022\";\n            color: var(--green);\n            font-size: 1.2rem;\n        }\n\n        @media (max-width: 900px) {\n            .yc-sticky-container {\n                grid-template-columns: 1fr;\n            }\n\n            .yc-sticky-visual {\n                display: none;\n            }\n        }\n\n        :root {\n            --bg-color: #1d1d1f;\n            --card-bg: #1d1d1f;\n            --card-border: 0.5px solid rgba(255, 255, 255, 0.26);\n            --text-title: #ffffff;\n            --text-body: rgb(201, 201, 201);\n            --font-main: 'Lato', sans-serif;\n            --font-head: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        }\n\n        .framework-section {\n            background-color: transparent;\n            padding: 8rem 0 15vh;\n            position: relative;\n        }\n\n        .framework-header {\n            margin-bottom: 5rem;\n            text-align: left;\n            padding-left: 0;\n        }\n\n        .framework-header h2 {\n            font-family: var(--font-head);\n            font-size: 3rem;\n            max-width: 800px;\n            margin: 0;\n            line-height: 1.1;\n            color: var(--text-title);\n        }\n\n        .framework-row {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 4rem;\n            margin-bottom: 80px;\n            padding: 4rem;\n            background: var(--card-bg);\n            border: var(--card-border);\n            border-radius: 24px;\n            backdrop-filter: blur(10px);\n            position: sticky;\n            top: 15vh;\n            box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.5);\n            transform-origin: center top;\n        }\n\n        .framework-row.reversed {\n            flex-direction: row-reverse;\n        }\n\n        .framework-row:nth-child(2) {\n            position: sticky !important;\n            top: 15vh !important;\n            z-index: 10 !important;\n        }\n\n        .framework-row:nth-child(3) {\n            position: sticky !important;\n            top: 18vh !important;\n            z-index: 20 !important;\n        }\n\n        .framework-row:nth-child(4) {\n            position: sticky !important;\n            top: 21vh !important;\n            z-index: 30 !important;\n        }\n\n        .framework-row:nth-child(5) {\n            position: sticky !important;\n            top: 24vh !important;\n            z-index: 40 !important;\n        }\n\n        .framework-row:nth-child(6) {\n            position: sticky !important;\n            top: 15vh !important;\n            z-index: 50 !important;\n            box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.8) !important;\n            background-color: #1d1d1f !important;\n            margin-bottom: 0 !important;\n            min-height: 30vh !important;\n            align-items: center !important;\n            padding-top: 10vh !important;\n            padding-bottom: 12vh !important;\n        }\n\n        .row-image {\n            flex: 0 0 42%;\n            width: 42%;\n            aspect-ratio: 16\/10;\n            border-radius: 12px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .row-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            transition: transform 0.5s ease;\n        }\n\n        .framework-row:hover .row-image img {\n            transform: scale(1.05);\n        }\n\n        .row-content {\n            flex: 1;\n        }\n\n        .row-content h3 {\n            font-family: 'Lato', sans-serif;\n            font-size: 25px;\n            font-weight: 700;\n            color: rgb(255, 255, 255);\n            margin-bottom: 1rem;\n        }\n\n        .row-content p {\n            font-family: 'Lato', sans-serif;\n            font-size: 18px;\n            font-weight: 400;\n            color: rgb(201, 201, 201);\n            line-height: 1.6;\n        }\n\n        @media (max-width: 768px) {\n\n            .framework-row,\n            .framework-row.reversed {\n                flex-direction: column;\n                text-align: left;\n                gap: 2rem;\n            }\n\n            .row-image {\n                width: 100%;\n                aspect-ratio: 16\/10;\n                height: auto;\n            }\n        }\n\n        .c1-wrapper .chart-container {\n            width: 100%;\n            height: 100%;\n            position: relative;\n            padding: 15px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .c1-wrapper .grid-background {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 30px;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n            background: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 25%);\n            z-index: 0;\n        }\n\n        .c1-wrapper .bars-wrapper {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-end;\n            height: 100%;\n            padding-bottom: 30px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .c1-wrapper .column {\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: center;\n            width: 22%;\n            height: 100%;\n            position: relative;\n        }\n\n        .c1-wrapper .bar-track {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            width: 100%;\n            background: linear-gradient(to bottom, rgba(90, 152, 89, 0.15), rgba(90, 152, 89, 0.05));\n            border-radius: 2px 2px 0 0;\n        }\n\n        .c1-wrapper .bar-fill {\n            width: 100%;\n            background-color: #5a9859;\n            position: relative;\n            transition: height 0.5s ease-out;\n            background: linear-gradient(to bottom, #6ab069, #5a9859);\n        }\n\n        .c1-wrapper .badge {\n            background-color: white;\n            color: #1d1d1f;\n            padding: 4px 8px;\n            border-radius: 6px;\n            font-weight: 700;\n            font-size: 13px;\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            white-space: nowrap;\n        }\n\n        .c1-wrapper .label {\n            position: absolute;\n            bottom: -30px;\n            color: #ffffff;\n            font-size: 12px;\n            font-weight: 400;\n            text-align: center;\n            width: 100%;\n            letter-spacing: 0.5px;\n        }\n\n        .c2-wrapper .chart-container {\n            width: 100%;\n            height: 100%;\n            position: relative;\n            box-sizing: border-box;\n            background-color: transparent;\n            padding: 15px 10px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n        }\n\n        .c2-wrapper .grid-lines {\n            position: absolute;\n            top: 40px;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            z-index: 0;\n            background: repeating-linear-gradient(to bottom, rgba(6, 147, 227, 0.2) 0, rgba(6, 147, 227, 0.2) 1px, transparent 1px, transparent 25%);\n        }\n\n        .c2-wrapper .bars-wrapper {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-end;\n            height: 100%;\n            width: 100%;\n            position: relative;\n            z-index: 1;\n        }\n\n        .c2-wrapper .column {\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: center;\n            width: 22%;\n            height: 90%;\n        }\n\n        .c2-wrapper .header {\n            margin-bottom: 8px;\n            color: white;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 30px;\n        }\n\n        .c2-wrapper .google-text {\n            font-size: 16px;\n            font-weight: 700;\n            letter-spacing: -0.5px;\n        }\n\n        .c2-wrapper .linkedin-wrapper {\n            font-size: 15px;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n        }\n\n        .c2-wrapper .linkedin-in {\n            background-color: white;\n            color: #011627;\n            border-radius: 4px;\n            padding: 0px 3px;\n            margin-left: 2px;\n            line-height: 1.1;\n            font-size: 14px;\n        }\n\n        .c2-wrapper .facebook-text {\n            font-size: 16px;\n            font-weight: 700;\n            letter-spacing: -0.5px;\n        }\n\n        .c2-wrapper .microsoft-wrapper {\n            display: flex;\n            align-items: center;\n            gap: 4px;\n        }\n\n        .c2-wrapper .ms-icon {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1px;\n            width: 12px;\n            height: 12px;\n        }\n\n        .c2-wrapper .ms-dot {\n            background-color: white;\n            width: 100%;\n            height: 100%;\n        }\n\n        .c2-wrapper .ms-text {\n            display: flex;\n            flex-direction: column;\n            line-height: 1;\n        }\n\n        .c2-wrapper .ms-brand {\n            font-weight: 600;\n            font-size: 11px;\n        }\n\n        .c2-wrapper .ms-sub {\n            font-weight: 300;\n            font-size: 8px;\n            opacity: 0.9;\n        }\n\n        .c2-wrapper .bar {\n            width: 100%;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .c2-wrapper .bar-google {\n            height: 90%;\n            background: linear-gradient(to bottom, #007bff 0%, rgba(1, 22, 39, 0) 100%);\n        }\n\n        .c2-wrapper .bar-linkedin {\n            height: 85%;\n            background: linear-gradient(to bottom, #5c9c5c 0%, rgba(1, 22, 39, 0) 100%);\n        }\n\n        .c2-wrapper .bar-facebook {\n            height: 75%;\n            background: linear-gradient(to bottom, #008080 0%, rgba(1, 22, 39, 0) 100%);\n        }\n\n        .c2-wrapper .bar-microsoft {\n            height: 88%;\n            background: linear-gradient(to bottom, #b89b5e 0%, rgba(1, 22, 39, 0) 100%);\n        }\n\n        .c3-wrapper .chart-container {\n            width: 100%;\n            height: 100%;\n            padding: 20px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .c3-wrapper .row {\n            display: flex;\n            align-items: center;\n            margin-bottom: 12px;\n            height: 24px;\n        }\n\n        .c3-wrapper .label-group {\n            display: flex;\n            align-items: center;\n            width: 125px;\n            flex-shrink: 0;\n        }\n\n        .c3-wrapper .dot {\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n            margin-right: 8px;\n            box-shadow: 0 0 10px currentColor;\n            flex-shrink: 0;\n        }\n\n        .c3-wrapper .label-text {\n            color: #dbe4ee;\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 0.5px;\n        }\n\n        .c3-wrapper .bar-container {\n            flex-grow: 1;\n            height: 100%;\n            position: relative;\n        }\n\n        .c3-wrapper .bar {\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            padding-right: 8px;\n            color: white;\n            font-weight: 500;\n            font-size: 12px;\n        }\n\n        .c3-wrapper .row-1 .dot {\n            background-color: #0d8387;\n            color: #0d8387;\n        }\n\n        .c3-wrapper .row-1 .bar {\n            width: 100%;\n            background: linear-gradient(90deg, rgba(13, 131, 135, 0.1) 0%, rgba(13, 131, 135, 1) 100%);\n        }\n\n        .c3-wrapper .row-2 .dot {\n            background-color: #00a57c;\n            color: #00a57c;\n        }\n\n        .c3-wrapper .row-2 .bar {\n            width: 80%;\n            background: linear-gradient(90deg, rgba(0, 165, 124, 0.1) 0%, rgba(0, 165, 124, 1) 100%);\n        }\n\n        .c3-wrapper .row-3 .dot {\n            background-color: #7acc73;\n            color: #7acc73;\n        }\n\n        .c3-wrapper .row-3 .bar {\n            width: 44%;\n            background: linear-gradient(90deg, rgba(122, 204, 115, 0.1) 0%, rgba(122, 204, 115, 1) 100%);\n        }\n\n        .c3-wrapper .row-4 .dot {\n            background-color: #63eac0;\n            color: #63eac0;\n        }\n\n        .c3-wrapper .row-4 .bar {\n            width: 34%;\n            background: linear-gradient(90deg, rgba(99, 234, 192, 0.1) 0%, rgba(99, 234, 192, 1) 100%);\n        }\n\n        .c3-wrapper .row-5 .dot {\n            background-color: #0084ff;\n            color: #0084ff;\n        }\n\n        .c3-wrapper .row-5 .bar {\n            width: 29%;\n            background: linear-gradient(90deg, rgba(0, 132, 255, 0.1) 0%, rgba(0, 132, 255, 1) 100%);\n        }\n\n        .framework-row .row-content,\n        .framework-row .row-image {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.35s ease-out, transform 0.35s ease-out;\n            will-change: opacity, transform;\n        }\n\n        .framework-row.visible .row-content,\n        .framework-row.visible .row-image {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .framework-row:not(.reversed).visible .row-image {\n            transition-delay: 0.08s;\n        }\n\n        .framework-row.reversed.visible .row-content {\n            transition-delay: 0.08s;\n        }\n\n        .c5-wrapper .chart-container {\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            background: rgba(29, 29, 31, 1);\n        }\n\n        .c5-wrapper .legend {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            margin-bottom: 20px;\n            width: 100%;\n        }\n\n        .c5-wrapper .legend-item {\n            color: white;\n            font-size: 14px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-weight: 400;\n        }\n\n        .c5-wrapper .pill {\n            width: 30px;\n            height: 6px;\n            border-radius: 10px;\n        }\n\n        .c5-wrapper .pill-green {\n            background-color: #7ce68a;\n        }\n\n        .c5-wrapper .pill-blue {\n            background-color: #0084ff;\n        }\n\n        .c5-wrapper .chart-box {\n            position: relative;\n            width: 90%;\n            height: 60%;\n            border-left: 1px solid rgba(0, 229, 255, 0.2);\n            border-bottom: 1px solid rgba(0, 229, 255, 0.2);\n            background-image: linear-gradient(90deg, rgba(0, 229, 255, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 229, 255, 0.1) 1px, transparent 1px);\n            background-size: 25% 33%;\n        }\n\n        .c5-wrapper svg {\n            width: 100%;\n            height: 100%;\n            overflow: visible;\n        }\n\n        .c5-wrapper .line {\n            fill: none;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            stroke-width: 6;\n            vector-effect: non-scaling-stroke;\n        }\n\n        .c5-wrapper .blue {\n            stroke: #0084ff;\n            filter: drop-shadow(0 0 8px rgba(0, 132, 255, 0.6));\n        }\n\n        .c5-wrapper .green {\n            stroke: #7ce68a;\n            filter: drop-shadow(0 0 10px rgba(124, 230, 138, 0.7));\n        }\n\n        .c5-wrapper .dot {\n            fill: #9fffad;\n            filter: drop-shadow(0 0 15px #7ce68a);\n        }\n    <\/style>\n    <style>\n        .yc-dashboard-section {\n            --db-bg: #030e1a;\n            --db-text-white: #ffffff;\n            --db-text-gray: #9ca3af;\n            --db-border: rgba(255, 255, 255, 0.1);\n            --col-google: #0073e6;\n            --col-linkedin: #5d9e5d;\n            --col-bing: #cfa058;\n            --col-facebook: #008080;\n            width: 100%;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 4rem 20px;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            color: var(--db-text-white);\n        }\n\n        .yc-db-card {\n            background: #1d1d1f;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 24px;\n            padding: 3rem;\n            margin-bottom: 2rem;\n            position: relative;\n            z-index: 2;\n        }\n\n        .yc-db-header {\n            text-align: left;\n            margin-bottom: 40px;\n        }\n\n        .yc-db-header h2 {\n            font-size: 48px;\n            font-weight: 600;\n            margin: 0 0 16px 0;\n            color: var(--db-text-white);\n            max-width: 700px;\n        }\n\n        .yc-db-header p {\n            font-size: 16px;\n            line-height: 1.5;\n            color: #a1a1a6;\n            margin: 0;\n            max-width: 650px;\n        }\n\n        .yc-db-legend {\n            display: flex;\n            justify-content: flex-start;\n            gap: 30px;\n            margin-bottom: 40px;\n            font-size: 14px;\n            color: var(--db-text-gray);\n        }\n\n        .yc-db-legend-item {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .yc-db-dot {\n            width: 10px;\n            height: 10px;\n            border-radius: 2px;\n        }\n\n        .yc-db-chart-section {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-end;\n            height: 280px;\n            padding: 0 20px;\n            margin-bottom: 20px;\n        }\n\n        .yc-db-chart-group {\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: center;\n            width: 23%;\n            height: 100%;\n        }\n\n        .yc-db-bars-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-end;\n            width: 100%;\n            height: 220px;\n            background: linear-gradient(to right, rgba(0, 115, 230, 0.15) 0%, rgba(0, 115, 230, 0.15) 22%, transparent 22%, transparent 26%, rgba(93, 158, 93, 0.15) 26%, rgba(93, 158, 93, 0.15) 48%, transparent 48%, transparent 52%, rgba(207, 160, 88, 0.15) 52%, rgba(207, 160, 88, 0.15) 74%, transparent 74%, transparent 78%, rgba(0, 128, 128, 0.15) 78%, rgba(0, 128, 128, 0.15) 100%);\n            border-radius: 4px 4px 0 0;\n            position: relative;\n        }\n\n        .yc-db-bar-col {\n            width: 22%;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: center;\n            position: relative;\n            transition: height 0.5s ease;\n        }\n\n        .yc-db-bar-val {\n            background-color: white;\n            color: #000;\n            font-size: 11px;\n            font-weight: 700;\n            padding: 2px 4px;\n            border-radius: 3px;\n            margin-bottom: 6px;\n        }\n\n        .yc-db-bar {\n            width: 100%;\n            border-radius: 2px 2px 0 0;\n            position: relative;\n        }\n\n        .yc-db-bar::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.1) 100%);\n            pointer-events: none;\n        }\n\n        .yc-db-group-label {\n            margin-top: 15px;\n            font-size: 13px;\n            color: var(--db-text-gray);\n            border-top: 1px solid var(--db-border);\n            width: 100%;\n            text-align: center;\n            padding-top: 10px;\n            white-space: nowrap;\n        }\n\n        .yc-db-table-section {\n            width: 100%;\n            border-top: 1px solid var(--db-border);\n        }\n\n        .yc-db-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 14px;\n        }\n\n        .yc-db-table th {\n            color: var(--db-text-gray);\n            font-weight: 500;\n            padding: 15px 10px;\n            text-align: center;\n            border-bottom: 1px solid var(--db-border);\n        }\n\n        .yc-db-table td {\n            padding: 15px 10px;\n            text-align: center;\n            border-bottom: 1px solid var(--db-border);\n        }\n\n        .yc-db-table th.th-left,\n        .yc-db-table td.td-left {\n            text-align: left;\n        }\n\n        .yc-db-table td.td-left {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .c-google {\n            background-color: var(--col-google);\n        }\n\n        .c-linkedin {\n            background-color: var(--col-linkedin);\n        }\n\n        .c-bing {\n            background-color: var(--col-bing);\n        }\n\n        .c-facebook {\n            background-color: var(--col-facebook);\n        }\n\n        .yc-db-mobile-cards {\n            display: none;\n            flex-direction: column;\n            gap: 16px;\n            margin-top: 20px;\n        }\n\n        .yc-mobile-card {\n            background: #1d1d1f;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 12px;\n            padding: 16px;\n        }\n\n        .yc-mobile-card-header {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 12px;\n            padding-bottom: 12px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n        }\n\n        .yc-mobile-card-title {\n            font-weight: 700;\n            color: #fff;\n            font-size: 16px;\n        }\n\n        .yc-mobile-metric-row {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 8px;\n            font-size: 14px;\n            color: #b0b8c4;\n        }\n\n        .yc-mobile-metric-row strong {\n            color: #fff;\n        }\n\n        .yc-mobile-metric-row.secondary {\n            font-size: 13px;\n            opacity: 0.9;\n        }\n\n        .yc-mobile-card-toggle {\n            background: transparent !important;\n            border: none !important;\n            box-shadow: none !important;\n            color: #2DBF3A;\n            font-size: 14px;\n            font-weight: 600;\n            cursor: pointer;\n            padding: 8px 0 0;\n            width: 100%;\n            text-align: left;\n            margin-top: 8px;\n        }\n\n        .yc-mobile-card-toggle.active {\n            color: #fff;\n        }\n\n        .yc-mobile-card-details {\n            margin-top: 12px;\n            padding-top: 12px;\n            border-top: 1px dashed rgba(255, 255, 255, 0.1);\n            animation: fadeIn 0.3s ease;\n        }\n\n        @media (max-width: 768px) {\n            .yc-db-header h2 {\n                font-size: 28px;\n                line-height: 1.2;\n            }\n\n            .yc-db-card {\n                padding: 1.5rem;\n                overflow: hidden;\n            }\n\n            .yc-db-legend {\n                flex-wrap: wrap;\n                gap: 15px;\n                margin-bottom: 2rem;\n            }\n\n            .yc-db-legend-item {\n                font-size: 13px;\n                width: 45%;\n            }\n\n            .yc-db-chart-section {\n                overflow-x: auto;\n                justify-content: flex-start;\n                gap: 16px;\n                padding-bottom: 20px;\n                margin-left: -1.5rem;\n                margin-right: -1.5rem;\n                padding-left: 1.5rem;\n                padding-right: 1.5rem;\n                scroll-snap-type: x mandatory;\n                -webkit-overflow-scrolling: touch;\n            }\n\n            .yc-db-chart-group {\n                min-width: 85vw;\n                scroll-snap-align: center;\n                flex-shrink: 0;\n            }\n\n            .yc-db-bar-col {\n                width: 22%;\n            }\n\n            .yc-db-bar-val {\n                font-size: 10px;\n                padding: 2px 3px;\n            }\n\n            .yc-db-table-section {\n                display: none !important;\n            }\n\n            .yc-db-mobile-cards {\n                display: flex;\n            }\n        }\n\n        .yc-ab-container {\n            display: flex;\n            gap: 15px;\n            justify-content: center;\n            width: 100%;\n            height: 100%;\n            align-items: center;\n            transform: scale(0.80);\n            transform-origin: center center;\n        }\n\n        .yc-ab-card-wrapper {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            width: 48%;\n            max-width: 260px;\n        }\n\n        .yc-ab-percentage {\n            font-size: 28px;\n            font-weight: 600;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        }\n\n        .yc-ab-window-frame {\n            background-color: #161b22;\n            width: 100%;\n            border-radius: 8px;\n            padding: 12px;\n            box-sizing: border-box;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .yc-ab-dots {\n            display: flex;\n            gap: 5px;\n        }\n\n        .yc-ab-dot {\n            width: 5px;\n            height: 5px;\n            border-radius: 50%;\n            background-color: #444c56;\n        }\n\n        .yc-ab-chart-area {\n            display: flex;\n            height: 110px;\n            gap: 8px;\n            background-color: #0d1117;\n            border-radius: 6px;\n            padding: 10px 8px;\n            position: relative;\n        }\n\n        .yc-ab-y-axis {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            color: #6e7681;\n            font-size: 8px;\n            padding-bottom: 2px;\n        }\n\n        .yc-ab-bars-container {\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            position: relative;\n        }\n\n        .yc-ab-grid-lines {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            pointer-events: none;\n            z-index: 0;\n        }\n\n        .yc-ab-line {\n            width: 100%;\n            height: 1px;\n            border-top: 1px dashed #30363d;\n        }\n\n        .yc-ab-bar-col {\n            width: 12%;\n            height: 100%;\n            position: relative;\n            z-index: 1;\n            display: flex;\n            align-items: flex-end;\n        }\n\n        .yc-ab-ghost {\n            position: absolute;\n            bottom: 0;\n            width: 100%;\n            background-color: #2d333b;\n            border-radius: 2px;\n        }\n\n        .yc-ab-fill {\n            position: absolute;\n            bottom: 0;\n            width: 100%;\n            border-radius: 2px;\n            transition: height 0.3s ease;\n        }\n\n        .yc-ab-stats-row {\n            display: flex;\n            gap: 10px;\n            height: 50px;\n        }\n\n        .yc-ab-progress-group {\n            flex: 2;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 6px;\n            background-color: #0d1117;\n            border-radius: 6px;\n            padding: 8px;\n        }\n\n        .yc-ab-progress-track {\n            height: 5px;\n            width: 100%;\n            background-color: #30363d;\n            border-radius: 3px;\n        }\n\n        .yc-ab-progress-bar {\n            height: 100%;\n            border-radius: 3px;\n        }\n\n        .yc-ab-grid-group {\n            flex: 1;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            grid-template-rows: 1fr 1fr;\n            gap: 4px;\n        }\n\n        .yc-ab-square {\n            background-color: #30363d;\n            border-radius: 3px;\n        }\n\n        .yc-ab-footer-btn {\n            height: 50px;\n            border-radius: 4px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 20px;\n            font-weight: 700;\n            color: white;\n        }\n\n        .yc-ab-theme-a .yc-ab-fill,\n        .yc-ab-theme-a .yc-ab-progress-bar,\n        .yc-ab-theme-a .yc-ab-footer-btn {\n            background-color: #84c98b;\n        }\n\n        .yc-ab-theme-a .yc-ab-footer-btn {\n            color: #0d1117;\n        }\n\n        .yc-ab-theme-b .yc-ab-fill,\n        .yc-ab-theme-b .yc-ab-progress-bar,\n        .yc-ab-theme-b .yc-ab-footer-btn {\n            background-color: #f6ad55;\n        }\n\n        .yc-ab-theme-b .yc-ab-footer-btn {\n            color: #0d1117;\n        }\n\n        .yc-db-bar,\n        .yc-db-bar-col,\n        .yc-db-chart-group,\n        tr,\n        td,\n        th {\n            transition: all 0.3s ease;\n        }\n\n        .yc-db-card:not(.animate-in) .yc-db-bar {\n            height: 0% !important;\n        }\n\n        .yc-db-card:not(.animate-in) .yc-db-table-section {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n\n        .yc-db-card.animate-in .yc-db-bar {\n            transition: height 1.2s cubic-bezier(0.22, 1, 0.36, 1);\n        }\n\n        .yc-db-card.animate-in .yc-db-table-section {\n            opacity: 1;\n            transform: translateY(0);\n            transition: opacity 0.8s ease 0.4s, transform 0.8s ease 0.4s;\n        }\n\n        .yc-db-container.has-hover .yc-db-bar,\n        .yc-db-container.has-hover .yc-db-bar,\n        .yc-db-container.has-hover tbody tr,\n        .yc-db-container.has-hover thead th {\n            opacity: 0.4;\n        }\n\n        .yc-db-container.has-hover .yc-db-bar.is-highlighted,\n        .yc-db-container.has-hover tbody tr.is-highlighted,\n        .yc-db-container.has-hover tbody tr:hover,\n        .yc-db-container.has-hover thead th.is-highlighted,\n        .yc-db-container.has-hover thead th:hover,\n        .yc-db-container.has-hover .yc-db-chart-group.is-highlighted .yc-db-bar {\n            opacity: 1 !important;\n            filter: none !important;\n        }\n\n        .yc-db-container.has-hover .yc-db-chart-group.is-highlighted {\n            opacity: 1 !important;\n        }\n\n        tr.is-highlighted {\n            background-color: rgba(255, 255, 255, 0.05);\n            border-radius: 4px;\n        }\n    <\/style>\n    <script> document.addEventListener(\"DOMContentLoaded\", function () { const card = document.querySelector('.yc-db-card'); const container = document.querySelector('.yc-dashboard-section'); if (container) container.classList.add('yc-db-container'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { card.classList.add('animate-in'); observer.unobserve(entry.target); } }); }, { threshold: 0.3 }); if (card) observer.observe(card); const rows = document.querySelectorAll('.yc-db-table tbody tr'); const cols = document.querySelectorAll('.yc-db-table thead th[data-step]'); const barsGoogle = document.querySelectorAll('.yc-db-bar.c-google'); const barsLinkedin = document.querySelectorAll('.yc-db-bar.c-linkedin'); const barsBing = document.querySelectorAll('.yc-db-bar.c-bing'); const barsFacebook = document.querySelectorAll('.yc-db-bar.c-facebook'); const chartGroups = document.querySelectorAll('.yc-db-chart-group'); function getBarsForChannel(channel) { if (channel === 'google') return barsGoogle; if (channel === 'linkedin') return barsLinkedin; if (channel === 'bing') return barsBing; if (channel === 'facebook') return barsFacebook; return []; } function setHighlight(isActive) { if (isActive) { container.classList.add('has-hover'); } else { container.classList.remove('has-hover'); document.querySelectorAll('.is-highlighted').forEach(el => el.classList.remove('is-highlighted')); } } rows.forEach(row => { row.addEventListener('mouseenter', () => { const channel = row.getAttribute('data-channel'); if (!channel) return; setHighlight(true); row.classList.add('is-highlighted'); getBarsForChannel(channel).forEach(bar => bar.classList.add('is-highlighted')); }); row.addEventListener('mouseleave', () => { setHighlight(false); }); }); cols.forEach(col => { col.addEventListener('mouseenter', () => { const step = col.getAttribute('data-step'); if (!step) return; setHighlight(true); col.classList.add('is-highlighted'); const groupIndex = parseInt(step) - 1; if (chartGroups[groupIndex]) { chartGroups[groupIndex].classList.add('is-highlighted'); } }); col.addEventListener('mouseleave', () => { setHighlight(false); }); }); }); <\/script>\n    <style>\n        .yc-growth-section {\n            height: 100vh;\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            overflow: hidden;\n            background: transparent;\n            position: relative;\n            margin-top: 104px;\n            background: #1d1d1f !important;\n            z-index: 5;\n        }\n\n        .yc-growth-layout {\n            width: 100%;\n            max-width: 1400px;\n            padding: 0 5vw;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            position: relative;\n        }\n\n        .yc-growth-col-left {\n            width: 45%;\n            z-index: 2;\n        }\n\n        .yc-growth-col-right {\n            width: 50%;\n            height: 600px;\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            position: relative;\n            z-index: 1;\n            overflow: visible;\n        }\n\n        .yc-growth-copy h2 {\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            font-weight: 700;\n            font-size: 48px;\n            line-height: 1.1;\n            margin-bottom: 1.5rem;\n            letter-spacing: -0.02em;\n            color: #fff;\n        }\n\n        .yc-growth-copy p {\n            font-size: 16px;\n            color: #94A3B8;\n            line-height: 1.6;\n            margin: 0;\n            max-width: 40ch;\n        }\n\n        .yc-growth-stack {\n            width: 500px;\n            height: 350px;\n            position: absolute;\n            right: 0;\n            top: 50%;\n            transform: translate(0, -50%) perspective(1000px);\n            margin-right: 20%;\n        }\n\n        @media (max-width: 900px) {\n            .yc-growth-section {\n                margin-top: 0 !important;\n                height: auto;\n                padding: 4rem 0;\n            }\n        }\n\n        .yc-growth-card {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 100%;\n            height: 100%;\n            border-radius: 24px;\n            background: radial-gradient(circle at top right, #1f1f22, #141416);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);\n            padding: 3rem;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            overflow: hidden;\n            transform-style: preserve-3d;\n            backface-visibility: hidden;\n            transition: none !important;\n        }\n\n        .yc-growth-watermark {\n            position: absolute;\n            top: -30px;\n            left: 10px;\n            font-size: 10rem;\n            font-weight: 700;\n            font-family: Arial, Helvetica, sans-serif;\n            color: transparent;\n            -webkit-text-stroke: 2px rgba(255, 255, 255, 0.05);\n            z-index: 0;\n            line-height: 1;\n            opacity: 0.5;\n            pointer-events: none;\n        }\n\n        .yc-toolstack {\n            width: 100%;\n            padding: 60px 0;\n            background: transparent;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            position: relative;\n            margin-top: 50px;\n        }\n\n        .yc-toolstack-header {\n            margin-bottom: 40px;\n            z-index: 3;\n            position: relative;\n        }\n\n        .yc-toolstack-header h3 {\n            font-size: 24px;\n            color: #fff;\n            margin-bottom: 8px;\n            font-weight: 600;\n        }\n\n        .yc-toolstack-header p {\n            font-size: 16px;\n            color: #ffffff;\n            margin: 0;\n        }\n\n        .yc-toolstack::before,\n        .yc-toolstack::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            width: 15rem;\n            height: 100%;\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        .yc-toolstack::before {\n            left: 0;\n            background: linear-gradient(to right, #1d1d1f 0%, transparent 100%);\n        }\n\n        .yc-toolstack::after {\n            right: 0;\n            background: linear-gradient(to left, #1d1d1f 0%, transparent 100%);\n        }\n\n        .yc-toolstack-track {\n            display: flex;\n            gap: 60px;\n            width: max-content;\n            animation: marquee 40s linear infinite;\n            will-change: transform;\n            align-items: center;\n        }\n\n        .yc-toolstack-track:hover {\n            animation-play-state: paused;\n        }\n\n        .yc-logo-item {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            filter: grayscale(1) brightness(0) invert(1);\n            opacity: 0.6;\n            transition: filter 0.3s ease, transform 0.3s ease, opacity 0.3s ease;\n        }\n\n        .yc-logo-item:hover {\n            filter: grayscale(0) brightness(1) invert(0);\n            opacity: 1;\n            transform: scale(1.1);\n        }\n\n        .yc-arr-section {\n            width: 100%;\n            padding: 80px 0;\n            position: relative;\n        }\n\n        .yc-arr-chart-wrapper {\n            width: 1250px;\n            max-width: 100%;\n            overflow-x: auto;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .yc-arr-chart-label {\n            font-size: 20px;\n            color: #dbe4ee;\n            margin-bottom: 20px;\n            font-weight: 400;\n            text-align: left;\n        }\n\n        .yc-arr-chart-box {\n            position: relative;\n            width: 100%;\n            height: 350px;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0) 100%);\n            border-radius: 12px;\n            overflow: hidden;\n        }\n\n        .yc-arr-chart-box svg {\n            width: 100%;\n            height: 100%;\n            overflow: visible;\n            transition: transform 0.4s ease;\n        }\n\n        .yc-arr-chart-box:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 40px -10px rgba(124, 230, 138, 0.1);\n            border-color: rgba(124, 230, 138, 0.3);\n            transition: all 0.4s ease;\n        }\n\n        .yc-arr-chart-box:hover .yc-arr-line-stroke {\n            filter: drop-shadow(0 0 8px rgba(124, 230, 138, 0.6));\n        }\n\n        .yc-arr-chart-box:hover .yc-arr-area-fill {\n            opacity: 0.9;\n        }\n\n        .yc-arr-chart-box:hover .yc-arr-grid-line {\n            opacity: 0.3;\n        }\n\n        .yc-arr-chart-box:hover .yc-arr-chart-dot {\n            r: 6;\n            transition: r 0.3s ease;\n        }\n\n        .yc-arr-grid-line {\n            stroke: rgba(255, 255, 255, 0.15);\n            stroke-width: 1;\n            transition: opacity 0.3s ease;\n        }\n\n        .yc-arr-area-fill {\n            fill: url(#greenGradient);\n            opacity: 0.8;\n            transition: opacity 0.3s ease;\n        }\n\n        .yc-arr-line-stroke {\n            fill: none;\n            stroke: #7ce68a;\n            stroke-width: 2.5;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            transition: filter 0.3s ease;\n        }\n\n        .yc-arr-chart-dot {\n            fill: #a3ffb0;\n            stroke: #7ce68a;\n            stroke-width: 0;\n            opacity: 0.8;\n            transition: r 0.3s ease;\n        }\n\n        .yc-arr-end-dot {\n            fill: #ffffff;\n            filter: drop-shadow(0 0 8px #7ce68a) drop-shadow(0 0 15px #7ce68a);\n        }\n\n        .yc-faq-header {\n            margin-bottom: 40px;\n        }\n\n        .yc-accordion {\n            width: 100%;\n            max-width: 800px;\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        .yc-accordion-item {\n            background: #252527 !important;\n            border: 1px solid rgba(255, 255, 255, 0.05) !important;\n            border-radius: 12px;\n            overflow: hidden;\n            transition: background 0.3s ease, border-color 0.3s ease;\n        }\n\n        .yc-accordion-item:hover {\n            border-color: rgba(124, 230, 138, 0.3) !important;\n            background: #2a2a2c !important;\n        }\n\n        .yc-accordion-item.active {\n            background: #2a2a2c !important;\n            border-color: rgba(124, 230, 138, 0.5) !important;\n        }\n\n        .yc-accordion-inner {\n            color: #f5f5f7;\n            line-height: 1.6;\n        }\n\n        .yc-accordion-trigger {\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 20px 24px;\n            background: none;\n            border: none;\n            color: #fff;\n            font-size: 18px;\n            font-weight: 500;\n            text-align: left;\n            cursor: pointer;\n            background: transparent !important;\n            color: #f5f5f7 !important;\n        }\n\n        .yc-accordion-trigger:hover {}\n\n        .yc-accordion-icon {\n            width: 24px;\n            height: 24px;\n            min-width: 24px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(124, 230, 138, 0.1);\n            color: #7ce68a;\n            border-radius: 6px;\n            transition: transform 0.4s ease, background 0.3s ease, color 0.3s ease;\n        }\n\n        .yc-accordion-item.active .yc-accordion-icon {\n            background: #7ce68a;\n            color: #000;\n            transform: rotate(45deg);\n        }\n\n        .yc-accordion-trigger:hover .yc-accordion-icon {\n            opacity: 1;\n        }\n\n        .yc-accordion-content {\n            height: 0;\n            overflow: hidden;\n        }\n\n        .yc-accordion-inner {\n            padding-bottom: 24px;\n            color: var(--muted);\n            line-height: 1.6;\n            max-width: 65ch;\n        }\n\n        .yc-arr-stats-row {\n            display: flex;\n            justify-content: flex-end;\n            padding-top: 30px;\n            padding-right: 20px;\n            gap: 60px;\n        }\n\n        @media(max-width: 768px) {\n            .yc-arr-stats-row {\n                flex-wrap: wrap;\n                gap: 30px;\n                justify-content: center;\n            }\n        }\n\n        .yc-arr-stat-item {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n        }\n\n        .yc-arr-stat-value {\n            color: #7ce68a;\n            font-size: 18px;\n            font-weight: 600;\n            margin-bottom: 5px;\n        }\n\n        .yc-arr-stat-label {\n            color: #b0b8c4;\n            font-size: 14px;\n        }\n\n        .yc-logo-item img {\n            width: 120px;\n            height: auto;\n            object-fit: contain;\n        }\n\n        .yc-logo-item img[src*=\"Ontwerp_zonder\"] {\n            width: 77px !important;\n            height: 77px !important;\n        }\n\n        @keyframes marquee {\n            0% {\n                transform: translateX(0);\n            }\n\n            100% {\n                transform: translateX(-50%);\n            }\n        }\n\n        .yc-growth-icon {\n            position: absolute;\n            top: 2rem;\n            right: 2rem;\n            width: 64px;\n            height: 64px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(255, 255, 255, 0.03);\n            border-radius: 16px;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            z-index: 1;\n        }\n\n        .yc-growth-icon svg {\n            width: 32px;\n            height: 32px;\n            stroke: #fff;\n            stroke-width: 1.5;\n            transition: stroke 0.3s ease;\n        }\n\n        .yc-growth-card.active .yc-growth-watermark {\n            -webkit-text-stroke-color: rgba(45, 191, 58, 0.2);\n            opacity: 1;\n        }\n\n        .yc-growth-card.active .yc-growth-icon {\n            background: rgba(45, 191, 58, 0.1);\n            border-color: rgba(45, 191, 58, 0.3);\n        }\n\n        .yc-growth-card.active .yc-growth-icon svg {\n            stroke: #2DBF3A;\n        }\n\n        .yc-growth-card h3 {\n            position: relative;\n            z-index: 2;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            margin-top: auto;\n            color: #fff;\n        }\n\n        .yc-growth-card p {\n            position: relative;\n            z-index: 2;\n            font-size: 1rem;\n            line-height: 1.6;\n            color: #94A3B8;\n            margin: 0;\n        }\n\n        @media (max-width: 900px) {\n            .yc-team-section {\n                height: auto;\n                min-height: 100vh;\n                padding: 5vh 0;\n            }\n\n            .yc-team-intro {\n                align-items: center;\n                text-align: center;\n                width: 90vw;\n                margin-bottom: 2rem;\n            }\n\n            .yc-team-heading {\n                font-size: 2.5rem !important;\n                text-align: center !important;\n                width: 100% !important;\n            }\n\n            .yc-team-desc {\n                align-self: center;\n                text-align: center;\n                max-width: 100% !important;\n            }\n\n            .yc-team-desc-text {\n                font-size: 11.5px !important;\n                line-height: 1.4 !important;\n                margin-bottom: 0.5rem !important;\n            }\n\n            .yc-team-card-back {\n                padding: 1.25rem !important;\n            }\n\n            .yc-team-desc-name {\n                font-size: 1.2rem !important;\n                margin-bottom: 0.25rem !important;\n            }\n\n            .yc-team-stack {\n                margin-top: 2rem;\n            }\n\n            .yc-growth-section {\n                height: auto;\n                min-height: 100vh;\n                padding: 5vh 0;\n            }\n\n            .yc-growth-layout {\n                flex-direction: column;\n                align-items: flex-start;\n                justify-content: center;\n                text-align: left;\n            }\n\n            .yc-growth-col-left,\n            .yc-growth-col-right {\n                width: 100%;\n                justify-content: flex-start;\n            }\n\n            .yc-growth-col-left {\n                margin-bottom: 0;\n                padding-left: 0;\n                padding-right: 0;\n            }\n\n            .yc-growth-copy h2,\n            .yc-growth-copy p {\n                text-align: left;\n                margin-left: 0;\n            }\n\n            .yc-growth-col-right {\n                justify-content: center;\n                margin-top: 2rem;\n            }\n\n            .yc-growth-stack {\n                width: 90vw;\n                max-width: 400px;\n                position: relative;\n                top: auto;\n                right: auto;\n                transform: none;\n                margin: 0 auto;\n                height: 400px;\n            }\n\n            .yc-growth-card {\n                position: absolute;\n                transform-style: flat !important;\n                rotate: 0deg !important;\n            }\n\n            .yc-growth-watermark,\n            .yc-growth-icon svg {\n                transform: none !important;\n                rotate: 0deg !important;\n            }\n        }\n\n        .yc-carousel-controls {\n            display: none;\n        }\n\n        @media (max-width: 900px) {\n            .yc-carousel-controls {\n                display: flex;\n                position: absolute;\n                top: 25%;\n                left: 0;\n                width: 100%;\n                justify-content: space-between;\n                padding: 0 0.5rem;\n                pointer-events: none;\n                z-index: 999;\n                transform: translateY(-50%);\n            }\n\n            .yc-carousel-controls button {\n                pointer-events: auto;\n                background: transparent;\n                border: none;\n                width: 48px;\n                height: 48px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: #fff !important;\n                filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));\n                cursor: pointer;\n            }\n\n            .yc-carousel-controls button svg {\n                width: 32px;\n                height: 32px;\n                stroke-width: 3;\n            }\n\n            @media (max-width: 768px) {\n                #services {\n                    padding-bottom: 4rem !important;\n                }\n\n                #performance-dashboard {\n                    padding-top: 4rem !important;\n                }\n            }\n        }\n\n        .yc-carousel-controls button {\n            pointer-events: auto;\n            background: transparent;\n            border: none;\n            border-radius: 0;\n            width: 48px;\n            height: 48px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #fff;\n            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));\n            cursor: pointer;\n            transition: transform 0.2s ease;\n        }\n\n        .yc-carousel-controls button:active {\n            background: #2DBF3A;\n        }\n\n        #scroll-progress {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 0%;\n            height: 4px;\n            background-color: #2DBF3A;\n            z-index: 9999;\n            transition: width 0.1s ease-out;\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <div class=\"yc-dark\">\n        <canvas id=\"infinity-bg\"><\/canvas>\n        <main>\n            <section class=\"hero\"\n                style=\"padding-bottom: 7rem !important; background: transparent; position: relative; z-index: 20;\">\n                <canvas id=\"particle-canvas\"><\/canvas>\n\n                <div class=\"hero-content\">\n                    <h1 class=\"hero-title\">Internet Marketing Bureau met landelijke dekking<\/h1>\n                    <div class=\"yc-highlight-container\">\n                        <p class=\"hero-desc\"\n                            style=\"margin-bottom: 2.5rem; max-width: 72ch; margin-left: auto; margin-right: auto;\">\n                            Zoek je een groei partner die niet alleen de techniek van internet marketing snapt, maar\n                            ook begrijpt wat er speelt in jouw regio?<br><br>Bij YouthCommerce combineren we landelijke\n                            expertise met een lokale aanpak. Wij helpen ambitieuze bedrijven door heel Nederland om hun\n                            digitale zichtbaarheid te vergroten, meer leads te genereren en de omzet te laten\n                            groeien.<br><br>Of je nu gevestigd bent in de Achterhoek, de Randstad of het noorden van het\n                            land: wij werken als verlengstuk van jouw team. Korte lijnen, heldere strategie\u00ebn en\n                            meetbaar resultaat.<\/p>\n                        <div class=\"yc-hero-actions\"\n                            style=\"margin-bottom: 3rem; display: flex; justify-content: center; gap: 1rem;\">\n                            <a href=\"https:\/\/youthcommerce.nl\/contact\/\" class=\"hero-cta-button\"\n                                style=\"display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; padding: 1.125rem 1.25rem; border-radius: 8px; font-weight: 600; font-size: 1rem; font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif; background: #2DBF3A; color: #ffffff; transition: transform 0.2s ease;\">\n                                Strategiegesprek\n                                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14\"><\/path>\n                                    <path d=\"M12 5l7 7-7 7\"><\/path>\n                                <\/svg>\n                            <\/a>\n                            <a href=\"https:\/\/youthcommerce.nl\/intake\" class=\"hero-cta-button\"\n                                style=\"display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; padding: 1.125rem 1.25rem; border-radius: 8px; font-weight: 600; font-size: 1rem; font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif; background: #ffffff; color: #000000; transition: transform 0.2s ease;\">\n                                Verkennen\n                                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14\"><\/path>\n                                    <path d=\"M12 5l7 7-7 7\"><\/path>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                        <div class=\"hero-trust-badges\">\n                            <a href=\"https:\/\/nl.trustpilot.com\/review\/youthcommerce.nl\" target=\"_blank\"\n                                rel=\"nofollow noopener\">\n                                <img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/12\/Ontwerp-zonder-titel-18-e1765524152909.png?strip=all&w=1920\"\n                                    alt=\"Trustpilot\">\n                            <\/a>\n                            <a href=\"https:\/\/clutch.co\/profile\/youthcommerce\" target=\"_blank\" rel=\"nofollow noopener\">\n                                <img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/09\/Clutch-reviews.png?strip=all&w=1920\"\n                                    alt=\"Clutch\">\n                            <\/a>\n                            <a href=\"https:\/\/maps.app.goo.gl\/J6CK7T9HPqfE459v8\" target=\"_blank\" rel=\"nofollow noopener\">\n                                <img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/07\/Google-Review-Logo-500x281-1.png?strip=all&w=1920\"\n                                    alt=\"Google Review\">\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"moon-divider\"\n                    style=\"position: absolute; bottom: -1px; left: 0; width: 100%; height: 100px; pointer-events: none; z-index: 25;\">\n                    <svg data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\"\n                        preserveAspectRatio=\"none\" style=\"display: block; width: 100%; height: 100px;\">\n                        <defs>\n                            <linearGradient id=\"moon-glow\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n                                <stop offset=\"0%\" style=\"stop-color: #1d1d1f; stop-opacity: 0\" \/>\n                                <stop offset=\"10%\" style=\"stop-color: #1d1d1f; stop-opacity: 0\" \/>\n                                <stop offset=\"50%\" style=\"stop-color: #F89200; stop-opacity: 1\" \/>\n                                <stop offset=\"90%\" style=\"stop-color: #1d1d1f; stop-opacity: 0\" \/>\n                                <stop offset=\"100%\" style=\"stop-color: #1d1d1f; stop-opacity: 0\" \/>\n                            <\/linearGradient>\n                        <\/defs>\n                        <path d=\"M0,120 L0,120 Q600,30 1200,120 L1200,120 Z\" style=\"fill: #1d1d1f;\"><\/path>\n                        <path d=\"M0,120 Q600,30 1200,120\"\n                            style=\"fill: none; stroke: url(#moon-glow); stroke-width: 2px; filter: drop-shadow(0 -4px 10px rgba(248, 146, 0, 0.6));\">\n                        <\/path>\n                    <\/svg>\n                <\/div>\n            <\/section>\n            <div class=\"yc-container\">\n                <style>\n                    .yc-comp-section {\n                        padding: 8rem 0 4rem;\n                        background: transparent;\n                    }\n\n                    .yc-comp-header {\n                        text-align: left;\n                        margin-bottom: 2rem;\n                    }\n\n                    .yc-comp-header h2 {\n                        font-family: var(--font-head);\n                        font-size: var(--h2-size);\n                        line-height: 1.1;\n                        color: white;\n                    }\n\n                    h1,\n                    h2,\n                    h3,\n                    h4 {\n                        font-family: var(--font-head);\n                        font-weight: 700;\n                        color: #fff;\n                        line-height: 1.1;\n                    }\n\n                    h2 {\n                        font-size: var(--h2-size);\n                    }\n\n                    h3 {\n                        font-size: var(--h3-size);\n                    }\n\n                    p,\n                    li {\n                        font-size: var(--text-size);\n                    }\n\n                    .yc-comp-grid {\n                        display: grid;\n                        grid-template-columns: 1fr 1fr;\n                        gap: 4rem;\n                        width: 100%;\n                        margin-bottom: 4rem;\n                    }\n\n                    .yc-comp-card {\n                        background: rgba(255, 255, 255, 0.02);\n                        backdrop-filter: blur(12px);\n                        -webkit-backdrop-filter: blur(12px);\n                        border: 1px solid rgba(255, 255, 255, 0.08);\n                        border-radius: 24px;\n                        padding: 2rem;\n                        display: flex;\n                        flex-direction: column;\n                        height: 100%;\n                        transition: transform 0.3s ease, border-color 0.3s ease;\n                    }\n\n                    .yc-comp-card.is-positive {\n                        border-color: rgba(45, 191, 58, 0.2);\n                        box-shadow: 0 20px 40px -10px rgba(45, 191, 58, 0.1);\n                    }\n\n                    .yc-comp-card.is-negative {\n                        border-color: rgba(239, 68, 68, 0.15);\n                    }\n\n                    .yc-comp-card-header {\n                        margin-bottom: 1.25rem;\n                        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n                        padding-bottom: 1rem;\n                    }\n\n                    .yc-comp-card-title {\n                        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n                        font-weight: 700;\n                        font-size: 1.25rem;\n                        letter-spacing: 0.05em;\n                        text-transform: uppercase;\n                        margin-bottom: 0.5rem;\n                        display: block;\n                    }\n\n                    .is-positive .yc-comp-card-title {\n                        color: #2DBF3A;\n                    }\n\n                    .is-negative .yc-comp-card-title {\n                        color: #EF4444;\n                    }\n\n                    .yc-comp-card-subtitle {\n                        font-size: 0.9rem;\n                        color: #94A3B8;\n                        font-weight: 500;\n                    }\n\n                    .yc-comp-list {\n                        display: flex;\n                        flex-direction: column;\n                        gap: 0.5rem;\n                        list-style: none;\n                        padding: 0;\n                        margin: 0;\n                    }\n\n                    .yc-comp-item {\n                        display: flex;\n                        align-items: center;\n                        gap: 0.75rem;\n                    }\n\n                    .yc-comp-icon {\n                        flex-shrink: 0;\n                        width: 20px;\n                        height: 20px;\n                        margin-top: 0;\n                    }\n\n                    .is-positive .yc-comp-icon {\n                        color: #2DBF3A;\n                    }\n\n                    .is-negative .yc-comp-icon {\n                        color: #EF4444;\n                    }\n\n                    .yc-comp-text strong {\n                        display: block;\n                        color: white;\n                        font-size: 1rem;\n                        margin-bottom: 0.25rem;\n                    }\n\n                    .yc-comp-text p {\n                        color: #94A3B8;\n                        font-size: 0.9rem;\n                        margin: 0;\n                        line-height: 1.5;\n                    }\n\n                    .yc-comp-footer {\n                        text-align: center;\n                    }\n\n                    .yc-comp-micro {\n                        margin-top: 1.5rem;\n                        color: #64748B;\n                        font-size: 0.9rem;\n                        line-height: 1.6;\n                    }\n\n                    .yc-comp-section,\n                    .yc-comp-section h2,\n                    .yc-comp-card-title,\n                    .yc-comp-text,\n                    .yc-comp-description {\n                        font-family: var(--font-primary) !important;\n                    }\n\n                    .yc-comp-header {\n                        text-align: left;\n                        margin-bottom: 2rem;\n                    }\n\n                    .yc-comp-header h2 {\n                        font-weight: 700;\n                        font-size: 2.5rem;\n                        line-height: 1.1;\n                        margin-bottom: 1rem;\n                        color: white;\n                    }\n\n                    .yc-comp-description {\n                        font-size: 1.125rem;\n                        color: #94A3B8;\n                        line-height: 1.6;\n                        max-width: 600px;\n                        margin: 0;\n                    }\n\n                    .yc-comp-grid {\n                        display: grid;\n                        grid-template-columns: 1fr 1fr;\n                        gap: 4rem;\n                    }\n\n                    @media (max-width: 900px) {\n                        .yc-comp-grid {\n                            grid-template-columns: 1fr;\n                        }\n\n                        .yc-comp-header h2 {\n                            font-size: 2.25rem;\n                        }\n                    }\n\n                    .yc-comp-card {\n                        opacity: 0;\n                        transform: translateY(30px);\n                        will-change: opacity, transform;\n                        transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n                    }\n\n                    .yc-comp-card.is-visible {\n                        opacity: 1;\n                        transform: translateY(0);\n                    }\n\n                    .yc-comp-list {\n                        display: flex;\n                        flex-direction: column;\n                        gap: 0.5rem;\n                        list-style: none;\n                        padding: 0;\n                        margin: 0;\n                    }\n\n                    .yc-comp-item {\n                        display: flex;\n                        align-items: center;\n                        gap: 0.75rem;\n                        opacity: 0;\n                        transform: translateY(15px);\n                        will-change: opacity, transform;\n                        transition: opacity 0.5s ease-out, transform 0.5s ease-out, background-color 0.2s, transform 0.2s;\n                        padding: 0.5rem;\n                        border-radius: 8px;\n                    }\n\n                    .yc-comp-item.is-visible {\n                        opacity: 1;\n                        transform: translateY(0);\n                    }\n\n                    .yc-comp-item.is-hovered {\n                        background-color: rgba(255, 255, 255, 0.03);\n                        transform: scale(1.02);\n                    }\n\n                    .yc-comp-item.is-hovered .yc-comp-icon {\n                        animation: yc-pulse 0.6s ease-in-out infinite;\n                    }\n\n                    .yc-comp-item.is-dimmed {\n                        opacity: 0.3;\n                        filter: blur(0.5px);\n                    }\n\n                    @keyframes yc-pulse {\n                        0% {\n                            transform: scale(1);\n                        }\n\n                        50% {\n                            transform: scale(1.1);\n                        }\n\n                        100% {\n                            transform: scale(1);\n                        }\n                    }\n\n                    .yc-draw-path {\n                        stroke-dasharray: 60;\n                        stroke-dashoffset: 60;\n                        opacity: 0.5;\n                    }\n\n                    .is-positive .yc-comp-item.is-visible .yc-draw-path {\n                        animation: drawStroke 0.8s ease-out forwards;\n                        opacity: 1;\n                    }\n\n                    @keyframes drawStroke {\n                        to {\n                            stroke-dashoffset: 0;\n                        }\n                    }\n\n                    .is-negative .yc-comp-item .yc-comp-icon {\n                        opacity: 0;\n                        transform: scale(0.5);\n                        transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n                    }\n\n                    .is-negative .yc-comp-item.is-visible .yc-comp-icon {\n                        opacity: 1;\n                        transform: scale(1);\n                    }\n\n                    .yc-map-container {\n                        margin: 0 auto;\n                        width: 100%;\n                        max-width: 500px;\n                        position: sticky;\n                        top: 120px;\n                    }\n\n                    .Map {\n                        width: 100%;\n                        height: auto;\n                        display: block;\n                    }\n\n                    .Map-link:focus {\n                        outline: 0;\n                    }\n\n                    .Map-link:focus .Map-area,\n                    .Map-link:hover .Map-area,\n                    .Map-link:active .Map-area {\n                        fill-opacity: 1;\n                    }\n\n                    .Map-area {\n                        fill: #F89200;\n                        fill-opacity: 1;\n                        stroke: white;\n                        stroke-opacity: 1;\n                        stroke-width: 1;\n                    }\n\n                    .u-hiddenVisually {\n                        border: 0;\n                        clip: rect(1px, 1px, 1px, 1px);\n                        height: 1px;\n                        overflow: hidden;\n                        padding: 0;\n                        position: absolute;\n                        width: 1px;\n                    }\n\n                    #yc-map-tooltip {\n                        position: fixed;\n                        pointer-events: none;\n                        background: rgba(20, 20, 22, 0.95);\n                        color: #ffffff;\n                        padding: 10px 16px;\n                        border-radius: 8px;\n                        font-size: 14px;\n                        font-weight: 600;\n                        z-index: 99999;\n                        display: none;\n                        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);\n                        border: 1px solid rgba(255, 255, 255, 0.15);\n                        backdrop-filter: blur(8px);\n                        transform: translate(-50%, -120%);\n                        transition: opacity 0.2s ease, transform 0.2s ease;\n                        white-space: nowrap;\n                    }\n\n                    .Map-link {\n                        transition: all 0.3s ease;\n                    }\n\n                    .Map-link[xlink\\:href] .Map-area {\n                        fill: #2DBF3A;\n                        cursor: pointer;\n                    }\n\n                    .Map-link[xlink\\:href]:hover .Map-area {\n                        fill: #2DBF3A !important;\n                    }\n\n                    .Map-link:not([xlink\\:href]):hover .Map-area {\n                        fill: #2DBF3A !important;\n                    }\n\n                    .yc-province-link {\n                        color: #ffffff;\n                        text-decoration: none;\n                        font-weight: 700;\n                        font-size: 1.125rem;\n                        display: block;\n                        margin-bottom: 0.25rem;\n                        transition: color 0.2s ease;\n                    }\n\n                    .yc-province-link:hover {\n                        color: #2DBF3A !important;\n                    }\n                <\/style>\n                <section class=\"yc-section yc-comp-section\" id=\"comparison\"\n                    style=\"padding-top: 0 !important; margin-top: 4.25rem; position: relative; z-index: 21;\">\n                    <div class=\"yc-container\">\n                        <div class=\"yc-comp-grid\" id=\"comp-grid\" style=\"align-items: start;\">\n                            <div class=\"yc-comp-text-col yc-highlight-container\" style=\"line-height: 1.8;\">\n                                <h2 style=\"margin-bottom: 1.5rem; color: #ffffff; text-align: left;\">Waar zijn wij\n                                    actief?<\/h2>\n                                <p style=\"margin-bottom: 2rem; color: #ffffff;\">Hoewel we klanten bedienen\n                                    door heel Nederland, hebben we in bepaalde regio's specifieke focusgebieden.\n                                    Selecteer hieronder jouw provincie of regio.<\/p>\n                                <ul\n                                    style=\"list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1.5rem;\">\n                                    <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                                        <div\n                                            style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                                stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <a href=\"https:\/\/youthcommerce.nl\/servicegebied\/gelderland\/\" class=\"yc-province-link\">Gelderland \u2794<\/a>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">Onze thuisbasis. O.a.\n                                                actief in Arnhem, Apeldoorn, Doetinchem, Nijmegen en Ede.<\/p>\n                                        <\/div>\n                                    <\/li>\n                                    <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                                        <div\n                                            style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                                stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <a href=\"https:\/\/youthcommerce.nl\/servicegebied\/overijssel\/\" class=\"yc-province-link\">Overijssel \u2794<\/a>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">O.a. actief in Enschede,\n                                                Zwolle, Deventer, Almelo, Hengelo.<\/p>\n                                        <\/div>\n                                    <\/li>\n                                    <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                                        <div\n                                            style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                                stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <a href=\"https:\/\/youthcommerce.nl\/servicegebied\/noord-holland\/\" class=\"yc-province-link\">Noord-Holland \u2794<\/a>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">O.a. actief in Amsterdam,\n                                                Haarlem, Alkmaar, Hoofddorp en Zaandam.<\/p>\n                                        <\/div>\n                                    <\/li>\n                                    <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                                        <div\n                                            style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                                stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <a href=\"https:\/\/youthcommerce.nl\/servicegebied\/utrecht\/\" class=\"yc-province-link\">Utrecht \u2794<\/a>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">O.a. actief in Utrecht,\n                                                Amersfoort, Veenendaal en Zeist.<\/p>\n                                        <\/div>\n                                    <\/li>\n                                    <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                                        <div\n                                            style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                                stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <a href=\"https:\/\/youthcommerce.nl\/servicegebied\/friesland\/\" class=\"yc-province-link\">Friesland \u2794<\/a>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">O.a. actief in Leeuwarden,\n                                                Sneek, Heerenveen en Drachten.<\/p>\n                                        <\/div>\n                                    <\/li>\n                                    <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                                        <div\n                                            style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                                stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <a href=\"https:\/\/youthcommerce.nl\/servicegebied\/groningen\/\" class=\"yc-province-link\">Groningen \u2794<\/a>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">O.a. actief in Groningen,\n                                                Veendam, Stadskanaal en Winschoten.<\/p>\n                                        <\/div>\n                                    <\/li>\n                                    <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                                        <div\n                                            style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                                stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <a href=\"https:\/\/youthcommerce.nl\/servicegebied\/drenthe\/\" class=\"yc-province-link\">Drenthe \u2794<\/a>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">O.a. actief in Assen,\n                                                Emmen, Hoogeveen en Meppel.<\/p>\n                                        <\/div>\n                                    <\/li>\n                                    <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                                        <div\n                                            style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                                stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <a href=\"https:\/\/youthcommerce.nl\/servicegebied\/flevoland\/\" class=\"yc-province-link\">Flevoland \u2794<\/a>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">O.a. actief in Almere,\n                                                Lelystad, Dronten en Emmeloord.<\/p>\n                                        <\/div>\n                                    <\/li>\n                                    <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                                        <div\n                                            style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                                stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <a href=\"https:\/\/youthcommerce.nl\/servicegebied\/zuid-holland\/\" class=\"yc-province-link\">Zuid-Holland \u2794<\/a>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">O.a. actief in Rotterdam,\n                                                Den Haag, Leiden, Dordrecht en Gouda.<\/p>\n                                        <\/div>\n                                    <\/li>\n\n                                    <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                                        <div\n                                            style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                                stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <a href=\"https:\/\/youthcommerce.nl\/servicegebied\/noord-brabant\/\" class=\"yc-province-link\">Noord-Brabant \u2794<\/a>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">O.a. actief in Eindhoven,\n                                                Tilburg, Breda en 's-Hertogenbosch.<\/p>\n                                        <\/div>\n                                    <\/li>\n                                    <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                                        <div\n                                            style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                                stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <a href=\"https:\/\/youthcommerce.nl\/servicegebied\/limburg\/\" class=\"yc-province-link\">Limburg \u2794<\/a>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">O.a. actief in Maastricht,\n                                                Venlo, Roermond, Sittard en Heerlen.<\/p>\n                                        <\/div>\n                                    <\/li>\n                                    <li style=\"margin-top: 0.5rem;\">\n                                        <div>\n                                            <strong\n                                                style=\"color: #ffffff; font-size: 1.125rem; display: block; margin-bottom: 0.25rem;\">Rest\n                                                van Nederland<\/strong>\n                                            <p style=\"margin: 0; color: #ffffff !important;\">Staat jouw regio er niet\n                                                tussen? Geen probleem. Wij werken volledig digitaal en komen graag naar\n                                                je toe.<\/p>\n                                        <\/div>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                            <div class=\"yc-map-container\">\n                                <svg version=\"1.1\" class=\"Map\" viewBox=\"0 0 616 727\"\n                                    aria-labelledby=\"map-title map-desc\">\n                                    <title id=\"map-title\">Map of The Netherlands<\/title>\n                                    <desc id=\"map-desc\">Map of the provinces of The Netherlands. Each province links to\n                                        the province's Wikipedia\n                                        page.<\/desc>\n                                    <g>\n                                        <a xlink:href=\"https:\/\/youthcommerce.nl\/servicegebied\/friesland\/\"\n                                            class=\"Map-link\" role=\"link\">\n                                            <title>Friesland<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M317.98,128.19l2.55,1.68l1.38,3.55l-3.05,-0.21l-1.38,-2.44l-0.35,-2.34L317.98,128.19zM312.42,128.35l0.06,1.1l-5.74,1.26l-12.99,11.45l-0.08,0.68l-1.66,0.79l1.41,-0.03l-1.58,0.21l-5.62,4.88l0,0l-0.65,-0.87l0,0l5.51,-4.83l-0.09,-0.58l0.73,-0.39l-0.49,0.84l14.79,-13.05l4.78,-1.66L312.42,128.35zM270.93,66.85l4.19,0.79l0.41,1.32l-1.22,1.14l-0.71,-0.32l0.3,0.55l-1.91,-0.32l-2.36,0.66l-3.17,2.59l-11.3,4.67l0.74,3.11l-1.47,0.87l0.05,2.56l-3.86,1.58l-2.15,2.32l-4.45,0.53l-2.9,1.58l-1.31,-0.37l-0.76,-2.24l8.96,-5.67l7.12,-7.1l9.3,-6.34L270.93,66.85zM282.06,71.45l-2.01,1.93l-1.96,-0.05l0.92,-0.98l-1.09,-0.95l4.04,-4.12l1.49,-0.4l0.36,1.74L282.06,71.45zM448.11,39.72l-3.69,5.38l0.93,5.74l1.68,1.8l5.9,1.8l1.72,3.41l2.96,-1.43l5.52,1.9l-0.84,7.32l1.96,1.22l-2.31,1.58l-1.23,3.38l-1.47,-0.19l-1.17,0.69l0.17,5.52l-0.82,0.4l-0.71,-0.5l-1.28,2.74l-0.96,0.37l0.46,0.66l-0.81,0.98l0.16,2.03l-2.74,0.45l2.67,4.88L454,91.03l-1.49,2.79l-1.6,1.74l-1.42,0.42l-0.22,1.4l-3.32,5.58l-0.7,9.42l4.83,5.29l5.21,0.79l4.37,-0.18l2.31,1.24l2.09,2.6l3.8,1.52l0,0l-1.28,3.52l9.43,3.57l-0.68,8.93l10.35,16.08l-5.52,10.45l-9.37,6.7l-4.97,-5.1l-7.5,-0.55l-3.89,3.74l-4.21,5.86l-13.31,9.41l0,0l-6.11,4.02l-2.77,-0.1l-1.79,0.73l0.21,3.19l-3.73,2.01l-0.71,-1.44l-4.13,1.12l-2.09,-0.99l-2.15,-5.38l-2.83,0.94l-0.02,1.38l-1.47,-0.6l-2.41,0.52l-0.71,0.86l0.02,2.04l-4.21,3.97l-3.31,1.57l-5.87,-1.57l-1,0.57l-0.35,-1.07l-2.17,-1.49l-3.78,2.64l0,0l-0.59,0.34l-0.98,-3.79l-5.73,-5.8l-3.17,-0.97l0.98,2.95l-1.08,0.44l-1.25,-1.23l-1.58,-0.31l0,0l0.11,-1.12l-1.46,0.57l-0.7,-1.49l-3.99,-0.21l0.11,-0.99l-0.92,1.7l-1.68,-0.29l-0.73,-0.84l0.3,-2.09l-1.77,-1.31l-4.23,2.46l-2.21,-0.31l-2.83,0.65l-1.06,2.77l-4.15,1.57l-14.86,-5.7l-5.43,1.65l-4.35,-2.2l-4.46,-4.1l-2.5,-3.64l2.79,-3.4l4.53,-2.12l0.87,-1.23l0.16,-2.67l-0.84,-4.14l-0.87,-1.05l1.79,-0.86l-0.6,-0.42l1.08,0.03l0.43,-1.96l-0.55,-1.39l-0.76,0.03l1.17,-0.29l0.16,-1.21l-1.72,-5.4l-0.57,-4.43l1.38,-2.33l0.05,-2.7l-1.39,-0.39l-0.25,-1.44l0.73,-0.29l0.11,-1.1l0.43,0.31l-0.21,-3.94l-0.55,3.81l-0.6,0.42L321,137.2l-1.55,-1.71l-0.25,-1.55l1.22,-0.21l0.82,0.71v-0.68l0.67,-0.05l0.49,0.79l0.73,-0.1l-1.77,-3.44l-0.3,-3.13l-1.71,-3.26l-5.93,4.89l-0.92,-1.52l2.07,-0.74l4.42,-4.28l0.51,-3.44l2.56,-1.55l1.35,-1.76l1.83,-11.34l-0.05,-1.11l-1.06,-1.05l1.9,-1.76l2.6,-7.96l1.61,-2.58l5.49,-5.64l7.14,-4.46l4.42,-4.54l0.96,-2.69l4.4,-4.44l4.46,-2.3l11.87,-3.73l11.6,-7.03l16.19,-7.46l3.31,-1.91l-1.6,-2.7l0.44,0.61l0.35,-0.37l0.98,2.28l4.56,-0.03l8.61,-2.97l0.43,0.45l2.36,-0.42l4.21,-1.35l8.36,-1.09l2.55,0.69l0.28,-0.69l0.32,0.69l0.67,-1.03l6.95,1.46l6.28,-2.97l1.06,-0.08L448.11,39.72zM342.85,30.28l-2.01,0.48l5.13,-0.19l-0.11,2.54l-3.18,1.62l-2.07,-0.13l-4.62,2.86l-2.31,-0.98l0.29,2.25l-3.67,-1.46l2.03,1.93l2.45,0.93l-1.2,0.16l-0.49,0.95l-10.11,0.26l-2.47,0.64l-6.12,4.87l-3.29,1.51l-1.87,-0.69l-0.38,0.74L307,49.06l-0.6,1.27l-5.85,-0.58l-2.47,2.17l-0.74,-0.56l-2.61,0.32l-0.66,0.9l0.09,1.9l-1.8,-0.4l-3.45,3.31l-1.87,-0.45l-2.66,-1.93l-0.44,-3.28l3.4,-3.33l2.18,-3.89l0.28,0.77l0.66,-2.22l19.88,-3.89l1.25,0.27l15.4,-5.01l13.39,-5.46l3.12,-0.58l2.71,0.53l-0.33,0.95L342.85,30.28zM427.56,26.92l0.27,2.12l-0.4,-0.69l-2.17,1.86l-0.87,-0.42l-0.33,-1.48l0.92,-1.35L427.56,26.92zM374.01,26.86l19.15,-1.56l19.37,0.05l1.74,0.85l-0.9,0.95l-1.6,0.34l-8.45,-0.21l-2.96,1.64l-13.34,3.66l-4.64,-0.03l-0.41,1.27l-0.02,-1.7l-7.67,-0.82l-3.31,3.31l-5.71,1.54l-0.49,1.25l-5.44,-2.83l-2.59,-3.6l0.63,-4.93l2.39,-2.09l10.44,2.63L374.01,26.86zM441.64,13.81l1.42,0.27l1.55,1.46l4.51,0.48l18.02,-2.2l5.78,-0.24l0.29,0.45l-2.77,1.96l-8.67,3l-1.06,1.33l-3.96,1.86l-7.82,1.14l0.74,1.25l-1.12,-1.11h-4.23l-0.32,1.06l-0.16,-1.01l-1.08,0.21l-0.71,0.88l0.41,0.56l-1.77,0.16l0.57,2.02l-3.21,-0.27l-1.65,1.59l-0.68,-0.48l0.66,-3.34l1.66,-4.03l1.42,-2.07l3.88,-3.08l-6.19,-1.75l-1.17,2.97l-1.03,-0.16l0.11,-0.96l1.09,-2.52L441.64,13.81z\" \/>\n                                        <\/a>\n                                        <a xlink:href=\"https:\/\/youthcommerce.nl\/servicegebied\/groningen\/\"\n                                            class=\"Map-link\" role=\"link\">\n                                            <title>Groningen<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M542.88,27.47l1.39,0.34l2.55,-2.07l2.75,1.11l0.33,0.93l-0.4,1.3l-2.75,-0.56l-0.11,0.5l2.47,0.61l-0.17,0.72l-1.44,0.19l4.35,0.69l0.11,-0.53l-1.54,-0.53l0.67,-2.54l3.1,0.98l3.5,3.34l-1.33,4.77l-0.17,3.71l2.29,3.31l-0.43,0.69l0.78,0.71l-0.21,2.78l1.74,7.91l5.67,4.1l-0.93,1.85l10.13,3.81l2.22,1.66l6.06,1.69l4.68,-0.11l0.66,-0.95l2.82,-1l0.03,0.69l-2.33,2.14l-0.05,4.23l-1.27,3.51l1.19,2.56l2.45,1.66l5.47,0.4l1.61,1.19l1.87,0.5l1.09,-0.42l1.47,1.11l5.41,1.66l0.55,-2.03l1.34,11.63l-1.49,2.61l2.96,2.74l-3.78,1.16l-2.15,4.69l-0.06,2.53l-1.55,2.21l0.63,4.39l2.85,2.1l-0.33,8.75l2.06,17.36l0.81,2.07l-1.28,1.6l-4.16,15.26l-12.14,20.13l-2.63,3.37l-0.35,0.76l0.79,2.95l0,0l-3.18,0.16l0.54,-2.72l-1.25,0.13l-1.03,-1.05l-2.34,-3.42l-0.59,0.05l-0.49,-1.86l-3.77,-0.39l4.49,-10.91l-3.34,-0.89l-1.54,-1.33l-12.71,-18.6l-29.78,-31.94l-1.25,-0.84l-6.57,-0.34l-9.26,3.71l-0.03,-1.81l-1.74,-2.13l-1.06,-2.92l-3.54,-3.1h-1.31l-1.19,-4.11l-2.39,0.82l-1.14,-3.19l-2.34,-4.08l-0.6,-0.03l-1,-2.58l-5.4,-1.92l-2.75,0.32l-5.35,1.4l-0.09,0.92l-1.39,1.34l-5.03,2.74l-0.49,2.55l-3.39,3.69l-2.69,8.21l-0.36,3.37l-1.17,0.37l-2.01,5.28l-4.34,-1.6l0,0l-3.8,-1.52l-2.09,-2.6l-2.31,-1.24l-4.37,0.18l-5.21,-0.79l-4.83,-5.29l0.7,-9.42l3.32,-5.58l0.22,-1.4l1.42,-0.42l1.6,-1.74l1.49,-2.79l0.22,-1.19l-2.67,-4.88l2.74,-0.45l-0.16,-2.03l0.81,-0.98l-0.46,-0.66l0.96,-0.37l1.28,-2.74l0.71,0.5l0.82,-0.4l-0.17,-5.52l1.17,-0.69l1.47,0.19l1.23,-3.38l2.31,-1.58l-1.96,-1.22l0.84,-7.32l-5.52,-1.9l-2.96,1.43l-1.72,-3.41l-5.9,-1.8l-1.68,-1.8l-0.93,-5.74l3.69,-5.38l0,0l1.39,-0.4l0.05,1.01l0.63,0.03l7.55,-1.88l6.52,3.31l2.36,2.52l4.1,-3.04l9.29,-3.92l26.32,-3.36l21.9,-8.03l8.85,-0.88L542.88,27.47zM482.21,10.71l0.74,0.13l-0.08,0.66l-4.07,-0.61l1.17,-0.53L482.21,10.71zM510.46,9.17l1.11,0.19l-0.66,1.25l-2.55,-1.35l1.2,-0.56L510.46,9.17zM515.16,4.65l-0.11,0.53l-2.23,-0.29l0.79,1.94l-3.24,-1.54l-2.56,0.24l-0.38,-0.5l1,-1.54l1.01,-0.29l3.42,0.37L515.16,4.65zM495.68,4.01l2.56,0.58l2.67,2.63l-3.21,-0.48l-1.01,-0.98l-0.33,2.07L494,7.57l-0.85,0.58l0.49,1.27l-0.78,0.53l-1.39,-0.4l-0.71,-0.58l-0.35,-2.1l-2.52,-2.31l0.78,-4.46l0.6,0.08l0.68,2.31L495.68,4.01z\" \/>\n                                        <\/a>\n                                        <a xlink:href=\"https:\/\/youthcommerce.nl\/servicegebied\/drenthe\/\" class=\"Map-link\"\n                                            role=\"link\">\n                                            <title>Drenthe<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M467.85,123.65L472.18,125.25L474.19,119.96L475.36,119.6L475.73,116.23L478.42,108.02L481.8,104.33L482.29,101.78L487.32,99.04L488.72,97.7L488.81,96.77L494.16,95.38L496.91,95.06L502.31,96.99L503.31,99.57L503.91,99.59L506.25,103.68L507.39,106.86L509.78,106.05L510.96,110.15L512.28,110.15L515.82,113.26L516.88,116.18L518.62,118.31L518.66,120.12L527.91,116.41L534.48,116.76L535.73,117.6L565.51,149.53L578.22,168.14L579.75,169.47L583.09,170.36L578.6,181.27L582.36,181.67L582.85,183.52L583.44,183.47L585.78,186.9L586.81,187.94L588.06,187.81L587.52,190.53L590.7,190.37L590.7,190.37L587.39,197.87L584.74,241.37L582.54,243.97L577.84,242.8L576.62,241.63L574.7,241.76L572,240.38L568.61,242.46L565.94,242.72L562.99,241.84L562.54,240.25L559.61,239.24L557.11,239.5L555.98,238.56L554.29,239.6L552.49,239.78L550.14,238.9L547.87,240.04L541.98,238.74L539.89,239.47L539.37,240.3L537.93,239.78L535.33,240.56L530.46,245.61L530.46,245.61L528.64,245.5L530.16,239.76L515.13,233.3L505.03,235.57L499,240.2L499.94,249.98L497.72,247.9L493.23,247.58L491.72,245.89L490.6,248.36L487.93,248.73L486.45,247.45L485.9,245.43L483.94,247.9L482.51,247.17L482.01,248.08L480.5,248.03L478.68,249.46L477.34,247.9L476.94,245.19L475.16,241.37L469.32,237.15L469.7,235.46L469.16,234.53L465.04,235.59L463.94,236.5L462.51,234.92L460.8,235.8L459.46,234.55L458.33,234.47L456.56,232.36L453.87,231.64L452.28,230.15L450.17,230.65L449.32,231.82L446.91,231.14L445.69,231.64L442.69,228.07L436.89,213.11L437.95,211.62L444.66,209.2L444.85,207.94L450.01,202.23L439.24,189.9L436.89,186.27L436.89,186.27L450.2,176.85L454.41,170.99L458.3,167.25L465.8,167.8L470.77,172.9L480.14,166.2L485.66,155.75L475.31,139.67L476,130.74L466.56,127.17z\" \/>\n                                        <\/a>\n                                        <a xlink:href=\"https:\/\/youthcommerce.nl\/servicegebied\/noord-holland\/\"\n                                            class=\"Map-link\" role=\"link\">\n                                            <title>Noord-Holland<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M307.38,228.33l8.62,3.83l7.09,7.5l0,0l-0.36,0.26l0,0l-7.01,-7.42l-8.23,-3.59h-2.78L307.38,228.33zM212.99,155.72l-8.24,1.02l-1.69,0.92l0.81,0.81l-0.55,0.55l-1.39,-0.1l-0.87,-1.34l0.9,-1.68l4.13,-2.44l3.37,0.47l3.42,1.23L212.99,155.72zM268.4,164.24l-2.14,1.73l-0.38,2.49l1.47,-0.26l10.35,20.25l-1.52,18.28l1.22,0.08l0.67,1.17l0.87,3.63l4.43,4.51l1.17,0.39l1.77,0.03l1.41,-0.94l2.52,-3.7l4.46,0.26l3.39,1.77l3.54,-0.7l0.43,0.5l-1.55,0.55l2.15,-0.13l1.85,1.23l0.68,7.14l3.1,1.9l-1.2,-0.1l-0.22,1.38l-2.94,1.67l0.51,1.3l-5.79,1.48l-1.65,7.31l-0.79,1.17l-3.69,2.06l-1.5,2.16l-3.92,1.01l-2.33,2.47l-5.05,0.88l-1.17,-3.33l-2.15,0.16l-2.63,-2.78l-2.2,0.65l-1.17,1.2l-0.21,-0.68l-1.36,0.21l0.11,0.96l-1.08,-1.95l-0.93,0.03l-1.16,1.25l-2.75,1.25l-0.44,1.01l0.81,7.2l-0.43,1.01l1.93,5.38l-0.25,1.66l1.91,1.79l1.91,4.26l-0.11,1.53l2.5,5.16l0.7,0.03l-0.17,1.01l1.08,0.88l0.66,2.2l-2.34,3.53l-1.11,-0.08l-0.47,0.62l0.08,2.72l1.16,1.35l-0.1,1.11l-2.72,-0.13l-1.91,0.96l-0.7,-0.41l1.31,2.07l0.79,-1.06l1.08,0.26l-0.81,1.66l0.02,3.68l4.78,0.91l1.65,-0.41l0.3,-3.26l1.46,-1.92l-1.27,-7.72l1.82,5.26l1.36,1.66l3.75,0.28l-3.75,1.61l-1.09,1.14h-1.17l-0.47,3.21L273.7,296l-0.7,0.34l-0.08,-0.91l-1.15,1.04l-1.5,4.35l-2.07,-0.1l-1.22,1.79l-2.2,1.47l-1.22,3.41l-2.14,1.14l0.43,0.67l-0.63,1.86l-1.82,-1.27l-2.83,1.19l-2.64,-2.38l-0.71,0.83l0.47,1.24l2.55,1.32l-1.22,1.4l-0.47,-1.06l-0.85,0.72l3.29,2.12l2.42,2.92l2.34,0.47l2.18,-1.03l1.12,1.09l-0.98,1.37l0.44,0.96l0.74,-0.08l-0.16,-0.7l1.42,0.54l4.02,-0.21l1.28,-0.93l2.28,0.34l2.99,2.25l4.15,1.06l0,0l2.23,2.07l11,-1.88l9.73,2.45l4.65,3.07l3.81,3.77l0,0l-4.73,3.38l-4.62,-0.83l-1.5,1.37l-0.93,-0.41l-2.53,5.21l-3.47,3.09l-0.49,7.94l-4.37,8.73l-10.82,-0.59l-0.28,-1.13l2.93,-1.96l0.84,-1.49l-1.99,-3.97l-1.9,-1.06l-0.49,0.95l-6.79,0.18l-5.24,-2.14l-0.63,-2.19l3.31,-1.49l-2.18,-2.14l-0.57,-2.86l-1.36,0.57l-1.5,-4.69l4.05,-1.21l0.17,-1.14l1.28,-0.67l1.2,0.93l-0.76,-1.99l-1.68,0.13l-1.23,1.47l-1.5,-1.26l-0.71,0.21l-2.14,2.68h-0.7l-1.36,-3.2l-0.98,-0.41l-2.45,0.18l-2.63,2.63l-4.45,-0.93l-1.2,0.52l0.21,2.24l-2.33,1.7l-1.17,2.24l-6.77,0.13l-5.54,5.26l-2.98,1.37h-2.47l0,0l-1.65,-0.36l-1.55,0.67l-0.92,1.34l-4.76,2.65l-1.23,1.55l-0.92,-0.7l-0.24,-5.59l-3.09,-0.49l-2.66,1.83l-3.61,0.28l-5.13,2.99l-3.24,0.23l-4.6,-1.21l-1.68,0.57l-2.33,-0.54l-1.08,-0.88l-0.16,-1.31l1.39,-2.11l1.25,-6.55l-0.29,-2.04l3.13,-3.17l3.81,-8.44l-4.3,-1.63l-2.14,0.59l-1,1.86l-10.74,-4.85l0,0l10.57,-27.46l0.85,-6.03l0.81,-1.11l-0.6,-1.71l3.07,-7.78l4.05,-22.58l4.65,-39.09l1.42,-6.7l2.28,-5.04l2.67,-9.06l3.67,-14.66l0.82,-3.79l0.7,-14.14l1.68,-4.48l1.42,-1.31l6.98,-0.63l-0.13,0.58l1,-0.05l-0.79,0.66l1.19,1.83l1.16,-0.31l0.55,-1.28l-0.97,-0.86l1.54,-0.31l0.4,2.04l-1.98,5.48l2.6,5.55l10.79,6.54l5.14,-1.36l4.97,-2.51l2.42,-3.06l0.68,-2.33l1.5,-1.34l5.43,-1.57l1.84,0.52l2.47,-0.81l1.33,0.94l19.91,-17.64l0,0l0.65,0.87l0,0L268.4,164.24zM240.79,107.05l1.28,0.26l3.04,5.21l-0.81,1.68l-0.32,-0.87l-0.13,12.46l-0.62,1.89l-3.85,3.39l-0.14,2.71l-1.69,3.05l-1.68,0.87l-1.28,1.89l-3.88,0.94l-4.26,5.54l0.71,0.89l-0.46,0.66l-6.46,-2.05l-0.41,0.34l0.6,1l1.84,0.73l1.44,1.55l-1.52,-0.47l-1.71,1l0.43,0.58l-2.9,0.31l-1.61,1.1l-2.69,-4.01l-0.55,-2.86l0.25,-4.88l1.82,-7.9l4.53,-9.35l11.52,-18.15l4.07,-4.32l1.46,-0.55l1,0.42l2.48,3.92L240.79,107.05z\" \/>\n                                        <\/a>\n                                        <a xlink:href=\"https:\/\/youthcommerce.nl\/servicegebied\/flevoland\/\"\n                                            class=\"Map-link\" role=\"link\">\n                                            <title>Flevoland<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M327.09,271.35l-0.68,-0.75l2.77,-7.32l3.85,-2.49l0.3,-1.12l-1.82,-5.61l-8.78,-14.14l0,0l0.36,-0.26l0,0l8.85,14.14l1.87,6.05l-0.4,1.27l-3.91,2.44l-2.1,5.11L327.09,271.35zM372.13,190.84l1.58,0.31l1.25,1.23l1.08,-0.44l-0.98,-2.95l3.17,0.97l5.73,5.8l0.98,3.79l0.59,-0.34l0,0l3.58,4.88h2.9l3.59,1.25l10.22,8.35l3.29,9.31l1.11,0.57l2.06,3.75l-0.38,1.59l-2.88,2.16l-1.79,2.03l0.06,0.89l5.81,1.59l2.52,2.21l2.58,0.7l2.28,2.52l-0.79,1.35l-3.56,2.37l-5.24,1.14l-3.88,2.63l-2.34,0.29l-2.06,-1.35l-9.32,2.05l-1.25,1.04l-9.38,-0.03l-0.06,6.86l5.19,0.21l6.74,7.19l1.74,8.62l0,0l-3.47,12l-1.85,0.16l-2.21,4.22l0.85,1.61l-2.07,3.55l-3.08,3.03l-7.85,6.37l-1.35,-0.49l0.17,0.85l-2.33,2.12l-3.07,1.99l-2.96,0.41l-4.32,3.7l-1.33,-0.98l-5,2.74l-1.27,-0.98l-2.69,0.88l-1.85,2.87l-6.88,19.91l-19.92,5.93l0,0l-11.11,-10.58l0,0l-3.81,-3.77l-4.65,-3.07l-9.73,-2.45l-11,1.88l-2.23,-2.07l0,0l1.03,-1.68l-2.12,-1.4l0.66,-1.24l-0.27,-5.01l-1.63,-3.1l0.03,-1.53l5.41,-3.26l0.81,-1.86l7.18,-4.24l2.59,-0.44l1.46,-2.04l23.64,-16.37l2.58,-0.8l6.12,-5.5l0.3,-0.99l-0.6,-2.1l-0.98,0.21l0.14,-1.38l0.74,0.23l1.66,-1.3l2.44,-4.62l5.48,-0.57l5.36,-5.12l-0.48,-0.96l0.55,-0.55l0.52,0.86l4.48,-4.6l10.59,-3.07l3.51,-2.89l-5,-8.06l-2.83,-2.08l0.52,-0.44l-0.74,-0.96l-1,0.18l0.27,-26.71l10.57,-17.2L372.13,190.84z\" \/>\n                                        <\/a>\n                                        <a xlink:href=\"https:\/\/youthcommerce.nl\/servicegebied\/overijssel\/\"\n                                            class=\"Map-link\" role=\"link\">\n                                            <title>Overijssel<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M436.89,186.27L439.24,189.9L450.01,202.23L444.85,207.94L444.66,209.2L437.95,211.62L436.89,213.11L442.69,228.07L445.69,231.64L446.91,231.14L449.32,231.82L450.17,230.65L452.28,230.15L453.87,231.64L456.56,232.36L458.33,234.47L459.46,234.55L460.8,235.8L462.51,234.92L463.94,236.5L465.04,235.59L469.16,234.53L469.7,235.46L469.32,237.15L475.16,241.37L476.94,245.19L477.34,247.9L478.68,249.46L480.5,248.03L482.01,248.08L482.51,247.17L483.94,247.9L485.9,245.43L486.45,247.45L487.93,248.73L490.6,248.36L491.72,245.89L493.23,247.58L497.72,247.9L499.94,249.98L499,240.2L505.03,235.57L515.13,233.3L530.16,239.76L528.64,245.5L530.46,245.61L530.46,245.61L532.66,248.55L531.58,255.51L539.08,262.13L536.01,262.99L532.53,262.21L530.86,265.93L525.35,264.81L529.29,273.04L528.17,281.98L538.12,288.43L540.73,289.21L552.83,289.19L552.82,291.62L554.45,291.28L566.81,295.3L570.11,292.73L572.44,287.81L574.2,286.57L576.38,291.36L577.68,296.77L579.45,298.38L581.68,304.02L585.31,304.43L587.68,311.18L587.57,316.69L584.91,320.41L583.5,323.84L583.23,326.37L580.19,332.75L580.43,336.98L582.96,341.67L586.13,345.21L585.43,346.83L582,349.05L578.88,349.61L576.49,348.66L573.61,349.36L572.73,350.57L572.11,354.15L568.23,360.77L561.36,362.1L560.91,363.8L557.36,367.1L555.86,373.81L553.2,376.38L538.18,376.97L538.18,376.97L531.05,377.02L522.56,374.04L524.24,371.34L523.83,367.33L524.37,365.96L523.64,364.7L520.38,362.98L519.72,362.93L518.94,364.29L517.33,362.95L514.68,365.32L513.35,364.09L513.75,362.62L511.23,360.4L505.43,361.82L499.14,360.79L495.58,361.69L493,359.74L492.06,356.36L489.76,355.64L488.46,353.01L485.27,349.67L483.51,346.24L483.56,344.95L478.04,344.33L473.29,345.26L471.29,346.75L471.2,348.94L468.54,349.36L465.27,349.33L464.06,347.94L461.86,348.94L460.82,348.58L460.74,349.33L457.12,349.07L452.07,348.02L449.76,346.29L445.63,346.26L445.04,348.79L444.32,348.02L444.16,349.18L443.54,348.92L444.41,350.44L444.09,351.21L443.37,349.33L440.95,348.22L440.52,346.57L441.96,345L442.15,343.58L440.19,343.76L437.5,342.71L438.41,340.39L435.57,335.79L435.44,333.29L434.17,330.69L433.84,330.09L431.13,329.73L430.5,325.73L428.93,325.52L429.84,322.4L429.85,317.26L432.72,315.37L430.38,313.82L430.12,312.29L430.75,311.42L433.89,310.82L437.2,309.24L439.17,301.28L438.18,297.73L433.97,292.53L433.51,286L432.16,284.37L428.51,282.27L426.69,278.59L422.05,275.58L420.94,276.9L419.23,277.5L412.34,284.63L410.97,282.66L408.03,284.39L407.41,283.82L406.21,284.37L404.06,279.26L400.85,274.75L398.39,272.57L396.24,273.37L396.24,273.37L394.5,264.76L387.76,257.56L382.57,257.36L382.63,250.5L392.02,250.52L393.27,249.48L402.59,247.43L404.65,248.78L406.99,248.49L410.86,245.87L416.1,244.72L419.66,242.36L420.45,241L418.17,238.48L415.6,237.78L413.08,235.57L407.27,233.98L407.21,233.09L409,231.06L411.88,228.9L412.26,227.31L410.2,223.56L409.09,222.99L405.8,213.68L395.58,205.33L391.99,204.08L389.09,204.08L385.51,199.2L385.51,199.2L389.3,196.56L391.46,198.05L391.81,199.12L392.81,198.55L398.68,200.11L401.99,198.55L406.2,194.58L406.18,192.54L406.89,191.68L409.3,191.16L410.77,191.76L410.79,190.37L413.62,189.43L415.77,194.81L417.86,195.81L421.99,194.68L422.7,196.12L426.43,194.11L426.23,190.92L428.02,190.19L430.79,190.29z\" \/>\n                                        <\/a>\n                                        <a xlink:href=\"https:\/\/youthcommerce.nl\/servicegebied\/zuid-holland\/\"\n                                            class=\"Map-link\" role=\"link\">\n                                            <title>Zuid-Holland<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M155.8,478.39l3.15,2.34l-3.97,-0.15l-1.09,-1.2L155.8,478.39zM143.96,470.44l5.3,1.02l7.77,3.19l0.95,1.27l-3.66,1.43l-4.53,-0.59l-7.82,-5.3l0.79,-1.12L143.96,470.44zM179.49,322.71l10.74,4.85l1,-1.86l2.14,-0.59l4.3,1.63l-3.81,8.44l-3.13,3.17l0.29,2.04l-1.25,6.55l-1.39,2.11l0.16,1.31l1.08,0.88l2.33,0.54l1.68,-0.57l4.6,1.21l3.24,-0.23l5.13,-2.99l3.61,-0.28l2.66,-1.83l3.09,0.49l0.24,5.59l0.92,0.7l1.23,-1.55l4.76,-2.65l0.92,-1.34l1.55,-0.67l1.65,0.36l0,0l0.06,1.7l1.12,1.85l0.22,3.89l1.08,-0.05l4.84,5.79l2.39,0.85l5.3,3.68l-3.29,1.62l0.59,4.04l-0.79,0.62l-4.23,-0.23l-0.89,-0.69l-0.36,-1.52l-2.41,0.77l-1.27,0.54l-1.22,3.37l-1.95,0.87l-0.25,1.05l5.41,3.88l0.17,6.24l1.17,2.34l-0.06,1.36l6.49,-0.44l-0.81,1.64l-3.31,1.21l-2.61,1.98l-3.18,4.03l0.27,1.92l-1.39,1v0.92l0.44,1.44l6.38,-1.31l1.15,2.82l-6.35,1.56l1.41,1.87l1.2,0.41l2.04,4l4.56,5.15l1.28,5.04l6.2,-1.48l3.34,-5.17l4.48,1.03l4.4,-4.38l1.84,0.1l2.44,1.92l1.6,-0.18l1.23,-2.36l4.38,-4.15l4.7,-1.97l3.01,0.49l3.64,1.79l1.55,5.07l4.98,1.82l0,0l-6.93,12.39l0.1,1.61l-0.74,-0.36l-2.2,4.07l-0.65,2.86l-3.67,-0.43l-1.66,3.17l-4.32,1.28l0.14,1.74l1.09,0.67l-2.9,1.87l-1.53,-0.61l-4,0.1l-1.8,-1.58l-0.41,0.43l0.59,1.87l-0.35,1.41l0.95,1.58l3.4,0.46l-1.03,4.98l-2.37,-0.05l0,0l-9.95,-1.81l-4.38,0.41l-3.73,1.86l-2.86,2.96l-3.39,2.14l-7.91,-0.1l-4.57,1.99l-2.45,2.91l-2.25,5.74l-5.51,5.33l-4.79,3.39l-9.97,2.85l-2.5,2.01l-11.87,3.26l-3.48,-0.36l-11.88,-3.97l-3.21,2.7l-0.44,1.15l-0.89,0.03l-2.44,2.98l-1.46,3.44l-2.79,2.26l-3.29,1.53l-9.08,2.52l-4.29,-0.51l0,0l-2.96,-0.97l-12.41,-9.06l-5.3,-0.18l-2.99,-1.07l-8.1,-1.02l-1.9,-4.46l-0.24,-4.94l-2.61,-3.7l-1.08,-3.39l-6.04,-1.35l-2.25,-2.04l-2.93,-0.41l-5.47,2.24l-3.21,4.08l-1.61,0.31l-4.53,-1.43l-1.31,-1.28l0,0l2.9,-1.86l1.44,-3.75l0.32,-1.86l-1.66,-5.51l2.63,-2.99l6.93,-1.58l11.16,-4.44l3.26,0.05l1.58,0.74l0.68,0.64l-1.42,-0.28l-0.22,1.12l3.85,2.78l-0.3,-1.33h1.49l1.49,-2.4l2.42,-1.51l-0.63,-2.58l-5.1,-7.92l0.25,-1.94l3.1,-5.37l-0.11,-0.79l-2.09,-1.43l-0.55,2.07l-2.28,-1.05l-2.91,1.05l-0.85,-0.79l2.44,-9.37l0.05,-2.1l-0.79,0.1v-1.38l0.97,-2.25l1.8,-0.33l1.55,-1.82l1.47,0.67l1.46,-0.23l4,2.28l8.67,-7.33l3.77,-5.75l15.65,-18.89l1.06,0.46l0.74,-1.1l-0.82,0.64l-0.38,-0.75l6.93,-6.94l11.79,-16l10.54,-18.89L179.49,322.71zM108.57,451.27l-0.41,2.76l1,-0.69l17.94,10.29l4.94,1.76l3.45,3.77l3.99,3.11l3.1,4.18l4.24,2.88l6.84,3.21l7.88,0.69l1.58,-0.56l1.79,-4.81l-13.32,-7.26l-10.85,-3.29l-2.91,-3.34l0.06,-2.35l-2.41,-2.68l-2.26,-1.25l-2.82,-0.03l-4.27,-4.8l-4.79,0.51l-1.09,-1.48l-0.32,1.05l-0.6,-0.77l-3.77,-1.33l-2.37,-2.99l-3.05,1.53L108.57,451.27z\" \/>\n                                        <\/a>\n                                        <a xlink:href=\"https:\/\/youthcommerce.nl\/servicegebied\/utrecht\/\" class=\"Map-link\"\n                                            role=\"link\">\n                                            <title>Utrecht<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M227.2,348.02L229.67,348.02L232.64,346.65L238.18,341.39L244.95,341.26L246.12,339.02L248.45,337.32L248.24,335.07L249.45,334.56L253.89,335.48L256.52,332.85L258.97,332.67L259.95,333.09L261.31,336.28L262.01,336.28L264.15,333.6L264.86,333.4L266.36,334.66L267.6,333.19L269.27,333.06L270.03,335.05L268.83,334.12L267.55,334.79L267.37,335.92L263.32,337.14L264.83,341.83L266.19,341.26L266.76,344.12L268.94,346.26L265.63,347.76L266.27,349.95L271.5,352.09L278.29,351.91L278.78,350.95L280.68,352.01L282.68,355.98L281.84,357.47L278.91,359.43L279.19,360.56L290.02,361.15L294.39,352.42L294.88,344.48L298.34,341.39L300.87,336.18L301.81,336.59L303.31,335.23L307.93,336.05L312.66,332.67L312.66,332.67L323.77,343.25L323.77,343.25L321.95,351.08L328.42,356.36L328.06,359.86L325.54,360.58L326.19,363.57L334.75,365.29L336.21,366.81L335.99,368.54L338.9,369.15L338.71,371.03L340.84,372.09L340.07,373.58L338.34,373.83L337.76,375.2L339.26,376.35L339.89,377.95L336.62,377.61L337.73,378.33L336.27,380.16L336.48,382.83L334.2,384.27L332.49,386.45L336.24,389.05L339.44,388.56L339.85,387.17L342.57,387.35L344.09,385.73L343.04,385.3L343.55,384.4L344.83,384.78L344.94,384.27L343.61,380.83L345.02,380.47L345.43,380.95L346.76,380.23L346.73,382.42L347.33,382.83L347.46,384.68L348.42,385.32L348.68,387.33L347.44,394.87L348.65,395.39L348.44,397.16L351.45,398.29L351.24,402.78L350.37,402.8L352.79,404.62L353.85,407.39L356.11,408.77L357.14,411.93L358.74,413.82L358.16,415.54L358.87,419.43L357.93,419.66L358,420.97L357.09,420.46L355.5,421.87L352.82,420.07L347.49,418.49L345.21,415.77L340.1,413.88L336.9,411.62L333.2,411.7L328.88,410.85L325.76,413.18L320.79,415.08L315.64,414.9L312.82,417.79L310.89,418.77L309.54,418.69L307.09,417.05L302.52,416.18L297.66,412.57L296.46,412.88L293.26,417.41L290.38,417.18L288.21,415.77L288.21,415.77L283.23,413.95L281.68,408.88L278.04,407.08L275.03,406.6L270.33,408.57L265.95,412.72L264.72,415.08L263.12,415.26L260.68,413.34L258.85,413.23L254.45,417.62L249.97,416.59L246.63,421.76L240.43,423.25L239.14,418.2L234.59,413.05L232.55,409.06L231.34,408.65L229.94,406.78L236.28,405.21L235.13,402.39L228.75,403.7L228.31,402.26L228.31,401.34L229.7,400.34L229.43,398.41L232.61,394.39L235.22,392.41L238.53,391.2L239.33,389.56L232.85,390L232.91,388.63L231.74,386.3L231.56,380.06L226.15,376.17L226.41,375.12L228.35,374.25L229.57,370.88L230.84,370.34L233.24,369.57L233.61,371.08L234.49,371.78L238.72,372.01L239.51,371.39L238.92,367.35L242.21,365.73L236.91,362.05L234.52,361.2L229.68,355.41L228.61,355.46L228.38,351.57L227.26,349.72z\" \/>\n                                        <\/a>\n                                        <a xlink:href=\"https:\/\/youthcommerce.nl\/servicegebied\/gelderland\/\"\n                                            class=\"Map-link\" role=\"link\">\n                                            <title>Gelderland<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M396.24,273.37L398.39,272.57L400.85,274.75L404.06,279.26L406.21,284.37L407.41,283.82L408.03,284.39L410.97,282.66L412.34,284.63L419.23,277.5L420.94,276.9L422.05,275.58L426.69,278.59L428.51,282.27L432.16,284.37L433.51,286L433.97,292.53L438.18,297.73L439.17,301.28L437.2,309.24L433.89,310.82L430.75,311.42L430.12,312.29L430.38,313.82L432.72,315.37L429.85,317.26L429.84,322.4L428.93,325.52L430.5,325.73L431.13,329.73L433.84,330.09L434.17,330.69L435.44,333.29L435.57,335.79L438.41,340.39L437.5,342.71L440.19,343.76L442.15,343.58L441.96,345L440.52,346.57L440.95,348.22L443.37,349.33L444.09,351.21L444.41,350.44L443.54,348.92L444.16,349.18L444.32,348.02L445.04,348.79L445.63,346.26L449.76,346.29L452.07,348.02L457.12,349.07L460.74,349.33L460.82,348.58L461.86,348.94L464.06,347.94L465.27,349.33L468.54,349.36L471.2,348.94L471.29,346.75L473.29,345.26L478.04,344.33L483.56,344.95L483.51,346.24L485.27,349.67L488.46,353.01L489.76,355.64L492.06,356.36L493,359.74L495.58,361.69L499.14,360.79L505.43,361.82L511.23,360.4L513.75,362.62L513.35,364.09L514.68,365.32L517.33,362.95L518.94,364.29L519.72,362.93L520.38,362.98L523.64,364.7L524.37,365.96L523.83,367.33L524.24,371.34L522.56,374.04L531.05,377.02L538.18,376.97L538.18,376.97L537.5,382.29L536.95,383.16L536.41,382.65L535.49,383.52L536.41,385.63L534.45,388.07L527.72,389.2L527.98,390.64L526.38,393.95L526.6,397.23L530.92,397.23L537.07,400.18L539.13,402.6L545.59,407.44L545.89,408.72L548.75,409.16L549.32,415.75L548.86,416.56L546.76,416.64L544.32,417.97L543.91,423.43L540.1,428.6L537.2,429.8L536.85,431.03L534.51,431.85L533.75,433.25L532.26,433.97L529.64,431.9L527.75,429.03L525.43,428.78L519.13,431.77L518.12,432.82L516.77,432.59L509.45,435.04L506.38,437.47L505.22,436.55L504.02,437.04L497.99,441.1L496.83,443.23L492.26,444.89L489.11,441.84L486.31,443.51L485.52,441.67L479.98,439.52L479.25,442.43L482.93,445.09L481.72,446.78L482.42,449.23L481.74,449.25L482.26,451.02L481.61,451.6L478.95,449.84L475.49,449.31L475.11,447.11L473.97,446.09L466.33,445.75L465.3,441.08L462.26,439.62L461.06,439.44L458.4,441.03L451.48,440.92L447.31,437.5L447.2,436.48L448.41,436.25L448.07,435.25L444.68,432.67L444.47,433.15L442.59,431.97L438.98,432.59L437.91,433.41L436.74,432.49L434.62,434.92L437.07,434.97L439.85,436.68L440.82,440.52L443.9,443L444.19,448.05L438.43,446.32L433.67,445.96L428.08,441.97L427.21,443.58L426.18,444.02L426.4,445.42L423.19,447.7L422.67,447.16L420.8,447.85L419.99,449.46L418.13,450.4L415.83,450.66L411.83,449.18L409.27,452.35L411.37,453.98L410.86,454.64L409.6,454.34L409.41,455.18L412.1,456.63L414.31,458.93L413.57,461.2L414.08,462.25L416.43,462.81L415.39,463.86L415.22,465.21L416.31,466.46L416.23,467.2L410.86,470.95L410.52,472.65L410.52,472.65L407.59,473.44L406.24,471.71L404.44,471.15L403.92,468.29L400.93,464.47L396.65,464.72L397.45,468.45L396.56,469.39L396.56,469.39L394.19,468.96L383.22,470.74L379.82,470.49L377.59,469.06L375.31,465.62L371.56,464.7L368.47,460.87L365.51,460.36L363.82,459.29L360.75,453.75L357.96,453.57L352.4,450.99L347.68,451.58L345.8,454.13L344.78,454.44L341.49,453.62L339.06,451.2L337.49,450.69L335.95,451.35L334.47,454.87L331.62,455.97L328.39,455.92L326.81,455.26L324.85,452.86L323.55,452.88L317.65,461.79L315.91,469.47L306.93,474.54L302.31,473.67L298.96,475.41L294.12,472.91L290.4,473.72L285.21,473.04L279.62,474.46L279.56,472.6L282.09,470.03L281.06,468.73L281.49,465.62L277.88,463.86L275.49,461.79L273.61,462.04L272.07,463.68L270.38,463.6L267.15,458.96L262.91,457.02L259.91,453.21L259.91,453.21L262.28,453.26L263.31,448.28L259.91,447.82L258.96,446.24L259.3,444.83L258.72,442.97L259.13,442.54L260.93,444.12L264.94,444.02L266.47,444.63L269.37,442.77L268.28,442.1L268.13,440.36L272.45,439.08L274.12,435.91L277.79,436.35L278.44,433.48L280.63,429.42L281.38,429.77L281.28,428.16L288.21,415.77L288.21,415.77L290.38,417.18L293.26,417.41L296.46,412.88L297.66,412.57L302.52,416.18L307.09,417.05L309.54,418.69L310.89,418.77L312.82,417.79L315.64,414.9L320.79,415.08L325.76,413.18L328.88,410.85L333.2,411.7L336.9,411.62L340.1,413.88L345.21,415.77L347.49,418.49L352.82,420.07L355.5,421.87L357.09,420.46L358,420.97L357.93,419.66L358.87,419.43L358.16,415.54L358.74,413.82L357.14,411.93L356.11,408.77L353.85,407.39L352.79,404.62L350.37,402.8L351.24,402.78L351.45,398.29L348.44,397.16L348.65,395.39L347.44,394.87L348.68,387.33L348.42,385.32L347.46,384.68L347.33,382.83L346.73,382.42L346.76,380.23L345.43,380.95L345.02,380.47L343.61,380.83L344.94,384.27L344.83,384.78L343.55,384.4L343.04,385.3L344.09,385.73L342.57,387.35L339.85,387.17L339.44,388.56L336.24,389.05L332.49,386.45L334.2,384.27L336.48,382.83L336.27,380.16L337.73,378.33L336.62,377.61L339.89,377.95L339.26,376.35L337.76,375.2L338.34,373.83L340.07,373.58L340.84,372.09L338.71,371.03L338.9,369.15L335.99,368.54L336.21,366.81L334.75,365.29L326.19,363.57L325.54,360.58L328.06,359.86L328.42,356.36L321.95,351.08L323.77,343.25L323.77,343.25L343.69,337.32L350.58,317.41L352.43,314.54L355.12,313.66L356.38,314.65L361.38,311.91L362.71,312.89L367.03,309.19L369.99,308.78L373.06,306.79L375.39,304.67L375.21,303.81L376.56,304.3L384.41,297.94L387.49,294.91L389.57,291.36L388.71,289.75L390.93,285.53L392.78,285.38z\" \/>\n                                        <\/a>\n                                        <a class=\"Map-link\" role=\"link\">\n                                            <title>Zeeland<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M122.86,569.59l0.62,-0.25l0.73,1.57l-1.84,0.35l-2.44,-1.42l1.19,-0.78L122.86,569.59zM29.64,559.63l2.94,0.94l-0.02,0.73l1.47,0.05l1.57,1.85l3.5,0.63l1.41,1.21l11.11,2.28l5.13,5.36l2.75,-0.25l3.88,0.78l-0.57,1.95l1.66,0.88l0.67,-0.25l-0.17,-3.08l3.05,0.08l1.72,1.34l1.52,0.23l-0.49,0.96l1.16,2.25l0.08,-3.06l0.6,1.24l0.82,-1.19l2.85,1.67l4.04,-0.1l1.41,-2.3l2.36,-0.71l3.51,-2.83l6.44,-2.12l0.78,0.61l0.68,-4.05l0.87,-0.94l-0.51,-3.08l1.65,-2.33l6.9,1.37l-0.32,0.53l1.96,1.44l0.57,3.14h0.65l2.14,3.72l6.57,0.63l8.1,7.45l-2.58,-4.12l2.71,-0.71l0.98,1.37l1.6,0.5l1.08,1.74l0.41,-0.63l-1.03,-1.37l2.48,0.13l-2.94,-1.19l4.79,0.1l-0.66,-0.66l-4.43,-0.45l-1.31,-2.25l0.08,-1.16l1.69,-0.1l1.57,-0.96l0.43,3.08l3.4,1.54l-3.07,-2.5l0.33,-1.57l0.6,1.39l0.81,-2.88l2.86,0.43l1.12,0.86l0.65,2.15l2.66,3.49l-10.35,13.89l-16.33,11.71l-0.54,0.96l-2.91,0.68l-0.95,-1.06l-1.84,1.01l-0.57,-0.96l-1.04,0.03l-4.27,2.97l-0.3,-0.38l-1.41,2.34l-2.26,0.4l-0.71,1.94l-3.59,1.03l-1.23,-1.97l-0.48,0.81l-0.92,0.05l-0.29,1.94l-1.06,0.88l-3.77,1.28l-1.23,-1.84l2.29,-2.32l-0.93,-1.56l-4.59,3l-1.11,-0.68l-1.49,0.55l-0.92,-0.38l-2.18,1.11l-2.83,-1.03l-0.09,1.16l-2.01,-1.56l-0.25,-7.59l0.97,-2.67l-2.86,-1.97l-0.71,-0.3l-0.95,0.93l-2.28,-2.6l-4.54,-0.61l-1.01,0.4l-3.5,-1.01l-0.93,-1.31l-1.68,-0.03l-3.34,-2.4l-2.74,0.5l-7.83,-4.37l-1.57,1.87l0.76,1.36l-0.62,1.59l-3.13,-1.99l-1.22,1.21l-1.79,-0.23l-0.81,1.72l-0.87,0.13l-1.19,-1.19l-1.55,0.3l1.92,10.37l-11.93,1.18l-3.85,-0.91l-0.71,-2.7l-1.14,-1.08l-1.14,0.73l-3.24,-4.21l-1.96,-1.06l0.95,-0.78l-0.03,-1.44l-1.68,-1.41l-0.62,-1.57l1.42,-0.76L0,581.39l3.99,-4.52L3.7,574.6l-1.36,-1.77l0.1,-2.65l-1.31,-2.53l2.15,-2.1l0.3,0.38l6.63,-3.39l1.31,-0.2l0.9,1.01l2.86,-1.72l4.64,-1.09l3.5,-2.3l5.13,0.38L29.64,559.63zM52.44,525.81l0.54,-1.01l0.14,0.66L52.44,525.81zM63.8,523.22l1.82,0.41l-3.77,0.23l0.27,-0.96L63.8,523.22zM66.14,522.63l-0.93,-0.69l1.15,0.2L66.14,522.63zM64.77,521.92l0.17,0.84l-2.15,-0.61L64.77,521.92zM51.4,521.69l1.61,1.63l-0.79,2.11l-1.25,-3.12L51.4,521.69zM49.07,519.21l0.41,0.53l-1,-0.18L49.07,519.21zM75.57,469.26l1.31,1.28l4.53,1.43l1.61,-0.31l3.21,-4.08l5.47,-2.24l2.93,0.41l2.25,2.04l6.04,1.35l1.08,3.39l2.61,3.7l0.24,4.94l1.9,4.46l8.1,1.02l2.99,1.07l5.3,0.18l12.41,9.06l2.96,0.97l0,0l-1.68,3.15l-4.35,1.91l-1.8,1.78l-1.34,4.75l0.74,2.59l5.22,6.4l1.41,2.79l-0.09,2.54l-2.67,8.07l0.03,1.95l8.85,19.84l-1.9,2.4l0.81,4.96l-0.66,2.28l0.52,1.14l1,0.13l0.54,1.59l0,0l-5.7,0.25l0.4,-1.92l-1.95,-3.24l-2.88,-1.32l-1.04,0.2l-1.03,-1.62l-7.8,2.81l-11.3,-3.14l-4.32,-3.26l-0.78,-1.52l0.55,-0.86l-2.55,-0.79l-0.16,-1.09L106,551l-3.97,-2l-4.54,-4.53L91,547.86l-1.47,-0.48l0.17,1.29l-0.71,0.15l0.7,2.46l-3.97,9.97l-1.11,0.53l-3.53,-1.06l-2.14,1.54l-6.82,1.64l-6.41,-5.26l0.27,-1.09l-1.95,-0.13l-1.71,-1.11l-1.49,0.83l-2.01,-0.23l-0.92,-0.76l-0.84,-2.94l-0.79,0.08l-2.39,-3.21l-3.54,-2.56l-4.86,-0.2l-1.91,2.15l-4.18,0.41l-1.17,-0.94L38.14,547l-0.55,0.08l-0.1,2.1l-0.79,-0.23v-0.83l-0.33,0.68l-0.33,-0.89l-0.21,0.63l1.63,1.21l-4.3,0.08l-1.79,-2.28l-0.93,0.08l-4,-3.42l-4.53,-7.45l-6.85,-4.92l-3.34,-3.83l0.93,-4.01l9.34,-6.32l11.57,-6.58l4.75,0.05l4.21,1.55l7.77,-2.79l0.97,-5.16l-0.85,-1.04l1.14,-0.2l3.78,-4.22l-0.24,-0.48l0.78,-0.2l0.96,-2.11l-0.51,-0.64l0.78,-0.23l0.03,-2.88l-2.34,-0.74l-1.82,-1.5l-2.22,-4.2l-0.17,-3.29l2.53,-5.2l1.84,-1.4l9.84,-3.19l8.26,0.82l0.68,-3.16L75.57,469.26zM70.57,486l-0.98,-0.99l-0.73,0.13l-0.71,0.51l-0.33,1.76l-4.68,3.18l-5.51,2.16l-0.05,2.82l0.79,0.1l-0.3,1.07l-0.87,0.03l-1.31,3.18l0.9,-0.18l-1.44,1.58l1.46,0.76l-1.58,-0.46l-0.62,2.21l-0.89,-1.53l-1.46,1.27l-1.22,6.05l0.24,0.48l0.84,-0.61l0.03,0.51l1.57,-0.33l2.64,1.91l1.84,0.03l5.6,-1.93l1.9,0.41l1.01,-0.96l3.59,-0.86l2.93,0.56l2.58,-0.61l0.62,0.79l3.05,0.56l1.69,1.8l2.61,4.55l0.52,-0.46l-0.49,0.71l1.65,2.56l-0.19,0.79l-3.75,1.42l-1.77,2.39l-1.27,0.41l-3.47,-3.2l-2.75,0.63l-1.87,1.52l-6.96,-1.83l-4.23,2.46l-4.84,4.9l-0.79,-1.78l0.44,-1.52l1,1.9l0.05,-0.68l-2.96,-5.53l1.9,-2.49l-2.41,2.29l-3.97,-3.2l-1.23,-0.2l-1.25,-3.17l0.29,-1.32l-3.04,1.27l0.28,2.36l2.63,3.76l3.73,2.21l2.36,5.76l2.74,4.24l0.25,-0.46l0.54,0.99l-0.35,-0.91l2.53,-0.41l-1.87,-0.05l-0.46,-0.61l3.58,-1.8l-0.54,-1.04l1.2,-3.04l1.77,-1.14l0.76,0.05l-0.43,1.02l0.68,-0.74l7.03,0.36l2.06,-1.22l3.64,-0.63l1.99,0.81l0.84,1.37l1.88,0.38l0.93,-1.29l0.59,0.84l2.5,-0.69l2.22,0.43l1.91,-1.14l2.25,0.38l2.37,4.64l2.45,-1.07l1.84,0.33l5.41,1.95l0.16,2.05h0.49l-0.17,-2.03l1.96,0.81l0.66,1.34l3.43,2.64l1.17,-0.36l1.3,4.03l-0.6,1.7l3.73,5.6l0.82,0.03l1.42,3.09l7.12,3.65l2.42,-0.41l4.48,-2.61l3.05,0.53l1.55,0.96l1.74,-0.13l-1.03,-13.02l-6.8,-3.07l-0.63,-1.57l0.89,-1.83l-1.52,-1.75l-2.39,-0.41l-1.17,0.74l-1.23,-1.12l-5.16,0.36l-4.41,-0.81l-0.17,-0.96l-1.17,-0.53l-0.57,-2.56l-1.65,-1.04l-0.09,-1.19l-3.69,-1.07l0.43,-1.19l-1.01,-1.5l-3.29,-2.08l-2.17,-0.33l-0.87,-1.17l1.08,-2.87l5.14,-0.99l4.84,-3.13l3.48,-1.07l4.05,0.69l0.98,1.88l1.72,0.97l-0.21,-0.71l4.46,-0.53l2.04,0.51l0.27,-0.74l1.84,-0.28l0.08,-0.56l-0.74,-0.2l1.04,-0.58l-0.06,-0.92l-2.78,0.69l-4.68,-0.13l-1.53,-3.08l-2.48,-1.58l-0.13,-2.64l0.92,-0.1v-0.81l2.37,-2.09l4.49,0.89l6.85,3.89l-0.79,-2.52l-4.83,-2.14l0.16,-1.4l-1.08,0.99l-2.12,-0.74l-0.11,-0.74l3.29,0.08l-0.78,-1.04l-2.61,0.51l2.47,-0.99l0.71,0.36l0.47,-0.64l-1.52,-2.88l-6.52,1.45l-2.17,1.5l1.71,2.06l-0.27,0.76h-0.74l-0.6,2.31l-2.17,1.35l-1.87,2.47l-1.88,0.92l-1.49,-0.66l-6.31,3.36L96.56,506l-3.61,-2.72l-1.36,-2.37l-2.03,1.6l-4.43,-1.09l4.57,-3.99l-1.31,0.33l-4.37,3.46l0.08,-2.42l-1.01,-3.38l-1.39,-1.71l0.08,-1.12l-2.77,-2.62l-1.71,0.2l-3.91,-2.01l0.11,-1.53l-0.82,-1.22l-1.71,-0.53l-1.01,0.13l0.08,0.61L70.57,486z\" \/>\n                                        <\/a>\n                                        <a xlink:href=\"https:\/\/youthcommerce.nl\/servicegebied\/noord-brabant\/\"\n                                            class=\"Map-link\" role=\"link\">\n                                            <title>Noord-Brabant<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M259.91,453.21l3.01,3.8l4.24,1.94l3.23,4.64l1.69,0.08l1.54,-1.63l1.88,-0.25l2.39,2.07l3.61,1.76l-0.43,3.11l1.03,1.3l-2.53,2.57l0.06,1.86l5.59,-1.43l5.19,0.69l3.72,-0.82l4.84,2.5l3.35,-1.73l4.62,0.87l8.97,-5.07l1.74,-7.68l5.9,-8.91l1.3,-0.03l1.96,2.4l1.58,0.66l3.23,0.05l2.85,-1.1l1.49,-3.52l1.54,-0.66l1.57,0.51l2.44,2.43l3.29,0.82l1.01,-0.31l1.88,-2.55l4.72,-0.59l5.57,2.58l2.79,0.18l3.07,5.54l1.69,1.07l2.96,0.51l3.08,3.83l3.75,0.92l2.28,3.44l2.23,1.43l3.4,0.26l10.97,-1.79l2.37,0.43l0,0l2.03,1.91l1.06,5.66l1.11,1.4l2.64,1.07l4.38,0.59l2.9,1.53l1.44,7.46l-1.19,2.8l3.31,1.04l-1.23,3.59l0.25,1.27l3.94,2.64l3.97,3.89l0.63,5.82l2.14,3.61l0.02,4.27l1.14,2.18l-1.63,0.15l-0.92,0.89l-3.89,-3.99l-10.41,3.86l-5.21,0.53l-2.66,-2.11l-8.4,-1.65l2.33,16.06l1.22,3.09l1.85,10.57l9.59,16.35l-9.29,7.96l-32.14,10.03l-7.04,10.02l-0.96,10.52l-4.02,2.02l0.03,-0.55l-4.62,1.41l0,0l-0.6,-0.53l-0.71,-4.92l0.14,-5.77l-4.62,-4.31l-1.76,-3.08l-4.05,-1.14l-0.95,-0.08l-2.86,3.79l-3.85,0.73l-0.49,1.49l-0.89,0.1l-2.6,3.46l-11.31,-3.03l-1.57,3.08l-6.73,0.35l-4.78,-1.21l-4.41,1.01l-1.44,-1.39l2.14,-9.51l-6.19,-4.01l-4.13,1.36l-1.77,1.39l-4.46,-1.36l-0.41,-8.26l-9.53,-11.53l5.16,-9.84l-4.15,-9.83l-5.22,-0.33l-1.12,-1.93l0.08,-1.67l-0.71,-0.3l-3.99,3.85l-0.9,6.89l-6.22,5.27l-5.55,6.98l-0.54,-0.83l0.3,0.99l-1.01,0.46l-1.14,-0.33l1.6,-0.43l-2.14,-1.47l-1.57,-2.83l-0.93,0.56l-1.28,-0.86l0.19,-0.61l-0.6,0.48l-1.38,-0.35l-1.41,1.95l-2.52,-1.49l-0.81,0.68l-1.17,-0.53l-7.47,1.49l-2.77,-1.52l-0.68,-3.34l0.93,-0.94l1.72,-0.15l0.41,0.81l6.3,2.03l1.23,1.11l1.28,-0.03l-0.51,-0.56l1,-0.86h-2.71l-1.03,-5.97l1.68,-2.91l0.84,0.66l0.87,-0.79l-1.57,-1.19l0.85,-4.51l-3.15,-0.76l-0.85,-2.86l-6.92,-2.31l-3.17,1.19l-1.12,2.53l-2.55,1.34l-2.18,3.85l-1.93,0.46l-1.63,3.85l-4.1,1.87l0.38,4.43l-1.63,0.53l-1.17,-0.43l-1.9,0.99l-1.74,-0.89l-8.42,-1.57l-6.31,2.35l-0.85,-6.58l2.72,-5.95l-1.68,-2.46l-10.1,1.19l-1.58,1.65l-3.42,0.61l-9.27,4.91l-0.73,0.91l2.26,0.28l1,2.68l-0.92,0.56l0.35,1.21l-1.76,1.7l1.35,3.31l6.2,8.17l-0.87,1.04l0.82,1.72l-1.44,-0.28l-4.37,2.2l-2.71,0.25l-5.55,-0.76l-1.22,-4.75l-9.19,0.28l0,0l-0.54,-1.59l-1,-0.13l-0.52,-1.14l0.66,-2.28l-0.81,-4.96l1.9,-2.4l-8.85,-19.84l-0.03,-1.95l2.67,-8.07l0.09,-2.54l-1.41,-2.79l-5.22,-6.4l-0.74,-2.59l1.34,-4.75l1.8,-1.78l4.35,-1.91l1.68,-3.15l0,0l4.29,0.51l9.08,-2.52l3.29,-1.53l2.79,-2.26l1.46,-3.44l2.44,-2.98l0.89,-0.03l0.44,-1.15l3.21,-2.7l11.88,3.97l3.48,0.36l11.87,-3.26l2.5,-2.01l9.97,-2.85l4.79,-3.39l5.51,-5.33l2.25,-5.74l2.45,-2.91l4.57,-1.99l7.91,0.1l3.39,-2.14l2.86,-2.96l3.73,-1.86l4.38,-0.41L259.91,453.21zM249.37,548.14l-1.35,1.97l-0.14,-1.65l-0.51,0.43v-0.94l-0.87,0.53l0.59,0.71l-0.27,1.54l-0.9,0.46l3.59,1.57l0.55,-0.78l-0.38,-0.63l0.98,-0.68l-1.42,-0.38l-0.19,-0.81l0.97,0.1l-0.62,-1.11l1.5,-0.76l0.22,0.53l0.98,-1.16l-0.35,-0.58l-0.74,0.73l-2.93,0.05L249.37,548.14zM251.87,548.95l-0.71,-0.58l-0.41,0.43L251.87,548.95zM242.78,553.78l-0.4,0.53l0.43,-0.1L242.78,553.78zM249.51,557.48l-1.6,0.46l0.59,0.58l-0.66,0.56l1.84,-0.3L249.51,557.48z\" \/>\n                                        <\/a>\n                                        <a xlink:href=\"https:\/\/youthcommerce.nl\/servicegebied\/limburg\/\" class=\"Map-link\"\n                                            role=\"link\">\n                                            <title>Limburg<\/title>\n                                            <path class=\"Map-area\"\n                                                d=\"M396.56,469.39L397.45,468.45L396.65,464.72L400.93,464.47L403.92,468.29L404.44,471.15L406.24,471.71L407.59,473.44L410.52,472.65L410.52,472.65L410.8,474.08L416.83,474.23L421.99,476.99L423.41,479.13L424.84,479.64L424.63,480.78L423.02,480.78L422.04,482L423.05,485.21L422.34,487.02L422.99,490.56L430.36,493.92L431.31,493.59L431.67,494.3L436.31,495.11L434.52,501.32L433.32,504.19L432.72,503.91L432.29,507.93L437.04,511.64L438.03,513.54L442.31,517.68L446.04,525.1L449.43,527.76L451.69,531.72L451.66,537.01L453.27,541.96L452.58,548.31L451.75,548.67L451.69,553.25L450.5,560.21L453.64,560.06L451.77,563.55L453.64,570L448.02,575.18L448.41,576.67L444.58,577.5L442.29,583.74L438.35,589.19L437.35,592.12L431.34,598.75L429.24,600.04L431.48,604.82L428.63,605.86L429.63,615.08L431.04,617.82L433.73,618.22L437.34,615.4L444.11,612.13L446.74,614.17L440.04,617.49L445.61,621.29L443.67,622.63L443.59,623.68L438.18,624.49L434.79,626.7L432.38,627.13L431.5,629.82L430.68,629.34L429.46,631.15L426.99,632.18L426.78,633.46L424.82,635.73L422.99,637.13L421.23,637.66L420.53,637.23L419.58,637.94L417.08,640.33L416.13,642.23L414.66,642.76L414.92,643.57L413.21,645.65L412.89,649.72L411.12,650.54L411.42,651.95L407.89,652.1L404.23,644.27L400.71,647.53L396.53,648.11L396.81,649.67L398.7,651.98L397.81,653.73L398.82,656.29L401.43,658.25L401.39,659.73L402.86,660.38L402.64,663.94L401.01,665.75L401.75,667.2L402.89,667.27L407.49,664.62L410.61,663.92L412.73,666.15L415.03,665.17L421.89,664.94L420.31,670.06L418.74,671.61L420.56,672.74L421.02,677.35L425.2,678.85L426.05,678.55L426.74,679.2L426.56,680.43L429.79,680.2L432.04,681.6L432.97,680.58L430.93,683.63L429.85,687.73L432.05,692.66L430.15,695.94L429.68,699.31L427.1,698.01L426.78,696.96L420.96,699.49L420.85,702.96L422.46,705.96L421.62,706.41L421.89,707.18L419.2,710.2L418.44,710.4L415.48,708.53L413.92,710.35L413.79,711.85L415.82,712.45L417.7,714.82L422.1,717.52L420.53,720.44L421.21,722.06L414.93,722.48L413.57,720.56L411.88,720.16L404.83,723.11L404.39,722.01L403.03,722.16L402.33,723.01L400.4,721.61L399.82,718.52L396.05,720.46L394.39,722.18L393.43,719.69L391.34,721.04L387.67,721.81L385.09,718.17L383.71,718.74L382.37,715.2L380.78,715.47L376.7,720.76L374.9,720.76L373.57,719.84L372.73,720.89L370.07,722.03L367.71,721.39L370.61,715.32L369.17,711.85L370.21,709.38L369.31,707.96L367.19,707.78L366.94,706.78L363.46,705.86L363.33,704.71L362.32,704.13L362.62,702.81L360.88,699.44L361.08,694.91L362.22,693.94L361.62,693.19L362.03,692.64L365.61,690.74L366.94,690.74L367.51,689.06L369.45,687.01L370.29,683.4L371.49,683.15L373.14,684.1L373.96,683.68L374.91,679.52L376.81,677.12L377.7,674.32L379.42,673.46L378.43,671.03L377.32,670.83L374.85,672.24L373.77,671.66L373.63,670.38L380.8,661.48L380.81,658.45L382.37,655.11L379.5,652.43L381.62,648.14L381.99,645.27L384.77,646.28L386.12,645.57L385.59,642.74L386.91,640.98L385.44,638.01L387.57,636.81L389.9,637.74L391.15,636.38L391.37,634.95L390.72,633.99L387.59,633.24L387.62,631.35L389.87,628.59L392.51,628.06L393.24,625.77L394.79,624.69L391.84,622.4L392.05,621.52L389.99,618.7L388.39,620.89L386.86,620.03L382.59,622.75L382.21,621.82L382.84,620.01L381.59,619.48L381.42,618.73L382.59,617.74L381.81,617.57L382.21,616.21L380.74,614.7L377.38,613.49L376.61,614.37L373.14,614.55L371.91,615.5L368.73,614.4L366.78,614.97L365.96,614.22L363.84,614.34L362.84,612.73L362.81,611.15L348.91,605.28L348.91,605.28L353.53,603.87L353.5,604.42L357.52,602.4L358.49,591.89L365.53,581.87L397.67,571.84L406.96,563.88L397.37,547.53L395.51,536.96L394.3,533.87L391.97,517.81L400.37,519.46L403.03,521.57L408.24,521.03L418.65,517.18L422.54,521.16L423.46,520.27L425.09,520.12L423.95,517.94L423.93,513.67L421.8,510.06L421.17,504.24L417.19,500.35L413.25,497.71L413,496.44L414.23,492.85L410.93,491.81L412.11,489.01L410.67,481.55L407.78,480.02L403.4,479.43L400.75,478.36L399.65,476.96L398.58,471.3z\" \/>\n                                        <\/a>\n                                    <\/g>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <script> document.addEventListener('DOMContentLoaded', () => {\n                                const compSection = document.getElementById('comparison'); const compCards = document.querySelectorAll('.yc-comp-card'); const compItems = document.querySelectorAll('.yc-comp-item'); const compObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { compCards.forEach((card, i) => { setTimeout(() => card.classList.add('is-visible'), i * 150); }); compItems.forEach((item, i) => { const delay = 400 + (i % 4) * 100; setTimeout(() => item.classList.add('is-visible'), delay); }); compObserver.unobserve(entry.target); } }); }, { threshold: 0.1 }); if (compSection) compObserver.observe(compSection); const allItems = Array.from(document.querySelectorAll('.yc-comp-item')); allItems.forEach(item => { item.addEventListener('mouseenter', () => { const rowId = item.getAttribute('data-row'); item.classList.add('is-hovered'); allItems.forEach(other => { if (other !== item && other.getAttribute('data-row') === rowId) { other.classList.add('is-dimmed'); } }); }); item.addEventListener('mouseleave', () => { item.classList.remove('is-hovered'); allItems.forEach(other => other.classList.remove('is-dimmed')); }); });\n\n                                \/\/ Map Tooltip Logic\n                                const mapLinks = document.querySelectorAll('.Map-link');\n                                const tooltip = document.createElement('div');\n                                tooltip.id = 'yc-map-tooltip';\n                                document.body.appendChild(tooltip);\n\n                                mapLinks.forEach(link => {\n                                    link.addEventListener('mouseenter', (e) => {\n                                        const title = link.querySelector('title').textContent;\n                                        const isLinked = link.hasAttribute('xlink:href');\n                                        tooltip.textContent = title + (isLinked ? ' \u2794' : '');\n                                        tooltip.style.display = 'block';\n                                        tooltip.style.opacity = '0';\n                                        setTimeout(() => tooltip.style.opacity = '1', 10);\n                                    });\n\n                                    link.addEventListener('mousemove', (e) => {\n                                        tooltip.style.left = e.clientX + 'px';\n                                        tooltip.style.top = (e.clientY - 10) + 'px';\n                                    });\n\n                                    link.addEventListener('mouseleave', () => {\n                                        tooltip.style.opacity = '0';\n                                        setTimeout(() => {\n                                            if (tooltip.style.opacity === '0') tooltip.style.display = 'none';\n                                        }, 200);\n                                    });\n                                });\n                            }); <\/script>\n                    <\/div>\n                <\/section>\n                <style>\n                    :root {\n                        --bg-dark: #000000;\n                        --card-bg: #000000;\n                        --card-border: rgba(255, 255, 255, 0.08);\n                        --text-main: #ffffff;\n                        --text-muted: #94A3B8;\n                        --green: #2DBF3A;\n                        --green-glow: rgba(45, 191, 58, 0.4);\n                        --font-body: 'Inter', sans-serif;\n                        --font-head: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n                    }\n\n                    .yc-split-section {\n                        padding: 4rem 0 8rem;\n                        position: relative;\n                        z-index: 10;\n                    }\n\n                    .yc-split-section .yc-container {\n                        width: min(1280px, 92vw);\n                        max-width: 1280px;\n                        margin: 0 auto;\n                        padding: 0;\n                    }\n\n                    .yc-split-grid {\n                        display: grid;\n                        grid-template-columns: 1fr 1fr;\n                        gap: 4rem;\n                        position: relative;\n                    }\n\n                    .yc-split-left {\n                        display: flex;\n                        flex-direction: column;\n                        gap: 2rem;\n                        padding-bottom: 10vh;\n                    }\n\n                    .yc-step-card {\n                        background: var(--panel);\n                        border: 1px solid var(--panel-strong);\n                        border-left: 4px solid transparent;\n                        border-radius: 16px;\n                        padding: 2.5rem;\n                        opacity: 0.4;\n                        transition: all 0.3s ease;\n                        display: flex;\n                        flex-direction: column;\n                        align-items: flex-start;\n                        position: relative;\n                    }\n\n                    .yc-step-card.active,\n                    .yc-step-card:hover {\n                        opacity: 1;\n                        border-color: rgba(255, 255, 255, 0.15);\n                        border-left-color: var(--green);\n                        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n                    }\n\n                    .yc-step-number {\n                        font-family: var(--font-head);\n                        font-size: 1rem;\n                        font-weight: 700;\n                        color: var(--green);\n                        margin-bottom: 1rem;\n                        display: block;\n                    }\n\n                    .yc-step-title {\n                        font-size: 1.5rem;\n                        margin-bottom: 1rem;\n                        color: #fff;\n                        font-weight: 700;\n                        font-family: var(--font-head);\n                        line-height: 1.2;\n                    }\n\n                    .yc-step-content {\n                        font-size: 1rem;\n                        line-height: 1.6;\n                        color: var(--text-muted);\n                    }\n\n                    .yc-step-list {\n                        list-style: none;\n                        padding: 0;\n                        margin-top: 1.5rem;\n                        display: grid;\n                        grid-template-columns: 1fr 1fr;\n                        gap: 1rem 2rem;\n                    }\n\n                    .yc-step-list.single-col {\n                        grid-template-columns: 1fr;\n                    }\n\n                    .yc-step-list li {\n                        display: flex;\n                        align-items: center;\n                        gap: 0.75rem;\n                        font-size: 0.9rem;\n                        color: var(--text-muted);\n                    }\n\n                    .yc-step-list li::before {\n                        content: '';\n                        width: 6px;\n                        height: 6px;\n                        background-color: var(--green);\n                        border-radius: 50%;\n                        display: block;\n                        flex-shrink: 0;\n                    }\n\n                    .yc-split-right {\n                        position: sticky;\n                        top: 100px;\n                        height: 500px;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                    }\n\n                    .yc-visual-card {\n                        width: 100%;\n                        height: 100%;\n                        background: #000;\n                        border: 1px solid var(--card-border);\n                        border-radius: 24px;\n                        position: relative;\n                        overflow: hidden;\n                    }\n\n                    .yc-fixed-image {\n                        width: 100%;\n                        height: 100%;\n                        object-fit: cover;\n                        display: block;\n                    }\n\n                    @media (max-width: 900px) {\n                        .yc-split-grid {\n                            grid-template-columns: 1fr;\n                        }\n\n                        .yc-split-right {\n                            display: none;\n                        }\n\n                        .yc-step-card {\n                            opacity: 1;\n                            margin-bottom: 2rem;\n                        }\n\n                        .yc-step-list {\n                            grid-template-columns: 1fr;\n                        }\n                    }\n                <\/style>\n                <style>\n                    .yc-dashboard-section {\n                        --db-bg: #030e1a;\n                        --db-text-white: #ffffff;\n                        --db-text-gray: #9ca3af;\n                        --db-border: rgba(255, 255, 255, 0.1);\n                        --col-google: #0073e6;\n                        --col-linkedin: #5d9e5d;\n                        --col-bing: #cfa058;\n                        --col-facebook: #008080;\n                        width: 100%;\n                        max-width: 100%;\n                        margin: 0 auto;\n                        padding: 4rem 0;\n                        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n                        color: var(--db-text-white);\n                    }\n\n                    .yc-db-card {\n                        background: #1d1d1f;\n                        border: 1px solid rgba(255, 255, 255, 0.1);\n                        border-radius: 24px;\n                        padding: 3rem;\n                        margin-bottom: 2rem;\n                        position: relative;\n                        z-index: 2;\n                    }\n\n                    .yc-db-bar::after {\n                        content: \"\";\n                        position: absolute;\n                        top: 0;\n                        left: 0;\n                        right: 0;\n                        bottom: 0;\n                        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.1) 100%);\n                        pointer-events: none;\n                    }\n\n                    .yc-db-group-label {\n                        margin-top: 15px;\n                        font-size: 13px;\n                        color: var(--db-text-gray);\n                        border-top: 1px solid var(--db-border);\n                        width: 100%;\n                        text-align: center;\n                        padding-top: 10px;\n                        white-space: nowrap;\n                    }\n\n                    .yc-db-table-section {\n                        width: 100%;\n                        border-top: 1px solid var(--db-border);\n                    }\n\n                    .yc-db-table {\n                        width: 100%;\n                        border-collapse: collapse;\n                        font-size: 14px;\n                    }\n\n                    .yc-db-table th {\n                        color: var(--db-text-gray);\n                        font-weight: 500;\n                        padding: 15px 10px;\n                        text-align: center;\n                        border-bottom: 1px solid var(--db-border);\n                    }\n\n                    .yc-db-table td {\n                        padding: 15px 10px;\n                        text-align: center;\n                        border-bottom: 1px solid var(--db-border);\n                    }\n\n                    .yc-db-table th.th-left,\n                    .yc-db-table td.td-left {\n                        text-align: left;\n                    }\n\n                    .yc-db-table td.td-left {\n                        display: flex;\n                        align-items: center;\n                        gap: 10px;\n                    }\n\n                    .c-google {\n                        background-color: var(--col-google);\n                    }\n\n                    .c-linkedin {\n                        background-color: var(--col-linkedin);\n                    }\n\n                    .c-bing {\n                        background-color: var(--col-bing);\n                    }\n\n                    .c-facebook {\n                        background-color: var(--col-facebook);\n                    }\n\n                    .yc-db-mobile-cards {\n                        display: none;\n                        flex-direction: column;\n                        gap: 16px;\n                        margin-top: 20px;\n                    }\n\n                    .yc-mobile-card {\n                        background: #1d1d1f;\n                        border: 1px solid rgba(255, 255, 255, 0.1);\n                        border-radius: 12px;\n                        padding: 16px;\n                    }\n\n                    .yc-mobile-card-header {\n                        display: flex;\n                        align-items: center;\n                        gap: 10px;\n                        margin-bottom: 12px;\n                        padding-bottom: 12px;\n                        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n                    }\n\n                    .yc-mobile-card-title {\n                        font-weight: 700;\n                        color: #fff;\n                        font-size: 16px;\n                    }\n\n                    .yc-mobile-metric-row {\n                        display: flex;\n                        justify-content: space-between;\n                        margin-bottom: 8px;\n                        font-size: 14px;\n                        color: #b0b8c4;\n                    }\n\n                    .yc-mobile-metric-row strong {\n                        color: #fff;\n                    }\n\n                    .yc-mobile-metric-row.secondary {\n                        font-size: 13px;\n                        opacity: 0.9;\n                    }\n\n                    .yc-mobile-card-toggle {\n                        background: transparent !important;\n                        border: none !important;\n                        box-shadow: none !important;\n                        color: #2DBF3A;\n                        font-size: 14px;\n                        font-weight: 600;\n                        cursor: pointer;\n                        padding: 8px 0 0;\n                        width: 100%;\n                        text-align: left;\n                        margin-top: 8px;\n                    }\n\n                    .yc-mobile-card-toggle.active {\n                        color: #fff;\n                    }\n\n                    .yc-mobile-card-details {\n                        margin-top: 12px;\n                        padding-top: 12px;\n                        border-top: 1px dashed rgba(255, 255, 255, 0.1);\n                        animation: fadeIn 0.3s ease;\n                    }\n\n                    @media (max-width: 768px) {\n                        .yc-db-header h2 {\n                            font-size: 28px;\n                            line-height: 1.2;\n                        }\n\n                        .yc-db-card {\n                            padding: 1.5rem;\n                            overflow: hidden;\n                        }\n\n                        .yc-db-legend {\n                            flex-wrap: wrap;\n                            gap: 15px;\n                            margin-bottom: 2rem;\n                        }\n\n                        .yc-db-legend-item {\n                            font-size: 13px;\n                            width: 45%;\n                        }\n\n                        .yc-db-chart-section {\n                            overflow-x: auto;\n                            justify-content: flex-start;\n                            gap: 16px;\n                            padding-bottom: 20px;\n                            margin-left: -1.5rem;\n                            margin-right: -1.5rem;\n                            padding-left: 1.5rem;\n                            padding-right: 1.5rem;\n                            scroll-snap-type: x mandatory;\n                            -webkit-overflow-scrolling: touch;\n                        }\n\n                        .yc-db-chart-group {\n                            min-width: 85vw;\n                            scroll-snap-align: center;\n                            flex-shrink: 0;\n                        }\n\n                        .yc-db-bar-col {\n                            width: 22%;\n                        }\n\n                        .yc-db-bar-val {\n                            font-size: 10px;\n                            padding: 2px 3px;\n                        }\n\n                        .yc-db-table-section {\n                            display: none;\n                        }\n\n                        .yc-db-mobile-cards {\n                            display: flex;\n                        }\n                    }\n                <\/style>\n            <\/div>\n    <\/div>\n    <!-- Closing tags moved to bottom -->\n    <script> const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); } }); }, observerOptions); const cpSection = document.getElementById('cross-platform-section'); const cpContainer = document.querySelector('.yc-cp-container'); if (cpSection && cpContainer) { const cpObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { cpContainer.classList.add('active'); } else { cpContainer.classList.remove('active'); } }); }, { threshold: 0.2 }); cpObserver.observe(cpSection); } document.querySelectorAll('.yc-scroll-anim').forEach((el) => { observer.observe(el); }); const cards = document.querySelectorAll('.yc-service-card, .yc-card'); cards.forEach(card => { card.addEventListener('mousemove', (e) => { const rect = card.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; const centerX = rect.width \/ 2; const centerY = rect.height \/ 2; const rotateX = ((y - centerY) \/ centerY) * -5; const rotateY = ((x - centerX) \/ centerX) * 5; card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.02, 1.02, 1.02)`; card.classList.add('yc-tilt-active'); }); card.addEventListener('mouseleave', () => { card.style.transform = ''; card.classList.remove('yc-tilt-active'); }); }); function updateConnections() { const svg = document.getElementById('svg-layer'); if (!svg) return; const rectSvg = svg.getBoundingClientRect(); const isMobile = window.innerWidth <= 1000; const leftEl = document.getElementById('left-card'); const centerEl = document.getElementById('center-stack'); const c1 = document.getElementById('card-1'); const c2 = document.getElementById('card-2'); const c3 = document.getElementById('card-3'); const c4 = document.getElementById('card-4'); if (!leftEl || !centerEl) return; function getPt(el, loc) { const r = el.getBoundingClientRect(); const x = r.left - rectSvg.left; const y = r.top - rectSvg.top; if (loc === 'rc') return { x: x + r.width, y: y + r.height \/ 2 }; if (loc === 'lc') return { x: x, y: y + r.height \/ 2 }; if (loc === 'bc') return { x: x + r.width \/ 2, y: y + r.height }; if (loc === 'tc') return { x: x + r.width \/ 2, y: y }; if (loc === 'iso-left') return { x: x + 30, y: y + r.height \/ 2 + 20 }; if (loc === 'iso-right') return { x: x + r.width - 30, y: y + r.height \/ 2 + 10 }; return { x: 0, y: 0 }; } function setDualPath(idBase, idFlow, d) { const elBase = document.getElementById(idBase); const elFlow = document.getElementById(idFlow); if (elBase) elBase.setAttribute('d', d); if (elFlow) elFlow.setAttribute('d', d); } function createElbowPath(start, end, turnX) { const r = 15; let d = `M ${start.x},${start.y}`; if (Math.abs(start.y - end.y) < 2) { d += ` L ${end.x},${end.y}`; return d; } let tx = turnX || (start.x + (end.x - start.x) \/ 2); d += ` L ${tx - r},${start.y}`; const dirY = end.y > start.y ? 1 : -1; d += ` Q ${tx},${start.y} ${tx},${start.y + (r * dirY)}`; d += ` L ${tx},${end.y - (r * dirY)}`; d += ` Q ${tx},${end.y} ${tx + r},${end.y}`; d += ` L ${end.x},${end.y}`; return d; } if (!isMobile) { const pStart = getPt(leftEl, 'rc'); const pStackL = getPt(centerEl, 'iso-left'); const pStackR = getPt(centerEl, 'iso-right'); const dLeft = `M ${pStart.x},${pStart.y} L ${pStackL.x},${pStart.y}`; setDualPath('line-left-base', 'line-left-flow', dLeft); const busX = pStackR.x + 60; const updateRight = (baseId, flowId, el) => { const pEnd = getPt(el, 'lc'); const d = createElbowPath(pStackR, pEnd, busX); setDualPath(baseId, flowId, d); }; updateRight('line-r1-base', 'line-r1-flow', c1); updateRight('line-r2-base', 'line-r2-flow', c2); updateRight('line-r3-base', 'line-r3-flow', c3); updateRight('line-r4-base', 'line-r4-flow', c4); } else { const pL = getPt(leftEl, 'bc'); const pStackT = getPt(centerEl, 'tc'); const pStackB = getPt(centerEl, 'bc'); pStackT.y += 60; pStackB.y -= 25; const dLeft = `M ${pL.x},${pL.y} L ${pStackT.x},${pStackT.y}`; setDualPath('line-left-base', 'line-left-flow', dLeft); const busX = 20; const initialDrop = 50; const createMobileBusPath = (start, end, busX) => { const r = 15; let d = `M ${start.x},${start.y}`; d += ` L ${start.x},${start.y + initialDrop - r}`; d += ` Q ${start.x},${start.y + initialDrop} ${start.x - r},${start.y + initialDrop}`; d += ` L ${busX + r},${start.y + initialDrop}`; d += ` Q ${busX},${start.y + initialDrop} ${busX},${start.y + initialDrop + r}`; d += ` L ${busX},${end.y - r}`; d += ` Q ${busX},${end.y} ${busX + r},${end.y}`; d += ` L ${end.x},${end.y}`; return d; }; const updateRight = (baseId, flowId, el) => { const pEnd = getPt(el, 'lc'); const d = createMobileBusPath(pStackB, pEnd, busX); setDualPath(baseId, flowId, d); }; updateRight('line-r1-base', 'line-r1-flow', c1); updateRight('line-r2-base', 'line-r2-flow', c2); updateRight('line-r3-base', 'line-r3-flow', c3); updateRight('line-r4-base', 'line-r4-flow', c4); } } window.addEventListener('load', updateConnections); window.addEventListener('resize', updateConnections); window.addEventListener('scroll', updateConnections); updateConnections(); const caseCards = document.querySelectorAll('.yc-case-card'); let activeIndex = 1; function updateCarousel() { caseCards.forEach((card, i) => { card.classList.remove('pos-left', 'pos-center', 'pos-right'); if (i === activeIndex) { card.classList.add('pos-center'); } else if (i === (activeIndex + 1) % 3) { card.classList.add('pos-right'); } else { card.classList.add('pos-left'); } }); } let isLocked = false; caseCards.forEach((card, index) => { card.addEventListener('mouseenter', () => { if (isLocked) return; if (activeIndex !== index) { activeIndex = index; updateCarousel(); isLocked = true; setTimeout(() => { isLocked = false; }, 800); } }); }); updateCarousel(); (function () { const canvas = document.getElementById('infinity-bg'); if (!canvas) return; const ctx = canvas.getContext('2d'); let width, height; let particles = []; let ambientStars = []; const PARTICLE_COUNT = 80; const SPEED_BASE = 0.1; const CONNECT_DIST = 100; const FADE_START_SCROLL = 100; function resize() { width = window.innerWidth; height = window.innerHeight; canvas.width = width; canvas.height = height; } window.addEventListener('resize', resize); resize(); class Particle { constructor() { this.init(true); } init(randomSpawn = false) { const angle = Math.random() * Math.PI * 2; this.x = Math.random() * width; this.y = Math.random() * height; this.vx = (Math.random() - 0.5) * SPEED_BASE; this.vy = (Math.random() - 0.5) * SPEED_BASE; this.size = Math.random() * 1.5 + 0.5; this.alpha = Math.random() * 0.1 + 0.05; this.t = Math.random() * Math.PI * 2; } update() { this.x += this.vx; this.y += this.vy; const a = Math.min(width, height) * 0.4; const centerX = width \/ 2; const centerY = height \/ 2; let t = this.t; const denom = 1 + Math.sin(t) * Math.sin(t); const targetX = centerX + (a * Math.cos(t)) \/ denom; const targetY = centerY + (a * Math.sin(t) * Math.cos(t)) \/ denom; const dx = targetX - this.x; const dy = targetY - this.y; this.vx += dx * 0.00005; this.vy += dy * 0.00005; this.vx *= 0.99; this.vy *= 0.99; this.t += 0.0005; if (this.x < -50 || this.x > width + 50 || this.y < -50 || this.y > height + 50) { this.init(); } } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fillStyle = `rgba(255, 255, 255, ${this.alpha})`; ctx.fill(); } } class AmbientInfinityStar { constructor() { this.reset(); } reset() { this.x = Math.random() * width; this.y = Math.random() * height; this.size = Math.random() * 1.0 + 0.5; this.opacity = Math.random() * 0.3 + 0.05; this.speedX = (Math.random() - 0.5) * 0.1; this.speedY = (Math.random() - 0.5) * 0.3; this.twinkleSpeed = 0.005 + Math.random() * 0.005; this.twinkleDir = Math.random() > 0.5 ? 1 : -1; } update() { this.x += this.speedX; this.y += this.speedY; this.opacity += this.twinkleSpeed * this.twinkleDir; if (this.opacity > 0.9 || this.opacity < 0.2) this.twinkleDir *= -1; if (this.x < 0) this.x = width; if (this.x > width) this.x = 0; if (this.y < 0) this.y = height; if (this.y > height) this.y = 0; } draw() { ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } for (let i = 0; i < PARTICLE_COUNT; i++) { particles.push(new Particle()); } for (let i = 0; i < 200; i++) { ambientStars.push(new AmbientInfinityStar()); } function animate() { ctx.clearRect(0, 0, width, height); ambientStars.forEach(s => { s.update(); s.draw(); }); ctx.beginPath(); for (let i = 0; i < particles.length; i++) { const p1 = particles[i]; for (let j = i + 1; j < particles.length; j++) { const p2 = particles[j]; const dist = Math.hypot(p1.x - p2.x, p1.y - p2.y); if (dist < CONNECT_DIST) { const opacity = (1 - dist \/ CONNECT_DIST) * 0.08; ctx.moveTo(p1.x, p1.y); ctx.lineTo(p2.x, p2.y); ctx.strokeStyle = `rgba(255, 255, 255, ${opacity})`; ctx.stroke(); ctx.beginPath(); } } } for (let p of particles) { p.update(); p.draw(); } requestAnimationFrame(animate); } animate(); canvas.style.opacity = '1'; })(); (function () { const serviceCards = document.querySelectorAll('.yc-service-card-new'); const sliderTrack = document.getElementById('services-track'); if (!serviceCards.length || !sliderTrack) return; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const index = Array.from(serviceCards).indexOf(entry.target); if (index !== -1) { sliderTrack.style.transform = `translateX(-${index * 100}%)`; } } }); }, { threshold: 0.5, rootMargin: \"-10% 0px -10% 0px\" }); serviceCards.forEach(card => observer.observe(card)); })(); (function () { const section = document.getElementById('talk-expert'); const canvas = document.getElementById('mobius-canvas'); const cursorValues = { x: 0, y: 0, targetX: 0, targetY: 0 }; const starCursor = document.getElementById('north-star-cursor'); if (!section || !canvas || !starCursor) return; const ctx = canvas.getContext('2d'); let width, height; let points = []; let scrollY = 0; let ambientStars = []; const RADIUS = 200; const TUBE_RADIUS = 60; const SEGMENTS = 100; const TUBE_SEGMENTS = 10; function resize() { width = section.offsetWidth; height = section.offsetHeight; canvas.width = width; canvas.height = height; if (width < 600) { } } window.addEventListener('resize', resize); resize(); class MoebiusStar { constructor() { this.reset(); } reset() { this.x = Math.random() * canvas.width; this.y = Math.random() * canvas.height; this.size = Math.random() * 2.5 + 0.5; this.opacity = Math.random() * 0.6 + 0.3; this.speedX = (Math.random() - 0.5) * 0.2; this.speedY = (Math.random() - 0.5) * 3.0; this.twinkleSpeed = 0.005 + Math.random() * 0.01; this.twinkleDir = Math.random() > 0.5 ? 1 : -1; } update() { this.x += this.speedX; this.y += this.speedY; this.opacity += this.twinkleSpeed * this.twinkleDir; if (this.opacity > 0.6 || this.opacity < 0.1) this.twinkleDir *= -1; if (this.x < 0) this.x = canvas.width; if (this.x > canvas.width) this.x = 0; if (this.y < 0) this.y = canvas.height; if (this.y > canvas.height) this.y = 0; } draw() { ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } function initStars() { ambientStars = []; const density = Math.floor((canvas.width * canvas.height) \/ 5000); const count = Math.max(300, density); for (let i = 0; i < count; i++) ambientStars.push(new MoebiusStar()); } initStars(); window.addEventListener('resize', initStars); function initPoints() { points = []; for (let i = 0; i < SEGMENTS; i++) { let u = (i \/ SEGMENTS) * Math.PI * 2; for (let j = 0; j < TUBE_SEGMENTS; j++) { let v = (j \/ TUBE_SEGMENTS - 0.5) * TUBE_RADIUS; let px = RADIUS * Math.cos(u); let py = RADIUS * Math.sin(2 * u) * 0.5; let pz = 0; let x = (RADIUS + v) * Math.cos(u); let y = (RADIUS + v) * Math.sin(2 * u) * 0.5; let z = v; points.push({ x, y, z, ox: x, oy: y, oz: z }); } } } initPoints(); function animate() { ctx.clearRect(0, 0, width, height); const cx = width \/ 2; const cy = height \/ 2; const time = Date.now() * 0.0005; const scrollRot = window.scrollY * 0.002; const mx = (cursorValues.x - cx) \/ cx || 0; const my = (cursorValues.y - cy) \/ cy || 0; const rotX = scrollRot * 0.5 + (my * 0.3); const rotY = time + scrollRot + (mx * 0.3); ambientStars.forEach(s => { s.update(); s.draw(); }); ctx.fillStyle = 'rgba(45, 191, 58, 0.6)'; points.forEach(p => { let x1 = p.ox * Math.cos(rotY) - p.oz * Math.sin(rotY); let z1 = p.ox * Math.sin(rotY) + p.oz * Math.cos(rotY); let y2 = p.oy * Math.cos(rotX) - z1 * Math.sin(rotX); let z2 = p.oy * Math.sin(rotX) + z1 * Math.cos(rotX); let scale = 400 \/ (400 + z2); let x2D = x1 * scale + cx; let y2D = y2 * scale + cy; let size = Math.max(0.5, scale * 2); ctx.beginPath(); ctx.arc(x2D, y2D, size, 0, Math.PI * 2); ctx.fill(); }); cursorValues.x += (cursorValues.targetX - cursorValues.x) * 0.1; cursorValues.y += (cursorValues.targetY - cursorValues.y) * 0.1; starCursor.style.left = cursorValues.x + 'px'; starCursor.style.top = cursorValues.y + 'px'; requestAnimationFrame(animate); } animate(); section.addEventListener('mousemove', (e) => { const rect = section.getBoundingClientRect(); cursorValues.targetX = e.clientX - rect.left; cursorValues.targetY = e.clientY - rect.top; }); })(); <\/script>\n    <script> document.addEventListener('DOMContentLoaded', () => { const rows = document.querySelectorAll('.framework-row'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); rows.forEach(row => { observer.observe(row); }); }); <\/script>\n    <script src=\"https:\/\/unpkg.com\/gsap@3\/dist\/gsap.min.js\"><\/script>\n    <script src=\"https:\/\/unpkg.com\/gsap@3\/dist\/ScrollTrigger.min.js\"><\/script>\n    <script> (() => { gsap.registerPlugin(ScrollTrigger); const container = document.getElementById('ycGrowthStack'); if (!container) return; const cards = Array.from(container.children); const section = document.getElementById('growthSection'); const cardDistance = 25; const verticalDistance = 25; let lastActiveIndex = -1; function getSlot(i) { return { x: i * cardDistance, y: -i * verticalDistance, z: -i * cardDistance * 1.5, zIndex: cards.length - i, opacity: 1 }; } function updateActive(index) { cards.forEach((c, i) => { if (i === index) c.classList.add('active'); else c.classList.remove('active'); }); } function init() { updateActive(0); cards.forEach((card, i) => { const s = getSlot(i); gsap.set(card, { x: s.x, y: s.y, z: s.z, zIndex: s.zIndex, xPercent: -50, yPercent: -50, transformOrigin: '50% 50%' }); }); const tl = gsap.timeline({ scrollTrigger: { trigger: section, start: \"top top\", end: \"+=300%\", pin: true, scrub: 0.5, anticipatePin: 1, onUpdate: (self) => { const totalSteps = cards.length - 1; const activeIndex = Math.min(Math.round(self.progress * totalSteps), cards.length - 1); if (activeIndex !== lastActiveIndex) { updateActive(activeIndex); lastActiveIndex = activeIndex; } } } }); cards.forEach((card, i) => { if (i === cards.length - 1) return; tl.to(card, { yPercent: 200, opacity: 0, rotationX: -10, duration: 1, ease: \"power2.inOut\" }, \"step\" + i); for (let j = i + 1; j < cards.length; j++) { const nextCard = cards[j]; const currentRelIndex = j - i; const targetRelIndex = currentRelIndex - 1; const targetSlot = getSlot(targetRelIndex); tl.to(nextCard, { x: targetSlot.x, y: targetSlot.y, z: targetSlot.z, zIndex: targetSlot.zIndex, duration: 1, ease: \"power2.inOut\" }, \"step\" + i); } }); } init(); ScrollTrigger.refresh(); })(); <\/script>\n    <script> document.addEventListener(\"DOMContentLoaded\", () => { const triggers = document.querySelectorAll('.yc-accordion-trigger'); triggers.forEach(trigger => { trigger.addEventListener('click', () => { const item = trigger.closest('.yc-accordion-item'); const content = item.querySelector('.yc-accordion-content'); const icon = item.querySelector('.yc-accordion-icon'); const isOpen = item.classList.contains('active'); if (!isOpen) { document.querySelectorAll('.yc-accordion-item.active').forEach(openItem => { if (openItem !== item) { openItem.classList.remove('active'); const openContent = openItem.querySelector('.yc-accordion-content'); const openIcon = openItem.querySelector('.yc-accordion-icon'); gsap.to(openContent, { height: 0, duration: 0.4, ease: \"power2.out\" }); gsap.to(openIcon, { rotation: 0, background: \"rgba(124, 230, 138, 0.1)\", color: \"#7ce68a\", duration: 0.4 }); } }); } if (isOpen) { item.classList.remove('active'); gsap.to(content, { height: 0, duration: 0.4, ease: \"power2.out\" }); gsap.to(icon, { rotation: 0, background: \"rgba(124, 230, 138, 0.1)\", color: \"#7ce68a\", duration: 0.4 }); } else { item.classList.add('active'); gsap.to(content, { height: \"auto\", duration: 0.4, ease: \"power2.out\" }); gsap.to(icon, { rotation: 45, background: \"#7ce68a\", color: \"#000\", duration: 0.4 }); } }); }); }); <\/script>\n    <script src=\"https:\/\/unpkg.com\/gsap@3\/dist\/gsap.min.js\"><\/script>\n    <script src=\"https:\/\/unpkg.com\/gsap@3\/dist\/ScrollTrigger.min.js\"><\/script>\n    <script> <\/script>\n    <script> (function () { const canvas = document.getElementById('infinity-bg'); if (!canvas) return; const ctx = canvas.getContext('2d'); let width, height; let particles = []; let ambientStars = []; const PARTICLE_COUNT = 80; const SPEED_BASE = 0.1; const CONNECT_DIST = 100; function resize() { width = window.innerWidth; height = window.innerHeight; canvas.width = width; canvas.height = height; } window.addEventListener('resize', resize); resize(); class Particle { constructor() { this.init(true); } init(randomSpawn = false) { const angle = Math.random() * Math.PI * 2; this.x = Math.random() * width; this.y = Math.random() * height; this.vx = (Math.random() - 0.5) * SPEED_BASE; this.vy = (Math.random() - 0.5) * SPEED_BASE; this.size = Math.random() * 1.5 + 0.5; this.alpha = Math.random() * 0.1 + 0.05; this.t = Math.random() * Math.PI * 2; } update() { this.x += this.vx; this.y += this.vy; const a = Math.min(width, height) * 0.4; const centerX = width \/ 2; const centerY = height \/ 2; let t = this.t; const denom = 1 + Math.sin(t) * Math.sin(t); const targetX = centerX + (a * Math.cos(t)) \/ denom; const targetY = centerY + (a * Math.sin(t) * Math.cos(t)) \/ denom; const dx = targetX - this.x; const dy = targetY - this.y; this.vx += dx * 0.00005; this.vy += dy * 0.00005; this.vx *= 0.99; this.vy *= 0.99; this.t += 0.0005; if (this.x < -50 || this.x > width + 50 || this.y < -50 || this.y > height + 50) { this.init(); } } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fillStyle = `rgba(255, 255, 255, ${this.alpha})`; ctx.fill(); } } class AmbientInfinityStar { constructor() { this.reset(); } reset() { this.x = Math.random() * width; this.y = Math.random() * height; this.size = Math.random() * 1.0 + 0.5; this.opacity = Math.random() * 0.3 + 0.05; this.speedX = (Math.random() - 0.5) * 0.1; this.speedY = (Math.random() - 0.5) * 0.3; this.twinkleSpeed = 0.005 + Math.random() * 0.005; this.twinkleDir = Math.random() > 0.5 ? 1 : -1; } update() { this.x += this.speedX; this.y += this.speedY; this.opacity += this.twinkleSpeed * this.twinkleDir; if (this.opacity > 0.9 || this.opacity < 0.2) this.twinkleDir *= -1; if (this.x < 0) this.x = width; if (this.x > width) this.x = 0; if (this.y < 0) this.y = height; if (this.y > height) this.y = 0; } draw() { ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } for (let i = 0; i < PARTICLE_COUNT; i++) { particles.push(new Particle()); } for (let i = 0; i < 200; i++) { ambientStars.push(new AmbientInfinityStar()); } function animate() { ctx.clearRect(0, 0, width, height); ambientStars.forEach(s => { s.update(); s.draw(); }); ctx.beginPath(); for (let i = 0; i < particles.length; i++) { const p1 = particles[i]; for (let j = i + 1; j < particles.length; j++) { const p2 = particles[j]; const dist = Math.hypot(p1.x - p2.x, p1.y - p2.y); if (dist < CONNECT_DIST) { const opacity = (1 - dist \/ CONNECT_DIST) * 0.08; ctx.moveTo(p1.x, p1.y); ctx.lineTo(p2.x, p2.y); ctx.strokeStyle = `rgba(255, 255, 255, ${opacity})`; ctx.stroke(); ctx.beginPath(); } } } for (let p of particles) { p.update(); p.draw(); } requestAnimationFrame(animate); } animate(); canvas.style.opacity = '1'; })(); <\/script>\n    <script> document.addEventListener('DOMContentLoaded', () => { const observerOptions = { root: null, rootMargin: '-40% 0px -40% 0px', threshold: 0 }; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { document.querySelectorAll('.yc-step-card').forEach(c => c.classList.remove('active')); entry.target.classList.add('active'); } }); }, observerOptions); document.querySelectorAll('.yc-step-card').forEach(card => { observer.observe(card); }); }); <\/script>\n    <script> (function () { const section = document.getElementById('talk-expert'); const canvas = document.getElementById('mobius-canvas'); const cursorValues = { x: 0, y: 0, targetX: 0, targetY: 0 }; const starCursor = document.getElementById('north-star-cursor'); if (!section || !canvas || !starCursor) return; const ctx = canvas.getContext('2d'); let width, height; let points = []; let scrollY = 0; let ambientStars = []; const RADIUS = 200; const TUBE_RADIUS = 60; const SEGMENTS = 100; const TUBE_SEGMENTS = 10; function resize() { width = section.offsetWidth; height = section.offsetHeight; canvas.width = width; canvas.height = height; if (width < 600) { } } window.addEventListener('resize', resize); resize(); class MoebiusStar { constructor() { this.reset(); } reset() { this.x = Math.random() * canvas.width; this.y = Math.random() * canvas.height; this.size = Math.random() * 2.5 + 0.5; this.opacity = Math.random() * 0.6 + 0.3; this.speedX = (Math.random() - 0.5) * 0.2; this.speedY = (Math.random() - 0.5) * 3.0; this.twinkleSpeed = 0.005 + Math.random() * 0.01; this.twinkleDir = Math.random() > 0.5 ? 1 : -1; } update() { this.x += this.speedX; this.y += this.speedY; this.opacity += this.twinkleSpeed * this.twinkleDir; if (this.opacity > 0.6 || this.opacity < 0.1) this.twinkleDir *= -1; if (this.x < 0) this.x = canvas.width; if (this.x > canvas.width) this.x = 0; if (this.y < 0) this.y = canvas.height; if (this.y > canvas.height) this.y = 0; } draw() { ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } function initStars() { ambientStars = []; const density = Math.floor((canvas.width * canvas.height) \/ 5000); const count = Math.max(300, density); for (let i = 0; i < count; i++) ambientStars.push(new MoebiusStar()); } initStars(); window.addEventListener('resize', initStars); function initPoints() { points = []; for (let i = 0; i < SEGMENTS; i++) { let u = (i \/ SEGMENTS) * Math.PI * 2; for (let j = 0; j < TUBE_SEGMENTS; j++) { let v = (j \/ TUBE_SEGMENTS - 0.5) * TUBE_RADIUS; let px = RADIUS * Math.cos(u); let py = RADIUS * Math.sin(2 * u) * 0.5; let pz = 0; let x = (RADIUS + v) * Math.cos(u); let y = (RADIUS + v) * Math.sin(2 * u) * 0.5; let z = v; points.push({ x, y, z, ox: x, oy: y, oz: z }); } } } initPoints(); function animate() { ctx.clearRect(0, 0, width, height); const cx = width \/ 2; const cy = height \/ 2; const time = Date.now() * 0.0005; const scrollRot = window.scrollY * 0.002; const mx = (cursorValues.x - cx) \/ cx || 0; const my = (cursorValues.y - cy) \/ cy || 0; const rotX = scrollRot * 0.5 + (my * 0.3); const rotY = time + scrollRot + (mx * 0.3); ambientStars.forEach(s => { s.update(); s.draw(); }); ctx.fillStyle = 'rgba(45, 191, 58, 0.6)'; points.forEach(p => { let x1 = p.ox * Math.cos(rotY) - p.oz * Math.sin(rotY); let z1 = p.ox * Math.sin(rotY) + p.oz * Math.cos(rotY); let y2 = p.oy * Math.cos(rotX) - z1 * Math.sin(rotX); let z2 = p.oy * Math.sin(rotX) + z1 * Math.cos(rotX); let scale = 400 \/ (400 + z2); let x2D = x1 * scale + cx; let y2D = y2 * scale + cy; let size = Math.max(0.5, scale * 2); ctx.beginPath(); ctx.arc(x2D, y2D, size, 0, Math.PI * 2); ctx.fill(); }); cursorValues.x += (cursorValues.targetX - cursorValues.x) * 0.1; cursorValues.y += (cursorValues.targetY - cursorValues.y) * 0.1; starCursor.style.left = cursorValues.x + 'px'; starCursor.style.top = cursorValues.y + 'px'; requestAnimationFrame(animate); } animate(); section.addEventListener('mousemove', (e) => { const rect = section.getBoundingClientRect(); cursorValues.targetX = e.clientX - rect.left; cursorValues.targetY = e.clientY - rect.top; }); })(); <\/script>\n    <script> <\/script>\n    <script> document.addEventListener('DOMContentLoaded', () => { const faqTriggers = document.querySelectorAll('.yc-accordion-trigger'); if (faqTriggers.length > 0) { faqTriggers.forEach(trigger => { trigger.addEventListener('click', () => { const item = trigger.closest('.yc-accordion-item'); if (item) { const isActive = item.classList.contains('active'); document.querySelectorAll('.yc-accordion-item.active').forEach(activeItem => { if (activeItem !== item) activeItem.classList.remove('active'); }); if (isActive) { item.classList.remove('active'); } else { item.classList.add('active'); } } }); }); } }); <\/script>\n\n    <style>\n        .yc-trust-wrapper {\n            padding: 74px 0 100px;\n            background-color: transparent;\n            position: relative;\n            z-index: 2;\n        }\n\n        .yc-trust-grid {\n            display: grid;\n            grid-template-columns: 0.95fr 1.25fr;\n            gap: 40px;\n            align-items: center;\n            width: 100%;\n        }\n\n        .yc-trust-content {\n            text-align: left;\n        }\n\n        .yc-trust-title {\n            font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            font-size: 48px;\n            font-weight: 700;\n            color: #ffffff;\n            margin-bottom: 24px;\n            line-height: 1.1;\n        }\n\n        .yc-trust-desc {\n            font-size: 16px !important;\n            color: #ffffff !important;\n            margin-bottom: 40px;\n            max-width: 500px;\n            line-height: 1.6;\n        }\n\n        .yc-trust-cta {\n            display: inline-flex;\n            align-items: center;\n            padding: 16px 32px;\n            background-color: #2DBF3A;\n            color: #ffffff;\n            font-weight: 700;\n            border-radius: 8px;\n            text-decoration: none;\n            transition: transform 0.2s, background-color 0.2s;\n            font-size: 16px;\n        }\n\n        .yc-trust-cta:hover {\n            transform: translateY(-2px);\n            background-color: #6edb7d;\n        }\n\n        .yc-trust-badges {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 24px;\n            width: 100%;\n        }\n\n        .yc-trust-badge-card {\n            background: #0b1219;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 20px;\n            padding: 36px;\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: flex-start;\n            gap: 24px;\n            height: auto;\n            min-height: 190px;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n        }\n\n        .yc-trust-badge-card:hover {\n            transform: translateY(-5px);\n            border-color: rgba(124, 230, 138, 0.3);\n        }\n\n        .yc-trust-badge-img {\n            width: 80px;\n            height: 80px;\n            object-fit: contain;\n            flex-shrink: 0;\n        }\n\n        .yc-trust-card-content {\n            display: flex;\n            flex-direction: column;\n            text-align: left;\n            gap: 4px;\n        }\n\n        .yc-trust-badge-title {\n            font-size: 18px;\n            color: #ffffff;\n            font-weight: 700;\n            margin: 0;\n            text-align: left;\n        }\n\n        .yc-trust-badge-desc {\n            font-size: 14px !important;\n            color: #ffffff !important;\n            line-height: 1.4;\n            margin: 0;\n        }\n\n        .hidden-mobile {\n            display: block;\n        }\n\n        @media (max-width: 900px) {\n            .yc-trust-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n                text-align: center;\n            }\n\n            .yc-trust-badges {\n                grid-template-columns: 1fr 1fr;\n                gap: 12px;\n            }\n\n            .yc-trust-content {\n                text-align: center;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .yc-trust-badge-card {\n                flex-direction: column;\n                text-align: center;\n                padding: 16px;\n                gap: 12px;\n            }\n\n            .yc-trust-card-content,\n            .yc-trust-badge-title {\n                text-align: center;\n            }\n        }\n    <\/style>\n    <section class=\"yc-section yc-trust-wrapper\" id=\"trust\">\n        <div class=\"yc-container\">\n            <div class=\"yc-trust-grid\">\n                <div class=\"yc-trust-content yc-highlight-container\">\n                    <h2 class=\"yc-trust-title\">Waarom kiezen voor YouthCommerce?<\/h2>\n                    <p class=\"yc-trust-desc\" style=\"margin-bottom: 2rem;\">Het internet kent geen grenzen, wij ook\n                        niet. Toch vinden veel ondernemers het fijn om te weten met wie ze zakendoen.<\/p>\n                    <ul\n                        style=\"list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1.5rem;\">\n                        <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                            <div\n                                style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                    stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                <\/svg>\n                            <\/div>\n                            <p style=\"margin: 0; color: #ffffff !important;\"><strong>Transparant:<\/strong> Je kijkt live\n                                mee in onze dashboards. Geen geheimen.<\/p>\n                        <\/li>\n                        <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                            <div\n                                style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                    stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                <\/svg>\n                            <\/div>\n                            <p style=\"margin: 0; color: #ffffff !important;\"><strong>Volledige service:<\/strong> Van\n                                SEO, SEA tot Social Media Adverteren.<\/p>\n                        <\/li>\n                        <li style=\"display: flex; gap: 1rem; align-items: flex-start;\">\n                            <div\n                                style=\"width: 24px; height: 24px; background: rgba(45, 191, 58, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 4px;\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\"\n                                    stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                <\/svg>\n                            <\/div>\n                            <p style=\"margin: 0; color: #ffffff !important;\"><strong>Persoonlijk:<\/strong> We komen\n                                graag met je in contact, of je nu in Groningen of Maastricht zit.<\/p>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"yc-trust-badges\">\n                    <div class=\"yc-trust-badge-card\"> <img decoding=\"async\"\n                            src=\"https:\/\/www.gstatic.com\/partners\/badge\/images\/2025\/PartnerBadgeClickable.svg\"\n                            alt=\"Google Partner\" class=\"yc-trust-badge-img\">\n                        <div class=\"yc-trust-card-content\">\n                            <div class=\"yc-trust-badge-title\">Google Partner<\/div>\n                            <p class=\"yc-trust-badge-desc\">YouthCommerce is gecertificeerd Google Partner.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"yc-trust-badge-card\"> <img decoding=\"async\"\n                            src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/12\/8.jpg?strip=all&w=1920\" alt=\"GDPR\"\n                            class=\"yc-trust-badge-img\" style=\"border-radius: 50%;\">\n                        <div class=\"yc-trust-card-content\">\n                            <div class=\"yc-trust-badge-title\">GDPR compliant<\/div>\n                            <p class=\"yc-trust-badge-desc\">Volledig conform de EU-privacywetgeving (AVG).<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"talk-expert\" class=\"yc-interactive-cta\" style=\"margin-top: 96px;\"> <canvas id=\"mobius-canvas\"><\/canvas>\n        <div class=\"yc-cta-content\">\n            <h2\n                style=\"margin-bottom: 2.5rem; font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif !important;\">\n                Structureel een volle agenda?<\/h2> <a href=\"https:\/\/youthcommerce.nl\/contact\" class=\"hero-cta-button\" style=\"pointer-events: auto; display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; padding: 1.125rem 2rem; border-radius: 8px; font-weight: 600; font-size: 1rem; font-family: &#039;SF Pro Text&#039;, -apple-system, BlinkMacSystemFont, sans-serif !important; background: #ffffff; color: #000000; transition: transform 0.2s ease;\">\n                Plan een strategiegesprek <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                    stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M5 12h14\"><\/path>\n                    <path d=\"M12 5l7 7-7 7\"><\/path>\n                <\/svg> <\/a>\n        <\/div>\n        <div id=\"north-star-cursor\" class=\"yc-star-cursor\"> <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M12 0L14.5 9.5L24 12L14.5 14.5L12 24L9.5 14.5L0 12L9.5 9.5L12 0Z\" \/>\n            <\/svg> <\/div>\n    <\/section>\n    <\/main>\n    <\/div>\n    <script> document.addEventListener('DOMContentLoaded', () => { const steps = document.querySelectorAll('.yc-step-card'); const observerOptions = { root: null, rootMargin: '-20% 0px -20% 0px', threshold: 0 }; if (steps.length > 0) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { steps.forEach(s => s.classList.remove('active')); entry.target.classList.add('active'); } }); }, observerOptions); steps.forEach(step => observer.observe(step)); } }); <\/script>\n    <script> document.addEventListener('DOMContentLoaded', () => { const containers = document.querySelectorAll('.yc-highlight-container'); if (containers.length > 0) { const processNode = (node) => { if (node.nodeType === 3) { const words = node.nodeValue.split(\/(\\s+)\/); const frag = document.createDocumentFragment(); words.forEach(word => { if (word.trim().length > 0) { const span = document.createElement('span'); span.textContent = word; span.className = 'yc-word-highlight'; frag.appendChild(span); } else { frag.appendChild(document.createTextNode(word)); } }); node.parentNode.replaceChild(frag, node); } else if (node.nodeType === 1 && node.tagName !== 'H2') { Array.from(node.childNodes).forEach(processNode); } }; containers.forEach(container => { container.querySelectorAll('p').forEach(p => { Array.from(p.childNodes).forEach(processNode); }); }); const updateHighlights = () => { const windowHeight = window.innerHeight; const triggerLine = windowHeight * 0.75; const allHighlights = document.querySelectorAll('.yc-word-highlight'); allHighlights.forEach(span => { const rect = span.getBoundingClientRect(); const effectiveTop = rect.top + (rect.left * 0.04); if (effectiveTop < triggerLine) { span.classList.add('active'); } else { span.classList.remove('active'); } }); }; window.addEventListener('scroll', updateHighlights); updateHighlights(); } const bentoCards = document.querySelectorAll(\".yc-bento-card\"); bentoCards.forEach(card => { card.addEventListener(\"mousemove\", (e) => { const rect = card.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; card.style.setProperty(\"--mouse-x\", `${x}px`); card.style.setProperty(\"--mouse-y\", `${y}px`); }); }); }); <\/script>\n    <script> (function () { const section = document.getElementById('talk-expert'); const canvas = document.getElementById('mobius-canvas'); const cursorValues = { x: 0, y: 0, targetX: 0, targetY: 0 }; const starCursor = document.getElementById('north-star-cursor'); if (!section || !canvas || !starCursor) return; const ctx = canvas.getContext('2d'); let width, height; let points = []; let scrollY = 0; let ambientStars = []; const RADIUS = 200; const TUBE_RADIUS = 60; const SEGMENTS = 100; const TUBE_SEGMENTS = 10; function resize() { width = section.offsetWidth; height = section.offsetHeight; canvas.width = width; canvas.height = height; if (width < 600) { } } window.addEventListener('resize', resize); resize(); class MoebiusStar { constructor() { this.reset(); } reset() { this.x = Math.random() * canvas.width; this.y = Math.random() * canvas.height; this.size = Math.random() * 2.5 + 0.5; this.opacity = Math.random() * 0.6 + 0.3; this.speedX = (Math.random() - 0.5) * 0.2; this.speedY = (Math.random() - 0.5) * 3.0; this.twinkleSpeed = 0.005 + Math.random() * 0.01; this.twinkleDir = Math.random() > 0.5 ? 1 : -1; } update() { this.x += this.speedX; this.y += this.speedY; this.opacity += this.twinkleSpeed * this.twinkleDir; if (this.opacity > 0.6 || this.opacity < 0.1) this.twinkleDir *= -1; if (this.x < 0) this.x = canvas.width; if (this.x > canvas.width) this.x = 0; if (this.y < 0) this.y = canvas.height; if (this.y > canvas.height) this.y = 0; } draw() { ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } function initStars() { ambientStars = []; const density = Math.floor((canvas.width * canvas.height) \/ 5000); const count = Math.max(300, density); for (let i = 0; i < count; i++) ambientStars.push(new MoebiusStar()); } initStars(); window.addEventListener('resize', initStars); function initPoints() { points = []; for (let i = 0; i < SEGMENTS; i++) { let u = (i \/ SEGMENTS) * Math.PI * 2; for (let j = 0; j < TUBE_SEGMENTS; j++) { let v = (j \/ TUBE_SEGMENTS - 0.5) * TUBE_RADIUS; let px = RADIUS * Math.cos(u); let py = RADIUS * Math.sin(2 * u) * 0.5; let pz = 0; let x = (RADIUS + v) * Math.cos(u); let y = (RADIUS + v) * Math.sin(2 * u) * 0.5; let z = v; points.push({ x, y, z, ox: x, oy: y, oz: z }); } } } initPoints(); function animate() { ctx.clearRect(0, 0, width, height); const cx = width \/ 2; const cy = height \/ 2; const time = Date.now() * 0.0005; const scrollRot = window.scrollY * 0.002; const mx = (cursorValues.x - cx) \/ cx || 0; const my = (cursorValues.y - cy) \/ cy || 0; const rotX = scrollRot * 0.5 + (my * 0.3); const rotY = time + scrollRot + (mx * 0.3); ambientStars.forEach(s => { s.update(); s.draw(); }); ctx.fillStyle = 'rgba(45, 191, 58, 0.6)'; points.forEach(p => { let x1 = p.ox * Math.cos(rotY) - p.oz * Math.sin(rotY); let z1 = p.ox * Math.sin(rotY) + p.oz * Math.cos(rotY); let y2 = p.oy * Math.cos(rotX) - z1 * Math.sin(rotX); let z2 = p.oy * Math.sin(rotX) + z1 * Math.cos(rotX); let scale = 400 \/ (400 + z2); let x2D = x1 * scale + cx; let y2D = y2 * scale + cy; let size = Math.max(0.5, scale * 2); ctx.beginPath(); ctx.arc(x2D, y2D, size, 0, Math.PI * 2); ctx.fill(); }); cursorValues.x += (cursorValues.targetX - cursorValues.x) * 0.1; cursorValues.y += (cursorValues.targetY - cursorValues.y) * 0.1; starCursor.style.left = cursorValues.x + 'px'; starCursor.style.top = cursorValues.y + 'px'; requestAnimationFrame(animate); } animate(); section.addEventListener('mousemove', (e) => { const rect = section.getBoundingClientRect(); cursorValues.targetX = e.clientX - rect.left; cursorValues.targetY = e.clientY - rect.top; }); })(); <\/script>\n\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Internet Marketing Bureau met landelijke dekking Zoek je een groei partner die niet alleen de techniek van internet marketing snapt, maar ook begrijpt wat er speelt in jouw regio? Bij YouthCommerce combineren we landelijke expertise met een lokale aanpak. Wij helpen ambitieuze bedrijven door heel Nederland om hun digitale zichtbaarheid te vergroten, meer leads te [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":11213,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9580","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages\/9580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/comments?post=9580"}],"version-history":[{"count":33,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages\/9580\/revisions"}],"predecessor-version":[{"id":13705,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages\/9580\/revisions\/13705"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/media\/11213"}],"wp:attachment":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/media?parent=9580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}