{"id":9966,"date":"2025-07-20T12:52:27","date_gmt":"2025-07-20T12:52:27","guid":{"rendered":"https:\/\/youthcommerce.nl\/?page_id=9966"},"modified":"2026-07-23T20:00:48","modified_gmt":"2026-07-23T20:00:48","slug":"thank-you","status":"publish","type":"page","link":"https:\/\/youthcommerce.nl\/en\/bedankt\/","title":{"rendered":"Thank you"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"9966\" class=\"elementor elementor-9966\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7300eb9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7300eb9\" data-element_type=\"section\" data-e-type=\"section\" data-settings='{\"background_background\":\"classic\"}'>\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-6bb8362\" data-id=\"6bb8362\" 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-a6a38ce elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a6a38ce\" 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\n\n\n\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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;600;700&amp;family=IBM+Plex+Sans:wght@300;400;500&amp;family=Lato:wght@400;700&amp;display=swap\" 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            --green: #2DBF3A;\n            --orange: #FEAA47;\n            --yc-green: #2DBF3A;\n            --yc-orange: #FEAA47;\n            --dropdown-bg: #1d1d1f;\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            .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            line-height: 1.65;\n            color: var(--muted);\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\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-team-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-team-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-team-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: '&#9679;';\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: '&#8212;';\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: '&#10003;';\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            width: auto;\n        }\n\n        .hero-trust-badges img:first-child {\n            width: 121.55px;\n            height: 60.61px;\n            justify-self: end;\n        }\n\n        .hero-trust-badges img:nth-child(2) {\n            width: 83.43px;\n            height: 83.43px;\n            justify-self: center;\n        }\n\n        .hero-trust-badges img:last-child {\n            width: 121.55px;\n            height: 60.61px;\n            justify-self: start;\n        }\n\n        .hero-trust-badges img: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            height: 90vh;\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-team-section {\n            height: 150vh;\n            position: relative;\n            background: inherit;\n        }\n\n        .yc-team-sticky-wrapper {\n            position: sticky;\n            top: 0;\n            height: 100vh;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n\n        .yc-team-intro {\n            position: relative;\n            width: 100%;\n            padding: 0 5%;\n            display: grid;\n            grid-template-columns: 1.2fr 0.8fr;\n            gap: 4rem;\n            z-index: 20;\n            pointer-events: none;\n            margin-bottom: 4rem;\n        }\n\n        .yc-team-tag {\n            grid-column: 1 \/ -1;\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-size: 0.9rem;\n            font-weight: 600;\n            margin-bottom: 1rem;\n            color: #fff;\n        }\n\n        .yc-team-tag::before {\n            content: '';\n            width: 8px;\n            height: 8px;\n            background: var(--green);\n            border-radius: 50%;\n        }\n\n        .yc-team-heading {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            font-size: 4rem;\n            line-height: 1;\n            font-weight: 700;\n            color: #fff;\n            margin: 0;\n        }\n\n        .yc-team-heading em {\n            font-style: italic;\n            font-weight: 400;\n        }\n\n        .yc-team-desc {\n            align-self: end;\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #ccc;\n            max-width: 40ch;\n        }\n\n        .yc-team-stack {\n            position: relative;\n            width: 300px;\n            height: 400px;\n            flex-shrink: 0;\n        }\n\n        .yc-team-card {\n            position: absolute;\n            top: 0;\n            left: 50%;\n            width: 100%;\n            height: 100%;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n            transform-origin: bottom center;\n            transform: translate(-50%, 0);\n            transition: transform 0.1s linear;\n            will-change: transform;\n        }\n\n        .yc-team-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .yc-team-info {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            padding: 1.5rem;\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);\n            color: #fff;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            font-size: 1.5rem;\n            font-weight: 700;\n            text-align: center;\n        }\n\n        .yc-team-logo-card {\n            background: #1d1d1f;\n            z-index: 50;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid #222;\n        }\n\n        #card-owen {\n            z-index: 10;\n        }\n\n        #card-william {\n            z-index: 1;\n        }\n\n        #card-tygo {\n            z-index: 1;\n        }\n\n        @media (max-width:768px) {\n            .yc-team-section {\n                height: auto;\n                padding-bottom: 50px;\n            }\n\n            .yc-team-sticky-wrapper {\n                position: relative;\n                top: auto;\n                height: auto;\n                padding: 0;\n                display: block;\n            }\n\n            .yc-team-stack {\n                width: 100%;\n                height: auto;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                gap: 24px;\n                overflow: visible;\n                padding: 0;\n                transform: none;\n                margin-top: 2rem;\n            }\n\n            .yc-team-card {\n                position: relative;\n                width: 65%;\n                max-width: 240px;\n                height: 280px;\n                flex-shrink: 0;\n                transform: none !important;\n                left: auto;\n                top: auto;\n                margin: 0;\n            }\n\n            #card-owen {\n                order: 1;\n            }\n\n            #card-william {\n                order: 2;\n            }\n\n            #card-tygo {\n                order: 3;\n            }\n\n            .yc-team-logo-card {\n                display: none !important;\n            }\n\n            .yc-team-title {\n                position: relative;\n                top: auto;\n                margin-bottom: 2rem;\n            }\n\n            .yc-team-intro {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n                position: relative;\n                top: 0;\n                text-align: left;\n            }\n\n            .yc-team-heading {\n                font-size: 2.5rem;\n            }\n\n            .yc-team-stack {\n                margin-top: 2rem;\n            }\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: #fff;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            letter-spacing: -0.02em;\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: \"\\2022\";\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-theme-a .yc-ab-fill,\n        .yc-ab-theme-a .yc-ab-progress-bar {\n            background-color: #84c98b;\n        }\n\n        .yc-ab-theme-b .yc-ab-fill,\n        .yc-ab-theme-b .yc-ab-progress-bar {\n            background-color: #f6ad55;\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 () {\n            const card = document.querySelector('.yc-db-card');\n            const container = document.querySelector('.yc-dashboard-section');\n            if (container) container.classList.add('yc-db-container');\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        card.classList.add('animate-in');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.3 });\n            if (card) observer.observe(card);\n            const rows = document.querySelectorAll('.yc-db-table tbody tr');\n            const cols = document.querySelectorAll('.yc-db-table thead th[data-step]');\n            const barsGoogle = document.querySelectorAll('.yc-db-bar.c-google');\n            const barsLinkedin = document.querySelectorAll('.yc-db-bar.c-linkedin');\n            const barsBing = document.querySelectorAll('.yc-db-bar.c-bing');\n            const barsFacebook = document.querySelectorAll('.yc-db-bar.c-facebook');\n            const chartGroups = document.querySelectorAll('.yc-db-chart-group');\n            function getBarsForChannel(channel) {\n                if (channel === 'google') return barsGoogle;\n                if (channel === 'linkedin') return barsLinkedin;\n                if (channel === 'bing') return barsBing;\n                if (channel === 'facebook') return barsFacebook;\n                return [];\n            }\n            function setHighlight(isActive) {\n                if (isActive) {\n                    container.classList.add('has-hover');\n                } else {\n                    container.classList.remove('has-hover');\n                    document.querySelectorAll('.is-highlighted').forEach(el => el.classList.remove('is-highlighted'));\n                }\n            }\n            rows.forEach(row => {\n                row.addEventListener('mouseenter', () => {\n                    const channel = row.getAttribute('data-channel');\n                    if (!channel) return;\n                    setHighlight(true);\n                    row.classList.add('is-highlighted');\n                    getBarsForChannel(channel).forEach(bar => bar.classList.add('is-highlighted'));\n                });\n                row.addEventListener('mouseleave', () => {\n                    setHighlight(false);\n                });\n            });\n            cols.forEach(col => {\n                col.addEventListener('mouseenter', () => {\n                    const step = col.getAttribute('data-step');\n                    if (!step) return;\n                    setHighlight(true);\n                    col.classList.add('is-highlighted');\n                    const groupIndex = parseInt(step) - 1;\n                    if (chartGroups[groupIndex]) {\n                        chartGroups[groupIndex].classList.add('is-highlighted');\n                    }\n                });\n                col.addEventListener('mouseleave', () => {\n                    setHighlight(false);\n                });\n            });\n        });<\/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: rgba(255, 255, 255, 0.6);\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-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    <\/style>\n\n\n\n    <div class=\"yc-dark\">\n\n        <canvas id=\"infinity-bg\"><\/canvas>\n        <main>\n            <section class=\"yc-section\" style=\"padding-top: 15vh; padding-bottom: 4rem; padding-left: 5%; padding-right: 5%; text-align: center; position: relative; z-index: 10;\">\n                <h1 style=\"font-family: 'SF Pro Text', sans-serif; font-size: 3.5rem; font-weight: 700; color: white; margin-bottom: 1rem;\">\n                    Bedankt<\/h1>\n                <p style=\"font-family: 'SF Pro Text', sans-serif; font-size: 1.25rem; font-weight: 400; color: white; margin-bottom: 3rem; max-width: 800px; margin-left: auto; margin-right: auto;\">\n                    Plan je groeigesprek in de agenda hieronder.<\/p>\n\n                <div class=\"yc-calendly-wrapper\" style=\"max-width: 1000px; margin: 0 auto; background: rgba(255,255,255,0.03); border-radius: 24px; padding: 4px; border: 1px solid rgba(255,255,255,0.1);\">\n                    <!-- Calendly inline widget begin -->\n                    <div class=\"calendly-inline-widget\" data-url=\"https:\/\/calendly.com\/youthcommerce\/meet\" style=\"min-width:320px;height:700px;\"><\/div>\n                    <script type=\"text\/javascript\" src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\"\n                        async><\/script>\n                    <!-- Calendly inline widget end -->\n                <\/div>\n            <\/section>\n            <style>\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-team-section {\n                    height: 150vh;\n                    position: relative;\n                    background: inherit;\n                }\n\n                .yc-team-sticky-wrapper {\n                    position: sticky;\n                    top: 0;\n                    height: 100vh;\n                    width: 100%;\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    justify-content: center;\n                    overflow: visible;\n                }\n\n                .yc-team-intro {\n                    position: relative;\n                    width: 100%;\n                    padding: 0 5%;\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    text-align: center;\n                    gap: 2rem;\n                    z-index: 20;\n                    pointer-events: none;\n                    margin-bottom: 4rem;\n                }\n\n                .yc-team-heading {\n                    font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n                    font-size: 4rem;\n                    line-height: 1;\n                    font-weight: 700;\n                    color: #fff;\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-team-heading em {\n                    font-style: italic;\n                    font-weight: 700;\n                }\n\n                .yc-team-desc {\n                    font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n                    font-size: 16px;\n                    line-height: 1.6;\n                    color: #ffffff;\n                    max-width: 800px;\n                }\n\n                .yc-team-stack {\n                    position: relative;\n                    width: 300px;\n                    height: 400px;\n                    flex-shrink: 0;\n                }\n\n                .yc-team-card {\n                    position: absolute;\n                    top: 0;\n                    left: 50%;\n                    width: 100%;\n                    height: 100%;\n                    border-radius: 24px;\n                    overflow: hidden;\n                    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n                    transform-origin: bottom center;\n                    transform: translate(-50%, 0);\n                    transition: transform 0.1s linear;\n                    will-change: transform;\n                }\n\n                .yc-team-card img {\n                    width: 100%;\n                    height: 100%;\n                    object-fit: cover;\n                }\n\n                .yc-team-info {\n                    position: absolute;\n                    bottom: 0;\n                    left: 0;\n                    width: 100%;\n                    padding: 1.5rem;\n                    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);\n                    color: #fff;\n                    font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n                    font-size: 1.5rem;\n                    font-weight: 700;\n                    text-align: center;\n                }\n\n                .yc-team-card.yc-allow-flip {\n                    overflow: visible !important;\n                    perspective: 1000px;\n                    box-shadow: none !important;\n                    background: transparent !important;\n                }\n\n                .yc-team-card-inner {\n                    position: relative;\n                    width: 100%;\n                    height: 100%;\n                    text-align: center;\n                    transition: transform 0.8s;\n                    transform-style: preserve-3d;\n                    border-radius: 24px;\n                    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n                }\n\n                .yc-team-card.yc-allow-flip.is-visible:hover .yc-team-card-inner {\n                    transform: rotateY(180deg);\n                }\n\n                .yc-team-card-front,\n                .yc-team-card-back {\n                    position: absolute;\n                    width: 100%;\n                    height: 100%;\n                    -webkit-backface-visibility: hidden;\n                    backface-visibility: hidden;\n                    border-radius: 24px;\n                    overflow: hidden;\n                    top: 0;\n                    left: 0;\n                }\n\n                .yc-team-card-front {\n                    background-color: transparent;\n                    z-index: 2;\n                }\n\n                .yc-team-card-back {\n                    background-color: #111;\n                    color: #fff;\n                    transform: rotateY(180deg);\n                    padding: 2rem;\n                    display: flex;\n                    flex-direction: column;\n                    justify-content: center;\n                    align-items: flex-start;\n                    border: 1px solid rgba(255, 255, 255, 0.1);\n                    box-sizing: border-box;\n                    z-index: 1;\n                }\n\n                .yc-team-desc-name {\n                    font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n                    font-size: 1.5rem;\n                    font-weight: 700;\n                    margin-bottom: 0.5rem;\n                    color: #fff;\n                }\n\n                .yc-team-desc-text {\n                    font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n                    font-size: 14px;\n                    line-height: 1.6;\n                    color: #ffffff;\n                    text-align: left;\n                    margin-bottom: 2rem;\n                }\n\n                .yc-team-linkedin-link {\n                    position: absolute;\n                    bottom: 1.5rem;\n                    right: 1.5rem;\n                    display: inline-flex;\n                    align-items: center;\n                    justify-content: center;\n                    color: #fff;\n                    transition: color 0.2s, transform 0.2s;\n                }\n\n                .yc-team-linkedin-link:hover {\n                    color: #0077b5;\n                    transform: scale(1.1);\n                }\n\n                .yc-team-linkedin-link svg {\n                    width: 24px;\n                    height: 24px;\n                    fill: currentColor;\n                }\n\n                .yc-team-logo-card {\n                    background: #1d1d1f;\n                    z-index: 50;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    border: 1px solid #222;\n                }\n            <\/style>\n            <script>(function () {\n                    const canvas = document.getElementById('infinity-bg');\n                    if (!canvas) return;\n                    const ctx = canvas.getContext('2d');\n                    let width, height;\n                    function resize() {\n                        width = canvas.width = window.innerWidth;\n                        height = canvas.height = window.innerHeight;\n                    }\n                    window.addEventListener('resize', resize);\n                    resize();\n                    const particles = [];\n                    const particleCount = 60;\n                    class Particle {\n                        constructor() {\n                            this.reset();\n                        }\n                        reset() {\n                            this.x = Math.random() * width;\n                            this.y = Math.random() * height;\n                            this.vx = (Math.random() - 0.5) * 0.5;\n                            this.vy = (Math.random() - 0.5) * 0.5;\n                            this.size = Math.random() * 2 + 0.5;\n                            this.alpha = Math.random() * 0.5 + 0.1;\n                            this.color = '#2DBF3A';\n                        }\n                        update() {\n                            this.x += this.vx;\n                            this.y += this.vy;\n                            if (this.x < 0 || this.x > width || this.y < 0 || this.y > height) this.reset();\n                        }\n                        draw() {\n                            ctx.fillStyle = this.color;\n                            ctx.globalAlpha = this.alpha;\n                            ctx.beginPath();\n                            ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n                            ctx.fill();\n                        }\n                    }\n                    for (let i = 0; i < particleCount; i++) particles.push(new Particle());\n                    function animate() {\n                        ctx.clearRect(0, 0, width, height);\n                        particles.forEach(p => {\n                            p.update();\n                            p.draw();\n                        });\n                        requestAnimationFrame(animate);\n                    }\n                    animate();\n                })();<\/script>\n            <style>\n                #card-owen {\n                    z-index: 10;\n                }\n\n                #card-william {\n                    z-index: 1;\n                }\n\n                #card-tygo {\n                    z-index: 1;\n                }\n\n                @media (max-width:768px) {\n                    .yc-team-intro {\n                        text-align: center !important;\n                        align-items: center !important;\n                        margin-bottom: 2rem !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-section {\n                        height: auto;\n                        padding-bottom: 50px;\n                    }\n\n                    .yc-team-sticky-wrapper {\n                        position: relative;\n                        top: auto;\n                        height: auto;\n                        padding: 0;\n                        display: block;\n                    }\n\n                    .yc-team-stack {\n                        width: 100%;\n                        height: auto;\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        gap: 24px;\n                        overflow: visible;\n                        padding: 0;\n                        transform: none;\n                        margin-top: 2rem;\n                    }\n\n                    .yc-team-card {\n                        position: relative;\n                        width: 65%;\n                        max-width: 240px;\n                        height: 280px;\n                        flex-shrink: 0;\n                        transform: none !important;\n                        left: auto;\n                        top: auto;\n                        margin: 0;\n                    }\n\n                    #card-owen {\n                        order: 1;\n                    }\n\n                    #card-william {\n                        order: 2;\n                    }\n\n                    #card-tygo {\n                        order: 3;\n                    }\n\n                    .yc-team-logo-card {\n                        display: none !important;\n                    }\n\n                    .yc-team-title {\n                        position: relative;\n                        top: auto;\n                        margin-bottom: 2rem;\n                    }\n\n                    .yc-team-heading {\n                        font-size: 2.5rem;\n                    }\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: #fff;\n                    font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n                    letter-spacing: -0.02em;\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            <\/style>\n            <section id=\"team-reveal\" class=\"yc-team-section\">\n                <div class=\"yc-team-sticky-wrapper\">\n                    <div class=\"yc-team-intro\">\n                        <h2 class=\"yc-team-heading\">\n                            Jouw eigen <em>growth-department<\/em>\n                        <\/h2>\n                        <div class=\"yc-highlight-container\">\n                            <p class=\"yc-team-desc\">\n                                Je hoeft geen bureaus of freelancers meer aan te sturen. Wij functioneren als jouw\n                                externe, senior groei\n                                team. Strategisch. Uitvoerend. Resultaatverantwoordelijk.<br><br>\n                                Geen rapporten om de rapporten. Maar keuzes die je merkt in je agenda en cashflow.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                    <style>.yc-team-sticky-wrapper{overflow:visible !important}.yc-team-section.yc-has-extras .yc-team-sticky-wrapper{justify-content:flex-end !important;padding-bottom:4vh !important}.yc-team-card-back{justify-content:flex-start !important;overflow:hidden !important;gap:1rem}.yc-team-card-back .yc-team-desc-name{flex-shrink:0}.yc-team-card-back .yc-team-desc-text{font-size:13px !important;line-height:1.5;flex:1 1 auto;overflow-y:auto;min-height:0}.yc-team-card-back .yc-team-linkedin-link{flex-shrink:0;margin-top:auto;align-self:flex-start}.yc-team-extra-row{display:flex;flex-wrap:wrap;justify-content:center;row-gap:2rem;column-gap:3rem;margin:0 auto;padding:0 2rem 6rem;max-width:1200px;position:relative;z-index:5;background:inherit}.yc-team-extra-row .yc-team-card{position:relative !important;left:auto !important;top:auto !important;width:300px;height:400px;margin:0;flex:0 0 auto;transform:none !important;transform-origin:center center !important;perspective:1000px;overflow:visible !important}.yc-team-extra-row .yc-team-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.5)}.yc-team-extra-row .yc-team-card.yc-allow-flip:hover .yc-team-card-inner{transform:rotateY(180deg)}@media (max-width:768px){.yc-team-stack{height:auto !important}.yc-team-extra-row{gap:1rem;padding:0 1rem 3rem}.yc-team-stack .yc-team-card{height:400px !important}.yc-team-extra-row .yc-team-card{width:65%;max-width:240px;height:400px}}<\/style><script>(function(){function move(){var p=document.querySelector(\"[data-yc-extras]\");if(!p)return;var s=p.closest(\".yc-team-section\");if(s&&s.parentElement){s.parentElement.insertBefore(p,s.nextSibling);}p.style.display=\"\";}if(document.readyState!==\"loading\"){move();}else{document.addEventListener(\"DOMContentLoaded\",move);}})();<\/script><div class=\"yc-team-stack\"><div class=\"yc-team-card yc-team-logo-card\" id=\"card-logo\"><div class=\"yc-team-card-inner\"><div class=\"yc-team-card-front\" style=\"display: flex; align-items: center; justify-content: center; background: #1d1d1f;\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/07\/YouthCommerce-logo.png?strip=all&w=1920\" alt=\"YouthCommerce\" style=\"object-fit: contain; width: 60%; height: auto; display: block;\"\/><\/div><\/div><\/div><div class=\"yc-team-card yc-allow-flip\" id=\"card-william\"><div class=\"yc-team-card-inner\"><div class=\"yc-team-card-front\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/05\/William.png?strip=all&amp;wsr\" alt=\"William\"\/><div class=\"yc-team-info\">William<\/div><\/div><div class=\"yc-team-card-back\"><div class=\"yc-team-desc-name\">William Miggelbrink<\/div><div class=\"yc-team-desc-text\">William werkt al vijf jaar samen met Owen en zorgt voor een sterke (infra)structuur achter de marketing. Met zijn achtergrond in Logistics Management (HAN) en certificeringen bij IBM, Growth Tribe en McKinsey brengt hij overzicht in complexe vraagstukken. Hij houdt van heldere processen en meetbare resultaten, waardoor klanten grip houden op groei.<\/div><a href=\"https:\/\/www.linkedin.com\/in\/william-miggelbrink\/\" target=\"_blank\" class=\"yc-team-linkedin-link\" aria-label=\"LinkedIn William\" rel=\"noopener\"><svg viewbox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"><\/path><\/svg><\/a><\/div><\/div><\/div><div class=\"yc-team-card yc-allow-flip\" id=\"card-owen\"><div class=\"yc-team-card-inner\"><div class=\"yc-team-card-front\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/05\/Owen.png?strip=all&amp;wsr\" alt=\"Owen\"\/><div class=\"yc-team-info\">Owen<\/div><\/div><div class=\"yc-team-card-back\"><div class=\"yc-team-desc-name\">Owen Ebbers<\/div><div class=\"yc-team-desc-text\">Owen heeft meer dan zes jaar ervaring in <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"cmtt_af450d291c51cd904381cd289e20c083\"  href=\"https:\/\/youthcommerce.nl\/en\/begrippenlijst\/online-marketing\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>online marketing<\/a> en helpt klanten groeien met slimme <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"cmtt_124d89ee90ab77a32cdc49c6e641eeb9\"  href=\"https:\/\/youthcommerce.nl\/en\/begrippenlijst\/seo\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>SEO<\/a>- en growthstrategie&euml;n. Hij volgde een <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"cmtt_124d89ee90ab77a32cdc49c6e641eeb9\"  href=\"https:\/\/youthcommerce.nl\/en\/begrippenlijst\/seo\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>SEO<\/a>-studie aan de HvA en behaalde certificeringen bij Growth Tribe, McKinsey en BJ Fogg Behaviour Design. Owen gelooft dat marketing werkt als je begrijpt waarom mensen keuzes maken. Daarom bouwt hij strategie&euml;n die logisch voelen &eacute;n converteren naar omzet.<\/div><a href=\"https:\/\/www.linkedin.com\/in\/owenebbers\/\" target=\"_blank\" class=\"yc-team-linkedin-link\" aria-label=\"LinkedIn Owen\" rel=\"noopener\"><svg viewbox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"><\/path><\/svg><\/a><\/div><\/div><\/div><div class=\"yc-team-card yc-allow-flip\" id=\"card-tygo\"><div class=\"yc-team-card-inner\"><div class=\"yc-team-card-front\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/05\/Foto-1.jpg?strip=all&amp;wsr\" alt=\"Noah\"\/><div class=\"yc-team-info\">Noah<\/div><\/div><div class=\"yc-team-card-back\"><div class=\"yc-team-desc-name\">Noah Bruins<\/div><div class=\"yc-team-desc-text\">Noah helpt bedrijven en founders met haar boutique agency AECL&Aacute;T om hun verhaal online sterk en authentiek te vertellen. Haar klanten hebben vaak al iets sterks staan, maar missen de consistentie en kracht om dit online goed over te brengen. Dit doet ze aan de hand van socialmediastrategie&euml;n, contentcreatie en communitybeheer, waarbij content altijd wordt ingezet op basis van wie een bedrijf is, waar het voor staat en hoe mensen kijken, voelen en consumeren op Instagram, TikTok en LinkedIn.<\/div><a href=\"https:\/\/nl.linkedin.com\/in\/noahbruins\" target=\"_blank\" class=\"yc-team-linkedin-link\" aria-label=\"LinkedIn Noah\" rel=\"noopener\"><svg viewbox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"><\/path><\/svg><\/a><\/div><\/div><\/div><\/div><div class=\"yc-team-extra-row\" data-yc-extras style=\"display:none\"><div style=\"transform:rotate(-2.5deg) !important;\" class=\"yc-team-card yc-allow-flip\" id=\"card-sterre-van-den-heuvel\"><div class=\"yc-team-card-inner\"><div class=\"yc-team-card-front\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-10-at-18.31.04.jpeg?strip=all&amp;wsr\" alt=\"Sterre\"\/><div class=\"yc-team-info\">Sterre<\/div><\/div><div class=\"yc-team-card-back\"><div class=\"yc-team-desc-name\">Sterre van den Heuvel<\/div><div class=\"yc-team-desc-text\">Sterre versterkt de sales bij YouthCommerce. Ze bouwde haar ervaring op als B2B salesmanager in de horeca bemiddeling en volgt daarnaast de opleiding Communicatie aan de Hogeschool Utrecht. Daar leerde ze snel doorhebben waar een ondernemer echt tegenaan loopt en dat het gesprek voor de deal belangrijker is dan de deal zelf. Sterre gelooft in langetermijnrelaties boven quick fixes. Daarom begint elke samenwerking bij haar met de vraag wat je nodig hebt, niet met wat wij verkopen.<\/div><a href=\"https:\/\/www.linkedin.com\/in\/sterre-van-den-heuvel-615728281\/\" target=\"_blank\" class=\"yc-team-linkedin-link\" aria-label=\"LinkedIn Sterre\" rel=\"noopener\"><svg viewbox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"><\/path><\/svg><\/a><\/div><\/div><\/div><div style=\"transform:rotate(2.5deg) !important;\" class=\"yc-team-card yc-allow-flip\" id=\"card-extra-14025\"><div class=\"yc-team-card-inner\"><div class=\"yc-team-card-front\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/05\/Tygo.png?strip=all&amp;wsr\" alt=\"Tygo\"\/><div class=\"yc-team-info\">Tygo<\/div><\/div><div class=\"yc-team-card-back\"><div class=\"yc-team-desc-name\">Tygo Bollen<\/div><div class=\"yc-team-desc-text\">Tygo versterkt het team als advertising specialist met focus op <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"cmtt_4178fc11533166ae487acff62a2786f6\"  href=\"https:\/\/youthcommerce.nl\/en\/begrippenlijst\/sea\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>SEA<\/a>-campagnes. Tijdens zijn E-commerce opleiding aan Hogeschool Windesheim past hij theorie direct toe in de praktijk. Hij wordt enthousiast van testen en optimaliseren, omdat resultaten snel zichtbaar zijn. Voor klanten betekent dit actief beheerde campagnes die continu beter presteren.<\/div><\/div><\/div><\/div><\/div>\n                    <div style=\"height: 20rem; width: 100%;\"><\/div>\n                <\/div>\n            <\/section>\n            <style>\n                .yc-trust-wrapper {\n                    padding: 148px 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: 18px;\n                    color: #b0b8c4;\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;\n                    color: #b0b8c4;\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            <style>\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                body {\n                    margin: 0;\n                    padding: 0;\n                    font-family: var(--font-main);\n                    background-color: var(--yc-black);\n                    -webkit-font-smoothing: antialiased;\n                }\n            <\/style>\n\n            <script>\n                document.addEventListener('DOMContentLoaded', () => {\n                    const teamSection = document.querySelector('.yc-team-section');\n                    const cards = document.querySelectorAll('.yc-team-card');\n                    if (teamSection && cards.length > 0) {\n                        const observer = new IntersectionObserver((entries) => {\n                            entries.forEach(entry => {\n                                if (entry.isIntersecting) {\n                                    cards.forEach((card, index) => {\n                                        setTimeout(() => {\n                                            card.classList.add('is-visible');\n                                        }, index * 100);\n                                    });\n                                    observer.unobserve(entry.target);\n                                }\n                            });\n                        }, { threshold: 0.01, rootMargin: \"0px 0px 200px 0px\" });\n                        observer.observe(teamSection);\n                    }\n                });\n                document.addEventListener('DOMContentLoaded', () => {\n                    const steps = document.querySelectorAll('.yc-step-card');\n                    const observerOptions = {\n                        root: null,\n                        rootMargin: '-20% 0px -20% 0px',\n                        threshold: 0\n                    };\n                    if (steps.length > 0) {\n                        const observer = new IntersectionObserver((entries) => {\n                            entries.forEach(entry => {\n                                if (entry.isIntersecting) {\n                                    steps.forEach(s => s.classList.remove('active'));\n                                    entry.target.classList.add('active');\n                                }\n                            });\n                        }, observerOptions);\n                        steps.forEach(step => observer.observe(step));\n                    }\n                });\n                document.addEventListener('DOMContentLoaded', () => {\n                    const highlightContainers = document.querySelectorAll('.yc-highlight-container');\n                    const processNode = (node) => {\n                        if (node.nodeType === 3) {\n                            const words = node.nodeValue.split(\/(\\s+)\/);\n                            const fragment = document.createDocumentFragment();\n                            words.forEach(word => {\n                                if (word.trim().length > 0) {\n                                    const span = document.createElement('span');\n                                    span.textContent = word;\n                                    span.className = 'yc-word-highlight';\n                                    fragment.appendChild(span);\n                                } else {\n                                    fragment.appendChild(document.createTextNode(word));\n                                }\n                            });\n                            if (node.parentNode) node.parentNode.replaceChild(fragment, node);\n                        } else if (node.nodeType === 1 && node.tagName !== 'H2' && node.tagName !== 'A') {\n                            Array.from(node.childNodes).forEach(processNode);\n                        }\n                    };\n                    if (highlightContainers.length > 0) {\n                        highlightContainers.forEach(container => {\n                            container.querySelectorAll('h3, p, li').forEach(el => {\n                                Array.from(el.childNodes).forEach(processNode);\n                            });\n                        });\n                        const updateHighlights = () => {\n                            const triggerLine = window.innerHeight * 0.75;\n                            document.querySelectorAll('.yc-word-highlight').forEach(span => {\n                                const rect = span.getBoundingClientRect();\n                                const effectiveTop = rect.top + (rect.left * 0.04);\n                                if (effectiveTop < triggerLine) { span.classList.add('active'); } else { span.classList.remove('active'); }\n                            });\n                        }; window.addEventListener('scroll', updateHighlights); updateHighlights();\n                    }\n                });<\/script>\n            <script>(function () {\n                    const section = document.getElementById('team-reveal');\n                    const cLeft = document.getElementById('card-william');\n                    const cRight = document.getElementById('card-tygo');\n                    const cCenter = document.getElementById('card-owen');\n                    const cLogo = document.getElementById('card-logo');\n                    if (!section || !cLeft || !cRight || !cCenter) return;\n                    if (window.innerWidth < 769) return;\n                    window.addEventListener('scroll', () => {\n                        const rect = section.getBoundingClientRect();\n                        const viewportH = window.innerHeight;\n                        const totalScrollDist = section.offsetHeight - viewportH;\n                        const scrolled = -rect.top;\n                        let progress = scrolled \/ totalScrollDist;\n                        progress = Math.max(0, Math.min(1, progress));\n                        if (cLogo) {\n                            let logoProgress = progress \/ 0.4;\n                            logoProgress = Math.max(0, Math.min(1, logoProgress));\n                            const opacity = 1 - logoProgress;\n                            const scale = 1 + (0.5 * logoProgress);\n                            const blur = logoProgress * 10;\n                            cLogo.style.opacity = opacity;\n                            cLogo.style.transform = `translate(-50%, 0) scale(${scale})`;\n                            cLogo.style.filter = `blur(${blur}px)`;\n                            cLogo.style.pointerEvents = opacity < 0.1 ? 'none' : 'auto';\n                        }\n                        let fanProgress = (progress - 0.3) \/ 0.7;\n                        fanProgress = Math.max(0, Math.min(1, fanProgress));\n                        const xL = -110 * fanProgress;\n                        const rL = -5 * fanProgress;\n                        cLeft.style.transform = `translate(calc(-50% + ${xL}%), 0) rotate(${rL}deg)`;\n                        const xR = 110 * fanProgress;\n                        const rR = 5 * fanProgress;\n                        cRight.style.transform = `translate(calc(-50% + ${xR}%), 0) rotate(${rR}deg)`;\n                        const scaleC = 1 - (0.05 * fanProgress);\n                        cCenter.style.transform = `translate(-50%, 0) scale(${scaleC})`;\n                    });\n                })();<\/script>\n            <script>(function () {\n                    const section = document.getElementById('talk-expert');\n                    const canvas = document.getElementById('mobius-canvas');\n                    const cursorValues = { x: 0, y: 0, targetX: 0, targetY: 0 };\n                    const starCursor = document.getElementById('north-star-cursor');\n                    if (!section || !canvas || !starCursor) return;\n                    const ctx = canvas.getContext('2d');\n                    let width, height;\n                    let points = [];\n                    let scrollY = 0;\n                    let ambientStars = [];\n                    const RADIUS = 200;\n                    const TUBE_RADIUS = 60;\n                    const SEGMENTS = 100;\n                    const TUBE_SEGMENTS = 10;\n                    function resize() {\n                        width = section.offsetWidth;\n                        height = section.offsetHeight;\n                        canvas.width = width;\n                        canvas.height = height;\n                        if (width < 600) {\n                        }\n                    }\n                    window.addEventListener('resize', resize);\n                    resize();\n                    class MoebiusStar {\n                        constructor() { this.reset(); }\n                        reset() {\n                            this.x = Math.random() * canvas.width;\n                            this.y = Math.random() * canvas.height;\n                            this.size = Math.random() * 2.5 + 0.5;\n                            this.opacity = Math.random() * 0.6 + 0.3;\n                            this.speedX = (Math.random() - 0.5) * 0.2;\n                            this.speedY = (Math.random() - 0.5) * 3.0;\n                            this.twinkleSpeed = 0.005 + Math.random() * 0.01;\n                            this.twinkleDir = Math.random() > 0.5 ? 1 : -1;\n                        }\n                        update() {\n                            this.x += this.speedX;\n                            this.y += this.speedY;\n                            this.opacity += this.twinkleSpeed * this.twinkleDir;\n                            if (this.opacity > 0.6 || this.opacity < 0.1) this.twinkleDir *= -1;\n                            if (this.x < 0) this.x = canvas.width;\n                            if (this.x > canvas.width) this.x = 0;\n                            if (this.y < 0) this.y = canvas.height;\n                            if (this.y > canvas.height) this.y = 0;\n                        }\n                        draw() {\n                            ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`;\n                            ctx.beginPath();\n                            ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n                            ctx.fill();\n                        }\n                    }\n                    function initStars() {\n                        ambientStars = [];\n                        const density = Math.floor((canvas.width * canvas.height) \/ 5000);\n                        const count = Math.max(300, density);\n                        for (let i = 0; i < count; i++) ambientStars.push(new MoebiusStar());\n                    }\n                    initStars();\n                    window.addEventListener('resize', initStars);\n                    function initPoints() {\n                        points = [];\n                        for (let i = 0; i < SEGMENTS; i++) {\n                            let u = (i \/ SEGMENTS) * Math.PI * 2;\n                            for (let j = 0; j < TUBE_SEGMENTS; j++) {\n                                let v = (j \/ TUBE_SEGMENTS - 0.5) * TUBE_RADIUS;\n                                let px = RADIUS * Math.cos(u);\n                                let py = RADIUS * Math.sin(2 * u) * 0.5;\n                                let pz = 0;\n                                let x = (RADIUS + v) * Math.cos(u);\n                                let y = (RADIUS + v) * Math.sin(2 * u) * 0.5;\n                                let z = v;\n                                points.push({ x, y, z, ox: x, oy: y, oz: z });\n                            }\n                        }\n                    }\n                    initPoints();\n                    function animate() {\n                        ctx.clearRect(0, 0, width, height);\n                        const cx = width \/ 2;\n                        const cy = height \/ 2;\n                        const time = Date.now() * 0.0005;\n                        const scrollRot = window.scrollY * 0.002;\n                        const mx = (cursorValues.x - cx) \/ cx || 0;\n                        const my = (cursorValues.y - cy) \/ cy || 0;\n                        const rotX = scrollRot * 0.5 + (my * 0.3);\n                        const rotY = time + scrollRot + (mx * 0.3);\n                        ambientStars.forEach(s => { s.update(); s.draw(); });\n                        ctx.fillStyle = 'rgba(45, 191, 58, 0.6)';\n                        points.forEach(p => {\n                            let x1 = p.ox * Math.cos(rotY) - p.oz * Math.sin(rotY);\n                            let z1 = p.ox * Math.sin(rotY) + p.oz * Math.cos(rotY);\n                            let y2 = p.oy * Math.cos(rotX) - z1 * Math.sin(rotX);\n                            let z2 = p.oy * Math.sin(rotX) + z1 * Math.cos(rotX);\n                            let scale = 400 \/ (400 + z2);\n                            let x2D = x1 * scale + cx;\n                            let y2D = y2 * scale + cy;\n                            let size = Math.max(0.5, scale * 2);\n                            ctx.beginPath();\n                            ctx.arc(x2D, y2D, size, 0, Math.PI * 2);\n                            ctx.fill();\n                        });\n                        cursorValues.x += (cursorValues.targetX - cursorValues.x) * 0.1;\n                        cursorValues.y += (cursorValues.targetY - cursorValues.y) * 0.1;\n                        starCursor.style.left = cursorValues.x + 'px';\n                        starCursor.style.top = cursorValues.y + 'px';\n                        requestAnimationFrame(animate);\n                    }\n                    animate();\n                    section.addEventListener('mousemove', (e) => {\n                        const rect = section.getBoundingClientRect();\n                        cursorValues.targetX = e.clientX - rect.left;\n                        cursorValues.targetY = e.clientY - rect.top;\n                    });\n                })();<\/script>\n\n\n\t\t\t\t<\/main><\/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\n\t\t\t\t<\/div>\n\t\t<\/section><\/div>","protected":false},"excerpt":{"rendered":"<p>Bedankt Plan je groeigesprek in de agenda hieronder. Jouw eigen growth-department Je hoeft geen bureaus of freelancers meer aan te sturen. Wij functioneren als jouw externe, senior groei team. Strategisch. Uitvoerend. Resultaatverantwoordelijk. Geen rapporten om de rapporten. Maar keuzes die je merkt in je agenda en cashflow. William William Miggelbrink William werkt al vijf jaar [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_page_generator_pro_exclude":false,"_page_generator_pro_group":0,"_page_generator_pro_index":0,"footnotes":""},"class_list":["post-9966","page","type-page","status-publish","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\/9966","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/comments?post=9966"}],"version-history":[{"count":24,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages\/9966\/revisions"}],"predecessor-version":[{"id":14198,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages\/9966\/revisions\/14198"}],"wp:attachment":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/media?parent=9966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}