{"id":6764,"date":"2026-05-28T16:05:53","date_gmt":"2026-05-28T15:05:53","guid":{"rendered":"https:\/\/undo.be\/?page_id=6764"},"modified":"2026-05-29T08:52:05","modified_gmt":"2026-05-29T07:52:05","slug":"zero-waste","status":"publish","type":"page","link":"https:\/\/undo.be\/nl\/zero-waste\/","title":{"rendered":"UNDO \u2014 Klimaatneutraal mobiel vanaf \u20ac4\/maand"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"nl-BE\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n<meta name=\"theme-color\" content=\"#121212\">\n<title>UNDO \u2014 Carbon Neutral Mobile. Vanaf \u20ac4\/maand.<\/title>\n<meta name=\"description\" content=\"UNDO. Carbon neutral mobile. Vanaf \u20ac4\/maand op Orange 5G. Wat je niet gebruikt, neem je mee naar volgende maand. 1 boom geplant bij activatie.\">\n\n<!-- Open Graph \/ Social sharing -->\n<meta property=\"og:title\" content=\"UNDO \u2014 Carbon Neutral Mobile. Vanaf \u20ac4\/maand.\">\n<meta property=\"og:description\" content=\"Wat je niet gebruikt, neem je mee. Klimaatneutraal mobiel op Orange 5G. 1 abonnement = 1 boom in ons bos in Congo.\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/undo.be\/nl\/start\/\">\n<meta property=\"og:image\" content=\"https:\/\/undo.be\/og\/og-undo-paid-nl.jpg\">\n<meta property=\"og:locale\" content=\"nl_BE\">\n<meta property=\"og:site_name\" content=\"UNDO\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n\n<!-- Inline SVG favicon \u2014 black SIM-card shape, mint green background -->\n<link rel=\"icon\" type=\"image\/svg+xml\" href=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='4' fill='%23abffc5'\/%3E%3Cpath d='M9 7h11l5 5v13H9V7z M20 7v5h5' fill='none' stroke='%23121212' stroke-width='2.5' stroke-linejoin='round'\/%3E%3C\/svg%3E\">\n\n<!-- =================================================================\n     Google Analytics 4 \u2014 Property \"Undo\" \u00b7 Stream \"Undo Web\"\n     ================================================================= -->\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-C90XDRMG00\"><\/script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n  gtag('config', 'G-C90XDRMG00');\n<\/script>\n\n<!-- =================================================================\n     Meta Pixel \u2014 Pixel ID 337676688966291 \u00b7 BM \"UNDO Mobile\"\n     ================================================================= -->\n<script>\n  !function(f,b,e,v,n,t,s)\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s)}(window, document,'script',\n  'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n  fbq('init', '337676688966291');\n  fbq('track', 'PageView');\n  fbq('track', 'ViewContent', {\n    content_name: 'UNDO Mobile Plans',\n    content_category: 'Mobile Plans',\n    content_type: 'product_group',\n    value: 4.00,\n    currency: 'EUR'\n  });\n<\/script>\n<noscript><img loading=\"lazy\" decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\"\n  src=\"https:\/\/www.facebook.com\/tr?id=337676688966291&#038;ev=PageView&#038;noscript=1\"\n  alt=\"\"\/><\/noscript>\n\n<style>\n  \/* =================================================================\n     UNDO \u2014 Brand tokens (exact from brand book)\n     System fonts only \u00b7 max 3 colours per screen \u00b7 4px radius (SIM)\n     ================================================================= *\/\n  :root {\n    --green: #cdfcce;       \/* WP-aligned mint (CEO request) *\/\n    --yellow: #f5e66f;      \/* Pantone 113 C *\/\n    --blue: #97dfe7;        \/* Pantone 283 C *\/\n    --pink: #FF8582;        \/* Pantone 117 C *\/\n    --grey: #ececec;        \/* Pantone 663 C *\/\n    --black: #121212;       \/* Pantone 426 C *\/\n    --white: #FFFFFF;\n  }\n\n  * { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }\n  html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\n\n  body {\n    \/* Avenir system font stack \u2014 pre-installed on iOS\/macOS, Windows fallback to Arial *\/\n    font-family: 'Avenir Next', 'Avenir Next LT Pro', Avenir, 'Helvetica Neue', Arial, sans-serif;\n    background: var(--white);\n    color: var(--black);\n    font-size: 16px;\n    line-height: 1.5;\n    font-weight: 400;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n    padding-bottom: 92px;\n    overflow-x: hidden;\n  }\n\n  .wrap { width: 100%; max-width: 420px; margin: 0 auto; }\n\n  \/* ====================== TOP BAR ====================== *\/\n  .topbar {\n    background: var(--black);\n    color: var(--green);\n    padding: 9px 20px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 1.4px;\n    text-transform: uppercase;\n    text-align: center;\n  }\n\n  \/* ====================== NAV ====================== *\/\n  .nav {\n    background: var(--white);\n    padding: 18px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .nav img.logo { height: 32px; width: auto; display: block; }\n  .lang-switch {\n    display: flex;\n    gap: 14px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n  .lang-switch a {\n    color: var(--black);\n    text-decoration: none;\n    opacity: 0.35;\n  }\n  .lang-switch a.active { opacity: 1; }\n\n  \/* ====================== HERO ====================== *\/\n  .hero {\n    background: var(--white);\n    padding: 40px 24px 56px;\n  }\n  h1 {\n    font-family: inherit;\n    font-weight: 900;\n    font-size: clamp(40px, 11vw, 52px);\n    line-height: 0.96;\n    letter-spacing: -2px;\n    color: var(--black);\n    margin-bottom: 24px;\n  }\n  h1 .mark {\n    display: inline-block;\n    background: var(--black);\n    color: var(--green);\n    padding: 0 8px 4px;\n    border-radius: 4px;\n  }\n  .hero .sub {\n    font-size: clamp(13px, 4.1vw, 16px);\n    line-height: 1.45;\n    color: var(--black);\n    margin-bottom: 32px;\n    font-weight: 500;\n  }\n\n  \/* Price card \u2014 black SIM-shaped block, the ONLY visual flourish in hero *\/\n  .price-card {\n    background: var(--black);\n    color: var(--white);\n    border-radius: 4px;\n    padding: 26px 24px;\n    margin-bottom: 18px;\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 16px;\n    position: relative;\n  }\n  .price-card .left .lbl {\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 1.6px;\n    text-transform: uppercase;\n    color: var(--green);\n    margin-bottom: 8px;\n  }\n  .price-card .left .name {\n    font-size: 22px;\n    font-weight: 900;\n    color: var(--white);\n    line-height: 1.05;\n    letter-spacing: -0.5px;\n    margin-bottom: 6px;\n  }\n  .price-card .left .spec {\n    font-size: 12px;\n    color: rgba(255,255,255,0.55);\n    font-weight: 500;\n  }\n  .price-card .right {\n    text-align: right;\n    flex-shrink: 0;\n  }\n  .price-card .right .num {\n    font-size: 56px;\n    font-weight: 900;\n    color: var(--green);\n    line-height: 0.9;\n    letter-spacing: -3px;\n    display: inline-flex;\n    align-items: baseline;\n  }\n  .price-card .right .num .sym {\n    font-size: 24px;\n    color: rgba(171,255,197,0.55);\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .price-card .right .per {\n    font-size: 10px;\n    color: rgba(255,255,255,0.5);\n    font-weight: 900;\n    letter-spacing: 1.2px;\n    margin-top: 6px;\n    text-transform: uppercase;\n  }\n\n  \/* ====================== Buttons ====================== *\/\n  .btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    width: 100%;\n    padding: 20px 24px;\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 900;\n    letter-spacing: 0.4px;\n    text-transform: uppercase;\n    border-radius: 4px;\n    border: none;\n    cursor: pointer;\n    text-decoration: none;\n    text-align: center;\n    transition: transform 0.12s ease;\n  }\n  .btn:active { transform: scale(0.98); }\n  .btn-dark { background: var(--black); color: var(--green); }\n  .btn-green { background: var(--green); color: var(--black); }\n  .btn .arrow { transition: transform 0.2s ease; }\n  .btn:hover .arrow { transform: translateX(3px); }\n\n  \/* Hero trust line *\/\n  .trust-line {\n    margin-top: 18px;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 2px !important;\n  }\n  .trust-line .trust-row {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--black);\n    display: flex !important;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 2px 8px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: 1.4 !important;\n  }\n  .trust-line .trust-row > * {\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: 1.4 !important;\n  }\n  .trust-line .stars {\n    color: #00B67A;\n    letter-spacing: 1.5px;\n    font-size: 14px;\n    line-height: 1 !important;\n  }\n  .trust-line .dot { opacity: 0.3; }\n\n  \/* ====================== Section primitives ====================== *\/\n  section { padding: 56px 24px; }\n  section.white { background: var(--white); }\n  section.green { background: transparent; }\n  section.yellow { background: var(--yellow); }\n  section.blue { background: var(--blue); }\n  section.grey { background: var(--grey); }\n  section.black { background: var(--black); color: var(--white); }\n\n  \/* ====================== WASTE \/ VERSPILLING SECTION (blue) ====================== *\/\n  .waste-section .waste-grid {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: stretch !important;\n    gap: 10px;\n    margin: 28px 0 22px;\n    width: 100% !important;\n  }\n  .waste-section .waste-item {\n    flex: 1 1 0 !important;\n    width: 0 !important;\n    min-width: 0 !important;\n    background: var(--black);\n    color: var(--white);\n    padding: 26px 16px !important;\n    border-radius: 4px;\n    text-align: center;\n    box-sizing: border-box !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: center !important;\n    min-height: 160px;\n    margin: 0 !important;\n    vertical-align: top !important;\n  }\n  .waste-section .waste-item .num {\n    font-size: 48px;\n    font-weight: 900;\n    line-height: 1 !important;\n    letter-spacing: -2px;\n    color: var(--blue);\n    margin: 0 0 10px 0 !important;\n    padding: 0 !important;\n  }\n  .waste-section .waste-item .num small {\n    font-size: 16px;\n    display: block;\n    margin-top: 6px;\n    letter-spacing: -0.3px;\n    color: var(--blue);\n    font-weight: 700;\n  }\n  .waste-section .waste-item .lbl {\n    font-size: 11px;\n    font-weight: 700;\n    color: rgba(255,255,255,0.65);\n    margin-top: 10px;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n  .waste-section .big-statement {\n    font-size: 22px;\n    font-weight: 900;\n    color: var(--black);\n    letter-spacing: -0.6px;\n    margin-top: 8px;\n    line-height: 1.15;\n  }\n\n  .kicker {\n    display: inline-block;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--black);\n    margin-bottom: 18px;\n    border-bottom: 2px solid var(--black);\n    padding-bottom: 4px;\n  }\n  section.black .kicker { color: var(--green); border-bottom-color: var(--green); }\n\n  h2 {\n    font-family: inherit;\n    font-weight: 900;\n    font-size: clamp(30px, 8.5vw, 38px);\n    line-height: 0.98;\n    letter-spacing: -1.4px;\n    color: var(--black);\n    margin-bottom: 16px;\n  }\n  section.black h2 { color: var(--green); }\n  .lede {\n    font-size: 15px;\n    line-height: 1.5;\n    color: var(--black);\n    max-width: 36ch;\n    font-weight: 500;\n  }\n  section.black .lede { color: rgba(255,255,255,0.7); }\n\n  \/* ====================== PLANS ====================== *\/\n  .plan-tabs {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    align-items: stretch !important;\n    gap: 4px;\n    margin: 28px 0 16px;\n  }\n  .plan-tab {\n    background: var(--white);\n    border: 2px solid var(--black);\n    padding: 12px 4px !important;\n    margin: 0 !important;\n    border-radius: 4px;\n    font-family: inherit;\n    font-size: 11px;\n    font-weight: 900;\n    color: var(--black);\n    cursor: pointer;\n    transition: background 0.15s, color 0.15s;\n    text-transform: uppercase;\n    letter-spacing: 0.6px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    height: 100% !important;\n    min-height: 70px;\n    box-sizing: border-box !important;\n    line-height: 1.2 !important;\n    position: relative;\n  }\n  .plan-tab .emoji { font-size: 15px; }\n  .plan-tab.active {\n    background: var(--black);\n    color: var(--green);\n  }\n  .plan-tab .new-badge {\n    position: absolute;\n    top: -7px;\n    right: -4px;\n    background: var(--yellow);\n    color: var(--black);\n    font-size: 9px;\n    font-weight: 900;\n    padding: 3px 6px;\n    border-radius: 10px;\n    letter-spacing: 0.5px;\n    line-height: 1;\n    border: 1.5px solid var(--black);\n  }\n\n  .plan-card {\n    background: var(--black);\n    color: var(--white);\n    border-radius: 4px;\n    padding: 32px 26px;\n    transition: opacity 0.22s, transform 0.22s;\n  }\n  .plan-card .top {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    margin-bottom: 22px;\n  }\n  .plan-card .top h3 {\n    font-size: 24px;\n    font-weight: 900;\n    color: var(--green);\n    letter-spacing: -0.6px;\n  }\n  .plan-card .top .em { font-size: 22px; }\n  .plan-card .tagline {\n    font-size: 13px;\n    color: rgba(255,255,255,0.5);\n    font-style: italic;\n    margin-bottom: 24px;\n  }\n  .plan-card .price {\n    display: flex;\n    align-items: baseline;\n    gap: 4px;\n    margin-bottom: 24px;\n  }\n  .plan-card .price .num {\n    font-size: 64px;\n    font-weight: 900;\n    letter-spacing: -3.5px;\n    color: var(--green);\n    line-height: 0.9;\n  }\n  .plan-card .price .sym {\n    font-size: 28px;\n    color: rgba(255,255,255,0.4);\n    font-weight: 700;\n  }\n  .plan-card .price .per {\n    font-size: 12px;\n    color: rgba(255,255,255,0.5);\n    font-weight: 900;\n    margin-left: 6px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n  .plan-card ul {\n    list-style: none;\n    margin: 0 0 28px 0 !important;\n    padding: 0 !important;\n  }\n  .plan-card ul li::before,\n  .plan-card ul li::after { content: none !important; display: none !important; }\n  .plan-card ul li {\n    display: flex;\n    align-items: center;\n    gap: 8px !important;\n    padding: 6px 0 !important;\n    margin: 0 !important;\n    border-top: 1px solid rgba(255,255,255,0.08);\n    font-size: 14px;\n    color: var(--white);\n    font-weight: 500;\n    line-height: 1.3 !important;\n    text-decoration: none !important;\n  }\n  .plan-card ul li .c {\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: 1 !important;\n  }\n  .plan-card ul li span { text-decoration: none !important; }\n  .btn, .btn:hover, .btn:focus, .btn:active,\n  .btn *, .btn span, .btn .arrow {\n    text-decoration: none !important;\n  }\n  .plan-card ul li:first-child { border-top: none; padding-top: 0; }\n  .plan-card ul li:last-child { padding-bottom: 0; }\n  .plan-card ul li .c {\n    color: var(--green);\n    font-weight: 900;\n    flex-shrink: 0;\n  }\n  .plan-card ul li strong { font-weight: 900; color: var(--green); }\n  .plan-helper {\n    margin-top: 18px;\n    text-align: center;\n    font-size: 12px;\n    color: var(--black);\n    font-weight: 700;\n  }\n  .plan-helper strong { font-weight: 900; }\n\n  \/* ====================== HOW IT WORKS ====================== *\/\n  .steps { margin-top: 32px; }\n  .step {\n    padding: 20px 0;\n    border-top: 2px solid var(--black);\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: flex-start !important;\n    gap: 16px !important;\n    margin: 0 !important;\n  }\n  .step:last-of-type { border-bottom: 2px solid var(--black); }\n  .step .step-num {\n    font-size: 32px;\n    font-weight: 900;\n    color: var(--black);\n    line-height: 1 !important;\n    letter-spacing: -1.5px;\n    flex: 0 0 44px !important;\n    width: 44px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  .step > div:not(.step-num) {\n    flex: 1 1 auto !important;\n    min-width: 0;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  .step h3 {\n    font-size: 18px;\n    font-weight: 900;\n    color: var(--black);\n    margin: 0 0 6px 0 !important;\n    padding: 0 !important;\n    letter-spacing: -0.3px;\n    line-height: 1.2 !important;\n  }\n  .step p {\n    font-size: 14px;\n    color: var(--black);\n    line-height: 1.5 !important;\n    font-weight: 500;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  .step p strong { font-weight: 900; }\n\n  \/* ====================== DUOTONE PHOTO\/ILLO SECTION ====================== *\/\n  section.photo-section {\n    padding: 56px 0 64px;\n    text-align: center;\n  }\n  .photo-section .duotone-illo {\n    margin: 0 auto 32px;\n    width: 100%;\n    line-height: 0;\n  }\n  .photo-section .duotone-illo svg,\n  .photo-section .duotone-illo img,\n  .photo-section .duotone-illo video {\n    display: block;\n    width: 100%;\n    height: auto;\n    max-width: 1200px;\n    margin: 0 auto;\n    border-radius: 4px;\n    aspect-ratio: 16 \/ 9;\n    object-fit: cover;\n  }\n  .photo-section .duotone-cap {\n    text-align: left;\n    max-width: 340px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n  .photo-section .duotone-cap p {\n    font-size: 22px;\n    font-weight: 900;\n    line-height: 1.15;\n    letter-spacing: -0.6px;\n    color: var(--black);\n  }\n\n  \/* ====================== PROOF (yellow) \u2014 swipeable reviews carousel ====================== *\/\n  .reviews-intro {\n    margin-bottom: 24px;\n  }\n  .reviews-carousel {\n    display: flex !important;\n    align-items: stretch !important;\n    gap: 12px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    padding: 4px 24px;\n    margin: 0 -24px;\n    scroll-padding-left: 24px;\n  }\n  .reviews-carousel::-webkit-scrollbar { display: none; }\n  .review-card {\n    flex: 0 0 calc(100% - 48px) !important;\n    scroll-snap-align: start;\n    background: var(--white);\n    border: 2px solid var(--black);\n    border-radius: 4px;\n    padding: 22px 22px 20px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    min-height: 240px !important;\n    height: auto !important;\n    margin: 0 !important;\n    box-sizing: border-box !important;\n  }\n  .review-card .stars {\n    color: #00B67A;\n    letter-spacing: 1.5px;\n    font-size: 14px;\n    margin-bottom: 14px;\n  }\n  .review-card .review-text {\n    font-family: inherit;\n    font-weight: 900;\n    font-size: 18px;\n    line-height: 1.25;\n    letter-spacing: -0.4px;\n    color: var(--black);\n    flex: 1 1 auto !important;\n    margin-bottom: 16px;\n  }\n  .review-card .review-author {\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--ink-mute, #4a4a4a);\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    padding-top: 12px;\n    border-top: 1px solid rgba(0,0,0,0.08);\n    color: rgba(0,0,0,0.55);\n    margin-top: auto !important;\n  }\n  .review-dots {\n    display: flex !important;\n    gap: 8px;\n    justify-content: center;\n    margin-top: 24px !important;\n    margin-bottom: 24px !important;\n    padding: 0 !important;\n    list-style: none !important;\n  }\n  .review-dot {\n    width: 10px !important;\n    height: 10px !important;\n    background: rgba(0,0,0,0.25);\n    border-radius: 50%;\n    border: none;\n    padding: 0 !important;\n    margin: 0 !important;\n    cursor: pointer;\n    transition: background 0.2s ease, width 0.2s ease;\n    flex-shrink: 0;\n  }\n  .review-dot.active {\n    background: var(--black);\n    width: 28px !important;\n    border-radius: 5px;\n  }\n  .quote-block {\n    margin-top: 28px;\n  }\n  .quote-block .quote {\n    font-family: inherit;\n    font-weight: 900;\n    font-size: clamp(24px, 6.5vw, 30px);\n    line-height: 1.1;\n    letter-spacing: -1px;\n    color: var(--black);\n    margin-bottom: 24px;\n  }\n  .quote-block .attr {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 18px;\n  }\n  .quote-block .attr .stars {\n    color: #00B67A;\n    font-size: 14px;\n    letter-spacing: 1.5px;\n  }\n  .quote-block .attr .author {\n    font-size: 12px;\n    font-weight: 900;\n    color: var(--black);\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n  }\n  .quote-block .tp-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    font-weight: 900;\n    color: var(--black);\n    text-decoration: none;\n    background: var(--black);\n    color: var(--yellow);\n    padding: 8px 12px;\n    border-radius: 4px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n  .quote-block .tp-link .tp-stars { color: #00B67A; }\n\n  \/* ====================== FAQ ====================== *\/\n  .faq-list { margin-top: 24px; }\n  .faq-item {\n    background: var(--white);\n    border: 2px solid var(--black);\n    border-radius: 4px;\n    margin-bottom: 8px;\n    overflow: hidden;\n    transition: background 0.18s ease;\n  }\n  .faq-item.open { background: var(--green); }\n  .faq-q {\n    width: 100%;\n    background: transparent;\n    border: none;\n    padding: 18px 20px;\n    text-align: left;\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 900;\n    color: var(--black);\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 12px;\n    letter-spacing: -0.2px;\n  }\n  .faq-q .plus {\n    font-size: 24px;\n    color: var(--black);\n    line-height: 1;\n    font-weight: 900;\n    transition: transform 0.25s ease;\n    flex-shrink: 0;\n  }\n  .faq-item.open .plus { transform: rotate(45deg); }\n  .faq-a {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease;\n  }\n  .faq-item.open .faq-a { max-height: 500px; }\n  .faq-a-inner {\n    padding: 0 20px 20px;\n    font-size: 14px;\n    color: var(--black);\n    line-height: 1.55;\n    font-weight: 500;\n  }\n  .faq-a-inner strong { font-weight: 900; }\n\n  \/* ====================== FINAL CTA ====================== *\/\n  .final-cta {\n    background: var(--black);\n    padding: 64px 24px 72px;\n    text-align: left;\n  }\n  .final-cta h2 {\n    color: var(--green);\n    margin-bottom: 18px;\n    font-size: clamp(32px, 9vw, 40px);\n    letter-spacing: -1.5px;\n  }\n  .final-cta p {\n    font-size: clamp(12px, 3.7vw, 15px);\n    color: rgba(255,255,255,0.7);\n    margin-bottom: 28px;\n    font-weight: 500;\n  }\n  .final-cta .micro {\n    margin-top: 18px;\n    font-size: 11px;\n    color: rgba(255,255,255,0.5);\n    letter-spacing: 1.2px;\n    font-weight: 900;\n    text-transform: uppercase;\n  }\n\n  \/* ====================== FOOTER ====================== *\/\n  footer {\n    background: var(--black);\n    color: rgba(255,255,255,0.5);\n    padding: 36px 24px 28px;\n  }\n  footer .ft-top { margin-bottom: 24px; }\n  footer img.ft-logo { height: 26px; width: auto; display: block; margin-bottom: 16px; }\n  footer .ft-links {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px 20px;\n    font-size: 12px;\n    margin-bottom: 22px;\n  }\n  footer .ft-links a {\n    color: rgba(255,255,255,0.65);\n    text-decoration: none;\n    font-weight: 700;\n  }\n  footer .ft-contact {\n    font-size: 12px;\n    line-height: 1.7;\n    color: rgba(255,255,255,0.55);\n    margin-bottom: 18px;\n    font-weight: 500;\n  }\n  footer .ft-contact strong { color: var(--green); font-weight: 900; display: block; margin-bottom: 2px; }\n  footer .ft-contact a { color: var(--green); text-decoration: none; }\n  footer .ft-hours {\n    display: inline-block;\n    margin-top: 4px;\n    font-size: 11px;\n    color: rgba(255,255,255,0.4);\n    font-weight: 500;\n    letter-spacing: 0.2px;\n  }\n  footer .ft-apps-lbl {\n    font-size: 12px;\n    color: rgba(255,255,255,0.55);\n    margin: 22px 0 8px;\n    font-weight: 500;\n    line-height: 1.55;\n  }\n  footer .ft-apps-lbl strong { color: var(--green); font-weight: 900; display: block; margin-bottom: 2px; }\n  footer .ft-apps {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 22px;\n    flex-wrap: wrap;\n  }\n  footer .app-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.14);\n    padding: 9px 14px;\n    border-radius: 4px;\n    text-decoration: none;\n    color: var(--white);\n    transition: background 0.15s ease, border-color 0.15s ease;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: 0.2px;\n  }\n  footer .app-badge:hover {\n    background: rgba(255,255,255,0.14);\n    border-color: rgba(171,255,197,0.35);\n  }\n  footer .app-badge .app-icon {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n    color: var(--green);\n  }\n  footer .app-badge small {\n    display: block;\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.6px;\n    color: rgba(255,255,255,0.55);\n    margin-bottom: 1px;\n    text-transform: uppercase;\n  }\n  footer .ft-legal {\n    border-top: 1px solid rgba(255,255,255,0.1);\n    padding-top: 18px;\n    font-size: 10px;\n    line-height: 1.55;\n    color: rgba(255,255,255,0.35);\n    font-weight: 500;\n  }\n\n  \/* ====================== STICKY CTA ====================== *\/\n  .sticky-cta {\n    position: fixed;\n    bottom: 0; left: 0; right: 0;\n    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));\n    background: var(--black);\n    z-index: 50;\n    transform: translateY(100%);\n    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  .sticky-cta.show { transform: translateY(0); }\n  .sticky-cta-inner {\n    max-width: 420px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .sticky-cta .info { flex-shrink: 0; }\n  .sticky-cta .info .pmini {\n    font-size: 24px;\n    font-weight: 900;\n    color: var(--green);\n    line-height: 1;\n    letter-spacing: -0.8px;\n  }\n  .sticky-cta .info .pmini .sym { font-size: 14px; color: rgba(171,255,197,0.55); }\n  .sticky-cta .info .l {\n    font-size: 9px;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    color: rgba(255,255,255,0.5);\n    font-weight: 900;\n    margin-top: 3px;\n  }\n  .sticky-cta .btn {\n    flex: 1;\n    padding: 16px 16px;\n    font-size: 13px;\n  }\n\n  @media (min-width: 768px) {\n    body { padding-bottom: 0; }\n    .sticky-cta {\n      max-width: 420px;\n      left: 50%;\n      transform: translate(-50%, 100%);\n      border-radius: 4px 4px 0 0;\n    }\n    .sticky-cta.show { transform: translate(-50%, 0); }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- TOPBAR -->\n<div class=\"topbar\">1 abonnement&nbsp;=&nbsp;1 boom<\/div>\n\n<!-- HERO \u2014 white, one bold idea -->\n<section class=\"hero\">\n  <div class=\"wrap\">\n    <span class=\"kicker\" style=\"margin-bottom:16px;display:inline-flex;align-items:center;gap:8px;\">Zero Waste abonnement<svg width=\"14\" height=\"10\" viewBox=\"0 0 3 2\" style=\"border-radius:1px;flex-shrink:0;display:block;\" aria-label=\"Belgi\u00eb\"><rect x=\"0\" y=\"0\" width=\"1\" height=\"2\" fill=\"#000000\"\/><rect x=\"1\" y=\"0\" width=\"1\" height=\"2\" fill=\"#FAE042\"\/><rect x=\"2\" y=\"0\" width=\"1\" height=\"2\" fill=\"#ED2939\"\/><\/svg><\/span>\n    <h1>Wat je niet gebruikt,<br>neem je mee.<br>Vanaf <span class=\"mark\">\u20ac4.<\/span><\/h1>\n    <p class=\"sub\">Klimaatneutraal mobiel op Orange 5G.<br>1 abonnement = 1 boom in ons bos in Congo.<\/p>\n\n    <div class=\"price-card\">\n      <div class=\"left\">\n        <div class=\"lbl\">\ud83c\udf31 Zero Waste<\/div>\n        <div class=\"name\">Niets verspild.<\/div>\n        <div class=\"spec\">4 GB \u00b7 400 min \u00b7 400 sms<\/div>\n      <\/div>\n      <div class=\"right\">\n        <div class=\"num\"><span class=\"sym\">\u20ac<\/span>4<\/div>\n        <div class=\"per\">\/maand<\/div>\n      <\/div>\n    <\/div>\n\n    <a href=\"https:\/\/wsc.undo.be\/order?lang=nl\" class=\"btn btn-dark\" data-cta=\"hero\">\n      Start vandaag <span class=\"arrow\">\u2192<\/span>\n    <\/a>\n\n    <div class=\"trust-line\">\n      <div class=\"trust-row\">\n        <span class=\"stars\">\u2605\u2605\u2605\u2605\u2606<\/span>\n        <span><strong>4,2\/5 \u00b7 535 reviews<\/strong><\/span>\n      <\/div>\n      <div class=\"trust-row\">\n        <span><strong>Orange 5G<\/strong><\/span>\n        <span class=\"dot\">\u00b7<\/span>\n        <span><strong>Maandelijks opzegbaar<\/strong><\/span>\n        <span class=\"dot\">\u00b7<\/span>\n        <span><strong>Eerlijke prijs, altijd<\/strong><\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- WASTE \/ VERSPILLING \u2014 blue section, problem framing matches Ad C -->\n<section class=\"blue waste-section\">\n  <div class=\"wrap\">\n    <span class=\"kicker\">Zonder UNDO<\/span>\n    <h2>\u20ac120 per jaar.<br>Gewoon weg.<\/h2>\n    <p class=\"lede\">Gemiddeld weggegooid aan ongebruikte data, minuten en sms. Dat is genoeg voor:<\/p>\n\n    <div class=\"waste-grid\">\n      <div class=\"waste-item\">\n        <div class=\"num\">30<\/div>\n        <div class=\"lbl\">porties frieten<\/div>\n      <\/div>\n      <div class=\"waste-item\">\n        <div class=\"num\">1<\/div>\n        <div class=\"lbl\">jaar Spotify Premium<\/div>\n      <\/div>\n    <\/div>\n\n    <p class=\"big-statement\">Bij UNDO blijft alles van jou.<\/p>\n  <\/div>\n<\/section>\n\n<!-- PLANS \u2014 mint green, the actual product -->\n<section class=\"green\" id=\"plans\">\n  <div class=\"wrap\">\n    <span class=\"kicker\">Kies je abonnement<\/span>\n    <h2>Vier opties.<br>E\u00e9n voor jou.<\/h2>\n    <p class=\"lede\">Allemaal klimaatneutraal. Allemaal op Orange 5G. Wat je niet gebruikt, neem je mee naar volgende maand.<\/p>\n\n    <div class=\"plan-tabs\">\n      <button class=\"plan-tab active\" data-plan=\"0\"><span class=\"emoji\">\ud83c\udf31<\/span><span>ZERO<\/span><\/button>\n      <button class=\"plan-tab\" data-plan=\"1\"><span class=\"new-badge\">NIEUW<\/span><span class=\"emoji\">\ud83c\udf40<\/span><span>RISE<\/span><\/button>\n      <button class=\"plan-tab\" data-plan=\"2\"><span class=\"emoji\">\u26a1<\/span><span>BOOST<\/span><\/button>\n      <button class=\"plan-tab\" data-plan=\"3\"><span class=\"emoji\">\ud83c\udf0d<\/span><span>WILD<\/span><\/button>\n    <\/div>\n\n    <div class=\"plan-card\" id=\"planCard\">\n      <div class=\"top\">\n        <h3 id=\"planTitle\">UNDO Zero Waste<\/h3>\n        <span class=\"em\" id=\"planEmoji\">\ud83c\udf31<\/span>\n      <\/div>\n      <p class=\"tagline\" id=\"planTagline\" style=\"display:none\"><\/p>\n      <div class=\"price\">\n        <span class=\"sym\">\u20ac<\/span><span class=\"num\" id=\"planPrice\">4<\/span><span class=\"per\">\/maand<\/span>\n      <\/div>\n      <ul id=\"planFeatures\"><\/ul>\n      <a href=\"https:\/\/wsc.undo.be\/order?lang=nl\" class=\"btn btn-green\" id=\"planCta\" data-cta=\"plan_picker\">\n        <span>Kies <span id=\"planCtaName\">Zero Waste<\/span><\/span> <span class=\"arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"plan-helper\">\n      Account via <strong>ITSME<\/strong> \u00b7 eSIM in 30 sec \u00b7 gratis nummerbehoud\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- HOW IT WORKS \u2014 white, 3 clean steps -->\n<section class=\"white\">\n  <div class=\"wrap\">\n    <span class=\"kicker\">Hoe het werkt<\/span>\n    <h2>Overstappen in drie minuten.<\/h2>\n    <p class=\"lede\">Geen winkelbezoek. Geen wachten op de post. Alles digitaal vanaf je toestel.<\/p>\n\n    <div class=\"steps\">\n      <div class=\"step\">\n        <div class=\"step-num\">01<\/div>\n        <div>\n          <h3>Kies je abonnement<\/h3>\n          <p>Zero, Rise, Boost of Wild. <strong>Geen contract, maandelijks opzegbaar<\/strong>.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">02<\/div>\n        <div>\n          <h3>Identificeer je met ITSME<\/h3>\n          <p>Snel en veilig \u2014 dezelfde identificatie als je bank. Je nummer behouden? Wij regelen de overdracht.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">03<\/div>\n        <div>\n          <h3>eSIM in 30 sec, of pSIM in 3 dagen<\/h3>\n          <p>Scan je QR-code en je bent meteen online. Liever een fysieke SIM-kaart? <strong>Die ontvang je per pakketpost binnen max 3 werkdagen<\/strong> \u2014 bijdrage van \u20ac5 in de verzendkosten.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- DUOTONE PHOTO SECTION \u2014 Acacia illustration in brand book duotone style\n     Replace SVG with real duotone photo from UNDO photo bank when available -->\n<section class=\"green photo-section\">\n  <div class=\"duotone-illo\">\n      <video\n        src=\"https:\/\/undo.be\/wp-content\/uploads\/2026\/05\/undo-forest.mp4\"\n        poster=\"https:\/\/undo.be\/wp-content\/uploads\/2026\/05\/undo-forest-poster.jpg\"\n        autoplay\n        loop\n        muted\n        playsinline\n        preload=\"metadata\"\n        aria-label=\"Het UNDO bos in Ibi Village, Congo\"\n      ><\/video>\n    <\/div>\n  <div class=\"duotone-cap\">\n      <span class=\"kicker\">19.660 bomen \u00b7 Ibi Village \u00b7 Congo<\/span>\n      <p>Hier groeit jouw boom &mdash; 10\u00d7 sneller dan in Belgi\u00eb. Geplant via onze lokale partner GI&#8209;AGRO.<\/p>\n    <\/div>\n<\/section>\n\n<!-- PROOF \u2014 yellow, swipeable carousel of 5 real Trustpilot reviews -->\n<section class=\"yellow\">\n  <div class=\"wrap\">\n    <div class=\"reviews-intro\">\n      <span class=\"kicker\">Trustpilot \u00b7 4,2\/5 \u00b7 535 reviews<\/span>\n      <h2>Wat klanten<br>\u00e9cht zeggen.<\/h2>\n    <\/div>\n  <\/div>\n\n  <div class=\"reviews-carousel\" id=\"reviewsCarousel\">\n    <div class=\"review-card\">\n      <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n      <p class=\"review-text\">&#8220;Geweldige service, geweldig voorstel. Ik vind het geweldig dat het betaalbaar is en dat de focus ligt op klimaatvriendelijkheid.&#8221;<\/p>\n      <div class=\"review-author\">Kevin<\/div>\n    <\/div>\n    <div class=\"review-card\">\n      <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n      <p class=\"review-text\">&#8220;Ik mailde UNDO en verwachtte dagen op antwoord te wachten \u2014 ze antwoordden binnen minuten. Briljant!&#8221;<\/p>\n      <div class=\"review-author\">Annelies<\/div>\n    <\/div>\n    <div class=\"review-card\">\n      <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n      <p class=\"review-text\">&#8220;Het enige netwerk in Belgi\u00eb dat CO\u2082 meet \u00e9n compenseert. Innovatieve aanpak aan een betaalbare prijs.&#8221;<\/p>\n      <div class=\"review-author\">Bruno<\/div>\n    <\/div>\n    <div class=\"review-card\">\n      <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n      <p class=\"review-text\">&#8220;Eerlijke prijzen. Sociaal verantwoord bedrijf. Op het Orange-netwerk, dat hier het beste werkt.&#8221;<\/p>\n      <div class=\"review-author\">Sofie<\/div>\n    <\/div>\n    <div class=\"review-card\">\n      <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n      <p class=\"review-text\">&#8220;Al een jaar klant zonder problemen. De klantendienst heeft \u00e9cht alles gedaan om mij te helpen.&#8221;<\/p>\n      <div class=\"review-author\">Pieter<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"wrap\">\n    <div class=\"review-dots\" id=\"reviewDots\">\n      <button class=\"review-dot active\" data-idx=\"0\" aria-label=\"Review 1\"><\/button>\n      <button class=\"review-dot\" data-idx=\"1\" aria-label=\"Review 2\"><\/button>\n      <button class=\"review-dot\" data-idx=\"2\" aria-label=\"Review 3\"><\/button>\n      <button class=\"review-dot\" data-idx=\"3\" aria-label=\"Review 4\"><\/button>\n      <button class=\"review-dot\" data-idx=\"4\" aria-label=\"Review 5\"><\/button>\n    <\/div>\n    <a href=\"https:\/\/www.trustpilot.com\/review\/undo.be\" class=\"tp-link\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;background:var(--black);color:var(--yellow);padding:10px 14px;border-radius:4px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;\">\n      <span style=\"color:#00B67A;\">\u2605<\/span> Lees alle 535 reviews\n    <\/a>\n  <\/div>\n<\/section>\n\n<!-- FAQ \u2014 light grey -->\n<section class=\"grey\">\n  <div class=\"wrap\">\n    <span class=\"kicker\">Veelgestelde vragen<\/span>\n    <h2>Misschien<br>vraag je je af&#8230;<\/h2>\n\n    <div class=\"faq-list\">\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Op welk netwerk werkt UNDO?<span class=\"plus\">+<\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">UNDO werkt op het volledige <strong>Orange-netwerk<\/strong>, dat draait op hernieuwbare energie. 5G-ready, overal in Belgi\u00eb \u2014 in steden, op het platteland, in de Ardennen.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Kan ik mijn nummer behouden?<span class=\"plus\">+<\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">Ja, gratis. Bij je bestelling vul je de gegevens van je huidige operator in. Wij regelen de overdracht \u2014 meestal binnen 1 werkdag.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Hoe werkt klimaatneutraal \u00e9cht?<span class=\"plus\">+<\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">Met de <strong>UNDO Tracker<\/strong> zie je je mobiele CO\u2082-uitstoot in real-time. Je compenseert die zelf \u2014 <strong>gratis credits zitten in elk abonnement<\/strong>. Compensatie loopt via gecertificeerde <strong>UNDO Removal<\/strong>-projecten (Gold Standard, Puro.earth, Verra).<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Hoe werkt &#8220;wat je niet gebruikt, neem je mee&#8221;?<span class=\"plus\">+<\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">Wat je deze maand niet opgebruikt \u2014 <strong>GB&#8217;s, minuten en sms&#8217;en<\/strong> \u2014 rolt automatisch door naar volgende maand. Geen verloren tegoed, geen verspilling. Bij Boost en Wild gaat het enkel om data, want bellen en sms&#8217;en zijn daar onbeperkt.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Wat als 4 GB niet genoeg is?<span class=\"plus\">+<\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">Je kan elk moment upgraden naar Rise (\u20ac8), Boost (\u20ac18) of Wild (\u20ac24). Gebruik je tijdelijk meer? Dan betaal je gewoon <strong>\u20ac1 per extra GB<\/strong>. En vergeet niet: <strong>wat je niet gebruikt, neem je mee<\/strong> naar volgende maand.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">Werkt UNDO in het buitenland?<span class=\"plus\">+<\/span><\/button>\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">Ja \u2014 <strong>100% van je databundel is bruikbaar in heel Europa<\/strong>, zonder meerprijs.<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- B2B teaser \u2014 discreet between FAQ and final CTA -->\n<section style=\"background:var(--white);padding:28px 24px;\">\n  <div class=\"wrap\" style=\"max-width:560px;\">\n    <a href=\"https:\/\/undo.be\/nl\/abonnementen-voor-bedrijven\/\" target=\"_blank\" rel=\"noopener\" class=\"b2b-card\" style=\"display:block;text-decoration:none;color:var(--black);background:var(--yellow);padding:22px 24px;border-radius:4px;\">\n      <div style=\"display:flex;align-items:center;justify-content:space-between;gap:16px;\">\n        <div style=\"flex:1;min-width:0;\">\n          <div style=\"font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;\">Voor je bedrijf?<\/div>\n          <div style=\"font-size:18px;font-weight:900;line-height:1.15;margin-bottom:6px;\">UNDO Business<\/div>\n          <div style=\"font-size:13px;font-weight:500;line-height:1.4;\">1 factuur \u00b7 CO\u2082-compensatie inbegrepen \u00b7 tot 15% korting<\/div>\n        <\/div>\n        <div style=\"font-size:24px;font-weight:900;flex-shrink:0;\">\u2192<\/div>\n      <\/div>\n    <\/a>\n  <\/div>\n<\/section>\n\n<!-- FINAL CTA \u2014 black, mint button -->\n<section class=\"final-cta\" id=\"start\">\n  <div class=\"wrap\">\n    <span class=\"kicker\">Klaar?<\/span>\n    <h2>Klimaatneutraal mobiel. Vanaf \u20ac4.<\/h2>\n    <p>Maandelijks opzegbaar.<br>1 abonnement = 1 boom in ons bos in Congo.<\/p>\n    <a href=\"https:\/\/wsc.undo.be\/order?lang=nl\" class=\"btn btn-green\" data-cta=\"final\">\n      Start mijn abonnement <span class=\"arrow\">\u2192<\/span>\n    <\/a>\n    <div class=\"micro\">1 boom \u00b7 30 sec setup \u00b7 geen verborgen kosten<\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"wrap\">\n    <div class=\"ft-contact\">\n      <strong>Vragen?<\/strong>\n      <a href=\"https:\/\/wa.me\/15559632739\" target=\"_blank\" rel=\"noopener\">Stuur WhatsApp bericht<\/a><br>\n      of mail <a href=\"mailto:support@undo.be\">support@undo.be<\/a><br>\n      <span class=\"ft-hours\">Bereikbaar van maandag tot vrijdag, 8u30 \u2013 17u<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<!-- STICKY CTA -->\n<div class=\"sticky-cta\" id=\"stickyCta\">\n  <div class=\"sticky-cta-inner\">\n    <div class=\"info\">\n      <div class=\"pmini\"><span class=\"sym\">vanaf \u20ac<\/span><span id=\"stickyPrice\">4<\/span><\/div>\n      <div class=\"l\">\/MAAND<\/div>\n    <\/div>\n    <a href=\"https:\/\/wsc.undo.be\/order?lang=nl\" class=\"btn btn-green\" data-cta=\"sticky\">Start nu <span class=\"arrow\">\u2192<\/span><\/a>\n  <\/div>\n<\/div>\n\n<script>\n  const PLANS = [\n    {\n      title: \"UNDO Zero Waste\", emoji: \"\ud83c\udf31\", price: 4,\n      tagline: \"Essenti\u00eble waarde, niets verspild\",\n      features: [\n        \"<strong>4 GB<\/strong> data\",\n        \"<strong>400<\/strong> min &amp; <strong>400<\/strong> sms\",\n        \"Mee naar volgende maand: data, min &amp; sms\",\n        \"100% bruikbaar in Europa\",\n        \"1 boom geplant\"\n      ]\n    },\n    {\n      title: \"UNDO Rise\", emoji: \"\ud83c\udf40\", price: 8,\n      tagline: \"Balans tussen prijs en gebruik\",\n      features: [\n        \"<strong>8 GB<\/strong> data\",\n        \"<strong>800<\/strong> min &amp; <strong>800<\/strong> sms\",\n        \"Mee naar volgende maand: data, min &amp; sms\",\n        \"100% bruikbaar in Europa\",\n        \"1 boom geplant\"\n      ]\n    },\n    {\n      title: \"UNDO Boost\", emoji: \"\u26a1\", price: 18,\n      tagline: \"Voor wie meer wil \u2014 zonder compromis\",\n      features: [\n        \"<strong>30 GB<\/strong> data\",\n        \"<strong>Onbeperkt<\/strong> bellen \u00b7 100 sms\",\n        \"Mee naar volgende maand: data &amp; sms\",\n        \"100% bruikbaar in Europa\",\n        \"1 boom geplant\"\n      ]\n    },\n    {\n      title: \"UNDO Wild\", emoji: \"\ud83c\udf0d\", price: 24,\n      tagline: \"Volledige vrijheid, volle impact\",\n      features: [\n        \"<strong>40 GB<\/strong> data\",\n        \"<strong>Onbeperkt<\/strong> bellen &amp; sms\",\n        \"Mee naar volgende maand: data\",\n        \"100% bruikbaar in Europa\",\n        \"<strong>1 boom elke maand<\/strong>\"\n      ]\n    }\n  ];\n\n  const tabs = document.querySelectorAll('.plan-tab');\n  const planCard = document.getElementById('planCard');\n  const planTitle = document.getElementById('planTitle');\n  const planTagline = document.getElementById('planTagline');\n  const planPrice = document.getElementById('planPrice');\n  const planEmoji = document.getElementById('planEmoji');\n  const planFeatures = document.getElementById('planFeatures');\n  const planCtaName = document.getElementById('planCtaName');\n  const stickyPrice = document.getElementById('stickyPrice');\n\n  function renderPlan(idx) {\n    const p = PLANS[idx];\n    planCard.style.opacity = '0.4';\n    planCard.style.transform = 'translateY(4px)';\n    setTimeout(() => {\n      planTitle.textContent = p.title;\n      planTagline.textContent = p.tagline;\n      planPrice.textContent = p.price;\n      planEmoji.textContent = p.emoji;\n      planCtaName.textContent = p.title.replace('UNDO ', '');\n      planFeatures.innerHTML = p.features.map(f => `<li><span class=\"c\">\u2713<\/span><span>${f}<\/span><\/li>`).join('');\n      planCard.style.opacity = '1';\n      planCard.style.transform = 'translateY(0)';\n    }, 140);\n  }\n\n  tabs.forEach(tab => {\n    tab.addEventListener('click', () => {\n      tabs.forEach(t => t.classList.remove('active'));\n      tab.classList.add('active');\n      renderPlan(parseInt(tab.dataset.plan));\n    });\n  });\n  renderPlan(0);\n\n  \/\/ FAQ\n  document.querySelectorAll('.faq-q').forEach(q => {\n    q.addEventListener('click', () => q.parentElement.classList.toggle('open'));\n  });\n\n  \/\/ Reviews carousel\n  const carousel = document.getElementById('reviewsCarousel');\n  const reviewDots = document.querySelectorAll('.review-dot');\n  if (carousel && reviewDots.length) {\n    let scrollTimer;\n    carousel.addEventListener('scroll', () => {\n      clearTimeout(scrollTimer);\n      scrollTimer = setTimeout(() => {\n        const cardWidth = carousel.querySelector('.review-card').offsetWidth + 12; \/\/ card + gap\n        const idx = Math.round(carousel.scrollLeft \/ cardWidth);\n        reviewDots.forEach(d => d.classList.remove('active'));\n        if (reviewDots[idx]) reviewDots[idx].classList.add('active');\n      }, 50);\n    });\n    reviewDots.forEach(dot => {\n      dot.addEventListener('click', () => {\n        const idx = parseInt(dot.dataset.idx);\n        const cardWidth = carousel.querySelector('.review-card').offsetWidth + 12;\n        carousel.scrollTo({ left: idx * cardWidth, behavior: 'smooth' });\n      });\n    });\n  }\n\n  \/\/ Sticky CTA\n  const sticky = document.getElementById('stickyCta');\n  const hero = document.querySelector('.hero');\n  window.addEventListener('scroll', () => {\n    const heroBottom = hero.offsetTop + hero.offsetHeight;\n    const y = window.scrollY;\n    sticky.classList.toggle('show',\n      y > heroBottom - 80 && y < document.body.scrollHeight - window.innerHeight - 240\n    );\n  });\n\n  \/\/ =====================================================================\n  \/\/ UTM pass-through: captures incoming Meta UTMs and appends them\n  \/\/ to all checkout CTAs, plus utm_content per CTA position.\n  \/\/ Full Meta attribution chain preserved in GA4 on wsc.undo.be.\n  \/\/ =====================================================================\n  (function passThroughUTMs() {\n    const incoming = new URLSearchParams(window.location.search);\n    const utmKeys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'fbclid', 'gclid'];\n    const captured = {};\n    utmKeys.forEach(k => { if (incoming.get(k)) captured[k] = incoming.get(k); });\n\n    document.querySelectorAll('a[href*=\"wsc.undo.be\"]').forEach(link => {\n      \/\/ 1. Append captured UTMs + utm_content per CTA position to checkout link\n      try {\n        const url = new URL(link.href);\n        Object.entries(captured).forEach(([k, v]) => url.searchParams.set(k, v));\n        if (link.dataset.cta) url.searchParams.set('utm_content', link.dataset.cta);\n        link.href = url.toString();\n      } catch(e) {}\n\n      \/\/ 2. Fire tracking events on click (GA4 + Meta Pixel)\n      link.addEventListener('click', function() {\n        const ctaPos = this.dataset.cta || 'unknown';\n        \/\/ GA4 custom event \u2014 see which CTA converts best\n        if (typeof gtag === 'function') {\n          gtag('event', 'cta_click', {\n            cta_position: ctaPos,\n            link_url: this.href\n          });\n        }\n        \/\/ Meta Pixel InitiateCheckout \u2014 signals strong intent to Meta optimization\n        if (typeof fbq === 'function') {\n          fbq('track', 'InitiateCheckout', {\n            content_name: 'UNDO Mobile Plans',\n            value: 4.00,\n            currency: 'EUR'\n          });\n        }\n      });\n    });\n  })();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>UNDO \u2014 Carbon Neutral Mobile. Vanaf \u20ac4\/maand. 1 abonnement&nbsp;=&nbsp;1 boom Zero Waste abonnement Wat je niet gebruikt,neem je mee.Vanaf \u20ac4. Klimaatneutraal mobiel op Orange 5G.1 abonnement = 1 boom in ons bos in Congo. \ud83c\udf31 Zero Waste Niets verspild. 4 GB \u00b7 400 min \u00b7 400 sms \u20ac4 \/maand Start vandaag \u2192 \u2605\u2605\u2605\u2605\u2606 4,2\/5 \u00b7 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":6806,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"templates\/tpl-page-container.php","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UNDO Zero Waste \u2014 Klimaatneutraal mobiel vanaf \u20ac4\/maand<\/title>\n<meta name=\"description\" content=\"Het UNDO Zero Waste abonnement: klimaatneutraal mobiel op Orange 5G vanaf \u20ac4\/maand. Wat je niet gebruikt, neem je mee. 1 abonnement = 1 boom.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/undo.be\/nl\/zero-waste\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UNDO Zero Waste \u2014 Klimaatneutraal mobiel vanaf \u20ac4\/maand\" \/>\n<meta property=\"og:description\" content=\"Het UNDO Zero Waste abonnement: klimaatneutraal mobiel op Orange 5G vanaf \u20ac4\/maand. Wat je niet gebruikt, neem je mee. 1 abonnement = 1 boom.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/undo.be\/nl\/zero-waste\/\" \/>\n<meta property=\"og:site_name\" content=\"Undo\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-29T07:52:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/undo.be\/wp-content\/uploads\/2026\/05\/Week-10.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/undo.be\/nl\/zero-waste\/\",\"url\":\"https:\/\/undo.be\/nl\/zero-waste\/\",\"name\":\"UNDO Zero Waste \u2014 Klimaatneutraal mobiel vanaf \u20ac4\/maand\",\"isPartOf\":{\"@id\":\"http:\/\/undo.be\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/undo.be\/nl\/zero-waste\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/undo.be\/nl\/zero-waste\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/undo.be\/wp-content\/uploads\/2026\/05\/Week-10.jpg\",\"datePublished\":\"2026-05-28T15:05:53+00:00\",\"dateModified\":\"2026-05-29T07:52:05+00:00\",\"description\":\"Het UNDO Zero Waste abonnement: klimaatneutraal mobiel op Orange 5G vanaf \u20ac4\/maand. Wat je niet gebruikt, neem je mee. 1 abonnement = 1 boom.\",\"breadcrumb\":{\"@id\":\"https:\/\/undo.be\/nl\/zero-waste\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/undo.be\/nl\/zero-waste\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/undo.be\/nl\/zero-waste\/#primaryimage\",\"url\":\"https:\/\/undo.be\/wp-content\/uploads\/2026\/05\/Week-10.jpg\",\"contentUrl\":\"https:\/\/undo.be\/wp-content\/uploads\/2026\/05\/Week-10.jpg\",\"width\":1080,\"height\":1080,\"caption\":\"Abonnement UNDO Zero Waste \u2014 mobile neutre en carbone d\u00e8s 4 \u20ac par mois\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/undo.be\/nl\/zero-waste\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/undo.be\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UNDO \u2014 Klimaatneutraal mobiel vanaf \u20ac4\/maand\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/undo.be\/#website\",\"url\":\"http:\/\/undo.be\/\",\"name\":\"Undo\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/undo.be\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"nl-NL\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UNDO Zero Waste \u2014 Klimaatneutraal mobiel vanaf \u20ac4\/maand","description":"Het UNDO Zero Waste abonnement: klimaatneutraal mobiel op Orange 5G vanaf \u20ac4\/maand. Wat je niet gebruikt, neem je mee. 1 abonnement = 1 boom.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/undo.be\/nl\/zero-waste\/","og_locale":"nl_NL","og_type":"article","og_title":"UNDO Zero Waste \u2014 Klimaatneutraal mobiel vanaf \u20ac4\/maand","og_description":"Het UNDO Zero Waste abonnement: klimaatneutraal mobiel op Orange 5G vanaf \u20ac4\/maand. Wat je niet gebruikt, neem je mee. 1 abonnement = 1 boom.","og_url":"https:\/\/undo.be\/nl\/zero-waste\/","og_site_name":"Undo","article_modified_time":"2026-05-29T07:52:05+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/undo.be\/wp-content\/uploads\/2026\/05\/Week-10.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/undo.be\/nl\/zero-waste\/","url":"https:\/\/undo.be\/nl\/zero-waste\/","name":"UNDO Zero Waste \u2014 Klimaatneutraal mobiel vanaf \u20ac4\/maand","isPartOf":{"@id":"http:\/\/undo.be\/#website"},"primaryImageOfPage":{"@id":"https:\/\/undo.be\/nl\/zero-waste\/#primaryimage"},"image":{"@id":"https:\/\/undo.be\/nl\/zero-waste\/#primaryimage"},"thumbnailUrl":"https:\/\/undo.be\/wp-content\/uploads\/2026\/05\/Week-10.jpg","datePublished":"2026-05-28T15:05:53+00:00","dateModified":"2026-05-29T07:52:05+00:00","description":"Het UNDO Zero Waste abonnement: klimaatneutraal mobiel op Orange 5G vanaf \u20ac4\/maand. Wat je niet gebruikt, neem je mee. 1 abonnement = 1 boom.","breadcrumb":{"@id":"https:\/\/undo.be\/nl\/zero-waste\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/undo.be\/nl\/zero-waste\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/undo.be\/nl\/zero-waste\/#primaryimage","url":"https:\/\/undo.be\/wp-content\/uploads\/2026\/05\/Week-10.jpg","contentUrl":"https:\/\/undo.be\/wp-content\/uploads\/2026\/05\/Week-10.jpg","width":1080,"height":1080,"caption":"Abonnement UNDO Zero Waste \u2014 mobile neutre en carbone d\u00e8s 4 \u20ac par mois"},{"@type":"BreadcrumbList","@id":"https:\/\/undo.be\/nl\/zero-waste\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/undo.be\/nl\/"},{"@type":"ListItem","position":2,"name":"UNDO \u2014 Klimaatneutraal mobiel vanaf \u20ac4\/maand"}]},{"@type":"WebSite","@id":"http:\/\/undo.be\/#website","url":"http:\/\/undo.be\/","name":"Undo","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/undo.be\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"nl-NL"}]}},"_links":{"self":[{"href":"https:\/\/undo.be\/nl\/wp-json\/wp\/v2\/pages\/6764"}],"collection":[{"href":"https:\/\/undo.be\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/undo.be\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/undo.be\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/undo.be\/nl\/wp-json\/wp\/v2\/comments?post=6764"}],"version-history":[{"count":17,"href":"https:\/\/undo.be\/nl\/wp-json\/wp\/v2\/pages\/6764\/revisions"}],"predecessor-version":[{"id":6829,"href":"https:\/\/undo.be\/nl\/wp-json\/wp\/v2\/pages\/6764\/revisions\/6829"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/undo.be\/nl\/wp-json\/wp\/v2\/media\/6806"}],"wp:attachment":[{"href":"https:\/\/undo.be\/nl\/wp-json\/wp\/v2\/media?parent=6764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}