PopoSafe \u2014 Z\u00e9ro contact. Z\u00e9ro trace.<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --cream:#FBFBF7;\n --ice:#E9F6F7;\n --teal-deep:#0F3D42;\n --teal:#1F5F66;\n --aqua:#3FB6C4;\n --aqua-light:#CFEFF2;\n --mint:#A8E6CF;\n --coral:#FF6F59;\n --sun:#FFCE54;\n --radius-lg: 28px;\n --radius-md: 18px;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n html{scroll-behavior:smooth;}\n body{\n font-family:'Inter', sans-serif;\n background:var(--cream);\n color:var(--teal-deep);\n line-height:1.5;\n overflow-x:hidden;\n }\n h1,h2,h3, .logo{\n font-family:'Fredoka', sans-serif;\n font-weight:600;\n letter-spacing:-0.01em;\n }\n a{text-decoration:none; color:inherit;}\n img,svg{display:block;}\n .container{\n max-width:1140px;\n margin:0 auto;\n padding:0 28px;\n }\n\n \/* ---------- NAV ---------- *\/\n header{\n position:sticky; top:0; z-index:50;\n background:rgba(251,251,247,0.85);\n backdrop-filter: blur(10px);\n border-bottom:1px solid rgba(15,61,66,0.08);\n }\n nav{\n display:flex; align-items:center; justify-content:space-between;\n padding:16px 28px;\n max-width:1140px; margin:0 auto;\n }\n .logo{\n display:flex; align-items:center; gap:8px;\n font-size:22px; color:var(--teal-deep);\n }\n .nav-links{\n display:flex; gap:32px; font-size:15px; font-weight:500; color:var(--teal);\n }\n .nav-links a{ opacity:0.8; transition:opacity .2s; }\n .nav-links a:hover{opacity:1;}\n .btn{\n display:inline-flex; align-items:center; gap:8px;\n font-family:'Fredoka', sans-serif;\n font-weight:600; font-size:15px;\n padding:12px 24px;\n border-radius:999px;\n border:none;\n cursor:pointer;\n transition:transform .18s ease, box-shadow .18s ease;\n }\n .btn-primary{\n background:var(--coral); color:#fff;\n box-shadow:0 8px 20px rgba(255,111,89,0.35);\n }\n .btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(255,111,89,0.45);}\n .btn-ghost{\n background:transparent; color:var(--teal-deep);\n border:1.5px solid rgba(15,61,66,0.18);\n padding:11px 22px;\n }\n .btn-ghost:hover{border-color:var(--teal-deep);}\n .btn-sm{font-size:14px; padding:9px 18px;}\n\n @media(max-width:860px){ .nav-links{display:none;} }\n\n \/* ---------- HERO ---------- *\/\n .hero{\n position:relative;\n padding:88px 28px 40px;\n background:\n radial-gradient(circle at 82% 12%, var(--mint) 0%, transparent 45%),\n radial-gradient(circle at 8% 90%, var(--aqua-light) 0%, transparent 40%),\n var(--ice);\n overflow:hidden;\n }\n .hero-inner{\n max-width:1140px; margin:0 auto;\n display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center;\n }\n @media(max-width:900px){ .hero-inner{grid-template-columns:1fr;} }\n\n .eyebrow{\n display:inline-flex; align-items:center; gap:8px;\n background:#fff; border:1px solid rgba(63,182,196,0.35);\n color:var(--teal); font-size:13px; font-weight:600;\n padding:7px 14px; border-radius:999px; margin-bottom:22px;\n }\n .eyebrow .dot{width:7px; height:7px; border-radius:50%; background:var(--coral);}\n\n .hero h1{\n font-size:clamp(34px, 5vw, 54px);\n line-height:1.08;\n color:var(--teal-deep);\n margin-bottom:22px;\n }\n .hero h1 .accent{ color:var(--aqua); }\n .hero p.lede{\n font-size:18px; color:var(--teal); max-width:480px; margin-bottom:32px;\n font-weight:400;\n }\n .hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:36px;}\n\n .trust-row{\n display:flex; gap:26px; flex-wrap:wrap; font-size:13.5px; color:var(--teal); font-weight:600;\n }\n .trust-row span{ display:flex; align-items:center; gap:6px; }\n\n \/* --- Signature visual: dissolving strip --- *\/\n .visual-stage{\n position:relative;\n height:420px;\n display:flex; align-items:center; justify-content:center;\n }\n .ripple-ring{\n position:absolute; border-radius:50%;\n border:2px solid rgba(63,182,196,0.35);\n animation: ripple 3.2s ease-out infinite;\n }\n .ripple-ring.r2{ animation-delay:1.1s; }\n .ripple-ring.r3{ animation-delay:2.2s; }\n @keyframes ripple{\n 0%{ width:120px; height:120px; opacity:0.9; }\n 100%{ width:420px; height:420px; opacity:0; }\n }\n\n .seat-card{\n position:relative; z-index:2; padding-top:44px;\n width:260px; background:#fff; border-radius:32px;\n box-shadow:0 30px 60px -20px rgba(15,61,66,0.28);\n padding:28px 24px 32px;\n text-align:center;\n }\n .toilet-graphic{\n width:150px; height:auto; margin:6px auto 4px;\n }\n .paper-overlay{\n animation: dissolve-loop 4.4s ease-in-out infinite;\n transform-origin:center;\n }\n @keyframes dissolve-loop{\n 0%, 50%{ opacity:1; stroke-width:16; }\n 72%{ opacity:0.15; stroke-width:6; }\n 88%,100%{ opacity:1; stroke-width:16; }\n }\n .stage-tag{\n position:absolute; top:20px; font-size:11px; font-weight:700;\n letter-spacing:0.05em; padding:5px 12px; border-radius:999px;\n animation: swap-before 4.4s ease-in-out infinite;\n }\n .stage-tag.stage-before{\n left:20px; background:var(--aqua-light); color:var(--teal-deep);\n }\n .stage-tag.stage-after{\n right:20px; background:var(--mint); color:var(--teal-deep);\n opacity:0; animation: swap-after 4.4s ease-in-out infinite;\n }\n @keyframes swap-before{\n 0%,50%{ opacity:1; } 60%,100%{ opacity:0.25; }\n }\n @keyframes swap-after{\n 0%,55%{ opacity:0.25; } 72%,90%{ opacity:1; } 100%{ opacity:0.25; }\n }\n .seat-card .cap{ font-family:'Fredoka'; font-weight:600; color:var(--teal-deep); font-size:15px; }\n .seat-card .sub{ font-size:12.5px; color:var(--teal); opacity:0.75; margin-top:4px;}\n\n .floating-bubble{\n position:absolute; background:var(--mint); border-radius:50%; opacity:0.6;\n animation: floaty 6s ease-in-out infinite;\n }\n @keyframes floaty{\n 0%,100%{ transform:translateY(0) translateX(0);}\n 50%{ transform:translateY(-18px) translateX(6px);}\n }\n\n \/* ---------- SECTION: WHO ---------- *\/\n .section{ padding:96px 0; }\n .section-head{ text-align:center; max-width:640px; margin:0 auto 56px; }\n .section-head .kicker{\n font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase;\n color:var(--coral); margin-bottom:12px; display:block;\n }\n .section-head h2{ font-size:clamp(28px,3.4vw,38px); color:var(--teal-deep); }\n .section-head p{ color:var(--teal); font-size:16.5px; margin-top:14px; }\n\n .who-grid{\n display:grid; grid-template-columns:repeat(3,1fr); gap:24px;\n }\n @media(max-width:820px){ .who-grid{grid-template-columns:1fr;} }\n .who-card{\n background:#fff; border-radius:var(--radius-lg);\n padding:32px 26px; text-align:left;\n border:1px solid rgba(15,61,66,0.06);\n transition:transform .25s ease, box-shadow .25s ease;\n }\n .who-card:hover{ transform:translateY(-6px); box-shadow:0 24px 40px -18px rgba(15,61,66,0.18); }\n .icon-badge{\n width:52px; height:52px; border-radius:16px;\n display:flex; align-items:center; justify-content:center;\n margin-bottom:18px; font-size:24px;\n }\n .who-card h3{ font-size:18px; margin-bottom:8px; color:var(--teal-deep); }\n .who-card p{ font-size:14.5px; color:var(--teal); opacity:0.85; }\n\n \/* ---------- SECTION: HOW ---------- *\/\n .how{ background:var(--ice); }\n .how-grid{\n display:grid; grid-template-columns:repeat(3,1fr); gap:0;\n position:relative;\n }\n @media(max-width:820px){ .how-grid{grid-template-columns:1fr; gap:32px;} }\n .how-step{ text-align:center; padding:0 20px; position:relative; }\n .how-step .num{\n font-family:'Fredoka'; font-weight:700; font-size:15px;\n width:36px; height:36px; border-radius:50%;\n background:var(--teal-deep); color:#fff;\n display:flex; align-items:center; justify-content:center;\n margin:0 auto 18px;\n }\n .how-step h3{ font-size:17px; margin-bottom:8px; }\n .how-step p{ font-size:14px; color:var(--teal); opacity:0.85; max-width:230px; margin:0 auto; }\n .how-connector{\n position:absolute; top:18px; left:50%; width:100%; height:2px;\n background:repeating-linear-gradient(90deg, var(--aqua) 0 6px, transparent 6px 12px);\n z-index:0;\n }\n @media(max-width:820px){ .how-connector{display:none;} }\n\n \/* ---------- SECTION: PRODUCTS ---------- *\/\n .product-grid{\n display:grid; grid-template-columns:repeat(3,1fr); gap:24px;\n }\n @media(max-width:900px){ .product-grid{grid-template-columns:1fr;} }\n .product-card{\n border-radius:var(--radius-lg);\n padding:32px 28px;\n background:#fff;\n border:1px solid rgba(15,61,66,0.08);\n display:flex; flex-direction:column;\n }\n .product-card.featured{\n background:var(--teal-deep); color:#fff;\n transform:scale(1.04);\n box-shadow:0 30px 60px -20px rgba(15,61,66,0.35);\n }\n .product-card.featured .price, .product-card.featured h3{ color:#fff; }\n .product-card.featured p{ color:rgba(255,255,255,0.75); }\n .tag{\n align-self:flex-start; font-size:12px; font-weight:700;\n background:var(--sun); color:var(--teal-deep);\n padding:4px 12px; border-radius:999px; margin-bottom:16px;\n }\n .product-card h3{ font-size:19px; margin-bottom:6px; }\n .product-card .price{ font-family:'Fredoka'; font-size:32px; font-weight:600; margin:14px 0; color:var(--teal-deep); }\n .product-card .price span{ font-size:14px; font-weight:400; opacity:0.6; }\n .product-card ul{ list-style:none; margin:18px 0 26px; flex:1; }\n .product-card li{ font-size:14px; padding:6px 0; display:flex; gap:8px; align-items:flex-start; opacity:0.9; }\n\n \/* ---------- TESTIMONIALS ---------- *\/\n .testi-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }\n @media(max-width:900px){ .testi-grid{grid-template-columns:1fr;} }\n .testi-card{\n background:var(--ice); border-radius:var(--radius-md); padding:26px;\n }\n .stars{ color:var(--sun); font-size:15px; margin-bottom:12px; letter-spacing:2px; }\n .testi-card p.quote{ font-size:14.5px; color:var(--teal-deep); margin-bottom:16px; }\n .testi-who{ font-size:13px; font-weight:700; color:var(--teal); }\n\n \/* ---------- FAQ ---------- *\/\n .faq{ max-width:760px; margin:0 auto; }\n .faq-item{\n border-bottom:1px solid rgba(15,61,66,0.1);\n padding:22px 4px;\n }\n .faq-item summary{\n cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center;\n font-family:'Fredoka'; font-weight:500; font-size:16px; color:var(--teal-deep);\n }\n .faq-item summary::-webkit-details-marker{ display:none; }\n .faq-item summary::after{ content:'+'; font-size:22px; color:var(--coral); transition:transform .2s; }\n .faq-item[open] summary::after{ transform:rotate(45deg); }\n .faq-item p{ margin-top:12px; font-size:14.5px; color:var(--teal); opacity:0.85; }\n\n \/* ---------- CTA BAND ---------- *\/\n .cta-band{\n background:var(--teal-deep); color:#fff; border-radius:var(--radius-lg);\n padding:56px 40px; text-align:center; margin:0 28px;\n position:relative; overflow:hidden;\n }\n .cta-band h2{ color:#fff; font-size:clamp(26px,3vw,34px); margin-bottom:14px; }\n .cta-band p{ color:rgba(255,255,255,0.75); margin-bottom:28px; }\n\n \/* ---------- FOOTER ---------- *\/\n footer{ padding:64px 28px 32px; }\n .footer-grid{\n display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px;\n margin-bottom:48px;\n }\n @media(max-width:760px){ .footer-grid{grid-template-columns:1fr 1fr;} }\n footer h4{ font-family:'Fredoka'; font-size:14px; margin-bottom:16px; color:var(--teal-deep); }\n footer ul{ list-style:none; }\n footer li{ margin-bottom:10px; }\n footer a{ font-size:14px; color:var(--teal); opacity:0.8; }\n footer a:hover{ opacity:1; }\n .footer-bottom{\n border-top:1px solid rgba(15,61,66,0.1); padding-top:24px;\n display:flex; justify-content:space-between; font-size:13px; color:var(--teal); opacity:0.7;\n flex-wrap:wrap; gap:10px;\n }\n .newsletter{ display:flex; gap:8px; margin-top:10px; }\n .newsletter input{\n border:1px solid rgba(15,61,66,0.2); border-radius:999px; padding:10px 16px;\n font-size:13px; font-family:'Inter'; width:180px;\n }\n\n @media (prefers-reduced-motion: reduce){\n *{ animation:none !important; transition:none !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n<header>\n <nav>\n <div class=\"logo\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\">\n <path d=\"M15 2C10 9 6 13.5 6 18.5C6 23.5 10 27 15 27C20 27 24 23.5 24 18.5C24 13.5 20 9 15 2Z\" fill=\"#3FB6C4\"\/>\n <ellipse cx=\"12\" cy=\"17\" rx=\"2.4\" ry=\"1.4\" fill=\"white\" opacity=\"0.6\"\/>\n <\/svg>\n PopoSafe\n <\/div>\n <div class=\"nav-links\">\n <a href=\"#produit\">Le produit<\/a>\n <a href=\"#comment\">Comment \u00e7a marche<\/a>\n <a href=\"#avis\">Avis<\/a>\n <a href=\"#faq\">FAQ<\/a>\n <\/div>\n <a href=\"#produit\" class=\"btn btn-primary btn-sm\">Commander<\/a>\n <\/nav>\n<\/header>\n\n<section class=\"hero\">\n <div class=\"hero-inner\">\n <div>\n <div class=\"eyebrow\"><span class=\"dot\"><\/span> Protection W.-C. jetable <\/div>\n <h1>Le film qui se pose sur la lunette des toilettes.<br><span class=\"accent\">Et qui dispara\u00eet apr\u00e8s.<\/span><\/h1>\n <p class=\"lede\">PopoSafe est une fine protection que vous d\u00e9posez sur la lunette des W.-C. publics (ou non) avant de vous asseoir. Une fois la chasse tir\u00e9e, elle se jette \u00e0 la poubelle, sans trace, sans y repenser.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"#produit\" class=\"btn btn-primary\">Je teste PopoSafe<\/a>\n <a href=\"#comment\" class=\"btn btn-ghost\">Comment \u00e7a marche \u2193<\/a>\n <\/div>\n <div class=\"trust-row\">\n \n <span>\ud83c\udf92 Format poche<\/span>\n <span>\ud83d\udebb Compatible toutes lunettes<\/span>\n <\/div>\n <\/div>\n\n <div class=\"visual-stage\">\n <div class=\"ripple-ring\" style=\"width:120px;height:120px;\"><\/div>\n <div class=\"ripple-ring r2\" style=\"width:120px;height:120px;\"><\/div>\n <div class=\"ripple-ring r3\" style=\"width:120px;height:120px;\"><\/div>\n\n <div class=\"floating-bubble\" style=\"width:14px;height:14px; top:20%; left:15%;\"><\/div>\n <div class=\"floating-bubble\" style=\"width:10px;height:10px; top:70%; left:80%; animation-delay:1.5s;\"><\/div>\n <div class=\"floating-bubble\" style=\"width:18px;height:18px; top:10%; left:75%; animation-delay:3s;\"><\/div>\n\n <div class=\"seat-card\">\n <div class=\"stage-tag stage-before\">AVANT<\/div>\n <svg class=\"toilet-graphic\" viewBox=\"0 0 220 260\" fill=\"none\">\n \n <ellipse cx=\"110\" cy=\"132\" rx=\"96\" ry=\"116\" fill=\"#fff\" stroke=\"#0F3D42\" stroke-width=\"7\"\/>\n <ellipse cx=\"110\" cy=\"132\" rx=\"50\" ry=\"76\" fill=\"#E9F6F7\" stroke=\"#0F3D42\" stroke-width=\"3\"\/>\n \n <rect x=\"92\" y=\"6\" width=\"14\" height=\"20\" rx=\"4\" fill=\"#0F3D42\"\/>\n <rect x=\"114\" y=\"6\" width=\"14\" height=\"20\" rx=\"4\" fill=\"#0F3D42\"\/>\n \n <ellipse class=\"paper-overlay\" cx=\"110\" cy=\"132\" rx=\"96\" ry=\"116\" fill=\"none\" stroke=\"#3FB6C4\" stroke-width=\"16\" stroke-dasharray=\"3 7\" stroke-linecap=\"round\"\/>\n <\/svg>\n <div class=\"stage-tag stage-after\">APR\u00c8S LA CHASSE<\/div>\n <div class=\"cap\">Le film pos\u00e9 sur la lunette<\/div>\n <div class=\"sub\">Vous \u00eates prot\u00e9g\u00e9 <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"pour-qui\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Pour tout le monde<\/span>\n <h2>Une protection pens\u00e9e pour chaque sortie<\/h2>\n <p>Sur la route, en festival ou en famille la m\u00eame s\u00e9r\u00e9nit\u00e9, quel que soit votre \u00e2ge ou votre programme.<\/p>\n <\/div>\n <div class=\"who-grid\">\n <div class=\"who-card\">\n <div class=\"icon-badge\" style=\"background:var(--aqua-light);\">\ud83c\udfaa<\/div>\n <h3>En festival<\/h3>\n <p>Toilettes publiques bond\u00e9es, files d’attente, hygi\u00e8ne incertaine : une protection en 3 secondes, sans y penser deux fois.<\/p>\n <\/div>\n <div class=\"who-card\">\n <div class=\"icon-badge\" style=\"background:#FFE9D1;\">\u2708\ufe0f<\/div>\n <h3>En voyage<\/h3>\n <p>Aires d’autoroute, a\u00e9roports, trains : glissez quelques films dans votre sac et gardez le contr\u00f4le o\u00f9 que vous soyez.<\/p>\n <\/div>\n <div class=\"who-card\">\n <div class=\"icon-badge\" style=\"background:#E3F3D8;\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/div>\n <h3>En famille<\/h3>\n <p>Pour les enfants qui refusent de s’asseoir, comme pour les parents press\u00e9s une solution simple pour tous les \u00e2ges.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section how\" id=\"comment\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Le geste<\/span>\n <h2>Trois gestes, z\u00e9ro contact<\/h2>\n <\/div>\n <div class=\"how-grid\">\n <div class=\"how-connector\"><\/div>\n <div class=\"how-step\">\n <div class=\"num\">1<\/div>\n <h3>D\u00e9pliez<\/h3>\n <p>Sortez le film de son \u00e9tui compact et d\u00e9pliez-le en un geste.<\/p>\n <\/div>\n <div class=\"how-step\">\n <div class=\"num\">2<\/div>\n <h3>Posez<\/h3>\n <p>Placez-le sur la lunette il \u00e9pouse toutes les formes standards.<\/p>\n <\/div>\n <div class=\"how-step\">\n <div class=\"num\">3<\/div>\n <h3>Tirez la chasse<\/h3>\n <p>Le film se jette dans la poubelle.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"produit\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Nos formats<\/span>\n <h2>Un format pour chaque usage<\/h2>\n <p>Sans engagement.<\/p>\n <\/div>\n <div class=\"product-grid\">\n <div class=\"product-card\">\n <span class=\"tag\">D\u00e9couverte<\/span>\n <h3>Pack Poche<\/h3>\n <p style=\"font-size:14px; color:var(--teal); opacity:0.8;\">Pour tester en toute simplicit\u00e9<\/p>\n <div class=\"price\">6,90\u20ac <span>\/ 10 films<\/span><\/div>\n <ul>\n <li>\u2714\ufe0f \u00c9tui de poche discret<\/li>\n <li>\u2714\ufe0f 10 films protecteurs<\/li>\n \n <\/ul>\n <a href=\"https:\/\/poposafe.com\/index.php\/produit\/pack-poche\/\" class=\"btn btn-ghost\">Choisir ce pack<\/a>\n <\/div>\n <div class=\"product-card featured\">\n <span class=\"tag\" style=\"background:var(--coral); color:#fff;\">Le plus choisi<\/span>\n <h3>Pack Voyage<\/h3>\n <p style=\"font-size:14px;\">Le format malin pour ne jamais \u00eatre pris au d\u00e9pourvu<\/p>\n <div class=\"price\">14,90\u20ac <span style=\"color:rgba(255,255,255,0.6);\">\/ 30 films<\/span><\/div>\n <ul>\n <li>\u2714\ufe0f 3 \u00e9tuis de poche<\/li>\n <li>\u2714\ufe0f 30 films protecteurs<\/li>\n <li>\u2714\ufe0f Livraison offerte<\/li>\n \n <\/ul>\n <a href=\"https:\/\/poposafe.com\/index.php\/produit\/pack-voyage\/\" class=\"btn btn-primary\">Choisir ce pack<\/a>\n <\/div>\n <div class=\"product-card\">\n <span class=\"tag\">Grand format<\/span>\n <h3>Pack Festival<\/h3>\n <p style=\"font-size:14px; color:var(--teal); opacity:0.8;\">Pour les longs week-ends loin de chez soi<\/p>\n <div class=\"price\">24,90\u20ac <span>\/ 60 films<\/span><\/div>\n <ul>\n <li>\u2714\ufe0f Pochette \u00e9tanche incluse<\/li>\n <li>\u2714\ufe0f 60 films protecteurs<\/li>\n <li>\u2714\ufe0f Livraison offerte<\/li>\n <\/ul>\n <a href=\"https:\/\/poposafe.com\/index.php\/produit\/pack-festival\/\" class=\"btn btn-ghost\">Choisir ce pack<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"avis\" style=\"background:var(--ice);\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Ils ont test\u00e9<\/span>\n <h2>Ce qu’en disent nos premiers utilisateurs<\/h2>\n <\/div>\n <div class=\"testi-grid\">\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"quote\">Le r\u00e9flexe que j’aurais d\u00fb avoir depuis des ann\u00e9es en festival. \u00c7a tient dans la popoche arri\u00e8re, litt\u00e9ralement.<\/p>\n <div class=\"testi-who\">\u2014 L\u00e9a, 24 ans<\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"quote\">Ma fille refusait toujours de s’asseoir sur les toilettes publiques. Depuis, plus aucun souci sur l’autoroute.<\/p>\n <div class=\"testi-who\">\u2014 Karim, 38 ans<\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"quote\">Simple, pratique, et je n’ai plus \u00e0 faire l’\u00e9quilibriste au-dessus de la lunette pendant mes voyages.<\/p>\n <div class=\"testi-who\">\u2014 Monique, 67 ans<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"faq\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Questions fr\u00e9quentes<\/span>\n <h2>Tout ce qu’il faut savoir<\/h2>\n <\/div>\n <div class=\"faq\">\n <details class=\"faq-item\" open>\n <summary>Le film se dissout-il vraiment compl\u00e8tement ?<\/summary>\n <p>Oui. Fabriqu\u00e9 \u00e0 partir de fibres solubles, il se d\u00e9sagr\u00e8ge int\u00e9gralement au contact prolong\u00e9 de l’eau, sans laisser de r\u00e9sidu ni boucher les canalisations.<\/p>\n <\/details>\n <details class=\"faq-item\">\n <summary>Est-ce compatible avec toutes les toilettes ?<\/summary>\n <p>Le format standard s’adapte \u00e0 la grande majorit\u00e9 des lunettes, qu’elles soient rondes ou allong\u00e9es, en France comme \u00e0 l’\u00e9tranger.<\/p>\n <\/details>\n <details class=\"faq-item\">\n <summary>Est-ce hygi\u00e9nique et sans danger ?<\/summary>\n <p>Le film est fabriqu\u00e9 sans substances irritantes et test\u00e9 pour un contact cutan\u00e9, avec un emballage individuel qui garantit sa propret\u00e9 jusqu’\u00e0 l’usage.<\/p>\n <\/details>\n <details class=\"faq-item\">\n <summary>Combien de temps tient un \u00e9tui de poche ?<\/summary>\n <p>Chaque \u00e9tui compact contient 10 films, soit de quoi couvrir un week-end complet en festival ou plusieurs trajets en voyage.<\/p>\n <\/details>\n <\/div>\n <\/div>\n<\/section>\n\n<section style=\"padding:20px 0 96px;\">\n <div class=\"cta-band\">\n <h2>Ne vous rasseyez plus jamais sans y penser.<\/h2>\n <p>Rejoignez les premiers utilisateurs PopoSafe et voyagez l’esprit tranquille.<\/p>\n <a href=\"#produit\" class=\"btn btn-primary\">Commander mon premier pack<\/a>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div>\n <div class=\"logo\" style=\"margin-bottom:14px;\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 30 30\" fill=\"none\">\n <path d=\"M15 2C10 9 6 13.5 6 18.5C6 23.5 10 27 15 27C20 27 24 23.5 24 18.5C24 13.5 20 9 15 2Z\" fill=\"#3FB6C4\"\/>\n <\/svg>\n PopoSafe\n <\/div>\n <p style=\"font-size:13.5px; color:var(--teal); opacity:0.75; max-width:260px;\">Le film hygi\u00e9nique dissolvable pour s’asseoir sereinement, partout, sans laisser de trace.<\/p>\n <div class=\"newsletter\">\n <input type=\"email\" placeholder=\"Votre email\">\n <a href=\"#\" class=\"btn btn-primary btn-sm\">OK<\/a>\n <\/div>\n <\/div>\n <div>\n <h4>Produit<\/h4>\n <ul>\n <li><a href=\"#produit\">Nos packs<\/a><\/li>\n <li><a href=\"#comment\">Comment \u00e7a marche<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4>Entreprise<\/h4>\n <ul>\n <li><a href=\"#\">Notre histoire<\/a><\/li>\n <li><a href=\"#\">Engagement \u00e9cologique<\/a><\/li>\n <li><a href=\"#\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4>Suivez-nous<\/h4>\n <ul>\n <li><a href=\"#\">Instagram<\/a><\/li>\n <li><a href=\"#\">TikTok<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 PopoSafe. Tous droits r\u00e9serv\u00e9s.<\/span>\n <span>Mentions l\u00e9gales \u00b7 CGV \u00b7 Politique de confidentialit\u00e9<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>PopoSafe \u2014 Z\u00e9ro contact. Z\u00e9ro trace. PopoSafe Le produit Comment \u00e7a marche Avis FAQ Commander Protection W.-C. jetable Le film qui se pose sur la lunette des toilettes.Et qui dispara\u00eet apr\u00e8s. PopoSafe est une fine protection que vous d\u00e9posez sur la lunette des W.-C. publics (ou non) avant de vous asseoir. Une fois la chasse…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":17,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9,"date":"2026-07-05T20:07:00","date_gmt":"2026-07-05T20:07:00","guid":{"rendered":"https:\/\/poposafe.com\/?page_id=9"},"modified":"2026-07-14T12:52:13","modified_gmt":"2026-07-14T12:52:13","slug":"9-2","status":"publish","type":"page","link":"https:\/\/poposafe.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n\n\n\n\n\nPopoSafe \u2014 Z\u00e9ro contact. Z\u00e9ro trace.<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --cream:#FBFBF7;\n --ice:#E9F6F7;\n --teal-deep:#0F3D42;\n --teal:#1F5F66;\n --aqua:#3FB6C4;\n --aqua-light:#CFEFF2;\n --mint:#A8E6CF;\n --coral:#FF6F59;\n --sun:#FFCE54;\n --radius-lg: 28px;\n --radius-md: 18px;\n }\n *{box-sizing:border-box; margin:0; padding:0;}\n html{scroll-behavior:smooth;}\n body{\n font-family:'Inter', sans-serif;\n background:var(--cream);\n color:var(--teal-deep);\n line-height:1.5;\n overflow-x:hidden;\n }\n h1,h2,h3, .logo{\n font-family:'Fredoka', sans-serif;\n font-weight:600;\n letter-spacing:-0.01em;\n }\n a{text-decoration:none; color:inherit;}\n img,svg{display:block;}\n .container{\n max-width:1140px;\n margin:0 auto;\n padding:0 28px;\n }\n\n \/* ---------- NAV ---------- *\/\n header{\n position:sticky; top:0; z-index:50;\n background:rgba(251,251,247,0.85);\n backdrop-filter: blur(10px);\n border-bottom:1px solid rgba(15,61,66,0.08);\n }\n nav{\n display:flex; align-items:center; justify-content:space-between;\n padding:16px 28px;\n max-width:1140px; margin:0 auto;\n }\n .logo{\n display:flex; align-items:center; gap:8px;\n font-size:22px; color:var(--teal-deep);\n }\n .nav-links{\n display:flex; gap:32px; font-size:15px; font-weight:500; color:var(--teal);\n }\n .nav-links a{ opacity:0.8; transition:opacity .2s; }\n .nav-links a:hover{opacity:1;}\n .btn{\n display:inline-flex; align-items:center; gap:8px;\n font-family:'Fredoka', sans-serif;\n font-weight:600; font-size:15px;\n padding:12px 24px;\n border-radius:999px;\n border:none;\n cursor:pointer;\n transition:transform .18s ease, box-shadow .18s ease;\n }\n .btn-primary{\n background:var(--coral); color:#fff;\n box-shadow:0 8px 20px rgba(255,111,89,0.35);\n }\n .btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(255,111,89,0.45);}\n .btn-ghost{\n background:transparent; color:var(--teal-deep);\n border:1.5px solid rgba(15,61,66,0.18);\n padding:11px 22px;\n }\n .btn-ghost:hover{border-color:var(--teal-deep);}\n .btn-sm{font-size:14px; padding:9px 18px;}\n\n @media(max-width:860px){ .nav-links{display:none;} }\n\n \/* ---------- HERO ---------- *\/\n .hero{\n position:relative;\n padding:88px 28px 40px;\n background:\n radial-gradient(circle at 82% 12%, var(--mint) 0%, transparent 45%),\n radial-gradient(circle at 8% 90%, var(--aqua-light) 0%, transparent 40%),\n var(--ice);\n overflow:hidden;\n }\n .hero-inner{\n max-width:1140px; margin:0 auto;\n display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center;\n }\n @media(max-width:900px){ .hero-inner{grid-template-columns:1fr;} }\n\n .eyebrow{\n display:inline-flex; align-items:center; gap:8px;\n background:#fff; border:1px solid rgba(63,182,196,0.35);\n color:var(--teal); font-size:13px; font-weight:600;\n padding:7px 14px; border-radius:999px; margin-bottom:22px;\n }\n .eyebrow .dot{width:7px; height:7px; border-radius:50%; background:var(--coral);}\n\n .hero h1{\n font-size:clamp(34px, 5vw, 54px);\n line-height:1.08;\n color:var(--teal-deep);\n margin-bottom:22px;\n }\n .hero h1 .accent{ color:var(--aqua); }\n .hero p.lede{\n font-size:18px; color:var(--teal); max-width:480px; margin-bottom:32px;\n font-weight:400;\n }\n .hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:36px;}\n\n .trust-row{\n display:flex; gap:26px; flex-wrap:wrap; font-size:13.5px; color:var(--teal); font-weight:600;\n }\n .trust-row span{ display:flex; align-items:center; gap:6px; }\n\n \/* --- Signature visual: dissolving strip --- *\/\n .visual-stage{\n position:relative;\n height:420px;\n display:flex; align-items:center; justify-content:center;\n }\n .ripple-ring{\n position:absolute; border-radius:50%;\n border:2px solid rgba(63,182,196,0.35);\n animation: ripple 3.2s ease-out infinite;\n }\n .ripple-ring.r2{ animation-delay:1.1s; }\n .ripple-ring.r3{ animation-delay:2.2s; }\n @keyframes ripple{\n 0%{ width:120px; height:120px; opacity:0.9; }\n 100%{ width:420px; height:420px; opacity:0; }\n }\n\n .seat-card{\n position:relative; z-index:2; padding-top:44px;\n width:260px; background:#fff; border-radius:32px;\n box-shadow:0 30px 60px -20px rgba(15,61,66,0.28);\n padding:28px 24px 32px;\n text-align:center;\n }\n .toilet-graphic{\n width:150px; height:auto; margin:6px auto 4px;\n }\n .paper-overlay{\n animation: dissolve-loop 4.4s ease-in-out infinite;\n transform-origin:center;\n }\n @keyframes dissolve-loop{\n 0%, 50%{ opacity:1; stroke-width:16; }\n 72%{ opacity:0.15; stroke-width:6; }\n 88%,100%{ opacity:1; stroke-width:16; }\n }\n .stage-tag{\n position:absolute; top:20px; font-size:11px; font-weight:700;\n letter-spacing:0.05em; padding:5px 12px; border-radius:999px;\n animation: swap-before 4.4s ease-in-out infinite;\n }\n .stage-tag.stage-before{\n left:20px; background:var(--aqua-light); color:var(--teal-deep);\n }\n .stage-tag.stage-after{\n right:20px; background:var(--mint); color:var(--teal-deep);\n opacity:0; animation: swap-after 4.4s ease-in-out infinite;\n }\n @keyframes swap-before{\n 0%,50%{ opacity:1; } 60%,100%{ opacity:0.25; }\n }\n @keyframes swap-after{\n 0%,55%{ opacity:0.25; } 72%,90%{ opacity:1; } 100%{ opacity:0.25; }\n }\n .seat-card .cap{ font-family:'Fredoka'; font-weight:600; color:var(--teal-deep); font-size:15px; }\n .seat-card .sub{ font-size:12.5px; color:var(--teal); opacity:0.75; margin-top:4px;}\n\n .floating-bubble{\n position:absolute; background:var(--mint); border-radius:50%; opacity:0.6;\n animation: floaty 6s ease-in-out infinite;\n }\n @keyframes floaty{\n 0%,100%{ transform:translateY(0) translateX(0);}\n 50%{ transform:translateY(-18px) translateX(6px);}\n }\n\n \/* ---------- SECTION: WHO ---------- *\/\n .section{ padding:96px 0; }\n .section-head{ text-align:center; max-width:640px; margin:0 auto 56px; }\n .section-head .kicker{\n font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase;\n color:var(--coral); margin-bottom:12px; display:block;\n }\n .section-head h2{ font-size:clamp(28px,3.4vw,38px); color:var(--teal-deep); }\n .section-head p{ color:var(--teal); font-size:16.5px; margin-top:14px; }\n\n .who-grid{\n display:grid; grid-template-columns:repeat(3,1fr); gap:24px;\n }\n @media(max-width:820px){ .who-grid{grid-template-columns:1fr;} }\n .who-card{\n background:#fff; border-radius:var(--radius-lg);\n padding:32px 26px; text-align:left;\n border:1px solid rgba(15,61,66,0.06);\n transition:transform .25s ease, box-shadow .25s ease;\n }\n .who-card:hover{ transform:translateY(-6px); box-shadow:0 24px 40px -18px rgba(15,61,66,0.18); }\n .icon-badge{\n width:52px; height:52px; border-radius:16px;\n display:flex; align-items:center; justify-content:center;\n margin-bottom:18px; font-size:24px;\n }\n .who-card h3{ font-size:18px; margin-bottom:8px; color:var(--teal-deep); }\n .who-card p{ font-size:14.5px; color:var(--teal); opacity:0.85; }\n\n \/* ---------- SECTION: HOW ---------- *\/\n .how{ background:var(--ice); }\n .how-grid{\n display:grid; grid-template-columns:repeat(3,1fr); gap:0;\n position:relative;\n }\n @media(max-width:820px){ .how-grid{grid-template-columns:1fr; gap:32px;} }\n .how-step{ text-align:center; padding:0 20px; position:relative; }\n .how-step .num{\n font-family:'Fredoka'; font-weight:700; font-size:15px;\n width:36px; height:36px; border-radius:50%;\n background:var(--teal-deep); color:#fff;\n display:flex; align-items:center; justify-content:center;\n margin:0 auto 18px;\n }\n .how-step h3{ font-size:17px; margin-bottom:8px; }\n .how-step p{ font-size:14px; color:var(--teal); opacity:0.85; max-width:230px; margin:0 auto; }\n .how-connector{\n position:absolute; top:18px; left:50%; width:100%; height:2px;\n background:repeating-linear-gradient(90deg, var(--aqua) 0 6px, transparent 6px 12px);\n z-index:0;\n }\n @media(max-width:820px){ .how-connector{display:none;} }\n\n \/* ---------- SECTION: PRODUCTS ---------- *\/\n .product-grid{\n display:grid; grid-template-columns:repeat(3,1fr); gap:24px;\n }\n @media(max-width:900px){ .product-grid{grid-template-columns:1fr;} }\n .product-card{\n border-radius:var(--radius-lg);\n padding:32px 28px;\n background:#fff;\n border:1px solid rgba(15,61,66,0.08);\n display:flex; flex-direction:column;\n }\n .product-card.featured{\n background:var(--teal-deep); color:#fff;\n transform:scale(1.04);\n box-shadow:0 30px 60px -20px rgba(15,61,66,0.35);\n }\n .product-card.featured .price, .product-card.featured h3{ color:#fff; }\n .product-card.featured p{ color:rgba(255,255,255,0.75); }\n .tag{\n align-self:flex-start; font-size:12px; font-weight:700;\n background:var(--sun); color:var(--teal-deep);\n padding:4px 12px; border-radius:999px; margin-bottom:16px;\n }\n .product-card h3{ font-size:19px; margin-bottom:6px; }\n .product-card .price{ font-family:'Fredoka'; font-size:32px; font-weight:600; margin:14px 0; color:var(--teal-deep); }\n .product-card .price span{ font-size:14px; font-weight:400; opacity:0.6; }\n .product-card ul{ list-style:none; margin:18px 0 26px; flex:1; }\n .product-card li{ font-size:14px; padding:6px 0; display:flex; gap:8px; align-items:flex-start; opacity:0.9; }\n\n \/* ---------- TESTIMONIALS ---------- *\/\n .testi-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }\n @media(max-width:900px){ .testi-grid{grid-template-columns:1fr;} }\n .testi-card{\n background:var(--ice); border-radius:var(--radius-md); padding:26px;\n }\n .stars{ color:var(--sun); font-size:15px; margin-bottom:12px; letter-spacing:2px; }\n .testi-card p.quote{ font-size:14.5px; color:var(--teal-deep); margin-bottom:16px; }\n .testi-who{ font-size:13px; font-weight:700; color:var(--teal); }\n\n \/* ---------- FAQ ---------- *\/\n .faq{ max-width:760px; margin:0 auto; }\n .faq-item{\n border-bottom:1px solid rgba(15,61,66,0.1);\n padding:22px 4px;\n }\n .faq-item summary{\n cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center;\n font-family:'Fredoka'; font-weight:500; font-size:16px; color:var(--teal-deep);\n }\n .faq-item summary::-webkit-details-marker{ display:none; }\n .faq-item summary::after{ content:'+'; font-size:22px; color:var(--coral); transition:transform .2s; }\n .faq-item[open] summary::after{ transform:rotate(45deg); }\n .faq-item p{ margin-top:12px; font-size:14.5px; color:var(--teal); opacity:0.85; }\n\n \/* ---------- CTA BAND ---------- *\/\n .cta-band{\n background:var(--teal-deep); color:#fff; border-radius:var(--radius-lg);\n padding:56px 40px; text-align:center; margin:0 28px;\n position:relative; overflow:hidden;\n }\n .cta-band h2{ color:#fff; font-size:clamp(26px,3vw,34px); margin-bottom:14px; }\n .cta-band p{ color:rgba(255,255,255,0.75); margin-bottom:28px; }\n\n \/* ---------- FOOTER ---------- *\/\n footer{ padding:64px 28px 32px; }\n .footer-grid{\n display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px;\n margin-bottom:48px;\n }\n @media(max-width:760px){ .footer-grid{grid-template-columns:1fr 1fr;} }\n footer h4{ font-family:'Fredoka'; font-size:14px; margin-bottom:16px; color:var(--teal-deep); }\n footer ul{ list-style:none; }\n footer li{ margin-bottom:10px; }\n footer a{ font-size:14px; color:var(--teal); opacity:0.8; }\n footer a:hover{ opacity:1; }\n .footer-bottom{\n border-top:1px solid rgba(15,61,66,0.1); padding-top:24px;\n display:flex; justify-content:space-between; font-size:13px; color:var(--teal); opacity:0.7;\n flex-wrap:wrap; gap:10px;\n }\n .newsletter{ display:flex; gap:8px; margin-top:10px; }\n .newsletter input{\n border:1px solid rgba(15,61,66,0.2); border-radius:999px; padding:10px 16px;\n font-size:13px; font-family:'Inter'; width:180px;\n }\n\n @media (prefers-reduced-motion: reduce){\n *{ animation:none !important; transition:none !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n<header>\n <nav>\n <div class=\"logo\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\">\n <path d=\"M15 2C10 9 6 13.5 6 18.5C6 23.5 10 27 15 27C20 27 24 23.5 24 18.5C24 13.5 20 9 15 2Z\" fill=\"#3FB6C4\"\/>\n <ellipse cx=\"12\" cy=\"17\" rx=\"2.4\" ry=\"1.4\" fill=\"white\" opacity=\"0.6\"\/>\n <\/svg>\n PopoSafe\n <\/div>\n <div class=\"nav-links\">\n <a href=\"#produit\">Le produit<\/a>\n <a href=\"#comment\">Comment \u00e7a marche<\/a>\n <a href=\"#avis\">Avis<\/a>\n <a href=\"#faq\">FAQ<\/a>\n <\/div>\n <a href=\"#produit\" class=\"btn btn-primary btn-sm\">Commander<\/a>\n <\/nav>\n<\/header>\n\n<section class=\"hero\">\n <div class=\"hero-inner\">\n <div>\n <div class=\"eyebrow\"><span class=\"dot\"><\/span> Protection W.-C. jetable <\/div>\n <h1>Le film qui se pose sur la lunette des toilettes.<br><span class=\"accent\">Et qui dispara\u00eet apr\u00e8s.<\/span><\/h1>\n <p class=\"lede\">PopoSafe est une fine protection que vous d\u00e9posez sur la lunette des W.-C. publics (ou non) avant de vous asseoir. Une fois la chasse tir\u00e9e, elle se jette \u00e0 la poubelle, sans trace, sans y repenser.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"#produit\" class=\"btn btn-primary\">Je teste PopoSafe<\/a>\n <a href=\"#comment\" class=\"btn btn-ghost\">Comment \u00e7a marche \u2193<\/a>\n <\/div>\n <div class=\"trust-row\">\n \n <span>\ud83c\udf92 Format poche<\/span>\n <span>\ud83d\udebb Compatible toutes lunettes<\/span>\n <\/div>\n <\/div>\n\n <div class=\"visual-stage\">\n <div class=\"ripple-ring\" style=\"width:120px;height:120px;\"><\/div>\n <div class=\"ripple-ring r2\" style=\"width:120px;height:120px;\"><\/div>\n <div class=\"ripple-ring r3\" style=\"width:120px;height:120px;\"><\/div>\n\n <div class=\"floating-bubble\" style=\"width:14px;height:14px; top:20%; left:15%;\"><\/div>\n <div class=\"floating-bubble\" style=\"width:10px;height:10px; top:70%; left:80%; animation-delay:1.5s;\"><\/div>\n <div class=\"floating-bubble\" style=\"width:18px;height:18px; top:10%; left:75%; animation-delay:3s;\"><\/div>\n\n <div class=\"seat-card\">\n <div class=\"stage-tag stage-before\">AVANT<\/div>\n <svg class=\"toilet-graphic\" viewBox=\"0 0 220 260\" fill=\"none\">\n \n <ellipse cx=\"110\" cy=\"132\" rx=\"96\" ry=\"116\" fill=\"#fff\" stroke=\"#0F3D42\" stroke-width=\"7\"\/>\n <ellipse cx=\"110\" cy=\"132\" rx=\"50\" ry=\"76\" fill=\"#E9F6F7\" stroke=\"#0F3D42\" stroke-width=\"3\"\/>\n \n <rect x=\"92\" y=\"6\" width=\"14\" height=\"20\" rx=\"4\" fill=\"#0F3D42\"\/>\n <rect x=\"114\" y=\"6\" width=\"14\" height=\"20\" rx=\"4\" fill=\"#0F3D42\"\/>\n \n <ellipse class=\"paper-overlay\" cx=\"110\" cy=\"132\" rx=\"96\" ry=\"116\" fill=\"none\" stroke=\"#3FB6C4\" stroke-width=\"16\" stroke-dasharray=\"3 7\" stroke-linecap=\"round\"\/>\n <\/svg>\n <div class=\"stage-tag stage-after\">APR\u00c8S LA CHASSE<\/div>\n <div class=\"cap\">Le film pos\u00e9 sur la lunette<\/div>\n <div class=\"sub\">Vous \u00eates prot\u00e9g\u00e9 <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"pour-qui\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Pour tout le monde<\/span>\n <h2>Une protection pens\u00e9e pour chaque sortie<\/h2>\n <p>Sur la route, en festival ou en famille la m\u00eame s\u00e9r\u00e9nit\u00e9, quel que soit votre \u00e2ge ou votre programme.<\/p>\n <\/div>\n <div class=\"who-grid\">\n <div class=\"who-card\">\n <div class=\"icon-badge\" style=\"background:var(--aqua-light);\">\ud83c\udfaa<\/div>\n <h3>En festival<\/h3>\n <p>Toilettes publiques bond\u00e9es, files d’attente, hygi\u00e8ne incertaine : une protection en 3 secondes, sans y penser deux fois.<\/p>\n <\/div>\n <div class=\"who-card\">\n <div class=\"icon-badge\" style=\"background:#FFE9D1;\">\u2708\ufe0f<\/div>\n <h3>En voyage<\/h3>\n <p>Aires d’autoroute, a\u00e9roports, trains : glissez quelques films dans votre sac et gardez le contr\u00f4le o\u00f9 que vous soyez.<\/p>\n <\/div>\n <div class=\"who-card\">\n <div class=\"icon-badge\" style=\"background:#E3F3D8;\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/div>\n <h3>En famille<\/h3>\n <p>Pour les enfants qui refusent de s’asseoir, comme pour les parents press\u00e9s une solution simple pour tous les \u00e2ges.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section how\" id=\"comment\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Le geste<\/span>\n <h2>Trois gestes, z\u00e9ro contact<\/h2>\n <\/div>\n <div class=\"how-grid\">\n <div class=\"how-connector\"><\/div>\n <div class=\"how-step\">\n <div class=\"num\">1<\/div>\n <h3>D\u00e9pliez<\/h3>\n <p>Sortez le film de son \u00e9tui compact et d\u00e9pliez-le en un geste.<\/p>\n <\/div>\n <div class=\"how-step\">\n <div class=\"num\">2<\/div>\n <h3>Posez<\/h3>\n <p>Placez-le sur la lunette il \u00e9pouse toutes les formes standards.<\/p>\n <\/div>\n <div class=\"how-step\">\n <div class=\"num\">3<\/div>\n <h3>Tirez la chasse<\/h3>\n <p>Le film se jette dans la poubelle.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"produit\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Nos formats<\/span>\n <h2>Un format pour chaque usage<\/h2>\n <p>Sans engagement.<\/p>\n <\/div>\n <div class=\"product-grid\">\n <div class=\"product-card\">\n <span class=\"tag\">D\u00e9couverte<\/span>\n <h3>Pack Poche<\/h3>\n <p style=\"font-size:14px; color:var(--teal); opacity:0.8;\">Pour tester en toute simplicit\u00e9<\/p>\n <div class=\"price\">6,90\u20ac <span>\/ 10 films<\/span><\/div>\n <ul>\n <li>\u2714\ufe0f \u00c9tui de poche discret<\/li>\n <li>\u2714\ufe0f 10 films protecteurs<\/li>\n \n <\/ul>\n <a href=\"https:\/\/poposafe.com\/index.php\/produit\/pack-poche\/\" class=\"btn btn-ghost\">Choisir ce pack<\/a>\n <\/div>\n <div class=\"product-card featured\">\n <span class=\"tag\" style=\"background:var(--coral); color:#fff;\">Le plus choisi<\/span>\n <h3>Pack Voyage<\/h3>\n <p style=\"font-size:14px;\">Le format malin pour ne jamais \u00eatre pris au d\u00e9pourvu<\/p>\n <div class=\"price\">14,90\u20ac <span style=\"color:rgba(255,255,255,0.6);\">\/ 30 films<\/span><\/div>\n <ul>\n <li>\u2714\ufe0f 3 \u00e9tuis de poche<\/li>\n <li>\u2714\ufe0f 30 films protecteurs<\/li>\n <li>\u2714\ufe0f Livraison offerte<\/li>\n \n <\/ul>\n <a href=\"https:\/\/poposafe.com\/index.php\/produit\/pack-voyage\/\" class=\"btn btn-primary\">Choisir ce pack<\/a>\n <\/div>\n <div class=\"product-card\">\n <span class=\"tag\">Grand format<\/span>\n <h3>Pack Festival<\/h3>\n <p style=\"font-size:14px; color:var(--teal); opacity:0.8;\">Pour les longs week-ends loin de chez soi<\/p>\n <div class=\"price\">24,90\u20ac <span>\/ 60 films<\/span><\/div>\n <ul>\n <li>\u2714\ufe0f Pochette \u00e9tanche incluse<\/li>\n <li>\u2714\ufe0f 60 films protecteurs<\/li>\n <li>\u2714\ufe0f Livraison offerte<\/li>\n <\/ul>\n <a href=\"https:\/\/poposafe.com\/index.php\/produit\/pack-festival\/\" class=\"btn btn-ghost\">Choisir ce pack<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"avis\" style=\"background:var(--ice);\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Ils ont test\u00e9<\/span>\n <h2>Ce qu’en disent nos premiers utilisateurs<\/h2>\n <\/div>\n <div class=\"testi-grid\">\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"quote\">Le r\u00e9flexe que j’aurais d\u00fb avoir depuis des ann\u00e9es en festival. \u00c7a tient dans la popoche arri\u00e8re, litt\u00e9ralement.<\/p>\n <div class=\"testi-who\">\u2014 L\u00e9a, 24 ans<\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"quote\">Ma fille refusait toujours de s’asseoir sur les toilettes publiques. Depuis, plus aucun souci sur l’autoroute.<\/p>\n <div class=\"testi-who\">\u2014 Karim, 38 ans<\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"quote\">Simple, pratique, et je n’ai plus \u00e0 faire l’\u00e9quilibriste au-dessus de la lunette pendant mes voyages.<\/p>\n <div class=\"testi-who\">\u2014 Monique, 67 ans<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"faq\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Questions fr\u00e9quentes<\/span>\n <h2>Tout ce qu’il faut savoir<\/h2>\n <\/div>\n <div class=\"faq\">\n <details class=\"faq-item\" open>\n <summary>Le film se dissout-il vraiment compl\u00e8tement ?<\/summary>\n <p>Oui. Fabriqu\u00e9 \u00e0 partir de fibres solubles, il se d\u00e9sagr\u00e8ge int\u00e9gralement au contact prolong\u00e9 de l’eau, sans laisser de r\u00e9sidu ni boucher les canalisations.<\/p>\n <\/details>\n <details class=\"faq-item\">\n <summary>Est-ce compatible avec toutes les toilettes ?<\/summary>\n <p>Le format standard s’adapte \u00e0 la grande majorit\u00e9 des lunettes, qu’elles soient rondes ou allong\u00e9es, en France comme \u00e0 l’\u00e9tranger.<\/p>\n <\/details>\n <details class=\"faq-item\">\n <summary>Est-ce hygi\u00e9nique et sans danger ?<\/summary>\n <p>Le film est fabriqu\u00e9 sans substances irritantes et test\u00e9 pour un contact cutan\u00e9, avec un emballage individuel qui garantit sa propret\u00e9 jusqu’\u00e0 l’usage.<\/p>\n <\/details>\n <details class=\"faq-item\">\n <summary>Combien de temps tient un \u00e9tui de poche ?<\/summary>\n <p>Chaque \u00e9tui compact contient 10 films, soit de quoi couvrir un week-end complet en festival ou plusieurs trajets en voyage.<\/p>\n <\/details>\n <\/div>\n <\/div>\n<\/section>\n\n<section style=\"padding:20px 0 96px;\">\n <div class=\"cta-band\">\n <h2>Ne vous rasseyez plus jamais sans y penser.<\/h2>\n <p>Rejoignez les premiers utilisateurs PopoSafe et voyagez l’esprit tranquille.<\/p>\n <a href=\"#produit\" class=\"btn btn-primary\">Commander mon premier pack<\/a>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div>\n <div class=\"logo\" style=\"margin-bottom:14px;\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 30 30\" fill=\"none\">\n <path d=\"M15 2C10 9 6 13.5 6 18.5C6 23.5 10 27 15 27C20 27 24 23.5 24 18.5C24 13.5 20 9 15 2Z\" fill=\"#3FB6C4\"\/>\n <\/svg>\n PopoSafe\n <\/div>\n <p style=\"font-size:13.5px; color:var(--teal); opacity:0.75; max-width:260px;\">Le film hygi\u00e9nique dissolvable pour s’asseoir sereinement, partout, sans laisser de trace.<\/p>\n <div class=\"newsletter\">\n <input type=\"email\" placeholder=\"Votre email\">\n <a href=\"#\" class=\"btn btn-primary btn-sm\">OK<\/a>\n <\/div>\n <\/div>\n <div>\n <h4>Produit<\/h4>\n <ul>\n <li><a href=\"#produit\">Nos packs<\/a><\/li>\n <li><a href=\"#comment\">Comment \u00e7a marche<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4>Entreprise<\/h4>\n <ul>\n <li><a href=\"#\">Notre histoire<\/a><\/li>\n <li><a href=\"#\">Engagement \u00e9cologique<\/a><\/li>\n <li><a href=\"#\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4>Suivez-nous<\/h4>\n <ul>\n <li><a href=\"#\">Instagram<\/a><\/li>\n <li><a href=\"#\">TikTok<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 PopoSafe. Tous droits r\u00e9serv\u00e9s.<\/span>\n <span>Mentions l\u00e9gales \u00b7 CGV \u00b7 Politique de confidentialit\u00e9<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>PopoSafe \u2014 Z\u00e9ro contact. Z\u00e9ro trace. PopoSafe Le produit Comment \u00e7a marche Avis FAQ Commander Protection W.-C. jetable Le film qui se pose sur la lunette des toilettes.Et qui dispara\u00eet apr\u00e8s. PopoSafe est une fine protection que vous d\u00e9posez sur la lunette des W.-C. publics (ou non) avant de vous asseoir. Une fois la chasse…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":17,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}