{"id":6,"date":"2026-08-08T08:10:39","date_gmt":"2026-08-08T08:10:39","guid":{"rendered":"https:\/\/www.clean-world.fr\/?page_id=6"},"modified":"2026-08-08T08:10:39","modified_gmt":"2026-08-08T08:10:39","slug":"cleanworld","status":"publish","type":"page","link":"https:\/\/www.clean-world.fr\/","title":{"rendered":"CleanWorld"},"content":{"rendered":"\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-2cd8aabe-33e5-4aec-b1d3-4d724525ec80\" href=\"https:\/\/www.clean-world.fr\/wp-content\/uploads\/2026\/08\/cleanworld-site.html\">cleanworld-site<\/a><a href=\"https:\/\/www.clean-world.fr\/wp-content\/uploads\/2026\/08\/cleanworld-site.html\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-2cd8aabe-33e5-4aec-b1d3-4d724525ec80\">T\u00e9l\u00e9charger<\/a><\/div>\n\n\n\n\n\n<style data-wp-block-html=\"css\">\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap\");\n\n:root {\n    --g1: #0a4d28;\n    --g2: #156b39;\n    --g3: #22a55a;\n    --g4: #52c97a;\n    --lime: #c8f04a;\n    --cream: #f7f9f4;\n    --dark: #0d1a0f;\n    --white: #ffffff;\n    --sub: #6b7c6e;\n    --border: #dde8de;\n    --warn: #f5a623;\n    --red: #e8453c;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: 'DM Sans', sans-serif;\n    background: var(--cream);\n    color: var(--dark);\n    overflow-x: hidden;\n  }\n\n  \/* ======================== NAV ======================== *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    background: rgba(13, 26, 15, 0.95);\n    backdrop-filter: blur(12px);\n    padding: 0 5%;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .nav-logo {\n    font-family: 'Syne', sans-serif;\n    font-size: 1.3rem;\n    font-weight: 800;\n    color: var(--white);\n    letter-spacing: -0.02em;\n  }\n  .nav-logo span { color: var(--lime); }\n\n  .nav-links {\n    display: flex;\n    align-items: center;\n    gap: 32px;\n    list-style: none;\n  }\n  .nav-links a {\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: rgba(255,255,255,0.6);\n    text-decoration: none;\n    transition: color 0.2s;\n  }\n  .nav-links a:hover { color: var(--lime); }\n\n  .nav-right {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .lang-btn {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: rgba(255,255,255,0.5);\n    background: rgba(255,255,255,0.08);\n    border: none;\n    padding: 5px 10px;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n  .lang-btn:hover, .lang-btn.active { background: var(--lime); color: var(--dark); }\n\n  .nav-cta {\n    background: var(--lime);\n    color: var(--dark);\n    font-size: 0.8rem;\n    font-weight: 700;\n    padding: 8px 18px;\n    border-radius: 20px;\n    text-decoration: none;\n    font-family: 'Syne', sans-serif;\n    transition: transform 0.2s;\n  }\n  .nav-cta:hover { transform: scale(1.04); }\n\n  \/* ======================== HERO ======================== *\/\n  .hero {\n    min-height: 100vh;\n    background: linear-gradient(160deg, var(--dark) 0%, #0d2e14 60%, #0a4d28 100%);\n    display: flex;\n    align-items: center;\n    padding: 100px 5% 60px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero::before {\n    content: '';\n    position: absolute;\n    top: -200px; right: -200px;\n    width: 600px; height: 600px;\n    background: radial-gradient(circle, rgba(200,240,74,0.08) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .hero::after {\n    content: '';\n    position: absolute;\n    bottom: -100px; left: -100px;\n    width: 400px; height: 400px;\n    background: radial-gradient(circle, rgba(34,165,90,0.1) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .hero-content {\n    max-width: 620px;\n    position: relative;\n    z-index: 2;\n  }\n\n  .hero-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(200,240,74,0.12);\n    border: 1px solid rgba(200,240,74,0.3);\n    color: var(--lime);\n    font-size: 0.72rem;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    padding: 6px 14px;\n    border-radius: 20px;\n    margin-bottom: 28px;\n  }\n\n  .hero h1 {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(2.4rem, 5vw, 3.8rem);\n    font-weight: 800;\n    color: var(--white);\n    line-height: 1.1;\n    letter-spacing: -0.03em;\n    margin-bottom: 24px;\n  }\n\n  .hero h1 em {\n    font-style: normal;\n    color: var(--lime);\n  }\n\n  .hero-sub {\n    font-size: 1.05rem;\n    color: rgba(255,255,255,0.6);\n    line-height: 1.7;\n    margin-bottom: 40px;\n    max-width: 520px;\n  }\n\n  .hero-actions {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n  }\n\n  .btn-primary {\n    background: var(--lime);\n    color: var(--dark);\n    font-family: 'Syne', sans-serif;\n    font-size: 0.9rem;\n    font-weight: 700;\n    padding: 14px 28px;\n    border-radius: 30px;\n    text-decoration: none;\n    transition: transform 0.2s, box-shadow 0.2s;\n    box-shadow: 0 8px 30px rgba(200,240,74,0.3);\n  }\n  .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(200,240,74,0.4); }\n\n  .btn-outline {\n    background: transparent;\n    color: var(--white);\n    font-size: 0.9rem;\n    font-weight: 500;\n    padding: 14px 28px;\n    border-radius: 30px;\n    border: 1.5px solid rgba(255,255,255,0.2);\n    text-decoration: none;\n    transition: all 0.2s;\n  }\n  .btn-outline:hover { border-color: var(--lime); color: var(--lime); }\n\n  .hero-stats {\n    display: flex;\n    gap: 40px;\n    margin-top: 60px;\n    padding-top: 40px;\n    border-top: 1px solid rgba(255,255,255,0.08);\n  }\n\n  .stat-item {}\n  .stat-num {\n    font-family: 'Syne', sans-serif;\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: var(--lime);\n    line-height: 1;\n  }\n  .stat-label { font-size: 0.72rem; color: rgba(255,255,255,0.45); margin-top: 4px; }\n\n  .hero-visual {\n    position: absolute;\n    right: 5%;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 2;\n  }\n\n  \/* Phone mockup in hero *\/\n  .mini-phone {\n    width: 180px;\n    background: #111;\n    border-radius: 32px;\n    padding: 8px;\n    box-shadow: 0 40px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.08);\n  }\n  .mini-notch { width: 60px; height: 18px; background: #111; border-radius: 0 0 10px 10px; margin: 0 auto 4px; }\n  .mini-screen {\n    background: #0d2e14;\n    border-radius: 24px;\n    overflow: hidden;\n    height: 340px;\n    position: relative;\n  }\n  .ms-header { background: var(--g1); padding: 10px 12px 12px; color: white; }\n  .ms-logo { font-family: 'Syne', sans-serif; font-size: 0.85rem; font-weight: 800; }\n  .ms-logo span { color: var(--lime); }\n  .ms-greeting { font-size: 0.55rem; opacity: 0.6; margin-top: 6px; }\n  .ms-title { font-size: 0.75rem; font-weight: 700; }\n  .ms-stats { display: flex; gap: 5px; padding: 8px 12px; }\n  .ms-stat { flex: 1; background: white; border-radius: 8px; padding: 5px; text-align: center; }\n  .ms-stat-n { font-family: 'Syne', sans-serif; font-size: 0.85rem; font-weight: 800; color: var(--g1); }\n  .ms-stat-l { font-size: 0.42rem; color: var(--sub); }\n  .ms-cta { margin: 0 12px 8px; background: var(--g2); color: white; border-radius: 10px; padding: 8px 10px; display: flex; align-items: center; gap: 8px; }\n  .ms-cta-icon { width: 28px; height: 28px; background: var(--lime); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; flex-shrink: 0; }\n  .ms-cta-text { font-size: 0.58rem; font-weight: 600; line-height: 1.3; }\n  .ms-feed { padding: 0 12px; display: flex; flex-direction: column; gap: 5px; }\n  .ms-feed-item { background: white; border-radius: 8px; padding: 6px 8px; display: flex; align-items: center; gap: 6px; }\n  .ms-feed-img { width: 28px; height: 28px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; background: #ffeaea; flex-shrink: 0; }\n  .ms-feed-info { flex: 1; }\n  .ms-feed-title { font-size: 0.52rem; font-weight: 600; }\n  .ms-feed-loc { font-size: 0.46rem; color: var(--sub); }\n  .ms-badge { font-size: 0.4rem; font-weight: 700; padding: 1px 5px; border-radius: 10px; background: #e8f8ee; color: var(--g2); }\n  .ms-navbar { position: absolute; bottom: 0; left: 0; right: 0; height: 44px; background: white; border-top: 1px solid var(--border); display: flex; align-items: center; justify-content: space-around; border-radius: 0 0 24px 24px; }\n  .ms-nav-i { display: flex; flex-direction: column; align-items: center; gap: 1px; font-size: 0.38rem; color: var(--sub); }\n  .ms-nav-i span { font-size: 0.85rem; }\n  .ms-nav-i.on { color: var(--g1); }\n  .ms-nav-center { width: 34px; height: 34px; background: var(--g1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; margin-top: -14px; box-shadow: 0 3px 10px rgba(10,77,40,0.5); }\n\n  \/* ======================== SECTIONS ======================== *\/\n  section { padding: 100px 5%; }\n\n  .section-eyebrow {\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--g3);\n    margin-bottom: 12px;\n  }\n\n  .section-title {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(1.8rem, 3vw, 2.6rem);\n    font-weight: 800;\n    color: var(--dark);\n    line-height: 1.15;\n    letter-spacing: -0.02em;\n    margin-bottom: 16px;\n  }\n\n  .section-sub {\n    font-size: 1rem;\n    color: var(--sub);\n    line-height: 1.7;\n    max-width: 560px;\n  }\n\n  \/* ======================== PROBLEM ======================== *\/\n  .problem-section {\n    background: var(--dark);\n    color: white;\n  }\n\n  .problem-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .problem-section .section-title { color: white; }\n  .problem-section .section-sub { color: rgba(255,255,255,0.55); }\n\n  .problem-numbers {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n  }\n\n  .prob-num-card {\n    background: rgba(255,255,255,0.05);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 14px;\n    padding: 20px;\n  }\n  .prob-num { font-family: 'Syne', sans-serif; font-size: 2rem; font-weight: 800; color: var(--lime); line-height: 1; }\n  .prob-label { font-size: 0.72rem; color: rgba(255,255,255,0.5); margin-top: 6px; line-height: 1.4; }\n\n  \/* ======================== FEATURES ======================== *\/\n  .features-section { background: var(--cream); }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-top: 60px;\n    max-width: 1100px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .feature-card {\n    background: white;\n    border-radius: 16px;\n    padding: 28px;\n    box-shadow: 0 2px 20px rgba(0,0,0,0.05);\n    border-top: 3px solid transparent;\n    transition: transform 0.2s, box-shadow 0.2s;\n  }\n  .feature-card:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(0,0,0,0.1); }\n  .feature-card.fc1 { border-color: var(--g3); }\n  .feature-card.fc2 { border-color: var(--lime); }\n  .feature-card.fc3 { border-color: var(--warn); }\n  .feature-card.fc4 { border-color: var(--g2); }\n  .feature-card.fc5 { border-color: #8b5cf6; }\n  .feature-card.fc6 { border-color: var(--red); }\n\n  .feature-icon { font-size: 2rem; margin-bottom: 14px; }\n  .feature-title { font-family: 'Syne', sans-serif; font-size: 1rem; font-weight: 700; color: var(--dark); margin-bottom: 8px; }\n  .feature-desc { font-size: 0.85rem; color: var(--sub); line-height: 1.6; }\n\n  \/* ======================== HOW IT WORKS ======================== *\/\n  .how-section { background: white; }\n\n  .steps-row {\n    display: flex;\n    gap: 0;\n    margin-top: 60px;\n    max-width: 1000px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n  }\n\n  .steps-row::before {\n    content: '';\n    position: absolute;\n    top: 28px;\n    left: 10%;\n    right: 10%;\n    height: 2px;\n    background: linear-gradient(90deg, var(--g3), var(--lime));\n  }\n\n  .step-item {\n    flex: 1;\n    text-align: center;\n    padding: 0 16px;\n    position: relative;\n  }\n\n  .step-num {\n    width: 56px; height: 56px;\n    background: var(--g1);\n    color: var(--lime);\n    font-family: 'Syne', sans-serif;\n    font-size: 1.1rem;\n    font-weight: 800;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 16px;\n    position: relative;\n    z-index: 2;\n    box-shadow: 0 4px 20px rgba(10,77,40,0.3);\n  }\n\n  .step-icon { font-size: 1.4rem; margin-bottom: 8px; }\n  .step-title { font-family: 'Syne', sans-serif; font-size: 0.9rem; font-weight: 700; color: var(--dark); margin-bottom: 8px; }\n  .step-desc { font-size: 0.78rem; color: var(--sub); line-height: 1.5; }\n\n  \/* ======================== GAMIFICATION ======================== *\/\n  .game-section { background: var(--dark); color: white; }\n\n  .game-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n    max-width: 1100px;\n    margin: 60px auto 0;\n  }\n\n  .game-section .section-title { color: white; }\n  .game-section .section-sub { color: rgba(255,255,255,0.55); }\n\n  .levels-list { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }\n  .level-item {\n    display: flex; align-items: center; gap: 12px;\n    background: rgba(255,255,255,0.05);\n    border-radius: 10px;\n    padding: 10px 14px;\n    border-left: 3px solid var(--g3);\n  }\n  .level-icon { font-size: 1.2rem; }\n  .level-info { flex: 1; }\n  .level-name { font-size: 0.8rem; font-weight: 600; }\n  .level-pts { font-size: 0.65rem; color: rgba(255,255,255,0.45); }\n  .level-bar-wrap { width: 60px; }\n  .level-bar { height: 4px; background: rgba(255,255,255,0.1); border-radius: 2px; overflow: hidden; }\n  .level-fill { height: 100%; background: var(--lime); border-radius: 2px; }\n\n  .contest-card {\n    background: linear-gradient(135deg, rgba(200,240,74,0.1), rgba(34,165,90,0.1));\n    border: 1px solid rgba(200,240,74,0.2);\n    border-radius: 16px;\n    padding: 24px;\n  }\n  .contest-badge { display: inline-block; background: var(--lime); color: var(--dark); font-size: 0.6rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; margin-bottom: 12px; font-family: 'Syne', sans-serif; letter-spacing: 0.08em; }\n  .contest-title { font-family: 'Syne', sans-serif; font-size: 1.2rem; font-weight: 800; color: white; margin-bottom: 8px; }\n  .contest-desc { font-size: 0.8rem; color: rgba(255,255,255,0.55); line-height: 1.6; margin-bottom: 16px; }\n  .podium { display: flex; gap: 8px; align-items: flex-end; }\n  .podium-i { flex: 1; text-align: center; }\n  .p-avatar { width: 32px; height: 32px; border-radius: 50%; margin: 0 auto 4px; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: 700; color: white; }\n  .p-name { font-size: 0.55rem; color: rgba(255,255,255,0.6); }\n  .p-pts { font-family: 'Syne', sans-serif; font-size: 0.65rem; font-weight: 700; }\n  .p-bar { border-radius: 4px 4px 0 0; margin-top: 4px; }\n  .g { color: #f5c842; } .s { color: #aab4c4; } .b { color: #c87941; }\n\n  \/* ======================== MAIRIES ======================== *\/\n  .mairies-section { background: var(--cream); }\n\n  .mairies-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n    max-width: 1100px;\n    margin: 60px auto 0;\n  }\n\n  .benefits-list { display: flex; flex-direction: column; gap: 14px; }\n  .benefit-item { display: flex; align-items: flex-start; gap: 12px; }\n  .benefit-check {\n    width: 24px; height: 24px;\n    background: var(--g1);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 0.65rem;\n    color: var(--lime);\n    flex-shrink: 0;\n    margin-top: 2px;\n  }\n  .benefit-text { font-size: 0.9rem; color: var(--dark); line-height: 1.5; }\n\n  .pricing-cards { display: flex; flex-direction: column; gap: 12px; }\n  .price-card {\n    background: white;\n    border-radius: 14px;\n    padding: 20px;\n    box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .price-card.featured { background: var(--g1); color: white; }\n  .price-icon { font-size: 1.5rem; }\n  .price-info { flex: 1; }\n  .price-tier { font-family: 'Syne', sans-serif; font-size: 0.85rem; font-weight: 700; }\n  .price-card.featured .price-tier { color: var(--lime); }\n  .price-desc { font-size: 0.72rem; color: var(--sub); margin-top: 2px; }\n  .price-card.featured .price-desc { color: rgba(255,255,255,0.55); }\n  .price-amount { font-family: 'Syne', sans-serif; font-size: 1.2rem; font-weight: 800; color: var(--g1); }\n  .price-card.featured .price-amount { color: var(--lime); }\n\n  \/* ======================== DEMO FORM ======================== *\/\n  .demo-section {\n    background: linear-gradient(160deg, var(--g1), #0d2e14);\n    color: white;\n  }\n\n  .demo-wrap {\n    max-width: 700px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .demo-section .section-title { color: white; }\n  .demo-section .section-sub { color: rgba(255,255,255,0.6); margin: 0 auto 48px; }\n\n  .demo-form {\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 20px;\n    padding: 36px;\n    text-align: left;\n  }\n\n  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }\n  .form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }\n  .form-label { font-size: 0.75rem; font-weight: 600; color: rgba(255,255,255,0.7); }\n  .form-input {\n    background: rgba(255,255,255,0.08);\n    border: 1.5px solid rgba(255,255,255,0.12);\n    border-radius: 10px;\n    padding: 12px 14px;\n    font-size: 0.88rem;\n    color: white;\n    font-family: 'DM Sans', sans-serif;\n    outline: none;\n    transition: border-color 0.2s;\n  }\n  .form-input::placeholder { color: rgba(255,255,255,0.3); }\n  .form-input:focus { border-color: var(--lime); }\n  .form-select {\n    background: rgba(255,255,255,0.08);\n    border: 1.5px solid rgba(255,255,255,0.12);\n    border-radius: 10px;\n    padding: 12px 14px;\n    font-size: 0.88rem;\n    color: white;\n    font-family: 'DM Sans', sans-serif;\n    outline: none;\n    cursor: pointer;\n  }\n  .form-select option { background: var(--g1); color: white; }\n  .form-textarea {\n    background: rgba(255,255,255,0.08);\n    border: 1.5px solid rgba(255,255,255,0.12);\n    border-radius: 10px;\n    padding: 12px 14px;\n    font-size: 0.88rem;\n    color: white;\n    font-family: 'DM Sans', sans-serif;\n    outline: none;\n    resize: vertical;\n    min-height: 100px;\n    width: 100%;\n    transition: border-color 0.2s;\n  }\n  .form-textarea::placeholder { color: rgba(255,255,255,0.3); }\n  .form-textarea:focus { border-color: var(--lime); }\n\n  .form-submit {\n    width: 100%;\n    background: var(--lime);\n    color: var(--dark);\n    font-family: 'Syne', sans-serif;\n    font-size: 1rem;\n    font-weight: 700;\n    padding: 16px;\n    border-radius: 12px;\n    border: none;\n    cursor: pointer;\n    margin-top: 8px;\n    transition: transform 0.2s, box-shadow 0.2s;\n    box-shadow: 0 8px 24px rgba(200,240,74,0.25);\n  }\n  .form-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(200,240,74,0.35); }\n\n  .form-success {\n    display: none;\n    text-align: center;\n    padding: 40px 20px;\n  }\n  .form-success .success-icon { font-size: 3rem; margin-bottom: 16px; }\n  .form-success h3 { font-family: 'Syne', sans-serif; font-size: 1.4rem; font-weight: 800; color: var(--lime); margin-bottom: 8px; }\n  .form-success p { font-size: 0.9rem; color: rgba(255,255,255,0.6); }\n\n  \/* ======================== FOOTER ======================== *\/\n  footer {\n    background: var(--dark);\n    color: white;\n    padding: 60px 5% 32px;\n  }\n\n  .footer-grid {\n    display: grid;\n    grid-template-columns: 2fr 1fr 1fr 1fr;\n    gap: 40px;\n    margin-bottom: 48px;\n  }\n\n  .footer-logo { font-family: 'Syne', sans-serif; font-size: 1.4rem; font-weight: 800; margin-bottom: 12px; }\n  .footer-logo span { color: var(--lime); }\n  .footer-desc { font-size: 0.8rem; color: rgba(255,255,255,0.4); line-height: 1.7; max-width: 260px; }\n  .footer-email { font-size: 0.78rem; color: var(--lime); margin-top: 12px; }\n\n  .footer-col h4 { font-family: 'Syne', sans-serif; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 16px; }\n  .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n  .footer-col a { font-size: 0.8rem; color: rgba(255,255,255,0.6); text-decoration: none; transition: color 0.2s; }\n  .footer-col a:hover { color: var(--lime); }\n\n  .footer-bottom {\n    border-top: 1px solid rgba(255,25\n<\/style>\n\n<script data-wp-block-html=\"js\">\nfunction setLang(lang) {\n    document.body.classList.toggle('lang-en', lang === 'en');\n    document.querySelectorAll('.lang-btn').forEach(btn => btn.classList.remove('active'));\n    document.querySelector(`.lang-btn[onclick=\"setLang('${lang}')\"]`).classList.add('active');\n  }\n\n  function submitForm() {\n    const firstName = document.getElementById('firstName').value;\n    const email = document.getElementById('email').value;\n    if (!firstName || !email) {\n      alert(document.body.classList.contains('lang-en') ? 'Please fill in the required fields.' : 'Veuillez remplir les champs obligatoires.');\n      return;\n    }\n    document.getElementById('demoForm').style.display = 'none';\n    document.getElementById('formSuccess').style.display = 'block';\n  }\n\n  \/\/ Smooth scroll for nav links\n  document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function(e) {\n      e.preventDefault();\n      const target = document.querySelector(this.getAttribute('href'));\n      if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    });\n  });\n<\/script>\n\n<!-- NAV -->\n<nav>\n  <div class=\"nav-logo\">Clean<span>World<\/span><\/div>\n  <ul class=\"nav-links\">\n    <li><a href=\"#features\" class=\"fr-content\">Fonctionnalit\u00e9s<\/a><a href=\"#features\" class=\"en-content\">Features<\/a><\/li>\n    <li><a href=\"#how\" class=\"fr-content\">Comment \u00e7a marche<\/a><a href=\"#how\" class=\"en-content\">How it works<\/a><\/li>\n    <li><a href=\"#mairies\" class=\"fr-content\">Mairies<\/a><a href=\"#mairies\" class=\"en-content\">Municipalities<\/a><\/li>\n    <li><a href=\"#demo\" class=\"fr-content\">Contact<\/a><a href=\"#demo\" class=\"en-content\">Contact<\/a><\/li>\n  <\/ul>\n  <div class=\"nav-right\">\n    <button class=\"lang-btn active\" onclick=\"setLang('fr')\">FR<\/button>\n    <button class=\"lang-btn\" onclick=\"setLang('en')\">EN<\/button>\n    <a href=\"#demo\" class=\"nav-cta fr-content\">Demander une d\u00e9mo<\/a>\n    <a href=\"#demo\" class=\"nav-cta en-content\">Request a demo<\/a>\n  <\/div>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\" id=\"home\">\n  <div class=\"hero-content\">\n    <div class=\"hero-eyebrow\">\n      \ud83c\udf0d <span class=\"fr-content\">Application citoyenne &#038; \u00e9cologique<\/span>\n      <span class=\"en-content\">Citizen &#038; ecological app<\/span>\n    <\/div>\n    <h1 class=\"fr-content\">Ensemble, gardons notre <em>territoire propre<\/em><\/h1>\n    <h1 class=\"en-content\">Together, let&rsquo;s keep our <em>territory clean<\/em><\/h1>\n    <p class=\"hero-sub fr-content\">CleanWorld transforme chaque citoyen en acteur de la propret\u00e9 de sa ville. Signalez, mobilisez, nettoyez \u2014 ensemble.<\/p>\n    <p class=\"hero-sub en-content\">CleanWorld turns every citizen into an active participant in keeping their city clean. Report, mobilize, clean up \u2014 together.<\/p>\n    <div class=\"hero-actions\">\n      <a href=\"#demo\" class=\"btn-primary fr-content\">\ud83d\udcf2 Demander une d\u00e9mo<\/a>\n      <a href=\"#demo\" class=\"btn-primary en-content\">\ud83d\udcf2 Request a demo<\/a>\n      <a href=\"#features\" class=\"btn-outline fr-content\">D\u00e9couvrir l&rsquo;app \u2192<\/a>\n      <a href=\"#features\" class=\"btn-outline en-content\">Discover the app \u2192<\/a>\n    <\/div>\n    <div class=\"hero-stats\">\n      <div class=\"stat-item\">\n        <div class=\"stat-num\">1M+<\/div>\n        <div class=\"stat-label fr-content\">tonnes de d\u00e9chets ill\u00e9gaux\/an<\/div>\n        <div class=\"stat-label en-content\">tons of illegal waste\/year<\/div>\n      <\/div>\n      <div class=\"stat-item\">\n        <div class=\"stat-num\">60k\u20ac<\/div>\n        <div class=\"stat-label fr-content\">co\u00fbt moyen par commune\/an<\/div>\n        <div class=\"stat-label en-content\">average cost per city\/year<\/div>\n      <\/div>\n      <div class=\"stat-item\">\n        <div class=\"stat-num\">34 935<\/div>\n        <div class=\"stat-label fr-content\">communes en France<\/div>\n        <div class=\"stat-label en-content\">municipalities in France<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-visual\">\n    <div class=\"mini-phone\">\n      <div class=\"mini-notch\"><\/div>\n      <div class=\"mini-screen\">\n        <div class=\"ms-header\">\n          <div class=\"ms-logo\">Clean<span>World<\/span><\/div>\n          <div class=\"ms-greeting\">Bonjour, Marie \ud83d\udc4b<\/div>\n          <div class=\"ms-title\">Votre quartier aujourd&rsquo;hui<\/div>\n        <\/div>\n        <div class=\"ms-stats\">\n          <div class=\"ms-stat\"><div class=\"ms-stat-n\">12<\/div><div class=\"ms-stat-l\">Signalements<\/div><\/div>\n          <div class=\"ms-stat\"><div class=\"ms-stat-n\">8<\/div><div class=\"ms-stat-l\">R\u00e9solus<\/div><\/div>\n          <div class=\"ms-stat\"><div class=\"ms-stat-n\">3<\/div><div class=\"ms-stat-l\">\u00c9v\u00e9nements<\/div><\/div>\n        <\/div>\n        <div class=\"ms-cta\">\n          <div class=\"ms-cta-icon\">\ud83d\udcf8<\/div>\n          <div class=\"ms-cta-text\">Signaler un d\u00e9chet<br><span style=\"opacity:0.6;font-weight:400\">En 3 secondes<\/span><\/div>\n        <\/div>\n        <div class=\"ms-feed\">\n          <div class=\"ms-feed-item\">\n            <div class=\"ms-feed-img\">\ud83d\uddd1\ufe0f<\/div>\n            <div class=\"ms-feed-info\"><div class=\"ms-feed-title\">Canettes abandonn\u00e9es<\/div><div class=\"ms-feed-loc\">\ud83d\udccd Parc Matisse \u00b7 5 min<\/div><\/div>\n            <div class=\"ms-badge\">Nouveau<\/div>\n          <\/div>\n          <div class=\"ms-feed-item\">\n            <div class=\"ms-feed-img\" style=\"background:#fff3e0\">\u267b\ufe0f<\/div>\n            <div class=\"ms-feed-info\"><div class=\"ms-feed-title\">Restes de pique-nique<\/div><div class=\"ms-feed-loc\">\ud83d\udccd Berges \u00b7 1h<\/div><\/div>\n            <div class=\"ms-badge\" style=\"background:#fff3e0;color:#f5a623\">En cours<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ms-navbar\">\n          <div class=\"ms-nav-i on\"><span>\ud83c\udfe0<\/span>Accueil<\/div>\n          <div class=\"ms-nav-i\"><span>\ud83d\uddfa\ufe0f<\/span>Carte<\/div>\n          <div class=\"ms-nav-center\">\u2795<\/div>\n          <div class=\"ms-nav-i\"><span>\ud83c\udfc6<\/span>Classement<\/div>\n          <div class=\"ms-nav-i\"><span>\ud83d\udc64<\/span>Profil<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PROBLEM -->\n<section class=\"problem-section\" id=\"problem\">\n  <div class=\"problem-grid\">\n    <div>\n      <div class=\"section-eyebrow fr-content\">Le probl\u00e8me<\/div>\n      <div class=\"section-eyebrow en-content\">The problem<\/div>\n      <h2 class=\"section-title fr-content\">Les d\u00e9chets abandonn\u00e9s co\u00fbtent cher \u00e0 tout le monde<\/h2>\n      <h2 class=\"section-title en-content\">Abandoned waste costs everyone<\/h2>\n      <p class=\"section-sub fr-content\">D&rsquo;une canette sur un trottoir aux d\u00e9p\u00f4ts sauvages en for\u00eat, les abandons de d\u00e9chets d\u00e9gradent le cadre de vie et mobilisent des ressources municipales consid\u00e9rables \u2014 sans solution efficace jusqu&rsquo;ici.<\/p>\n      <p class=\"section-sub en-content\">From a can on a sidewalk to illegal dumping in forests, abandoned waste degrades quality of life and mobilizes considerable municipal resources \u2014 without an effective solution until now.<\/p>\n    <\/div>\n    <div class=\"problem-numbers\">\n      <div class=\"prob-num-card\">\n        <div class=\"prob-num\">1M+<\/div>\n        <div class=\"prob-label fr-content\">tonnes de d\u00e9chets ill\u00e9gaux par an en France<\/div>\n        <div class=\"prob-label en-content\">tons of illegal waste per year in France<\/div>\n      <\/div>\n      <div class=\"prob-num-card\">\n        <div class=\"prob-num\">\u00d72<\/div>\n        <div class=\"prob-label fr-content\">volume doubl\u00e9 depuis 2018<\/div>\n        <div class=\"prob-label en-content\">volume doubled since 2018<\/div>\n      <\/div>\n      <div class=\"prob-num-card\">\n        <div class=\"prob-num\">63%<\/div>\n        <div class=\"prob-label fr-content\">des Fran\u00e7ais expos\u00e9s aux d\u00e9p\u00f4ts sauvages<\/div>\n        <div class=\"prob-label en-content\">of French people exposed to illegal dumping<\/div>\n      <\/div>\n      <div class=\"prob-num-card\">\n        <div class=\"prob-num\">86%<\/div>\n        <div class=\"prob-label fr-content\">des communes manquent de donn\u00e9es sur leur territoire<\/div>\n        <div class=\"prob-label en-content\">of municipalities lack data on their territory<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FEATURES -->\n<section class=\"features-section\" id=\"features\">\n  <div style=\"max-width:1100px;margin:0 auto\">\n    <div class=\"section-eyebrow fr-content\">Fonctionnalit\u00e9s<\/div>\n    <div class=\"section-eyebrow en-content\">Features<\/div>\n    <h2 class=\"section-title fr-content\">Tout ce qu&rsquo;il faut pour agir<\/h2>\n    <h2 class=\"section-title en-content\">Everything you need to take action<\/h2>\n    <p class=\"section-sub fr-content\">CleanWorld va bien au-del\u00e0 du simple signalement. C&rsquo;est une plateforme citoyenne compl\u00e8te.<\/p>\n    <p class=\"section-sub en-content\">CleanWorld goes far beyond simple reporting. It&rsquo;s a complete citizen platform.<\/p>\n    <div class=\"features-grid\">\n      <div class=\"feature-card fc1\">\n        <div class=\"feature-icon\">\ud83d\udcf8<\/div>\n        <div class=\"feature-title fr-content\">Signalement instantan\u00e9<\/div>\n        <div class=\"feature-title en-content\">Instant reporting<\/div>\n        <div class=\"feature-desc fr-content\">Photo + g\u00e9olocalisation automatique en 3 secondes. Du m\u00e9got au d\u00e9p\u00f4t sauvage, tout se signale facilement.<\/div>\n        <div class=\"feature-desc en-content\">Photo + automatic geolocation in 3 seconds. From a cigarette butt to illegal dumping, everything is easy to report.<\/div>\n      <\/div>\n      <div class=\"feature-card fc2\">\n        <div class=\"feature-icon\">\ud83d\uddfa\ufe0f<\/div>\n        <div class=\"feature-title fr-content\">Carte interactive<\/div>\n        <div class=\"feature-title en-content\">Interactive map<\/div>\n        <div class=\"feature-desc fr-content\">Visualisez en temps r\u00e9el tous les d\u00e9chets signal\u00e9s pr\u00e8s de chez vous. Filtrez par type, urgence ou statut.<\/div>\n        <div class=\"feature-desc en-content\">View all reported waste near you in real time. Filter by type, urgency, or status.<\/div>\n      <\/div>\n      <div class=\"feature-card fc3\">\n        <div class=\"feature-icon\">\ud83e\udd1d<\/div>\n        <div class=\"feature-title fr-content\">Nettoyages collectifs<\/div>\n        <div class=\"feature-title en-content\">Community clean-ups<\/div>\n        <div class=\"feature-desc fr-content\">Organisez ou rejoignez des nettoyages solidaires. Agissez ensemble pour un impact plus grand.<\/div>\n        <div class=\"feature-desc en-content\">Organize or join community clean-ups. Act together for a greater impact.<\/div>\n      <\/div>\n      <div class=\"feature-card fc4\">\n        <div class=\"feature-icon\">\ud83c\udfc6<\/div>\n        <div class=\"feature-title fr-content\">Gamification &#038; concours<\/div>\n        <div class=\"feature-title en-content\">Gamification &#038; contests<\/div>\n        <div class=\"feature-desc fr-content\">Gagnez des points, d\u00e9bloquez des badges et participez aux concours trimestriels avec des lots \u00e0 gagner.<\/div>\n        <div class=\"feature-desc en-content\">Earn points, unlock badges, and enter quarterly contests with prizes to win.<\/div>\n      <\/div>\n      <div class=\"feature-card fc5\">\n        <div class=\"feature-icon\">\ud83c\udfd9\ufe0f<\/div>\n        <div class=\"feature-title fr-content\">Classement inter-villes<\/div>\n        <div class=\"feature-title en-content\">City rankings<\/div>\n        <div class=\"feature-desc fr-content\">Comp\u00e9tition nationale entre communes. La ville la plus propre remporte le troph\u00e9e CleanWorld chaque trimestre.<\/div>\n        <div class=\"feature-desc en-content\">National competition between cities. The cleanest city wins the CleanWorld trophy each quarter.<\/div>\n      <\/div>\n      <div class=\"feature-card fc6\">\n        <div class=\"feature-icon\">\ud83d\udcca<\/div>\n        <div class=\"feature-title fr-content\">Tableau de bord mairies<\/div>\n        <div class=\"feature-title en-content\">Municipal dashboard<\/div>\n        <div class=\"feature-desc fr-content\">Les services municipaux g\u00e8rent tous les signalements depuis un portail web centralis\u00e9, avec statistiques et rapports.<\/div>\n        <div class=\"feature-desc en-content\">Municipal services manage all reports from a centralized web portal, with statistics and reports.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- HOW IT WORKS -->\n<section class=\"how-section\" id=\"how\">\n  <div style=\"max-width:1100px;margin:0 auto;text-align:center\">\n    <div class=\"section-eyebrow fr-content\">Comment \u00e7a marche<\/div>\n    <div class=\"section-eyebrow en-content\">How it works<\/div>\n    <h2 class=\"section-title fr-content\">Simple comme un geste citoyen<\/h2>\n    <h2 class=\"section-title en-content\">As simple as a civic gesture<\/h2>\n    <div class=\"steps-row\">\n      <div class=\"step-item\">\n        <div class=\"step-num\">1<\/div>\n        <div class=\"step-icon\">\ud83d\udc40<\/div>\n        <div class=\"step-title fr-content\">Je remarque<\/div>\n        <div class=\"step-title en-content\">I notice<\/div>\n        <div class=\"step-desc fr-content\">Une canette, un sac, un d\u00e9p\u00f4t sauvage \u2014 n&rsquo;importe quel d\u00e9chet abandonn\u00e9<\/div>\n        <div class=\"step-desc en-content\">A can, a bag, illegal dumping \u2014 any abandoned waste<\/div>\n      <\/div>\n      <div class=\"step-item\">\n        <div class=\"step-num\">2<\/div>\n        <div class=\"step-icon\">\ud83d\udcf8<\/div>\n        <div class=\"step-title fr-content\">Je signale<\/div>\n        <div class=\"step-title en-content\">I report<\/div>\n        <div class=\"step-desc fr-content\">Photo + localisation automatique en 3 secondes depuis l&rsquo;app<\/div>\n        <div class=\"step-desc en-content\">Photo + automatic location in 3 seconds from the app<\/div>\n      <\/div>\n      <div class=\"step-item\">\n        <div class=\"step-num\">3<\/div>\n        <div class=\"step-icon\">\ud83c\udfdb\ufe0f<\/div>\n        <div class=\"step-title fr-content\">La mairie agit<\/div>\n        <div class=\"step-title en-content\">City acts<\/div>\n        <div class=\"step-desc fr-content\">Le signalement arrive dans le tableau de bord municipal en temps r\u00e9el<\/div>\n        <div class=\"step-desc en-content\">The report arrives in the municipal dashboard in real time<\/div>\n      <\/div>\n      <div class=\"step-item\">\n        <div class=\"step-num\">4<\/div>\n        <div class=\"step-icon\">\ud83c\udfc6<\/div>\n        <div class=\"step-title fr-content\">Je suis r\u00e9compens\u00e9<\/div>\n        <div class=\"step-title en-content\">I&rsquo;m rewarded<\/div>\n        <div class=\"step-desc fr-content\">Points, badges et classement \u2014 mon engagement est valoris\u00e9<\/div>\n        <div class=\"step-desc en-content\">Points, badges and rankings \u2014 my commitment is recognized<\/div>\n      <\/div>\n      <div class=\"step-item\">\n        <div class=\"step-num\">5<\/div>\n        <div class=\"step-icon\">\ud83c\udf0d<\/div>\n        <div class=\"step-title fr-content\">Ma ville est plus propre<\/div>\n        <div class=\"step-title en-content\">My city is cleaner<\/div>\n        <div class=\"step-desc fr-content\">Un impact r\u00e9el, mesurable, visible sur mon territoire<\/div>\n        <div class=\"step-desc en-content\">A real, measurable, visible impact on my territory<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- GAMIFICATION -->\n<section class=\"game-section\" id=\"gamification\">\n  <div class=\"game-grid\">\n    <div>\n      <div class=\"section-eyebrow fr-content\">Gamification<\/div>\n      <div class=\"section-eyebrow en-content\">Gamification<\/div>\n      <h2 class=\"section-title fr-content\">La propret\u00e9 devient un jeu<\/h2>\n      <h2 class=\"section-title en-content\">Cleanliness becomes a game<\/h2>\n      <p class=\"section-sub fr-content\">CleanWorld transforme chaque geste civique en exp\u00e9rience ludique. Progressez, gagnez des badges et rivalisez avec les autres villes de France.<\/p>\n      <p class=\"section-sub en-content\">CleanWorld turns every civic gesture into a fun experience. Progress, earn badges, and compete with other cities across France.<\/p>\n      <div class=\"levels-list\">\n        <div class=\"level-item\">\n          <div class=\"level-icon\">\ud83c\udf31<\/div>\n          <div class=\"level-info\"><div class=\"level-name\">\u00c9co-D\u00e9butant<\/div><div class=\"level-pts\">0 \u2013 50 pts<\/div><\/div>\n          <div class=\"level-bar-wrap\"><div class=\"level-bar\"><div class=\"level-fill\" style=\"width:100%\"><\/div><\/div><\/div>\n        <\/div>\n        <div class=\"level-item\">\n          <div class=\"level-icon\">\u267b\ufe0f<\/div>\n          <div class=\"level-info\"><div class=\"level-name\">\u00c9co-Citoyen<\/div><div class=\"level-pts\">51 \u2013 200 pts<\/div><\/div>\n          <div class=\"level-bar-wrap\"><div class=\"level-bar\"><div class=\"level-fill\" style=\"width:75%\"><\/div><\/div><\/div>\n        <\/div>\n        <div class=\"level-item\">\n          <div class=\"level-icon\">\ud83c\udf3f<\/div>\n          <div class=\"level-info\"><div class=\"level-name\">\u00c9co-Gardien<\/div><div class=\"level-pts\">201 \u2013 500 pts<\/div><\/div>\n          <div class=\"level-bar-wrap\"><div class=\"level-bar\"><div class=\"level-fill\" style=\"width:50%\"><\/div><\/div><\/div>\n        <\/div>\n        <div class=\"level-item\">\n          <div class=\"level-icon\">\ud83c\udf0d<\/div>\n          <div class=\"level-info\"><div class=\"level-name\">\u00c9co-Champion<\/div><div class=\"level-pts\">501 \u2013 1000 pts<\/div><\/div>\n          <div class=\"level-bar-wrap\"><div class=\"level-bar\"><div class=\"level-fill\" style=\"width:25%\"><\/div><\/div><\/div>\n        <\/div>\n        <div class=\"level-item\">\n          <div class=\"level-icon\">\ud83c\udfc6<\/div>\n          <div class=\"level-info\"><div class=\"level-name\">Ambassadeur CleanWorld<\/div><div class=\"level-pts\">1000+ pts<\/div><\/div>\n          <div class=\"level-bar-wrap\"><div class=\"level-bar\"><div class=\"level-fill\" style=\"width:10%\"><\/div><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div>\n      <div class=\"contest-card\">\n        <div class=\"contest-badge fr-content\">\ud83c\udfc6 CONCOURS TRIMESTRIEL<\/div>\n        <div class=\"contest-badge en-content\">\ud83c\udfc6 QUARTERLY CONTEST<\/div>\n        <div class=\"contest-title fr-content\">Grand Prix CleanWorld<\/div>\n        <div class=\"contest-title en-content\">CleanWorld Grand Prix<\/div>\n        <div class=\"contest-desc fr-content\">Chaque trimestre, les citoyens les plus actifs et les villes les plus propres sont r\u00e9compens\u00e9s. Lots, troph\u00e9es et visibilit\u00e9 nationale.<\/div>\n        <div class=\"contest-desc en-content\">Each quarter, the most active citizens and cleanest cities are rewarded. Prizes, trophies, and national visibility.<\/div>\n        <div class=\"podium\">\n          <div class=\"podium-i\">\n            <div class=\"p-avatar\" style=\"background:#2a4a2a;border:2px solid #aab4c4\">M<\/div>\n            <div class=\"p-name\">Marie T.<\/div>\n            <div class=\"p-pts s\">289 pts<\/div>\n            <div class=\"p-bar\" style=\"height:28px;background:rgba(170,180,196,0.2)\"><\/div>\n          <\/div>\n          <div class=\"podium-i\">\n            <div style=\"font-size:0.9rem;text-align:center\">\ud83d\udc51<\/div>\n            <div class=\"p-avatar\" style=\"background:#1e3a1e;border:2px solid #f5c842\">J<\/div>\n            <div class=\"p-name\">Jean-Paul<\/div>\n            <div class=\"p-pts g\">412 pts<\/div>\n            <div class=\"p-bar\" style=\"height:44px;background:rgba(245,200,66,0.2)\"><\/div>\n          <\/div>\n          <div class=\"podium-i\">\n            <div class=\"p-avatar\" style=\"background:#1e3a1e;border:2px solid #c87941\">S<\/div>\n            <div class=\"p-name\">Sophie K.<\/div>\n            <div class=\"p-pts b\">241 pts<\/div>\n            <div class=\"p-bar\" style=\"height:20px;background:rgba(200,121,65,0.2)\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- MAIRIES -->\n<section class=\"mairies-section\" id=\"mairies\">\n  <div class=\"mairies-grid\">\n    <div>\n      <div class=\"section-eyebrow fr-content\">Pour les mairies<\/div>\n      <div class=\"section-eyebrow en-content\">For municipalities<\/div>\n      <h2 class=\"section-title fr-content\">Un outil cl\u00e9 en main pour vos \u00e9quipes<\/h2>\n      <h2 class=\"section-title en-content\">A turnkey tool for your teams<\/h2>\n      <p class=\"section-sub fr-content\">CleanWorld remplace les signalements dispers\u00e9s par un canal unique, centralis\u00e9 et g\u00e9olocalis\u00e9. Vos agents gagnent du temps, vos citoyens sont satisfaits.<\/p>\n      <p class=\"section-sub en-content\">CleanWorld replaces scattered reports with a single, centralized, and geolocated channel. Your staff saves time, your citizens are satisfied.<\/p>\n      <div class=\"benefits-list\" style=\"margin-top:32px\">\n        <div class=\"benefit-item\">\n          <div class=\"benefit-check\">\u2713<\/div>\n          <div class=\"benefit-text fr-content\">Tableau de bord centralis\u00e9 avec tous les signalements g\u00e9olocalis\u00e9s en temps r\u00e9el<\/div>\n          <div class=\"benefit-text en-content\">Centralized dashboard with all geolocated reports in real time<\/div>\n        <\/div>\n        <div class=\"benefit-item\">\n          <div class=\"benefit-check\">\u2713<\/div>\n          <div class=\"benefit-text fr-content\">Suivi du statut et assignation aux agents terrain en un clic<\/div>\n          <div class=\"benefit-text en-content\">Status tracking and assignment to field agents in one click<\/div>\n        <\/div>\n        <div class=\"benefit-item\">\n          <div class=\"benefit-check\">\u2713<\/div>\n          <div class=\"benefit-text fr-content\">Rapports mensuels automatiques pr\u00eats \u00e0 l&#8217;emploi<\/div>\n          <div class=\"benefit-text en-content\">Automatic monthly reports ready to use<\/div>\n        <\/div>\n        <div class=\"benefit-item\">\n          <div class=\"benefit-check\">\u2713<\/div>\n          <div class=\"benefit-text fr-content\">Mobilisation citoyenne gratuite \u2014 relais sur le terrain sans co\u00fbt suppl\u00e9mentaire<\/div>\n          <div class=\"benefit-text en-content\">Free citizen mobilization \u2014 field support at no extra cost<\/div>\n        <\/div>\n        <div class\n","protected":false},"excerpt":{"rendered":"<p>CleanWorld Fonctionnalit\u00e9sFeatures Comment \u00e7a marcheHow it works MairiesMunicipalities ContactContact FR EN Demander une d\u00e9mo Request a demo \ud83c\udf0d Application citoyenne &#038; \u00e9cologique Citizen &#038; ecological app Ensemble, gardons notre territoire propre Together, let&rsquo;s keep our territory clean CleanWorld transforme chaque citoyen en acteur de la propret\u00e9 de sa ville. Signalez, mobilisez, nettoyez \u2014 ensemble. CleanWorld [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.clean-world.fr\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clean-world.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clean-world.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clean-world.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clean-world.fr\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":2,"href":"https:\/\/www.clean-world.fr\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/www.clean-world.fr\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/www.clean-world.fr\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}