{"id":6971,"date":"2022-10-18T08:51:26","date_gmt":"2022-10-18T08:51:26","guid":{"rendered":"https:\/\/youthcommerce.nl\/cookie-policy-eu\/"},"modified":"2026-02-11T08:47:57","modified_gmt":"2026-02-11T08:47:57","slug":"cookie-policy","status":"publish","type":"page","link":"https:\/\/youthcommerce.nl\/en\/cookiebeleid\/","title":{"rendered":"Cookie Policy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6971\" class=\"elementor elementor-6971\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-decd802 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"decd802\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9468d9d\" data-id=\"9468d9d\" 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-727f4b0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"727f4b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html> <html lang=\"nl\"> <head> <meta charset=\"UTF-8\" \/> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/> <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;600;700&family=IBM+Plex+Sans:wght@300;400;500&family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\"> <style> body { margin: 0; background: #1d1d1f !important; width: 100%; position: relative; overflow-x: clip; } html { width: 100%; max-width: 100%; overflow-x: clip; } #page, #content, #primary, #main, .site, .site-content, .page, .page-content { background: transparent !important; } :root, .yc-dark { --bg: #1d1d1f; --panel: #141416; --panel-strong: rgba(255, 255, 255, 0.14); --text: #f5f5f7; --muted: rgba(245, 245, 247, 0.75); --font-primary: \"SF Pro Text\", -apple-system, BlinkMacSystemFont, sans-serif; --font-body: var(--font-primary); --font-head: var(--font-primary); --font-heading: var(--font-primary); --font-main: var(--font-primary); --muted2: rgba(245, 245, 247, 0.60); --green: #2DBF3A; --orange: #F89200; background: transparent; color: var(--text); font-family: var(--font-primary); min-height: 100vh; } html, body, * { font-family: var(--font-primary) !important; } .yc-dark * { box-sizing: border-box; transition: transform .35s cubic-bezier(.4, 0, .2, 1), box-shadow .35s ease, background-color .25s ease, color .25s ease, letter-spacing .25s ease; } @media (max-width: 768px) { h1 { font-size: 42px !important; } h2 { font-size: 36px !important; } h3 { font-size: 24px !important; } p, li, a, span, div { font-size: 16px; } .text-sm, .small, footer p, footer a,  } a { color: inherit; text-decoration: none; } h1, h2, h3 { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; letter-spacing: -0.02em; color: var(--text); margin: 0 0 .6em; } h2 { font-size: 3rem; font-weight: 700; line-height: 1.1; } @media (min-width: 901px) { h2 { font-size: 48px !important; line-height: 1.1; } } p, li { line-height: 1.65; color: var(--muted); } .yc-container { width: min(1280px, 92vw); margin: 0 auto; } .yc-section { padding: 8rem 0; } .yc-section+.yc-section { border-top: 1px solid rgba(255, 255, 255, 0.05); } .yc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2.2rem; margin-top: 3rem; }     .yc-logo { height: 45px; width: 45px; object-fit: contain; }      .yc-arrow { width: 10px; height: 10px; stroke: currentColor; stroke-width: 2; fill: none; transition: transform 0.3s ease; }       .yc-actions { display: flex; align-items: center; gap: 1rem; }     .phone-container { background-color: #F89200; background-color: var(--yc-orange, #F89200); border-radius: 10px; padding: 0 1.5rem; height: 48px; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; cursor: pointer; box-shadow: 0 4px 15px rgba(248, 146, 0, 0.3); } .phone-container:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(248, 146, 0, 0.4); background-color: #e08400; } .phone-container a { text-decoration: none; display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; color: #ffffff; } .phone-container img { width: 18px; height: 18px; filter: brightness(0) invert(1); } #statusCircle, #statusCircleMobile { width: 10px; height: 10px; border-radius: 50%; margin-left: 5px; flex-shrink: 0; display: inline-block; } .status-open { background-color: #2DBF3A !important; box-shadow: 0 0 10px #2DBF3A; animation: yc-pulse-green 2s infinite; } .status-closed { background-color: #E53935 !important; box-shadow: 0 0 10px #E53935; animation: yc-pulse-red 2s infinite; } @media (max-width: 900px) { .yc-container { padding: 0 1rem !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; } .yc-logo { flex-shrink: 0; height: 45px !important; width: 45px !important; } .yc-logo img { width: 45px; height: 45px; }  #performance-dashboard .yc-db-header { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; } } @media (max-width: 900px) { .yc-hero-actions { flex-wrap: nowrap !important; gap: 0.5rem !important; } .hero-cta-button { padding: 0.6rem 0.75rem !important; font-size: 14px !important; flex: 0 1 auto; justify-content: center; width: auto !important; white-space: normal !important; line-height: 1.1 !important; text-align: center; height: auto !important; min-height: 44px; } .hero-cta-button svg { width: 16px !important; height: 16px !important; } } @media (max-width: 480px) { .phone-container { padding: 0 0.8rem; height: 40px; max-width: 100%; margin-right: 0; } .yc-actions { gap: 0; } .phone-container a { font-size: 13px !important; white-space: nowrap; } .phone-container img { width: 14px; height: 14px; } } @keyframes yc-pulse-green { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(45, 191, 58, 0.7); } 70% { transform: scale(1.1); box-shadow: 0 0 0 10px rgba(45, 191, 58, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(45, 191, 58, 0); } } @keyframes yc-pulse-red { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(229, 57, 53, 0.7); } 70% { transform: scale(1.1); box-shadow: 0 0 0 10px rgba(229, 57, 53, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(229, 57, 53, 0); } }  @media (max-width: 1100px) {   .yc-actions { display: flex; gap: 1rem; order: 2; justify-content: flex-end !important; flex-grow: 1 !important; } .yc-actions  .yc-logo-link { order: 1; }     @media (max-width: 768px) {   }  .phone-container:hover { transform: translate(-50%, calc(-50% - 2px)); }  }                                  @media (max-width: 1100px) {  } @media (max-width: 768px) {    } @media (max-width: 480px) {   } .yc-hero { display: grid; grid-template-columns: 1.35fr .65fr; gap: 4rem; padding: 7rem 0 5rem; } .yc-pills { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1.8rem; } .yc-pill { padding: .45rem .95rem; border: 1px solid var(--panel-strong); border-radius: 999px; font-size: .75rem; color: var(--muted2); } .yc-pill:hover { color: var(--green); border-color: var(--green); transform: translateY(-2px); } .yc-title { font-size: clamp(3rem, 5vw, 4.6rem); line-height: 1.05; } .yc-title span { color: var(--green); } .yc-cta-row { display: flex; gap: 1.2rem; margin-top: 2.2rem; flex-wrap: wrap; } .yc-side, .yc-card { background: var(--panel); border: 1px solid var(--panel-strong); border-radius: 24px; padding: 2.2rem; position: relative; overflow: hidden; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.4s ease; } .yc-service-card { background: var(--panel); border: 1px solid var(--panel-strong); border-radius: 24px; padding: 3rem; position: relative; overflow: hidden; display: flex; flex-direction: column; height: 100%; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.4s ease; } .yc-service-card::before, .yc-card::before, .yc-reason-card::before, .yc-team-card::before, .yc-process-card::before { content: \"\"; position: absolute; inset: 0; border-radius: 24px; padding: 1.5px; background: linear-gradient(135deg, rgba(45, 191, 58, 0.5), rgba(255, 255, 255, 0), rgba(45, 191, 58, 0.2)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } .yc-service-card:hover, .yc-card:hover, .yc-reason-card:hover, .yc-team-card:hover, .yc-case-card:hover, .yc-process-card:hover { transform: translateY(-8px); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 30px rgba(45, 191, 58, 0.1); border-color: transparent; } .yc-service-card:hover::before, .yc-card:hover::before, .yc-reason-card:hover::before, .yc-team-card:hover::before, .yc-process-card:hover::before { opacity: 1; } .yc-service-number { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; font-size: 5rem; font-weight: 700; line-height: 1; margin-bottom: 1.5rem; color: transparent; -webkit-text-stroke: 2px rgba(255, 255, 255, 0.15); opacity: 0.7; transition: all .3s ease; } .yc-service-card:hover .yc-service-number { -webkit-text-stroke-color: var(--green); opacity: 1; transform: scale(1.05); transform-origin: left bottom; } .yc-service-title { font-size: 1.8rem; margin-bottom: 1.2rem; font-weight: 700; color: #fff; } .yc-service-list { margin-top: 2rem; padding: 0; list-style: none; } .yc-service-list li { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 0.8rem; color: var(--muted); font-size: 0.95rem; line-height: 1.5; } .yc-service-list li::before { content: \"\"; flex-shrink: 0; width: 20px; height: 20px; background-color: rgba(45, 191, 58, 0.2); 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\"); background-size: 12px; background-repeat: no-repeat; background-position: center; border-radius: 50%; border: 1px solid rgba(45, 191, 58, 0.3); margin-top: 3px; } .yc-side ul { margin: 1rem 0 0; padding: 0; } .yc-side li { list-style: none; margin: 0 0 .7rem; padding-left: 1.2rem; position: relative; color: var(--muted); } .yc-side li::before { content: '\u25cf'; position: absolute; left: 0; color: var(--orange); } .yc-faq { max-width: 92ch; } .yc-faq__item { background: var(--panel); border: 1px solid var(--panel-strong); border-radius: 18px; padding: 1.4rem 1.4rem; margin: 0 0 1rem; } .yc-faq__item summary { cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; color: var(--text); list-style: none; position: relative; padding-right: 2.2rem; } .yc-faq__item summary::-webkit-details-marker { display: none; } .yc-faq__item summary::after { content: '+'; position: absolute; right: 0; top: 0; color: var(--muted2); font-weight: 700; } .yc-faq__item[open] summary::after { content: '\u2014'; color: var(--green); } .yc-faq__item summary:hover { color: var(--green); letter-spacing: .02em; } .yc-faq__item p { margin: .8rem 0 0; } .yc-section { animation: fadeUp .8s ease-out both; } .yc-section:nth-of-type(2) { animation-delay: .08s; } .yc-section:nth-of-type(3) { animation-delay: .16s; } .yc-section:nth-of-type(4) { animation-delay: .24s; } @keyframes fadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } } .yc-cert-card { display: flex; flex-direction: row; align-items: center; text-align: left; min-height: 140px; gap: 1.5rem; padding: 2rem; } .yc-cert-badge-wrapper { flex-shrink: 0; width: 100px; display: flex; justify-content: center; align-items: center; position: relative; } .yc-cert-img { max-width: 100%; max-height: 80px; object-fit: contain; filter: brightness(0.95); transition: filter 0.3s ease; } .yc-cert-content { display: flex; flex-direction: column; } .yc-cert-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 0.3rem; color: #fff; } .yc-cert-desc { font-size: 0.9rem; color: var(--muted); line-height: 1.4; margin: 0; } .yc-card:hover .yc-cert-img { filter: brightness(1.1); } .yc-why-us-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; margin-top: 3rem; } .yc-reasons-column { display: flex; flex-direction: column; gap: 1.5rem; } .yc-reason-card { background: var(--panel); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 1.5rem 2rem; transition: 0.3s; position: relative; overflow: hidden; } .yc-reason-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 10px; } .yc-reason-card h3::before { content: \"\"; flex-shrink: 0; width: 24px; height: 24px; background-color: rgba(45, 191, 58, 0.2); 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\"); background-size: 14px; background-repeat: no-repeat; background-position: center; border-radius: 50%; border: 1px solid rgba(45, 191, 58, 0.3); } .yc-reason-card p { margin: 0; font-size: 0.95rem; color: var(--muted); line-height: 1.5; } .yc-team-image-wrapper { position: relative; height: 100%; min-height: 500px; border-radius: 24px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); } .yc-team-image-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; } @media (max-width: 1000px) { .yc-why-us-grid { grid-template-columns: 1fr; gap: 2rem; } .yc-team-image-wrapper { min-height: 300px; order: -1; } } .hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 8rem 2rem 5rem; position: relative; overflow: hidden; } #particle-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .hero-content { max-width: 900px; text-align: center; position: relative; z-index: 10; margin-bottom: 2rem; } .hero-title { font-size: 3.5rem; font-weight: 700; color: #f5f5f7; margin-bottom: 1.5rem; line-height: 1.2; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; } .hero-benefits { list-style: none; margin-bottom: 2.5rem; } .hero-benefits li { display: flex; align-items: center; justify-content: center; gap: 1rem; font-size: 1.125rem; color: #f5f5f7; margin-bottom: 1rem; font-weight: 400; } .hero-benefits li::before { content: '\u2713'; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; border: 2px solid #f5f5f7; font-size: 0.875rem; font-weight: 700; flex-shrink: 0; } .hero-cta-form { display: flex; max-width: 600px; margin: 0 auto; background: white; border-radius: 12px; padding: 6px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); } .hero-input { flex: 1; padding: 1rem 1.5rem; border: none; background: transparent; font-size: 1rem; font-family: 'IBM Plex Sans', sans-serif; outline: none; color: #333; } .hero-input::placeholder { color: #999; } .hero-cta-button { padding: 1rem 2rem; background: #2DBF3A; color: white; border: none; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; white-space: nowrap; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; transition: transform 0.2s ease, box-shadow 0.2s ease; } .hero-cta-button:hover { transform: scale(1.05); box-shadow: 0 8px 24px rgba(45, 191, 58, 0.4); } .hero-trust-badges { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 3rem; margin-top: 3rem; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; } .hero-trust-badges img { width: auto; height: auto; opacity: 1; transition: all 0.3s ease; object-fit: contain; max-height: 80px; width: auto; } .hero-trust-badges img:first-child { width: 121.55px; height: 60.61px; justify-self: end; } .hero-trust-badges img:nth-child(2) { width: 83.43px; height: 83.43px; justify-self: center; } .hero-trust-badges img:last-child { width: 121.55px; height: 60.61px; justify-self: start; } .hero-trust-badges img:hover { transform: scale(1.05); } .trust-section { width: 100%; text-align: center; position: relative; z-index: 10; } .trust-text { color: rgba(255, 255, 255, 0.7); font-size: 0.875rem; margin-bottom: 0.5rem; font-weight: 400; position: relative; z-index: 25; padding-bottom: 10px; } .logo-slider-container { width: 100%; overflow: hidden; position: relative; padding: 1rem 0 3rem; mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); } .logo-strip { display: flex; align-items: center; gap: 4rem; width: max-content; animation: scroll 30s linear infinite; } .logo-slider-container:hover .logo-strip { animation-play-state: paused; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .logo-item { color: rgba(255, 255, 255, 0.8); font-size: 1.25rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; opacity: 0.7; transition: opacity 0.3s ease; } .logo-item:hover { opacity: 1; } @media (max-width: 900px) { .yc-hero { grid-template-columns: 1fr; } .yc-cert-card { flex-direction: column; text-align: center; } } @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } } .yc-tilt-active { transition: none !important; } .yc-scroll-anim { opacity: 0; transform: translateY(30px); 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); will-change: opacity, transform; } .yc-scroll-anim.is-visible { opacity: 1; transform: translateY(0); } .yc-delay-100 { transition-delay: 0.1s; } .yc-delay-200 { transition-delay: 0.2s; } .yc-delay-300 { transition-delay: 0.3s; } .yc-timeline-container { position: relative; max-width: 800px; margin: 0 auto; padding: 4rem 0; } .yc-timeline-line { position: absolute; left: 28px; top: 0; width: 4px; background: rgba(255, 255, 255, 0.1); border-radius: 4px; overflow: hidden; } .yc-timeline-fill { position: absolute; top: 0; left: 0; width: 100%; height: 0%; } .yc-process-card { min-width: 45vw; max-width: 45vw; flex-shrink: 0; height: 400px; background: radial-gradient(circle at top right, #1f1f22, #141416); color: #fff; border-radius: 24px; padding: 3rem; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.4s ease; position: relative; overflow: hidden; } .yc-watermark { position: absolute; top: -30px; left: 10px; font-size: 10rem; font-weight: 800; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; color: transparent; -webkit-text-stroke: 2px rgba(255, 255, 255, 0.05); z-index: 0; line-height: 1; opacity: 0.5; pointer-events: none; } .yc-process-card:hover .yc-watermark { -webkit-text-stroke-color: rgba(45, 191, 58, 0.2); opacity: 1; } .yc-p-title { position: relative; z-index: 2; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; font-size: 1.8rem; font-weight: 700; margin-bottom: 1rem; margin-top: 4rem; color: #fff; } .yc-p-icon { position: absolute; top: 3rem; right: 3rem; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.03); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.05); z-index: 1; animation: floatIcon 6s ease-in-out infinite; } @keyframes floatIcon { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } .yc-p-icon svg { width: 40px; height: 40px; stroke: #fff; stroke-width: 1.5; } .yc-process-card:hover .yc-p-icon { background: rgba(45, 191, 58, 0.1); border-color: rgba(45, 191, 58, 0.3); } .yc-process-card:hover .yc-p-icon svg { stroke: #2DBF3A; } .yc-p-desc { position: relative; font-size: 1.1rem; line-height: 1.6; color: #ccc; z-index: 1; max-width: 90%; margin-top: auto; } .yc-p-icon svg { width: 64px; height: 64px; stroke-width: 1.5px; } .yc-p-desc { font-size: 1rem; line-height: 1.6; color: #94A3B8; max-width: 90%; } @media (max-width: 768px) { .yc-process-card { min-width: 85vw; height: 350px; } } .yc-timeline-step { display: flex; gap: 3rem; position: relative; margin-bottom: 4rem; opacity: 0.4; transform: translateX(20px); transition: all 0.6s ease; } .yc-timeline-step.active { opacity: 1; transform: translateX(0); } .yc-step-marker { flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%; background: #141416; border: 2px solid rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.2rem; color: var(--muted); z-index: 2; transition: all 0.4s ease; } .yc-timeline-step.active .yc-step-marker { border-color: var(--green); color: var(--green); box-shadow: 0 0 20px rgba(45, 191, 58, 0.4); background: #0a0a0c; } .yc-step-content { padding-top: 0.5rem; } .yc-step-content h3 { font-size: 1.5rem; margin-bottom: 0.5rem; color: #fff; } @media (max-width: 600px) { .yc-timeline-step { gap: 1.5rem; } .yc-step-marker { width: 45px; height: 45px; font-size: 1rem; } .yc-timeline-line { left: 20.5px; } } .yc-cp-container { display: flex; align-items: center; justify-content: center; gap: 80px; width: 100%; max-width: 1400px; padding: 0 3rem 3rem 3rem; position: relative; margin: 0 auto; } .left-panel { z-index: 10; } .platform-card { background: var(--panel); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; padding: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; width: 300px; backdrop-filter: blur(10px); position: relative; } .icon-box { width: 75px; height: 75px; background: #131725; border-radius: 16px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.3s ease; cursor: pointer; } .icon-box:hover { border-color: rgba(248, 146, 0, 0.5); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 146, 0, 0.2); } .icon-box span { font-size: 28px; } .icon-box img { width: 40px; height: 40px; object-fit: contain; } .center-stack { position: relative; width: 300px; height: 300px; display: flex; align-items: center; justify-content: center; z-index: 5; } .iso-layers { position: relative; width: 200px; height: 200px; transform: rotateX(60deg) rotateZ(-45deg); transform-style: preserve-3d; } .layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 32px; transition: transform 0.4s ease; } .layer-3 { background: linear-gradient(135deg, #F89200 0%, #EA580C 100%); transform: translateZ(-50px); box-shadow: -10px 10px 30px rgba(234, 88, 12, 0.5); } .layer-2 { background: linear-gradient(135deg, #FDBA74 0%, #F89200 100%); transform: translateZ(-25px); opacity: 0.95; box-shadow: -5px 5px 20px rgba(248, 146, 0, 0.3); } .layer-1 { background: linear-gradient(135deg, #F1F5F9 0%, #CBD5E1 100%); transform: translateZ(0px); box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; } .layer-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateZ(45deg); width: 110px; height: auto; display: flex; align-items: center; justify-content: center; } .layer-content img { width: 100%; height: auto; display: block; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)); } .connections-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .conn-line { fill: none; stroke-linecap: round; stroke-linejoin: round; transition: opacity 0.3s; } .conn-base { stroke: #334155; stroke-width: 2px; opacity: 0.3; } .conn-flow { stroke: #2DBF3A; stroke-width: 3px; stroke-dasharray: 8 12; stroke-dashoffset: 0; opacity: 0; filter: drop-shadow(0 0 6px rgba(45, 191, 58, 0.8)); } .yc-cp-container.active .conn-flow { opacity: 1; animation: flowData 1s linear infinite; } @keyframes flowData { to { stroke-dashoffset: -20; } } .right-panel { display: flex; flex-direction: column; gap: 16px; z-index: 10; width: 440px; } .analysis-card { background: var(--panel); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 24px; transition: 0.3s; position: relative; } .analysis-card:hover { background: rgba(15, 23, 42, 0.6); border-color: #F89200; } .analysis-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 6px; color: white; letter-spacing: -0.01em; } .analysis-card p { font-size: 14px; color: #94A3B8; line-height: 1.4; } @media (max-width: 900px) { .yc-sticky-container { display: flex; flex-direction: column; width: 100% !important; max-width: 100% !important; overflow-x: hidden; margin: 0; padding: 0; } .yc-service-card-new { width: 100% !important; max-width: 100% !important; margin-right: 0; box-sizing: border-box; margin-bottom: 1rem; } } @media (max-width: 1000px) { .yc-cp-container { flex-direction: column; gap: 50px; padding: 40px 0; } .yc-service-card-new { padding: 1.5rem !important; } .center-stack { transform: scale(1); margin: 20px 0; } .right-panel { width: 100%; max-width: 400px; } } .yc-carousel-section { position: relative; overflow: hidden; padding: 6rem 0; overflow: hidden; } .yc-carousel-wrapper { position: relative; width: 100%; height: 600px; display: flex; justify-content: center; perspective: 1200px; margin-top: 2.5rem; } .yc-case-card { position: absolute; width: 1100px; height: 520px; background: #141416; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 32px; display: flex; overflow: hidden; transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5); cursor: pointer; } .yc-case-content { flex: 1; padding: 32px; display: flex; flex-direction: column; justify-content: center; } .yc-case-image { width: 45%; background-size: cover; background-position: center; position: relative; } .yc-case-logo { height: 40px; object-fit: contain; align-self: flex-start; margin-bottom: 2rem; } .yc-case-section-title { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; margin-bottom: 0.5rem; display: block; } .yc-case-text { font-size: 0.95rem; color: var(--muted); margin-bottom: 1.5rem; line-height: 1.6; } .yc-case-stat { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; line-height: 1; color: #fff; margin-bottom: 0.5rem; display: flex; flex-direction: column; align-items: flex-start; } .stat-number { font-size: 4rem; font-weight: 700; } .stat-label { font-size: 16px; font-weight: 500; color: var(--muted); margin-top: 0.25rem; } .text-yc-green { color: #2DBF3A; } .text-yc-orange { color: #F89200; } .pos-center { transform: translateX(0) scale(1); z-index: 10; opacity: 1; pointer-events: auto; border-color: rgba(255, 255, 255, 0.2); } .pos-left { transform: translateX(-105%) scale(0.9); z-index: 5; opacity: 0.5; filter: blur(0px); } .pos-right { transform: translateX(105%) scale(0.9); z-index: 5; opacity: 0.5; filter: blur(0px); } .pos-hidden { transform: scale(0.8); z-index: 0; opacity: 0; pointer-events: none; visibility: hidden; } .pos-left:hover { opacity: 0.8; transform: translateX(-105%) scale(0.92); } .pos-right:hover { opacity: 0.8; transform: translateX(105%) scale(0.92); } @media (max-width: 1000px) { .yc-case-card { width: 95vw; max-width: 100%; flex-direction: column; height: auto; min-height: 500px; position: relative; } .yc-case-image { width: 100%; height: 200px; order: -1; } .yc-case-content { padding: 1.5rem; padding-bottom: 4rem; width: 100% !important; max-width: 100% !important; box-sizing: border-box; } .yc-carousel-wrapper { height: auto; min-height: 700px; } .pos-left { transform: translateX(-15%) scale(0.85); opacity: 0; pointer-events: none; } .pos-right { transform: translateX(15%) scale(0.85); opacity: 0; pointer-events: none; } } .yc-report-section { width: 100%; position: relative; padding: 4rem 0; } .yc-report-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; } .yc-report-content { max-width: 600px; } .yc-report-title { font-size: 3rem; line-height: 1.1; margin-bottom: 1rem; } .yc-report-title span { background: linear-gradient(90deg, #F89200 0%, #2DBF3A 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .yc-report-subtitle { font-size: 1.2rem; color: #fff; margin-bottom: 2rem; font-weight: 500; } .yc-report-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1.5rem; } .yc-report-list li { display: flex; gap: 1rem; align-items: flex-start; color: var(--muted); font-size: 1rem; } .yc-check-icon { flex-shrink: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; color: #fff; } .yc-report-card { background: var(--panel); color: #fff; border: 1px solid var(--panel-strong); border-radius: 24px; padding: 2.5rem; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); position: relative; } .yc-report-card::before { content: \"\"; position: absolute; top: 50%; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle, rgba(45, 191, 58, 0.15) 0%, rgba(0, 0, 0, 0) 70%); transform: translate(-50%, -50%); z-index: -1; pointer-events: none; } .yc-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; } .yc-form-group { margin-bottom: 1rem; } .yc-form-label { display: block; font-size: 0.9rem; font-weight: 700; color: #fff; margin-bottom: 0.5rem; } .yc-form-input { width: 100%; padding: 0.8rem 1rem; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; font-family: inherit; font-size: 1rem; background: rgba(255, 255, 255, 0.05); color: #fff; } .yc-form-input:focus { outline: none; border-color: #2DBF3A; box-shadow: 0 0 0 3px rgba(45, 191, 58, 0.1); } .yc-form-btn { width: 100%; padding: 1rem; background: linear-gradient(90deg, #2DBF3A 0%, #22992E 100%); color: white; border: none; border-radius: 999px; font-size: 1rem; font-weight: 700; cursor: pointer; transition: 0.2s; margin-top: 1rem; } .yc-form-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(45, 191, 58, 0.3); } .yc-form-note { font-size: 0.75rem; color: var(--muted2); margin-top: 1rem; line-height: 1.4; } .yc-form-note a { text-decoration: underline; color: var(--muted); } .yc-area-section { padding: 6rem 0; } .yc-area-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; } .yc-area-header-group { margin-bottom: 3rem; } .yc-area-pretitle { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.15em; color: #2DBF3A; font-weight: 700; margin-bottom: 1rem; display: block; } .yc-area-title { font-size: 3rem; line-height: 1.1; margin-bottom: 0; } .yc-area-title em { font-style: italic; color: #F89200; } .yc-area-group { margin-bottom: 2.5rem; } .yc-area-subtitle { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--muted2); margin-bottom: 1rem; font-weight: 700; display: block; } .yc-area-loc-text { font-size: 1.1rem; color: #fff; } .yc-area-pills { display: flex; flex-wrap: wrap; gap: 0.8rem; } .yc-area-pill { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 0.6rem 1.2rem; border-radius: 99px; font-size: 0.9rem; color: #fff; display: flex; align-items: center; gap: 0.6rem; transition: 0.2s; } .yc-area-pill:hover { background: rgba(255, 255, 255, 0.1); transform: translateY(-2px); } .yc-area-pill svg { color: #2DBF3A; width: 16px; height: 16px; } .yc-area-card { background: var(--panel); border-radius: 32px; padding: 3.5rem; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); border: 1px solid var(--panel-strong); } .yc-area-card h3 { font-size: 1.5rem; color: #2DBF3A; margin-bottom: 2.5rem; } @media (max-width: 900px) { .yc-area-grid { grid-template-columns: 1fr; gap: 3rem; } } #infinity-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; opacity: 1; transition: opacity 2s ease; } main { position: relative; z-index: 10; } .yc-sticky-container { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; position: relative; align-items: start; } .yc-sticky-content { display: flex; flex-direction: column; gap: 2rem; padding-bottom: 4rem; } .yc-sticky-visual { position: sticky; top: 100px; width: 100%; aspect-ratio: 4 \/ 3; border-radius: 32px; overflow: hidden; background: var(--panel); border: 1px solid var(--panel-strong); } .yc-interactive-cta { position: relative; height: 90vh; background: #050505; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: none; } #mobius-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; } .yc-team-section { height: 150vh; position: relative; background: inherit; } .yc-team-sticky-wrapper { position: sticky; top: 0; height: 100vh; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; } .yc-team-intro { position: relative; width: 100%; padding: 0 5%; display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 4rem; z-index: 20; pointer-events: none; margin-bottom: 4rem; } .yc-team-tag { grid-column: 1 \/ -1; display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; font-weight: 600; margin-bottom: 1rem; color: #fff; } .yc-team-tag::before { content: ''; width: 8px; height: 8px; background: var(--green); border-radius: 50%; } .yc-team-heading { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; font-size: 4rem; line-height: 1; font-weight: 700; color: #fff; margin: 0; } .yc-team-heading em { font-style: italic; font-weight: 400; } .yc-team-desc { align-self: end; font-size: 1.1rem; line-height: 1.6; color: #ccc; max-width: 40ch; } .yc-team-stack { position: relative; width: 300px; height: 400px; flex-shrink: 0; } .yc-team-card { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); transform-origin: bottom center; transform: translate(-50%, 0); transition: transform 0.1s linear; will-change: transform; } .yc-team-card img { width: 100%; height: 100%; object-fit: cover; } .yc-team-info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1.5rem; background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent); color: #fff; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; font-size: 1.5rem; font-weight: 700; text-align: center; } .yc-team-logo-card { background: #1d1d1f; z-index: 50; display: flex; align-items: center; justify-content: center; border: 1px solid #222; } #card-owen { z-index: 10; } #card-william { z-index: 1; } #card-tygo { z-index: 1; } @media (max-width: 768px) { .yc-team-section { height: auto; padding-bottom: 50px; } .yc-team-sticky-wrapper { position: relative; top: auto; height: auto; padding: 0; display: block; } .yc-team-stack { width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 24px; overflow: visible; padding: 0; transform: none; margin-top: 2rem; } .yc-team-card { position: relative; width: 65%; max-width: 240px; height: 280px; flex-shrink: 0; transform: none !important; left: auto; top: auto; margin: 0; } #card-owen { order: 1; } #card-william { order: 2; } #card-tygo { order: 3; } .yc-team-logo-card { display: none !important; } .yc-team-title { position: relative; top: auto; margin-bottom: 2rem; } .yc-team-intro { grid-template-columns: 1fr; gap: 2rem; position: relative; top: 0; text-align: left; } .yc-team-heading { font-size: 2.5rem; } .yc-team-stack { margin-top: 2rem; } } .yc-cta-content { position: relative; z-index: 2; text-align: center; pointer-events: none; } .yc-cta-content h2 { font-size: 4rem; margin-bottom: 2rem; color: #fff; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; letter-spacing: -0.02em; } .yc-cta-content  .yc-star-cursor { position: absolute; top: 0; left: 0; width: 40px; height: 40px; pointer-events: none; z-index: 10; transform: translate(-50%, -50%); mix-blend-mode: difference; color: var(--green); will-change: transform; } .yc-star-cursor svg { width: 100%; height: 100%; animation: rotateCursor 10s linear infinite; } @keyframes rotateCursor { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .yc-services-slider-track { display: flex; width: 100%; height: 100%; gap: 0 !important; margin: 0; padding: 0; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform; } .yc-service-slide { width: 100%; flex: 0 0 100%; height: 100%; margin: 0; padding: 0; border: none; position: relative; } .yc-service-slide img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 1; } .yc-sticky-image-wrapper { width: 100%; height: 100%; background-color: var(--panel); border: 1px solid var(--panel-strong); border-radius: 32px; position: relative; overflow: hidden; } .yc-sticky-image-wrapper:hover img { transform: scale(1.05); } .yc-service-card-new { background: var(--panel); border: 1px solid var(--panel-strong); border-radius: 24px; padding: 3rem; transition: all 0.3s ease; cursor: default; position: relative; overflow: hidden; } .yc-service-card-new:hover { border-color: rgba(255, 255, 255, 0.2); transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); } .yc-service-card-new::before { content: \"\"; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--green); opacity: 0; transition: 0.3s; } .yc-service-card-new:hover::before { opacity: 1; } .yc-service-num { font-size: 0.9rem; color: var(--green); font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; margin-bottom: 1rem; display: block; } .yc-service-card-new h3 { font-size: 2rem; margin-bottom: 1rem; } .yc-service-card-new p { font-size: 1.1rem; color: var(--muted); margin-bottom: 2rem; } .yc-service-list-new { list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; } .yc-service-list-new li { color: var(--muted2); font-size: 0.95rem; display: flex; align-items: center; gap: 0.5rem; } .yc-service-list-new li::before { content: \"\u2022\"; color: var(--green); font-size: 1.2rem; } @media (max-width: 900px) { .yc-sticky-container { grid-template-columns: 1fr; } .yc-sticky-visual { display: none; } } :root { --bg-color: #1d1d1f; --card-bg: #1d1d1f; --card-border: 0.5px solid rgba(255, 255, 255, 0.26); --text-title: #ffffff; --text-body: rgb(201, 201, 201); --font-main: 'Lato', sans-serif; --font-head: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; } .framework-section { background-color: transparent; padding: 8rem 0 15vh; position: relative; } .framework-header { margin-bottom: 5rem; text-align: left; padding-left: 0; } .framework-header h2 { font-family: var(--font-head); font-size: 3rem; max-width: 800px; margin: 0; line-height: 1.1; color: var(--text-title); } .framework-row { display: flex; align-items: center; justify-content: space-between; gap: 4rem; margin-bottom: 80px; padding: 4rem; background: var(--card-bg); border: var(--card-border); border-radius: 24px; backdrop-filter: blur(10px); position: sticky; top: 15vh; box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.5); transform-origin: center top; } .framework-row.reversed { flex-direction: row-reverse; } .framework-row:nth-child(2) { position: sticky !important; top: 15vh !important; z-index: 10 !important; } .framework-row:nth-child(3) { position: sticky !important; top: 18vh !important; z-index: 20 !important; } .framework-row:nth-child(4) { position: sticky !important; top: 21vh !important; z-index: 30 !important; } .framework-row:nth-child(5) { position: sticky !important; top: 24vh !important; z-index: 40 !important; } .framework-row:nth-child(6) { position: sticky !important; top: 15vh !important; z-index: 50 !important; box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.8) !important; background-color: #1d1d1f !important; margin-bottom: 0 !important; min-height: 30vh !important; align-items: center !important; padding-top: 10vh !important; padding-bottom: 12vh !important; } .row-image { flex: 0 0 42%; width: 42%; aspect-ratio: 16\/10; border-radius: 12px; overflow: hidden; position: relative; } .row-image img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.5s ease; } .framework-row:hover .row-image img { transform: scale(1.05); } .row-content { flex: 1; } .row-content h3 { font-family: 'Lato', sans-serif; font-size: 25px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 1rem; } .row-content p { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 400; color: rgb(201, 201, 201); line-height: 1.6; } @media (max-width: 768px) { .framework-row, .framework-row.reversed { flex-direction: column; text-align: left; gap: 2rem; } .row-image { width: 100%; aspect-ratio: 16\/10; height: auto; } } .c1-wrapper .chart-container { width: 100%; height: 100%; position: relative; padding: 15px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .c1-wrapper .grid-background { position: absolute; top: 0; left: 0; right: 0; bottom: 30px; border-top: 1px solid rgba(255, 255, 255, 0.05); background: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 25%); z-index: 0; } .c1-wrapper .bars-wrapper { display: flex; justify-content: space-between; align-items: flex-end; height: 100%; padding-bottom: 30px; position: relative; z-index: 1; } .c1-wrapper .column { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 22%; height: 100%; position: relative; } .c1-wrapper .bar-track { position: absolute; top: 0; bottom: 0; width: 100%; background: linear-gradient(to bottom, rgba(90, 152, 89, 0.15), rgba(90, 152, 89, 0.05)); border-radius: 2px 2px 0 0; } .c1-wrapper .bar-fill { width: 100%; background-color: #5a9859; position: relative; transition: height 0.5s ease-out; background: linear-gradient(to bottom, #6ab069, #5a9859); } .c1-wrapper .badge { background-color: white; color: #1d1d1f; padding: 4px 8px; border-radius: 6px; font-weight: 700; font-size: 13px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); white-space: nowrap; } .c1-wrapper .label { position: absolute; bottom: -30px; color: #ffffff; font-size: 12px; font-weight: 400; text-align: center; width: 100%; letter-spacing: 0.5px; } .c2-wrapper .chart-container { width: 100%; height: 100%; position: relative; box-sizing: border-box; background-color: transparent; padding: 15px 10px; display: flex; flex-direction: column; justify-content: flex-end; } .c2-wrapper .grid-lines { position: absolute; top: 40px; left: 0; right: 0; bottom: 0; z-index: 0; background: repeating-linear-gradient(to bottom, rgba(6, 147, 227, 0.2) 0, rgba(6, 147, 227, 0.2) 1px, transparent 1px, transparent 25%); } .c2-wrapper .bars-wrapper { display: flex; justify-content: space-between; align-items: flex-end; height: 100%; width: 100%; position: relative; z-index: 1; } .c2-wrapper .column { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 22%; height: 90%; } .c2-wrapper .header { margin-bottom: 8px; color: white; display: flex; align-items: center; justify-content: center; height: 30px; } .c2-wrapper .google-text { font-size: 16px; font-weight: 700; letter-spacing: -0.5px; } .c2-wrapper .linkedin-wrapper { font-size: 15px; font-weight: 700; display: flex; align-items: center; } .c2-wrapper .linkedin-in { background-color: white; color: #011627; border-radius: 4px; padding: 0px 3px; margin-left: 2px; line-height: 1.1; font-size: 14px; } .c2-wrapper .facebook-text { font-size: 16px; font-weight: 700; letter-spacing: -0.5px; } .c2-wrapper .microsoft-wrapper { display: flex; align-items: center; gap: 4px; } .c2-wrapper .ms-icon { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; width: 12px; height: 12px; } .c2-wrapper .ms-dot { background-color: white; width: 100%; height: 100%; } .c2-wrapper .ms-text { display: flex; flex-direction: column; line-height: 1; } .c2-wrapper .ms-brand { font-weight: 600; font-size: 11px; } .c2-wrapper .ms-sub { font-weight: 300; font-size: 8px; opacity: 0.9; } .c2-wrapper .bar { width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.1); } .c2-wrapper .bar-google { height: 90%; background: linear-gradient(to bottom, #007bff 0%, rgba(1, 22, 39, 0) 100%); } .c2-wrapper .bar-linkedin { height: 85%; background: linear-gradient(to bottom, #5c9c5c 0%, rgba(1, 22, 39, 0) 100%); } .c2-wrapper .bar-facebook { height: 75%; background: linear-gradient(to bottom, #008080 0%, rgba(1, 22, 39, 0) 100%); } .c2-wrapper .bar-microsoft { height: 88%; background: linear-gradient(to bottom, #b89b5e 0%, rgba(1, 22, 39, 0) 100%); } .c3-wrapper .chart-container { width: 100%; height: 100%; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .c3-wrapper .row { display: flex; align-items: center; margin-bottom: 12px; height: 24px; } .c3-wrapper .label-group { display: flex; align-items: center; width: 125px; flex-shrink: 0; } .c3-wrapper .dot { width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; box-shadow: 0 0 10px currentColor; flex-shrink: 0; } .c3-wrapper .label-text { color: #dbe4ee; font-size: 14px; font-weight: 300; letter-spacing: 0.5px; } .c3-wrapper .bar-container { flex-grow: 1; height: 100%; position: relative; } .c3-wrapper .bar { height: 100%; display: flex; align-items: center; justify-content: flex-end; padding-right: 8px; color: white; font-weight: 500; font-size: 12px; } .c3-wrapper .row-1 .dot { background-color: #0d8387; color: #0d8387; } .c3-wrapper .row-1 .bar { width: 100%; background: linear-gradient(90deg, rgba(13, 131, 135, 0.1) 0%, rgba(13, 131, 135, 1) 100%); } .c3-wrapper .row-2 .dot { background-color: #00a57c; color: #00a57c; } .c3-wrapper .row-2 .bar { width: 80%; background: linear-gradient(90deg, rgba(0, 165, 124, 0.1) 0%, rgba(0, 165, 124, 1) 100%); } .c3-wrapper .row-3 .dot { background-color: #7acc73; color: #7acc73; } .c3-wrapper .row-3 .bar { width: 44%; background: linear-gradient(90deg, rgba(122, 204, 115, 0.1) 0%, rgba(122, 204, 115, 1) 100%); } .c3-wrapper .row-4 .dot { background-color: #63eac0; color: #63eac0; } .c3-wrapper .row-4 .bar { width: 34%; background: linear-gradient(90deg, rgba(99, 234, 192, 0.1) 0%, rgba(99, 234, 192, 1) 100%); } .c3-wrapper .row-5 .dot { background-color: #0084ff; color: #0084ff; } .c3-wrapper .row-5 .bar { width: 29%; background: linear-gradient(90deg, rgba(0, 132, 255, 0.1) 0%, rgba(0, 132, 255, 1) 100%); } .framework-row .row-content, .framework-row .row-image { opacity: 0; transform: translateY(30px); transition: opacity 0.35s ease-out, transform 0.35s ease-out; will-change: opacity, transform; } .framework-row.visible .row-content, .framework-row.visible .row-image { opacity: 1; transform: translateY(0); } .framework-row:not(.reversed).visible .row-image { transition-delay: 0.08s; } .framework-row.reversed.visible .row-content { transition-delay: 0.08s; } .c5-wrapper .chart-container { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(29, 29, 31, 1); } .c5-wrapper .legend { display: flex; justify-content: center; gap: 20px; margin-bottom: 20px; width: 100%; } .c5-wrapper .legend-item { color: white; font-size: 14px; display: flex; align-items: center; gap: 8px; font-weight: 400; } .c5-wrapper .pill { width: 30px; height: 6px; border-radius: 10px; } .c5-wrapper .pill-green { background-color: #7ce68a; } .c5-wrapper .pill-blue { background-color: #0084ff; } .c5-wrapper .chart-box { position: relative; width: 90%; height: 60%; border-left: 1px solid rgba(0, 229, 255, 0.2); border-bottom: 1px solid rgba(0, 229, 255, 0.2); 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); background-size: 25% 33%; } .c5-wrapper svg { width: 100%; height: 100%; overflow: visible; } .c5-wrapper .line { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6; vector-effect: non-scaling-stroke; } .c5-wrapper .blue { stroke: #0084ff; filter: drop-shadow(0 0 8px rgba(0, 132, 255, 0.6)); } .c5-wrapper .green { stroke: #7ce68a; filter: drop-shadow(0 0 10px rgba(124, 230, 138, 0.7)); } .c5-wrapper .dot { fill: #9fffad; filter: drop-shadow(0 0 15px #7ce68a); } <\/style> <style> .yc-dashboard-section { --db-bg: #030e1a; --db-text-white: #ffffff; --db-text-gray: #9ca3af; --db-border: rgba(255, 255, 255, 0.1); --col-google: #0073e6; --col-linkedin: #5d9e5d; --col-bing: #cfa058; --col-facebook: #008080; width: 100%; max-width: 100%; margin: 0 auto; padding: 4rem 20px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; color: var(--db-text-white); } .yc-db-card { background: #1d1d1f; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; padding: 3rem; margin-bottom: 2rem; position: relative; z-index: 2; } .yc-db-header { text-align: left; margin-bottom: 40px; } .yc-db-header h2 { font-size: 48px; font-weight: 600; margin: 0 0 16px 0; color: var(--db-text-white); max-width: 700px; } .yc-db-header p { font-size: 16px; line-height: 1.5; color: #a1a1a6; margin: 0; max-width: 650px; } .yc-db-legend { display: flex; justify-content: flex-start; gap: 30px; margin-bottom: 40px; font-size: 14px; color: var(--db-text-gray); } .yc-db-legend-item { display: flex; align-items: center; gap: 8px; } .yc-db-dot { width: 10px; height: 10px; border-radius: 2px; } .yc-db-chart-section { display: flex; justify-content: space-between; align-items: flex-end; height: 280px; padding: 0 20px; margin-bottom: 20px; } .yc-db-chart-group { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 23%; height: 100%; } .yc-db-bars-container { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; height: 220px; 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%); border-radius: 4px 4px 0 0; position: relative; } .yc-db-bar-col { width: 22%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: relative; transition: height 0.5s ease; } .yc-db-bar-val { background-color: white; color: #000; font-size: 11px; font-weight: 700; padding: 2px 4px; border-radius: 3px; margin-bottom: 6px; } .yc-db-bar { width: 100%; border-radius: 2px 2px 0 0; position: relative; } .yc-db-bar::after { content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.1) 100%); pointer-events: none; } .yc-db-group-label { margin-top: 15px; font-size: 13px; color: var(--db-text-gray); border-top: 1px solid var(--db-border); width: 100%; text-align: center; padding-top: 10px; white-space: nowrap; } .yc-db-table-section { width: 100%; border-top: 1px solid var(--db-border); } .yc-db-table { width: 100%; border-collapse: collapse; font-size: 14px; } .yc-db-table th { color: var(--db-text-gray); font-weight: 500; padding: 15px 10px; text-align: center; border-bottom: 1px solid var(--db-border); } .yc-db-table td { padding: 15px 10px; text-align: center; border-bottom: 1px solid var(--db-border); } .yc-db-table th.th-left, .yc-db-table td.td-left { text-align: left; } .yc-db-table td.td-left { display: flex; align-items: center; gap: 10px; } .c-google { background-color: var(--col-google); } .c-linkedin { background-color: var(--col-linkedin); } .c-bing { background-color: var(--col-bing); } .c-facebook { background-color: var(--col-facebook); } .yc-db-mobile-cards { display: none; flex-direction: column; gap: 16px; margin-top: 20px; }          @media (max-width: 768px) { .yc-db-header h2 { font-size: 28px; line-height: 1.2; } .yc-db-card { padding: 1.5rem; overflow: hidden; } .yc-db-legend { flex-wrap: wrap; gap: 15px; margin-bottom: 2rem; } .yc-db-legend-item { font-size: 13px; width: 45%; } .yc-db-chart-section { overflow-x: auto; justify-content: flex-start; gap: 16px; padding-bottom: 20px; margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .yc-db-chart-group { min-width: 85vw; scroll-snap-align: center; flex-shrink: 0; } .yc-db-bar-col { width: 22%; } .yc-db-bar-val { font-size: 10px; padding: 2px 3px; } .yc-db-table-section { display: none !important; } .yc-db-mobile-cards { display: flex; } } .yc-ab-container { display: flex; gap: 15px; justify-content: center; width: 100%; height: 100%; align-items: center; transform: scale(0.80); transform-origin: center center; } .yc-ab-card-wrapper { display: flex; flex-direction: column; align-items: center; width: 48%; max-width: 260px; } .yc-ab-percentage { font-size: 28px; font-weight: 600; color: #ffffff; margin-bottom: 10px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; } .yc-ab-window-frame { background-color: #161b22; width: 100%; border-radius: 8px; padding: 12px; box-sizing: border-box; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); display: flex; flex-direction: column; gap: 12px; border: 1px solid rgba(255, 255, 255, 0.1); } .yc-ab-dots { display: flex; gap: 5px; } .yc-ab-dot { width: 5px; height: 5px; border-radius: 50%; background-color: #444c56; } .yc-ab-chart-area { display: flex; height: 110px; gap: 8px; background-color: #0d1117; border-radius: 6px; padding: 10px 8px; position: relative; } .yc-ab-y-axis { display: flex; flex-direction: column; justify-content: space-between; color: #6e7681; font-size: 8px; padding-bottom: 2px; } .yc-ab-bars-container { flex-grow: 1; display: flex; align-items: flex-end; justify-content: space-between; position: relative; } .yc-ab-grid-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: space-between; pointer-events: none; z-index: 0; } .yc-ab-line { width: 100%; height: 1px; border-top: 1px dashed #30363d; } .yc-ab-bar-col { width: 12%; height: 100%; position: relative; z-index: 1; display: flex; align-items: flex-end; } .yc-ab-ghost { position: absolute; bottom: 0; width: 100%; background-color: #2d333b; border-radius: 2px; } .yc-ab-fill { position: absolute; bottom: 0; width: 100%; border-radius: 2px; transition: height 0.3s ease; } .yc-ab-stats-row { display: flex; gap: 10px; height: 50px; } .yc-ab-progress-group { flex: 2; display: flex; flex-direction: column; justify-content: center; gap: 6px; background-color: #0d1117; border-radius: 6px; padding: 8px; } .yc-ab-progress-track { height: 5px; width: 100%; background-color: #30363d; border-radius: 3px; } .yc-ab-progress-bar { height: 100%; border-radius: 3px; } .yc-ab-grid-group { flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 4px; } .yc-ab-square { background-color: #30363d; border-radius: 3px; } .yc-ab-footer-btn { height: 50px; border-radius: 4px; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700; color: white; } .yc-ab-theme-a .yc-ab-fill, .yc-ab-theme-a .yc-ab-progress-bar, .yc-ab-theme-a .yc-ab-footer-btn { background-color: #84c98b; } .yc-ab-theme-a .yc-ab-footer-btn { color: #0d1117; } .yc-ab-theme-b .yc-ab-fill, .yc-ab-theme-b .yc-ab-progress-bar, .yc-ab-theme-b .yc-ab-footer-btn { background-color: #f6ad55; } .yc-ab-theme-b .yc-ab-footer-btn { color: #0d1117; } .yc-db-bar, .yc-db-bar-col, .yc-db-chart-group, tr, td, th { transition: all 0.3s ease; } .yc-db-card:not(.animate-in) .yc-db-bar { height: 0% !important; } .yc-db-card:not(.animate-in) .yc-db-table-section { opacity: 0; transform: translateY(20px); } .yc-db-card.animate-in .yc-db-bar { transition: height 1.2s cubic-bezier(0.22, 1, 0.36, 1); } .yc-db-card.animate-in .yc-db-table-section { opacity: 1; transform: translateY(0); transition: opacity 0.8s ease 0.4s, transform 0.8s ease 0.4s; } .yc-db-container.has-hover .yc-db-bar, .yc-db-container.has-hover .yc-db-bar, .yc-db-container.has-hover tbody tr, .yc-db-container.has-hover thead th { opacity: 0.4; } .yc-db-container.has-hover .yc-db-bar.is-highlighted, .yc-db-container.has-hover tbody tr.is-highlighted, .yc-db-container.has-hover tbody tr:hover, .yc-db-container.has-hover thead th.is-highlighted, .yc-db-container.has-hover thead th:hover, .yc-db-container.has-hover .yc-db-chart-group.is-highlighted .yc-db-bar { opacity: 1 !important; filter: none !important; } .yc-db-container.has-hover .yc-db-chart-group.is-highlighted { opacity: 1 !important; } tr.is-highlighted { background-color: rgba(255, 255, 255, 0.05); border-radius: 4px; } <\/style> <script> document.addEventListener(\"DOMContentLoaded\", function () { const card = document.querySelector('.yc-db-card'); const container = document.querySelector('.yc-dashboard-section'); if (container) container.classList.add('yc-db-container'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { card.classList.add('animate-in'); observer.unobserve(entry.target); } }); }, { threshold: 0.3 }); if (card) observer.observe(card); const rows = document.querySelectorAll('.yc-db-table tbody tr'); const cols = document.querySelectorAll('.yc-db-table thead th[data-step]'); const barsGoogle = document.querySelectorAll('.yc-db-bar.c-google'); const barsLinkedin = document.querySelectorAll('.yc-db-bar.c-linkedin'); const barsBing = document.querySelectorAll('.yc-db-bar.c-bing'); const barsFacebook = document.querySelectorAll('.yc-db-bar.c-facebook'); const chartGroups = document.querySelectorAll('.yc-db-chart-group'); function getBarsForChannel(channel) { if (channel === 'google') return barsGoogle; if (channel === 'linkedin') return barsLinkedin; if (channel === 'bing') return barsBing; if (channel === 'facebook') return barsFacebook; return []; } function setHighlight(isActive) { if (isActive) { container.classList.add('has-hover'); } else { container.classList.remove('has-hover'); document.querySelectorAll('.is-highlighted').forEach(el => el.classList.remove('is-highlighted')); } } rows.forEach(row => { row.addEventListener('mouseenter', () => { const channel = row.getAttribute('data-channel'); if (!channel) return; setHighlight(true); row.classList.add('is-highlighted'); getBarsForChannel(channel).forEach(bar => bar.classList.add('is-highlighted')); }); row.addEventListener('mouseleave', () => { setHighlight(false); }); }); cols.forEach(col => { col.addEventListener('mouseenter', () => { const step = col.getAttribute('data-step'); if (!step) return; setHighlight(true); col.classList.add('is-highlighted'); const groupIndex = parseInt(step) - 1; if (chartGroups[groupIndex]) { chartGroups[groupIndex].classList.add('is-highlighted'); } }); col.addEventListener('mouseleave', () => { setHighlight(false); }); }); }); <\/script> <style> .yc-growth-section { height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; background: transparent; position: relative; margin-top: 104px; background: #1d1d1f !important; z-index: 5; } .yc-growth-layout { width: 100%; max-width: 1400px; padding: 0 5vw; display: flex; justify-content: space-between; align-items: center; position: relative; } .yc-growth-col-left { width: 45%; z-index: 2; } .yc-growth-col-right { width: 50%; height: 600px; display: flex; align-items: center; justify-content: flex-end; position: relative; z-index: 1; overflow: visible; } .yc-growth-copy h2 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 48px; line-height: 1.1; margin-bottom: 1.5rem; letter-spacing: -0.02em; color: #fff; } .yc-growth-copy p { font-size: 16px; color: #94A3B8; line-height: 1.6; margin: 0; max-width: 40ch; } .yc-growth-stack { width: 500px; height: 350px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%) perspective(1000px); margin-right: 20%; } @media (max-width: 900px) { .yc-growth-section { margin-top: 0 !important; height: auto; padding: 4rem 0; } } .yc-growth-card { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 24px; background: radial-gradient(circle at top right, #1f1f22, #141416); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); padding: 3rem; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; transform-style: preserve-3d; backface-visibility: hidden; transition: none !important; } .yc-growth-watermark { position: absolute; top: -30px; left: 10px; font-size: 10rem; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: transparent; -webkit-text-stroke: 2px rgba(255, 255, 255, 0.05); z-index: 0; line-height: 1; opacity: 0.5; pointer-events: none; } .yc-toolstack { width: 100%; padding: 60px 0; background: transparent; overflow: hidden; display: flex; flex-direction: column; position: relative; margin-top: 50px; } .yc-toolstack-header { margin-bottom: 40px; z-index: 3; position: relative; } .yc-toolstack-header h3 { font-size: 24px; color: #fff; margin-bottom: 8px; font-weight: 600; } .yc-toolstack-header p { font-size: 16px; color: rgba(255, 255, 255, 0.6); margin: 0; } .yc-toolstack::before, .yc-toolstack::after { content: \"\"; position: absolute; top: 0; width: 15rem; height: 100%; z-index: 2; pointer-events: none; } .yc-toolstack::before { left: 0; background: linear-gradient(to right, #1d1d1f 0%, transparent 100%); } .yc-toolstack::after { right: 0; background: linear-gradient(to left, #1d1d1f 0%, transparent 100%); } .yc-toolstack-track { display: flex; gap: 60px; width: max-content; animation: marquee 40s linear infinite; will-change: transform; align-items: center; } .yc-toolstack-track:hover { animation-play-state: paused; } .yc-logo-item { display: flex; align-items: center; justify-content: center; filter: grayscale(1) brightness(0) invert(1); opacity: 0.6; transition: filter 0.3s ease, transform 0.3s ease, opacity 0.3s ease; } .yc-logo-item:hover { filter: grayscale(0) brightness(1) invert(0); opacity: 1; transform: scale(1.1); } .yc-arr-section { width: 100%; padding: 80px 0; position: relative; } .yc-arr-chart-wrapper { width: 1250px; max-width: 100%; overflow-x: auto; margin: 0 auto; position: relative; } .yc-arr-chart-label { font-size: 20px; color: #dbe4ee; margin-bottom: 20px; font-weight: 400; text-align: left; } .yc-arr-chart-box { position: relative; width: 100%; height: 350px; border: 1px solid rgba(255, 255, 255, 0.1); background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0) 100%); border-radius: 12px; overflow: hidden; } .yc-arr-chart-box svg { width: 100%; height: 100%; overflow: visible; transition: transform 0.4s ease; } .yc-arr-chart-box:hover { transform: scale(1.02); box-shadow: 0 10px 40px -10px rgba(124, 230, 138, 0.1); border-color: rgba(124, 230, 138, 0.3); transition: all 0.4s ease; } .yc-arr-chart-box:hover .yc-arr-line-stroke { filter: drop-shadow(0 0 8px rgba(124, 230, 138, 0.6)); } .yc-arr-chart-box:hover .yc-arr-area-fill { opacity: 0.9; } .yc-arr-chart-box:hover .yc-arr-grid-line { opacity: 0.3; } .yc-arr-chart-box:hover .yc-arr-chart-dot { r: 6; transition: r 0.3s ease; } .yc-arr-grid-line { stroke: rgba(255, 255, 255, 0.15); stroke-width: 1; transition: opacity 0.3s ease; } .yc-arr-area-fill { fill: url(#greenGradient); opacity: 0.8; transition: opacity 0.3s ease; } .yc-arr-line-stroke { fill: none; stroke: #7ce68a; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transition: filter 0.3s ease; } .yc-arr-chart-dot { fill: #a3ffb0; stroke: #7ce68a; stroke-width: 0; opacity: 0.8; transition: r 0.3s ease; } .yc-arr-end-dot { fill: #ffffff; filter: drop-shadow(0 0 8px #7ce68a) drop-shadow(0 0 15px #7ce68a); } .yc-faq-header { margin-bottom: 40px; } .yc-accordion { width: 100%; max-width: 800px; display: flex; flex-direction: column; gap: 16px; } .yc-accordion-item { background: #252527 !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; border-radius: 12px; overflow: hidden; transition: background 0.3s ease, border-color 0.3s ease; } .yc-accordion-item:hover { border-color: rgba(124, 230, 138, 0.3) !important; background: #2a2a2c !important; } .yc-accordion-item.active { background: #2a2a2c !important; border-color: rgba(124, 230, 138, 0.5) !important; } .yc-accordion-inner { color: #f5f5f7; line-height: 1.6; } .yc-accordion-trigger { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; background: none; border: none; color: #fff; font-size: 18px; font-weight: 500; text-align: left; cursor: pointer; background: transparent !important; color: #f5f5f7 !important; } .yc-accordion-trigger:hover { } .yc-accordion-icon { width: 24px; height: 24px; min-width: 24px; display: flex; align-items: center; justify-content: center; background: rgba(124, 230, 138, 0.1); color: #7ce68a; border-radius: 6px; transition: transform 0.4s ease, background 0.3s ease, color 0.3s ease; } .yc-accordion-item.active .yc-accordion-icon { background: #7ce68a; color: #000; transform: rotate(45deg); } .yc-accordion-trigger:hover .yc-accordion-icon { opacity: 1; } .yc-accordion-content { height: 0; overflow: hidden; } .yc-accordion-inner { padding-bottom: 24px; color: var(--muted); line-height: 1.6; max-width: 65ch; } .yc-arr-stats-row { display: flex; justify-content: flex-end; padding-top: 30px; padding-right: 20px; gap: 60px; } @media(max-width: 768px) { .yc-arr-stats-row { flex-wrap: wrap; gap: 30px; justify-content: center; } } .yc-arr-stat-item { display: flex; flex-direction: column; align-items: flex-start; } .yc-arr-stat-value { color: #7ce68a; font-size: 18px; font-weight: 600; margin-bottom: 5px; } .yc-arr-stat-label { color: #b0b8c4; font-size: 14px; } .yc-logo-item img { width: 120px; height: auto; object-fit: contain; } .yc-logo-item img[src*=\"Ontwerp_zonder\"] { width: 77px !important; height: 77px !important; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .yc-growth-icon { position: absolute; top: 2rem; right: 2rem; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.03); border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.05); z-index: 1; } .yc-growth-icon svg { width: 32px; height: 32px; stroke: #fff; stroke-width: 1.5; transition: stroke 0.3s ease; } .yc-growth-card.active .yc-growth-watermark { -webkit-text-stroke-color: rgba(45, 191, 58, 0.2); opacity: 1; } .yc-growth-card.active .yc-growth-icon { background: rgba(45, 191, 58, 0.1); border-color: rgba(45, 191, 58, 0.3); } .yc-growth-card.active .yc-growth-icon svg { stroke: #2DBF3A; } .yc-growth-card h3 { position: relative; z-index: 2; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; margin-top: auto; color: #fff; } .yc-growth-card p { position: relative; z-index: 2; font-size: 1rem; line-height: 1.6; color: #94A3B8; margin: 0; } @media (max-width: 900px) { .yc-growth-section { height: auto; min-height: 100vh; padding: 5vh 0; } .yc-growth-layout { flex-direction: column; align-items: flex-start; justify-content: center; text-align: left; } .yc-growth-col-left, .yc-growth-col-right { width: 100%; justify-content: flex-start; } .yc-growth-col-left { margin-bottom: 0; padding-left: 0; padding-right: 0; } .yc-growth-copy h2, .yc-growth-copy p { text-align: left; margin-left: 0; } .yc-growth-col-right { justify-content: center; margin-top: 2rem; } .yc-growth-stack { width: 90vw; max-width: 400px; position: relative; top: auto; right: auto; transform: none; margin: 0 auto; height: 400px; } .yc-growth-card { position: absolute; transform-style: flat !important; rotate: 0deg !important; } .yc-growth-watermark, .yc-growth-icon svg { transform: none !important; rotate: 0deg !important; } } .yc-carousel-controls { display: none; } @media (max-width: 900px) { .yc-carousel-controls { display: flex; position: absolute; top: 25%; left: 0; width: 100%; justify-content: space-between; padding: 0 0.5rem; pointer-events: none; z-index: 999; transform: translateY(-50%); } .yc-carousel-controls button { pointer-events: auto; background: transparent; border: none; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: #fff !important; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8)); cursor: pointer; } .yc-carousel-controls button svg { width: 32px; height: 32px; stroke-width: 3; } @media (max-width: 768px) { #services { padding-bottom: 4rem !important; } #performance-dashboard { padding-top: 4rem !important; } } } .yc-carousel-controls button { pointer-events: auto; background: transparent; border: none; border-radius: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: #fff; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5)); cursor: pointer; transition: transform 0.2s ease; } .yc-carousel-controls button:active { background: #2DBF3A; } } <\/style> <style> :root { --yc-green: #2DBF3A; --yc-orange: #F89200; --yc-dark: #1d1d1f; --yc-text: #ffffff; --yc-muted: rgba(255, 255, 255, 0.75); --font-primary: \"SF Pro Text\", -apple-system, BlinkMacSystemFont, sans-serif; --glass-bg: rgba(255, 255, 255, 0.05); --dropdown-bg: #1d1d1f; }  body { background-color: var(--yc-dark); color: var(--yc-text); font-family: var(--font-primary); }     .yc-logo-link { display: flex; align-items: center; text-decoration: none; transition: opacity 0.3s ease; } .yc-logo-link:hover { opacity: 0.8; } .yc-logo { height: 45px; width: 45px; object-fit: contain; }      .yc-arrow { width: 10px; height: 10px; stroke: currentColor; stroke-width: 2; fill: none; transition: transform 0.3s ease; }          .yc-actions { display: flex; align-items: center; gap: 1rem; }    .status-open { background-color: #2DBF3A !important; box-shadow: 0 0 10px #2DBF3A; animation: yc-pulse-green 2s infinite; } .status-closed { background-color: #E53935 !important; box-shadow: 0 0 10px #E53935; animation: yc-pulse-red 2s infinite; } @keyframes yc-pulse-green { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(45, 191, 58, 0.7); } 70% { transform: scale(1.1); box-shadow: 0 0 0 10px rgba(45, 191, 58, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(45, 191, 58, 0); } } @keyframes yc-pulse-red { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(229, 57, 53, 0.7); } 70% { transform: scale(1.1); box-shadow: 0 0 0 10px rgba(229, 57, 53, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(229, 57, 53, 0); } } .phone-container { background-color: var(--yc-orange); border-radius: 10px; padding: 0 1.5rem; height: 48px; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; cursor: pointer; box-shadow: 0 4px 15px rgba(248, 146, 0, 0.3); } .phone-container:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(248, 146, 0, 0.4); background-color: #e08400; } .phone-container a { text-decoration: none; display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; color: #ffffff; } .phone-container img { width: 18px; height: 18px; filter: brightness(0) invert(1); } #statusCircle, #statusCircleMobile { width: 10px; height: 10px; border-radius: 50%; margin-left: 5px; flex-shrink: 0; display: inline-block; }    @media (max-width: 1100px) {    .yc-actions { display: flex; gap: 1rem; order: 2; flex: 1; justify-content: flex-end; }  .yc-actions  .yc-logo-link { order: 1; } }                 @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap'); :root { --yc-black: #050505; --yc-white: #f5f5f7; --yc-card-bg: #111113; --yc-card-border: #27272a; --yc-green: #2DBF3A; --yc-orange: #FEAA47; --yc-grey: #f5f5f7; --yc-text-muted: #f5f5f7; --font-main: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; } body { margin: 0; padding: 0; font-family: var(--font-main); background-color: var(--yc-black); -webkit-font-smoothing: antialiased; }                                  @media (max-width: 1024px) {  } @media (max-width: 600px) {    } p, li { font-size: 16px !important; font-family: \"SF Pro Text\", -apple-system, BlinkMacSystemFont, sans-serif !important; color: #ffffff !important; } h1, h2, h3, h4, h5, h6, span, div, a { color: #ffffff !important; } .yc-static-text *, .yc-legal-text * { color: #ffffff !important; } .yc-word-highlight { opacity: 0.3; transition: opacity 0.3s ease; } .yc-word-highlight.active { opacity: 1; } #scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: #2DBF3A; z-index: 9999; transition: width 0.1s linear; }  .yc-static-text *, .yc-legal-text * { color: #ffffff !important; } .yc-static-text p, .yc-static-text li, .yc-static-text span, .yc-static-text label, .yc-legal-text p, .yc-legal-text li, .yc-legal-text span, .yc-legal-text label { font-size: 16px !important; line-height: 1.65 !important; } <\/style><\/head> <body> <div class=\"yc-dark\"> <div id=\"scroll-progress\"><\/div>    <canvas id=\"infinity-bg\"><\/canvas> <main> <script> (function () { const canvas = document.getElementById('infinity-bg'); if (!canvas) return; const ctx = canvas.getContext('2d'); let width, height; function resize() { width = canvas.width = window.innerWidth; height = canvas.height = window.innerHeight; } window.addEventListener('resize', resize); resize(); const particles = []; const particleCount = 60; class Particle { constructor() { this.reset(); } reset() { this.x = Math.random() * width; this.y = Math.random() * height; this.vx = (Math.random() - 0.5) * 0.5; this.vy = (Math.random() - 0.5) * 0.5; this.size = Math.random() * 2 + 0.5; this.alpha = Math.random() * 0.5 + 0.1; this.color = '#2DBF3A'; } update() { this.x += this.vx; this.y += this.vy; if (this.x < 0 || this.x > width || this.y < 0 || this.y > height) this.reset(); } draw() { ctx.fillStyle = this.color; ctx.globalAlpha = this.alpha; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } for (let i = 0; i < particleCount; i++) particles.push(new Particle()); function animate() { ctx.clearRect(0, 0, width, height); particles.forEach(p => { p.update(); p.draw(); }); requestAnimationFrame(animate); } animate(); })(); <\/script> <style> .yc-static-content { padding-top: 15vh; padding-bottom: 8rem; color: rgba(255, 255, 255, 0.8); position: relative; z-index: 10; } .yc-static-title { font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; font-size: 3.5rem; color: white; margin-bottom: 2rem; font-weight: 700; line-height: 1.1; text-align: center; } .yc-static-text { max-width: 800px; font-size: 1.1rem; line-height: 1.8; margin: 0 auto; text-align: center; } .yc-static-text h2 { font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; color: white; margin-top: 3rem; margin-bottom: 1.5rem; font-size: 2rem; font-weight: 600; } .yc-static-text p { margin-bottom: 1.5rem; } <\/style> <section class=\"yc-section yc-static-content\"> <div class=\"yc-container\"> <h1 class=\"yc-static-title\">Cookiebeleid (EU)<\/h1> <div class=\"yc-legal-text\" style=\"font-size: 1.1rem; line-height: 1.8; color: rgba(255,255,255,0.8); max-width: 900px; margin: 0 auto; text-align: left;\"><p class=\"yc-highlight-container\"> <i>Dit cookiebeleid is voor het laatst ge\u00fcpdatet op 6 januari, 2026 en is van toepassing op burgers en wettelijke permanente inwoners van de Europese Economische Ruimte en Zwitserland.<\/i> <\/p><h2>1. Introductie<\/h2><p class=\"yc-highlight-container\"> Op onze site,\u00a0<a href=\"https:\/\/youthcommerce.nl\/\">https:\/\/youthcommerce.nl<\/a>\u00a0(hierna: \u201cde site\u201d) wordt gebruikgemaakt van cookies en andere aanverwante technieken. (Hierna geldt dat alle technieken voor het gemak \u201ccookies\u201d worden genoemd). Ook via derden die door ons zijn ingeschakeld, worden cookies geplaatst. In het onderstaande document informeren wij je over het gebruik van cookies op onze site. <\/p><h2>2. Wat zijn cookies?<\/h2><p class=\"yc-highlight-container\"> Een cookie is een klein eenvoudig bestand dat samen met pagina's van deze site wordt verzonden en door je browser op de harde schijf van je computer of ander apparaat wordt opgeslagen. De daarin opgeslagen informatie kan tijdens een volgend bezoek terug worden gestuurd naar onze servers of naar de servers van de betreffende derde partijen. <\/p><h2>3. Wat zijn scripts?<\/h2><p class=\"yc-highlight-container\"> Een script is een stukje programmacode dat wordt gebruikt om onze site goed te laten functioneren en interactief te maken. Deze code wordt uitgevoerd op onze server, of op je apparatuur. <\/p><h2>4. Wat is een web beacon?<\/h2><p class=\"yc-highlight-container\"> Een web beacon (ook pixel tag) is een klein, onzichtbaar stukje tekst of afbeelding op een site dat gebruikt wordt om verkeer op een site in kaart te brengen. Om dit te doen worden er met behulp van web beacons verschillende gegevens van je opgeslagen. <\/p><h2>5. Cookies<\/h2> <p class=\"yc-highlight-container cmplz-subtitle\"><p class=\"yc-highlight-container\">5.1 Technische of functionele cookies<\/p><p class=\"yc-highlight-container\"> Sommige cookies zorgen ervoor dat bepaalde onderdelen van de site goed werken en dat je gebruikers voorkeuren bekend blijven. Door het plaatsen van functionele cookies zorgen wij ervoor dat je onze site makkelijker kunt bezoeken. Op deze manier hoef je bijvoorbeeld niet steeds opnieuw dezelfde informatie in te voeren bij een bezoek aan onze site en is het onder andere mogelijk dat de artikelen in je winkelwagen bewaard blijven tot dat je hebt afgerekend. Deze cookies mogen wij plaatsen zonder dat je hier toestemming voor geeft. <\/p><p class=\"yc-highlight-container cmplz-subtitle\"><p class=\"yc-highlight-container\">5.2 Statistieken cookies<\/p><p class=\"yc-highlight-container\"> Wij gebruiken statistieken cookies om de beleving voor onze gebruikers te optimaliseren. Wij krijgen door middel van statistieken cookies inzicht in het gebruik van onze site.\u00a0Wij vragen je toestemming om statistieken cookies te plaatsen. <\/p><p class=\"yc-highlight-container cmplz-subtitle\"><p class=\"yc-highlight-container\">5.3 Advertentie cookies<\/p><p class=\"yc-highlight-container\"> Op deze site gebruiken wij advertentie cookies, waarmee wij inzicht vergaren in campagne resultaten. Dit gebeurt gebaseerd op een profiel die wij cre\u00ebren op basis van je gedrag op\u00a0<a href=\"https:\/\/youthcommerce.nl\/\">https:\/\/youthcommerce.nl<\/a>. Met deze cookies wordt je als site bezoeker gelinkt aan een unieke ID maar deze cookies worden niet gebruikt om je gedrag en interesses te profileren om gepersonaliseerde advertenties te tonen. <\/p><p class=\"yc-highlight-container cmplz-subtitle\"><p class=\"yc-highlight-container\">5.4 Marketing\/Tracking cookies<\/p><p class=\"yc-highlight-container\"> Marketing\/tracking cookies zijn cookies of enige andere vorm van lokale opslag, die worden gebruikt om gebruikersprofielen te maken met het doel om advertenties te tonen of om de gebruiker te volgen op deze of verschillende sites voor soortgelijke marketingdoeleinden. Aangezien deze cookies worden aangemerkt als tracking cookies, vragen we voor het plaatsen hiervan dan ook je toestemming. <\/p><p class=\"yc-highlight-container cmplz-subtitle\"><p class=\"yc-highlight-container\">5.5 Sociale media<\/p><p class=\"yc-highlight-container\"> Op onze site hebben wij inhoud van Facebook, Twitter, LinkedIn en Pinterest opgenomen om webpagina's te promoten (bijv. \"vind ik leuk\", \"pin\") of te delen (bijv. \"tweet\") op sociale netwerken zoals Facebook, Twitter, LinkedIn en Pinterest. Deze inhoud is ingesloten met code die is afgeleid van Facebook, Twitter, LinkedIn en Pinterest en plaatst cookies. Deze inhoud kan bepaalde informatie opslaan en verwerken voor gepersonaliseerde reclame. Lees de privacyverklaring van deze partijen door (welke regelmatig kunnen wijzigen) om te weten wat zij met je (persoons)gegevens doen die zij via deze cookies verwerken. De informatie die zij verzamelen, wordt zo veel mogelijk geanonimiseerd. Facebook, Twitter, LinkedIn en Pinterest zijn gevestigd in de Verenigde Staten. <\/p><h2>6. Geplaatste cookies<\/h2> <div id=\"cmplz-cookies-overview\"> <details class=\"cmplz-dropdown cmplz-service-desc cmplz-dropdown-cookiepolicy \"> <div> <h3>YouTube<\/h3><p class=\"yc-highlight-container\"> Doel wordt onderzocht <label class=\"cmplz_consent_per_service_label\" for=\"cmplz_service_youtube\"><span class=\"screen-reader-text\">Consent to service youtube<\/span><\/label> <\/p><\/div> <div class=\"cmplz-service-description\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cmplz-sharing-data\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cookies-per-purpose\"> <div class=\"purpose\"> <h4><\/h4> <\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <\/div> <\/details> <details class=\"cmplz-dropdown cmplz-service-desc cmplz-dropdown-cookiepolicy \"> <div> <h3>PayPal<\/h3><p class=\"yc-highlight-container\"> Doel wordt onderzocht <label class=\"cmplz_consent_per_service_label\" for=\"cmplz_service_paypal\"><span class=\"screen-reader-text\">Consent to service paypal<\/span><\/label> <\/p><\/div> <div class=\"cmplz-service-description\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cmplz-sharing-data\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cookies-per-purpose\"> <div class=\"purpose\"> <h4><\/h4> <\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <\/div> <\/details> <details class=\"cmplz-dropdown cmplz-service-desc cmplz-dropdown-cookiepolicy \"> <div> <h3>Google Maps<\/h3><p class=\"yc-highlight-container\"> Doel wordt onderzocht <label class=\"cmplz_consent_per_service_label\" for=\"cmplz_service_google-maps\"><span class=\"screen-reader-text\">Consent to service google-maps<\/span><\/label> <\/p><\/div> <div class=\"cmplz-service-description\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cmplz-sharing-data\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cookies-per-purpose\"> <div class=\"purpose\"> <h4><\/h4> <\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <\/div> <\/details> <details class=\"cmplz-dropdown cmplz-service-desc cmplz-dropdown-cookiepolicy \"> <div> <h3>Facebook<\/h3><p class=\"yc-highlight-container\"> Doel wordt onderzocht <label class=\"cmplz_consent_per_service_label\" for=\"cmplz_service_facebook\"><span class=\"screen-reader-text\">Consent to service facebook<\/span><\/label> <\/p><\/div> <div class=\"cmplz-service-description\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cmplz-sharing-data\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cookies-per-purpose\"> <div class=\"purpose\"> <h4><\/h4> <\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <\/div> <\/details> <details class=\"cmplz-dropdown cmplz-service-desc cmplz-dropdown-cookiepolicy \"> <div> <h3>Twitter<\/h3><p class=\"yc-highlight-container\"> Doel wordt onderzocht <label class=\"cmplz_consent_per_service_label\" for=\"cmplz_service_twitter\"><span class=\"screen-reader-text\">Consent to service twitter<\/span><\/label> <\/p><\/div> <div class=\"cmplz-service-description\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cmplz-sharing-data\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cookies-per-purpose\"> <div class=\"purpose\"> <h4><\/h4> <\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <\/div> <\/details> <details class=\"cmplz-dropdown cmplz-service-desc cmplz-dropdown-cookiepolicy \"> <div> <h3>LinkedIn<\/h3><p class=\"yc-highlight-container\"> Doel wordt onderzocht <label class=\"cmplz_consent_per_service_label\" for=\"cmplz_service_linkedin\"><span class=\"screen-reader-text\">Consent to service linkedin<\/span><\/label> <\/p><\/div> <div class=\"cmplz-service-description\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cmplz-sharing-data\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cookies-per-purpose\"> <div class=\"purpose\"> <h4><\/h4> <\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <\/div> <\/details> <details class=\"cmplz-dropdown cmplz-service-desc cmplz-dropdown-cookiepolicy \"> <div> <h3>Google Adsense<\/h3><p class=\"yc-highlight-container\"> Doel wordt onderzocht <label class=\"cmplz_consent_per_service_label\" for=\"cmplz_service_google-adsense\"><span class=\"screen-reader-text\">Consent to service google-adsense<\/span><\/label> <\/p><\/div> <div class=\"cmplz-service-description\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cmplz-sharing-data\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cookies-per-purpose\"> <div class=\"purpose\"> <h4><\/h4> <\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <\/div> <\/details> <details class=\"cmplz-dropdown cmplz-service-desc cmplz-dropdown-cookiepolicy \"> <div> <h3>Diversen<\/h3><p class=\"yc-highlight-container\"> Doel wordt onderzocht <label class=\"cmplz_consent_per_service_label\" for=\"cmplz_service_diversen\"><span class=\"screen-reader-text\">Consent to service diversen<\/span><\/label> <\/p><\/div> <div class=\"cmplz-service-description\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cmplz-sharing-data\"> <h4><\/h4><p class=\"yc-highlight-container\"> &nbsp; <\/p><\/div> <div class=\"cookies-per-purpose\"> <div class=\"purpose\"> <h4><\/h4> <\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <div class=\"name-header\"> <h5><\/h5> <\/div> <div class=\"name\"><\/div> <div class=\"retention-header\"> <h5><\/h5> <\/div> <div class=\"retention\"><\/div> <div class=\"function-header\"> <h5><\/h5> <\/div> <div class=\"function\"><\/div> <\/div> <\/details> <\/div> <h2>7. Toestemming<\/h2><p class=\"yc-highlight-container\"> Wanneer je onze site voor het eerst bezoekt, tonen wij een pop-up met uitleg over cookies. Zodra je klikt op \u2018Voorkeuren opslaan\u2019 geef je ons toestemming om de categorie\u00ebn cookies en plugins te gebruiken die je hebt geselecteerd in de pop-up en welke zijn omschreven in het cookiebeleid. Je kunt via je browser het plaatsen van cookies uitschakelen, je moet er dan wel rekening mee houden dat onze site dan mogelijk niet meer optimaal werkt. <\/p><p class=\"yc-highlight-container cmplz-subtitle\"><p class=\"yc-highlight-container\">7.1 Beheer uw cookie toestemming<\/p> <div id=\"cmplz-manage-consent-container\" class=\"cmplz-manage-consent-container\"> <div class=\"cmplz-categories\"> <details class=\"cmplz-category cmplz-functional\"> <summary><p class=\"yc-highlight-container\"><span class=\"cmplz-category-header\"><span class=\"cmplz-category-title\">Functioneel<\/span><span class=\"cmplz-always-active\">Altijd actief<\/span><\/span><\/p><\/summary> <div class=\"cmplz-description\"><\/div> <\/details> <details class=\"cmplz-category cmplz-statistics\"> <summary><p class=\"yc-highlight-container\"><span class=\"cmplz-category-header\"><span class=\"cmplz-category-title\">Statistieken<\/span><span class=\"cmplz-banner-checkbox\"><input id=\"cmplz-statistics-optin\" class=\"cmplz-consent-checkbox cmplz-statistics\" size=\"40\" type=\"checkbox\" value=\"1\" data-category=\"cmplz_statistics\" \/><label class=\"cmplz-label\" for=\"cmplz-statistics-optin\"><span class=\"screen-reader-text\">Statistieken<\/span><\/label><\/span><\/span><\/p><\/summary> <div class=\"cmplz-description\"><\/div> <\/details> <details class=\"cmplz-category cmplz-marketing\"> <summary><p class=\"yc-highlight-container\"><span class=\"cmplz-category-header\"><span class=\"cmplz-category-title\">Marketing<\/span><span class=\"cmplz-banner-checkbox\"><input id=\"cmplz-marketing-optin\" class=\"cmplz-consent-checkbox cmplz-marketing\" size=\"40\" type=\"checkbox\" value=\"1\" data-category=\"cmplz_marketing\" \/><label class=\"cmplz-label\" for=\"cmplz-marketing-optin\"><span class=\"screen-reader-text\">Marketing<\/span><\/label><\/span><\/span><\/p><\/summary> <div class=\"cmplz-description\"><\/div> <\/details> <\/div> <\/div> <h2>8. Cookies in-\/uitschakelen en verwijderen<\/h2><p class=\"yc-highlight-container\"> Je kunt je internet browser gebruiken om cookies automatisch of handmatig te verwijderen. Je kunt ook aangeven dat bepaalde cookies niet geplaatst mogen worden. Een andere optie is om de instellingen van je internetbrowser zo aan te passen dat je iedere keer dat er een cookie wordt geplaatst een bericht ontvangt. Raadpleeg voor meer informatie over deze opties de instructies in de Hulp sectie van je browser. Let op: onze site werkt mogelijk niet optimaal als alle cookies zijn uitgeschakeld. Als je wel de cookies in je browser verwijdert, worden ze na je toestemming opnieuw geplaatst bij een nieuw bezoek aan onze site. <\/p><h2>9. Je rechten met betrekking tot persoonsgegevens<\/h2><p class=\"yc-highlight-container\"> Je hebt de volgende rechten met betrekking tot je persoonsgegevens: <\/p><ul> <li><p class=\"yc-highlight-container\">Je hebt het recht om te weten waarom je persoonsgegevens nodig zijn, wat ermee gebeurt en hoe lang ze worden bewaard.<\/p><\/li> <li><p class=\"yc-highlight-container\">Recht op inzage: je kunt een verzoek indienen om inzage in de gegevens die we van je verwerken.<\/p><\/li> <li><p class=\"yc-highlight-container\">Recht op rectificatie en aanvulling: je hebt het recht om je persoonlijke gegevens aan te vullen, te corrigeren, te verwijderen of te blokkeren wanneer je maar wilt.<\/p><\/li> <li><p class=\"yc-highlight-container\">Als je ons toestemming geeft om je gegevens te verwerken, heb je het recht om die toestemming in te trekken en je persoonlijke gegevens te laten verwijderen.<\/p><\/li> <li><p class=\"yc-highlight-container\">Recht om je gegevens over te dragen: je hebt het recht om al je persoonlijke gegevens op te vragen bij de verwerkingsverantwoordelijke en deze in hun geheel over te dragen aan een andere verwerkingsverantwoordelijke. <\/p><\/li> <li><p class=\"yc-highlight-container\">Recht op bezwaar: je kan bezwaar maken tegen de verwerking van je gegevens. Wij komen hieraan tegemoet, tenzij er gegronde redenen voor verwerking zijn.<\/p><\/li> <\/ul><p class=\"yc-highlight-container\"> Om deze rechten uit te oefenen, neem contact met ons op. Verwijs naar de contactgegevens onderaan dit cookiebeleid. Als je een klacht hebt over hoe we met je gegevens omgaan, horen we graag van je, maar je hebt ook het recht om een klacht in te dienen bij de toezichthoudende autoriteit (de Autoriteit Persoonsgegevens). <\/p><h2>10. Contactinformatie<\/h2><p class=\"yc-highlight-container\"> Voor vragen en\/of opmerkingen met betrekking tot ons cookiebeleid en deze verklaring kun je contact met ons opnemen via de volgende contactinformatie: <span class=\"cmplz-contact-organisation\">YouthCommerce<\/span> <span class=\"cmplz-contact-address\">Breukelaarweg 4 7051DX Varsseveld<\/span> <span class=\"cmplz-contact-country\">Nederland<\/span> Site:\u00a0<span class=\"cmplz-contact-domain\"><a href=\"https:\/\/youthcommerce.nl\/\">https:\/\/youthcommerce.nl<\/a><\/span> E-mail:\u00a0<span class=\"cmplz-contact-email\"><span class=\"cmplz-obfuscate\">info@youthcommerce.nl<\/span><\/span> <\/p><\/div> <\/div> <\/div> <\/section>\n        <\/main>\n    <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cookiebeleid (EU) Dit cookiebeleid is voor het laatst ge\u00fcpdatet op 6 januari, 2026 en is van toepassing op burgers en wettelijke permanente inwoners van de Europese Economische Ruimte en Zwitserland. 1. Introductie Op onze site,\u00a0https:\/\/youthcommerce.nl\u00a0(hierna: \u201cde site\u201d) wordt gebruikgemaakt van cookies en andere aanverwante technieken. (Hierna geldt dat alle technieken voor het gemak \u201ccookies\u201d worden [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6971","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\/6971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/comments?post=6971"}],"version-history":[{"count":21,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages\/6971\/revisions"}],"predecessor-version":[{"id":12327,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages\/6971\/revisions\/12327"}],"wp:attachment":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/media?parent=6971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}