{"id":27817,"date":"2026-06-05T10:48:50","date_gmt":"2026-06-05T10:48:50","guid":{"rendered":"https:\/\/remote-opus.com\/?page_id=27817"},"modified":"2026-06-02T12:05:24","modified_gmt":"2026-06-02T12:05:24","slug":"home-page","status":"publish","type":"page","link":"https:\/\/remote-opus.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27817\" class=\"elementor elementor-27817\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bfeaa6 e-con-full e-flex e-con e-parent\" data-id=\"2bfeaa6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-283a4e4 elementor-widget elementor-widget-html\" data-id=\"283a4e4\" 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>\r\n<html lang=\"nl\">\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2025\/01\/cropped-DByy2b1.png\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&display=swap\" rel=\"stylesheet\">\r\n\r\n  <!-- ============================================================\r\n       REMOTE OPUS - HOME PAGE (FULL WIDTH FIX)\r\n       ============================================================\r\n       EDITABLE ELEMENTS (search for these tags in the code):\r\n         \ud83c\udfac [VIDEO]    - Hero background video URL\r\n         \ud83d\uddbc\ufe0f [IMAGE]    - Image placeholder spots\r\n         \ud83d\udd17 [LINK]     - All clickable links\r\n         \ud83d\udd18 [BUTTON]   - Call-to-action buttons\r\n         \ud83d\udcdd [TEXT]     - Editable text content\r\n       ============================================================ -->\r\n\r\n  <style>\n\/* === RO DESIGN CONTROLS v1 === *\/\n    \/* ============================================================\n       \ud83c\udf9b\ufe0f  DESIGN CONTROLS \u2014 edit only the numbers below.\n       Numbers are in 'rem' (1rem \u2248 16px). 1.25rem \u2248 20px. 2.5rem \u2248 40px.\n       After editing, click \"Update\" in Elementor (top right) and then\n       WP Admin \u2192 Elementor \u2192 Tools \u2192 Clear Files & Data.\n       ============================================================ *\/\n\n    \/* --- HERO (top section with H1 + buttons) --- *\/\n    .ro-home .hero-tag      { margin-bottom: 1.25rem !important; }  \/* space below the green eyebrow pill *\/\n    .ro-home .hero h1       { margin-bottom: 1.5rem  !important; }  \/* space below the big headline (H1) *\/\n    .ro-home .hero-sub      { margin-bottom: 2rem    !important; }  \/* space between subtitle and buttons *\/\n    .ro-home .hero-actions  { margin-bottom: 2rem    !important; }  \/* space below the two buttons *\/\n    .ro-home .hero-trust    { margin-top:    2rem    !important; }  \/* space above the trust avatars row *\/\n\n    \/* --- BUTTONS (size + roundness) --- *\/\n    .ro-home .btn-primary,\n    .ro-home .btn-secondary { padding: 0.85rem 2rem !important; border-radius: 50px !important; }\n\n    \/* --- SECTIONS (vertical breathing room per block) --- *\/\n    .ro-home .section       { padding-top: 5rem    !important; padding-bottom: 5rem !important; } \/* generic section *\/\n    .ro-home .section-head  { margin-bottom: 3rem  !important; }  \/* gap between section title block and section content *\/\n    .ro-home .stag          { margin-bottom: 0.75rem !important; } \/* small eyebrow above section titles *\/\n    .ro-home .stitle        { margin-bottom: 1rem  !important; }   \/* section title (H2) *\/\n    .ro-home .ssub          { margin-bottom: 2.5rem !important; }  \/* section subtitle *\/\n\n    \/* --- CARDS \/ GRIDS --- *\/\n    .ro-home .spec-grid     { gap: 1rem !important; }              \/* gap between specialist cards *\/\n    .ro-home .spec-card     { padding: 1.5rem !important; }\n    .ro-home .cards-grid    { gap: 1rem !important; }\n    .ro-home .vcard         { padding: 1.5rem !important; }\n\n    \/* --- STATS BAR --- *\/\n    .ro-home .stats-bar     { padding: 3rem 6% !important; }\n    .ro-home .stat-item     { padding: 0.5rem 0 !important; }\n\n    \/* --- IMAGES & FIGURES --- *\/\n    .ro-home figure         { margin: 2rem 0 !important; }         \/* spacing above\/below inline images *\/\n\n    \/* --- FOOTER \/ FAQ --- *\/\n    .ro-home .faq           { margin: 2rem 0 !important; }\n    .ro-home .final-cta     { padding: 4rem 6% !important; }\n\n    \/* === END DESIGN CONTROLS === *\/\n\n\r\n    \/* ================================\r\n       FULL WIDTH BREAKOUT\r\n       Forces this page to escape any\r\n       parent WordPress container\/padding\r\n       ================================ *\/\r\n    .ro-home {\r\n      width: 100vw;\r\n      position: relative;\r\n      left: 50%;\r\n      right: 50%;\r\n      margin-left: -50vw;\r\n      margin-right: -50vw;\r\n      max-width: 100vw;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    \/* Override any theme container restrictions *\/\r\n    .ro-home,\r\n    .ro-home * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* ================================\r\n       1. VARIABLES & RESET\r\n       ================================ *\/\r\n    .ro-home {\r\n      --green-dark: #1A4731;\r\n      --green-mid: #2E7D52;\r\n      --green-light: #4CAF79;\r\n      --green-pale: #E8F5EE;\r\n      --green-mint: #F0F9F4;\r\n      --white: #FFFFFF;\r\n      --ink: #0F2318;\r\n      --muted: #6B8F7A;\r\n      --border: #C8E0D4;\r\n      font-family: Helvetica, Arial, sans-serif;\r\n      background: var(--white);\r\n      color: var(--ink);\r\n    }\r\n\r\n    .ro-home *, .ro-home *::before, .ro-home *::after {\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    \/* Headings stay intact on mobile (no mid-word breaks) - paragraphs may still wrap *\/\r\n    .ro-home h1, .ro-home h2, .ro-home h3 {\r\n      overflow-wrap: normal;\r\n      word-break: keep-all;\r\n      hyphens: none;\r\n      text-wrap: balance;\r\n    }\r\n    .ro-home p {\r\n      overflow-wrap: break-word;\r\n      word-wrap: break-word;\r\n    }\r\n\r\n    \/* ================================\r\n       2. HERO SECTION\r\n       ================================ *\/\r\n    .ro-home .hero {\r\n      padding: 8rem 6% 6rem;\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ro-home .hero-bg-video {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      width: 50%;\r\n      clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);\r\n      z-index: 0;\r\n      background: var(--green-dark);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ro-home .hero-bg-video video {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ro-home .hero-bg-video::after {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: rgba(26, 71, 49, 0.2);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ro-home .hero-text {\r\n      position: relative;\r\n      z-index: 1;\r\n      max-width: 50%;\r\n    }\r\n\r\n    .ro-home .hero-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n      background: var(--green-pale);\r\n      color: var(--green-mid);\r\n      padding: 0.35rem 1rem;\r\n      border-radius: 50px;\r\n      font-size: 0.75rem;\r\n      font-weight: 900;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .ro-home .hero h1 {\r\n      font-family: 'DM Serif Display', serif;\r\n      font-size: clamp(2.2rem, 3.2vw, 3.2rem);\r\n      line-height: 1.07;\r\n      letter-spacing: -0.03em;\r\n      color: var(--ink);\r\n      margin-bottom: 1.4rem;\r\n    }\r\n\r\n    .ro-home .hero h1 em {\r\n      color: var(--green-mid);\r\n      font-style: normal;\r\n    }\n\n    \/* Typewriter effect in the H1 \u2014 cursor uses \\00a0 (NBSP) prefix so the browser cannot\n       break the line between the typed text and the cursor. The cursor is now glued to the\n       last character even on mobile when the phrase wraps. *\/\n    .ro-home .hero h1 .ro-tw-text::after {\n      content: '\\00a0|';\n      display: inline;\n      color: var(--green-mid);\n      font-weight: 300;\n      animation: roTwBlink 0.9s steps(1) infinite;\n    }\n    @keyframes roTwBlink { 50% { opacity: 0; } }\n\n    \/* Mobile: shrink H1 so the longer phrases fit cleanly in 2 lines *\/\n    @media (max-width: 768px) {\n      .ro-home .hero h1 { font-size: 1.8rem; line-height: 1.2; }\n    }\n    @media (max-width: 480px) {\n      .ro-home .hero h1 { font-size: 1.55rem; }\n    }\n\n    \/* Typewriter effect in the H1 \u2014 cursor is a pseudo-element so it stays attached to the last char and never breaks to a separate line *\/\n    .ro-home .hero h1 .ro-tw-text {\n      \/* keep inline so it wraps naturally with the text flow *\/\n    }\n    .ro-home .hero h1 .ro-tw-text::after {\n      content: '|';\n      display: inline;\n      margin-left: 2px;\n      color: var(--green-mid);\n      font-weight: 300;\n      animation: roTwBlink 0.9s steps(1) infinite;\n    }\n    @keyframes roTwBlink { 50% { opacity: 0; } }\n\n    \/* Mobile: shrink H1 a bit so the longer phrases don't wrap awkwardly *\/\n    @media (max-width: 768px) {\n      .ro-home .hero h1 { font-size: 2.1rem; line-height: 1.15; }\n    } }\r\n\r\n    .ro-home .hero-sub {\r\n      font-size: 1.05rem;\r\n      color: var(--muted);\r\n      line-height: 1.75;\r\n      max-width: 480px;\r\n      margin-bottom: 5rem;\r\n    }\r\n\r\n    .ro-home .hero-actions {\r\n      display: flex;\r\n      gap: 1rem;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 3rem;\r\n    }\r\n\r\n    \/* ================================\r\n       3. BUTTONS\r\n       ================================ *\/\r\n    .ro-home .btn-primary {\r\n      background: var(--green-dark);\r\n      color: #FFFFFF !important;\r\n      padding: 0.85rem 2rem;\r\n      border-radius: 50px;\r\n      text-decoration: none;\r\n      font-weight: 600;\r\n      font-size: 0.925rem;\r\n      transition: all 0.2s;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .ro-home .btn-primary:hover {\r\n      background: var(--green-mid);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 10px 28px rgba(26, 71, 49, 0.25);\r\n    }\r\n\r\n    .ro-home .btn-secondary {\n      background: transparent;\n      color: var(--green-dark);\n      padding: 0.85rem 2rem;\n      border-radius: 50px;\n      text-decoration: none;\n      font-weight: 500;\n      font-size: 0.925rem;\n      border: 1.5px solid var(--green-dark);\n      transition: all 0.2s;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.5rem;\n      line-height: 1;\n    }\n\n    .ro-home .btn-primary {\n      line-height: 1;\n    }\r\n\r\n    .ro-home .btn-secondary:hover {\r\n      background: var(--green-pale);\r\n    }\r\n\r\n    \/* ================================\r\n       4. TRUST BADGE\r\n       ================================ *\/\r\n    .ro-home .hero-trust {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n    }\r\n\r\n    .ro-home .trust-text {\r\n      font-size: 0.78rem;\r\n      color: var(--muted);\r\n    }\r\n\r\n    .ro-home .trust-avs {\r\n      display: flex;\r\n    }\r\n\r\n    .ro-home .trust-av {\r\n      width: 32px;\r\n      height: 32px;\r\n      border-radius: 50%;\r\n      background: var(--green-dark);\r\n      border: 2px solid var(--white);\r\n      margin-left: -8px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-family: 'DM Serif Display', serif;\r\n      color: #FFFFFF !important;\r\n      font-size: 0.7rem;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .ro-home .trust-av img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .ro-home .trust-av:first-child {\r\n      margin-left: 0;\r\n    }\r\n\r\n    \/* ================================\r\n       5. LOGO MARQUEE\r\n       ================================ *\/\r\n    .ro-home .logo-section-container {\r\n      padding: 30px 0;\r\n      overflow: hidden;\r\n      background: transparent;\r\n    }\r\n\r\n    .ro-home .logo-marquee-title {\r\n      text-align: center;\r\n      font-size: 0.7rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      color: #6B8F7A;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .ro-home .logo-slider {\r\n      width: 100%;\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .ro-home .logo-slider::before,\r\n    .ro-home .logo-slider::after {\r\n      content: \"\";\r\n      height: 100%;\r\n      position: absolute;\r\n      width: 80px;\r\n      z-index: 2;\r\n    }\r\n\r\n    .ro-home .logo-slider::before {\r\n      left: 0;\r\n      background: linear-gradient(to right, white, transparent);\r\n    }\r\n\r\n    .ro-home .logo-slider::after {\r\n      right: 0;\r\n      top: 0;\r\n      background: linear-gradient(to left, white, transparent);\r\n    }\r\n\r\n    .ro-home .logo-track {\r\n      display: flex;\r\n      width: calc(140px * 24);\r\n      animation: ro-scrollAnimation 40s linear infinite;\r\n    }\r\n\r\n    .ro-home .logo-item {\r\n      width: 140px;\r\n      height: 60px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .ro-home .logo-item img {\r\n      max-width: 100%;\r\n      max-height: 40px;\r\n      width: auto;\r\n      object-fit: contain;\r\n      filter: grayscale(100%);\r\n      opacity: 0.7;\r\n      transition: 0.4s;\r\n    }\r\n\r\n    .ro-home .logo-item img:hover {\r\n      filter: grayscale(0%);\r\n      opacity: 1;\r\n      transform: scale(1.1);\r\n    }\r\n\r\n    @keyframes ro-scrollAnimation {\r\n      0% { transform: translateX(0); }\r\n      100% { transform: translateX(calc(-140px * 12)); }\r\n    }\r\n\r\n    \/* ================================\r\n       6. STATS BAR\r\n       ================================ *\/\r\n    .ro-home .stats-bar {\r\n      background: var(--green-dark);\r\n      padding: 4rem 6%;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 2rem;\r\n    }\r\n\r\n    .ro-home .stat-item {\r\n      text-align: center;\r\n    }\r\n\r\n    .ro-home .stat-num {\r\n      font-family: 'DM Serif Display', serif;\r\n      font-size: 3rem;\r\n      color: #FFFFFF !important;\r\n      line-height: 1;\r\n    }\r\n\r\n    .ro-home .stat-num span {\r\n      color: var(--green-light);\r\n    }\r\n\r\n    .ro-home .stat-num span.counter {\r\n      color: #FFFFFF !important;\r\n    }\r\n\r\n    .ro-home .stat-label {\r\n      font-size: 0.82rem;\r\n      color: rgba(255, 255, 255, 0.55);\r\n      margin-top: 0.5rem;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    \/* ================================\r\n       7. GENERIC SECTIONS\r\n       ================================ *\/\r\n    .ro-home .section {\r\n      padding: 6rem 6%;\r\n    }\r\n\r\n    .ro-home .section-alt {\r\n      background: var(--green-mint);\r\n    }\r\n\r\n    .ro-home .section-dark {\r\n      background: var(--green-dark);\r\n    }\r\n\r\n    .ro-home .stag {\r\n      font-size: 0.73rem;\r\n      font-weight: 900;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      color: var(--green-mid);\r\n      display: block;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .ro-home .section-dark .stag {\r\n      color: var(--green-light);\r\n    }\r\n\r\n    .ro-home .stitle {\r\n      font-family: 'DM Serif Display', serif;\r\n      font-size: clamp(2rem, 2.8vw, 2.7rem);\r\n      letter-spacing: -0.02em;\r\n      color: var(--ink);\r\n      line-height: 1.15;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .ro-home .section-dark .stitle {\r\n      color: #FFFFFF !important;\r\n    }\r\n\r\n    .ro-home .ssub {\r\n      font-size: 0.95rem;\r\n      color: var(--muted);\r\n      line-height: 1.7;\r\n      max-width: 540px;\r\n      margin-bottom: 3rem;\r\n    }\r\n\r\n    .ro-home .section-dark .ssub {\r\n      color: rgba(255, 255, 255, 0.6);\r\n    }\r\n\r\n    \/* ================================\r\n       8. VOOR WIE CARDS\r\n       ================================ *\/\r\n    .ro-home .voor-wie-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 1.5rem;\r\n    }\r\n\r\n    .ro-home .vw-card {\r\n      border-radius: 20px;\r\n      padding: 2.8rem;\r\n      text-decoration: none;\r\n      transition: all 0.3s;\r\n      position: relative;\r\n      overflow: hidden;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .ro-home .vw-card .vw-link {\r\n      margin-top: auto;\r\n    }\r\n\r\n    .ro-home .vw-card-ecom { background: var(--green-dark); }\r\n    .ro-home .vw-card-agency { background: var(--ink); }\r\n\r\n    .ro-home .vw-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .ro-home .vw-card-image {\r\n      width: auto;\r\n      height: 400px;\r\n      border-radius: 20px 20px 14px 14px;\r\n      background: rgba(255,255,255,0.06);\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: rgba(255,255,255,0.4);\r\n      font-size: 0.78rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.05em;\r\n      text-transform: uppercase;\r\n      text-align: center;\r\n      margin: -2.8rem -2.8rem 1.5rem;\r\n    }\r\n\r\n    .ro-home .vw-card-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center 30%;\r\n      display: block;\r\n    }\r\n\r\n    \/* ================================\r\n       8b. ANIMATED MATCHING CARDS\r\n       ================================ *\/\r\n    .ro-home .anim-stage {\r\n      width: 100%;\r\n      height: 420px;\r\n      border-radius: 14px;\r\n      background:\r\n        linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px),\r\n        rgba(255,255,255,0.02);\r\n      background-size: 28px 28px, 28px 28px, 100% 100%;\r\n      margin-bottom: 1.5rem;\r\n      overflow: hidden;\r\n      position: relative;\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n      padding: 22px;\r\n    }\r\n\r\n    .ro-home .anim-header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: 14px;\r\n      animation: ro-anim-fadeIn 0.5s ease both;\r\n    }\r\n\r\n    .ro-home .anim-header-title {\r\n      font-size: 0.62rem;\r\n      color: rgba(255,255,255,0.5);\r\n      font-weight: 800;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ro-home .anim-header-count {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.35rem;\r\n      background: rgba(76,175,121,0.15);\r\n      color: var(--green-light);\r\n      font-size: 0.6rem;\r\n      font-weight: 800;\r\n      padding: 0.22rem 0.6rem;\r\n      border-radius: 50px;\r\n      letter-spacing: 0.04em;\r\n    }\r\n\r\n    .ro-home .anim-header-count::before {\r\n      content: '';\r\n      width: 5px;\r\n      height: 5px;\r\n      border-radius: 50%;\r\n      background: var(--green-light);\r\n      animation: ro-anim-pulse 1.6s ease-in-out infinite;\r\n    }\r\n\r\n    .ro-home .anim-cand {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.7rem;\r\n      background: var(--white);\r\n      border-radius: 12px;\r\n      padding: 0.7rem 0.85rem;\r\n      margin-bottom: 10px;\r\n      box-shadow: 0 8px 18px rgba(0,0,0,0.18);\r\n      position: relative;\r\n      animation: ro-anim-cardIn 0.5s ease both;\r\n    }\r\n\r\n    .ro-home .anim-cand:nth-child(2) { animation-delay: 0.3s; }\r\n    .ro-home .anim-cand:nth-child(3) { animation-delay: 0.6s; }\r\n    .ro-home .anim-cand:nth-child(4) { animation-delay: 0.9s; }\r\n\r\n    .ro-home .anim-cand-avatar {\r\n      width: 38px;\r\n      height: 38px;\r\n      border-radius: 50%;\r\n      flex-shrink: 0;\r\n      background-size: cover;\r\n      background-position: center 20%;\r\n      border: 2px solid var(--green-pale);\r\n      position: relative;\r\n    }\r\n\r\n    .ro-home .anim-cand-flag {\r\n      position: absolute;\r\n      bottom: -3px;\r\n      right: -5px;\r\n      width: 22px;\r\n      height: 22px;\r\n      border-radius: 50%;\r\n      background: white;\r\n      border: 2.5px solid white;\r\n      box-shadow: 0 3px 8px rgba(0,0,0,0.25);\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 2;\r\n    }\r\n\r\n    .ro-home .anim-cand-flag img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .ro-home .anim-cand-avatar.av1 {\r\n      background-image: url('https:\/\/remote-opus.com\/wp-content\/uploads\/Untitled-design.png');\r\n    }\r\n\r\n    .ro-home .anim-cand-avatar.av2 {\r\n      background-image: url('https:\/\/remote-opus.com\/wp-content\/uploads\/3-1.png');\r\n    }\r\n\r\n    .ro-home .anim-cand-avatar.av3 {\r\n      background-image: url('https:\/\/remote-opus.com\/wp-content\/uploads\/2-2.png');\r\n    }\r\n\r\n    .ro-home .anim-cand-info {\r\n      flex: 1;\r\n      min-width: 0;\r\n    }\r\n\r\n    .ro-home .anim-cand-name {\r\n      font-size: 0.82rem;\r\n      color: var(--ink);\r\n      font-weight: 800;\r\n      margin-bottom: 0.1rem;\r\n    }\r\n\r\n    .ro-home .anim-cand-role {\r\n      font-size: 0.66rem;\r\n      color: var(--muted);\r\n      font-weight: 600;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.35rem;\r\n    }\r\n\r\n    .ro-home .anim-cand-role::before {\r\n      content: '';\r\n      width: 4px;\r\n      height: 4px;\r\n      border-radius: 50%;\r\n      background: var(--green-mid);\r\n    }\r\n\r\n    .ro-home .anim-cand-country {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.4rem;\r\n      font-size: 0.7rem;\r\n      color: var(--green-mid);\r\n      font-weight: 800;\r\n      margin-top: 0.3rem;\r\n      letter-spacing: 0.02em;\r\n    }\r\n\r\n    .ro-home .anim-cand-country img {\r\n      width: 18px;\r\n      height: 13px;\r\n      object-fit: cover;\r\n      border-radius: 2px;\r\n      box-shadow: 0 1px 3px rgba(0,0,0,0.2);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .ro-home .anim-cand-rating {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.25rem;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .ro-home .anim-cand-rating-stars {\r\n      color: #F4B942;\r\n      font-size: 0.68rem;\r\n      letter-spacing: 0.05em;\r\n    }\r\n\r\n    .ro-home .anim-cand-rating-num {\r\n      font-size: 0.72rem;\r\n      color: var(--ink);\r\n      font-weight: 800;\r\n    }\r\n\r\n    .ro-home .anim-cand-matched {\r\n      background: linear-gradient(135deg, rgba(76,175,121,0.08), rgba(46,125,82,0.04)), var(--white);\r\n      border: 1.5px solid var(--green-mid);\r\n      box-shadow: 0 12px 28px rgba(46,125,82,0.25);\r\n      animation: ro-anim-cardIn 0.5s ease 0.9s both, ro-anim-matchPulse 1s ease 1.6s;\r\n    }\r\n\r\n    .ro-home .anim-cand-matched .anim-cand-info {\r\n      min-width: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ro-home .anim-cand-matched .anim-cand-name {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n\r\n    .ro-home .anim-cand-matched .anim-cand-role {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n\r\n    .ro-home .anim-cand-matched .anim-cand-avatar {\r\n      border-color: var(--green-mid);\r\n    }\r\n\r\n    .ro-home .anim-cand-match-badge {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.3rem;\r\n      background: var(--green-mid);\r\n      color: var(--white);\r\n      font-size: 0.6rem;\r\n      font-weight: 800;\r\n      padding: 0.25rem 0.55rem;\r\n      border-radius: 50px;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n      flex-shrink: 0;\r\n      animation: ro-anim-fadeIn 0.4s ease 1.6s both;\r\n    }\r\n\r\n    .ro-home .anim-cand-match-badge svg {\r\n      width: 10px;\r\n      height: 10px;\r\n      stroke: white;\r\n      stroke-width: 3.5;\r\n      fill: none;\r\n    }\r\n\r\n    .ro-home .anim-match-score {\r\n      position: absolute;\r\n      top: -8px;\r\n      right: -8px;\r\n      background: var(--green-light);\r\n      color: var(--green-dark);\r\n      font-size: 0.62rem;\r\n      font-weight: 900;\r\n      padding: 0.2rem 0.5rem;\r\n      border-radius: 50px;\r\n      box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n      animation: ro-anim-fadeIn 0.4s ease 1.4s both;\r\n    }\r\n\r\n    @keyframes ro-anim-cardIn {\r\n      from { opacity: 0; transform: translateY(12px) scale(0.96); }\r\n      to { opacity: 1; transform: translateY(0) scale(1); }\r\n    }\r\n\r\n    @keyframes ro-anim-matchPulse {\r\n      0% { box-shadow: 0 12px 28px rgba(46,125,82,0.25); }\r\n      50% { box-shadow: 0 12px 36px rgba(46,125,82,0.5); }\r\n      100% { box-shadow: 0 12px 28px rgba(46,125,82,0.25); }\r\n    }\r\n\r\n    @keyframes ro-anim-fadeIn {\r\n      from { opacity: 0; transform: translateY(4px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes ro-anim-pulse {\r\n      0%, 100% { opacity: 1; transform: scale(1); }\r\n      50% { opacity: 0.5; transform: scale(0.85); }\r\n    }\r\n\r\n    .ro-home .vw-card-tag {\r\n      font-size: 0.7rem;\r\n      font-weight: 900;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: var(--green-light);\r\n      margin-bottom: 1rem;\r\n      display: block;\r\n    }\r\n\r\n    .ro-home .vw-card h3 {\r\n      font-family: 'DM Serif Display', serif;\r\n      font-size: 1.8rem;\r\n      color: #FFFFFF !important;\r\n      line-height: 1.15;\r\n      margin-bottom: 0.75rem;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .ro-home .vw-card p {\r\n      font-size: 0.88rem;\r\n      color: rgba(255, 255, 255, 0.6);\r\n      line-height: 1.65;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .ro-home .vw-link {\r\n      font-size: 0.85rem;\r\n      font-weight: 800;\r\n      color: var(--green-light);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.4rem;\r\n    }\r\n\r\n    .ro-home .vw-pills {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 0.5rem;\r\n      margin-top: 1.5rem;\r\n    }\r\n\r\n    .ro-home .vw-pill {\r\n      background: rgba(255, 255, 255, 0.08);\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 50px;\r\n      padding: 0.25rem 0.8rem;\r\n      font-size: 0.72rem;\r\n      color: rgba(255, 255, 255, 0.65);\r\n    }\r\n\r\n    \/* ================================\r\n       9. VALUE CARDS GRID\r\n       ================================ *\/\r\n    .ro-home .cards-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1.5rem;\r\n    }\r\n\r\n    .ro-home .vcard {\r\n      background: var(--white);\r\n      border-radius: 16px;\r\n      padding: 2rem;\r\n      border: 1px solid var(--border);\r\n      transition: all 0.25s;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ro-home .vcard::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 3px;\r\n      background: var(--green-mid);\r\n      transform: scaleX(0);\r\n      transform-origin: left;\r\n      transition: transform 0.3s;\r\n    }\r\n\r\n    .ro-home .vcard:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 16px 40px rgba(26, 71, 49, 0.1);\r\n    }\r\n\r\n    .ro-home .vcard:hover::before {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .ro-home .vc-icon {\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 12px;\r\n      background: var(--green-pale);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.3rem;\r\n      margin-bottom: 1.2rem;\r\n    }\r\n\r\n    .ro-home .vcard h3 {\r\n      font-size: 1rem;\r\n      font-weight: 800;\r\n      color: var(--ink);\r\n      margin-bottom: 0.55rem;\r\n    }\r\n\r\n    .ro-home .vcard p {\r\n      font-size: 0.855rem;\r\n      font-weight: 500;\r\n      color: var(--muted);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    \/* ================================\r\n       10. BANNER STRIP\r\n       ================================ *\/\r\n    .ro-home .banner-strip {\r\n      width: 100%;\r\n      height: 760px;\r\n      background: var(--green-mint);\r\n      border-top: 1px solid var(--border);\r\n      border-bottom: 1px solid var(--border);\r\n      overflow: hidden;\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .ro-home .banner-strip img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center 30%;\r\n      display: block;\r\n    }\r\n\r\n    \/* ================================\r\n       11. STEPS \/ HOW IT WORKS\r\n       ================================ *\/\r\n    .ro-home .steps {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 2rem;\r\n    }\r\n\r\n    .ro-home .step {\r\n      position: relative;\r\n    }\r\n\r\n    .ro-home .step-num {\r\n      font-family: 'DM Serif Display', serif;\r\n      font-size: 4rem;\r\n      color: rgba(255, 255, 255, 0.07);\r\n      line-height: 1;\r\n      margin-bottom: -1rem;\r\n    }\r\n\r\n    .ro-home .step-box {\r\n      background: rgba(255, 255, 255, 0.07);\r\n      border-radius: 16px;\r\n      padding: 1.8rem;\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .ro-home .step-icon {\r\n      font-size: 1.5rem;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .ro-home .step-title {\r\n      font-size: 1rem;\r\n      font-weight: 800;\r\n      color: #FFFFFF !important;\r\n      margin-bottom: 0.6rem;\r\n    }\r\n\r\n    .ro-home .step-desc {\r\n      font-size: 0.86rem;\r\n      color: rgba(255, 255, 255, 0.6);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .ro-home .step-arrow {\r\n      position: absolute;\r\n      top: 3.5rem;\r\n      right: -1.2rem;\r\n      color: var(--green-light);\r\n      font-size: 1.4rem;\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* ================================\r\n       12. SPECIALISMS\r\n       ================================ *\/\r\n    .ro-home .spec-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1rem;\r\n    }\r\n\r\n    .ro-home .spec-card {\r\n      background: var(--white);\r\n      border-radius: 14px;\r\n      padding: 1.4rem;\r\n      border: 1px solid var(--border);\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 0.9rem;\r\n      transition: background 0.2s, border-color 0.2s, transform 0.2s, box-shadow 0.2s;\r\n    }\r\n\r\n    .ro-home .spec-card:hover {\r\n      background: var(--green-mint);\r\n      border-color: var(--green-mid);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 12px 28px rgba(26, 71, 49, 0.08);\r\n    }\r\n\r\n    .ro-home .spec-icon {\r\n      font-size: 1.4rem;\r\n      flex-shrink: 0;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .ro-home .spec-content {\r\n      flex: 1;\r\n      min-width: 0;\r\n    }\r\n\r\n    .ro-home .spec-name {\r\n      font-weight: 800;\r\n      font-size: 0.9rem;\r\n      color: var(--ink);\r\n      line-height: 1.3;\r\n    }\r\n\r\n    \/* Description: always visible (was hover-expand, now shown by default) *\/\r\n    .ro-home .spec-desc {\r\n      font-size: 0.78rem;\r\n      color: var(--muted);\r\n      font-weight: 500;\r\n      line-height: 1.5;\r\n      margin-top: 0.45rem;\r\n    }\r\n\r\n    \/* ================================\r\n       13. REVIEWS \/ TESTIMONIALS\r\n       ================================ *\/\r\n    .ro-home .tgrid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 2rem;\r\n    }\r\n\r\n    .ro-home .tcard {\r\n      background: var(--white);\r\n      border-radius: 20px;\r\n      padding: 2.5rem;\r\n      border: 1px solid var(--border);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n    }\r\n\r\n    .ro-home .tcard-dark {\r\n      background: var(--green-dark);\r\n      border-color: var(--green-mid);\r\n    }\r\n\r\n    .ro-home .stars {\r\n      color: #F4B942;\r\n      font-size: 1rem;\r\n      letter-spacing: 0.1em;\r\n      margin-bottom: 1.2rem;\r\n    }\r\n\r\n    .ro-home .review-text {\r\n      font-size: 1rem;\r\n      font-weight: 400;\r\n      color: #1A2F20;\r\n      font-style: italic;\r\n      line-height: 1.75;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .ro-home .tcard-dark .review-text {\r\n      color: rgba(255, 255, 255, 0.92);\r\n    }\r\n\r\n    .ro-home .reviewer {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n      border-top: 1px solid var(--border);\r\n      padding-top: 1.2rem;\r\n    }\r\n\r\n    .ro-home .tcard-dark .reviewer {\r\n      border-top-color: rgba(255, 255, 255, 0.12);\r\n    }\r\n\r\n    .ro-home .avatar {\r\n      width: 44px;\r\n      height: 44px;\r\n      border-radius: 50%;\r\n      background: var(--green-dark);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-family: 'DM Serif Display', serif;\r\n      color: #FFFFFF !important;\r\n      font-size: 1rem;\r\n      flex-shrink: 0;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    \/* When an <img> is dropped inside the avatar, it covers the initials fallback *\/\r\n    .ro-home .avatar img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .ro-home .tcard-dark .avatar {\r\n      background: rgba(255, 255, 255, 0.12);\r\n    }\r\n\r\n    .ro-home .rname2 {\r\n      font-weight: 600;\r\n      font-size: 0.9rem;\r\n      color: var(--ink);\r\n    }\r\n\r\n    .ro-home .tcard-dark .rname2 {\r\n      color: #FFFFFF !important;\r\n    }\r\n\r\n    .ro-home .rrole {\r\n      font-size: 0.78rem;\r\n      font-weight: 600;\r\n      color: var(--muted);\r\n    }\r\n\r\n    .ro-home .tcard-dark .rrole {\r\n      color: rgba(255, 255, 255, 0.5);\r\n    }\r\n\r\n    \/* ================================\r\n       13b. REVIEW SLIDER (mobile only)\r\n       Auto-advances every 3s. Pauses\r\n       when user taps prev\/next\/dot or\r\n       swipes; resumes after 8s.\r\n       ================================ *\/\r\n    .ro-home .review-slider-controls {\r\n      display: none;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .ro-home .tgrid {\r\n        display: flex !important;\r\n        grid-template-columns: none !important;\r\n        overflow-x: auto;\r\n        scroll-snap-type: x mandatory;\r\n        scroll-behavior: smooth;\r\n        gap: 1rem !important;\r\n        scrollbar-width: none;\r\n        -ms-overflow-style: none;\r\n        -webkit-overflow-scrolling: touch;\r\n      }\r\n      .ro-home .tgrid::-webkit-scrollbar { display: none; }\r\n\r\n      .ro-home .tcard {\r\n        flex: 0 0 100%;\r\n        min-width: 0;\r\n        scroll-snap-align: center;\r\n        scroll-snap-stop: always;\r\n        padding: 2rem;\r\n      }\r\n\r\n      .ro-home .review-slider-controls {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-top: 1.5rem;\r\n      }\r\n\r\n      .ro-home .review-slider-btn {\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        border: 1.5px solid var(--green-dark);\r\n        background: white;\r\n        color: var(--green-dark);\r\n        cursor: pointer;\r\n        font-size: 1.4rem;\r\n        line-height: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 0;\r\n        transition: background 0.2s, color 0.2s;\r\n        font-family: inherit;\r\n      }\r\n      .ro-home .review-slider-btn:hover,\r\n      .ro-home .review-slider-btn:active {\r\n        background: var(--green-dark);\r\n        color: white;\r\n      }\r\n\r\n      .ro-home .review-slider-dots {\r\n        display: flex;\r\n        gap: 0.5rem;\r\n        align-items: center;\r\n      }\r\n\r\n      .ro-home .review-slider-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background: var(--border);\r\n        border: none;\r\n        padding: 0;\r\n        cursor: pointer;\r\n        transition: width 0.25s, background 0.25s;\r\n      }\r\n\r\n      .ro-home .review-slider-dot.active {\r\n        background: var(--green-mid);\r\n        width: 24px;\r\n        border-radius: 4px;\r\n      }\r\n    }\r\n\r\n    \/* ================================\r\n       14. USE CASE CARD\r\n       ================================ *\/\r\n    .ro-home .usecase-card {\r\n      border-top: 3px solid var(--green-mid);\r\n    }\r\n\r\n    .ro-home .usecase-result {\r\n      background: var(--green-mint);\r\n      border-radius: 10px;\r\n      padding: 0.9rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .ro-home .usecase-result-label {\r\n      font-size: 0.72rem;\r\n      font-weight: 700;\r\n      color: var(--green-mid);\r\n      margin-bottom: 0.3rem;\r\n    }\r\n\r\n    .ro-home .usecase-result-text {\r\n      font-size: 0.88rem;\r\n      color: var(--ink);\r\n      font-style: italic;\r\n    }\r\n\r\n    .ro-home .usecase-link {\r\n      font-size: 0.85rem;\r\n      color: var(--green-mid);\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n    }\r\n\r\n    \/* ================================\r\n       15. CTA SECTION\r\n       ================================ *\/\r\n    .ro-home .cta-sec {\r\n      padding: 7rem 6%;\r\n      text-align: center;\r\n    }\r\n\r\n    \/* Avatar group above the CTA heading - shows who you'll talk to *\/\r\n    .ro-home .cta-team {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n      margin-bottom: 1.5rem;\r\n      padding: 0.5rem 1.25rem 0.5rem 0.5rem;\r\n      background: var(--white);\r\n      border: 1px solid var(--border);\r\n      border-radius: 50px;\r\n      box-shadow: 0 4px 14px rgba(26, 71, 49, 0.06);\r\n    }\r\n    .ro-home .cta-team .avatars {\r\n      display: inline-flex;\r\n    }\r\n    .ro-home .cta-team .avatars > div {\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      border: 2px solid var(--white);\r\n      overflow: hidden;\r\n      position: relative;\r\n      background: var(--green-dark);\r\n    }\r\n    .ro-home .cta-team .avatars > div + div {\r\n      margin-left: -10px;\r\n    }\r\n    .ro-home .cta-team .avatars img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n    .ro-home .cta-team .cta-team-label {\r\n      font-size: 0.78rem;\r\n      font-weight: 600;\r\n      color: var(--ink);\r\n    }\r\n    .ro-home .cta-team .cta-team-label .dot {\r\n      display: inline-block;\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 50%;\r\n      background: #4CAF79;\r\n      margin-right: 0.4rem;\r\n      vertical-align: middle;\r\n      box-shadow: 0 0 0 3px rgba(76, 175, 121, 0.18);\r\n    }\r\n\r\n    .ro-home .cta-sec h2 {\r\n      font-family: 'DM Serif Display', serif;\r\n      font-size: clamp(2.2rem, 3.5vw, 3.2rem);\r\n      letter-spacing: -0.03em;\r\n      color: var(--ink);\r\n      line-height: 1.15;\r\n      margin-bottom: 1.2rem;\r\n    }\r\n\r\n    .ro-home .cta-sec h2 em {\r\n      color: var(--green-mid);\r\n      font-style: italic;\r\n    }\r\n\r\n    .ro-home .cta-sec p {\r\n      font-size: 1rem;\r\n      color: var(--muted);\r\n      margin: 0 auto 2.5rem;\r\n      max-width: 460px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .ro-home .cta-buttons {\r\n      display: flex;\r\n      gap: 1rem;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .ro-home .cta-buttons .btn-primary,\r\n    .ro-home .cta-buttons .btn-secondary {\r\n      font-size: 1rem;\r\n      padding: 1rem 2.5rem;\r\n    }\r\n\r\n    \/* ================================\r\n       16. ANIMATIONS\r\n       ================================ *\/\r\n    @keyframes ro-fadeUp {\r\n      from { opacity: 0; transform: translateY(24px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .ro-home .fade-up {\r\n      animation: ro-fadeUp 0.6s ease forwards;\r\n    }\r\n\r\n    \/* ================================\r\n       MOBILE VIDEO SECTION\r\n       (only shows on tablets\/phones)\r\n       ================================ *\/\r\n    .ro-home .mobile-video-section {\r\n      display: none;\r\n      width: 100%;\r\n      background: var(--green-dark);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ro-home .mobile-video-section video {\r\n      display: block;\r\n      width: 100%;\r\n      height: auto;\r\n      object-fit: contain;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .ro-home .mobile-video-section {\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    \/* ================================\r\n       17. RESPONSIVE\r\n       ================================ *\/\r\n    @media (max-width: 1024px) {\r\n      .ro-home .hero {\r\n        display: block;\r\n        text-align: center;\r\n        padding-top: calc(3rem + 50px);\r\n        padding-bottom: 3rem;\r\n        min-height: auto;\r\n      }\r\n\r\n      .ro-home .hero-text {\r\n        max-width: 100%;\r\n      }\r\n\r\n      .ro-home .hero-bg-video {\r\n        display: none;\r\n      }\r\n\r\n      .ro-home .hero-actions { justify-content: center; }\r\n      .ro-home .hero-trust { justify-content: center; }\r\n\r\n      .ro-home .stats-bar {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        padding: 3rem 6%;\r\n      }\r\n\r\n      .ro-home .cards-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n      }\r\n\r\n      .ro-home .spec-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .ro-home .logo-track {\r\n        width: calc(110px * 24);\r\n      }\r\n\r\n      .ro-home .logo-item {\r\n        width: 110px;\r\n        padding: 0 10px;\r\n      }\r\n\r\n      .ro-home .logo-item img {\r\n        max-height: 30px;\r\n      }\r\n\r\n      .ro-home .hero h1 { font-size: 2.6rem; }\r\n\r\n      .ro-home .hero-actions {\r\n        flex-direction: column;\r\n        width: 100%;\r\n        max-width: 320px;\r\n        margin: 0 auto 2rem;\r\n      }\r\n\r\n      .ro-home .btn-primary,\r\n      .ro-home .btn-secondary {\r\n        width: 100%;\r\n        justify-content: center;\r\n        text-align: center;\r\n      }\r\n\r\n      .ro-home .stats-bar {\r\n        grid-template-columns: 1fr;\r\n        gap: 2.5rem;\r\n      }\r\n\r\n      .ro-home .voor-wie-grid { grid-template-columns: 1fr; }\r\n\r\n      \/* Volledig ontzorgd cards: 2 col on mobile, tap to expand description *\/\r\n      .ro-home .cards-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 0.7rem; }\r\n      .ro-home .vcard { padding: 1.15rem; cursor: pointer; }\r\n      .ro-home .vcard h3 { font-size: 0.88rem; line-height: 1.25; margin-bottom: 0 !important; padding-right: 1.5rem; }\r\n      .ro-home .vcard p {\r\n        font-size: 0.76rem; line-height: 1.5;\r\n        max-height: 0; overflow: hidden; margin: 0;\r\n        transition: max-height 0.35s ease, margin-top 0.3s ease, opacity 0.3s ease;\r\n        opacity: 0;\r\n      }\r\n      .ro-home .vcard.is-open p { max-height: 500px; margin-top: 0.55rem; opacity: 1; }\r\n      .ro-home .vcard::after {\r\n        content: '+';\r\n        position: absolute;\r\n        top: 1rem;\r\n        right: 1rem;\r\n        width: 22px; height: 22px;\r\n        line-height: 20px;\r\n        text-align: center;\r\n        font-size: 1.3rem;\r\n        font-weight: 700;\r\n        color: var(--green-mid);\r\n        border: 1.5px solid var(--green-mid);\r\n        border-radius: 50%;\r\n        transition: transform 0.3s, background 0.2s, color 0.2s;\r\n      }\r\n      .ro-home .vcard.is-open::after { content: '\u2212'; background: var(--green-mid); color: var(--white); }\r\n      .ro-home .vc-icon { width: 38px; height: 38px; font-size: 1.05rem; margin-bottom: 0.8rem; border-radius: 10px; }\r\n\r\n      \/* Use cases: stack full-width on mobile (3 cards \u2192 3 rows, no orphan) *\/\r\n      .ro-home .usecase-grid { grid-template-columns: 1fr !important; gap: 1rem; }\r\n      .ro-home .usecase-card { padding: 1.5rem; }\r\n      .ro-home .usecase-card h3 { font-size: 1.05rem; line-height: 1.3; }\r\n      .ro-home .usecase-card p { font-size: 0.9rem; line-height: 1.55; }\r\n\r\n      \/* Hoe werkt het steps: stack + tap to expand description *\/\r\n      .ro-home .steps { grid-template-columns: 1fr; gap: 1rem; }\r\n      .ro-home .step-arrow { display: none; }\r\n      .ro-home .step { cursor: pointer; }\r\n      .ro-home .step-num { font-size: 2.6rem; margin-bottom: -0.4rem; }\r\n      .ro-home .step-box { position: relative; padding: 1.3rem 3rem 1.3rem 1.3rem; }\r\n      .ro-home .step-icon { font-size: 1.2rem; margin-bottom: 0.4rem; }\r\n      .ro-home .step-title { margin-bottom: 0; }\r\n      .ro-home .step-desc {\r\n        max-height: 0; overflow: hidden;\r\n        transition: max-height 0.35s ease, margin-top 0.3s ease, opacity 0.3s ease;\r\n        opacity: 0;\r\n      }\r\n      .ro-home .step.is-open .step-desc { max-height: 500px; margin-top: 0.5rem; opacity: 1; }\r\n      .ro-home .step-box::after {\r\n        content: '+';\r\n        position: absolute;\r\n        top: 1.1rem;\r\n        right: 1.1rem;\r\n        width: 24px; height: 24px;\r\n        line-height: 22px;\r\n        text-align: center;\r\n        font-size: 1.3rem;\r\n        font-weight: 700;\r\n        color: var(--green-light);\r\n        border: 1.5px solid var(--green-light);\r\n        border-radius: 50%;\r\n        transition: background 0.2s, color 0.2s;\r\n      }\r\n      .ro-home .step.is-open .step-box::after { content: '\u2212'; background: var(--green-light); color: var(--green-dark); }\r\n\r\n      \/* Specialismen cards: 2 col on mobile, stack icon + name vertically *\/\r\n      .ro-home .spec-grid { grid-template-columns: repeat(2, 1fr); gap: 0.55rem; }\r\n      .ro-home .spec-card { padding: 0.85rem; flex-direction: column; align-items: flex-start; gap: 0.35rem; }\r\n      .ro-home .spec-icon { font-size: 1.2rem; }\r\n      .ro-home .spec-name { font-size: 0.78rem; line-height: 1.3; }\r\n      \/* Hide CRO on mobile so 8 cards render evenly as 4\u00d72 *\/\r\n      .ro-home .spec-card-hide-mobile { display: none; }\r\n\r\n      .ro-home .section { padding: 4rem 5%; }\r\n      .ro-home .cta-sec { padding: 4rem 5%; }\r\n      .ro-home .stitle { font-size: 2.2rem; }\r\n      .ro-home .banner-strip { height: 400px; }\r\n      .ro-home .vw-card-image { height: 260px; }\r\n\r\n      .ro-home .anim-stage {\r\n        height: auto;\r\n        min-height: 380px;\r\n        padding: 16px;\r\n      }\r\n\r\n      .ro-home .anim-cand {\r\n        padding: 0.6rem 0.7rem;\r\n      }\r\n\r\n      .ro-home .anim-cand-name {\r\n        font-size: 0.8rem;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n      }\r\n\r\n      .ro-home .anim-cand-role {\r\n        font-size: 0.62rem;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n      }\r\n\r\n      .ro-home .anim-cand-country {\r\n        font-size: 0.62rem;\r\n        margin-top: 0.2rem;\r\n      }\r\n\r\n      .ro-home .anim-cand-match-badge {\r\n        font-size: 0.55rem;\r\n        padding: 0.22rem 0.45rem;\r\n      }\r\n\r\n      .ro-home .anim-cand-match-badge svg {\r\n        width: 9px;\r\n        height: 9px;\r\n      }\r\n\r\n      .ro-home .anim-match-score {\r\n        font-size: 0.55rem;\r\n        padding: 0.18rem 0.4rem;\r\n        top: -7px;\r\n        right: -7px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .ro-home .hero {\r\n        padding-top: calc(2rem + 50px);\r\n        padding-bottom: 2rem;\r\n      }\r\n\r\n      .ro-home .hero h1 {\r\n        font-size: 2.2rem;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"ro-home\">\r\n\r\n  <!-- SECTION 1: HERO -->\r\n  <section class=\"hero\">\r\n\r\n    <!-- \ud83c\udfac [VIDEO] -->\r\n    <div class=\"hero-bg-video\">\r\n      <video autoplay muted loop playsinline>\r\n        <source src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/11-FEEd.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"hero-text fade-up\">\r\n      <div class=\"hero-tag\">\ud83c\udf0d Internationaal e-commerce talent<\/div>\r\n      <h1>Wij leveren de beste<br><em><span class=\"ro-tw-text\" id=\"ro-tw-text\"><\/span><\/em><\/h1>\r\n      <p class=\"hero-sub\">\r\n        Met meer dan een decennium e-commerce ervaring verbinden wij Nederlandse organisaties met de\r\n        beste internationale specialisten. Van selectie tot payrolling, wij regelen alles.\r\n      <\/p>\r\n      <div class=\"hero-actions\">\r\n        <a href=\"https:\/\/remote-opus.com\/kennismaking\/\" class=\"btn-primary\">Plan een gesprek<\/a>\r\n        <a href=\"https:\/\/remote-opus.com\/tarieven-page\/\" class=\"btn-secondary\">Bekijk tarieven<\/a>\r\n      <\/div>\r\n      <div class=\"hero-trust\">\r\n        <div class=\"trust-avs\">\r\n          <div class=\"trust-av\">AT<img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/Untitled-design-4.png\" alt=\"A. Tahiri\" loading=\"lazy\"><\/div>\r\n          <div class=\"trust-av\">SK<img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/Untitled-design-8.png\" alt=\"Stefan Klammer\" loading=\"lazy\"><\/div>\r\n          <div class=\"trust-av\">KK<img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/Untitled-design-6.png\" alt=\"Kamil Kilic\" loading=\"lazy\" style=\"object-position: 60% center; transform: scale(1.03);\"><\/div>\r\n          <div class=\"trust-av\">KB<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=160&q=80&auto=format&fit=crop&crop=faces\" alt=\"Kevin Boelhouwer\" loading=\"lazy\"><\/div>\r\n        <\/div>\r\n        <div class=\"trust-text\">Vertrouwd door <strong>45+<\/strong> E-commerce organisaties<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- MOBILE-ONLY VIDEO (below hero, full width, no crop) -->\r\n  <div class=\"mobile-video-section\">\r\n    <video autoplay muted loop playsinline>\r\n      <source src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/11-FEEd.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n  <\/div>\r\n\r\n\r\n  <!-- SECTION 2: LOGO MARQUEE -->\r\n  <div class=\"logo-section-container\">\r\n    <p class=\"logo-marquee-title\">Bedrijven die ons vertrouwen<\/p>\r\n    <div class=\"logo-slider\">\r\n      <div class=\"logo-track\">\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/546456-removebg-preview.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/CK-Logo-comp-300x160-1.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/BOME-200-x-60-px-150-x-60-px-1.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/744747.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/BOME-200-x-60-px.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/logo_SVJD-2-1-removebg-preview.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2025\/01\/336-1.webp\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2025\/01\/Untitled-design-1-1-1.webp\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2024\/12\/FridaUndWilli-Logo.webp\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2024\/12\/Fodor-Logo-Nieuw.jpg\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2024\/12\/Orbit-Electronic.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2025\/01\/2.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/546456-removebg-preview.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/CK-Logo-comp-300x160-1.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/BOME-200-x-60-px-150-x-60-px-1.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/744747.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/BOME-200-x-60-px.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/logo_SVJD-2-1-removebg-preview.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2025\/01\/336-1.webp\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2025\/01\/Untitled-design-1-1-1.webp\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2024\/12\/FridaUndWilli-Logo.webp\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2024\/12\/Fodor-Logo-Nieuw.jpg\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2024\/12\/Orbit-Electronic.png\" alt=\"Logo\"><\/div>\r\n        <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2025\/01\/2.png\" alt=\"Logo\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- SECTION 3: STATS BAR -->\r\n  <div class=\"stats-bar\">\r\n    <div class=\"stat-item\">\r\n      <div class=\"stat-num\"><span class=\"counter\" data-target=\"75\">0<\/span><span>%<\/span><\/div>\r\n      <div class=\"stat-label\">besparing op loonkosten<\/div>\r\n    <\/div>\r\n    <div class=\"stat-item\">\r\n      <div class=\"stat-num\"><span class=\"counter\" data-target=\"85\">0<\/span><span>%<\/span><\/div>\r\n      <div class=\"stat-label\">retentie na 2 jaar<\/div>\r\n    <\/div>\r\n    <div class=\"stat-item\">\r\n      <div class=\"stat-num\"><span class=\"counter\" data-target=\"65\">0<\/span><span>%<\/span><\/div>\r\n      <div class=\"stat-label\">heeft meer dan \u00e9\u00e9n specialist<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- SECTION 4: VOOR WIE -->\r\n  <section class=\"section\">\r\n    <span class=\"stag\">Voor wie is Remote Opus?<\/span>\r\n    <h2 class=\"stitle\" style=\"margin-bottom:0.75rem;\">D\u00e9 oplossing voor e-commerce<br>bedrijven en agencies.<\/h2>\r\n    <p class=\"ssub\">Of je nu een e-commerce bedrijf bent of een agency die wil schalen, wij hebben de specialist die bij jou past.<\/p>\r\n\r\n    <div class=\"voor-wie-grid\">\r\n\r\n      <a href=\"https:\/\/remote-opus.com\/e-commerce\/\" class=\"vw-card vw-card-ecom\">\r\n        <div class=\"vw-card-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/azwedo-l-lc-nz9omeuNkUo-unsplash-scaled.jpg\" alt=\"E-commerce specialist aan het werk\" style=\"object-position: center 0px !important;\" loading=\"lazy\">\r\n        <\/div>\r\n        <span class=\"vw-card-tag\">E-commerce bedrijven<\/span>\r\n        <h3>Jouw e-commerce team zonder grenzen<\/h3>\r\n        <p>Schaal sneller, werk gefocuster en verlaag jouw loonkosten met 75%. Jij stuurt aan, wij regelen de rest van selectie tot payrolling.<\/p>\r\n        <div class=\"vw-link\">Meer over e-commerce \u2192<\/div>\r\n        <div class=\"vw-pills\">\r\n          <span class=\"vw-pill\">Google Ads<\/span>\r\n          <span class=\"vw-pill\">Listings<\/span>\r\n          <span class=\"vw-pill\">SEO<\/span>\r\n          <span class=\"vw-pill\">Customer Success<\/span>\r\n          <span class=\"vw-pill\">Email Marketing<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/remote-opus.com\/agencies\/\" class=\"vw-card vw-card-agency\">\r\n        <div class=\"vw-card-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/iStock-2177681191.jpg-scaled.jpeg\" alt=\"Agency team\" style=\"object-position: center center !important;\">\r\n        <\/div>\r\n        <span class=\"vw-card-tag\">Agencies & Bureaus<\/span>\r\n        <h3>Schaal de operatie van jouw agency met de juiste specialisten<\/h3>\r\n        <p>Herstel je marges, lever meer aan klanten en stop met capaciteitsproblemen. Jouw agency groeit, jouw team ook.<\/p>\r\n        <div class=\"vw-link\">Meer over agencies \u2192<\/div>\r\n        <div class=\"vw-pills\">\r\n          <span class=\"vw-pill\">Meta Ads<\/span>\r\n          <span class=\"vw-pill\">Web Developer<\/span>\r\n          <span class=\"vw-pill\">CRO Specialist<\/span>\r\n          <span class=\"vw-pill\">Video Editor<\/span>\r\n          <span class=\"vw-pill\">Marketing Strateeg<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- SECTION 5: WAAROM REMOTE OPUS -->\r\n  <section class=\"section section-alt\">\r\n    <span class=\"stag\">Waarom Remote Opus?<\/span>\r\n    <h2 class=\"stitle\">Volledig ontzorgd.<br>Vanaf dag \u00e9\u00e9n.<\/h2>\r\n\r\n    <div class=\"cards-grid\">\r\n      <div class=\"vcard\">\r\n        <div class=\"vc-icon\">\ud83c\udfaf<\/div>\r\n        <h3>Matching op maat<\/h3>\r\n        <p>Geen database-zoekopdracht. Wij selecteren kandidaten die passen bij jouw organisatie, cultuur en doelen, persoonlijk en grondig.<\/p>\r\n      <\/div>\r\n      <div class=\"vcard\">\r\n        <div class=\"vc-icon\">\ud83d\udd13<\/div>\r\n        <h3>Juridisch en payrolling geregeld<\/h3>\r\n        <p>Contracten, belasting, salarisadministratie en HR in het land van de medewerker. Wij regelen alles. Jij hoeft je nergens druk over te maken.<\/p>\r\n      <\/div>\r\n      <div class=\"vcard\">\r\n        <div class=\"vc-icon\">\u26a1<\/div>\r\n        <h3>Klaar binnen 1 tot 2 weken<\/h3>\r\n        <p>Van kennismakingsgesprek tot eerste werkdag in gemiddeld twee weken. Geen lange zoektrajecten, geen gedoe.<\/p>\r\n      <\/div>\r\n      <div class=\"vcard\">\r\n        <div class=\"vc-icon\">\ud83c\udf0d<\/div>\r\n        <h3>HBO+ niveau, jouw tijdzone<\/h3>\r\n        <p>Alle specialisten zijn HBO-niveau of hoger opgeleid, vloeiend in Engels en werken in jouw tijdzone. Geen cultuurkloof, gewoon een goed team.<\/p>\r\n      <\/div>\r\n      <div class=\"vcard\">\r\n        <div class=\"vc-icon\">\ud83d\udd04<\/div>\r\n        <h3>Kosteloze vervanging<\/h3>\r\n        <p>Past de specialist toch niet? Wij zorgen kosteloos voor een vervanging. Geen risico, geen kosten, geen gedoe.<\/p>\r\n      <\/div>\r\n      <div class=\"vcard\">\r\n        <div class=\"vc-icon\">\ud83d\udcc8<\/div>\r\n        <h3>Maandelijks opzegbaar<\/h3>\r\n        <p>Geen langdurige verplichtingen. Opzeggen kan maandelijks met een opzegtermijn van \u00e9\u00e9n kalendermaand. Jij bepaalt het ritme.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- SECTION 6: WIDE BANNER -->\r\n  <div class=\"banner-strip\">\r\n    <img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/iStock-2171076063.jpg-scaled.jpeg\" alt=\"Remote Opus team\">\r\n  <\/div>\r\n\r\n\r\n  <!-- SECTION 7: REVIEWS -->\r\n  <section class=\"section section-alt\">\r\n    <span class=\"stag\">Klantreviews<\/span>\r\n    <h2 class=\"stitle\">Wat onze klanten zeggen.<\/h2>\r\n\r\n    <div class=\"tgrid\">\r\n      <div class=\"tcard tcard-dark\">\r\n        <div>\r\n          <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"review-text\">\"Ik kan vier remote medewerkers inzetten voor de prijs van \u00e9\u00e9n lokale kracht. De kwaliteit is hoog en ze zijn altijd bereikbaar in onze tijdzone.\"<\/p>\r\n        <\/div>\r\n        <div class=\"reviewer\">\r\n          <div class=\"avatar\">SK<img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/Untitled-design-8.png\" alt=\"Stefan Klammer\" loading=\"lazy\"><\/div>\r\n          <div>\r\n            <div class=\"rname2\">Stefan Klammer<\/div>\r\n            <div class=\"rrole\">CEO, Climate King<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tcard\">\r\n        <div>\r\n          <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"review-text\">\"We hebben 40% meer tijd beschikbaar, wat resulteerde in een sterke groei in omzet. Onze remote specialist begrijpt e-commerce door en door.\"<\/p>\r\n        <\/div>\r\n        <div class=\"reviewer\">\r\n          <div class=\"avatar\">AT<img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/Untitled-design-4.png\" alt=\"A. Tahiri\" loading=\"lazy\"><\/div>\r\n          <div>\r\n            <div class=\"rname2\">A. Tahiri<\/div>\r\n            <div class=\"rrole\">CEO, Car Multimedia<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tcard\">\r\n        <div>\r\n          <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"review-text\">\"Remote Opus overtrof alle verwachtingen. Ze vonden een echte GoHighLevel specialist en dankzij hem heb ik een mooie groei in klanten weten te realiseren.\"<\/p>\r\n        <\/div>\r\n        <div class=\"reviewer\">\r\n          <div class=\"avatar\">KK<img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/Untitled-design-6.png\" alt=\"Kamil Kilic\" loading=\"lazy\" style=\"object-position: 60% center; transform: scale(1.03);\"><\/div>\r\n          <div>\r\n            <div class=\"rname2\">Kamil Kilic<\/div>\r\n            <div class=\"rrole\">CEO, MeerSucces.online<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tcard\">\r\n        <div>\r\n          <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"review-text\">\"Een geweldige ervaring. De selectie ging soepel en we namen snel een beslissing omdat ze hele goede kandidaten hebben die precies pasten bij onze agency.\"<\/p>\r\n        <\/div>\r\n        <div class=\"reviewer\">\r\n          <div class=\"avatar\">KB<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=200&q=80&auto=format&fit=crop&crop=faces\" alt=\"Kevin Boelhouwer\" loading=\"lazy\"><\/div>\r\n          <div>\r\n            <div class=\"rname2\">Kevin Boelhouwer<\/div>\r\n            <div class=\"rrole\">CEO, Webartsy<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slider controls (visible on mobile only - see CSS) -->\r\n    <div class=\"review-slider-controls\">\r\n      <button type=\"button\" class=\"review-slider-btn review-slider-prev\" aria-label=\"Vorige review\">\u2039<\/button>\r\n      <div class=\"review-slider-dots\">\r\n        <button type=\"button\" class=\"review-slider-dot active\" aria-label=\"Review 1\"><\/button>\r\n        <button type=\"button\" class=\"review-slider-dot\" aria-label=\"Review 2\"><\/button>\r\n        <button type=\"button\" class=\"review-slider-dot\" aria-label=\"Review 3\"><\/button>\r\n        <button type=\"button\" class=\"review-slider-dot\" aria-label=\"Review 4\"><\/button>\r\n      <\/div>\r\n      <button type=\"button\" class=\"review-slider-btn review-slider-next\" aria-label=\"Volgende review\">\u203a<\/button>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- SECTION 7B: BEHIND THE SCENES PHOTO STRIP (mobile = auto-slider) -->\r\n  <section class=\"section behind-section\" style=\"padding-top:3rem; padding-bottom:3rem;\">\r\n    <span class=\"stag\" style=\"display:block; text-align:center;\">Wereldwijd team<\/span>\r\n    <h2 class=\"stitle\" style=\"text-align:center; margin-bottom:0.5rem;\">Jouw team, <em style=\"color:var(--green-mid); font-style:italic;\">wereldwijd.<\/em><\/h2>\r\n    <p class=\"ssub\" style=\"text-align:center; max-width:55ch; margin:0 auto 2.5rem;\">Van Nederland tot Pakistan tot Suriname tot Namibi\u00eb. Bezoek ons kantoor en ontmoet je remote team in het echt.<\/p>\r\n    <div class=\"behind-grid\" style=\"\r\n      display:grid;\r\n      grid-template-columns:repeat(4, 1fr);\r\n      gap:1rem;\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n    \">\r\n      <a href=\"https:\/\/remote-opus.com\/office\/\" class=\"behind-item\" style=\"aspect-ratio:4\/3; border-radius:16px; overflow:hidden; background:#eee; position:relative; display:block; text-decoration:none;\">\r\n        <img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/Hero-G.png\" alt=\"Remote Opus kantoor Nederland Utrecht\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\">\r\n        <span style=\"position:absolute; left:1rem; bottom:1rem; background:rgba(255,255,255,0.95); color:var(--green-dark); padding:0.35rem 0.85rem; border-radius:50px; font-size:0.78rem; font-weight:700; letter-spacing:0.02em;\">\ud83c\uddf3\ud83c\uddf1 Nederland<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/remote-opus.com\/office\/\" class=\"behind-item\" style=\"aspect-ratio:4\/3; border-radius:16px; overflow:hidden; background:#eee; position:relative; display:block; text-decoration:none;\">\r\n        <img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/unnamed.webp\" alt=\"Remote Opus kantoor Islamabad Pakistan\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\">\r\n        <span style=\"position:absolute; left:1rem; bottom:1rem; background:rgba(255,255,255,0.95); color:var(--green-dark); padding:0.35rem 0.85rem; border-radius:50px; font-size:0.78rem; font-weight:700; letter-spacing:0.02em;\">\ud83c\uddf5\ud83c\uddf0 Pakistan<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/remote-opus.com\/office\/\" class=\"behind-item\" style=\"aspect-ratio:4\/3; border-radius:16px; overflow:hidden; background:#eee; position:relative; display:block; text-decoration:none;\">\r\n        <img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/999fd23a-a2a3-4d4e-8b2e-0dfbcb7e3b5d.jpeg\" alt=\"Remote Opus kantoor Paramaribo Suriname\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\">\r\n        <span style=\"position:absolute; left:1rem; bottom:1rem; background:rgba(255,255,255,0.95); color:var(--green-dark); padding:0.35rem 0.85rem; border-radius:50px; font-size:0.78rem; font-weight:700; letter-spacing:0.02em;\">\ud83c\uddf8\ud83c\uddf7 Suriname<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/remote-opus.com\/office\/\" class=\"behind-item\" style=\"aspect-ratio:4\/3; border-radius:16px; overflow:hidden; background:#eee; position:relative; display:block; text-decoration:none;\">\r\n        <img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/coworking-namibia-hotdesk-interior-workspace-by-the-ocean.jpg\" alt=\"Remote Opus kantoor Namibi\u00eb Windhoek\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\">\r\n        <span style=\"position:absolute; left:1rem; bottom:1rem; background:rgba(255,255,255,0.95); color:var(--green-dark); padding:0.35rem 0.85rem; border-radius:50px; font-size:0.78rem; font-weight:700; letter-spacing:0.02em;\">\ud83c\uddf3\ud83c\udde6 Namibi\u00eb<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Slider dots (mobile only) -->\r\n    <div class=\"behind-slider-controls\" style=\"display:none; justify-content:center; align-items:center; gap:0.5rem; margin-top:1.25rem;\">\r\n      <button type=\"button\" class=\"behind-slider-dot active\" aria-label=\"Foto 1\"><\/button>\r\n      <button type=\"button\" class=\"behind-slider-dot\" aria-label=\"Foto 2\"><\/button>\r\n      <button type=\"button\" class=\"behind-slider-dot\" aria-label=\"Foto 3\"><\/button>\r\n      <button type=\"button\" class=\"behind-slider-dot\" aria-label=\"Foto 4\"><\/button>\r\n    <\/div>\r\n\r\n    <style>\r\n      \/* Tablet desktop: slight gap reduction *\/\r\n      @media (max-width: 980px) {\r\n        .ro-home .behind-grid { gap: 0.75rem !important; }\r\n      }\r\n\r\n      \/* Mobile: turn the grid into a horizontal scroll-snap slider *\/\r\n      @media (max-width: 768px) {\r\n        .ro-home .behind-grid {\r\n          display: flex !important;\r\n          grid-template-columns: none !important;\r\n          overflow-x: auto;\r\n          scroll-snap-type: x mandatory;\r\n          scroll-behavior: smooth;\r\n          gap: 0.75rem !important;\r\n          scrollbar-width: none;\r\n          -ms-overflow-style: none;\r\n          -webkit-overflow-scrolling: touch;\r\n          padding: 0 5%;\r\n        }\r\n        .ro-home .behind-grid::-webkit-scrollbar { display: none; }\r\n        .ro-home .behind-item {\r\n          flex: 0 0 90% !important;\r\n          min-width: 0;\r\n          scroll-snap-align: center;\r\n          scroll-snap-stop: always;\r\n        }\r\n\r\n        .ro-home .behind-slider-controls { display: flex !important; }\r\n        .ro-home .behind-slider-dot {\r\n          width: 8px;\r\n          height: 8px;\r\n          border-radius: 50%;\r\n          background: var(--border);\r\n          border: none;\r\n          padding: 0;\r\n          cursor: pointer;\r\n          transition: width 0.25s, background 0.25s;\r\n        }\r\n        .ro-home .behind-slider-dot.active {\r\n          background: var(--green-mid);\r\n          width: 24px;\r\n          border-radius: 4px;\r\n        }\r\n      }\r\n    <\/style>\r\n  <\/section>\r\n\r\n\r\n  <!-- SECTION 8: HOW IT WORKS -->\r\n  <section class=\"section section-dark\">\r\n    <span class=\"stag\">Hoe werkt het?<\/span>\r\n    <h2 class=\"stitle\">Van kennismakingsgesprek<br>tot jouw nieuwe teamlid.<\/h2>\r\n    <p class=\"ssub\">In drie stappen geregeld. Wij nemen het zware werk op ons.<\/p>\r\n\r\n    <div class=\"steps\">\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">01<\/div>\r\n        <div class=\"step-box\">\r\n          <div class=\"step-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg><\/div>\r\n          <div class=\"step-title\">Kennismakingsgesprek<\/div>\r\n          <div class=\"step-desc\">We leren jouw organisatie, doelen en behoeften kennen. Gratis, vrijblijvend en in 20 minuten.<\/div>\r\n        <\/div>\r\n        <div class=\"step-arrow\">\u2192<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">02<\/div>\r\n        <div class=\"step-box\">\r\n          <div class=\"step-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg><\/div>\r\n          <div class=\"step-title\">Matching op maat<\/div>\r\n          <div class=\"step-desc\">Wij selecteren de beste kandidaten uit ons netwerk. Jij voert gesprekken en kiest zelf wie bij jou past.<\/div>\r\n        <\/div>\r\n        <div class=\"step-arrow\">\u2192<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">03<\/div>\r\n        <div class=\"step-box\">\r\n          <div class=\"step-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg><\/div>\r\n          <div class=\"step-title\">Start binnen 2 tot 3 weken<\/div>\r\n          <div class=\"step-desc\">Onboarding, contracten, payrolling, wij regelen alles. Jij stuurt de medewerker direct aan als onderdeel van jouw team.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- SECTION 9: SPECIALISMS -->\r\n  <section class=\"section\">\r\n    <span class=\"stag\">Specialismen<\/span>\r\n    <h2 class=\"stitle\" style=\"margin-bottom:0.75rem;\">De specialist die jij nodig hebt.<\/h2>\r\n    <p class=\"ssub\">Van paid media tot web development, ons netwerk bevat de beste e-commerce specialisten uit Azi\u00eb en Latijns-Amerika.<\/p>\r\n\r\n    <div class=\"spec-grid\">\r\n      <div class=\"spec-card\">\r\n        <div class=\"spec-icon\">\ud83d\udce3<\/div>\r\n        <div class=\"spec-content\">\r\n          <div class=\"spec-name\">Google Ads Specialist<\/div>\r\n          <div class=\"spec-desc\">Vergroot je ROAS met een specialist in Search, Shopping en Performance Max campagnes.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"spec-card\">\r\n        <div class=\"spec-icon\">\ud83d\udcd8<\/div>\r\n        <div class=\"spec-content\">\r\n          <div class=\"spec-name\">Meta Ads Specialist<\/div>\r\n          <div class=\"spec-desc\">Schaalbare Facebook &amp; Instagram campagnes gericht op conversie en bereik.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"spec-card\">\r\n        <div class=\"spec-icon\">\ud83d\udd0d<\/div>\r\n        <div class=\"spec-content\">\r\n          <div class=\"spec-name\">SEO Specialist<\/div>\r\n          <div class=\"spec-desc\">Hogere organische rankings met technische SEO, content en linkbuilding.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"spec-card\">\r\n        <div class=\"spec-icon\">\ud83d\udccb<\/div>\r\n        <div class=\"spec-content\">\r\n          <div class=\"spec-name\">Listings Optimization<\/div>\r\n          <div class=\"spec-desc\">Geoptimaliseerde productpagina's voor Amazon, bol.com en andere marketplaces.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"spec-card\">\r\n        <div class=\"spec-icon\">\u2709\ufe0f<\/div>\r\n        <div class=\"spec-content\">\r\n          <div class=\"spec-name\">Email Marketing<\/div>\r\n          <div class=\"spec-desc\">Flows en campagnes die klanten activeren, retargeten en converteren.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"spec-card\">\r\n        <div class=\"spec-icon\">\ud83c\udfa8<\/div>\r\n        <div class=\"spec-content\">\r\n          <div class=\"spec-name\">Designer &amp; Video Editor<\/div>\r\n          <div class=\"spec-desc\">Creatieve content die converteert, van ads tot productvideo's en UGC.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"spec-card\">\r\n        <div class=\"spec-icon\">\ud83d\udcbb<\/div>\r\n        <div class=\"spec-content\">\r\n          <div class=\"spec-name\">Web Developer<\/div>\r\n          <div class=\"spec-desc\">Shopify, custom code en snelle implementaties zonder compromis op kwaliteit.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"spec-card\">\r\n        <div class=\"spec-icon\">\ud83c\udfa7<\/div>\r\n        <div class=\"spec-content\">\r\n          <div class=\"spec-name\">Customer Success<\/div>\r\n          <div class=\"spec-desc\">Klantenservice die retentie verhoogt en klantloyaliteit opbouwt.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"spec-card spec-card-hide-mobile\">\r\n        <div class=\"spec-icon\">\ud83d\udcca<\/div>\r\n        <div class=\"spec-content\">\r\n          <div class=\"spec-name\">CRO Specialist<\/div>\r\n          <div class=\"spec-desc\">A\/B testing, heatmaps en UX-verbeteringen die je conversieratio verhogen.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\n<div data-ro-more=\"1\" style=\"display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;text-align:center;margin:2.4rem auto 0;max-width:1100px;padding:0 1rem;\"><span style=\"padding:.78rem 1.45rem;border-radius:50px;border:1.5px solid #C8E0D4;background:#fff;color:#0f2318;font-weight:700;font-size:.92rem;line-height:1.45;\">Dit is een greep uit ons aanbod. Er is nog veel meer mogelijk.<\/span><a href=\"https:\/\/remote-opus.com\/kennismaking\/\" style=\"display:inline-flex;align-items:center;gap:.5rem;background:#122e21;color:#fff;padding:.85rem 1.85rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:.92rem;\">Plan een gesprek <span style=\"font-size:1.15em;\">&rarr;<\/span><\/a><\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- SECTION 10: USE CASES -->\r\n  <section class=\"section section-alt\">\r\n    <span class=\"stag\">Use cases<\/span>\r\n    <h2 class=\"stitle\" style=\"margin-bottom:0.75rem;\">Zo gebruiken onze klanten Remote Opus.<\/h2>\r\n    <p class=\"ssub\">Van e-commerce bedrijven tot agencies. Dit zijn de situaties waar wij het meeste verschil maken.<\/p>\r\n\r\n    <div class=\"cards-grid usecase-grid\">\r\n\r\n      <div class=\"vcard usecase-card\">\r\n        <div class=\"ro-uc-head\"><div class=\"vc-icon ro-uc-logo\"><\/div><div class=\"ro-uc-stars\" aria-label=\"5 van 5 sterren\" role=\"img\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\r\n        <h3>E-commerce eigenaar die wil ontzorgen<\/h3>\r\n        <p style=\"margin-bottom:1.2rem;\">Je webshop groeit maar jij doet nog alles zelf. Listings bijwerken, advertenties beheren, klantvragen beantwoorden. Een fulltime remote specialist neemt dit van je over.<\/p>\r\n        <div class=\"usecase-result\">\r\n          <div class=\"usecase-result-label\">Resultaat bij klant<\/div>\r\n          <div class=\"usecase-result-text\">\"40% meer vrije tijd, sterke groei in omzet.\" A. Tahiri, Car Multimedia<\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/remote-opus.com\/e-commerce\/\" class=\"usecase-link\">Meer over e-commerce \u2192<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"vcard usecase-card\">\r\n        <div class=\"ro-uc-head\"><div class=\"vc-icon ro-uc-logo\"><\/div><div class=\"ro-uc-stars\" aria-label=\"5 van 5 sterren\" role=\"img\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\r\n        <h3>Ondernemer die wil schalen zonder te betalen voor lokaal personeel<\/h3>\r\n        <p style=\"margin-bottom:1.2rem;\">Je wilt groeien maar lokale hires zijn te duur. Met Remote Opus zet je een fulltime specialist in voor een fractie van de lokale loonkosten, volledig geregeld.<\/p>\r\n        <div class=\"usecase-result\">\r\n          <div class=\"usecase-result-label\">Resultaat bij klant<\/div>\r\n          <div class=\"usecase-result-text\">\"4x meer capaciteit voor de prijs van 1 lokale kracht.\" S. Klammer, Climate King<\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/remote-opus.com\/tarieven-page\/\" class=\"usecase-link\">Bekijk tarieven \u2192<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"vcard usecase-card\">\r\n        <div class=\"ro-uc-head\"><div class=\"vc-icon ro-uc-logo\"><\/div><div class=\"ro-uc-stars\" aria-label=\"5 van 5 sterren\" role=\"img\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\r\n        <h3>Agency die capaciteitsproblemen oplost<\/h3>\r\n        <p style=\"margin-bottom:1.2rem;\">Je wint nieuwe klanten maar je team kan het niet bijbenen. Remote Opus levert de specialist die jouw agency operationeel laat schalen, zonder margedruk.<\/p>\r\n        <div class=\"usecase-result\">\r\n          <div class=\"usecase-result-label\">Resultaat bij klant<\/div>\r\n          <div class=\"usecase-result-text\">\"GoHighLevel specialist gevonden, klantenbestand flink gegroeid.\" K. Kilic, MeerSucces.online<\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/remote-opus.com\/agencies\/\" class=\"usecase-link\">Meer over agencies \u2192<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div style=\"text-align:center; margin-top:2.5rem;\">\r\n      <a href=\"https:\/\/remote-opus.com\/succes\/\" class=\"btn-secondary\">Bekijk alle succes verhalen<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- SECTION 11: FINAL CTA -->\r\n  <section class=\"cta-sec\">\r\n    <span class=\"stag\" style=\"display:block; text-align:center;\">Klaar om te starten?<\/span>\r\n    <h2>E\u00e9n gesprek.<br><em>Alles verandert.<\/em><\/h2>\r\n    <p>Plan direct een vrijblijvend kennismakingsgesprek van 20 minuten. Geen verplichtingen, gewoon een goed gesprek over de mogelijkheden voor jouw organisatie.<\/p>\r\n\r\n    <div class=\"cta-buttons\">\r\n      <a href=\"https:\/\/remote-opus.com\/kennismaking\/\" class=\"btn-primary\">Plan een kennismakingsgesprek in<\/a>\r\n      <a href=\"https:\/\/remote-opus.com\/succes\/\" class=\"btn-secondary\">Bekijk succes verhalen<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n  <script>\r\n    const counters = document.querySelectorAll('.ro-home .counter');\r\n    const counterSpeed = 30;\r\n\r\n    const countObserver = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          const counter = entry.target;\r\n          const updateCount = () => {\r\n            const target = +counter.getAttribute('data-target');\r\n            const count = +counter.innerText;\r\n            const increment = target \/ counterSpeed;\r\n            if (count < target) {\r\n              counter.innerText = Math.ceil(count + increment);\r\n              setTimeout(updateCount, 40);\r\n            } else {\r\n              counter.innerText = target;\r\n            }\r\n          };\r\n          updateCount();\r\n          observer.unobserve(counter);\r\n        }\r\n      });\r\n    }, { threshold: 0.2 });\r\n\r\n    counters.forEach(counter => {\r\n      countObserver.observe(counter);\r\n    });\r\n\r\n\r\n    \/* ============================================================\r\n       MOBILE TAP-TO-EXPAND (vcards + step cards)\r\n       Only meaningful on mobile where the CSS collapses descriptions.\r\n       ============================================================ *\/\r\n    (function () {\r\n      document.querySelectorAll('.ro-home .cards-grid .vcard, .ro-home .steps .step').forEach(function (card) {\r\n        card.addEventListener('click', function (e) {\r\n          \/\/ don't toggle if user tapped a link inside the card\r\n          if (e.target.closest('a')) return;\r\n          card.classList.toggle('is-open');\r\n        });\r\n      });\r\n    })();\r\n\r\n\r\n    \/* ============================================================\r\n       REVIEW SLIDER (mobile only)\r\n       Auto-advances every 3s. Pauses on user interaction (button\r\n       click or swipe), resumes after 8s of no interaction.\r\n       ============================================================ *\/\r\n    (function () {\r\n      const tgrid = document.querySelector('.ro-home .tgrid');\r\n      if (!tgrid) return;\r\n      const cards = tgrid.querySelectorAll('.tcard');\r\n      const prevBtn = document.querySelector('.ro-home .review-slider-prev');\r\n      const nextBtn = document.querySelector('.ro-home .review-slider-next');\r\n      const dots = document.querySelectorAll('.ro-home .review-slider-dot');\r\n      if (!cards.length) return;\r\n\r\n      const AUTO_INTERVAL = 3000;   \/\/ 3 seconds between auto-advances\r\n      const RESUME_AFTER  = 8000;   \/\/ resume auto-advance after 8s idle\r\n\r\n      let currentIndex = 0;\r\n      let autoTimer = null;\r\n      let resumeTimer = null;\r\n      let isPaused = false;\r\n\r\n      const isMobile = () => window.matchMedia('(max-width: 768px)').matches;\r\n\r\n      function updateDots() {\r\n        dots.forEach((d, i) => d.classList.toggle('active', i === currentIndex));\r\n      }\r\n\r\n      function goTo(i) {\r\n        if (!isMobile()) return;\r\n        currentIndex = (i + cards.length) % cards.length;\r\n        \/\/ Scroll only inside the slider \u2014 never touch the page's vertical scroll.\r\n        const card = cards[currentIndex];\r\n        const cardRect = card.getBoundingClientRect();\r\n        const gridRect = tgrid.getBoundingClientRect();\r\n        const targetScrollLeft = tgrid.scrollLeft + (cardRect.left - gridRect.left);\r\n        tgrid.scrollTo({ left: targetScrollLeft, behavior: 'smooth' });\r\n        updateDots();\r\n      }\r\n\r\n      function startAuto() {\r\n        stopAuto();\r\n        \/\/ auto-advance disabled. reviews are manual only\r\n      }\r\n\r\n      function stopAuto() {\r\n        if (autoTimer) { clearInterval(autoTimer); autoTimer = null; }\r\n      }\r\n\r\n      function pauseAuto() {\r\n        isPaused = true;\r\n        if (resumeTimer) clearTimeout(resumeTimer);\r\n        resumeTimer = setTimeout(() => { isPaused = false; }, RESUME_AFTER);\r\n      }\r\n\r\n      if (prevBtn) prevBtn.addEventListener('click', () => { pauseAuto(); goTo(currentIndex - 1); });\r\n      if (nextBtn) nextBtn.addEventListener('click', () => { pauseAuto(); goTo(currentIndex + 1); });\r\n      dots.forEach((d, i) => d.addEventListener('click', () => { pauseAuto(); goTo(i); }));\r\n\r\n      tgrid.addEventListener('touchstart', pauseAuto, { passive: true });\r\n      tgrid.addEventListener('mousedown', pauseAuto);\r\n\r\n      \/\/ Sync the active dot when the user manually scrolls the slider\r\n      let scrollTimer;\r\n      tgrid.addEventListener('scroll', () => {\r\n        clearTimeout(scrollTimer);\r\n        scrollTimer = setTimeout(() => {\r\n          const gridRect = tgrid.getBoundingClientRect();\r\n          const center = gridRect.left + gridRect.width \/ 2;\r\n          let bestIdx = 0, bestDist = Infinity;\r\n          cards.forEach((c, i) => {\r\n            const r = c.getBoundingClientRect();\r\n            const cardCenter = r.left + r.width \/ 2;\r\n            const dist = Math.abs(cardCenter - center);\r\n            if (dist < bestDist) { bestDist = dist; bestIdx = i; }\r\n          });\r\n          if (bestIdx !== currentIndex) {\r\n            currentIndex = bestIdx;\r\n            updateDots();\r\n          }\r\n        }, 120);\r\n      });\r\n\r\n      startAuto();\r\n      window.addEventListener('resize', () => { startAuto(); });\r\n    })();\r\n\r\n\r\n    \/* ============================================================\r\n       BEHIND-THE-SCENES SLIDER (mobile only)\r\n       Auto-advances every 3s. Pauses on user interaction (dot\r\n       click or swipe), resumes after 8s of no interaction.\r\n       ============================================================ *\/\r\n    (function () {\r\n      const grid = document.querySelector('.ro-home .behind-grid');\r\n      if (!grid) return;\r\n      const items = grid.querySelectorAll('.behind-item');\r\n      const dots = document.querySelectorAll('.ro-home .behind-slider-dot');\r\n      if (!items.length) return;\r\n\r\n      const AUTO_INTERVAL = 3000;\r\n      const RESUME_AFTER  = 8000;\r\n\r\n      let currentIndex = 0;\r\n      let autoTimer = null;\r\n      let resumeTimer = null;\r\n      let isPaused = false;\r\n\r\n      const isMobile = () => window.matchMedia('(max-width: 768px)').matches;\r\n\r\n      function updateDots() {\r\n        dots.forEach((d, i) => d.classList.toggle('active', i === currentIndex));\r\n      }\r\n\r\n      function goTo(i) {\r\n        if (!isMobile()) return;\r\n        currentIndex = (i + items.length) % items.length;\r\n        const item = items[currentIndex];\r\n        const itemRect = item.getBoundingClientRect();\r\n        const gridRect = grid.getBoundingClientRect();\r\n        const targetScrollLeft = grid.scrollLeft + (itemRect.left - gridRect.left);\r\n        grid.scrollTo({ left: targetScrollLeft, behavior: 'smooth' });\r\n        updateDots();\r\n      }\r\n\r\n      function startAuto() {\r\n        stopAuto();\r\n        if (!isMobile()) return;\r\n        autoTimer = setInterval(() => {\r\n          if (!isPaused) goTo(currentIndex + 1);\r\n        }, AUTO_INTERVAL);\r\n      }\r\n      function stopAuto() {\r\n        if (autoTimer) { clearInterval(autoTimer); autoTimer = null; }\r\n      }\r\n      function pauseAuto() {\r\n        isPaused = true;\r\n        if (resumeTimer) clearTimeout(resumeTimer);\r\n        resumeTimer = setTimeout(() => { isPaused = false; }, RESUME_AFTER);\r\n      }\r\n\r\n      dots.forEach((d, i) => d.addEventListener('click', () => { pauseAuto(); goTo(i); }));\r\n      grid.addEventListener('touchstart', pauseAuto, { passive: true });\r\n      grid.addEventListener('mousedown', pauseAuto);\r\n\r\n      \/\/ Sync the active dot when the user manually scrolls\r\n      let scrollTimer;\r\n      grid.addEventListener('scroll', () => {\r\n        clearTimeout(scrollTimer);\r\n        scrollTimer = setTimeout(() => {\r\n          const gridRect = grid.getBoundingClientRect();\r\n          const center = gridRect.left + gridRect.width \/ 2;\r\n          let bestIdx = 0, bestDist = Infinity;\r\n          items.forEach((c, i) => {\r\n            const r = c.getBoundingClientRect();\r\n            const cardCenter = r.left + r.width \/ 2;\r\n            const dist = Math.abs(cardCenter - center);\r\n            if (dist < bestDist) { bestDist = dist; bestIdx = i; }\r\n          });\r\n          if (bestIdx !== currentIndex) {\r\n            currentIndex = bestIdx;\r\n            updateDots();\r\n          }\r\n        }, 120);\r\n      });\r\n\r\n      startAuto();\r\n      window.addEventListener('resize', () => { startAuto(); });\r\n    })();\r\n  <\/script>\r\n\r\n\n  <script>\n    \/* Typewriter effect for the hero H1 *\/\n    (function () {\n      var words = [\n        'Google Ads specialisten',\n        'Meta Ads specialisten',\n        'SEO specialisten',\n        'listings optimization experts',\n        'e-mail marketeers',\n        'designers & video editors',\n        'web developers',\n        'customer success agents',\n        'CRO specialisten',\n        'marketing talenten',\n        'e-commerce talenten'\n      ];\n      var target = document.getElementById('ro-tw-text');\n      if (!target) return;\n      var TYPE_SPEED = 55, DELETE_SPEED = 25, PAUSE_AFTER_TYPE = 1500, PAUSE_BEFORE_NEXT = 200;\n      var wordIdx = 0, charIdx = 0, deleting = false;\n      function tick() {\n        var word = words[wordIdx];\n        if (!deleting) {\n          charIdx++;\n          target.textContent = word.slice(0, charIdx);\n          if (charIdx === word.length) { deleting = true; setTimeout(tick, PAUSE_AFTER_TYPE); }\n          else setTimeout(tick, TYPE_SPEED);\n        } else {\n          charIdx--;\n          target.textContent = word.slice(0, charIdx);\n          if (charIdx === 0) { deleting = false; wordIdx = (wordIdx + 1) % words.length; setTimeout(tick, PAUSE_BEFORE_NEXT); }\n          else setTimeout(tick, DELETE_SPEED);\n        }\n      }\n      tick();\n    })();\n  <\/script>\n\n<\/body>\r\n\r\n<\/html>\n<!-- RO-STATS-REDESIGN v2 START (remove from this comment to the END comment to rewind) -->\n<style>\n.ro-home .stats-bar{position:relative !important;overflow:hidden !important;isolation:isolate;background:radial-gradient(120% 150% at 50% 0%, #226047 0%, var(--green-dark,#1a4732) 55%, var(--green-darker,#133523) 100%) !important;padding:clamp(3rem,7vw,5rem) 6% !important;display:grid !important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;gap:clamp(.9rem,1.8vw,1.5rem) !important;align-items:stretch !important;}\n.ro-home .stats-bar::before,.ro-home .stats-bar::after{content:\"\" !important;position:absolute !important;border-radius:50%;filter:blur(70px);opacity:.55;z-index:0;pointer-events:none;}\n.ro-home .stats-bar::before{width:360px;height:360px;top:-130px;left:-90px;background:radial-gradient(circle,rgba(76,175,121,.6),transparent 70%);animation:roStatFloatA 15s ease-in-out infinite;}\n.ro-home .stats-bar::after{width:320px;height:320px;bottom:-140px;right:-70px;background:radial-gradient(circle,rgba(60,150,95,.55),transparent 70%);animation:roStatFloatB 19s ease-in-out infinite;}\n@keyframes roStatFloatA{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}\n@keyframes roStatFloatB{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,-35px)}}\n.ro-home .stats-bar .stat-item{position:relative !important;z-index:1;text-align:center !important;padding:clamp(1.6rem,3vw,2.4rem) 1.1rem !important;border-radius:18px !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.11) !important;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);overflow:hidden !important;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1),background .4s,border-color .4s,box-shadow .4s !important;}\n.ro-home .stats-bar .stat-item::before{content:\"\" !important;position:absolute !important;top:0;left:50%;transform:translateX(-50%);width:46px;height:3px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,var(--green-light,#4CAF79),#9fe7bd) !important;box-shadow:0 0 16px rgba(125,209,163,.7);transition:width .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s;z-index:2;}\n.ro-home .stats-bar .stat-item::after{content:\"\" !important;position:absolute !important;inset:0;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.14) 50%,transparent 68%);transform:translateX(-130%);transition:transform 1s ease;pointer-events:none;z-index:1;}\n.ro-home .stats-bar .stat-item:hover{transform:translateY(-8px) !important;background:rgba(255,255,255,.085) !important;border-color:rgba(125,209,163,.4) !important;box-shadow:0 24px 50px -22px rgba(0,0,0,.65),0 0 0 1px rgba(125,209,163,.12) inset !important;}\n.ro-home .stats-bar .stat-item:hover::before{width:78px;box-shadow:0 0 24px rgba(125,209,163,.95);}\n.ro-home .stats-bar .stat-item:hover::after{transform:translateX(130%);}\n.ro-home .stats-bar .stat-num{position:relative;z-index:2;font-family:'DM Serif Display',serif !important;font-size:clamp(2.8rem,6vw,3.8rem) !important;line-height:1 !important;color:#fff !important;font-feature-settings:\"tnum\" 1;display:inline-flex;align-items:flex-start;justify-content:center;text-shadow:0 2px 26px rgba(125,209,163,.35);}\n.ro-home .stats-bar .stat-num span.counter{color:#fff !important;}\n.ro-home .stats-bar .stat-num span:not(.counter){color:var(--green-light,#7dd1a3) !important;font-size:.56em !important;margin-left:3px;margin-top:.16em;font-family:'Mulish',sans-serif !important;font-weight:700;text-shadow:0 0 18px rgba(125,209,163,.6);}\n.ro-home .stats-bar .stat-label{position:relative;z-index:2;font-size:clamp(.78rem,1.3vw,.92rem) !important;color:rgba(255,255,255,.76) !important;margin:.8rem auto 0 !important;line-height:1.45 !important;max-width:22ch;font-weight:500;}\n.ro-home .stats-bar.ro-stats-anim .stat-item{opacity:0;transform:translateY(28px) scale(.97);}\n.ro-home .stats-bar.ro-stats-anim.in-view .stat-item{opacity:1 !important;transform:none !important;}\n.ro-home .stats-bar.ro-stats-anim.in-view .stat-item:nth-child(1){transition-delay:.05s;}\n.ro-home .stats-bar.ro-stats-anim.in-view .stat-item:nth-child(2){transition-delay:.14s;}\n.ro-home .stats-bar.ro-stats-anim.in-view .stat-item:nth-child(3){transition-delay:.23s;}\n.ro-home .stats-bar.ro-stats-anim.in-view .stat-item:nth-child(4){transition-delay:.32s;}\n@media (max-width:680px){.ro-home .stats-bar{grid-template-columns:1fr !important;gap:1rem !important;padding:2.6rem 1.2rem !important;box-sizing:border-box !important;max-width:100% !important;}.ro-home .stats-bar .stat-item{min-width:0 !important;box-sizing:border-box !important;}.ro-home .stats-bar .stat-num{font-size:clamp(2.1rem,11vw,2.7rem) !important;}.ro-home .stats-bar .stat-label{font-size:.73rem !important;}.ro-home .stats-bar .stat-item{padding:1.5rem .8rem !important;}}\n@media (max-width:380px){.ro-home .stats-bar .stat-item{padding:1.25rem .6rem !important;}}\n@media (prefers-reduced-motion:reduce){.ro-home .stats-bar.ro-stats-anim .stat-item{opacity:1 !important;transform:none !important;}.ro-home .stats-bar::before,.ro-home .stats-bar::after{animation:none !important;}}\n<\/style>\n<script>\n(function(){var sel=\".ro-home .stats-bar\";var bars=document.querySelectorAll(sel);if(!bars.length)return;bars.forEach(function(b){b.classList.add('ro-stats-anim');});if(!('IntersectionObserver' in window)){bars.forEach(function(b){b.classList.add('in-view');});return;}var io=new IntersectionObserver(function(es,o){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in-view');o.unobserve(e.target);}});},{threshold:.2});bars.forEach(function(b){io.observe(b);});})();\n<\/script>\n<!-- RO-STATS-REDESIGN v2 END -->\n<!-- RO-USECASE-LOGO v1 START (remove block to rewind) -->\n<style>\n.ro-home .ro-uc-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1.2rem;}\n.ro-home .ro-uc-head .vc-icon{margin-bottom:0 !important;flex:0 0 auto;}\n.ro-home .ro-uc-logo{background-image:url('data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAACiCAYAAAAEN4KiAAAQAElEQVR4AexdCWBU1bn+\/nsnIQsgICpqVXAXaltFVNS+l4oCWUCljXWBJCBFsK51fXXptFoXELeqfdICSRCx0lYlhIBLm9bnij7t62vrq0spKlVUXCB75v7vO1FaWe5kMsnM3Jk5N\/8\/d+aec8\/5\/++c757t3hsHdrMIWAR8EbAE8YXGBlgEAEsQWwssAlEQsASJAo4NsghYgtg6YBGIgkACCRIlVxtkEUgTBPwJUj5hCKpKz0NF8flWU4xB5cRZqCw5HTNKv4GqiWNQceLeKC\/qj7AdQyLBmz9BBuQcIsB8cZw7rKYaA\/cegSwVD2sE7n+J5L8qBYWvYl3JU6gq\/U\/qDEwfNxLlI3Nhtz5FwPFPTfOgCDHctYrUYmDKQbrKIodlkQtBf+reJM1xApxLXShev\/+RwhF\/YUvzM0wv+xZbmuE4r7w\/iopMGfI0K\/Eg4E8QL5IP\/9B48rLnJBIBEZfJ7y8iMwW6TOA+iebmW7Fv3iRUlR2E8vJ82K3HCPhTQJ3+PU4tWSfYfKIjYFocYH+2LOeK49YA+lMUNM1GRdnRJIot1+jobRPqT5BtotkfaYzAABJlHFuWm+F4d6Og+XJUTByLqqK8NPYpaaZbgiQN6pRnlCuQMSK4TFx3PrTgEkydcCDCYVsHohSNBScKOBkaVAAPx4rIZQi59+DvL3CMYlsTv7K2BPFDJpOPsymhe0O4Gycq90Hzr8eMyQN4zMp2CFiCbAdIlv00M197iDiXwos8gakTD8ky\/7t11xKkW4iyIoIIcLS4zmrMmHgaZk0qyAqvY3DSEiQGkLImish+4jl3oi0yE+XFu9Fv8oafWSyWIFlc+DtxnYSQfUTkShRiNme5hjEOj\/EzS8USJEsLvhu39xKVOZzlOhczx+3eTdyMDrYESV7xpldOInsKZDY68s7F2cUD08v4vrPWEqTvsMzElPYQ4EKEpIrOCTXrxBIk64q8hw4LduWY5IeoKJncwzMzIrolSEYUY8KdGCQOFqGq5GvMKataEksQlriVWBCQIYx1F6adtA\/3WSOWIBlR1MlxQiCj4fS7BFVFg5KTY+pzsQRJfRmkkwUFInoqtKAYWfKkoiVIOlXPINiq8iUO2qdiv35Zcd+WJUgQKl062SAwz7gfB8ed3PXMezrZHoetliBxgGZPwS6ATEFL0yhk+GYJkuEF3Gv3dp6AiIcj4MmETH+OxBJk5xXAHu0OAYEL0W+js30EAEGGbpYgGVqwyXBLIIfCcYtxQXFuMvJLRR6WIKlAPXPyNPXnTHziDs0cl7b1xDi47RH7yyLQAwQEOhISKerBKWkV1RIkrYoriMZKDrtaFSgvd3tqXTrEtwRJh1IKvI1yHEKtBwXezDgMtASJAzR7ynYImJdp53ll2x3NiJ+WIBlRjKl3QlRPRwa+pdESJPV1K1MsOBh\/e35Epjiz1Q9LkK1I2H0vEZA8QI5GMLY+s8ISpM+gzPKEhCvrwLFAZq2q+xNERGE3i0CsCHhwRWQUqor6xXpKOsTzJ0gEn8JLBxesjYFAgIshgO4Jyd0tEPb0kRH+BHHlTTaWW\/ooH5tMViAghVB370xy1Z8gTflvaidKVTFTVa60miIMPFytwH2sdG9S+ZWfwZU8qOwbXPN6btmOBNmaxvLlEdxf\/wxq6heiZuVcqynCoLb+RlTXz9amtiNVvBuhaNlaRAHc50Ako25c9CdIANHPapOWP\/EJFjdcq4IriUMzNYiSw3FIloxBggi\/tUnhdi5lP2t1QKEIOSK7BNS2uMyyLUhcsKXwJPeDzRCsYFerM4VW+GXt0C4zzSt+EdLtuCVIupXYXi9FoLqBZndQAyZq6lMeysvNPmC2xWdOUh2Jz0R71jYINBaxzGQQWxHz+p1tguyPvkeAYPd9ojbFBCIwcrc8dmO+wRw4IOZnoEQ8mtOBUaM4TOK3DBBLkHQrxJYto0X0rICa7bFla0Y47AXUvh6bZQnSY8hScoLgguJ+OHviGHhONRDYmSLPC\/Y6DXq6OT09wcZPOAKCWbNyYP7tWVXJMEydcCCmTTweW3Ct5DirRTAcQd0U7fDwblDNi8euTCFIPL4H4RzhjE8uzpkwBDNK90fVpDEkw3i0vjMNIfdyQG6XUOhBcd0V4jnf5+8hCPImJIiD94NsYk9tswTpKWK9iR8uCuGs0sGYVnoYphefiOmlZ6Og5WJEQmF4mAd4\/0kyVIuDn3KccY0AZzC70dTB7NvzJ78FW9qg3lvBNrFn1lmC9Ayv2GOb57OrTh3URYaK4mJUls5x1hXe4OToHeLiTlG5XRS3kgg\/Ys0\/nzqFeiQzGEZN1zcVboHXYQnCArSyLQKCWZMKUHXyQZhBMlSVfA9\/W3u3oGOpuFojjnMnxw4\/VOAi6jSeejIgXwGwB7UfldzgZzqLcvJZsQFu58Z0dmN7220Lsj0isfwuH5mLaWX7orJ4PFuGS53Kkmpp9x4XzWkQz1kkkOtIiBlMaiIgYwCYd0aZm\/jyICL8nYkSUXivoLqxLZOcswTprjTLy11MG787ZpSdgMqSC1FVtlQKh78srv6viLOS1f0WFZnKZMZC5ADuTRfJ3LBnWobswVcQgeoz9J+NJD8zRLKnAHdeYGYWyUVVUV7XtGrFabt2TatWlRWRDJegsnQJCppfETf0mkS834vInQKzSCcjmdwAqlnNNq\/cNDhmastAN2MQxWag\/YUYYqZVFFOwaWVwL4wVFHOxzQycp4\/f57PBc9mxKGg9Feh\/MULOvZD2NZxWfYEkeFJEbhPBVOqXARnI1iG7CYBuNkefw\/6\/+Uc3sdIuOFMJwpZhbD5bgz05nTqSawsnoKr4FOzhnAN0XgkN3Q5Hazmd+ohIZJlAbyIRzqaOZgkOpmYqLnQtIeKp4iGE4SHDtvSvCOUcI5hV52mTRpAEx6KqdArXF2ajcMg1CIVugie3w3XvFcgCgd5BvYrfvykiRwG6OyCmmwS79QIBUXP7\/eO9SCGwp6YXQcrLc1ExbldMLfsqKieUomrieShout7JkbvF9UgCh+sLuFUUP6ZeIUAliTCe+8MB4SySBIsMyIxNPalD9ar3MsObbb0ILkHM\/UjTT9mHs0ZFqCqZzQHzPCloXirS72EJ6RKR0F0CJ0wCXKgQc3crp1RxNATm\/bCDIQjBbklAQD+BeLXMSKkZJ06APOK44eu7cX1hErtIt0rbO78T7XyKXaKHBHKLiJ4PB6dC5AQAh1P3R1ergEIALtVKChBQyGNo6vhLCrJOSpapJoh8Nr1aUsZWYpkUDvyjuPoIu0eXQjCWCOxHZdcIAwHJg3a1CgK7BQWBJl6aaoDBW4JiUF\/bkXyCmEH1WaWDu8YRVaU3IMd5URx5RCDfpnPm1ovk28SMrfQQAYVy5qoBrd4fYN6h1sPT0yV68iqjIcbUCXui4NOJyJG5bCmeEOD71IMIlu0iEYS+lISnJeDMlT6Ig1oy6vmP7XFLBkEEc9hiFG6eADfEQXVoAccT57ALNXR7Y+zvtEGgnc1HA9R5DuHGIL5+qM+ATCxBzC3fM8q+ghb5DxH3VrYWM2j5XlR+5aeVdERAuX70Khz5JfY\/KuNWzrcvkMQRxNzWse6FCvE8TsfqeRxgHwbpGmRvb4P9nV4IfMSxx3LkNz2dSS9n8CuCxBDEPEu9u3DVWm4iMb7OzM1ULHdW0hoBRSfH5k\/xsxr3NmbszNUXy6jvCTKt9MsC1HIBbzozGgZ+4d5KJiAgWA94P8bShncywZ1YfOg7gphZqmnF\/y4OFgIyDoB5HoI7K5mBgLax9QijevVa+sNxCD+zQPqGIOZ5isKWEnGd+cRsDLVv0mVCVgKBQJN6MhfDj14aCGuSaETvK7K5gVAKThJomHYfCeEfv1jJGASaFFINp+nGbBiUb19qvSWIIL\/5eFFcw4SPoArVSuYgQHLgF3CcG1Hd2Jo5bsXuSe8IUjlppDj4IVSOZpaWHAQhY0SwhYuBD8HTW7DviiStlgcPvfgJMnPyHoLIbXTpeAj\/+MVKxiCwmWsdy+B6t6Cl8A2E4SFLt\/gIYhYBOzs55pATiVt8afBEK4FE4FOFLoKErse+x76WyTcixoJ+fJV7mJzF5Y3T2W6EYsnExkkXBLSJLcdcOKFrsfjRt7JxUL59SfWcIFUlh3NQ\/l0oBm+fmP2dtghEWJ5vkxzfwYgxN2HRis1p60kfG94zgsw6aRcCOROQwwAI7JbuCCgd2ERi1KtoCWpWLcvYVoOOxiOxE8SslLfmFolgAjMqoFpJawS0FSKvcLwxD+3uLFSv+mNau5Mg42MnSH7LMDgymXbsT7WSvgiYGal1bDWqFZHLkOvehWUrMvKNJH1RRLERxLQeTmQM+1QnAZIDu6UrAuZW9YfUk8sRifwIixp+iwV1zenqTDLsjo0geZ27Ao55rc7eyTDK5tHnCGxSwf1sNargyZVYv+UR3L\/mHxCOKPs8q8xKMBaCCEJtIwQwBHEzy\/2M9sbMTL1BYsxXL1KGSO7FaC6ox5KV69GY2Y\/J9mWpdk+Q8vI8XnVOguq+fZmxTStRCOinqtrA6amp2u4ci8X1l6N29bOoffjDbF\/0iwfx7gmS98kAiJ4CETYi8WRhz+ljBCJMz\/yTGrNW8SEvXG9TnyMh7tVI5JvcH4IRR5ehuv5BLKv7gHF5iJ9W4kKge4K4uSMFYv5dWFwZ2JPiRoAVWzsA\/YQpmCf4XiURXoRKg6jex1biGk7RTiUpvqHNH51IQnwXS1b\/mtO179q1DCLWR9I9QVRLmZd9OpAgJExY05m2aRXeh+KvJMXT\/L1CFAsVMlc9XEUifEfbvHKVLeVezaqLuKh3F8mwmoPt17H82RbGt5IABKITZNboHHasTk5AvtmbJC\/9dN6Q4T0FXlGVlSpYoOrdqIr\/UM+7TF29QFvbz\/Ok+RK2DDehtv5+tg7\/hQdXr0OWPpdBzFIi0QnSOmgErTqYmiDJimTb6SUX4nQtG4oH1JEbFd4FJMMsCL4L9S6Fl3s1mvvfjJr6RVjSUIeFDS\/jwcc3fE4G8gh2SxEC0QmCHPMC6fwU2ZaO2UZo9PsKNYPmRWwVrlQncobCO1XhVsBzrkBO2zzkbqwmGeo4w\/QMalf99fMZJkMkSwYCGCTphiDyb0EyNqC2fMzW4GF2jS7gWOFkRc7R8NrK4LgXQ1ruwuYBK1Dd8Dyq615F7cp3sOCJT7DgJQ6+OdoIqEPWrH8hEI0gIuLY2at\/YeX3LQeqv4PT8nPU1v8W1Y+sQ+2TH3bdMm7GC5+9+dy2DH7oBfy4P0HKTxpI24dTrURHoBAOzoD0H8loQrWSQQj4E6QgZygEhWnraxINF8gYqHcGqop2SWK2NqskIOBPEHH2Yi\/Z3rkbWyG4JMnZ0EIzZpPYTrGx0gEBf4IoBrPrkA4+bLXRI6Hbqanq7+8lgisxbfzwrQbZffoj4E8Qxwv69K4hw9tkw1MquphTqdeqyhUQfTuFxXIMnJwfkSS27sccAwAAD+lJREFUa9rbQigqCuG88v44u\/hLmFG6f5dWlO3ddcyE9Tb9GM\/3J4inu\/BqHMjugqo+phE5TdUtBSIV6Oy8Ck2cUv1IfkbCNNL3CDUV4orotxDKvRDmIbNUWJCueRq8Zk4agcqys1FVersM7\/9raW5eIyGnQTzUd6njNXQdG1H4K1SW3IbppVNRNXE4wonr6zjw21Ry\/YJSflzlNzjgqNWoXfE\/qF69Dkse24jljVtQV9fMwXINiW0W3RJmZvSEJU8872LkbS5nvEBeYGhXcKS8qD8JcQYKm1ZKZ+Q5gf6M+l1AefHDWAi+TGMP\/UzlcO7HsnzL2J09XzwsEHXXYl1JPSqLK1BVNIjhfSr+BBEnVVfh7h0UdCIc9nYasd++v1eoudlvp8FJOSiymzjOdaiceKJtSXaCuOkinTluD1QUny8FhS\/xKvKAQCYCsjsJwa69mMkhUzcFO27mGMMYR5DP+EOF54o4i0QLn0Jl8RyYf+BkWqQdz+3xEWbkc47jbQKp7BMa3MMLFnCVWudBtTWFRrLM5GAR9wcoaDoes2blpNCW4GRtukIV43bFfgVTJDfvl7yIzIfA3OsnfWCky7S+LHDuYGJLUbhlEsonDEEvN8f3fE\/UNyzoAc39G2n8Eyk20xTYWIFci7a3x2Y9ScJhB68VHwqn35Uicicr8wksn77vxguYppwokPuQ716OqrKDmI9Q4xInrrOCftLy5RyDOHdA8WFKTVWE4KCIpXM12jccD9O1QFZugjdePE5Czg3E4gIiMIyaYJHdReQywJuLGWXHs0vuxJNhXCfFk1HSz+mMrFXBrwEO5ZDCzZBEZJyoXo\/h+cUkLeuIrz2ZGCAca0wU15vHVuMUQPKQrE0QEsgpEvFuxpvPT4hnPBiFINKULD8Sks9Bx2xhuksAfYP7VIvLynEcC2seZpTMwqzROak2KGn5V5WcJK4zF5BjALan\/EiyCCDHijjXoqDV\/O9M\/kbMmz9BXDRj5\/NEMSee0ohhznJ1eH\/gmkkt7TBP8HGXUiHWcohAbkDHsJtgBqspNScJmVcUH0F\/r2ermdobOQW8QOlRgsilqCr5KnqwsdB8YnuiPiHpc3hpw6cQPJryad8vIqYYSmQvECevFpWTRn0xKKO+nzl5D44BriM5RtMv\/3rGwOSImFb7REDOI0liHgMFwHAkdhve\/BeSZBkzeY8aFMnlNHSxiPcLVHA1+KzSwQinpPuBhGxVRXnoFzkHIkUQhBKSRzyJinBMgnJAJ8HYGEMamU+QcGMn3FAdu1p1BCaVayPbFgcvrzwwShz8BDn4MdZNHI1LyvN5LEGSpGTDnM5F\/2PZSk5hjn2+ss00eyuDRJ2Z8PIPY0JCjSqZTxDj\/s9XvAdHFivkD\/zpUYMkg0RwLuAuwEdbzsX04pFpPYjf8NIQto6T2XKY20KChPO\/bBGMhotTMWtStxek7CAIuO3X9AJE7uO396lBE0eArwmcG6HObWjbYxYqSg6OZ1oSqdxM69GBUSR8Mc3IpQZVXPGcs9Di7dedgdlDkDC7Wu2RX6mCU7\/wugMmReH5JMp4gYTFkduQv2UOpo0fkTZEWf\/fhWw9vgHFgSnCL\/ZsBftDMLm7E7KHIAYJM6sV6bxNgSfNz4CqsOCG0raJ4rjXipu7GIVN3+siChiCAG8dOpQEKaaVwRmY+8PliIMzUXxgP\/8oQHYRxCBh\/i+GenM4aP+r+RlgdTmpsDv166Jynbg5a1BReidXpY8IXItiQFTSQrwDBAju2MPY+UVVHYXdDo26LpJ9BDEA1TS8AfE4MNZN5mfA1WHV608bD+IVj+snzjNS0LyGc\/ln4cwi09KwTjI01XLu6BDt\/Dq124Fvqk39Z\/4iIbjepH\/+3skXZyfHsuPQAHlW4VxFZz+kppPksRKOE0it9CtYi6rS+zBt4hRMnXAgKk7bla1LPsxgOdketQ9waZdZFEx2zr3Lz1NzV7H4JZK9BPlJQxvcjl+xZ3A3wUk3ktBkuIAMF+A74rgPSSj0OJz2u1HQNLvrxryK4iNgHkc1i5Dl5VyYZPVFAjdnYI4AZm0hgZn0fdICOQTlRYV+KWcvQQwiC9dsQgSLFHo\/f35ETU8RQxYYspwhIreK4yyD49QA7nzk4GrkN83BjNKzUVUyEZUl\/4bpZUeiavyhmDZpBGZO3oPrAUO7dHrxbjAvRjDHDbHQg63TG8jYQ6lpJjIIhYN87XbSzJu+N3fJyrcA5x4FfsnEzX9t4i6txZTpLsLBMnWKCC4VR+aK6t0CuVtE7uL3O0RDt4njzXc6vXlO++eqzlzH0VvFjcwjsaZg0qSCmJGIRHbhDFbs8WNMOOHRBCE47ZYgUYBWVK98HZB5nNkiSbQNmbflAmLe+ngAADNrw8G0FLPTdRpbz2m8OFR9Qc8AxBBrKgZ3HoJYt1wZwKguNb1EISS27WJ1U2qfkcTJ+YF6eIiAaTfxMz1Y6CAH3O7xsd7Uh3Y15\/C0NBR1fW03zXEaepQQkxWLH30LTvOFLGpzS4qXkFzSJ9EBEJ0CryDW\/278KV2LUNNPpL3Fz2hLkO2RqW78GE3rLlLIXAb5AsewjBcRHA8Hx8R086QTaWFnpT39QGGfQZyP\/ex2\/AKy+vjyP7fDcW5k\/\/wHxGEDNVtbEzN2mYHOvXcjBtGldZdNUKTTdPln\/ohshtfq+6yQJchnMO34uWjFZnTofaq4joF\/BLSD+6wTds7HItL57906Xvh+mwJ\/6zZe0CKovoPhMO8vwM42S5CdobL1mLm5sXnTAyTJ1Qr5DUnSujUoi\/b9RGQOF9PM7S7+bjftZlrZl\/wjBDOE5boW4cZOP+ssQfyQ2Xp8+bMtaC5YDZHvK7CQhzNhrYRu9EiOQUFB1HuWMGpUJzF6lheR9GlpOa8PwZpoSFiCRENna5j5P4OLV76MzsiPVfR7JMqbW4OyZJ\/LVuQylJ9k1lJ27nI47EG8P0Hl7zuPEMCjIhtpc2M0yyxBoqGzbZjC3CrfX5fA6zxTgUehSM9pzW39iu2X4CvIz\/lm1MitoY2c2Iha4aKen+RAdp2fwOKGD6JlGx9BoqWY6WHmJsfaNWvR5sxU8Tg2wbuZ7nKXf4qQODILZxebe666Du3w0Zln7mdbzeOfUIMubXBhusy81vmbagnij020EMWyug+wrmU+I53OfvdqtiZmJiQq2Iyb5iIHs1J9i05wcouf24vpikJfYdf+twwKNBY07km04hV0s1mCdANQ1OBGzn5U15t\/AVeh8K5nXPPWlFbuM1UGisi3cObk3X0d7LdxPeCsYPhGalCFaza6CBuaNndnoCVIdwjFEr644X2MaLhVXW+GKBbzlFfZqnRwn2niwpHDkdsxwfehrAUvdaAfnlToY3Q+iDd+tqvKrxGJPANzgaOR0cTxDXRUfMNswI4IhOFhYcPLnjRxlityKYlSw0hmtivCfeaIh2GOSAlee34vX6f2Wvk2VM0zNrxQEBffiEkOIGuZ48sQrcWBY31Xzxnnn+JPkAgGwD\/0nwn09Ze0T6+6sRXVqxs8wbXqyWXsj9eysvwDnxVO2rsHQUjNm9pz9AT4\/ZuzMEnR3P8pBRawJY06S5RUQETXK7yFyHVeYgvoxZJ3FApoXiwJ2Dg7RUBRvepdrN9SBzd0jUK+w\/bYtCi+N8XtNJWgHhR8CeqMR37LMF8Tly9vAXIe4AXiZ4wTgJsYdRO7VjVwvV9hQV0zbYpJnJhi2UjxIWD6uItWbOhaiXc7L+XVq1gBU2HSYRrU32fllC9wElvFr\/JK7F+Hqh\/5GNLvVvp8LxOL6YrNeAkQbaYNC9HceSfMY9Y9yMHfuR4kYqN2g4CZ\/jQFU93wHIbXz9ZO9yhVzO\/qenVzaoCDvwRHy\/D353eNamM1SbKu6XJW0Jvpb2fUuIkJ9NiK3YsBei2Wr+nxa54sQRJTKP6phtk\/v3\/F6xgx5gouNB6n6l3GfvrzVFN4Hf4nBiyE8720aDIHvIcg3M1o1bSk65quV+BiAOs5jkkGUSLMa4N6uADN\/a+CWeDlgZ5KNhGkp9gkNn447HEwvw41DfO1zS1jizJHFL8gUf7ICmQGtqaAE2tDL1MX0b3huWfiT0Xdv6yhkZMXA\/XnCj1XPX2crclH7KJpL03YyeliunJc58DjGvGmobb+pzAt+E5ixnLIEiQWlBIdx6zK16x6yOv37gxWnkpVuUEEDzHbV6gfU02hcxc0ETYgehryCg6NyTJzFR++6jGuQVxIZszjOU9Tu12sY5xYhEniI15gfk\/8btGQzkZtQ69X9C1BYoE+WXHMIlttw8sYvvInXo5zoYpzsULCqlrDK+9ammEqk3IfHBHZE67MRHfdLHy+hU0Xc83rGKi3qauXKOR6VaxgxX4LinhazYiy20Z9mDixG6eXYGDkTixc9Xe2xDz8eb5x7ixB4gQuoaeFWYkW1H2AxXW\/w\/At97Cgvw\/POV9V5igwVxVPMP93eDwZfXlmFV3YNfwmXp9wePRY24Wa1mTRqhfRlH8nhOtF8GYrPPPMzVJW9BcZ29wEalbiDWnoNukj6ORnC8M28MALygU\/YnEl2G2DelegufAeTq+\/Eu94g+nuIJYgO0ASsANhc78X11RqV76A5vwHgZyb4YL9+Eg5+9jnsjKZl949Q6s3gT+4T74IhsJ1L4o65etn1fLl7ahe+RrHYw3oF7objnsFxJ2mnpyikCkKnE63zlHBdO3Et9XDaQrnVMCpREfkKgwpuJekWMOx3Bsca\/T5eovjZ7c93hMEkhTXDDbNtOmi+jdRu\/o55O2zBM3NV8HtnKRu5zG8op6i6v2AV9WHofgr9VNa5lETJay\/aGc+bwOyK\/6vcQji3xRmAc+sG1XXvYralWsx\/KjVaCp4FP3eux857z6AVn4\/YMzjqK5bS3216\/mc282CJC2IP9+oZ0YhiL5DoDnI0T8zhdcCpmbgSpOyWhQLFnRgeeOWrsWvhezXVzfU8Ur6I9TUT9HmgpHa7hyg0NEkzlnc\/5C1uVpVG1id\/pe6ni3ORkA\/4XfTbTFX3y+q6d40M+xDxtkIwev8\/iLrxC+Zxl0K70LtiJzMYcMhOtA7kHmegmWNZvatrwpF2SJ5bBUiMGMzo+YCEQ4nkvA72O5PkJqGp1FdP16bCr+iw5tGBklZGOaO2R2csQe+gICpTGZ2rHrVK1i8ahm7IWGW53TUrCrREWO+qtJ0iLqfHKiRzoPVc0apOkduo+j4mkbaDmO8A3UT4+W8O1KrVx5N7MuZxkWobvgJlq5+kl2jdX3Z5\/+CB4H46k+QreYZoMONnQiSgoPYrfbZfc8RMFdhc1Ploqc3Y8ljG7Gk7m+oqfvTNlr92KtY8sR6VDd+jBWMZ67gXPjoeWbpfUb3BElv\/6z1FoFeIWAJ0iv4knCyzSKlCFiCpBR+m3nQEbAECXoJWftSioAlSErht5kHHYH\/BwAA\/\/+c\/C9LAAAABklEQVQDAGWxi\/liEPNAAAAAAElFTkSuQmCC');background-size:64%;background-position:center;background-repeat:no-repeat;}\n.ro-home .ro-uc-stars{color:#F4B942;font-size:1.05rem;letter-spacing:2px;line-height:1;white-space:nowrap;}\n<\/style>\n<!-- RO-USECASE-LOGO v1 END -->\n<!-- RO-PROCESS-WOW v1 START (remove block to rewind) -->\n<style>\n  .ro-home .step-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;flex:0 0 auto;background:radial-gradient(circle at 32% 26%,#34935f 0%,#1a4732 80%);border:1px solid rgba(125,209,163,.45);box-shadow:0 12px 30px -10px rgba(0,0,0,.55),0 0 0 8px rgba(125,209,163,.06);}\n  .ro-home .step-icon svg{width:30px;height:30px;color:#fff;stroke:#fff;}\n  .ro-home .step-num{font-family:'DM Serif Display',serif;color:var(--green-light,#7dd1a3);letter-spacing:.12em;}\n  .ro-home .step-title{font-size:1.08rem;}\n  .ro-home .step-desc{color:rgba(255,255,255,.68);}\n  @media (min-width:769px){\n    .ro-home .steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem;width:auto;margin-left:-4%;margin-right:-4%;}\n    .ro-home .steps::before{content:\"\";position:absolute;top:44px;left:16%;right:16%;height:2px;z-index:0;background:linear-gradient(90deg,transparent,rgba(125,209,163,.55) 12%,rgba(125,209,163,.55) 88%,transparent);}\n    .ro-home .step{position:relative;z-index:1;}\n    .ro-home .step-box{position:relative;margin-top:44px;padding:2.9rem 1.4rem 1.7rem;text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .4s cubic-bezier(.2,.7,.3,1),background .4s,border-color .4s,box-shadow .4s;}\n    .ro-home .step-icon{position:absolute;top:-38px;left:50%;transform:translateX(-50%);margin:0;z-index:2;}\n    .ro-home .step-num{position:absolute;top:54px;right:16px;font-size:.92rem;opacity:.85;z-index:3;margin:0;}\n    .ro-home .step-box:hover{transform:translateY(-7px);background:rgba(255,255,255,.085);border-color:rgba(125,209,163,.4);box-shadow:0 24px 48px -22px rgba(0,0,0,.62);}\n    .ro-home .step-box:hover .step-icon{box-shadow:0 12px 30px -8px rgba(0,0,0,.6),0 0 0 8px rgba(125,209,163,.12),0 0 22px rgba(125,209,163,.5);}\n    .ro-home .step-arrow{display:none;}\n    .ro-home .steps.ro-steps-anim .step{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1);}\n    .ro-home .steps.ro-steps-anim.in-view .step{opacity:1;transform:none;}\n    .ro-home .steps.ro-steps-anim.in-view .step:nth-child(1){transition-delay:.05s;}\n    .ro-home .steps.ro-steps-anim.in-view .step:nth-child(2){transition-delay:.18s;}\n    .ro-home .steps.ro-steps-anim.in-view .step:nth-child(3){transition-delay:.31s;}\n  }\n  @media (max-width:768px){\n    .ro-home .step-icon{width:54px;height:54px;margin:0 0 .55rem;}\n    .ro-home .step-icon svg{width:24px;height:24px;}\n    .ro-home .step-num{font-size:.95rem;margin:0 0 .2rem;}\n  }\n  @media (prefers-reduced-motion:reduce){.ro-home .steps.ro-steps-anim .step{opacity:1 !important;transform:none !important;}}\n<\/style>\n<script>\n(function(){var s=document.querySelectorAll('.ro-home .steps');if(!s.length)return;if(!('IntersectionObserver'in window))return;s.forEach(function(b){b.classList.add('ro-steps-anim');});var io=new IntersectionObserver(function(es,o){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in-view');o.unobserve(e.target);}});},{threshold:.2});s.forEach(function(b){io.observe(b);});})();\n<\/script>\n<!-- RO-PROCESS-WOW v1 END -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf0d Internationaal e-commerce talent Wij leveren de beste Met meer dan een decennium e-commerce ervaring verbinden wij Nederlandse organisaties met de beste internationale specialisten. Van selectie tot payrolling, wij regelen alles. Plan een gesprek Bekijk tarieven AT SK KK KB Vertrouwd door 45+ E-commerce organisaties Bedrijven die ons vertrouwen 0% besparing op loonkosten 0% retentie [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_elementor_version":"4.1.1","_wp_page_template":"elementor_header_footer","footnotes":""},"class_list":["post-27817","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/27817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/comments?post=27817"}],"version-history":[{"count":134,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/27817\/revisions"}],"predecessor-version":[{"id":29761,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/27817\/revisions\/29761"}],"wp:attachment":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/media?parent=27817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}