IPTV Smarters Pro \u2014 Meilleure Application IPTV 2026 | Streaming HD & 4K<\/title>\n<meta name=\"description\" content=\"IPTV Smarters Pro : la meilleure application IPTV en 2026. Qualit\u00e9 HD & 4K, 20 000+ cha\u00eenes, compatible Android, iOS, Smart TV, Fire Stick. Abonnement IPTV France disponible.\">\n<link rel=\"canonical\" href=\"https:\/\/iptvsmarters-officiel.com\/\">\n<script type=\"application\/ld+json\">\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"SoftwareApplication\",\"name\":\"IPTV Smarters\",\"applicationCategory\":\"MultimediaApplication\",\"operatingSystem\":\"Windows, macOS, Linux, Android, iOS\",\"description\":\"Plateforme de streaming premium avec qualit\u00e9 4K et contenu illimit\u00e9.\",\"offers\":{\"@type\":\"AggregateOffer\",\"lowPrice\":\"0\",\"highPrice\":\"19.99\",\"priceCurrency\":\"EUR\"}}\n<\/script>\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');\nh1,h2,h3,h4,.hero-title,.section-title,.footer-logo,.nav-logo{\n font-family:'Outfit',ui-rounded,-apple-system,'Segoe UI','Roboto','Arial Black',Arial,sans-serif!important;\n font-weight:900!important;\n -webkit-font-smoothing:antialiased!important;\n}\n\n\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\n:root{\n--violet:136,58,234;\n--violet-light:167,106,247;\n--violet-dark:103,30,197;\n--bg:#06050d;\n--bg-card:rgba(255,255,255,0.05);\n--text:#ffffff;\n--text-muted:rgba(255,255,255,0.65);\n--border:rgba(167,139,250,0.2);\n--glow:rgba(var(--violet),.35);\n--glow-strong:rgba(var(--violet),.6);\n--radius:16px;\n--transition:.3s cubic-bezier(.4,0,.2,1);\n}\nhtml{scroll-behavior:smooth;font-size:16px;overflow-x:clip}\nbody{font-family:'Inter',system-ui,sans-serif;background:#06050d;color:var(--text);line-height:1.6;overflow-x:clip;position:relative}\n\n\/* === Global centering & no-horizontal-scroll safety === *\/\nhtml,body{width:100%;max-width:100%;margin:0;padding:0}\nbody{display:block;min-width:0}\nsection,header,footer,main{width:100%;max-width:100%;margin-left:0;margin-right:0}\n.container{margin-left:auto !important;margin-right:auto !important;box-sizing:border-box}\nimg,svg,video{max-width:100%}\n*{box-sizing:border-box}\n\n\n\/* ============== GLOBAL FUTURISTIC BACKGROUND ============== *\/\n.site-bg{\n position:fixed;inset:0;z-index:-1;pointer-events:none;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%,#120c2a 0%,transparent 60%),\n radial-gradient(ellipse 70% 50% at 50% 100%,#0d0820 0%,transparent 60%),\n linear-gradient(180deg,#06050d 0%,#08061a 50%,#06050d 100%);\n overflow:hidden;\n will-change:transform;\n}\n\/* Animated purple grid (parallax target via --bg-y) *\/\n\/* Global grid removed \u2014 each section now owns its own animated grid (no double layer) *\/\n\/* Drifting violet glows *\/\n.site-bg::after{\n content:\"\";position:absolute;inset:0;\n background:\n radial-gradient(circle 500px at 15% 20%,rgba(136,58,234,.18),transparent 60%),\n radial-gradient(circle 600px at 85% 70%,rgba(120,80,255,.15),transparent 60%),\n radial-gradient(circle 400px at 50% 50%,rgba(167,139,250,.08),transparent 60%);\n filter:blur(20px);\n animation:siteGlowDrift 25s ease-in-out infinite alternate;\n will-change:transform,opacity;\n}\n@keyframes siteGlowDrift{\n 0%{transform:translate3d(0,0,0) scale(1);opacity:.85}\n 50%{transform:translate3d(40px,-30px,0) scale(1.05);opacity:1}\n 100%{transform:translate3d(-30px,20px,0) scale(.98);opacity:.9}\n}\n\/* Reduced motion *\/\n@media (prefers-reduced-motion:reduce){\n .site-bg::before,.site-bg::after{animation:none}\n}\n\/* Mobile: simplify for performance *\/\n@media (max-width:768px){\n .site-bg::before{background-size:48px 48px}\n .site-bg::after{filter:blur(30px);animation-duration:35s}\n}\n\n\/* UTILITIES *\/\n.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}\nsection{padding:100px 0;position:relative}\nh1,h2,h3,h4{font-family:'Outfit','Inter',sans-serif;font-weight:700;line-height:1.2}\n.section-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:rgb(var(--violet));background:rgba(var(--violet),.08);padding:6px 16px;border-radius:100px;margin-bottom:16px}\n.section-title{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:16px;color:#fff}\n.section-desc{color:rgba(255,255,255,.7);font-size:clamp(.95rem,2.5vw,1.1rem);max-width:600px;margin:0 auto 48px}\n\/* Sections sitting directly on the dark global bg need light text *\/\nsection h2:not(.cu-title):not(.howto-head h2):not(.compat-head h2):not(.ava-header h2){color:#fff}\n.text-center{text-align:center}\n.text-gradient{background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n\n\/* BUTTONS *\/\n.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:100px;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;border:none;transition:var(--transition);font-family:inherit;text-align:center;justify-content:center}\n.btn-primary{background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)));color:#fff;box-shadow:0 4px 24px var(--glow)}\n.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px var(--glow-strong)}\n.btn-secondary{background:transparent;color:rgb(var(--violet));border:2px solid rgba(var(--violet),.3)}\n.btn-secondary:hover{background:rgba(var(--violet),.06);border-color:rgb(var(--violet))}\n\n\/* ANIMATIONS *\/\n.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}\n.reveal.visible{opacity:1;transform:translateY(0)}\n.reveal-delay-1{transition-delay:.15s}\n.reveal-delay-2{transition-delay:.3s}\n.reveal-delay-3{transition-delay:.45s}\n\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}\n@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px var(--glow)}50%{box-shadow:0 0 50px var(--glow-strong)}}\n@keyframes orbit{from{transform:rotate(0deg) translateX(120px) rotate(0deg)}to{transform:rotate(360deg) translateX(120px) rotate(-360deg)}}\n@keyframes orbit-sm{from{transform:rotate(0deg) translateX(70px) rotate(0deg)}to{transform:rotate(360deg) translateX(70px) rotate(-360deg)}}\n@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}\n\n\/* NAV *\/\nnav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:var(--transition)}\nnav.scrolled{background:rgba(10,8,20,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(167,139,250,.15);padding:10px 0}\nnav .container{display:flex;align-items:center;justify-content:space-between}\n.nav-logo{font-family:'Outfit',sans-serif;font-size:1.4rem;font-weight:800;text-decoration:none;color:#fff;white-space:nowrap}\n.nav-logo span{color:rgb(var(--violet))}\n.nav-links{display:flex;align-items:center;gap:32px;list-style:none}\n.nav-links a{text-decoration:none;color:rgba(255,255,255,0.75);font-size:.9rem;font-weight:500;transition:var(--transition)}\n.nav-links a:hover{color:rgb(var(--violet))}\n.nav-cta{padding:10px 24px!important;font-size:.9rem!important}\n.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}\n.burger span{display:block;width:24px;height:2px;background:#fff;transition:var(--transition)}\n.burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}\n.burger.active span:nth-child(2){opacity:0}\n.burger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}\n\n\/* HERO *\/\n#hero{padding:160px 0 120px;overflow:hidden}\n#hero .container{display:flex;align-items:center;gap:60px}\n.hero-content{flex:1;min-width:0}\n.hero-content h1{font-size:clamp(2.2rem,5.5vw,4rem);margin-bottom:20px;line-height:1.1}\n.hero-content p{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--text-muted);margin-bottom:36px;max-width:500px}\n.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}\n.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative;min-height:400px}\n.hero-orb{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(var(--violet-light),.4),rgba(var(--violet),.15));animation:pulse-glow 4s ease-in-out infinite;position:relative}\n.hero-orb::before{content:'\u25b6';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4rem;color:rgb(var(--violet))}\n.orbit-dot{position:absolute;width:16px;height:16px;border-radius:50%;top:50%;left:50%;margin:-8px}\n.orbit-dot:nth-child(2){background:rgb(var(--violet));animation:orbit 6s linear infinite}\n.orbit-dot:nth-child(3){background:rgb(var(--violet-light));animation:orbit 8s linear infinite reverse;animation-delay:-2s}\n.orbit-dot:nth-child(4){background:rgba(var(--violet),.5);animation:orbit 10s linear infinite;animation-delay:-4s}\n\n\/* COUPON BANNER *\/\n.coupon-banner{background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-dark)));color:#fff;text-align:center;padding:14px 16px;font-weight:600;position:relative;overflow:hidden;font-size:clamp(.8rem,2.5vw,.95rem)}\n.coupon-banner::before{content:'';position:absolute;top:0;left:-200%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 3s infinite}\n.coupon-code{display:inline-block;background:rgba(255,255,255,.2);padding:4px 14px;border-radius:8px;margin-left:8px;font-family:monospace;letter-spacing:2px}\n\n\/* CARDS *\/\n.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:var(--transition);position:relative;overflow:hidden}\n.card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(var(--violet),.1);border-color:rgba(var(--violet),.2)}\n.card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgb(var(--violet)),rgb(var(--violet-light)));transform:scaleX(0);transition:var(--transition);transform-origin:left}\n.card:hover::after{transform:scaleX(1)}\n.card-icon{width:56px;height:56px;border-radius:14px;background:rgba(var(--violet),.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0;margin-left:auto;margin-right:auto}.card-icon svg{width:26px;height:26px}\n.card h3{font-size:1.1rem;margin-bottom:8px;text-align:center;color:#fff}\n.card p{color:rgba(255,255,255,0.65);font-size:.9rem;text-align:center}\n\n.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}\n.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}\n\n\/* PRESENTATION *\/\n#presentation .pres-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}\n.pres-image{width:100%;aspect-ratio:4\/3;border-radius:var(--radius);background:linear-gradient(135deg,rgba(var(--violet),.1),rgba(var(--violet-light),.05));display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.pres-image svg{width:20%;height:auto;min-width:60px;max-width:100px}\n\n\/* STEPS *\/\n.steps{counter-reset:step;max-width:700px;margin:0 auto}\n.step{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--border);counter-increment:step;align-items:flex-start}\n.step::before{content:counter(step);font-family:'Outfit',sans-serif;font-size:1.8rem;font-weight:800;color:rgb(var(--violet));min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(var(--violet),.08);border-radius:14px;flex-shrink:0}\n.step h3{font-size:1.05rem;margin-bottom:4px;color:#fff}\n.step p{color:rgba(255,255,255,0.65);font-size:.9rem}\n\n\/* TABLE *\/\n.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -24px;padding:0 24px}\n.compare-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-card);min-width:520px}\n.compare-table th,.compare-table td{padding:14px 20px;text-align:left;border-bottom:1px solid rgba(167,139,250,.15);color:rgba(255,255,255,.85)}\n.compare-table thead th{background:rgba(var(--violet),.05);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}\n.compare-table thead th:not(:first-child){color:rgb(var(--violet))}\n.compare-table tbody tr:last-child td{border-bottom:none}\n.compare-table .check{color:rgb(var(--violet));font-weight:700;font-size:1.2rem}\n.compare-table .cross{color:#ccc}\n\n\/* PRICING *\/\n.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}\n.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px;text-align:center;transition:var(--transition);position:relative}\n.pricing-card.featured{border-color:rgb(var(--violet));box-shadow:0 10px 50px var(--glow)}\n.pricing-card.featured::before{content:'Populaire';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)));color:#fff;padding:4px 20px;border-radius:100px;font-size:.8rem;font-weight:600}\n.pricing-card h3{font-size:1.2rem;margin-bottom:8px;color:#fff}\n.pricing-card .price{font-size:clamp(2.2rem,5vw,3rem);font-weight:800;margin:16px 0 8px}\n.pricing-card .price span{font-size:1rem;font-weight:400;color:var(--text-muted)}\n.pricing-card ul{list-style:none;text-align:left;margin:24px 0}\n.pricing-card li{padding:10px 0;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.9rem;padding-left:28px;position:relative}\n.pricing-card li::before{content:'\u2713';position:absolute;left:0;color:rgb(var(--violet));font-weight:700}\n.pricing-card .btn{width:100%;margin-top:8px}\n\n\/* DOWNLOAD *\/\n.download-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}\n.dl-card{background:rgba(255,255,255,0.04);border:1px solid rgba(167,139,250,.2);border-radius:var(--radius);padding:28px 16px;text-align:center;transition:var(--transition);cursor:pointer;text-decoration:none;color:#fff}\n.dl-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(var(--violet),.1);border-color:rgba(var(--violet),.3)}\n.dl-card .dl-icon{margin-bottom:12px;display:flex;justify-content:center;align-items:center;width:60px;height:60px;margin-left:auto;margin-right:auto;border-radius:14px;background:rgba(var(--violet),.06)}.dl-card .dl-icon svg{width:32px;height:32px}\n.dl-card h4{font-size:.95rem;margin-bottom:4px}\n.dl-card p{font-size:.8rem;color:var(--text-muted)}\n\n\/* FREE VS PAID *\/\n.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}\n.vs-card{border-radius:var(--radius);padding:36px;border:1px solid var(--border)}\n.vs-card.free{background:var(--bg-card)}\n.vs-card.paid{background:linear-gradient(135deg,rgba(var(--violet),.05),rgba(var(--violet-light),.02));border-color:rgba(var(--violet),.2)}\n.vs-card h3{font-size:1.3rem;margin-bottom:20px;display:flex;align-items:center;gap:10px;justify-content:center}\n.vs-card h3 svg,\n.vs-card h3 .vs-logo{width:28px;height:28px;min-width:24px;flex-shrink:0;object-fit:contain}\n.vs-card ul{list-style:none}\n.vs-card li{padding:12px 0;border-bottom:1px solid rgba(167,139,250,.15);padding-left:28px;position:relative;font-size:.9rem;color:rgba(255,255,255,0.7)}\n.vs-card.free li::before{content:'\u2014';position:absolute;left:0;color:#bbb}\n.vs-card.paid li::before{content:'\u2713';position:absolute;left:0;color:rgb(var(--violet));font-weight:700}\n\n\/* FAQ *\/\n.faq-list{max-width:760px;margin:0 auto}\n.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;background:var(--bg-card);transition:var(--transition)}\n.faq-item:hover{border-color:rgba(var(--violet),.2)}\n.faq-q{padding:18px 20px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:var(--transition);gap:12px;font-size:clamp(.9rem,2.5vw,1rem);color:#fff}\n.faq-q:hover{color:rgb(var(--violet))}\n.faq-q .arrow{transition:var(--transition);font-size:1.2rem;color:var(--text-muted);flex-shrink:0}\n.faq-item.open .faq-q .arrow{transform:rotate(180deg);color:rgb(var(--violet))}\n.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}\n.faq-item.open .faq-a{max-height:300px;padding:0 20px 20px}\n.faq-a p{color:var(--text-muted);font-size:.9rem;line-height:1.7}\n\n\/* CTA FINAL *\/\n#cta-final{background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-dark)));color:#fff;text-align:center;border-radius:var(--radius);margin:0 24px 100px;padding:80px 40px}\n#cta-final h2{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:16px}\n#cta-final p{opacity:.85;font-size:clamp(.95rem,2.5vw,1.1rem);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}\n#cta-final .btn{background:#fff;color:rgb(var(--violet));font-weight:700}\n#cta-final .btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(0,0,0,.2)}\n\n\/* FOOTER *\/\nfooter{background:#0d0d1a;color:#fff;padding:60px 0 30px}\n.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}\n.footer-brand p{color:rgba(255,255,255,.5);margin-top:12px;font-size:.9rem;max-width:280px}\nfooter h4{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;color:rgba(255,255,255,.7)!important}\nfooter ul{list-style:none}\nfooter li{margin-bottom:10px}\nfooter a{color:rgba(255,255,255,.5);text-decoration:none;font-size:.9rem;transition:var(--transition)}\nfooter a:hover{color:#fff}\n.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:rgba(255,255,255,.4);flex-wrap:wrap;gap:8px}\n\n\/* ========== TABLET ========== *\/\n@media(max-width:1024px){\n .grid-3{grid-template-columns:repeat(2,1fr)}\n .grid-4{grid-template-columns:repeat(2,1fr)}\n .pricing-cards{grid-template-columns:repeat(2,1fr)}\n .pricing-card:last-child{grid-column:1\/-1;max-width:400px;margin:0 auto;width:100%}\n .download-cards{grid-template-columns:repeat(3,1fr)}\n .dl-card .dl-icon{width:52px;height:52px}.dl-card .dl-icon svg{width:28px;height:28px}\n .footer-grid{grid-template-columns:2fr 1fr 1fr}\n}\n\n\/* ========== MOBILE ========== *\/\n@media(max-width:768px){\n .container{padding:0 20px}\n section{padding:70px 0}\n h1,h2,h3,h4,.hero-title,.section-title{font-family:'Outfit',ui-rounded,-apple-system,'Segoe UI','Roboto','Arial Black',Arial,sans-serif!important;font-weight:900!important;-webkit-font-smoothing:antialiased!important}\n\n \/* Nav mobile *\/\n .nav-links{\n display:none;position:fixed;top:0;left:0;right:0;bottom:0;\n background:rgba(250,250,254,.98);backdrop-filter:blur(20px);\n flex-direction:column;justify-content:center;align-items:center;\n gap:28px;z-index:999\n }\n .nav-links.open{display:flex}\n .nav-links a{font-size:1.2rem}\n .burger{display:flex;z-index:1001}\n\n \/* Hero mobile *\/\n #hero{padding:130px 0 80px}\n #hero .container{flex-direction:column;text-align:center;gap:40px}\n .hero-content p{margin-left:auto;margin-right:auto}\n .hero-buttons{justify-content:center;width:100%}\n .hero-buttons .btn{flex:1;min-width:140px;padding:14px 20px;font-size:.95rem}\n .hero-visual{min-height:250px}\n .hero-orb{width:180px;height:180px}\n .hero-orb::before{font-size:2.8rem}\n .orbit-dot:nth-child(2){animation-name:orbit-sm}\n .orbit-dot:nth-child(3){animation-name:orbit-sm}\n .orbit-dot:nth-child(4){animation-name:orbit-sm}\n .orbit-dot{width:12px;height:12px;margin:-6px}\n\n \/* Presentation *\/\n #presentation .pres-grid{grid-template-columns:1fr;gap:32px}\n .pres-image{aspect-ratio:16\/9}.pres-image svg{min-width:50px;max-width:80px}\n\n \/* Grids *\/\n .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}\n .card{padding:24px}\n\n \/* Steps *\/\n .step{gap:16px;padding:20px 0}\n .step::before{font-size:1.4rem;min-width:44px;height:44px}\n\n \/* Table *\/\n .compare-table th,.compare-table td{padding:10px 12px;font-size:.8rem}\n\n \/* Pricing *\/\n .pricing-cards{grid-template-columns:1fr}\n .pricing-card{padding:28px}\n .pricing-card:last-child{max-width:none}\n .pricing-card.featured{order:-1}\n\n \/* Download *\/\n .download-cards{grid-template-columns:repeat(2,1fr);gap:12px}\n .dl-card{padding:20px 12px}\n .dl-card .dl-icon{width:52px;height:52px;border-radius:12px}.dl-card .dl-icon svg{width:28px;height:28px}\n\n \/* VS *\/\n .vs-grid{grid-template-columns:1fr;gap:16px}\n .vs-card{padding:28px}\n\n \/* CTA Final *\/\n #cta-final{margin:0 16px 60px;padding:50px 24px;border-radius:14px}\n\n \/* Footer *\/\n .footer-grid{grid-template-columns:1fr 1fr;gap:28px}\n .footer-brand{grid-column:1\/-1}\n .footer-bottom{flex-direction:column;text-align:center;gap:4px}\n}\n\n\/* ========== SMALL MOBILE ========== *\/\n@media(max-width:420px){\n .container{padding:0 16px}\n section{padding:56px 0}\n\n .coupon-banner{padding:12px;font-size:.78rem;line-height:1.5}\n .coupon-code{margin-left:4px;padding:3px 10px;font-size:.75rem}\n\n #hero{padding:110px 0 60px}\n .hero-content h1{font-size:1.9rem}\n .hero-buttons{flex-direction:column;gap:12px}\n .hero-buttons .btn{width:100%;padding:16px;font-size:1rem}\n .hero-visual{min-height:200px}\n .hero-orb{width:150px;height:150px}\n\n .section-title{font-size:1.6rem}\n .section-label{font-size:.7rem;padding:5px 12px}\n\n .card{padding:20px}\n .card-icon{width:48px;height:48px;margin-bottom:12px;border-radius:12px}.card-icon svg{width:22px;height:22px}\n .card h3{font-size:1rem}\n\n .step{flex-direction:column;gap:12px;text-align:center;align-items:center}\n .step::before{margin:0 auto}\n\n .pricing-card{padding:24px}\n .pricing-card .price{font-size:2rem}\n\n .download-cards{grid-template-columns:repeat(2,1fr);gap:10px}\n .dl-card{padding:16px 10px}\n .dl-card .dl-icon{width:44px;height:44px;margin-bottom:6px;border-radius:10px}.dl-card .dl-icon svg{width:24px;height:24px}\n .dl-card h4{font-size:.85rem}\n\n .vs-card{padding:20px}\n .vs-card h3{font-size:1.1rem;margin-bottom:14px}.vs-card h3 svg{width:20px;height:20px;min-width:18px}\n .vs-card li{font-size:.85rem;padding:10px 0 10px 24px}\n\n .faq-q{padding:16px;font-size:.88rem}\n .faq-item.open .faq-a{padding:0 16px 16px}\n .faq-a p{font-size:.85rem}\n\n #cta-final{margin:0 12px 48px;padding:40px 20px}\n #cta-final .btn{padding:16px 28px;font-size:.95rem}\n\n .footer-grid{grid-template-columns:1fr;gap:24px}\n .footer-brand{grid-column:auto}\n}\n\n\/* Touch-friendly: bigger tap targets on mobile *\/\n@media(hover:none) and (pointer:coarse){\n .btn{min-height:48px}\n .faq-q{min-height:52px}\n .dl-card{min-height:100px}\n .nav-links a{min-height:44px;display:flex;align-items:center}\n}\n\n\/* TESTIMONIALS CAROUSEL *\/\n#temoignages{overflow:hidden}\n.carousel-wrapper{position:relative;max-width:900px;margin:0 auto}\n.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}\n.testimonial-card{min-width:100%;padding:0 12px;box-sizing:border-box}\n.testimonial-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px;text-align:left;position:relative}\n.testimonial-inner:hover{border-color:rgba(var(--violet),.2);box-shadow:0 12px 40px rgba(var(--violet),.08)}\n.testi-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}\n.testi-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--violet),.15),rgba(var(--violet-light),.1));display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:rgb(var(--violet));flex-shrink:0}\n.testi-info h4{font-size:1rem;margin-bottom:2px}\n.testi-info p{font-size:.8rem;color:var(--text-muted);margin:0}\n.testi-stars{display:flex;gap:2px;margin-bottom:14px;align-items:center}\n.testi-stars svg.google-icon{width:20px;height:20px;margin-right:8px;flex-shrink:0}\n.testi-stars .star{color:#fbbc04;font-size:1.1rem}\n.testi-text{color:var(--text-muted);font-size:.95rem;line-height:1.7;font-style:italic}\n.testi-text::before{content:'\"';font-size:2rem;font-weight:800;color:rgba(var(--violet),.3);line-height:0;vertical-align:-.3em;margin-right:4px}\n.carousel-controls{display:flex;justify-content:center;gap:12px;margin-top:32px;align-items:center}\n.carousel-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text);transition:var(--transition)}\n.carousel-btn:hover{border-color:rgb(var(--violet));color:rgb(var(--violet));background:rgba(var(--violet),.05)}\n.carousel-dots{display:flex;gap:8px;align-items:center}\n.carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:var(--transition);padding:0}\n.carousel-dot.active{background:rgb(var(--violet));width:28px;border-radius:100px}\n@media(max-width:768px){\n .testimonial-inner{padding:24px}\n .testi-header{gap:12px}\n .testi-avatar{width:44px;height:44px;font-size:1.1rem}\n .testi-text{font-size:.9rem}\n .carousel-btn{width:38px;height:38px}\n}\n@media(max-width:420px){\n .testimonial-inner{padding:20px}\n .testi-info h4{font-size:.9rem}\n .testi-text{font-size:.85rem}\n}\n\n\/* CUSTOM CURSOR *\/\n.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:9999;border-radius:50%;opacity:0;transition:opacity .3s}\n.cursor-dot{width:6px;height:6px;background:rgb(var(--violet));transform:translate(-50%,-50%)}\n.cursor-ring{width:36px;height:36px;border:2px solid rgba(var(--violet),.4);transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s,opacity .3s}\n.cursor-hover .cursor-ring{width:52px;height:52px;border-color:rgba(var(--violet),.7)}\nbody.cursor-ready .cursor-dot,body.cursor-ready .cursor-ring{opacity:1}\n\n\/* LIVING GRID BACKGROUND *\/\n@keyframes grid-pulse{0%,100%{opacity:.03}50%{opacity:.07}}\nbody::before{animation:grid-pulse 8s ease-in-out infinite}\n\n\/* FLOATING PARTICLES *\/\n.particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}\n.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(var(--violet),.15);animation:particle-float linear infinite}\n@keyframes particle-float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-10vh) scale(1);opacity:0}}\n\n\/* ENHANCED REVEAL ANIMATIONS *\/\n.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity .8s ease,transform .8s ease}\n.reveal-left.visible{opacity:1;transform:translateX(0)}\n.reveal-right{opacity:0;transform:translateX(60px);transition:opacity .8s ease,transform .8s ease}\n.reveal-right.visible{opacity:1;transform:translateX(0)}\n.reveal-scale{opacity:0;transform:scale(.85);transition:opacity .8s ease,transform .8s ease}\n.reveal-scale.visible{opacity:1;transform:scale(1)}\n.reveal-rotate{opacity:0;transform:translateY(40px) rotate(-2deg);transition:opacity .8s ease,transform .8s ease}\n.reveal-rotate.visible{opacity:1;transform:translateY(0) rotate(0)}\n\n\/* HERO ENHANCED *\/\n@keyframes hero-text-glow{0%,100%{text-shadow:0 0 20px rgba(var(--violet),.0)}50%{text-shadow:0 0 40px rgba(var(--violet),.15)}}\n.hero-content h1{animation:hero-text-glow 4s ease-in-out infinite}\n@keyframes float-gentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}\n.hero-visual{animation:float-gentle 6s ease-in-out infinite}\n.hero-orb::after{content:'';position:absolute;inset:-20px;border-radius:50%;border:1px solid rgba(var(--violet),.1);animation:orbit-ring 12s linear infinite}\n@keyframes orbit-ring{from{transform:rotate(0)}to{transform:rotate(360deg)}}\n\n\/* BUTTON MICRO-INTERACTIONS *\/\n.btn{position:relative;overflow:hidden}\n.btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transition:width .5s,height .5s,top .5s,left .5s;transform:translate(-50%,-50%)}\n.btn:active::after{width:300px;height:300px}\n.btn-primary{transition:transform .3s,box-shadow .3s,filter .3s}\n.btn-primary:hover{filter:brightness(1.1)}\n.btn-secondary{transition:transform .3s,box-shadow .3s,background .3s,border-color .3s,color .3s}\n.btn-secondary:hover{box-shadow:0 4px 20px rgba(var(--violet),.15)}\n\n\/* CARD ENHANCED HOVER *\/\n.card{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s,border-color .4s}\n.card:hover{transform:translateY(-8px) scale(1.02)}\n.card-icon{transition:transform .4s,background .4s,box-shadow .4s}\n.card:hover .card-icon{transform:scale(1.15) rotate(5deg);background:rgba(var(--violet),.14);box-shadow:0 0 20px rgba(var(--violet),.15)}\n.card:hover .card-icon svg{filter:drop-shadow(0 0 6px rgba(var(--violet),.4))}\n\n\/* NAV LINK UNDERLINE *\/\n.nav-links a{position:relative}\n.nav-links a:not(.btn)::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:rgb(var(--violet));transition:width .3s;border-radius:2px}\n.nav-links a:not(.btn):hover::after{width:100%}\n\n\/* TABLE HOVER *\/\n.compare-table tbody tr{transition:background .3s}\n.compare-table tbody tr:hover{background:rgba(var(--violet),.04)}\n.compare-table .check{transition:transform .3s}\n.compare-table tbody tr:hover .check{transform:scale(1.3)}\n\n\/* PRICING CARD HOVER *\/\n.pricing-card{transition:transform .4s,box-shadow .4s,border-color .4s}\n.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(var(--violet),.12)}\n.pricing-card .btn{transition:transform .3s,box-shadow .3s,filter .3s,background .3s,border-color .3s,color .3s}\n\n\/* DL CARD HOVER *\/\n.dl-card{transition:transform .4s,box-shadow .4s,border-color .4s}\n.dl-card:hover .dl-icon{transform:scale(1.1);transition:transform .3s}\n.dl-card:hover .dl-icon svg{filter:drop-shadow(0 0 8px rgba(var(--violet),.4))}\n\n\/* FAQ HOVER *\/\n.faq-item{transition:border-color .3s,box-shadow .3s}\n.faq-item:hover{box-shadow:0 4px 20px rgba(var(--violet),.06)}\n.faq-item.open{box-shadow:0 8px 30px rgba(var(--violet),.1);border-color:rgba(var(--violet),.25)}\n.faq-q .arrow{transition:transform .4s cubic-bezier(.4,0,.2,1),color .3s}\n\n\/* CAROUSEL ENHANCED *\/\n.carousel-btn{transition:transform .3s,border-color .3s,color .3s,background .3s,box-shadow .3s}\n.carousel-btn:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(var(--violet),.2)}\n.carousel-btn:active{transform:scale(.95)}\n.testimonial-inner{transition:transform .4s,box-shadow .4s,border-color .4s}\n.testimonial-inner:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(var(--violet),.1)}\n\n\/* SECTION LABEL PULSE *\/\n@keyframes label-glow{0%,100%{box-shadow:0 0 0 rgba(var(--violet),0)}50%{box-shadow:0 0 16px rgba(var(--violet),.15)}}\n.section-label{transition:transform .3s;animation:label-glow 3s ease-in-out infinite}\n.section-label:hover{transform:scale(1.05)}\n\n\/* CTA FINAL ENHANCED *\/\n#cta-final{overflow:hidden;position:relative}\n#cta-final::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.05);animation:float-gentle 8s ease-in-out infinite}\n#cta-final::after{content:'';position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.03);animation:float-gentle 10s ease-in-out infinite reverse}\n\n\/* COUPON BANNER PULSE *\/\n.coupon-code{animation:coupon-pulse 2s ease-in-out infinite}\n@keyframes coupon-pulse{0%,100%{box-shadow:0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 12px rgba(255,255,255,.3)}}\n\n\/* GLOW HALOS ON SECTIONS *\/\nsection::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(var(--violet),.03),transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}\n\n\/* SMOOTH SECTION TRANSITIONS *\/\nsection{transition:opacity .3s}\n\n\/* FOOTER LINK HOVER *\/\nfooter a{transition:color .3s,padding-left .3s}\nfooter a:hover{padding-left:4px}\n\n\/* VS CARD HOVER *\/\n.vs-card{transition:transform .4s,box-shadow .4s,border-color .4s}\n.vs-card:hover{transform:translateY(-6px);box-shadow:0 16px 50px rgba(var(--violet),.08)}\n.vs-card.paid:hover{border-color:rgba(var(--violet),.4);box-shadow:0 16px 50px rgba(var(--violet),.15)}\n\n\/* STEP HOVER *\/\n.step{transition:background .3s,padding-left .3s}\n.step:hover{background:rgba(var(--violet),.02);padding-left:8px;border-radius:12px}\n.step::before{transition:transform .3s,box-shadow .3s}\n.step:hover::before{transform:scale(1.1);box-shadow:0 0 16px rgba(var(--violet),.15)}\n\n\/* PRES IMAGE FLOAT *\/\n.pres-image{transition:transform .6s,box-shadow .6s}\n.pres-image:hover{transform:scale(1.03);box-shadow:0 20px 60px rgba(var(--violet),.12)}\n\n\/* PRICE COUNTER ANIMATION *\/\n@keyframes price-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}\n.price-animate{animation:price-pop .6s cubic-bezier(.4,0,.2,1) forwards}\n\n\n\n\/* Make every section transparent so the global animated dark grid shines through.\n Each section keeps its own animated glow\/grid layer for a \"hero-like\" feel,\n while content cards switch to glassmorphism on dark. *\/\n\n\/* ---- Section: Avantages (was white) ---- *\/\n.avantages-light{\n background:transparent !important;\n color:#fff !important;\n border-top:1px solid rgba(167,139,250,.12);\n border-bottom:1px solid rgba(167,139,250,.12);\n}\n.avantages-light::before{\n content:\"\";position:absolute;inset:0;pointer-events:none;z-index:0;\n background:\n radial-gradient(ellipse at 20% 0%, rgba(136,58,234,.22), transparent 55%),\n radial-gradient(ellipse at 80% 100%, rgba(167,139,250,.18), transparent 55%);\n}\n.ava-bg-grid{\n background-image:\n linear-gradient(rgba(167,139,250,.10) 1px, transparent 1px),\n linear-gradient(90deg, rgba(167,139,250,.10) 1px, transparent 1px) !important;\n mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, #000 30%, transparent 80%);\n}\n.ava-glow{opacity:.35 !important;filter:blur(110px) !important}\n.ava-title,.ava-card h3{color:#fff !important}\n.ava-lead,.ava-card p{color:rgba(255,255,255,.72) !important}\n.ava-card{\n background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;\n border:1px solid rgba(167,139,250,.18) !important;\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n box-shadow:0 10px 30px -18px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.05) inset !important;\n}\n.ava-card:hover{\n border-color:rgba(167,139,250,.45) !important;\n background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;\n box-shadow:0 22px 50px -20px rgba(136,58,234,.45), 0 1px 0 rgba(255,255,255,.08) inset !important;\n}\n\n\/* ---- Section: Comment \u00e7a marche (was light gradient) ---- *\/\n.howto-light{\n background:transparent !important;\n border-top:1px solid rgba(167,139,250,.12);\n border-bottom:1px solid rgba(167,139,250,.12);\n}\n.howto-light::before{\n background-image:\n linear-gradient(rgba(167,139,250,.10) 1px,transparent 1px),\n linear-gradient(90deg,rgba(167,139,250,.10) 1px,transparent 1px) !important;\n}\n.howto-light::after{\n background:radial-gradient(circle,rgba(168,85,247,.30) 0%,transparent 70%) !important;\n}\n.howto-head h2,.howto-step h3{color:#fff !important}\n.howto-head p,.howto-step p,.howto-foot{color:rgba(255,255,255,.72) !important}\n.howto-step{\n background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;\n border:1px solid rgba(167,139,250,.18) !important;\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n box-shadow:0 10px 30px -18px rgba(0,0,0,.6) !important;\n}\n.howto-step:hover{\n border-color:rgba(167,139,250,.45) !important;\n background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;\n box-shadow:0 22px 50px -20px rgba(136,58,234,.45) !important;\n}\n\n\/* ---- Generic card surfaces (pricing \/ faq \/ downloads \/ vs \/ testimonials) ---- *\/\n.card,\n.pricing-card,\n.dl-card,\n.vs-card.free,\n.faq-item,\n.testimonial-inner,\n.compare-table{\n background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;\n border:1px solid rgba(167,139,250,.18) !important;\n color:#fff;\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n}\n.vs-card.paid{\n background:linear-gradient(135deg, rgba(136,58,234,.18), rgba(167,139,250,.06)) !important;\n border-color:rgba(167,139,250,.35) !important;\n}\n.vs-card h3{color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important}\n.compare-table thead th{background:rgba(136,58,234,.18) !important;color:#fff}\n.compare-table td,.compare-table th{color:rgba(255,255,255,.85)}\n.faq-q{color:#fff}\n.faq-a p,.pricing-card li,.pricing-card .price span,.testimonial-inner p,.dl-card{color:rgba(255,255,255,.78) !important}\n.pricing-card li{border-bottom:1px solid rgba(255,255,255,.08) !important}\n.carousel-btn{\n background:rgba(255,255,255,.06) !important;\n border:1px solid rgba(167,139,250,.25) !important;\n color:#fff !important;\n}\n.carousel-btn:hover{background:rgba(167,139,250,.18) !important}\n\n\/* Footer blends with global dark bg *\/\nfooter{background:transparent !important;border-top:1px solid rgba(167,139,250,.14)}\n\n\/* Subtle separator between sections for continuity *\/\nsection + section::before{\n content:\"\";position:absolute;left:0;right:0;top:0;height:1px;\n background:linear-gradient(90deg, transparent, rgba(167,139,250,.25), transparent);\n pointer-events:none;z-index:1;\n}\n\n\/* ===== Per-section animated grid (futuristic, hero-style) ===== *\/\nsection{position:relative;isolation:isolate}\nsection > *{position:relative;z-index:2}\nsection::after{\n content:\"\";\n position:absolute;inset:0;\n pointer-events:none;\n z-index:0;\n background-image:\n linear-gradient(rgba(167,139,250,.09) 1px, transparent 1px),\n linear-gradient(90deg, rgba(167,139,250,.09) 1px, transparent 1px);\n background-size:54px 54px;\n background-position:0 0, 0 0;\n mask-image:radial-gradient(ellipse 90% 70% at 50% 50%, #000 35%, transparent 85%);\n -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 50%, #000 35%, transparent 85%);\n animation:sectionGridDrift 28s linear infinite;\n will-change:background-position;\n}\n@keyframes sectionGridDrift{\n 0%{background-position:0 0, 0 0}\n 100%{background-position:54px 54px, 54px 54px}\n}\n\n\/* Sections with their OWN grid \u2192 disable the universal one to avoid double layer *\/\n#hero::after,\n#presentation::after,\n#avantages::after,\n#compatibilite::after,\n#fonctionnement::after,\n#cta-final::after{\n content:none !important;\n background-image:none !important;\n animation:none !important;\n mask-image:none !important;-webkit-mask-image:none !important;\n}\n\n@media(max-width:768px){\n section::after{background-size:42px 42px;animation-duration:40s}\n}\n@media(prefers-reduced-motion:reduce){\n section::after{animation:none}\n}\n\n\n\/* ===== Apple-style separated topbar + floating glass navbar ===== *\/\n.topbar{\n position:fixed;top:0;left:0;right:0;z-index:1001;\n background:rgba(8,6,16,.92);\n color:rgba(255,255,255,.78);\n border-bottom:1px solid rgba(255,255,255,.06);\n backdrop-filter:saturate(180%) blur(20px);\n -webkit-backdrop-filter:saturate(180%) blur(20px);\n font-size:.78rem;\n letter-spacing:.01em;\n height:36px;\n display:flex;align-items:center;\n transform:translateY(0);\n transition:transform .35s cubic-bezier(.4,0,.2,1), opacity .3s ease;\n will-change:transform;\n}\nbody.is-scrolled .topbar{transform:translateY(-100%);opacity:0;pointer-events:none}\n.topbar-inner{\n width:100%;max-width:1280px;margin:0 auto;padding:0 24px;\n display:flex;align-items:center;justify-content:space-between;gap:20px;\n}\n.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6)}\n.topbar-left{font-weight:500}\n.topbar-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulseDot 1.8s ease-in-out infinite}\n.topbar-promo{\n display:flex;align-items:center;gap:8px;\n font-weight:500;color:#fff;\n}\n.topbar-promo strong{color:rgb(var(--violet-light));font-weight:700}\n.topbar .coupon-code{\n background:rgba(var(--violet),.2);\n border:1px solid rgba(var(--violet-light),.35);\n padding:2px 10px;border-radius:6px;font-family:'JetBrains Mono',monospace;\n letter-spacing:1.5px;font-size:.72rem;color:#fff;margin-left:0;\n animation:none;\n}\n.topbar-right a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s}\n.topbar-right a:hover{color:#fff}\n.topbar-sep{opacity:.4}\n\n\/* ===== Floating GREY GLASS navbar (trend 2025) ===== *\/\n@keyframes navSlideDown{\n from{opacity:0;transform:translateY(-20px)}\n to{opacity:1;transform:translateY(0)}\n}\n@keyframes navShine{\n 0%{background-position:-200% 0}\n 100%{background-position:200% 0}\n}\n@keyframes mobileMenuIn{\n from{opacity:0;transform:translateY(-12px) scale(.98)}\n to{opacity:1;transform:translateY(0) scale(1)}\n}\n@keyframes mobileLinkIn{\n from{opacity:0;transform:translateX(-12px)}\n to{opacity:1;transform:translateX(0)}\n}\n\nnav.nav-floating{\n position:fixed;top:50px;left:0;right:0;z-index:1000;\n background:transparent!important;border:0!important;padding:0!important;\n display:flex;justify-content:center;\n transition:top .35s cubic-bezier(.4,0,.2,1);\n animation:navSlideDown .6s cubic-bezier(.16,1,.3,1) both;\n}\nnav.nav-floating.scrolled{top:14px}\n\n.nav-shell{\n position:relative;\n display:flex;align-items:center;justify-content:space-between;gap:28px;\n width:min(1180px, calc(100% - 32px));\n padding:10px 14px 10px 22px;\n border-radius:999px;\n \/* GREY GLASS: cool neutral with subtle tint *\/\n background:linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(180,185,200,.05) 50%, rgba(255,255,255,.06) 100%);\n border:1px solid rgba(255,255,255,.12);\n backdrop-filter:saturate(180%) blur(28px);\n -webkit-backdrop-filter:saturate(180%) blur(28px);\n box-shadow:\n 0 8px 32px -8px rgba(0,0,0,.4),\n 0 1px 0 0 rgba(255,255,255,.08) inset,\n 0 -1px 0 0 rgba(0,0,0,.2) inset;\n transition:all .4s cubic-bezier(.4,0,.2,1);\n overflow:hidden;\n}\n\/* Animated shine sweep across glass *\/\n.nav-shell::before{\n content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;\n background:linear-gradient(110deg, transparent 30%, rgba(255,255,255,.08) 50%, transparent 70%);\n background-size:200% 100%;\n animation:navShine 6s linear infinite;\n opacity:.6;\n}\nnav.nav-floating.scrolled .nav-shell{\n background:linear-gradient(135deg, rgba(20,20,28,.65) 0%, rgba(35,35,45,.55) 50%, rgba(20,20,28,.65) 100%);\n border-color:rgba(255,255,255,.14);\n box-shadow:\n 0 16px 48px -12px rgba(0,0,0,.7),\n 0 1px 0 0 rgba(255,255,255,.1) inset,\n 0 0 30px rgba(var(--violet),.14);\n}\n\n.nav-logo{\n position:relative;z-index:2;\n display:inline-flex;align-items:center;gap:8px;\n font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight:700;\n color:#fff;text-decoration:none;letter-spacing:-.01em;white-space:nowrap;\n transition:transform .3s cubic-bezier(.16,1,.3,1);\n}\n.nav-logo:hover{transform:scale(1.03)}\n.logo-mark{\n display:inline-flex;align-items:center;justify-content:center;\n width:30px;height:30px;border-radius:10px;font-size:.7rem;\n background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)));\n color:#fff;box-shadow:0 4px 14px rgba(var(--violet),.55), 0 0 0 1px rgba(255,255,255,.15) inset;\n transition:transform .4s cubic-bezier(.16,1,.3,1);\n}\n.nav-logo:hover .logo-mark{transform:rotate(-8deg) scale(1.08)}\n.logo-accent{color:rgb(var(--violet-light))}\n\n.nav-floating .nav-links{\n position:relative;z-index:2;\n display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;\n}\n.nav-floating .nav-links a{\n position:relative;display:inline-block;\n padding:9px 16px;border-radius:999px;\n color:rgba(255,255,255,.78);font-size:.88rem;font-weight:500;\n text-decoration:none;\n transition:color .25s ease, background .3s ease, transform .25s ease;\n}\n.nav-floating .nav-links a::before{\n content:\"\";position:absolute;inset:0;border-radius:inherit;\n background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));\n border:1px solid rgba(255,255,255,.08);\n opacity:0;transform:scale(.9);\n transition:opacity .3s ease, transform .3s cubic-bezier(.16,1,.3,1);\n}\n.nav-floating .nav-links a:hover{color:#fff;transform:translateY(-1px)}\n.nav-floating .nav-links a:hover::before{opacity:1;transform:scale(1)}\n.nav-floating .nav-links a.active{color:#fff}\n.nav-floating .nav-links a.active::before{opacity:1;transform:scale(1);background:linear-gradient(135deg,rgba(var(--violet),.25),rgba(var(--violet-light),.12));border-color:rgba(var(--violet-light),.3)}\n.nav-floating .nav-links a.active:hover{color:#fff;transform:translateY(-1px)}\n.nav-floating .nav-links a.active:hover::before{background:linear-gradient(135deg,rgba(var(--violet),.4),rgba(var(--violet-light),.2));border-color:rgba(var(--violet-light),.5);opacity:1;transform:scale(1)}\n.nav-floating .nav-links a::after{display:none!important}\n\n.nav-actions{position:relative;z-index:2;display:flex;align-items:center;gap:10px}\n.nav-floating .nav-cta{\n padding:9px 20px!important;font-size:.85rem!important;\n border-radius:999px!important;\n background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)))!important;\n color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;\n box-shadow:0 6px 20px -4px rgba(var(--violet),.6), 0 0 0 1px rgba(255,255,255,.1) inset!important;\n transition:all .3s cubic-bezier(.16,1,.3,1)!important;\n}\n.nav-floating .nav-cta:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.1);box-shadow:0 12px 30px -6px rgba(var(--violet),.85)!important}\n\n\/* GREY GLASS BURGER *\/\n.nav-floating .burger{\n display:none;position:relative;z-index:2;\n width:42px;height:42px;border-radius:50%;\n background:linear-gradient(135deg, rgba(255,255,255,.1), rgba(180,185,200,.06));\n border:1px solid rgba(255,255,255,.14);\n backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n cursor:pointer;padding:0;\n align-items:center;justify-content:center;flex-direction:column;gap:5px;\n transition:all .3s cubic-bezier(.16,1,.3,1);\n box-shadow:0 4px 12px -4px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.08) inset;\n}\n.nav-floating .burger:hover{transform:scale(1.06);background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(180,185,200,.1))}\n.nav-floating .burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .35s cubic-bezier(.16,1,.3,1), opacity .25s ease}\n.nav-floating .burger.active{background:linear-gradient(135deg, rgba(var(--violet),.3), rgba(var(--violet-light),.2));border-color:rgba(var(--violet-light),.4)}\n.nav-floating .burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}\n.nav-floating .burger.active span:nth-child(2){opacity:0;transform:translateX(-10px)}\n.nav-floating .burger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}\n\n\/* Push hero down to account for topbar+nav *\/\n.hero-futuristic{padding-top:170px!important}\n\n\/* ===== TABLET ===== *\/\n@media(max-width:980px){\n \/* D\u00e9sactive l'overflow hidden du shell sur mobile pour lib\u00e9rer le menu d\u00e9roulant *\/\n .nav-floating .nav-shell{overflow:visible!important}\n .nav-floating .nav-shell::before{\n \/* Maintient le shine sweep contenu dans la pill malgr\u00e9 l'overflow visible *\/\n border-radius:inherit;\n overflow:hidden;\n -webkit-mask-image:-webkit-radial-gradient(white, black);\n }\n\n \/* Menu - r\u00e8gles communes (qu'il soit dans nav-shell ou d\u00e9tach\u00e9 dans body) *\/\n .nav-floating .nav-links,\n ul.nav-links--detached{\n position:fixed!important;\n top:calc(50px + 70px)!important;\n bottom:auto!important;\n left:16px!important;\n right:16px!important;\n flex-direction:column!important;\n align-items:stretch!important;\n justify-content:flex-start!important;\n gap:6px!important;\n padding:18px!important;\n border-radius:24px!important;\n \/* GREY GLASS dropdown *\/\n background:linear-gradient(135deg, rgba(28,28,38,.96) 0%, rgba(38,38,50,.94) 100%)!important;\n border:1px solid rgba(255,255,255,.12)!important;\n backdrop-filter:saturate(180%) blur(28px)!important;-webkit-backdrop-filter:saturate(180%) blur(28px)!important;\n box-shadow:\n 0 24px 60px -10px rgba(0,0,0,.7),\n 0 1px 0 rgba(255,255,255,.08) inset!important;\n display:none!important;\n transform-origin:top center;\n z-index:1002!important;\n margin:0!important;\n width:auto!important;\n max-width:none!important;\n height:auto!important;\n max-height:calc(100vh - 140px);\n overflow-y:auto;\n list-style:none!important;\n }\n body.is-scrolled .nav-floating .nav-links,\n body.is-scrolled ul.nav-links--detached{top:calc(14px + 70px)!important}\n\n .nav-floating .nav-links.open,\n ul.nav-links--detached.open{\n display:flex!important;\n animation:mobileMenuIn .35s cubic-bezier(.16,1,.3,1) both;\n }\n\n .nav-floating .nav-links.open li,\n ul.nav-links--detached.open li{\n animation:mobileLinkIn .4s cubic-bezier(.16,1,.3,1) both;\n }\n .nav-floating .nav-links.open li:nth-child(1),\n ul.nav-links--detached.open li:nth-child(1){animation-delay:.05s}\n .nav-floating .nav-links.open li:nth-child(2),\n ul.nav-links--detached.open li:nth-child(2){animation-delay:.1s}\n .nav-floating .nav-links.open li:nth-child(3),\n ul.nav-links--detached.open li:nth-child(3){animation-delay:.15s}\n .nav-floating .nav-links.open li:nth-child(4),\n ul.nav-links--detached.open li:nth-child(4){animation-delay:.2s}\n\n \/* Liens dans le menu mobile *\/\n .nav-floating .nav-links a,\n ul.nav-links--detached a{\n display:block!important;\n padding:14px 18px!important;\n font-size:.95rem!important;\n text-align:left!important;\n color:rgba(255,255,255,.85)!important;\n background:rgba(255,255,255,.03)!important;\n border:1px solid rgba(255,255,255,.06)!important;\n border-radius:12px!important;\n text-decoration:none!important;\n transition:all .25s ease!important;\n }\n .nav-floating .nav-links a:hover,\n ul.nav-links--detached a:hover{\n color:#fff!important;\n background:rgba(167,139,250,.12)!important;\n border-color:rgba(167,139,250,.25)!important;\n transform:translateX(2px);\n }\n .nav-floating .nav-links a.active,\n ul.nav-links--detached a.active{\n color:#fff!important;\n background:linear-gradient(135deg,rgba(var(--violet),.25),rgba(var(--violet-light),.12))!important;\n border-color:rgba(var(--violet-light),.3)!important;\n }\n\n \/* Reset li puces *\/\n ul.nav-links--detached li{list-style:none;margin:0;padding:0}\n\n .nav-floating .burger{display:flex}\n}\n\n\/* ===== MOBILE (\u2264768px) ===== *\/\n@media(max-width:768px){\n \/* Topbar: keep only the promo on a single compact line *\/\n .topbar{height:32px;padding:0;font-size:.7rem}\n .topbar-inner{padding:0 12px;gap:8px;justify-content:center;flex-wrap:nowrap}\n .topbar-left,.topbar-right{display:none}\n .topbar-promo{\n font-size:.7rem;gap:6px;\n white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\n max-width:100%;\n }\n .topbar .coupon-code{padding:1px 8px;font-size:.65rem;letter-spacing:1px}\n\n \/* Navbar pushed below topbar *\/\n nav.nav-floating{top:38px}\n nav.nav-floating.scrolled{top:8px}\n .nav-shell{\n padding:6px 6px 6px 14px;gap:8px;\n width:calc(100% - 16px);\n border-radius:18px;\n }\n .nav-logo{font-size:.95rem}\n .logo-mark{width:28px;height:28px;font-size:.65rem}\n .nav-actions{gap:6px}\n .nav-floating .nav-cta{padding:8px 14px!important;font-size:.78rem!important}\n .nav-floating .burger{width:38px;height:38px}\n .hero-futuristic{padding-top:140px!important}\n\n \/* Mobile dropdown menu \u2014 fits viewport *\/\n .nav-floating .nav-links{\n left:8px;right:8px;\n padding:14px;border-radius:20px;\n max-height:calc(100vh - 120px);overflow-y:auto;\n }\n}\n\n\/* ===== SMALL MOBILE (\u2264480px) ===== *\/\n@media(max-width:480px){\n .topbar{height:30px;font-size:.65rem}\n .topbar-promo{font-size:.66rem}\n .topbar-promo strong{font-size:.7rem}\n nav.nav-floating{top:36px}\n .nav-shell{padding:5px 5px 5px 12px;gap:6px;width:calc(100% - 12px);border-radius:16px}\n .nav-logo{font-size:.88rem;gap:6px}\n .logo-mark{width:26px;height:26px;font-size:.6rem;border-radius:8px}\n .nav-floating .nav-cta{padding:7px 12px!important;font-size:.74rem!important}\n .nav-floating .burger{width:34px;height:34px}\n .nav-floating .burger span{width:14px}\n .hero-futuristic{padding-top:130px!important}\n}\n\n\/* ===== EXTRA SMALL (\u2264360px) \u2014 hide CTA, keep just logo + burger ===== *\/\n@media(max-width:360px){\n .logo-accent{display:none}\n .nav-floating .nav-cta{display:none!important}\n .nav-shell{padding:5px 5px 5px 10px;gap:4px}\n}\n\n\n\/* ===== Futuristic Hero ===== *\/\n.hero-futuristic{\n position:relative;\n min-height:100vh;\n padding:160px 0 240px;\n overflow:visible;\n background:\n radial-gradient(ellipse at top, rgba(var(--violet),.18), transparent 60%),\n linear-gradient(180deg, #07060d 0%, #0b0814 45%, #120a26 75%, #1a0f33 100%);\n color:#fff;\n isolation:isolate;\n}\n.hero-futuristic .hero-bg{border-radius:0 0 0 0}\n\/* No fade needed - next section is also dark *\/\n.hero-futuristic::after{display:none}\n\n.hero-futuristic .container{position:relative;z-index:2}\n.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}\n.hero-grid{\n position:absolute;inset:-2px;\n background-image:\n linear-gradient(rgba(150,120,255,.09) 1px, transparent 1px),\n linear-gradient(90deg, rgba(150,120,255,.09) 1px, transparent 1px);\n background-size:54px 54px;\n mask-image:radial-gradient(ellipse 80% 70% at 50% 40%, #000 40%, transparent 90%);\n -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%, #000 40%, transparent 90%);\n animation:gridShift 18s linear infinite;\n}\n@keyframes gridShift{\n 0%{transform:translate3d(0,0,0)}\n 100%{transform:translate3d(54px,54px,0)}\n}\n.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}\n.hero-glow-1{\n width:520px;height:520px;\n background:radial-gradient(circle, rgba(var(--violet),.7), transparent 70%);\n top:-120px;left:-100px;\n animation:floatGlow 14s ease-in-out infinite;\n}\n.hero-glow-2{\n width:600px;height:600px;\n background:radial-gradient(circle, rgba(120,80,255,.5), transparent 70%);\n bottom:-200px;right:-150px;\n animation:floatGlow 18s ease-in-out infinite reverse;\n}\n@keyframes floatGlow{\n 0%,100%{transform:translate(0,0) scale(1)}\n 50%{transform:translate(40px,-30px) scale(1.08)}\n}\n.hero-scan{\n position:absolute;left:0;right:0;height:1px;\n background:linear-gradient(90deg, transparent, rgba(var(--violet-light),.6), transparent);\n top:0; opacity:.5;\n animation:scanLine 6s linear infinite;\n}\n@keyframes scanLine{\n 0%{top:10%; opacity:0}\n 10%{opacity:.6}\n 90%{opacity:.6}\n 100%{top:90%; opacity:0}\n}\n\n#hero .hero-inner{\n display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;\n gap:28px;max-width:1200px;margin:0 auto;\n}\n\/* === Two-column hero layout: text left, image right === *\/\n#hero .hero-split{\n width:100%;\n display:grid!important;\n grid-template-columns:1fr 1fr;\n gap:60px;\n align-items:center;\n}\n#hero .hero-text-col{\n display:flex;flex-direction:column;align-items:flex-start;text-align:left;\n gap:24px;\n}\n#hero .hero-image-col{\n display:flex;justify-content:center;align-items:center;\n position:relative;\n}\n#hero .hero-text-col .hero-desc{margin:0;max-width:none;text-align:left}\n#hero .hero-text-col .hero-buttons{justify-content:flex-start!important;margin-top:4px}\n#hero .hero-image-col .hero-showcase{margin:0;max-width:100%}\n@media (max-width:900px){\n #hero .hero-split{grid-template-columns:1fr!important;gap:48px}\n #hero .hero-text-col{align-items:center;text-align:center}\n #hero .hero-text-col .hero-desc{text-align:center}\n #hero .hero-text-col .hero-buttons{justify-content:center!important;width:100%}\n}\n.hero-badge{\n display:inline-flex;align-items:center;gap:10px;\n padding:8px 16px;border-radius:999px;\n background:rgba(255,255,255,.04);\n border:1px solid rgba(255,255,255,.1);\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n font-size:.85rem;color:rgba(255,255,255,.85);\n box-shadow:0 0 30px rgba(var(--violet),.15) inset;\n}\n.badge-dot{\n width:8px;height:8px;border-radius:50%;\n background:rgb(var(--violet-light));\n box-shadow:0 0 12px rgb(var(--violet-light));\n animation:pulseDot 1.8s ease-in-out infinite;\n}\n@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}\n\n.hero-title{\n font-size:clamp(1.7rem, 3.5vw, 2.8rem);\n line-height:1.15;font-weight:800;letter-spacing:-.02em;\n background:linear-gradient(180deg, #fff 0%, rgba(255,255,255,.7) 100%);\n -webkit-background-clip:text;background-clip:text;color:transparent;\n margin:0;\n}\n.hero-title .hero-sep{color:rgba(var(--violet-light),.8);font-weight:400}\n.hero-title .text-gradient{\n background:linear-gradient(120deg, rgb(var(--violet-light)), #c9b6ff 50%, rgb(var(--violet)));\n -webkit-background-clip:text;background-clip:text;color:transparent;\n filter:drop-shadow(0 0 20px rgba(var(--violet),.4));\n}\n.hero-desc{\n font-size:clamp(1rem, 1.4vw, 1.15rem);\n color:rgba(255,255,255,.65);\n max-width:720px;margin:0;line-height:1.7;\n}\n\n.hero-futuristic .hero-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}\n.hero-futuristic .btn-primary{\n background:linear-gradient(135deg, rgb(var(--violet)), rgb(var(--violet-light)));\n border:1px solid rgba(255,255,255,.15);\n color:#fff;padding:14px 28px;border-radius:14px;font-weight:600;\n box-shadow:0 10px 40px -10px rgba(var(--violet),.7), 0 0 0 1px rgba(255,255,255,.05) inset;\n transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\n}\n.hero-futuristic .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 16px 50px -10px rgba(var(--violet),.9)}\n.btn-glass{\n background:rgba(255,255,255,.06);\n border:1px solid rgba(255,255,255,.14);\n backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);\n color:#fff;padding:14px 28px;border-radius:14px;font-weight:600;\n transition:all .25s ease;\n}\n.btn-glass:hover{background:rgba(255,255,255,.1);border-color:rgba(var(--violet-light),.5);transform:translateY(-2px);box-shadow:0 0 30px rgba(var(--violet),.25)}\n\n.hero-glass-card{\n margin-top:30px;width:100%;max-width:760px;\n background:rgba(255,255,255,.04);\n border:1px solid rgba(255,255,255,.1);\n backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);\n border-radius:22px;padding:22px 28px;\n box-shadow:0 20px 60px -20px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.04) inset;\n position:relative;overflow:hidden;\n}\n.hero-glass-card::before{\n content:\"\";position:absolute;inset:0;border-radius:22px;\n background:linear-gradient(120deg, transparent 30%, rgba(var(--violet-light),.15) 50%, transparent 70%);\n background-size:200% 100%;animation:shine 6s linear infinite;pointer-events:none;\n}\n@keyframes shine{0%{background-position:200% 0}100%{background-position:-200% 0}}\n.glass-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}\n.glass-stat{display:flex;flex-direction:column;align-items:center;flex:1;min-width:110px}\n.glass-stat strong{font-size:1.6rem;font-weight:700;background:linear-gradient(180deg,#fff,rgba(var(--violet-light),.9));-webkit-background-clip:text;background-clip:text;color:transparent}\n.glass-stat span{font-size:.8rem;color:rgba(255,255,255,.55);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}\n.glass-divider{width:1px;height:36px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent)}\n\n\n\/* Hero showcase image *\/\n.hero-showcase{position:relative;width:100%;max-width:880px;margin:20px auto 0;perspective:1400px}\n.showcase-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at center, rgba(var(--violet),.45), transparent 65%);filter:blur(40px);z-index:0;animation:floatGlow 10s ease-in-out infinite}\n.showcase-frame{\n position:relative;z-index:1;border-radius:24px;overflow:hidden;\n border:1px solid rgba(255,255,255,.12);\n background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));\n backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);\n box-shadow:\n 0 30px 80px -20px rgba(0,0,0,.7),\n 0 0 60px -10px rgba(var(--violet),.45),\n 0 0 0 1px rgba(255,255,255,.05) inset;\n transform:rotateX(6deg);\n transition:transform .6s ease, box-shadow .6s ease;\n animation:floatY 7s ease-in-out infinite;\n}\n.showcase-frame:hover{transform:rotateX(0deg) translateY(-4px);box-shadow:0 40px 100px -20px rgba(0,0,0,.8),0 0 90px -10px rgba(var(--violet),.7)}\n.showcase-img{display:block;width:100%;height:auto}\n.showcase-reflection{position:absolute;inset:0;background:linear-gradient(120deg, transparent 40%, rgba(255,255,255,.08) 50%, transparent 60%);background-size:200% 100%;animation:shine 7s linear infinite;pointer-events:none}\n@keyframes floatY{0%,100%{transform:rotateX(6deg) translateY(0)}50%{transform:rotateX(6deg) translateY(-12px)}}\n.showcase-chip{\n position:absolute;z-index:2;\n display:inline-flex;align-items:center;gap:8px;\n padding:10px 16px;border-radius:999px;font-size:.82rem;font-weight:500;color:#fff;\n background:rgba(20,12,40,.65);\n border:1px solid rgba(var(--violet-light),.35);\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n box-shadow:0 10px 30px -10px rgba(0,0,0,.6), 0 0 20px rgba(var(--violet),.25);\n white-space:nowrap;\n}\n.chip-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulseDot 1.6s ease-in-out infinite}\n.showcase-chip-1{top:14%;left:-30px;animation:floatChip 6s ease-in-out infinite}\n.showcase-chip-2{top:48%;right:-40px;animation:floatChip 7s ease-in-out infinite .8s}\n.showcase-chip-3{bottom:14%;left:6%;animation:floatChip 8s ease-in-out infinite .4s}\n@keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n@media(max-width:768px){\n .showcase-chip{font-size:.72rem;padding:8px 12px}\n .showcase-chip-1{left:-10px}\n .showcase-chip-2{right:-10px}\n .showcase-chip-3{left:4%}\n .showcase-frame{transform:rotateX(0deg);animation:none}\n}\n\n@media(max-width:768px){\n .hero-futuristic{min-height:auto;padding:130px 0 180px}\n .hero-glass-card{padding:18px}\n .glass-stat strong{font-size:1.3rem}\n .glass-divider{display:none}\n \/* Stronger, taller fade on tablet for visible dark\u2192white *\/\n \n}\n@media(max-width:420px){\n .hero-futuristic{padding:120px 0 150px}\n \n}\n\n\n.presentation-futuristic{position:relative;padding:140px 0 120px;background:#07060d;overflow:hidden;z-index:2}\n.pres-bg{position:absolute;inset:0;z-index:0;pointer-events:none}\n.pres-grid-bg{\n position:absolute;inset:0;\n background-image:\n linear-gradient(rgba(136,58,234,.10) 1px,transparent 1px),\n linear-gradient(90deg,rgba(136,58,234,.10) 1px,transparent 1px);\n background-size:56px 56px;\n mask-image:radial-gradient(ellipse at center,#000 35%,transparent 80%);\n -webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 80%);\n animation:pres-grid-pulse 8s ease-in-out infinite;\n}\n@keyframes pres-grid-pulse{0%,100%{opacity:.6}50%{opacity:1}}\n.pres-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.55}\n.pres-glow-1{width:520px;height:520px;background:radial-gradient(circle,rgba(136,58,234,.55),transparent 70%);top:-140px;left:-140px}\n.pres-glow-2{width:560px;height:560px;background:radial-gradient(circle,rgba(167,109,255,.45),transparent 70%);bottom:-180px;right:-160px}\n.pres-glow-3{width:380px;height:380px;background:radial-gradient(circle,rgba(108,43,217,.35),transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%)}\n.pres-inner{position:relative;z-index:2}\n\n.pres-header{max-width:880px;margin:0 auto 70px;text-align:center}\n.presentation-futuristic .section-title{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.15;margin:14px 0 22px;letter-spacing:-.02em;color:#fff}\n.pres-lead{font-size:1.08rem;line-height:1.7;color:rgba(255,255,255,.72);margin:0 auto;max-width:720px}\n\n.presentation-futuristic .pres-grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:70px;align-items:center}\n\n.pres-visual-wrap{position:relative;width:100%;aspect-ratio:1\/1;max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:center}\n.pres-visual-stage{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch;animation:presStageFloat 8s ease-in-out infinite}\n.pres-visual-stage > img{width:100%;height:100%;object-fit:cover;border-radius:24px;filter:drop-shadow(0 30px 60px rgba(136,58,234,.45))}\n.pres-visual-aura{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,rgba(167,109,255,.45),rgba(136,58,234,.15) 40%,transparent 70%);filter:blur(40px);animation:presAura 7s ease-in-out infinite;pointer-events:none}\n.pres-visual-orbit{position:absolute;inset:6%;border:1px dashed rgba(167,109,255,.35);border-radius:50%;animation:presOrbit 22s linear infinite;pointer-events:none}\n.pres-visual-orbit::before{content:\"\";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:rgba(167,109,255,.9);box-shadow:0 0 18px rgba(167,109,255,.9)}\n.pres-visual-orbit--2{inset:-4%;border-color:rgba(136,58,234,.25);animation:presOrbit 32s linear infinite reverse}\n.pres-visual-orbit--2::before{background:rgba(136,58,234,.9);box-shadow:0 0 18px rgba(136,58,234,.9)}\n@keyframes presStageFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}\n@keyframes presAura{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}\n@keyframes presOrbit{to{transform:rotate(360deg)}}\n@media (prefers-reduced-motion:reduce){.pres-visual-stage,.pres-visual-aura,.pres-visual-orbit{animation:none !important}}\n\n.pres-image-frame{\n position:relative;display:flex;flex-direction:column;\n width:100%;aspect-ratio:1\/1;max-width:440px;margin:0 auto;\n border-radius:28px;padding:18px;\n background:linear-gradient(160deg,rgba(30,18,60,.85),rgba(15,10,30,.7));\n border:1px solid rgba(136,58,234,.35);\n box-shadow:\n 0 40px 100px -30px rgba(136,58,234,.55),\n 0 0 0 1px rgba(167,109,255,.15) inset,\n 0 0 80px rgba(136,58,234,.2) inset;\n backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);\n overflow:hidden;\n}\n.pres-mockup-glow{\n position:absolute;inset:-2px;border-radius:28px;pointer-events:none;\n background:linear-gradient(135deg,rgba(136,58,234,.5),transparent 40%,transparent 60%,rgba(167,109,255,.4));\n opacity:.5;mix-blend-mode:screen;\n}\n.pres-mockup-bar{display:flex;gap:6px;padding:4px 6px 14px}\n.pres-mockup-bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25)}\n.pres-mockup-bar span:nth-child(1){background:rgba(255,95,86,.7)}\n.pres-mockup-bar span:nth-child(2){background:rgba(255,189,46,.7)}\n.pres-mockup-bar span:nth-child(3){background:rgba(40,201,64,.7)}\n.pres-mockup-screen{\n position:relative;flex:1;border-radius:18px;\n background:radial-gradient(ellipse at center,rgba(136,58,234,.18),rgba(7,6,13,.6));\n border:1px solid rgba(136,58,234,.25);\n display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;\n overflow:hidden;\n}\n.pres-mockup-screen svg{animation:pres-float 6s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(167,109,255,.6))}\n.pres-mockup-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:70%;}\n.pres-mockup-tiles span{\n height:28px;border-radius:6px;\n background:linear-gradient(135deg,rgba(136,58,234,.25),rgba(167,109,255,.1));\n border:1px solid rgba(136,58,234,.2);\n}\n.pres-image-halo{position:absolute;inset:8%;border-radius:24px;border:1px dashed rgba(136,58,234,.2);animation:pres-spin 24s linear infinite;pointer-events:none}\n@keyframes pres-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes pres-spin{to{transform:rotate(360deg)}}\n\n.pres-content .pres-text{color:rgba(255,255,255,.72);line-height:1.7;margin-bottom:14px;font-size:1rem}\n.pres-content .pres-text strong{color:rgb(190,150,255);font-weight:600}\n\n.pres-features{list-style:none;padding:0;margin:28px 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.pres-features li{\n display:flex;align-items:flex-start;gap:10px;\n padding:14px 16px;border-radius:14px;\n background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(136,58,234,.06));\n border:1px solid rgba(136,58,234,.2);\n backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n font-size:.93rem;color:rgba(255,255,255,.88);line-height:1.4;\n transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;\n}\n.pres-features li:hover{\n transform:translateY(-2px);\n border-color:rgba(167,109,255,.5);\n background:linear-gradient(135deg,rgba(136,58,234,.12),rgba(167,109,255,.08));\n box-shadow:0 12px 30px -12px rgba(136,58,234,.5);\n}\n.pres-check{\n display:inline-flex;align-items:center;justify-content:center;\n width:22px;height:22px;flex-shrink:0;border-radius:50%;\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,109,255));\n color:#fff;font-size:.75rem;font-weight:700;\n box-shadow:0 4px 14px rgba(136,58,234,.6);\n}\n\n.pres-callout{\n display:flex;gap:14px;align-items:flex-start;\n padding:22px 24px;border-radius:18px;margin-top:8px;\n background:linear-gradient(135deg,rgba(136,58,234,.18),rgba(167,109,255,.06));\n border:1px solid rgba(167,109,255,.35);\n box-shadow:0 24px 50px -25px rgba(136,58,234,.6),0 0 40px rgba(136,58,234,.15) inset;\n}\n.pres-callout-emoji{font-size:1.6rem;line-height:1.2}\n.pres-callout p{margin:0;color:rgba(255,255,255,.92);line-height:1.6;font-size:.98rem}\n\n\/* ==== Premium futuristic image (Pr\u00e9sentation) ==== *\/\n.pres-mockup-screen--media{padding:0;align-items:stretch;justify-content:stretch;position:relative}\n.pres-visual-img{\n width:100%;height:100%;object-fit:cover;display:block;border-radius:18px;\n filter:saturate(1.05) contrast(1.05);\n animation:presImgFloat 9s ease-in-out infinite, presImgGlow 6s ease-in-out infinite;\n}\n.pres-visual-scan{\n position:absolute;left:0;right:0;height:2px;border-radius:2px;pointer-events:none;\n background:linear-gradient(90deg,transparent,rgba(167,109,255,.85),transparent);\n box-shadow:0 0 18px rgba(167,109,255,.7);\n animation:presScan 5.5s linear infinite;mix-blend-mode:screen;opacity:.85;\n}\n.pres-visual-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}\n.pres-visual-particles span{\n position:absolute;width:5px;height:5px;border-radius:50%;\n background:radial-gradient(circle,rgba(255,255,255,.95),rgba(167,109,255,.4) 60%,transparent);\n box-shadow:0 0 10px rgba(167,109,255,.7);opacity:0;\n}\n.pres-visual-particles span:nth-child(1){left:12%;animation:presPart 7s ease-in-out infinite .2s}\n.pres-visual-particles span:nth-child(2){left:28%;animation:presPart 9s ease-in-out infinite 1.4s}\n.pres-visual-particles span:nth-child(3){left:46%;animation:presPart 8s ease-in-out infinite 2.6s}\n.pres-visual-particles span:nth-child(4){left:62%;animation:presPart 10s ease-in-out infinite .8s}\n.pres-visual-particles span:nth-child(5){left:78%;animation:presPart 7.5s ease-in-out infinite 3.4s}\n.pres-visual-particles span:nth-child(6){left:90%;animation:presPart 9.5s ease-in-out infinite 1.9s}\n@keyframes presImgFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.015)}}\n@keyframes presImgGlow{0%,100%{filter:saturate(1.05) contrast(1.05) drop-shadow(0 0 0 rgba(167,109,255,0))}50%{filter:saturate(1.15) contrast(1.08) drop-shadow(0 0 30px rgba(167,109,255,.35))}}\n@keyframes presScan{0%{top:-4%;opacity:0}10%{opacity:.9}90%{opacity:.9}100%{top:104%;opacity:0}}\n@keyframes presPart{0%{transform:translateY(110%) scale(.6);opacity:0}15%{opacity:1}85%{opacity:.9}100%{transform:translateY(-15%) scale(1);opacity:0}}\n@media(prefers-reduced-motion:reduce){\n .pres-visual-img,.pres-visual-scan,.pres-visual-particles span{animation:none !important}\n}\n\n.pres-callout strong{color:rgb(200,160,255)}\n\n@media (max-width:1024px){\n .presentation-futuristic{padding:90px 0 90px}\n .presentation-futuristic .pres-grid{grid-template-columns:1fr;gap:50px}\n .pres-image-frame{max-width:360px}\n .pres-header{margin-bottom:50px}\n}\n@media (max-width:768px){\n .pres-features{grid-template-columns:1fr}\n .presentation-futuristic{padding:80px 0 70px}\n}\n@media (max-width:420px){\n .pres-callout{flex-direction:column;gap:8px;padding:16px}\n .pres-image-frame{max-width:280px;border-radius:22px;padding:14px}\n .presentation-futuristic{padding:60px 0 60px}\n .pres-header{margin-bottom:40px}\n}\n\n\n\/* ===== Section Avantages \u2014 fond blanc, charte violette ===== *\/\n.avantages-light{\n position:relative;background:#ffffff;color:#0f0a1f;\n padding:110px 0 130px;overflow:hidden;\n}\n.ava-bg-grid{\n position:absolute;inset:0;pointer-events:none;\n background-image:\n linear-gradient(rgba(136,58,234,.06) 1px, transparent 1px),\n linear-gradient(90deg, rgba(136,58,234,.06) 1px, transparent 1px);\n background-size:48px 48px;\n mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, #000 30%, transparent 80%);\n -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, #000 30%, transparent 80%);\n}\n.ava-glow{\n position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.55;\n}\n.ava-glow-1{width:520px;height:520px;background:rgba(167,139,250,.35);top:-120px;left:-140px;animation:avaFloat 14s ease-in-out infinite}\n.ava-glow-2{width:480px;height:480px;background:rgba(136,58,234,.22);bottom:-160px;right:-120px;animation:avaFloat 16s ease-in-out infinite reverse}\n@keyframes avaFloat{\n 0%,100%{transform:translate(0,0) scale(1)}\n 50%{transform:translate(30px,-20px) scale(1.06)}\n}\n\n.ava-container{position:relative;z-index:2}\n\n.ava-header{max-width:780px;margin:0 auto 64px;text-align:center}\n.ava-label{\n display:inline-flex;align-items:center;gap:8px;\n padding:7px 16px;border-radius:999px;\n background:rgba(136,58,234,.08);\n border:1px solid rgba(136,58,234,.2);\n color:rgb(136,58,234);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;\n margin-bottom:22px;\n}\n.ava-label-dot{width:6px;height:6px;border-radius:50%;background:rgb(136,58,234);box-shadow:0 0 10px rgb(136,58,234);animation:pulseDot 1.8s ease-in-out infinite}\n.ava-title{\n font-family:'Outfit',sans-serif;\n font-size:clamp(2rem, 4vw, 3rem);\n font-weight:700;line-height:1.15;letter-spacing:-.02em;\n color:#0f0a1f;margin-bottom:18px;\n}\n.ava-title-grad{\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));\n -webkit-background-clip:text;background-clip:text;color:transparent;\n}\n.ava-lead{\n font-size:1.05rem;line-height:1.65;color:#5a5470;\n max-width:640px;margin:0 auto;\n}\n\n.ava-grid{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:22px;\n}\n\n.ava-card{\n position:relative;\n padding:28px 26px;border-radius:20px;\n background:linear-gradient(180deg, #ffffff 0%, #fbfaff 100%);\n border:1px solid rgba(136,58,234,.12);\n box-shadow:\n 0 1px 0 rgba(255,255,255,.9) inset,\n 0 6px 24px -10px rgba(136,58,234,.18),\n 0 2px 8px -4px rgba(15,10,31,.06);\n transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, border-color .3s ease;\n overflow:hidden;\n}\n.ava-card::before{\n content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;\n background:linear-gradient(135deg, rgba(167,139,250,.08), transparent 60%);\n opacity:0;transition:opacity .35s ease;\n}\n.ava-card::after{\n content:\"\";position:absolute;top:0;left:0;right:0;height:2px;border-radius:20px 20px 0 0;\n background:linear-gradient(90deg, transparent, rgb(136,58,234), rgb(167,139,250), transparent);\n transform:scaleX(0);transform-origin:left;\n transition:transform .5s cubic-bezier(.16,1,.3,1);\n}\n.ava-card:hover{\n transform:translateY(-6px);\n border-color:rgba(136,58,234,.28);\n box-shadow:\n 0 1px 0 rgba(255,255,255,.9) inset,\n 0 18px 40px -12px rgba(136,58,234,.28),\n 0 6px 14px -6px rgba(15,10,31,.1);\n}\n.ava-card:hover::before{opacity:1}\n.ava-card:hover::after{transform:scaleX(1)}\n\n.ava-card-icon{\n display:inline-flex;align-items:center;justify-content:center;\n width:48px;height:48px;border-radius:14px;\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.18));\n border:1px solid rgba(136,58,234,.18);\n color:rgb(136,58,234);\n margin-bottom:18px;\n box-shadow:0 4px 14px -4px rgba(136,58,234,.3), 0 1px 0 rgba(255,255,255,.6) inset;\n transition:transform .4s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease;\n}\n.ava-card:hover .ava-card-icon{\n transform:rotate(-6deg) scale(1.08);\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));\n color:#fff;\n}\n\n.ava-card h3{\n font-family:'Outfit',sans-serif;\n font-size:1.08rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;\n color:#0f0a1f;margin:0 0 10px;\n}\n.ava-card p{\n font-size:.92rem;line-height:1.6;color:#5a5470;margin:0;\n}\n\n\/* Responsive *\/\n@media(max-width:1024px){\n .ava-grid{grid-template-columns:repeat(2, 1fr);gap:18px}\n}\n@media(max-width:768px){\n .avantages-light{padding:80px 0 90px}\n .ava-header{margin-bottom:48px}\n .ava-grid{grid-template-columns:1fr;gap:16px}\n .ava-card{padding:24px 22px}\n}\n@media(max-width:420px){\n .avantages-light{padding:64px 0 72px}\n .ava-card{padding:20px 18px;border-radius:16px}\n .ava-card-icon{width:44px;height:44px;border-radius:12px;margin-bottom:14px}\n .ava-card h3{font-size:1rem}\n .ava-card p{font-size:.88rem}\n}\n\n\n.compat-dark{\n position:relative;\n padding:120px 0 130px;\n background:radial-gradient(ellipse at top,#0d0a1f 0%,#07060d 60%,#050409 100%);\n overflow:hidden;\n color:#fff;\n}\n\/* Animated purple grid (same as hero) *\/\n.compat-dark .cd-grid{\n position:absolute;inset:-2px;z-index:0;pointer-events:none;\n background-image:\n linear-gradient(rgba(150,120,255,.09) 1px,transparent 1px),\n linear-gradient(90deg,rgba(150,120,255,.09) 1px,transparent 1px);\n background-size:54px 54px;\n mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 40%,transparent 90%);\n -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 40%,transparent 90%);\n animation:cdGridShift 18s linear infinite;\n}\n@keyframes cdGridShift{\n 0%{transform:translate3d(0,0,0)}\n 100%{transform:translate3d(54px,54px,0)}\n}\n\/* Floating violet glows *\/\n.compat-dark .cd-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;z-index:0}\n.compat-dark .cd-glow-1{\n width:520px;height:520px;\n background:radial-gradient(circle,rgba(136,58,234,.7),transparent 70%);\n top:-120px;left:-100px;\n animation:cdFloat 14s ease-in-out infinite;\n}\n.compat-dark .cd-glow-2{\n width:600px;height:600px;\n background:radial-gradient(circle,rgba(120,80,255,.5),transparent 70%);\n bottom:-200px;right:-150px;\n animation:cdFloat 18s ease-in-out infinite reverse;\n}\n@keyframes cdFloat{\n 0%,100%{transform:translate(0,0) scale(1)}\n 50%{transform:translate(40px,-30px) scale(1.08)}\n}\n\/* Horizontal scanline *\/\n.compat-dark .cd-scan{\n position:absolute;left:0;right:0;height:1px;z-index:0;pointer-events:none;\n background:linear-gradient(90deg,transparent,rgba(196,168,255,.6),transparent);\n top:0;opacity:.5;\n animation:cdScan 7s linear infinite;\n}\n@keyframes cdScan{\n 0%{top:8%;opacity:0}\n 10%{opacity:.6}\n 90%{opacity:.6}\n 100%{top:92%;opacity:0}\n}\n\/* Floating particles *\/\n.compat-dark .cd-particles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}\n.compat-dark .cd-particles span{\n position:absolute;display:block;\n width:4px;height:4px;border-radius:50%;\n background:rgba(196,168,255,.7);\n box-shadow:0 0 12px rgba(167,139,250,.8);\n animation:cdParticle linear infinite;\n}\n.compat-dark .cd-particles span:nth-child(1){left:8%;top:20%;animation-duration:14s;animation-delay:-2s}\n.compat-dark .cd-particles span:nth-child(2){left:22%;top:70%;animation-duration:18s;animation-delay:-5s;width:3px;height:3px}\n.compat-dark .cd-particles span:nth-child(3){left:38%;top:30%;animation-duration:16s;animation-delay:-1s}\n.compat-dark .cd-particles span:nth-child(4){left:55%;top:80%;animation-duration:20s;animation-delay:-7s;width:5px;height:5px}\n.compat-dark .cd-particles span:nth-child(5){left:72%;top:25%;animation-duration:15s;animation-delay:-3s}\n.compat-dark .cd-particles span:nth-child(6){left:88%;top:65%;animation-duration:19s;animation-delay:-9s;width:3px;height:3px}\n.compat-dark .cd-particles span:nth-child(7){left:48%;top:50%;animation-duration:22s;animation-delay:-4s}\n.compat-dark .cd-particles span:nth-child(8){left:15%;top:45%;animation-duration:17s;animation-delay:-6s;width:3px;height:3px}\n@keyframes cdParticle{\n 0%{transform:translate(0,0);opacity:0}\n 10%{opacity:.9}\n 90%{opacity:.9}\n 100%{transform:translate(30px,-80px);opacity:0}\n}\n\n.compat-dark .container{position:relative;z-index:2}\n.compat-head{text-align:center;max-width:820px;margin:0 auto 56px}\n.compat-label{\n display:inline-flex;align-items:center;gap:8px;\n padding:8px 18px;border-radius:999px;\n background:rgba(136,58,234,.12);\n border:1px solid rgba(136,58,234,.35);\n color:#c4a8ff;font-size:.78rem;font-weight:700;\n letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;\n backdrop-filter:blur(10px);\n}\n.compat-label::before{content:\"\";width:6px;height:6px;border-radius:50%;background:#a78bfa;box-shadow:0 0 10px #a78bfa}\n.compat-head h2{\n font-size:clamp(1.9rem,3.6vw,2.8rem);\n font-weight:800;color:#fff;line-height:1.15;margin:0 0 16px;letter-spacing:-.01em;\n}\n.compat-head h2 .grad{\n background:linear-gradient(135deg,#a78bfa 0%,#c4a8ff 50%,#883aea 100%);\n -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;\n}\n.compat-head p{color:rgba(255,255,255,.7);font-size:1.05rem;line-height:1.65;margin:0}\n\n.compat-grid{\n display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:42px;\n}\n.compat-card{\n position:relative;padding:28px 22px;\n background:linear-gradient(160deg,rgba(255,255,255,.04) 0%,rgba(136,58,234,.06) 100%);\n border:1px solid rgba(255,255,255,.08);\n border-radius:18px;text-align:center;\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n transition:all .4s cubic-bezier(.2,.7,.3,1);\n overflow:hidden;\n}\n.compat-card::before{\n content:\"\";position:absolute;left:0;top:0;right:0;height:1px;\n background:linear-gradient(90deg,transparent,rgba(167,139,250,.7),transparent);\n opacity:0;transition:opacity .4s;\n}\n.compat-card:hover{\n transform:translateY(-8px);\n border-color:rgba(167,139,250,.4);\n background:linear-gradient(160deg,rgba(167,139,250,.08) 0%,rgba(136,58,234,.12) 100%);\n box-shadow:0 20px 50px -15px rgba(136,58,234,.5);\n}\n.compat-card:hover::before{opacity:1}\n\n\/* Same icon style as avantages (.ava-card-icon) but dark-theme variant *\/\n.compat-card-icon{\n display:inline-flex;align-items:center;justify-content:center;\n width:48px;height:48px;border-radius:14px;\n background:linear-gradient(135deg,rgba(136,58,234,.18),rgba(167,139,250,.22));\n border:1px solid rgba(167,139,250,.3);\n color:#c4a8ff;\n margin-bottom:18px;\n box-shadow:0 4px 14px -4px rgba(136,58,234,.5),0 0 0 1px rgba(255,255,255,.04) inset;\n transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s ease,color .3s ease;\n}\n.compat-card:hover .compat-card-icon{\n transform:rotate(-6deg) scale(1.08);\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,139,250));\n color:#fff;\n box-shadow:0 8px 24px -6px rgba(167,139,250,.6);\n}\n.compat-card-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n\n.compat-card h4{\n margin:0 0 8px;font-size:1.02rem;font-weight:700;color:#fff;\n}\n.compat-card p{margin:0;font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.5}\n\n.compat-tip{\n max-width:820px;margin:0 auto;\n padding:22px 26px;\n background:linear-gradient(135deg,rgba(136,58,234,.14),rgba(167,139,250,.05));\n border:1px solid rgba(167,139,250,.25);\n border-radius:16px;\n display:flex;align-items:center;gap:16px;\n backdrop-filter:blur(10px);\n}\n.compat-tip-emoji{\n flex-shrink:0;width:46px;height:46px;\n display:flex;align-items:center;justify-content:center;\n border-radius:12px;\n background:linear-gradient(135deg,#883aea,#a855f7);\n font-size:1.3rem;\n box-shadow:0 8px 22px -8px rgba(136,58,234,.7);\n}\n.compat-tip p{margin:0;color:rgba(255,255,255,.85);font-size:.96rem;line-height:1.55}\n.compat-tip strong{color:#c4a8ff;font-weight:700}\n\n@media(max-width:1024px){.compat-grid{grid-template-columns:repeat(3,1fr)}}\n@media(max-width:768px){\n .compat-dark{padding:90px 0 100px}\n .compat-grid{grid-template-columns:repeat(2,1fr);gap:14px}\n .compat-tip{flex-direction:column;text-align:center;padding:20px}\n}\n@media(max-width:420px){\n .compat-dark{padding:70px 0 80px}\n .compat-grid{grid-template-columns:1fr}\n .compat-card{padding:24px 20px}\n}\n\n\n.howto-light{\n position:relative;\n padding:110px 0 120px;\n background:linear-gradient(180deg,#f7f4ff 0%,#f0eaff 50%,#f7f4ff 100%);\n overflow:hidden;\n border-top:1px solid rgba(136,58,234,.12);\n border-bottom:1px solid rgba(136,58,234,.12);\n}\n.howto-light::before{\n content:\"\";\n position:absolute;inset:0;\n background-image:\n linear-gradient(rgba(136,58,234,.09) 1px,transparent 1px),\n linear-gradient(90deg,rgba(136,58,234,.09) 1px,transparent 1px);\n background-size:60px 60px;\n mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);\n -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);\n pointer-events:none;\n}\n.howto-light::after{\n content:\"\";\n position:absolute;\n bottom:-180px;left:-160px;\n width:480px;height:480px;\n background:radial-gradient(circle,rgba(168,85,247,.22) 0%,transparent 70%);\n filter:blur(60px);\n pointer-events:none;\n animation:howtoGlow 10s ease-in-out infinite;\n}\n@keyframes howtoGlow{\n 0%,100%{opacity:.5;transform:scale(1)}\n 50%{opacity:.85;transform:scale(1.12)}\n}\n.howto-light .container{position:relative;z-index:2}\n.howto-head{text-align:center;max-width:820px;margin:0 auto 60px}\n.howto-label{\n display:inline-block;\n padding:8px 18px;\n border-radius:99px;\n background:linear-gradient(135deg,rgba(136,58,234,.12),rgba(168,85,247,.08));\n border:1px solid rgba(136,58,234,.25);\n color:#7c3aed;\n font-size:.78rem;\n font-weight:700;\n letter-spacing:.12em;\n text-transform:uppercase;\n margin-bottom:18px;\n}\n.howto-head h2{\n font-size:clamp(1.9rem,3.6vw,2.8rem);\n font-weight:800;\n color:#0f0a1f;\n line-height:1.15;\n margin:0 0 16px;\n}\n.howto-head h2 .grad{\n background:linear-gradient(135deg,#883aea 0%,#a855f7 50%,#c084fc 100%);\n -webkit-background-clip:text;background-clip:text;\n -webkit-text-fill-color:transparent;\n}\n.howto-head p{color:#5b5470;font-size:1.05rem;line-height:1.65;margin:0}\n.howto-head .lead-note{\n display:inline-block;margin-top:14px;\n padding:10px 18px;border-radius:12px;\n background:rgba(136,58,234,.06);\n border:1px dashed rgba(136,58,234,.3);\n color:#6b5d8a;font-size:.92rem;\n}\n.howto-steps{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:22px;\n position:relative;\n}\n.howto-steps::before{\n content:\"\";\n position:absolute;\n top:38px;left:8%;right:8%;height:2px;\n background:linear-gradient(90deg,transparent 0%,rgba(136,58,234,.3) 20%,rgba(136,58,234,.3) 80%,transparent 100%);\n z-index:0;\n}\n.howto-step{\n position:relative;\n padding:28px 22px;\n background:#ffffff;\n border:1px solid rgba(136,58,234,.18);\n box-shadow:0 6px 24px -12px rgba(136,58,234,.18);\n border-radius:20px;\n text-align:center;\n transition:all .4s cubic-bezier(.2,.7,.3,1);\n z-index:1;\n}\n.howto-step:hover{\n transform:translateY(-8px);\n border-color:rgba(136,58,234,.4);\n box-shadow:0 20px 50px -20px rgba(136,58,234,.3);\n}\n.howto-num{\n width:54px;height:54px;\n margin:0 auto 18px;\n display:flex;align-items:center;justify-content:center;\n border-radius:50%;\n background:linear-gradient(135deg,#883aea,#a855f7);\n color:#fff;\n font-size:1.3rem;font-weight:800;\n box-shadow:0 10px 28px -10px rgba(136,58,234,.55);\n position:relative;\n}\n.howto-num::after{\n content:\"\";\n position:absolute;inset:-4px;\n border-radius:50%;\n border:1px solid rgba(136,58,234,.25);\n}\n.howto-step h3{\n margin:0 0 10px;\n font-size:1.05rem;\n font-weight:700;\n color:#0f0a1f;\n}\n.howto-step p{margin:0;font-size:.9rem;color:#6b6383;line-height:1.55}\n.howto-foot{\n text-align:center;margin-top:42px;\n color:#5b5470;font-size:1rem;\n max-width:680px;margin-left:auto;margin-right:auto;\n}\n.howto-foot strong{color:#7c3aed}\n\n@media(max-width:1024px){\n .howto-steps{grid-template-columns:repeat(2,1fr)}\n .howto-steps::before{display:none}\n}\n@media(max-width:768px){\n .howto-light{padding:80px 0 90px}\n}\n@media(max-width:520px){\n .howto-steps{grid-template-columns:1fr;gap:16px}\n}\n@media(max-width:420px){\n .howto-light{padding:64px 0 72px}\n .howto-step{padding:22px 18px}\n}\n\n\n.subscription-best{position:relative;padding:100px 0;overflow:hidden}\n.sub-grid{\n display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;\n max-width:1100px;margin:0 auto;\n}\n.sub-content h2{font-size:clamp(1.8rem,3.6vw,2.6rem);color:#fff;margin:0 0 16px;line-height:1.2}\n.sub-content > p{color:rgba(255,255,255,.72);font-size:1rem;line-height:1.7;margin:0 0 24px}\n.sub-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:14px}\n.sub-list li{\n display:flex;align-items:center;gap:14px;\n padding:14px 18px;border-radius:14px;\n background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));\n border:1px solid rgba(167,139,250,.18);\n color:#fff;font-size:.95rem;font-weight:500;\n backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\n transition:all .35s cubic-bezier(.16,1,.3,1);\n}\n.sub-list li:hover{\n transform:translateX(6px);\n border-color:rgba(167,139,250,.4);\n box-shadow:0 14px 30px -14px rgba(136,58,234,.5);\n}\n.sub-list svg{width:22px;height:22px;color:rgb(167,139,250);flex-shrink:0;filter:drop-shadow(0 0 6px rgba(167,139,250,.5))}\n.sub-callout{\n margin-top:8px;padding:18px 22px;border-radius:16px;\n background:linear-gradient(135deg,rgba(136,58,234,.18),rgba(167,139,250,.06));\n border:1px solid rgba(167,139,250,.35);\n color:#fff;font-size:.95rem;line-height:1.55;\n}\n.sub-callout strong{color:#c4b5fd}\n.sub-visual{\n position:relative;aspect-ratio:1\/1;max-width:420px;margin:0 auto;\n display:flex;align-items:center;justify-content:center;\n}\n.sub-orb{\n position:absolute;inset:8%;border-radius:50%;\n background:radial-gradient(circle at 35% 30%,rgba(167,139,250,.45),rgba(136,58,234,.12) 60%,transparent 75%);\n filter:blur(8px);\n animation:subOrb 6s ease-in-out infinite;\n}\n@keyframes subOrb{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}\n.sub-ring{\n position:absolute;inset:0;border-radius:50%;\n border:1px dashed rgba(167,139,250,.4);\n animation:subRotate 30s linear infinite;\n}\n.sub-ring.r2{inset:14%;animation-duration:22s;animation-direction:reverse;border-color:rgba(167,139,250,.25)}\n@keyframes subRotate{to{transform:rotate(360deg)}}\n.sub-core{\n position:relative;z-index:2;\n width:140px;height:140px;border-radius:30px;\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,139,250));\n display:flex;align-items:center;justify-content:center;\n color:#fff;font-family:'Outfit',sans-serif;font-weight:800;font-size:1.6rem;\n box-shadow:0 20px 60px -10px rgba(136,58,234,.7),0 0 0 1px rgba(255,255,255,.15) inset;\n animation:subCore 4s ease-in-out infinite;\n}\n.sub-core-img{\n position:relative;z-index:2;\n width:60%;max-width:240px;height:auto;\n object-fit:contain;\n filter:drop-shadow(0 20px 40px rgba(136,58,234,.5));\n animation:subCore 4s ease-in-out infinite;\n}\n@keyframes subCore{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n.sub-badge{\n position:absolute;padding:8px 14px;border-radius:99px;\n background:rgba(13,10,30,.85);border:1px solid rgba(167,139,250,.35);\n color:#fff;font-size:.78rem;font-weight:600;\n backdrop-filter:blur(10px);\n box-shadow:0 8px 24px -6px rgba(0,0,0,.5);\n white-space:nowrap;\n}\n.sub-badge.b1{top:12%;left:0;animation:subFloat 5s ease-in-out infinite}\n.sub-badge.b2{top:50%;right:-4%;animation:subFloat 6s ease-in-out infinite reverse}\n.sub-badge.b3{bottom:14%;left:8%;animation:subFloat 7s ease-in-out infinite}\n@keyframes subFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n\n@media(max-width:860px){\n .sub-grid{grid-template-columns:1fr;gap:36px}\n .sub-visual{order:-1;max-width:300px}\n}\n\n\n.pricing-futuristic{position:relative;padding:120px 0;overflow:hidden;background:linear-gradient(180deg,#07060d 0%,#0d0a1f 50%,#07060d 100%)}\n.pricing-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}\n.pricing-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(167,109,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(167,109,255,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);animation:pricingGridShift 30s linear infinite}\n.pricing-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}\n.pricing-glow-1{width:520px;height:520px;background:radial-gradient(circle,rgba(136,58,234,.55),transparent 70%);top:-160px;left:-120px;animation:pricingGlow 12s ease-in-out infinite}\n.pricing-glow-2{width:600px;height:600px;background:radial-gradient(circle,rgba(167,109,255,.45),transparent 70%);bottom:-200px;right:-150px;animation:pricingGlow 14s ease-in-out infinite reverse}\n.pricing-glow-3{width:380px;height:380px;background:radial-gradient(circle,rgba(216,180,254,.35),transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);animation:pricingGlow 16s ease-in-out infinite}\n.pricing-particles{position:absolute;inset:0}\n.pricing-particles span{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(167,109,255,.85);box-shadow:0 0 12px rgba(167,109,255,.9);bottom:-10px;animation:pricingFloat 12s linear infinite}\n.pricing-particles span:nth-child(1){left:8%;animation-delay:0s}\n.pricing-particles span:nth-child(2){left:20%;animation-delay:2s}\n.pricing-particles span:nth-child(3){left:34%;animation-delay:4s}\n.pricing-particles span:nth-child(4){left:48%;animation-delay:1.5s}\n.pricing-particles span:nth-child(5){left:62%;animation-delay:3.5s}\n.pricing-particles span:nth-child(6){left:75%;animation-delay:5s}\n.pricing-particles span:nth-child(7){left:86%;animation-delay:6s}\n.pricing-particles span:nth-child(8){left:94%;animation-delay:7.5s}\n\n.pricing-inner{position:relative;z-index:2}\n.pricing-header{text-align:center;max-width:760px;margin:0 auto 70px}\n.pricing-header .section-label{display:inline-block;padding:6px 16px;border-radius:100px;background:rgba(136,58,234,.15);border:1px solid rgba(167,109,255,.4);color:rgb(216,180,254);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}\n.pricing-header .section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;color:#fff;margin:0 0 18px}\n.pricing-lead{font-size:1.05rem;line-height:1.7;color:rgba(255,255,255,.72);margin:0 auto;max-width:680px}\n\n.pricing-cards--futuristic{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch;max-width:1280px;margin:0 auto}\n\n\/* Pane switching (1 \u00e9cran \/ 2 \u00e9crans) *\/\n.pricing-pane{display:none}\n.pricing-pane.is-active{display:grid}\n\n\/* Toggle 1 \u00e9cran \/ 2 \u00e9crans *\/\n.pricing-toggle{\n position:relative;\n display:flex;\n width:fit-content;\n margin:0 auto 48px;\n padding:6px;\n border-radius:999px;\n background:rgba(20,12,40,.7);\n border:1px solid rgba(167,109,255,.22);\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n box-shadow:0 8px 32px -8px rgba(136,58,234,.35), 0 0 0 1px rgba(255,255,255,.04) inset;\n isolation:isolate;\n}\n.ptoggle-btn{\n position:relative;z-index:2;\n display:inline-flex;align-items:center;gap:8px;\n padding:11px 26px;\n border:none;background:transparent;\n font-family:inherit;font-size:.95rem;font-weight:600;\n color:rgba(255,255,255,.65);cursor:pointer;\n border-radius:999px;\n transition:color .35s ease;\n white-space:nowrap;\n}\n.ptoggle-btn:hover{color:rgba(255,255,255,.9)}\n.ptoggle-btn.is-active{color:#fff}\n.ptoggle-btn svg{flex-shrink:0;opacity:.9}\n.ptoggle-slider{\n position:absolute;z-index:1;\n top:6px;bottom:6px;left:6px;\n width:calc(50% - 6px);\n border-radius:999px;\n background:linear-gradient(135deg, rgb(var(--violet)), rgb(var(--violet-light)));\n box-shadow:0 6px 24px -4px rgba(var(--violet),.7), 0 0 0 1px rgba(255,255,255,.1) inset;\n transition:transform .4s cubic-bezier(.4,.0,.2,1);\n}\n.pricing-toggle[data-pos=\"duo\"] .ptoggle-slider{transform:translateX(100%)}\n\n.pcard{position:relative;display:flex;flex-direction:column;padding:40px 32px;border-radius:22px;background:linear-gradient(160deg,rgba(30,18,60,.65),rgba(13,9,28,.85));border:1px solid rgba(167,109,255,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s;overflow:hidden;isolation:isolate}\n.pcard:hover{transform:translateY(-10px);border-color:rgba(167,109,255,.5);box-shadow:0 30px 80px -20px rgba(136,58,234,.5)}\n.pcard-aura{position:absolute;inset:-1px;border-radius:22px;background:radial-gradient(600px circle at var(--mx,50%) var(--my,0%),rgba(167,109,255,.18),transparent 40%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:0}\n.pcard:hover .pcard-aura{opacity:1}\n.pcard-border{position:absolute;inset:0;border-radius:22px;padding:1px;background:linear-gradient(135deg,rgba(167,109,255,.4),transparent 40%,transparent 60%,rgba(136,58,234,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}\n\n.pcard-head{position:relative;z-index:1;text-align:center;margin-bottom:28px}\n.pcard-icon{display:none!important}\n.pcard h3{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.01em}\n.pcard-sub{font-size:.92rem;color:rgba(255,255,255,.6);margin:0}\n\n.pcard-price{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;gap:4px;margin:0 0 28px;padding:18px 0;border-top:1px solid rgba(167,109,255,.12);border-bottom:1px solid rgba(167,109,255,.12)}\n.pcard-currency{font-size:1.4rem;font-weight:600;color:rgb(216,180,254);align-self:flex-start;margin-top:8px}\n.pcard-amount{font-size:3.6rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#fff,rgb(216,180,254));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em}\n.pcard-period{font-size:.95rem;color:rgba(255,255,255,.55);margin-left:6px}\n\n.pcard-features{position:relative;z-index:1;list-style:none;padding:0;margin:0 0 32px;flex:1}\n.pcard-features li{position:relative;padding:11px 0 11px 30px;font-size:.95rem;color:rgba(255,255,255,.78);line-height:1.5;border-bottom:1px solid rgba(255,255,255,.05)}\n.pcard-features li:last-child{border-bottom:none}\n.pcard-features li strong{color:#fff;font-weight:600}\n.pcard-features li::before{content:\"\";position:absolute;left:0;top:14px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,rgb(136,58,234),rgb(167,109,255));box-shadow:0 0 12px rgba(167,109,255,.5)}\n.pcard-features li::after{content:\"\";position:absolute;left:5px;top:18px;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}\n\n.pcard-cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:14px;background:rgba(167,109,255,.08);border:1px solid rgba(167,109,255,.35);color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s;cursor:pointer}\n.pcard-cta:hover{background:rgba(167,109,255,.18);border-color:rgba(167,109,255,.6);transform:translateY(-2px);box-shadow:0 10px 30px rgba(136,58,234,.35)}\n.pcard-cta svg{transition:transform .3s}\n.pcard-cta:hover svg{transform:translateX(4px)}\n.pcard-cta--primary{background:linear-gradient(135deg,rgb(136,58,234),rgb(167,109,255));border:none;box-shadow:0 12px 30px rgba(136,58,234,.4),inset 0 1px 0 rgba(255,255,255,.25)}\n.pcard-cta--primary:hover{filter:brightness(1.1);box-shadow:0 18px 50px rgba(136,58,234,.6),inset 0 1px 0 rgba(255,255,255,.3)}\n\n\/* FEATURED CARD *\/\n.pcard--featured{padding-top:54px;transform:scale(1.04);background:linear-gradient(160deg,rgba(60,30,120,.75),rgba(20,12,40,.9));border-color:rgba(167,109,255,.5);box-shadow:0 30px 80px -20px rgba(136,58,234,.55),inset 0 0 60px rgba(136,58,234,.15)}\n.pcard--featured:hover{transform:scale(1.04) translateY(-10px)}\n.pcard-aura--strong{background:radial-gradient(circle at 50% 0%,rgba(167,109,255,.25),transparent 60%);opacity:1}\n.pcard-border--strong{background:linear-gradient(135deg,rgb(167,109,255),rgba(136,58,234,.3),rgb(167,109,255));opacity:1;animation:pcardBorderShift 4s linear infinite;background-size:200% 200%}\n.pcard-icon--strong{background:linear-gradient(135deg,rgb(136,58,234),rgb(167,109,255));border-color:transparent;color:#fff;box-shadow:0 12px 30px rgba(136,58,234,.5),inset 0 0 20px rgba(255,255,255,.2)}\n.pcard-orbit{position:absolute;top:-40%;left:-40%;width:180%;height:180%;border-radius:50%;border:1px dashed rgba(167,109,255,.15);animation:pcardOrbit 20s linear infinite;pointer-events:none;z-index:0}\n.pcard-orbit::before{content:\"\";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:rgb(167,109,255);box-shadow:0 0 16px rgb(167,109,255)}\n\n.pcard-badge{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:100px;background:linear-gradient(135deg,rgb(136,58,234),rgb(167,109,255));color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 30px rgba(136,58,234,.55);z-index:3}\n\n.pricing-foot{display:inline-flex;align-items:center;gap:10px;margin:60px auto 0;padding:14px 22px;border-radius:100px;background:rgba(167,109,255,.06);border:1px solid rgba(167,109,255,.18);color:rgba(255,255,255,.7);font-size:.9rem;text-align:center}\n.pricing-foot{display:flex;justify-content:center;align-items:center;max-width:max-content;margin-left:auto;margin-right:auto}\n.pricing-foot svg{color:rgb(167,109,255);flex-shrink:0}\n\n@keyframes pricingGridShift{from{background-position:0 0}to{background-position:60px 60px}}\n@keyframes pricingGlow{0%,100%{transform:translate(0,0) scale(1);opacity:.5}50%{transform:translate(30px,-20px) scale(1.1);opacity:.7}}\n@keyframes pricingGlow-2{}\n@keyframes pricingFloat{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-110vh) translateX(40px);opacity:0}}\n@keyframes pcardBorderShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\n@keyframes pcardOrbit{to{transform:rotate(360deg)}}\n\n@media (max-width:1100px){\n .pricing-cards--futuristic{grid-template-columns:repeat(2,1fr);max-width:780px}\n}\n@media (max-width:600px){\n .pricing-cards--futuristic{grid-template-columns:1fr;max-width:440px}\n .pcard--featured{transform:none;order:-1}\n .pcard--featured:hover{transform:translateY(-10px)}\n}\n@media (max-width:480px){\n .pricing-futuristic{padding:80px 0}\n .pcard{padding:32px 22px}\n .pcard-amount{font-size:3rem}\n}\n@media (prefers-reduced-motion:reduce){\n .pricing-grid-bg,.pricing-glow,.pricing-particles span,.pcard-border--strong,.pcard-orbit{animation:none !important}\n}\n\n\n.site-footer{\n position:relative;overflow:hidden;\n padding:90px 0 28px;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(136,58,234,.18), transparent 60%),\n linear-gradient(180deg, rgba(13,10,30,.85) 0%, rgba(7,6,16,.95) 60%, #050409 100%);\n border-top:1px solid rgba(167,139,250,.18);\n color:#fff;\n isolation:isolate;\n}\n.site-footer::before{\n content:\"\";position:absolute;inset:0;pointer-events:none;z-index:0;\n background-image:\n linear-gradient(rgba(167,139,250,.08) 1px,transparent 1px),\n linear-gradient(90deg,rgba(167,139,250,.08) 1px,transparent 1px);\n background-size:48px 48px;\n mask-image:radial-gradient(ellipse 90% 80% at 50% 30%, #000 30%, transparent 90%);\n -webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 30%, #000 30%, transparent 90%);\n animation:footerGrid 40s linear infinite;\n}\n@keyframes footerGrid{0%{background-position:0 0,0 0}100%{background-position:48px 48px,48px 48px}}\n.site-footer::after{\n content:\"\";position:absolute;left:50%;top:0;transform:translateX(-50%);\n width:60%;height:1px;\n background:linear-gradient(90deg,transparent,rgb(167,139,250),transparent);\n filter:drop-shadow(0 0 8px rgba(167,139,250,.7));\n z-index:1;\n}\n.site-footer .container{position:relative;z-index:2}\n\n.footer-top{\n display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;\n padding-bottom:48px;\n border-bottom:1px solid rgba(167,139,250,.14);\n}\n.footer-brand-block .footer-logo{\n display:inline-flex;align-items:center;gap:10px;\n font-family:'Outfit',sans-serif;font-weight:800;font-size:1.4rem;\n color:#fff;text-decoration:none;letter-spacing:-.02em;\n}\n.footer-brand-block .footer-logo .logo-mark{\n display:inline-flex;align-items:center;justify-content:center;\n width:38px;height:38px;border-radius:11px;\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,139,250));\n box-shadow:0 8px 24px -6px rgba(136,58,234,.6),0 0 0 1px rgba(255,255,255,.08) inset;\n color:#fff;font-size:1rem;\n}\n.footer-brand-block .footer-logo span{\n background:linear-gradient(135deg,#a78bfa,#c4b5fd);\n -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;\n}\n.footer-tagline{margin:18px 0 22px;color:rgba(255,255,255,.62);font-size:.95rem;line-height:1.6;max-width:340px}\n.footer-socials{display:flex;gap:10px}\n.footer-social{\n width:38px;height:38px;border-radius:11px;\n display:inline-flex;align-items:center;justify-content:center;\n background:rgba(255,255,255,.04);\n border:1px solid rgba(167,139,250,.22);\n color:#c4b5fd;text-decoration:none;\n transition:all .35s cubic-bezier(.2,.7,.3,1);\n backdrop-filter:blur(10px);\n}\n.footer-social:hover{\n transform:translateY(-3px);\n background:linear-gradient(135deg,rgba(136,58,234,.4),rgba(167,139,250,.25));\n border-color:rgba(167,139,250,.6);\n color:#fff;\n box-shadow:0 10px 24px -8px rgba(136,58,234,.6);\n}\n.footer-social svg{width:16px;height:16px}\n\n.footer-col h4{\n font-family:'Outfit',sans-serif;\n font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;\n color:#fff;margin:0 0 18px;\n display:inline-flex;align-items:center;gap:8px;\n}\n.footer-col h4::before{\n content:\"\";width:6px;height:6px;border-radius:50%;\n background:rgb(167,139,250);box-shadow:0 0 10px rgb(167,139,250);\n}\n.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}\n.footer-col a{\n color:rgba(255,255,255,.6);text-decoration:none;font-size:.92rem;\n position:relative;transition:color .25s ease,padding-left .25s ease;\n}\n.footer-col a::before{\n content:\"\u203a\";position:absolute;left:-12px;top:0;\n color:rgb(167,139,250);opacity:0;transition:all .25s ease;\n}\n.footer-col a:hover{color:#fff;padding-left:14px}\n.footer-col a:hover::before{opacity:1;left:0}\n\n.footer-news{margin-top:18px;display:flex;gap:8px;max-width:320px}\n.footer-news input{\n flex:1;background:rgba(255,255,255,.05);\n border:1px solid rgba(167,139,250,.22);\n border-radius:11px;padding:10px 14px;\n color:#fff;font-size:.88rem;outline:none;\n transition:border-color .25s ease,background .25s ease;\n}\n.footer-news input::placeholder{color:rgba(255,255,255,.4)}\n.footer-news input:focus{border-color:rgba(167,139,250,.6);background:rgba(255,255,255,.08)}\n.footer-news button{\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,139,250));\n color:#fff;border:none;border-radius:11px;\n padding:0 18px;font-weight:600;font-size:.88rem;cursor:pointer;\n box-shadow:0 8px 20px -8px rgba(136,58,234,.6);\n transition:transform .25s ease,box-shadow .25s ease;\n}\n.footer-news button:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(136,58,234,.8)}\n\n.footer-copyright-alert{\n margin-top:32px;\n display:flex;align-items:flex-start;gap:14px;\n padding:18px 22px;\n border-radius:14px;\n background:linear-gradient(135deg,rgba(136,58,234,.08),rgba(167,139,250,.04));\n border:1px solid rgba(167,139,250,.22);\n box-shadow:0 0 0 1px rgba(255,255,255,.02) inset;\n font-size:.82rem;line-height:1.65;\n color:rgba(255,255,255,.7);\n}\n.footer-copyright-alert .fca-icon{\n flex-shrink:0;\n width:38px;height:38px;\n display:flex;align-items:center;justify-content:center;\n border-radius:10px;\n background:rgba(167,139,250,.12);\n border:1px solid rgba(167,139,250,.3);\n color:rgb(216,180,254);\n}\n.footer-copyright-alert .fca-text strong{color:rgba(255,255,255,.95);font-weight:600}\n.footer-copyright-alert a{color:rgb(216,180,254);text-decoration:underline;text-underline-offset:3px}\n.footer-copyright-alert a:hover{color:#fff}\n@media(max-width:560px){\n .footer-copyright-alert{padding:16px;font-size:.78rem;gap:12px}\n .footer-copyright-alert .fca-icon{width:32px;height:32px}\n .footer-copyright-alert .fca-icon svg{width:18px;height:18px}\n}\n\n.footer-bottom-bar{\n margin-top:32px;padding-top:22px;\n border-top:1px solid rgba(167,139,250,.12);\n display:flex;justify-content:space-between;align-items:center;\n flex-wrap:wrap;gap:14px;\n font-size:.82rem;color:rgba(255,255,255,.45);\n}\n.footer-status{display:inline-flex;align-items:center;gap:8px}\n.footer-status-dot{\n width:8px;height:8px;border-radius:50%;background:#22c55e;\n box-shadow:0 0 10px #22c55e;animation:pulseDot 1.8s ease-in-out infinite;\n}\n.footer-made{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.55)}\n.footer-made svg{width:14px;height:14px;color:rgb(167,139,250);filter:drop-shadow(0 0 6px rgba(167,139,250,.6))}\n\n@media(max-width:1024px){\n .footer-top{grid-template-columns:1fr 1fr;gap:36px}\n .footer-brand-block{grid-column:1\/-1}\n}\n@media(max-width:560px){\n .footer-top{grid-template-columns:1fr;gap:32px;padding-bottom:36px}\n .site-footer{padding:64px 0 24px}\n .footer-bottom-bar{justify-content:center;text-align:center}\n}\n@media(prefers-reduced-motion:reduce){.site-footer::before{animation:none}}\n\n\n\/* Base shared icon-chip \u2014 same recipe as .ava-card-icon *\/\n.sub-list li > svg,\n.dl-card .dl-icon,\n.vs-card h3 > svg,\n.compare-table .check::before,\n.compare-table .cross::before,\n.faq-item .arrow{\n \/* targeted below per element *\/\n}\n\n\/* ---- Section Abonnement: list bullet icons -> chips ---- *\/\n.sub-list li{gap:16px}\n.sub-list li > svg{\n flex-shrink:0;\n width:48px;height:48px;padding:12px;border-radius:14px;\n color:rgb(136,58,234);\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.18));\n border:1px solid rgba(136,58,234,.22);\n box-shadow:0 4px 14px -4px rgba(136,58,234,.35), 0 1px 0 rgba(255,255,255,.08) inset;\n filter:none;\n transition:transform .4s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease;\n}\n.sub-list li:hover > svg{\n transform:rotate(-6deg) scale(1.08);\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));\n color:#fff;\n}\n\n\/* ---- Section T\u00e9l\u00e9chargement: dl-card icon ---- *\/\n.dl-card .dl-icon{\n width:56px !important;height:56px !important;\n border-radius:16px !important;\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.18)) !important;\n border:1px solid rgba(136,58,234,.22);\n box-shadow:0 4px 14px -4px rgba(136,58,234,.35), 0 1px 0 rgba(255,255,255,.08) inset;\n color:rgb(136,58,234);\n transition:transform .4s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease;\n}\n.dl-card .dl-icon svg{\n width:26px !important;height:26px !important;\n stroke:currentColor !important;color:rgb(136,58,234);\n transition:color .3s ease;\n}\n.dl-card:hover .dl-icon{\n transform:rotate(-6deg) scale(1.08);\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250)) !important;\n color:#fff;\n}\n.dl-card:hover .dl-icon svg{color:#fff}\n\n\/* ---- Section Gratuit vs Payant: title icon ---- *\/\n.vs-card h3{display:flex;align-items:center;gap:14px;justify-content:center}\n.vs-card h3 > svg{\n width:48px;height:48px;padding:12px;border-radius:14px;\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.18));\n border:1px solid rgba(136,58,234,.22);\n box-shadow:0 4px 14px -4px rgba(136,58,234,.35), 0 1px 0 rgba(255,255,255,.08) inset;\n color:rgb(136,58,234);stroke:currentColor;\n transition:transform .4s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease;\n}\n.vs-card:hover h3 > svg{\n transform:rotate(-6deg) scale(1.08);\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));\n color:#fff;\n}\n\n\/* ---- FAQ arrow: small chip ---- *\/\n.faq-item .arrow{\n width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;\n border-radius:10px;font-size:.9rem;\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.18));\n border:1px solid rgba(136,58,234,.22);\n color:rgb(167,139,250);\n transition:transform .35s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease;\n}\n.faq-item:hover .faq-q .arrow{background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));color:#fff}\n.faq-item.open .faq-q .arrow{\n transform:rotate(180deg);\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));color:#fff;\n}\n\n\/* ---- Comparatif: \u2713 \/ \u2717 as chip badges ---- *\/\n.compare-table .check,\n.compare-table .cross{font-size:0;text-align:center}\n.compare-table .check::after,\n.compare-table .cross::after{\n content:\"\u2713\";\n display:inline-flex;align-items:center;justify-content:center;\n width:34px;height:34px;border-radius:10px;font-size:.95rem;font-weight:700;\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.22));\n border:1px solid rgba(136,58,234,.28);\n color:rgb(167,139,250);\n box-shadow:0 4px 12px -4px rgba(136,58,234,.35);\n}\n.compare-table .cross::after{\n content:\"\u2717\";\n background:linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.02));\n border-color:rgba(255,255,255,.12);\n color:rgba(255,255,255,.55);\n box-shadow:none;\n}\n\/* Restore text labels on comparatif *\/\n.compare-table td.check, .compare-table td.cross{color:#fff;font-weight:600;font-size:.92rem !important}\n.compare-table td.cross{color:rgba(255,255,255,.7)}\n.compare-table td.check::after, .compare-table td.cross::after{display:none}\n\n\/* Inline icon + text \u2014 perfectly aligned on one line *\/\n.compare-table td.check::before,\n.compare-table td.cross::before{\n display:inline-flex;align-items:center;justify-content:center;\n width:22px;height:22px;border-radius:7px;\n margin-right:8px;font-size:.72rem;font-weight:700;line-height:1;\n vertical-align:middle;flex-shrink:0;\n}\n.compare-table td.check::before{\n content:\"\u2713\";\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));color:#fff;\n box-shadow:0 4px 10px -3px rgba(136,58,234,.5);\n}\n.compare-table td.cross::before{\n content:\"\u2717\";\n background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);\n border:1px solid rgba(255,255,255,.12);\n}\n\n\/* Comparatif: Mobile responsive *\/\n.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}\n@media(max-width:768px){\n .compare-table{min-width:0;width:100%}\n .compare-table th,.compare-table td{padding:10px 10px;font-size:.78rem}\n .compare-table thead th{font-size:.68rem;letter-spacing:.4px;padding:10px 8px}\n .compare-table td.check, .compare-table td.cross{font-size:.78rem !important}\n .compare-table td.check::before,\n .compare-table td.cross::before{\n width:20px;height:20px;border-radius:6px;margin-right:6px;font-size:.65rem;\n }\n}\n@media(max-width:480px){\n .compare-table th,.compare-table td{padding:8px 6px;font-size:.72rem}\n .compare-table thead th{font-size:.58rem;padding:8px 6px;letter-spacing:.2px}\n .compare-table td.check, .compare-table td.cross{font-size:.72rem !important}\n .compare-table td.check::before,\n .compare-table td.cross::before{\n width:18px;height:18px;margin-right:5px;font-size:.58rem;\n }\n}\n\n\/* ---- Footer social icons: align to same chip recipe ---- *\/\n.footer-social{\n background:linear-gradient(135deg, rgba(136,58,234,.10), rgba(167,139,250,.16)) !important;\n border:1px solid rgba(136,58,234,.22) !important;\n color:rgb(167,139,250) !important;\n box-shadow:0 4px 14px -4px rgba(136,58,234,.35), 0 1px 0 rgba(255,255,255,.08) inset !important;\n transition:transform .4s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease !important;\n}\n.footer-social:hover{\n transform:rotate(-6deg) scale(1.08) !important;\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250)) !important;\n color:#fff !important;\n}\n\n\/* Mobile tightening *\/\n@media(max-width:480px){\n .sub-list li > svg,\n .vs-card h3 > svg{width:42px;height:42px;padding:10px;border-radius:12px}\n .dl-card .dl-icon{width:48px !important;height:48px !important;border-radius:14px !important}\n .dl-card .dl-icon svg{width:22px !important;height:22px !important}\n}\n\n\/* === DARK THEME OVERRIDES === *\/\n:root {\n --text: #ffffff;\n --text-muted: rgba(255,255,255,0.65);\n --border: rgba(167,139,250,0.2);\n --bg: #06050d;\n --bg-card: rgba(255,255,255,0.05);\n}\nbody { color: #fff; }\n.nav-logo { color: #fff; }\n.nav-links a { color: rgba(255,255,255,0.75); }\n.burger span { background: #fff; }\nnav.scrolled { background: rgba(10,8,20,.92) !important; border-bottom: 1px solid rgba(167,139,250,.15); }\n.card h3, .dl-card h4 { color: #fff; }\n.card p, .dl-card p { color: rgba(255,255,255,0.65); }\n.step h3 { color: #fff; }\n.step p { color: rgba(255,255,255,0.65); }\n.faq-q { color: #fff; }\n.compare-table td, .compare-table th { color: rgba(255,255,255,.85); }\n.pricing-card h3 { color: #fff; }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"site-bg\" aria-hidden=\"true\"><\/div>\n<div class=\"cursor-dot\" id=\"cursorDot\"><\/div>\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\n<div class=\"particles\" id=\"particles\"><\/div>\n\n\n\n\n\n\n<nav id=\"navbar\" class=\"nav-floating\">\n <div class=\"nav-shell\">\n <a href=\"#\" class=\"nav-logo\">\n <span class=\"logo-mark\">\u25b6<\/span>\n IPTV<span class=\"logo-accent\">Smarters<\/span>\n <\/a>\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/\" class=\"active\">IPTV Smarters Pro<\/a><\/li>\n <li><a href=\"#tarifs\">Abonnement IPTV<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/our-app\/\">Installation<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/blog\/\">Blog<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <div class=\"nav-actions\">\n <a href=\"#tarifs\" class=\"btn btn-primary nav-cta\">Abonnement IPTV<\/a>\n <button class=\"burger\" id=\"burger\" aria-label=\"Menu de navigation\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n <\/div>\n<\/nav>\n\n\n\n\n<section id=\"hero\" class=\"hero-futuristic\">\n <div class=\"hero-bg\">\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-glow hero-glow-1\"><\/div>\n <div class=\"hero-glow hero-glow-2\"><\/div>\n <div class=\"hero-scan\"><\/div>\n <\/div>\n <div class=\"container hero-inner\">\n <div class=\"hero-split\">\n <div class=\"hero-text-col\">\n <div class=\"hero-badge reveal\">\n <span class=\"badge-dot\"><\/span>\n <span>Meilleure Application IPTV 2026<\/span>\n <\/div>\n <h1 class=\"hero-title reveal reveal-delay-1\">\n IPTV Smarters Pro <span class=\"hero-sep\">\u2014<\/span> Meilleure Application IPTV pour <span class=\"text-gradient\">Streaming Premium<\/span>\n <\/h1>\n <p class=\"hero-desc reveal reveal-delay-2\">\n IPTV Smarters Pro est aujourd'hui l'une des meilleures solutions pour acc\u00e9der facilement \u00e0 des contenus TV en ligne. Cette application IPTV puissante permet de profiter de milliers de cha\u00eenes, films et s\u00e9ries en streaming via une interface intuitive et performante.\n <\/p>\n <div class=\"hero-buttons reveal reveal-delay-3\">\n <a href=\"\/abonnement-iptv#offres\" class=\"btn btn-primary\">Voir Nos Offres<\/a>\n <a href=\"\/installation\" class=\"btn btn-glass\">Installer l'application<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image-col\">\n <div class=\"hero-showcase reveal reveal-scale reveal-delay-3\">\n <div class=\"showcase-glow\"><\/div>\n <div class=\"showcase-frame\">\n <img decoding=\"async\" src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/03\/Design-sans-titre-3.png\" alt=\"IPTV Smarters Pro - Application de streaming premium\" class=\"showcase-img\" loading=\"eager\" \/>\n <div class=\"showcase-reflection\"><\/div>\n <\/div>\n <div class=\"showcase-chip showcase-chip-1\"><span class=\"chip-dot\"><\/span>Live \u2022 4K Ultra HD<\/div>\n <div class=\"showcase-chip showcase-chip-2\">20 000+ Cha\u00eenes<\/div>\n <div class=\"showcase-chip showcase-chip-3\">Multi-\u00e9crans<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-glass-card reveal reveal-scale reveal-delay-3\">\n <div class=\"glass-row\">\n <div class=\"glass-stat\"><strong>20K+<\/strong><span>Cha\u00eenes Live<\/span><\/div>\n <div class=\"glass-divider\"><\/div>\n <div class=\"glass-stat\"><strong>4K<\/strong><span>Ultra HD<\/span><\/div>\n <div class=\"glass-divider\"><\/div>\n <div class=\"glass-stat\"><strong>99.9%<\/strong><span>Uptime<\/span><\/div>\n <div class=\"glass-divider\"><\/div>\n <div class=\"glass-stat\"><strong>24\/7<\/strong><span>Support<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section id=\"presentation\" class=\"presentation-futuristic\">\n <div class=\"pres-bg\" aria-hidden=\"true\">\n <div class=\"pres-grid-bg\"><\/div>\n <div class=\"pres-glow pres-glow-1\"><\/div>\n <div class=\"pres-glow pres-glow-2\"><\/div>\n <div class=\"pres-glow pres-glow-3\"><\/div>\n <\/div>\n <div class=\"container pres-inner\">\n <div class=\"pres-header reveal\">\n <span class=\"section-label\">Pr\u00e9sentation<\/span>\n <h2 class=\"section-title\">IPTV Smarters Pro : une application compl\u00e8te pour <span class=\"text-gradient\">TV, films et s\u00e9ries<\/span><\/h2>\n <p class=\"pres-lead\">L'une des solutions les plus populaires pour acc\u00e9der facilement \u00e0 la t\u00e9l\u00e9vision en ligne \u2014 cha\u00eenes TV, films et s\u00e9ries en streaming via Internet, sans antenne ni abonnement classique.<\/p>\n <\/div>\n\n <div class=\"pres-grid\">\n <div class=\"pres-image reveal reveal-left\">\n <div class=\"pres-visual-wrap\">\n <div class=\"pres-visual-aura\"><\/div>\n <div class=\"pres-visual-orbit\"><\/div>\n <div class=\"pres-visual-orbit pres-visual-orbit--2\"><\/div>\n <div class=\"pres-visual-stage\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/04\/iptv-smarters-pro-5-appareils-.webp\" alt=\"Interface IPTV Smarters Pro futuriste\" loading=\"lazy\" width=\"1024\" height=\"1024\" class=\"pres-visual-img\" \/>\n <div class=\"pres-visual-scan\"><\/div>\n <div class=\"pres-visual-particles\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\n <\/div>\n <div class=\"pres-image-halo\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"pres-content reveal reveal-right reveal-delay-1\">\n <p class=\"pres-text\">De plus en plus d'utilisateurs de <strong>France IPTV<\/strong> adoptent IPTV Smarters Pro pour remplacer les offres traditionnelles. Interface intuitive, installation simple et compatibilit\u00e9 avec la plupart des appareils via <strong>code IPTV<\/strong> ou <strong>Xtream Codes<\/strong>.<\/p>\n <p class=\"pres-text\">Smart TV, bo\u00eetier IPTV, Android, iPhone ou PC \u2014 l'application garantit une navigation fluide et une excellente qualit\u00e9 d'image.<\/p>\n\n <ul class=\"pres-features reveal reveal-delay-2\">\n <li><span class=\"pres-check\">\u2713<\/span> Milliers de cha\u00eenes TV France & international<\/li>\n <li><span class=\"pres-check\">\u2713<\/span> Contenus HD, Full HD et IPTV 4K<\/li>\n <li><span class=\"pres-check\">\u2713<\/span> Films r\u00e9cents et s\u00e9ries populaires<\/li>\n <li><span class=\"pres-check\">\u2713<\/span> \u00c9v\u00e9nements sportifs en direct<\/li>\n <li><span class=\"pres-check\">\u2713<\/span> Gestion simple via code IPTV<\/li>\n <li><span class=\"pres-check\">\u2713<\/span> Exp\u00e9rience multi-\u00e9crans personnalis\u00e9e<\/li>\n <\/ul>\n\n <div class=\"pres-callout reveal reveal-delay-3\">\n <p>IPTV Smarters Pro s'impose comme une <strong>r\u00e9f\u00e9rence incontournable<\/strong> pour une solution IPTV fiable, performante et facile \u00e0 utiliser.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section id=\"avantages\" class=\"avantages-light\">\n <div class=\"ava-bg-grid\"><\/div>\n <div class=\"ava-glow ava-glow-1\"><\/div>\n <div class=\"ava-glow ava-glow-2\"><\/div>\n\n <div class=\"container ava-container\">\n <div class=\"ava-header reveal\">\n <span class=\"ava-label\">\n <span class=\"ava-label-dot\"><\/span>\n Avantages\n <\/span>\n <h2 class=\"ava-title\">\n Pourquoi choisir <span class=\"ava-title-grad\">IPTV Smarters Pro<\/span> ?\n <\/h2>\n <p class=\"ava-lead\">\n IPTV Smarters Pro est l'une des meilleures applications IPTV gr\u00e2ce \u00e0 sa performance,\n sa simplicit\u00e9 et ses nombreuses fonctionnalit\u00e9s.\n <\/p>\n <\/div>\n\n <div class=\"ava-grid\">\n <article class=\"ava-card reveal\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><\/svg>\n <\/div>\n <h3>Interface moderne et facile \u00e0 utiliser<\/h3>\n <p>Une interface intuitive qui permet de naviguer facilement entre cha\u00eenes, films et s\u00e9ries, m\u00eame pour les d\u00e9butants.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-1\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n <\/div>\n <h3>Lecture rapide et sans interruption<\/h3>\n <p>Une lecture fluide avec tr\u00e8s peu de buffering pour une exp\u00e9rience de streaming agr\u00e9able.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-2\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 7h16M4 12h16M4 17h10\"\/><circle cx=\"19\" cy=\"17\" r=\"2\"\/><\/svg>\n <\/div>\n <h3>Support des formats M3U et Xtream Codes<\/h3>\n <p>Compatible avec les formats les plus utilis\u00e9s, facilitant l'ajout et la gestion de vos abonnements IPTV.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"14\" height=\"10\" rx=\"2\"\/><rect x=\"10\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\"\/><\/svg>\n <\/div>\n <h3>Compatible avec toutes les plateformes<\/h3>\n <p>Disponible sur Smart TV, Android, iOS, PC et Fire Stick pour une utilisation sur tous vos appareils.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-1\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3.5\"\/><circle cx=\"17\" cy=\"10\" r=\"2.5\"\/><path d=\"M2.5 20a6.5 6.5 0 0 1 13 0\"\/><path d=\"M14 20a4.5 4.5 0 0 1 7.5-3.3\"\/><\/svg>\n <\/div>\n <h3>Gestion multi-\u00e9crans<\/h3>\n <p>Permet de g\u00e9rer plusieurs profils ou abonnements sur un seul appareil facilement.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-2\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n <\/div>\n <h3>Contr\u00f4le parental int\u00e9gr\u00e9<\/h3>\n <p>Offre des options pour restreindre certains contenus et s\u00e9curiser l'acc\u00e8s pour les enfants.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-1\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 10h2v4H8zM12 10h2v4h-2zM16 10h2v4h-2z\"\/><\/svg>\n <\/div>\n <h3>Qualit\u00e9 de streaming FHD et IPTV 4K<\/h3>\n <p>Profitez de contenus en haute qualit\u00e9 avec une bonne connexion Internet.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-2\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg>\n <\/div>\n <h3>Personnalisation avanc\u00e9e<\/h3>\n <p>Options de personnalisation pour adapter l'application \u00e0 vos pr\u00e9f\u00e9rences.<\/p>\n <\/article>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"compatibilite\" class=\"compat-dark\">\n <div class=\"cd-grid\"><\/div>\n <div class=\"cd-glow cd-glow-1\"><\/div>\n <div class=\"cd-glow cd-glow-2\"><\/div>\n <div class=\"cd-scan\"><\/div>\n <div class=\"cd-particles\">\n <span><\/span><span><\/span><span><\/span><span><\/span>\n <span><\/span><span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"container\">\n <div class=\"compat-head reveal\">\n <span class=\"compat-label\">Multi-plateformes<\/span>\n <h2>Une application IPTV compatible avec <span class=\"grad\">tous les appareils<\/span><\/h2>\n <p>L'un des plus grands avantages de cette IPTV application est sa compatibilit\u00e9 universelle. Vous pouvez installer IPTV Smarters Pro sur tous vos \u00e9crans pr\u00e9f\u00e9r\u00e9s.<\/p>\n <\/div>\n\n <div class=\"compat-grid reveal\">\n <div class=\"compat-card\">\n <div class=\"compat-card-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 22h8M12 18v4\"\/><\/svg>\n <\/div>\n <h4>Smart TV<\/h4>\n <p>Samsung, LG et marques compatibles.<\/p>\n <\/div>\n <div class=\"compat-card\">\n <div class=\"compat-card-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M7 21h10M9 17v4M15 17v4\"\/><\/svg>\n <\/div>\n <h4>Android TV & Box<\/h4>\n <p>Box IPTV et Android TV support\u00e9s.<\/p>\n <\/div>\n <div class=\"compat-card\">\n <div class=\"compat-card-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\n <\/div>\n <h4>Android & iPhone<\/h4>\n <p>Smartphones iOS et Android.<\/p>\n <\/div>\n <div class=\"compat-card\">\n <div class=\"compat-card-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <h4>PC Windows & Mac<\/h4>\n <p>Tous les ordinateurs support\u00e9s.<\/p>\n <\/div>\n <div class=\"compat-card\">\n <div class=\"compat-card-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M2 7l10-4 10 4-10 4z\"\/><path d=\"M2 7v10l10 4 10-4V7\"\/><line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <h4>Amazon Fire Stick<\/h4>\n <p>Installation simple et rapide.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"compat-tip reveal reveal-delay-1\">\n <p>Peu importe votre appareil, les applications IPTV comme <strong>IPTV Smarters Pro<\/strong> garantissent une exp\u00e9rience optimis\u00e9e avec une lecture fluide et toutes les fonctionnalit\u00e9s premium accessibles partout.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"fonctionnement\" class=\"howto-light\">\n <div class=\"container\">\n <div class=\"howto-head reveal\">\n <span class=\"howto-label\">Mode d'emploi<\/span>\n <h2>Comment \u00e7a marche <span class=\"grad\">IPTV Smarters Pro<\/span> ?<\/h2>\n <p>IPTV Smarters Pro n'est pas un fournisseur de contenu, mais un lecteur IPTV. Suivez ces 4 \u00e9tapes simples pour d\u00e9marrer.<\/p>\n <\/div>\n\n <div class=\"howto-steps reveal\">\n <div class=\"howto-step\">\n <div class=\"howto-num\">1<\/div>\n <h3>T\u00e9l\u00e9chargez l'application<\/h3>\n <p>Suivez les \u00e9tapes de t\u00e9l\u00e9chargement selon le type de votre appareil (Smart TV, mobile, PC...).<\/p>\n <\/div>\n <div class=\"howto-step\">\n <div class=\"howto-num\">2<\/div>\n <h3>Ajoutez votre abonnement<\/h3>\n <p>Entrez votre code IPTV dans l'application et connectez-vous en quelques secondes.<\/p>\n <\/div>\n <div class=\"howto-step\">\n <div class=\"howto-num\">3<\/div>\n <h3>Chargez votre playlist<\/h3>\n <p>Utilisez un lien M3U ou choisissez l'option Xtream Codes (username, password, URL).<\/p>\n <\/div>\n <div class=\"howto-step\">\n <div class=\"howto-num\">4<\/div>\n <h3>Profitez du contenu<\/h3>\n <p>Acc\u00e9dez instantan\u00e9ment \u00e0 vos cha\u00eenes, films et s\u00e9ries pr\u00e9f\u00e9r\u00e9s en haute qualit\u00e9.<\/p>\n <\/div>\n <\/div>\n\n <p class=\"howto-foot reveal reveal-delay-1\">C'est ce qui rend les applications IPTV comme <strong>IPTV Smarters Pro<\/strong> si flexibles et populaires aupr\u00e8s des utilisateurs du monde entier.<\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"comparatif\">\n <div class=\"container text-center\">\n <span class=\"section-label reveal\">Comparatif<\/span>\n <h2 class=\"section-title reveal\"><span class=\"text-gradient\">IPTV Smarters Pro<\/span> vs Autres Applications IPTV<\/h2>\n <p class=\"section-desc reveal\">Voici pourquoi IPTV Smarters Pro est sup\u00e9rieur \u00e0 d'autres solutions du march\u00e9.<\/p>\n <div class=\"reveal table-wrap\">\n <table class=\"compare-table\">\n <thead>\n <tr><th>Crit\u00e8re<\/th><th>IPTV Smarters Pro<\/th><th>Autres applications IPTV<\/th><\/tr>\n <\/thead>\n <tbody>\n <tr><td>Interface<\/td><td class=\"check\">Moderne<\/td><td class=\"cross\">Basique<\/td><\/tr>\n <tr><td>Performance<\/td><td class=\"check\">Tr\u00e8s rapide<\/td><td class=\"cross\">Variable<\/td><\/tr>\n <tr><td>Compatibilit\u00e9<\/td><td class=\"check\">Tr\u00e8s large<\/td><td class=\"cross\">Limit\u00e9e<\/td><\/tr>\n <tr><td>Fonctionnalit\u00e9s<\/td><td class=\"check\">Avanc\u00e9es<\/td><td class=\"cross\">Standard<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <p class=\"reveal\" style=\"margin-top:28px;color:rgba(255,255,255,.78);font-size:1rem;max-width:720px;margin-left:auto;margin-right:auto\">\n Si vous cherchez une alternative \u00e0 <strong style=\"color:#c4b5fd\">iptv smarter pro<\/strong>, <strong style=\"color:#fff\">IPTV Smarters Pro<\/strong> reste le meilleur choix.\n <\/p>\n <\/div>\n<\/section>\n\n\n\n<section id=\"abonnement\" class=\"subscription-best\">\n <div class=\"container\">\n <div class=\"sub-grid\">\n <div class=\"sub-content reveal\">\n <span class=\"section-label\" style=\"margin-bottom:14px\">Abonnement<\/span>\n <h2>Meilleure Exp\u00e9rience avec un <span class=\"text-gradient\">Abonnement IPTV<\/span><\/h2>\n <p>Pour exploiter pleinement IPTV Smarters Pro, il est essentiel d'avoir un bon abonnement IPTV. Un abonnement de qualit\u00e9 permet :<\/p>\n <ul class=\"sub-list\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"13\" rx=\"2\"\/><path d=\"M8 22h8\"\/><path d=\"M12 19v3\"\/><\/svg> Acc\u00e8s au contenu : cha\u00eenes TV, films, s\u00e9ries<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4\"\/><path d=\"M12 18v4\"\/><path d=\"M4.93 4.93l2.83 2.83\"\/><path d=\"M16.24 16.24l2.83 2.83\"\/><path d=\"M2 12h4\"\/><path d=\"M18 12h4\"\/><path d=\"M4.93 19.07l2.83-2.83\"\/><path d=\"M16.24 7.76l2.83-2.83\"\/><\/svg> Meilleure stabilit\u00e9 de connexion<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg> Qualit\u00e9 vid\u00e9o optimale (HD \/ 4K)<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9 9l6 6\"\/><path d=\"M15 9l-6 6\"\/><\/svg> Moins de buffering et de coupures<\/li>\n <\/ul>\n <div class=\"sub-callout\">\n \u2728 Combinez un <strong>bon abonnement<\/strong> avec l'application pour une <strong>exp\u00e9rience parfaite<\/strong>.\n <\/div>\n <\/div>\n <div class=\"sub-visual reveal reveal-delay-1\" aria-hidden=\"true\">\n <div class=\"sub-ring\"><\/div>\n <div class=\"sub-ring r2\"><\/div>\n <div class=\"sub-orb\"><\/div>\n <img decoding=\"async\" src=\"images\/abonnement-placeholder.png\" alt=\"Abonnement IPTV Smarters Pro\" class=\"sub-core-img\" \/>\n <div class=\"sub-badge b1\">\u25b6 +20 000 cha\u00eenes<\/div>\n <div class=\"sub-badge b2\">\u2713 0 buffering<\/div>\n <div class=\"sub-badge b3\">\u2605 VOD illimit\u00e9<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"tarifs\" class=\"pricing-futuristic\">\n <div class=\"pricing-bg\">\n <div class=\"pricing-grid-bg\"><\/div>\n <div class=\"pricing-glow pricing-glow-1\"><\/div>\n <div class=\"pricing-glow pricing-glow-2\"><\/div>\n <div class=\"pricing-glow pricing-glow-3\"><\/div>\n <div class=\"pricing-particles\">\n <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n <\/div>\n <\/div>\n\n <div class=\"container pricing-inner\">\n <div class=\"pricing-header reveal\">\n <span class=\"section-label\">Tarifs<\/span>\n <h2 class=\"section-title\">Choisissez votre <span class=\"text-gradient\">abonnement IPTV Smarters Pro<\/span><\/h2>\n <p class=\"pricing-lead\">Des formules flexibles, sans engagement. Activation instantan\u00e9e, support 24\/7 et acc\u00e8s illimit\u00e9 \u00e0 plus de 20 000 cha\u00eenes, films et s\u00e9ries en HD, Full HD & 4K.<\/p>\n <\/div>\n\n \n <div class=\"pricing-toggle reveal\" role=\"tablist\" aria-label=\"Type d'abonnement\">\n <button type=\"button\" class=\"ptoggle-btn is-active\" data-target=\"solo\" role=\"tab\" aria-selected=\"true\">\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n 1 \u00c9cran\n <\/button>\n <button type=\"button\" class=\"ptoggle-btn\" data-target=\"duo\" role=\"tab\" aria-selected=\"false\">\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"11\" height=\"9\" rx=\"1.5\"\/><rect x=\"11\" y=\"10\" width=\"11\" height=\"9\" rx=\"1.5\"\/><\/svg>\n 2 \u00c9crans\n <\/button>\n <span class=\"ptoggle-slider\" aria-hidden=\"true\"><\/span>\n <\/div>\n\n \n <div class=\"pricing-cards pricing-cards--futuristic pricing-pane is-active\" data-pane=\"solo\">\n\n \n <article class=\"pcard reveal\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\n <\/div>\n <h3>3 Mois<\/h3>\n <p class=\"pcard-sub\">1 \u00c9cran \u00b7 Id\u00e9al pour d\u00e9marrer<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">25<\/span>\n <span class=\"pcard-period\">\/ 3 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV France & Monde<\/li>\n <li>Films & s\u00e9ries HD \/ Full HD \/ 4K<\/li>\n <li>Compatible Smart TV, Box, Mobile<\/li>\n <li>Anti-buffering & serveur stable<\/li>\n <li>Support 24\/7<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=3mois-1ecran\" class=\"pcard-cta\">Choisir 3 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-1\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n <\/div>\n <h3>6 Mois<\/h3>\n <p class=\"pcard-sub\">1 \u00c9cran \u00b7 Le bon compromis<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">39<\/span>\n <span class=\"pcard-period\">\/ 6 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Films & s\u00e9ries en <strong>4K<\/strong><\/li>\n <li>VOD illimit\u00e9e \u2014 Netflix, Disney+, Prime<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Support 24\/7<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=6mois-1ecran\" class=\"pcard-cta\">Choisir 6 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard pcard--featured reveal reveal-delay-2\">\n <div class=\"pcard-badge\">\n <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"currentColor\"><path d=\"M12 2l2.39 7.36H22l-6.18 4.49L18.21 22 12 17.27 5.79 22l2.39-8.15L2 9.36h7.61z\"\/><\/svg>\n Populaire\n <\/div>\n <div class=\"pcard-aura pcard-aura--strong\"><\/div>\n <div class=\"pcard-border pcard-border--strong\"><\/div>\n <div class=\"pcard-orbit\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon pcard-icon--strong\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h7v8l10-12h-7z\"\/><\/svg>\n <\/div>\n <h3>12 Mois<\/h3>\n <p class=\"pcard-sub\">1 \u00c9cran \u00b7 Le choix de 80% de nos clients<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">59<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>+20 000 cha\u00eenes<\/strong> TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong> garantie<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Activation <strong>instantan\u00e9e<\/strong><\/li>\n <li>Support VIP 24\/7<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=12mois-1ecran\" class=\"pcard-cta pcard-cta--primary\">Choisir 12 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-3\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3 7h7l-5.5 4.5L18 22l-6-4-6 4 1.5-8.5L2 9h7z\"\/><\/svg>\n <\/div>\n <h3>24 Mois<\/h3>\n <p class=\"pcard-sub\">1 \u00c9cran \u00b7 Maximum d'\u00e9conomies<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">99<\/span>\n <span class=\"pcard-period\">\/ 24 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>Tout le contenu <strong>4K Ultra HD<\/strong><\/li>\n <li>+20 000 cha\u00eenes mondiales<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Configuration offerte<\/li>\n <li>Support VIP prioritaire<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=24mois-1ecran\" class=\"pcard-cta\">Choisir 24 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n <\/div>\n\n \n <div class=\"pricing-cards pricing-cards--futuristic pricing-pane\" data-pane=\"duo\">\n\n \n <article class=\"pcard reveal\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\n <\/div>\n <h3>3 Mois<\/h3>\n <p class=\"pcard-sub\">2 \u00c9crans \u00b7 Pour le foyer<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">39<\/span>\n <span class=\"pcard-period\">\/ 3 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV France & Monde<\/li>\n <li>Films & s\u00e9ries HD \/ Full HD \/ 4K<\/li>\n <li><strong>2 connexions<\/strong> simultan\u00e9es<\/li>\n <li>Anti-buffering & serveur stable<\/li>\n <li>Support 24\/7<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=3mois-2ecrans\" class=\"pcard-cta\">Choisir 3 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-1\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n <\/div>\n <h3>6 Mois<\/h3>\n <p class=\"pcard-sub\">2 \u00c9crans \u00b7 Le bon compromis<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">59<\/span>\n <span class=\"pcard-period\">\/ 6 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Films & s\u00e9ries en <strong>4K<\/strong><\/li>\n <li><strong>2 connexions<\/strong> simultan\u00e9es<\/li>\n <li>VOD illimit\u00e9e \u2014 Netflix, Disney+, Prime<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=6mois-2ecrans\" class=\"pcard-cta\">Choisir 6 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard pcard--featured reveal reveal-delay-2\">\n <div class=\"pcard-badge\">\n <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"currentColor\"><path d=\"M12 2l2.39 7.36H22l-6.18 4.49L18.21 22 12 17.27 5.79 22l2.39-8.15L2 9.36h7.61z\"\/><\/svg>\n Populaire\n <\/div>\n <div class=\"pcard-aura pcard-aura--strong\"><\/div>\n <div class=\"pcard-border pcard-border--strong\"><\/div>\n <div class=\"pcard-orbit\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon pcard-icon--strong\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h7v8l10-12h-7z\"\/><\/svg>\n <\/div>\n <h3>12 Mois<\/h3>\n <p class=\"pcard-sub\">2 \u00c9crans \u00b7 Id\u00e9al en famille<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">89<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>+20 000 cha\u00eenes<\/strong> TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong> garantie<\/li>\n <li><strong>2 connexions<\/strong> simultan\u00e9es<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Support VIP 24\/7<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=12mois-2ecrans\" class=\"pcard-cta pcard-cta--primary\">Choisir 12 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-3\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3 7h7l-5.5 4.5L18 22l-6-4-6 4 1.5-8.5L2 9h7z\"\/><\/svg>\n <\/div>\n <h3>24 Mois<\/h3>\n <p class=\"pcard-sub\">2 \u00c9crans \u00b7 Maximum d'\u00e9conomies<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">149<\/span>\n <span class=\"pcard-period\">\/ 24 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>Tout le contenu <strong>4K Ultra HD<\/strong><\/li>\n <li>+20 000 cha\u00eenes mondiales<\/li>\n <li><strong>2 connexions<\/strong> simultan\u00e9es<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Configuration offerte<\/li>\n <li>Support VIP prioritaire<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=24mois-2ecrans\" class=\"pcard-cta\">Choisir 24 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n <\/div>\n\n <p class=\"pricing-foot reveal\">\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n Paiement 100% s\u00e9curis\u00e9 \u00b7 Sans engagement \u00b7 Garantie satisfait ou rembours\u00e9 7 jours\n <\/p>\n <\/div>\n<\/section>\n\n\n\n<script>\n(function(){\n const cards=document.querySelectorAll('.pricing-futuristic .pcard');\n cards.forEach(c=>{\n c.addEventListener('mousemove',e=>{\n const r=c.getBoundingClientRect();\n c.style.setProperty('--mx',((e.clientX-r.left)\/r.width*100)+'%');\n c.style.setProperty('--my',((e.clientY-r.top)\/r.height*100)+'%');\n });\n });\n\n \/\/ Toggle 1 \u00e9cran \/ 2 \u00e9crans\n const toggle=document.querySelector('.pricing-toggle');\n if(!toggle) return;\n const btns=toggle.querySelectorAll('.ptoggle-btn');\n const panes=document.querySelectorAll('.pricing-pane');\n btns.forEach(btn=>{\n btn.addEventListener('click',()=>{\n const target=btn.dataset.target;\n btns.forEach(b=>{\n const active=b===btn;\n b.classList.toggle('is-active',active);\n b.setAttribute('aria-selected',active?'true':'false');\n });\n panes.forEach(p=>{\n p.classList.toggle('is-active',p.dataset.pane===target);\n });\n toggle.setAttribute('data-pos',target);\n });\n });\n})();\n<\/script>\n\n\n\n<section id=\"avis\" class=\"reviews-section\">\n <div class=\"container\">\n <div class=\"reviews-head\">\n <span class=\"section-label reveal\">Avis clients<\/span>\n <h2 class=\"section-title reveal\">Ce qu'en disent <span class=\"text-gradient\">nos abonn\u00e9s<\/span><\/h2>\n <p class=\"section-desc reveal\">Plus de 50 000 utilisateurs font confiance \u00e0 IPTV Smarters Pro pour leur divertissement quotidien. Voici quelques retours r\u00e9cents.<\/p>\n <div class=\"reviews-rating reveal\">\n <div class=\"reviews-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <strong>4,9 \/ 5<\/strong>\n <span>bas\u00e9 sur +2 800 avis v\u00e9rifi\u00e9s<\/span>\n <\/div>\n <\/div>\n\n <div class=\"reviews-carousel reveal\" aria-roledescription=\"carousel\">\n <button class=\"rc-arrow rc-prev\" aria-label=\"Avis pr\u00e9c\u00e9dent\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n <\/button>\n\n <div class=\"rc-viewport\">\n <div class=\"rc-track\">\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Vraiment bluff\u00e9 par la qualit\u00e9 4K, je regarde la Ligue des Champions sans aucune coupure m\u00eame en heure de pointe. Installation faite en 5 minutes sur ma Smart TV Samsung. Le support a r\u00e9pondu \u00e0 ma question en moins de 10 minutes un dimanche soir, chapeau !<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#6366f1,#8b5cf6)\">T<\/div>\n <div class=\"review-author-info\">\n <strong>Thomas L.<\/strong>\n <span>Marseille \u00b7 Abonn\u00e9 depuis 8 mois<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Mon mari et moi cherchions une solution pour avoir les cha\u00eenes du Maghreb depuis Bruxelles, on a trouv\u00e9 notre bonheur. Plus de 200 cha\u00eenes arabes en HD, des films r\u00e9cents, et un support qui parle fran\u00e7ais. Mes parents qui sont au Maroc l'utilisent aussi et adorent.<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#ec4899,#f43f5e)\">L<\/div>\n <div class=\"review-author-info\">\n <strong>Leila B.<\/strong>\n <span>Bruxelles \u00b7 Abonn\u00e9e depuis 1 an<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Honn\u00eatement, j'\u00e9tais sceptique au d\u00e9but parce que j'ai d\u00e9j\u00e0 \u00e9t\u00e9 d\u00e9\u00e7u par d'autres services. Mais l\u00e0, \u00e7a fait 6 mois que je l'utilise et z\u00e9ro probl\u00e8me. La VOD est \u00e9norme, les nouveaut\u00e9s Netflix sortent rapidement et je peux regarder sur 2 \u00e9crans en m\u00eame temps.<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#10b981,#059669)\">A<\/div>\n <div class=\"review-author-info\">\n <strong>Adrien D.<\/strong>\n <span>Lyon \u00b7 Abonn\u00e9 depuis 6 mois<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Je suis fan de sport, je regarde absolument tout : Premier League, NBA, MMA, Formule 1. Avant, je payais 4 abonnements diff\u00e9rents. Maintenant un seul, et je ne loupe jamais un match. La qualit\u00e9 4K sur ma TV LG est juste incroyable.<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#f59e0b,#ef4444)\">K<\/div>\n <div class=\"review-author-info\">\n <strong>Karim M.<\/strong>\n <span>Casablanca \u00b7 Abonn\u00e9 depuis 3 mois<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Mes enfants regardent tous les dessins anim\u00e9s en plusieurs langues, c'est top pour qu'ils apprennent l'anglais. Et moi je regarde mes s\u00e9ries en VO. L'app est simple \u00e0 prendre en main, m\u00eame ma m\u00e8re qui est peu \u00e0 l'aise avec la tech s'en sort. Je recommande \u00e0 tous les parents.<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#06b6d4,#3b82f6)\">\u00c9<\/div>\n <div class=\"review-author-info\">\n <strong>\u00c9milie R.<\/strong>\n <span>Nantes \u00b7 Abonn\u00e9e depuis 4 mois<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Service client au top. J'ai eu un souci de connexion apr\u00e8s une mise \u00e0 jour de ma Fire Stick, ils m'ont guid\u00e9 pas \u00e0 pas par WhatsApp et tout fonctionnait en 15 minutes. Le rapport qualit\u00e9-prix est imbattable, j'ai pris l'offre 2 ans pour \u00e9conomiser encore plus.<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#a855f7,#ec4899)\">N<\/div>\n <div class=\"review-author-info\">\n <strong>Nicolas P.<\/strong>\n <span>Gen\u00e8ve \u00b7 Abonn\u00e9 depuis 2 ans<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n\n <button class=\"rc-arrow rc-next\" aria-label=\"Avis suivant\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n <\/button>\n\n <div class=\"rc-dots\" role=\"tablist\" aria-label=\"Choisir un avis\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n.reviews-section{position:relative;padding:120px 0;overflow:hidden;background:linear-gradient(180deg,#07060d 0%,#0d0a1f 50%,#07060d 100%)}\n.reviews-section::before{content:\"\";position:absolute;top:20%;left:-10%;width:500px;height:500px;border-radius:50%;background:rgba(136,58,234,.15);filter:blur(140px);pointer-events:none;z-index:0}\n.reviews-section::after{content:\"\";position:absolute;bottom:10%;right:-10%;width:480px;height:480px;border-radius:50%;background:rgba(167,139,250,.12);filter:blur(140px);pointer-events:none;z-index:0}\n.reviews-section .container{position:relative;z-index:1}\n\n.reviews-head{text-align:center;max-width:760px;margin:0 auto 60px}\n.reviews-head .section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;color:#fff;margin:0 0 18px}\n.reviews-head .section-desc{color:rgba(255,255,255,.7);font-size:1.02rem;margin:0 0 24px}\n\n.reviews-rating{display:inline-flex;align-items:center;gap:14px;padding:12px 22px;border-radius:99px;background:rgba(20,12,40,.6);border:1px solid rgba(167,109,255,.25);backdrop-filter:blur(14px);flex-wrap:wrap;justify-content:center}\n.reviews-stars{display:flex;gap:3px;color:#fbbf24}\n.reviews-stars svg{width:20px;height:20px}\n.reviews-rating strong{font-family:'Outfit',sans-serif;font-size:1.15rem;color:#fff;font-weight:700}\n.reviews-rating span{color:rgba(255,255,255,.6);font-size:.88rem}\n\n\/* === Carrousel === *\/\n.reviews-carousel{position:relative;max-width:1200px;margin:0 auto;padding:0 70px}\n.rc-viewport{overflow:hidden;border-radius:22px}\n.rc-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}\n.rc-slide{flex:0 0 calc(100% \/ 3);padding:0 12px;box-sizing:border-box}\n@media(max-width:1024px){.rc-slide{flex-basis:50%}}\n@media(max-width:680px){.rc-slide{flex-basis:100%}.reviews-carousel{padding:0 16px}}\n\n.review-card{position:relative;display:flex;flex-direction:column;height:100%;padding:32px 28px;border-radius:20px;background:linear-gradient(160deg,rgba(30,18,60,.65),rgba(13,9,28,.85));border:1px solid rgba(167,109,255,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:.4s;overflow:hidden}\n.review-card:hover{transform:translateY(-4px);border-color:rgba(167,109,255,.45);box-shadow:0 24px 50px -12px rgba(136,58,234,.4)}\n.review-card::before{content:\"\";position:absolute;top:24px;right:24px;width:44px;height:44px;background:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='rgba(167,139,250,0.18)'><path d='M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z'\/><\/svg>\") no-repeat center\/contain;pointer-events:none}\n\n.review-stars{display:flex;gap:3px;margin-bottom:16px;color:#fbbf24}\n.review-stars svg{width:18px;height:18px}\n.review-quote{color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.7;margin:0 0 24px;flex:1;font-style:italic}\n.review-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px dashed rgba(167,109,255,.18)}\n.review-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-weight:700;color:#fff;font-size:1.05rem;flex-shrink:0}\n.review-author-info{flex:1;min-width:0}\n.review-author-info strong{display:block;color:#fff;font-size:.94rem;font-weight:600}\n.review-author-info span{color:rgba(255,255,255,.5);font-size:.78rem}\n.review-verified{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:#86efac;display:flex;align-items:center;justify-content:center}\n.review-verified svg{width:13px;height:13px}\n\n\/* Arrows *\/\n.reviews-carousel .rc-arrow{\n position:absolute!important;top:50%!important;\n transform:translateY(-50%)!important;\n width:48px!important;height:48px!important;\n min-width:48px!important;min-height:48px!important;\n padding:0!important;margin:0!important;\n border-radius:50%!important;\n background:rgba(20,12,40,.85)!important;\n border:1px solid rgba(167,109,255,.4)!important;\n color:#fff!important;\n cursor:pointer!important;\n display:flex!important;\n align-items:center!important;justify-content:center!important;\n transition:background .3s,border-color .3s,transform .3s,box-shadow .3s!important;\n backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n z-index:10!important;\n font-size:0;line-height:0;\n appearance:none;-webkit-appearance:none;\n outline:none;\n box-shadow:0 6px 20px -4px rgba(0,0,0,.5);\n}\n.reviews-carousel .rc-arrow svg{\n width:20px!important;height:20px!important;\n display:block!important;\n stroke:#fff!important;\n fill:none!important;\n pointer-events:none;\n}\n.reviews-carousel .rc-arrow:hover{\n background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)))!important;\n border-color:transparent!important;\n transform:translateY(-50%) scale(1.08)!important;\n box-shadow:0 10px 28px -6px rgba(var(--violet),.7)!important;\n}\n.reviews-carousel .rc-arrow:hover svg{stroke:#fff!important}\n.reviews-carousel .rc-prev{left:0!important;right:auto!important}\n.reviews-carousel .rc-next{right:0!important;left:auto!important}\n@media(max-width:680px){\n .reviews-carousel .rc-arrow{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;background:rgba(20,12,40,.85)!important}\n .reviews-carousel .rc-prev{left:-4px!important}\n .reviews-carousel .rc-next{right:-4px!important}\n}\n\n\/* Dots *\/\n.rc-dots{display:flex;justify-content:center;gap:8px;margin-top:32px}\n.rc-dot{width:8px;height:8px;border-radius:99px;background:rgba(167,109,255,.25);border:none;cursor:pointer;transition:.35s ease;padding:0}\n.rc-dot:hover{background:rgba(167,109,255,.5)}\n.rc-dot.is-active{width:28px;background:linear-gradient(90deg,rgb(var(--violet)),rgb(var(--violet-light)));box-shadow:0 0 14px rgba(var(--violet),.6)}\n<\/style>\n\n<script>\n(function(){\n const carousel = document.querySelector('.reviews-carousel');\n if(!carousel) return;\n const track = carousel.querySelector('.rc-track');\n const slides = Array.from(carousel.querySelectorAll('.rc-slide'));\n const prev = carousel.querySelector('.rc-prev');\n const next = carousel.querySelector('.rc-next');\n const dotsWrap = carousel.querySelector('.rc-dots');\n if(slides.length === 0) return;\n\n let perView = 3;\n let index = 0;\n let autoTimer = null;\n const AUTO_DELAY = 6000;\n\n function computePerView(){\n const w = window.innerWidth;\n if(w <= 680) return 1;\n if(w <= 1024) return 2;\n return 3;\n }\n\n function maxIndex(){\n return Math.max(0, slides.length - perView);\n }\n\n function buildDots(){\n dotsWrap.innerHTML = '';\n const total = maxIndex() + 1;\n for(let i = 0; i < total; i++){\n const b = document.createElement('button');\n b.className = 'rc-dot' + (i === index ? ' is-active' : '');\n b.setAttribute('role','tab');\n b.setAttribute('aria-label','Aller \u00e0 l\\'avis ' + (i+1));\n b.addEventListener('click', () => goTo(i));\n dotsWrap.appendChild(b);\n }\n }\n\n function update(){\n const offset = -(100 \/ perView) * index;\n track.style.transform = 'translateX(' + offset + '%)';\n dotsWrap.querySelectorAll('.rc-dot').forEach((d, i) => {\n d.classList.toggle('is-active', i === index);\n });\n }\n\n function goTo(i){\n const max = maxIndex();\n if(i < 0) i = max;\n if(i > max) i = 0;\n index = i;\n update();\n }\n\n function nextSlide(){ goTo(index + 1); }\n function prevSlide(){ goTo(index - 1); }\n\n function startAuto(){\n stopAuto();\n autoTimer = setInterval(nextSlide, AUTO_DELAY);\n }\n function stopAuto(){\n if(autoTimer){ clearInterval(autoTimer); autoTimer = null; }\n }\n\n \/\/ === Init ===\n function rebuild(){\n perView = computePerView();\n if(index > maxIndex()) index = maxIndex();\n buildDots();\n update();\n }\n rebuild();\n\n \/\/ === Bindings ===\n prev.addEventListener('click', () => { prevSlide(); startAuto(); });\n next.addEventListener('click', () => { nextSlide(); startAuto(); });\n\n \/\/ Pause sur hover\n carousel.addEventListener('mouseenter', stopAuto);\n carousel.addEventListener('mouseleave', startAuto);\n\n \/\/ Resize\n let resizeT;\n window.addEventListener('resize', () => {\n clearTimeout(resizeT);\n resizeT = setTimeout(rebuild, 150);\n });\n\n \/\/ === Swipe tactile ===\n let touchStartX = 0, touchEndX = 0;\n const viewport = carousel.querySelector('.rc-viewport');\n viewport.addEventListener('touchstart', e => {\n touchStartX = e.changedTouches[0].screenX;\n stopAuto();\n }, { passive: true });\n viewport.addEventListener('touchend', e => {\n touchEndX = e.changedTouches[0].screenX;\n const diff = touchStartX - touchEndX;\n if(Math.abs(diff) > 50){\n if(diff > 0) nextSlide(); else prevSlide();\n }\n startAuto();\n }, { passive: true });\n\n \/\/ === Auto-play start (uniquement si visible dans le viewport) ===\n const io = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if(e.isIntersecting) startAuto(); else stopAuto();\n });\n }, { threshold: 0.2 });\n io.observe(carousel);\n})();\n<\/script>\n\n\n\n<section id=\"telecharger\">\n <div class=\"container text-center\">\n <span class=\"section-label reveal\">T\u00e9l\u00e9chargement<\/span>\n <h2 class=\"section-title reveal\">T\u00e9l\u00e9charger et installer <span class=\"text-gradient\">IPTV Smarters Pro<\/span> sur tous vos appareils<\/h2>\n <p class=\"section-desc reveal\">Une seule app, tous vos \u00e9crans. Choisissez votre plateforme.<\/p>\n <div class=\"download-cards\">\n <a class=\"dl-card reveal\" href=\"\/installation\"><div class=\"dl-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(167,139,250)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"13\" rx=\"2\"\/><path d=\"M8 21h8\"\/><path d=\"M12 17v4\"\/><\/svg><\/div><h4>Bo\u00eetier IPTV<\/h4><p>Box Android & MAG<\/p><\/a>\n <a class=\"dl-card reveal reveal-delay-1\" href=\"\/installation\"><div class=\"dl-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(167,139,250)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M7 21h10\"\/><path d=\"M12 17v4\"\/><\/svg><\/div><h4>Smart TV<\/h4><p>Samsung & LG<\/p><\/a>\n <a class=\"dl-card reveal reveal-delay-2\" href=\"\/installation\"><div class=\"dl-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(167,139,250)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"3\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg><\/div><h4>Android<\/h4><p>Smartphone & Tablette<\/p><\/a>\n <a class=\"dl-card reveal reveal-delay-3\" href=\"\/installation\"><div class=\"dl-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(167,139,250)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16.5 2c0 2-2 3.5-3.5 3.5S9.5 4 9.5 2\"\/><path d=\"M19 8c-1 0-2 .5-3 .5s-2-.5-3-.5-2 .5-3 .5-2-.5-3-.5c-2 0-3.5 2-3.5 5.5 0 4 2 8 5 8 1.25 0 2.5-1.06 4-1.06s2.75 1.06 4 1.06c3 0 5-4 5-8C22.5 10 21 8 19 8z\"\/><\/svg><\/div><h4>Apple<\/h4><p>iPhone, iPad & Apple TV<\/p><\/a>\n <a class=\"dl-card reveal\" href=\"\/installation\"><div class=\"dl-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(167,139,250)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\/><rect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\/><rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\/><rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\/><\/svg><\/div><h4>Windows<\/h4><p>Windows 10 \/ 11<\/p><\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"gratuit-vs-payant\">\n <div class=\"container text-center\">\n <span class=\"section-label reveal\">Versions<\/span>\n <h2 class=\"section-title reveal\">Diff\u00e9rence entre <span class=\"text-gradient\">IPTV Smarters Pro<\/span> gratuit et <span class=\"text-gradient\">Smarters Pro<\/span> payant<\/h2>\n <p class=\"section-desc reveal\">Comprenez ce qui distingue les deux versions de l'application.<\/p>\n <div class=\"vs-grid\">\n <div class=\"vs-card free reveal\">\n <h3>\n <img decoding=\"async\" src=\"images\/logo-free.png\" alt=\"Logo gratuit\" class=\"vs-logo\" \/>\n IPTV Smarters Pro (gratuit)\n <\/h3>\n <ul>\n <li>Application <strong>gratuite<\/strong><\/li>\n <li><em>N'est pas disponible<\/em> sur Google Play<\/li>\n <li>Inclut les fonctionnalit\u00e9s de <strong>rattrapage<\/strong><\/li>\n <li>T\u00e9l\u00e9chargement via APK officiel<\/li>\n <li>Id\u00e9al pour d\u00e9marrer rapidement<\/li>\n <\/ul>\n <\/div>\n <div class=\"vs-card paid reveal reveal-delay-1\">\n <h3>\n <img decoding=\"async\" src=\"images\/logo-paid.png\" alt=\"Logo payant\" class=\"vs-logo\" \/>\n Smarters Pro (payante)\n <\/h3>\n <ul>\n <li>Application <strong>payante<\/strong><\/li>\n <li><strong>Disponible<\/strong> sur Google Play<\/li>\n <li>Toutes les <strong>caract\u00e9ristiques premium<\/strong><\/li>\n <li>Mises \u00e0 jour automatiques<\/li>\n <li>Support prioritaire<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"faq\">\n <div class=\"container text-center\">\n <span class=\"section-label reveal\">FAQ<\/span>\n <h2 class=\"section-title reveal\">FAQ \u2014 <span class=\"text-gradient\">IPTV Smarters Pro<\/span><\/h2>\n <p class=\"section-desc reveal\">Toutes les r\u00e9ponses aux questions les plus fr\u00e9quentes.<\/p>\n <div class=\"faq-list\">\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">IPTV Smarters Pro est-il gratuit ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>Oui, IPTV Smarters Pro est une application <strong>100% gratuite<\/strong>. Vous n'avez besoin que d'un abonnement IPTV s\u00e9par\u00e9 (lien M3U ou identifiants Xtream Codes) pour l'utiliser.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Sur combien d'appareils puis-je utiliser mon abonnement IPTV avec IPTV Smarters Pro ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>Cela d\u00e9pend de votre fournisseur d'abonnement IPTV. La plupart autorisent <strong>1 \u00e0 2 connexions simultan\u00e9es<\/strong>, mais l'application peut \u00eatre install\u00e9e sur autant d'appareils que vous le souhaitez.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Comment utiliser IPTV Smarters Pro avec un abonnement IPTV ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>T\u00e9l\u00e9chargez l'application, ouvrez-la, choisissez \u00ab Xtream Codes API \u00bb ou \u00ab M3U URL \u00bb, saisissez vos identifiants re\u00e7us par votre fournisseur, puis profitez de votre contenu en quelques secondes.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Faut-il une parabole ou un satellite pour utiliser IPTV Smarters Pro ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p><strong>Non<\/strong>. IPTV Smarters Pro fonctionne uniquement avec une <strong>connexion internet<\/strong> (Wi-Fi ou Ethernet). Aucune parabole, antenne ou mat\u00e9riel satellite n'est n\u00e9cessaire.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Quel est le temps de r\u00e9ponse du support technique IPTV Smarters Pro ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>Notre support est disponible <strong>24\/7<\/strong>. Le temps de r\u00e9ponse moyen est de <strong>moins de 30 minutes<\/strong> par ticket ou chat en direct.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">J'ai saisi mon code IPTV sur IPTV Smarters Pro mais \u00e7a ne fonctionne pas, que faire ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>V\u00e9rifiez que vos identifiants (utilisateur, mot de passe et URL) sont corrects, sans espace. V\u00e9rifiez votre connexion internet et que votre abonnement est <strong>actif<\/strong>. Si le probl\u00e8me persiste, contactez votre fournisseur ou notre support.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Les cha\u00eenes ne fonctionnent pas sur IPTV Smarters Pro, quelle est la solution ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>Essayez de <strong>vider le cache<\/strong> de l'application, v\u00e9rifiez votre d\u00e9bit internet (minimum 10 Mbps recommand\u00e9 pour la HD, 25 Mbps pour la 4K), et changez de lecteur dans les param\u00e8tres (<em>Decoder 1<\/em> \/ <em>Software Decoder<\/em>).<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Un bo\u00eetier IPTV peut-il transformer mon t\u00e9l\u00e9viseur en Smart TV ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p><strong>Oui<\/strong>. Un bo\u00eetier IPTV (Android Box, MAG, Fire Stick\u2026) connect\u00e9 \u00e0 n'importe quel t\u00e9l\u00e9viseur via HDMI permet d'installer IPTV Smarters Pro et de le transformer instantan\u00e9ment en <strong>Smart TV<\/strong>.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Offrez-vous des services revendeur ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p><strong>Oui<\/strong>. Nous proposons un programme revendeur avec des panels d\u00e9di\u00e9s, des tarifs d\u00e9gressifs et un support prioritaire. Contactez-nous via notre support pour recevoir l'offre compl\u00e8te.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<section id=\"cta-final\">\n <h2>Pr\u00eat \u00e0 d\u00e9couvrir IPTV Smarters ?<\/h2>\n <p>Rejoignez des millions d'utilisateurs et profitez du meilleur du streaming. Essai gratuit, sans engagement.<\/p>\n <a href=\"\/abonnement-iptv#offres\" class=\"btn\">Voir les abonnements \u2192<\/a>\n<\/section>\n\n\n\n<footer class=\"site-footer\" id=\"contact\">\n <div class=\"container\">\n <div class=\"footer-top\">\n <div class=\"footer-brand-block\">\n <a href=\"#\" class=\"footer-logo\">\n <span class=\"logo-mark\">\u25b6<\/span>\n IPTV<span>Smarters<\/span>\n <\/a>\n <p class=\"footer-tagline\">La plateforme de streaming nouvelle g\u00e9n\u00e9ration. Contenu illimit\u00e9, qualit\u00e9 premium, disponible partout.<\/p>\n <div class=\"footer-socials\" aria-label=\"R\u00e9seaux sociaux\">\n <a href=\"#\" class=\"footer-social\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.7l-.4 2.9h-2.3v7A10 10 0 0 0 22 12z\"\/><\/svg><\/a>\n <a href=\"#\" class=\"footer-social\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/a>\n <a href=\"#\" class=\"footer-social\" aria-label=\"Twitter \/ X\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2H21l-6.52 7.45L22 22h-6.78l-4.7-6.14L4.95 22H2.19l6.97-7.96L2 2h6.91l4.25 5.62L18.24 2zm-2.38 18h1.85L7.23 4H5.27l10.59 16z\"\/><\/svg><\/a>\n <a href=\"#\" class=\"footer-social\" aria-label=\"YouTube\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23 7.2s-.2-1.6-.9-2.3c-.8-.9-1.7-.9-2.1-1C16.7 3.6 12 3.6 12 3.6s-4.7 0-8 .3c-.4 0-1.3.1-2.1 1C1.2 5.6 1 7.2 1 7.2S.8 9 .8 10.9v1.7c0 1.8.2 3.7.2 3.7s.2 1.6.9 2.3c.8.9 1.9.8 2.4.9 1.7.2 7.7.3 7.7.3s4.7 0 8-.3c.5 0 1.3-.1 2.1-1 .7-.7.9-2.3.9-2.3s.2-1.8.2-3.7v-1.7c0-1.8-.2-3.6-.2-3.6zM9.7 14.6V8.3l6.2 3.2-6.2 3.1z\"\/><\/svg><\/a>\n <a href=\"#\" class=\"footer-social\" aria-label=\"Telegram\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.9 4.3c-.3-.3-.7-.4-1.1-.3L2.7 11.2c-.5.2-.8.6-.8 1.1 0 .5.3.9.8 1.1l4.5 1.6 1.7 5.3c.1.3.4.6.7.7.3.1.7 0 1-.2l2.6-2.4 4.5 3.3c.2.2.5.2.8.2.6 0 1.1-.4 1.2-1l3.2-15.4c.1-.4 0-.8-.2-1.1zM9.5 14.7l-.6 4.2-1.3-4.1 8.3-6.4-6.4 6.3z\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;gap:8px!important;margin:0 0 18px!important\"><span style=\"display:inline-block!important;width:6px!important;height:6px!important;min-width:6px!important;border-radius:50%!important;background:rgb(167,139,250)!important;box-shadow:0 0 10px rgb(167,139,250)!important;flex-shrink:0!important\"><\/span>Produit<\/h4>\n <ul>\n <li><a href=\"\/abonnement-iptv\">Abonnement IPTV<\/a><\/li>\n <li><a href=\"\/installation\">Installation<\/a><\/li>\n <li><a href=\"\/blog\">Blog<\/a><\/li>\n <li><a href=\"\/abonnement-iptv#offres\">Tarifs<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;gap:8px!important;margin:0 0 18px!important\"><span style=\"display:inline-block!important;width:6px!important;height:6px!important;min-width:6px!important;border-radius:50%!important;background:rgb(167,139,250)!important;box-shadow:0 0 10px rgb(167,139,250)!important;flex-shrink:0!important\"><\/span>L\u00e9gales<\/h4>\n <ul>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/politique-de-confidentialite\/\">Politique de confidentialit\u00e9<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/politique-de-remboursement\/\">Politique de remboursement<\/a><\/li>\n <li><a href=\"\/installation\">Mention l\u00e9gales<\/a><\/li>\n <li><a href=\"\/installation\">CGU-CGV<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/447575858113\" target=\"_blank\">WhatsApp Support<\/a><\/li>\n <li><a href=\"mailto:smartersofficial2024@gmail.com\">Email Support<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;gap:8px!important;margin:0 0 18px!important\"><span style=\"display:inline-block!important;width:6px!important;height:6px!important;min-width:6px!important;border-radius:50%!important;background:rgb(167,139,250)!important;box-shadow:0 0 10px rgb(167,139,250)!important;flex-shrink:0!important\"><\/span>Contact<\/h4>\n <ul>\n <li><a href=\"https:\/\/wa.me\/447575858113\" target=\"_blank\">+44 7575 858113<\/a><\/li>\n <li><a href=\"mailto:smartersofficial2024@gmail.com\">smartersofficial2024@gmail.com<\/a><\/li>\n <li><a href=\"#\">Mentions l\u00e9gales<\/a><\/li>\n <\/ul>\n <form class=\"footer-news\" onsubmit=\"event.preventDefault();this.querySelector('button').textContent='\u2713';\">\n <input type=\"email\" placeholder=\"Votre email\" required>\n <button type=\"submit\">OK<\/button>\n <\/form>\n <\/div>\n <\/div>\n\n <div class=\"footer-copyright-alert\" role=\"note\">\n <div class=\"fca-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n <\/div>\n <div class=\"fca-text\">\n <strong>Respect du droit d'auteur :<\/strong> Ce service de streaming fonctionne via nos serveurs d\u00e9di\u00e9s. Nous n'h\u00e9bergeons aucun contenu prot\u00e9g\u00e9 par des droits d'auteur. Toutes les flux proviennent de sources sous licence. Conform\u00e9ment \u00e0 la loi fran\u00e7aise et au DMCA, les demandes de retrait doivent \u00eatre adress\u00e9es \u00e0 <a href=\"mailto:contact@iptvsmarters-officiel.com\">contact@iptvsmarters-officiel.com<\/a>.\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom-bar\">\n <span class=\"footer-status\"><span class=\"footer-status-dot\"><\/span> Tous les services op\u00e9rationnels<\/span>\n <span>\u00a9 2026 IPTV Smarters. Tous droits r\u00e9serv\u00e9s.<\/span>\n <span class=\"footer-made\">Fait avec\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z\"\/><\/svg>\n en France<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n\/\/ Navbar + Topbar scroll behavior\nconst navbar = document.getElementById('navbar');\nwindow.addEventListener('scroll', () => {\n const scrolled = window.scrollY > 50;\n navbar.classList.toggle('scrolled', scrolled);\n document.body.classList.toggle('is-scrolled', scrolled);\n});\n\n\/\/ Burger menu with animation\nconst burger = document.getElementById('burger');\nconst navLinks = document.getElementById('navLinks');\n\n\/\/ Sortir le menu du nav-shell sur mobile pour \u00e9chapper aux contraintes\n\/\/ d'overflow:hidden et backdrop-filter qui pi\u00e8gent position:fixed\nfunction ensureNavLinksPlacement() {\n const isMobile = window.matchMedia('(max-width:980px)').matches;\n if (isMobile && navLinks.parentElement.classList.contains('nav-shell')) {\n \/\/ D\u00e9placer le menu directement dans <body> et marquer pour conserver les styles\n document.body.appendChild(navLinks);\n navLinks.classList.add('nav-links--detached');\n } else if (!isMobile && navLinks.parentElement === document.body) {\n \/\/ Le remettre dans le nav-shell sur desktop\n const shell = document.querySelector('.nav-shell');\n const burgerEl = document.getElementById('burger');\n if (shell && burgerEl) {\n shell.insertBefore(navLinks, burgerEl.parentElement || burgerEl);\n navLinks.classList.remove('nav-links--detached');\n }\n }\n}\nensureNavLinksPlacement();\nwindow.addEventListener('resize', ensureNavLinksPlacement);\n\nburger.addEventListener('click', () => {\n navLinks.classList.toggle('open');\n burger.classList.toggle('active');\n document.body.style.overflow = navLinks.classList.contains('open') ? 'hidden' : '';\n});\nnavLinks.querySelectorAll('a').forEach(a => {\n a.addEventListener('click', () => {\n navLinks.classList.remove('open');\n burger.classList.remove('active');\n document.body.style.overflow = '';\n });\n});\n\n\/\/ Scroll reveal\nconst reveals = document.querySelectorAll('.reveal');\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); }});\n}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\nreveals.forEach(el => observer.observe(el));\n\n\/\/ FAQ accordion\nfunction toggleFaq(el) {\n const item = el.parentElement;\n const wasOpen = item.classList.contains('open');\n document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\n if (!wasOpen) item.classList.add('open');\n}\n\n\n\/\/ Carousel\nconst track = document.getElementById('carouselTrack');\nconst dotsContainer = document.getElementById('carouselDots');\nconst slides = track.querySelectorAll('.testimonial-card');\nlet currentSlide = 0;\nlet autoplayInterval;\n\n\/\/ Create dots\nslides.forEach((_, i) => {\n const dot = document.createElement('button');\n dot.classList.add('carousel-dot');\n dot.setAttribute('aria-label', 'Slide ' + (i + 1));\n if (i === 0) dot.classList.add('active');\n dot.addEventListener('click', () => goToSlide(i));\n dotsContainer.appendChild(dot);\n});\n\nfunction goToSlide(n) {\n currentSlide = n;\n track.style.transform = 'translateX(-' + (currentSlide * 100) + '%)';\n document.querySelectorAll('.carousel-dot').forEach((d, i) => {\n d.classList.toggle('active', i === currentSlide);\n });\n}\n\ndocument.getElementById('carouselPrev').addEventListener('click', () => {\n goToSlide(currentSlide <= 0 ? slides.length - 1 : currentSlide - 1);\n resetAutoplay();\n});\ndocument.getElementById('carouselNext').addEventListener('click', () => {\n goToSlide(currentSlide >= slides.length - 1 ? 0 : currentSlide + 1);\n resetAutoplay();\n});\n\n\/\/ Autoplay\nfunction startAutoplay() { autoplayInterval = setInterval(() => { goToSlide(currentSlide >= slides.length - 1 ? 0 : currentSlide + 1); }, 5000); }\nfunction resetAutoplay() { clearInterval(autoplayInterval); startAutoplay(); }\nstartAutoplay();\n\n\/\/ Touch\/swipe support\nlet touchStartX = 0, touchEndX = 0;\ntrack.addEventListener('touchstart', e => { touchStartX = e.changedTouches[0].screenX; }, {passive: true});\ntrack.addEventListener('touchend', e => {\n touchEndX = e.changedTouches[0].screenX;\n const diff = touchStartX - touchEndX;\n if (Math.abs(diff) > 50) {\n if (diff > 0) goToSlide(currentSlide >= slides.length - 1 ? 0 : currentSlide + 1);\n else goToSlide(currentSlide <= 0 ? slides.length - 1 : currentSlide - 1);\n resetAutoplay();\n }\n});\n\n\n\/\/ Custom cursor (desktop only)\nif (window.matchMedia('(hover:hover) and (pointer:fine)').matches) {\n const dot = document.getElementById('cursorDot');\n const ring = document.getElementById('cursorRing');\n let mx = 0, my = 0, rx = 0, ry = 0;\n document.addEventListener('mousemove', e => { mx = e.clientX; my = e.clientY; dot.style.left = mx+'px'; dot.style.top = my+'px'; });\n document.body.classList.add('cursor-ready');\n (function animateRing(){ rx += (mx - rx) * .15; ry += (my - ry) * .15; ring.style.left = rx+'px'; ring.style.top = ry+'px'; requestAnimationFrame(animateRing); })();\n document.querySelectorAll('a,.btn,button,.faq-q,.dl-card,.card').forEach(el => {\n el.addEventListener('mouseenter', () => document.body.classList.add('cursor-hover'));\n el.addEventListener('mouseleave', () => document.body.classList.remove('cursor-hover'));\n });\n document.documentElement.style.cursor = 'none';\n document.querySelectorAll('a,.btn,button,.faq-q,.dl-card,.card').forEach(el => el.style.cursor = 'none');\n}\n\n\/\/ Floating particles\nconst particlesContainer = document.getElementById('particles');\nfor (let i = 0; i < 20; i++) {\n const p = document.createElement('div');\n p.classList.add('particle');\n p.style.left = Math.random() * 100 + '%';\n p.style.animationDuration = (8 + Math.random() * 12) + 's';\n p.style.animationDelay = (Math.random() * 10) + 's';\n p.style.width = p.style.height = (2 + Math.random() * 4) + 'px';\n particlesContainer.appendChild(p);\n}\n\n\/\/ Enhanced reveal: also observe reveal-left, reveal-right, reveal-scale, reveal-rotate\ndocument.querySelectorAll('.reveal-left,.reveal-right,.reveal-scale,.reveal-rotate').forEach(el => observer.observe(el));\n\n\/\/ Parallax on hero orb\nwindow.addEventListener('scroll', () => {\n const s = window.scrollY;\n const orb = document.querySelector('.hero-orb');\n if (orb && s < 800) { orb.style.transform = 'translateY(' + (s * 0.15) + 'px)'; }\n});\n\n\/\/ Button ripple effect\ndocument.querySelectorAll('.btn').forEach(btn => {\n btn.addEventListener('click', function(e) {\n const rect = this.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const ripple = document.createElement('span');\n ripple.style.cssText = 'position:absolute;border-radius:50%;background:rgba(255,255,255,.3);width:0;height:0;left:'+x+'px;top:'+y+'px;transform:translate(-50%,-50%);animation:ripple-out .6s ease-out forwards;pointer-events:none';\n this.appendChild(ripple);\n setTimeout(() => ripple.remove(), 600);\n });\n});\n\n\/\/ Add ripple keyframe dynamically\nconst style = document.createElement('style');\nstyle.textContent = '@keyframes ripple-out{to{width:300px;height:300px;opacity:0}}';\ndocument.head.appendChild(style);\n\n\/\/ Counter animation for pricing cards\nconst counters = document.querySelectorAll('.pricing-card .price');\nconst counterObserver = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('price-animate');\n counterObserver.unobserve(e.target);\n }\n });\n}, { threshold: 0.5 });\ncounters.forEach(c => counterObserver.observe(c));\n\n<\/script>\n<script>\n\/* Subtle parallax: background grid drifts slower than scroll *\/\n(function(){\n if (window.matchMedia('(prefers-reduced-motion:reduce)').matches) return;\n var bg = document.querySelector('.site-bg');\n if (!bg) return;\n var ticking = false, lastY = 0;\n function update(){\n \/\/ Move grid at ~0.25x scroll speed (negative => slower-than-content feel)\n var offset = Math.round(lastY * 0.25);\n bg.style.setProperty('--bg-y', offset + 'px');\n ticking = false;\n }\n window.addEventListener('scroll', function(){\n lastY = window.scrollY || window.pageYOffset;\n if (!ticking){\n window.requestAnimationFrame(update);\n ticking = true;\n }\n }, {passive:true});\n})();\n<\/script>\n\n\n\n\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IPTV Smarters Pro \u2014 Meilleure Application IPTV 2026 | Streaming HD & 4K ▶ IPTVSmarters IPTV Smarters Pro Abonnement IPTV Installation Blog Contact Abonnement IPTV Meilleure Application IPTV 2026 IPTV Smarters Pro \u2014 Meilleure Application IPTV pour Streaming Premium IPTV Smarters Pro est aujourd’hui l’une des meilleures solutions pour acc\u00e9der facilement \u00e0 des contenus TV en ligne. Cette application IPTV puissante permet de profiter de milliers de cha\u00eenes, films et s\u00e9ries en streaming via une interface intuitive et performante. Voir Nos Offres Installer l’application Live \u2022 4K Ultra HD 20 000+ Cha\u00eenes Multi-\u00e9crans 20K+Cha\u00eenes Live 4KUltra HD 99.9%Uptime 24\/7Support Pr\u00e9sentation IPTV Smarters Pro : une application compl\u00e8te pour TV, films et s\u00e9ries L’une des solutions les plus populaires pour acc\u00e9der facilement \u00e0 la t\u00e9l\u00e9vision en ligne \u2014 cha\u00eenes TV, films et s\u00e9ries en streaming via Internet, sans antenne ni abonnement classique. De plus en plus d’utilisateurs de France IPTV adoptent IPTV Smarters Pro pour remplacer les offres traditionnelles. Interface intuitive, installation simple et compatibilit\u00e9 avec la plupart des appareils via code IPTV ou Xtream Codes. Smart TV, bo\u00eetier IPTV, Android, iPhone ou PC \u2014 l’application garantit une navigation fluide et une excellente qualit\u00e9 d’image. \u2713 Milliers de cha\u00eenes TV France & international \u2713 Contenus HD, Full HD et IPTV 4K \u2713 Films r\u00e9cents et s\u00e9ries populaires \u2713 \u00c9v\u00e9nements sportifs en direct \u2713 Gestion simple via code IPTV \u2713 Exp\u00e9rience multi-\u00e9crans personnalis\u00e9e IPTV Smarters Pro s’impose comme une r\u00e9f\u00e9rence incontournable pour une solution IPTV fiable, performante et facile \u00e0 utiliser. Avantages Pourquoi choisir IPTV Smarters Pro ? IPTV Smarters Pro est l’une des meilleures applications IPTV gr\u00e2ce \u00e0 sa performance, sa simplicit\u00e9 et ses nombreuses fonctionnalit\u00e9s. Interface moderne et facile \u00e0 utiliser Une interface intuitive qui permet de naviguer facilement entre cha\u00eenes, films et s\u00e9ries, m\u00eame pour les d\u00e9butants. Lecture rapide et sans interruption Une lecture fluide avec tr\u00e8s peu de buffering pour une exp\u00e9rience de streaming agr\u00e9able. Support des formats M3U et Xtream Codes Compatible avec les formats les plus utilis\u00e9s, facilitant l’ajout et la gestion de vos abonnements IPTV. Compatible avec toutes les plateformes Disponible sur Smart TV, Android, iOS, PC et Fire Stick pour une utilisation sur tous vos appareils. Gestion multi-\u00e9crans Permet de g\u00e9rer plusieurs profils ou abonnements sur un seul appareil facilement. Contr\u00f4le parental int\u00e9gr\u00e9 Offre des options pour restreindre certains contenus et s\u00e9curiser l’acc\u00e8s pour les enfants. Qualit\u00e9 de streaming FHD et IPTV 4K Profitez de contenus en haute qualit\u00e9 avec une bonne connexion Internet. Personnalisation avanc\u00e9e Options de personnalisation pour adapter l’application \u00e0 vos pr\u00e9f\u00e9rences. Multi-plateformes Une application IPTV compatible avec tous les appareils L’un des plus grands avantages de cette IPTV application est sa compatibilit\u00e9 universelle. Vous pouvez installer IPTV Smarters Pro sur tous vos \u00e9crans pr\u00e9f\u00e9r\u00e9s. Smart TV Samsung, LG et marques compatibles. Android TV & Box Box IPTV et Android TV support\u00e9s. Android & iPhone Smartphones iOS et Android. PC Windows & Mac Tous les ordinateurs support\u00e9s. Amazon Fire Stick Installation simple et rapide. Peu importe votre appareil, les applications IPTV comme IPTV Smarters Pro garantissent une exp\u00e9rience optimis\u00e9e avec une lecture fluide et toutes les fonctionnalit\u00e9s premium accessibles partout. Mode d’emploi Comment \u00e7a marche IPTV Smarters Pro ? IPTV Smarters Pro n’est pas un fournisseur de contenu, mais un lecteur IPTV. Suivez ces 4 \u00e9tapes simples pour d\u00e9marrer. 1 T\u00e9l\u00e9chargez l’application Suivez les \u00e9tapes de t\u00e9l\u00e9chargement selon le type de votre appareil (Smart TV, mobile, PC…). 2 Ajoutez votre abonnement Entrez votre code IPTV dans l’application et connectez-vous en quelques secondes. 3 Chargez votre playlist Utilisez un lien M3U ou choisissez l’option Xtream Codes (username, password, URL). 4 Profitez du contenu Acc\u00e9dez instantan\u00e9ment \u00e0 vos cha\u00eenes, films et s\u00e9ries pr\u00e9f\u00e9r\u00e9s en haute qualit\u00e9. C’est ce qui rend les applications IPTV comme IPTV Smarters Pro si flexibles et populaires aupr\u00e8s des utilisateurs du monde entier. Comparatif IPTV Smarters Pro vs Autres Applications IPTV Voici pourquoi IPTV Smarters Pro est sup\u00e9rieur \u00e0 d’autres solutions du march\u00e9. Crit\u00e8re IPTV Smarters Pro Autres applications IPTV Interface Moderne Basique Performance Tr\u00e8s rapide Variable Compatibilit\u00e9 Tr\u00e8s large Limit\u00e9e Fonctionnalit\u00e9s Avanc\u00e9es Standard Si vous cherchez une alternative \u00e0 iptv smarter pro, IPTV Smarters Pro reste le meilleur choix. Abonnement Meilleure Exp\u00e9rience avec un Abonnement IPTV Pour exploiter pleinement IPTV Smarters Pro, il est essentiel d’avoir un bon abonnement IPTV. Un abonnement de qualit\u00e9 permet : Acc\u00e8s au contenu : cha\u00eenes TV, films, s\u00e9ries Meilleure stabilit\u00e9 de connexion Qualit\u00e9 vid\u00e9o optimale (HD \/ 4K) Moins de buffering et de coupures ✨ Combinez un bon abonnement avec l’application pour une exp\u00e9rience parfaite. ▶ +20 000 cha\u00eenes \u2713 0 buffering \u2605 VOD illimit\u00e9 Tarifs Choisissez votre abonnement IPTV Smarters Pro Des formules flexibles, sans engagement. Activation instantan\u00e9e, support 24\/7 et acc\u00e8s illimit\u00e9 \u00e0 plus de 20 000 cha\u00eenes, films et s\u00e9ries en HD, Full HD & 4K. 1 \u00c9cran 2 \u00c9crans 3 Mois 1 \u00c9cran \u00b7 Id\u00e9al pour d\u00e9marrer \u20ac 25 \/ 3 mois +20 000 cha\u00eenes TV France & Monde Films & s\u00e9ries HD \/ Full HD \/ 4K Compatible Smart TV, Box, Mobile Anti-buffering & serveur stable Support 24\/7 Choisir 3 mois 6 Mois 1 \u00c9cran \u00b7 Le bon compromis \u20ac 39 \/ 6 mois +20 000 cha\u00eenes TV mondiales Films & s\u00e9ries en 4K VOD illimit\u00e9e \u2014 Netflix, Disney+, Prime Activation instantan\u00e9e Support 24\/7 Choisir 6 mois Populaire 12 Mois 1 \u00c9cran \u00b7 Le choix de 80% de nos clients \u20ac 59 \/ 12 mois +20 000 cha\u00eenes TV mondiales Qualit\u00e9 4K Ultra HD garantie VOD & Replay illimit\u00e9s Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure Activation instantan\u00e9e Support VIP 24\/7 Choisir 12 mois 24 Mois 1 \u00c9cran \u00b7 Maximum d’\u00e9conomies \u20ac 99 \/ 24 mois Tout le contenu 4K Ultra HD +20 000 cha\u00eenes mondiales VOD & Replay illimit\u00e9s Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure Configuration offerte Support VIP prioritaire Choisir 24 mois 3 Mois 2 \u00c9crans \u00b7 Pour le foyer \u20ac 39 \/ 3 mois +20 000 cha\u00eenes TV France & Monde Films & s\u00e9ries HD \/ Full HD \/ 4K 2 connexions simultan\u00e9es Anti-buffering & serveur stable<\/p>\n","protected":false},"author":1,"featured_media":1249,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4434","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages\/4434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/comments?post=4434"}],"version-history":[{"count":94,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages\/4434\/revisions"}],"predecessor-version":[{"id":4676,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages\/4434\/revisions\/4676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/media\/1249"}],"wp:attachment":[{"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/media?parent=4434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nIPTV Smarters Pro \u2014 Meilleure Application IPTV 2026 | Streaming HD & 4K<\/title>\n<meta name=\"description\" content=\"IPTV Smarters Pro : la meilleure application IPTV en 2026. Qualit\u00e9 HD & 4K, 20 000+ cha\u00eenes, compatible Android, iOS, Smart TV, Fire Stick. Abonnement IPTV France disponible.\">\n<link rel=\"canonical\" href=\"https:\/\/iptvsmarters-officiel.com\/\">\n<script type=\"application\/ld+json\">\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"SoftwareApplication\",\"name\":\"IPTV Smarters\",\"applicationCategory\":\"MultimediaApplication\",\"operatingSystem\":\"Windows, macOS, Linux, Android, iOS\",\"description\":\"Plateforme de streaming premium avec qualit\u00e9 4K et contenu illimit\u00e9.\",\"offers\":{\"@type\":\"AggregateOffer\",\"lowPrice\":\"0\",\"highPrice\":\"19.99\",\"priceCurrency\":\"EUR\"}}\n<\/script>\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');\nh1,h2,h3,h4,.hero-title,.section-title,.footer-logo,.nav-logo{\n font-family:'Outfit',ui-rounded,-apple-system,'Segoe UI','Roboto','Arial Black',Arial,sans-serif!important;\n font-weight:900!important;\n -webkit-font-smoothing:antialiased!important;\n}\n\n\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\n:root{\n--violet:136,58,234;\n--violet-light:167,106,247;\n--violet-dark:103,30,197;\n--bg:#06050d;\n--bg-card:rgba(255,255,255,0.05);\n--text:#ffffff;\n--text-muted:rgba(255,255,255,0.65);\n--border:rgba(167,139,250,0.2);\n--glow:rgba(var(--violet),.35);\n--glow-strong:rgba(var(--violet),.6);\n--radius:16px;\n--transition:.3s cubic-bezier(.4,0,.2,1);\n}\nhtml{scroll-behavior:smooth;font-size:16px;overflow-x:clip}\nbody{font-family:'Inter',system-ui,sans-serif;background:#06050d;color:var(--text);line-height:1.6;overflow-x:clip;position:relative}\n\n\/* === Global centering & no-horizontal-scroll safety === *\/\nhtml,body{width:100%;max-width:100%;margin:0;padding:0}\nbody{display:block;min-width:0}\nsection,header,footer,main{width:100%;max-width:100%;margin-left:0;margin-right:0}\n.container{margin-left:auto !important;margin-right:auto !important;box-sizing:border-box}\nimg,svg,video{max-width:100%}\n*{box-sizing:border-box}\n\n\n\/* ============== GLOBAL FUTURISTIC BACKGROUND ============== *\/\n.site-bg{\n position:fixed;inset:0;z-index:-1;pointer-events:none;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%,#120c2a 0%,transparent 60%),\n radial-gradient(ellipse 70% 50% at 50% 100%,#0d0820 0%,transparent 60%),\n linear-gradient(180deg,#06050d 0%,#08061a 50%,#06050d 100%);\n overflow:hidden;\n will-change:transform;\n}\n\/* Animated purple grid (parallax target via --bg-y) *\/\n\/* Global grid removed \u2014 each section now owns its own animated grid (no double layer) *\/\n\/* Drifting violet glows *\/\n.site-bg::after{\n content:\"\";position:absolute;inset:0;\n background:\n radial-gradient(circle 500px at 15% 20%,rgba(136,58,234,.18),transparent 60%),\n radial-gradient(circle 600px at 85% 70%,rgba(120,80,255,.15),transparent 60%),\n radial-gradient(circle 400px at 50% 50%,rgba(167,139,250,.08),transparent 60%);\n filter:blur(20px);\n animation:siteGlowDrift 25s ease-in-out infinite alternate;\n will-change:transform,opacity;\n}\n@keyframes siteGlowDrift{\n 0%{transform:translate3d(0,0,0) scale(1);opacity:.85}\n 50%{transform:translate3d(40px,-30px,0) scale(1.05);opacity:1}\n 100%{transform:translate3d(-30px,20px,0) scale(.98);opacity:.9}\n}\n\/* Reduced motion *\/\n@media (prefers-reduced-motion:reduce){\n .site-bg::before,.site-bg::after{animation:none}\n}\n\/* Mobile: simplify for performance *\/\n@media (max-width:768px){\n .site-bg::before{background-size:48px 48px}\n .site-bg::after{filter:blur(30px);animation-duration:35s}\n}\n\n\/* UTILITIES *\/\n.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}\nsection{padding:100px 0;position:relative}\nh1,h2,h3,h4{font-family:'Outfit','Inter',sans-serif;font-weight:700;line-height:1.2}\n.section-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:rgb(var(--violet));background:rgba(var(--violet),.08);padding:6px 16px;border-radius:100px;margin-bottom:16px}\n.section-title{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:16px;color:#fff}\n.section-desc{color:rgba(255,255,255,.7);font-size:clamp(.95rem,2.5vw,1.1rem);max-width:600px;margin:0 auto 48px}\n\/* Sections sitting directly on the dark global bg need light text *\/\nsection h2:not(.cu-title):not(.howto-head h2):not(.compat-head h2):not(.ava-header h2){color:#fff}\n.text-center{text-align:center}\n.text-gradient{background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n\n\/* BUTTONS *\/\n.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:100px;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;border:none;transition:var(--transition);font-family:inherit;text-align:center;justify-content:center}\n.btn-primary{background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)));color:#fff;box-shadow:0 4px 24px var(--glow)}\n.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px var(--glow-strong)}\n.btn-secondary{background:transparent;color:rgb(var(--violet));border:2px solid rgba(var(--violet),.3)}\n.btn-secondary:hover{background:rgba(var(--violet),.06);border-color:rgb(var(--violet))}\n\n\/* ANIMATIONS *\/\n.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}\n.reveal.visible{opacity:1;transform:translateY(0)}\n.reveal-delay-1{transition-delay:.15s}\n.reveal-delay-2{transition-delay:.3s}\n.reveal-delay-3{transition-delay:.45s}\n\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}\n@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px var(--glow)}50%{box-shadow:0 0 50px var(--glow-strong)}}\n@keyframes orbit{from{transform:rotate(0deg) translateX(120px) rotate(0deg)}to{transform:rotate(360deg) translateX(120px) rotate(-360deg)}}\n@keyframes orbit-sm{from{transform:rotate(0deg) translateX(70px) rotate(0deg)}to{transform:rotate(360deg) translateX(70px) rotate(-360deg)}}\n@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}\n\n\/* NAV *\/\nnav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:var(--transition)}\nnav.scrolled{background:rgba(10,8,20,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(167,139,250,.15);padding:10px 0}\nnav .container{display:flex;align-items:center;justify-content:space-between}\n.nav-logo{font-family:'Outfit',sans-serif;font-size:1.4rem;font-weight:800;text-decoration:none;color:#fff;white-space:nowrap}\n.nav-logo span{color:rgb(var(--violet))}\n.nav-links{display:flex;align-items:center;gap:32px;list-style:none}\n.nav-links a{text-decoration:none;color:rgba(255,255,255,0.75);font-size:.9rem;font-weight:500;transition:var(--transition)}\n.nav-links a:hover{color:rgb(var(--violet))}\n.nav-cta{padding:10px 24px!important;font-size:.9rem!important}\n.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}\n.burger span{display:block;width:24px;height:2px;background:#fff;transition:var(--transition)}\n.burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}\n.burger.active span:nth-child(2){opacity:0}\n.burger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}\n\n\/* HERO *\/\n#hero{padding:160px 0 120px;overflow:hidden}\n#hero .container{display:flex;align-items:center;gap:60px}\n.hero-content{flex:1;min-width:0}\n.hero-content h1{font-size:clamp(2.2rem,5.5vw,4rem);margin-bottom:20px;line-height:1.1}\n.hero-content p{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--text-muted);margin-bottom:36px;max-width:500px}\n.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}\n.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative;min-height:400px}\n.hero-orb{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(var(--violet-light),.4),rgba(var(--violet),.15));animation:pulse-glow 4s ease-in-out infinite;position:relative}\n.hero-orb::before{content:'\u25b6';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4rem;color:rgb(var(--violet))}\n.orbit-dot{position:absolute;width:16px;height:16px;border-radius:50%;top:50%;left:50%;margin:-8px}\n.orbit-dot:nth-child(2){background:rgb(var(--violet));animation:orbit 6s linear infinite}\n.orbit-dot:nth-child(3){background:rgb(var(--violet-light));animation:orbit 8s linear infinite reverse;animation-delay:-2s}\n.orbit-dot:nth-child(4){background:rgba(var(--violet),.5);animation:orbit 10s linear infinite;animation-delay:-4s}\n\n\/* COUPON BANNER *\/\n.coupon-banner{background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-dark)));color:#fff;text-align:center;padding:14px 16px;font-weight:600;position:relative;overflow:hidden;font-size:clamp(.8rem,2.5vw,.95rem)}\n.coupon-banner::before{content:'';position:absolute;top:0;left:-200%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 3s infinite}\n.coupon-code{display:inline-block;background:rgba(255,255,255,.2);padding:4px 14px;border-radius:8px;margin-left:8px;font-family:monospace;letter-spacing:2px}\n\n\/* CARDS *\/\n.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:var(--transition);position:relative;overflow:hidden}\n.card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(var(--violet),.1);border-color:rgba(var(--violet),.2)}\n.card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgb(var(--violet)),rgb(var(--violet-light)));transform:scaleX(0);transition:var(--transition);transform-origin:left}\n.card:hover::after{transform:scaleX(1)}\n.card-icon{width:56px;height:56px;border-radius:14px;background:rgba(var(--violet),.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0;margin-left:auto;margin-right:auto}.card-icon svg{width:26px;height:26px}\n.card h3{font-size:1.1rem;margin-bottom:8px;text-align:center;color:#fff}\n.card p{color:rgba(255,255,255,0.65);font-size:.9rem;text-align:center}\n\n.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}\n.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}\n\n\/* PRESENTATION *\/\n#presentation .pres-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}\n.pres-image{width:100%;aspect-ratio:4\/3;border-radius:var(--radius);background:linear-gradient(135deg,rgba(var(--violet),.1),rgba(var(--violet-light),.05));display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.pres-image svg{width:20%;height:auto;min-width:60px;max-width:100px}\n\n\/* STEPS *\/\n.steps{counter-reset:step;max-width:700px;margin:0 auto}\n.step{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--border);counter-increment:step;align-items:flex-start}\n.step::before{content:counter(step);font-family:'Outfit',sans-serif;font-size:1.8rem;font-weight:800;color:rgb(var(--violet));min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(var(--violet),.08);border-radius:14px;flex-shrink:0}\n.step h3{font-size:1.05rem;margin-bottom:4px;color:#fff}\n.step p{color:rgba(255,255,255,0.65);font-size:.9rem}\n\n\/* TABLE *\/\n.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -24px;padding:0 24px}\n.compare-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-card);min-width:520px}\n.compare-table th,.compare-table td{padding:14px 20px;text-align:left;border-bottom:1px solid rgba(167,139,250,.15);color:rgba(255,255,255,.85)}\n.compare-table thead th{background:rgba(var(--violet),.05);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}\n.compare-table thead th:not(:first-child){color:rgb(var(--violet))}\n.compare-table tbody tr:last-child td{border-bottom:none}\n.compare-table .check{color:rgb(var(--violet));font-weight:700;font-size:1.2rem}\n.compare-table .cross{color:#ccc}\n\n\/* PRICING *\/\n.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}\n.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px;text-align:center;transition:var(--transition);position:relative}\n.pricing-card.featured{border-color:rgb(var(--violet));box-shadow:0 10px 50px var(--glow)}\n.pricing-card.featured::before{content:'Populaire';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)));color:#fff;padding:4px 20px;border-radius:100px;font-size:.8rem;font-weight:600}\n.pricing-card h3{font-size:1.2rem;margin-bottom:8px;color:#fff}\n.pricing-card .price{font-size:clamp(2.2rem,5vw,3rem);font-weight:800;margin:16px 0 8px}\n.pricing-card .price span{font-size:1rem;font-weight:400;color:var(--text-muted)}\n.pricing-card ul{list-style:none;text-align:left;margin:24px 0}\n.pricing-card li{padding:10px 0;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.9rem;padding-left:28px;position:relative}\n.pricing-card li::before{content:'\u2713';position:absolute;left:0;color:rgb(var(--violet));font-weight:700}\n.pricing-card .btn{width:100%;margin-top:8px}\n\n\/* DOWNLOAD *\/\n.download-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}\n.dl-card{background:rgba(255,255,255,0.04);border:1px solid rgba(167,139,250,.2);border-radius:var(--radius);padding:28px 16px;text-align:center;transition:var(--transition);cursor:pointer;text-decoration:none;color:#fff}\n.dl-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(var(--violet),.1);border-color:rgba(var(--violet),.3)}\n.dl-card .dl-icon{margin-bottom:12px;display:flex;justify-content:center;align-items:center;width:60px;height:60px;margin-left:auto;margin-right:auto;border-radius:14px;background:rgba(var(--violet),.06)}.dl-card .dl-icon svg{width:32px;height:32px}\n.dl-card h4{font-size:.95rem;margin-bottom:4px}\n.dl-card p{font-size:.8rem;color:var(--text-muted)}\n\n\/* FREE VS PAID *\/\n.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}\n.vs-card{border-radius:var(--radius);padding:36px;border:1px solid var(--border)}\n.vs-card.free{background:var(--bg-card)}\n.vs-card.paid{background:linear-gradient(135deg,rgba(var(--violet),.05),rgba(var(--violet-light),.02));border-color:rgba(var(--violet),.2)}\n.vs-card h3{font-size:1.3rem;margin-bottom:20px;display:flex;align-items:center;gap:10px;justify-content:center}\n.vs-card h3 svg,\n.vs-card h3 .vs-logo{width:28px;height:28px;min-width:24px;flex-shrink:0;object-fit:contain}\n.vs-card ul{list-style:none}\n.vs-card li{padding:12px 0;border-bottom:1px solid rgba(167,139,250,.15);padding-left:28px;position:relative;font-size:.9rem;color:rgba(255,255,255,0.7)}\n.vs-card.free li::before{content:'\u2014';position:absolute;left:0;color:#bbb}\n.vs-card.paid li::before{content:'\u2713';position:absolute;left:0;color:rgb(var(--violet));font-weight:700}\n\n\/* FAQ *\/\n.faq-list{max-width:760px;margin:0 auto}\n.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;background:var(--bg-card);transition:var(--transition)}\n.faq-item:hover{border-color:rgba(var(--violet),.2)}\n.faq-q{padding:18px 20px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:var(--transition);gap:12px;font-size:clamp(.9rem,2.5vw,1rem);color:#fff}\n.faq-q:hover{color:rgb(var(--violet))}\n.faq-q .arrow{transition:var(--transition);font-size:1.2rem;color:var(--text-muted);flex-shrink:0}\n.faq-item.open .faq-q .arrow{transform:rotate(180deg);color:rgb(var(--violet))}\n.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}\n.faq-item.open .faq-a{max-height:300px;padding:0 20px 20px}\n.faq-a p{color:var(--text-muted);font-size:.9rem;line-height:1.7}\n\n\/* CTA FINAL *\/\n#cta-final{background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-dark)));color:#fff;text-align:center;border-radius:var(--radius);margin:0 24px 100px;padding:80px 40px}\n#cta-final h2{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:16px}\n#cta-final p{opacity:.85;font-size:clamp(.95rem,2.5vw,1.1rem);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}\n#cta-final .btn{background:#fff;color:rgb(var(--violet));font-weight:700}\n#cta-final .btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(0,0,0,.2)}\n\n\/* FOOTER *\/\nfooter{background:#0d0d1a;color:#fff;padding:60px 0 30px}\n.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}\n.footer-brand p{color:rgba(255,255,255,.5);margin-top:12px;font-size:.9rem;max-width:280px}\nfooter h4{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;color:rgba(255,255,255,.7)!important}\nfooter ul{list-style:none}\nfooter li{margin-bottom:10px}\nfooter a{color:rgba(255,255,255,.5);text-decoration:none;font-size:.9rem;transition:var(--transition)}\nfooter a:hover{color:#fff}\n.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:rgba(255,255,255,.4);flex-wrap:wrap;gap:8px}\n\n\/* ========== TABLET ========== *\/\n@media(max-width:1024px){\n .grid-3{grid-template-columns:repeat(2,1fr)}\n .grid-4{grid-template-columns:repeat(2,1fr)}\n .pricing-cards{grid-template-columns:repeat(2,1fr)}\n .pricing-card:last-child{grid-column:1\/-1;max-width:400px;margin:0 auto;width:100%}\n .download-cards{grid-template-columns:repeat(3,1fr)}\n .dl-card .dl-icon{width:52px;height:52px}.dl-card .dl-icon svg{width:28px;height:28px}\n .footer-grid{grid-template-columns:2fr 1fr 1fr}\n}\n\n\/* ========== MOBILE ========== *\/\n@media(max-width:768px){\n .container{padding:0 20px}\n section{padding:70px 0}\n h1,h2,h3,h4,.hero-title,.section-title{font-family:'Outfit',ui-rounded,-apple-system,'Segoe UI','Roboto','Arial Black',Arial,sans-serif!important;font-weight:900!important;-webkit-font-smoothing:antialiased!important}\n\n \/* Nav mobile *\/\n .nav-links{\n display:none;position:fixed;top:0;left:0;right:0;bottom:0;\n background:rgba(250,250,254,.98);backdrop-filter:blur(20px);\n flex-direction:column;justify-content:center;align-items:center;\n gap:28px;z-index:999\n }\n .nav-links.open{display:flex}\n .nav-links a{font-size:1.2rem}\n .burger{display:flex;z-index:1001}\n\n \/* Hero mobile *\/\n #hero{padding:130px 0 80px}\n #hero .container{flex-direction:column;text-align:center;gap:40px}\n .hero-content p{margin-left:auto;margin-right:auto}\n .hero-buttons{justify-content:center;width:100%}\n .hero-buttons .btn{flex:1;min-width:140px;padding:14px 20px;font-size:.95rem}\n .hero-visual{min-height:250px}\n .hero-orb{width:180px;height:180px}\n .hero-orb::before{font-size:2.8rem}\n .orbit-dot:nth-child(2){animation-name:orbit-sm}\n .orbit-dot:nth-child(3){animation-name:orbit-sm}\n .orbit-dot:nth-child(4){animation-name:orbit-sm}\n .orbit-dot{width:12px;height:12px;margin:-6px}\n\n \/* Presentation *\/\n #presentation .pres-grid{grid-template-columns:1fr;gap:32px}\n .pres-image{aspect-ratio:16\/9}.pres-image svg{min-width:50px;max-width:80px}\n\n \/* Grids *\/\n .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}\n .card{padding:24px}\n\n \/* Steps *\/\n .step{gap:16px;padding:20px 0}\n .step::before{font-size:1.4rem;min-width:44px;height:44px}\n\n \/* Table *\/\n .compare-table th,.compare-table td{padding:10px 12px;font-size:.8rem}\n\n \/* Pricing *\/\n .pricing-cards{grid-template-columns:1fr}\n .pricing-card{padding:28px}\n .pricing-card:last-child{max-width:none}\n .pricing-card.featured{order:-1}\n\n \/* Download *\/\n .download-cards{grid-template-columns:repeat(2,1fr);gap:12px}\n .dl-card{padding:20px 12px}\n .dl-card .dl-icon{width:52px;height:52px;border-radius:12px}.dl-card .dl-icon svg{width:28px;height:28px}\n\n \/* VS *\/\n .vs-grid{grid-template-columns:1fr;gap:16px}\n .vs-card{padding:28px}\n\n \/* CTA Final *\/\n #cta-final{margin:0 16px 60px;padding:50px 24px;border-radius:14px}\n\n \/* Footer *\/\n .footer-grid{grid-template-columns:1fr 1fr;gap:28px}\n .footer-brand{grid-column:1\/-1}\n .footer-bottom{flex-direction:column;text-align:center;gap:4px}\n}\n\n\/* ========== SMALL MOBILE ========== *\/\n@media(max-width:420px){\n .container{padding:0 16px}\n section{padding:56px 0}\n\n .coupon-banner{padding:12px;font-size:.78rem;line-height:1.5}\n .coupon-code{margin-left:4px;padding:3px 10px;font-size:.75rem}\n\n #hero{padding:110px 0 60px}\n .hero-content h1{font-size:1.9rem}\n .hero-buttons{flex-direction:column;gap:12px}\n .hero-buttons .btn{width:100%;padding:16px;font-size:1rem}\n .hero-visual{min-height:200px}\n .hero-orb{width:150px;height:150px}\n\n .section-title{font-size:1.6rem}\n .section-label{font-size:.7rem;padding:5px 12px}\n\n .card{padding:20px}\n .card-icon{width:48px;height:48px;margin-bottom:12px;border-radius:12px}.card-icon svg{width:22px;height:22px}\n .card h3{font-size:1rem}\n\n .step{flex-direction:column;gap:12px;text-align:center;align-items:center}\n .step::before{margin:0 auto}\n\n .pricing-card{padding:24px}\n .pricing-card .price{font-size:2rem}\n\n .download-cards{grid-template-columns:repeat(2,1fr);gap:10px}\n .dl-card{padding:16px 10px}\n .dl-card .dl-icon{width:44px;height:44px;margin-bottom:6px;border-radius:10px}.dl-card .dl-icon svg{width:24px;height:24px}\n .dl-card h4{font-size:.85rem}\n\n .vs-card{padding:20px}\n .vs-card h3{font-size:1.1rem;margin-bottom:14px}.vs-card h3 svg{width:20px;height:20px;min-width:18px}\n .vs-card li{font-size:.85rem;padding:10px 0 10px 24px}\n\n .faq-q{padding:16px;font-size:.88rem}\n .faq-item.open .faq-a{padding:0 16px 16px}\n .faq-a p{font-size:.85rem}\n\n #cta-final{margin:0 12px 48px;padding:40px 20px}\n #cta-final .btn{padding:16px 28px;font-size:.95rem}\n\n .footer-grid{grid-template-columns:1fr;gap:24px}\n .footer-brand{grid-column:auto}\n}\n\n\/* Touch-friendly: bigger tap targets on mobile *\/\n@media(hover:none) and (pointer:coarse){\n .btn{min-height:48px}\n .faq-q{min-height:52px}\n .dl-card{min-height:100px}\n .nav-links a{min-height:44px;display:flex;align-items:center}\n}\n\n\/* TESTIMONIALS CAROUSEL *\/\n#temoignages{overflow:hidden}\n.carousel-wrapper{position:relative;max-width:900px;margin:0 auto}\n.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}\n.testimonial-card{min-width:100%;padding:0 12px;box-sizing:border-box}\n.testimonial-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px;text-align:left;position:relative}\n.testimonial-inner:hover{border-color:rgba(var(--violet),.2);box-shadow:0 12px 40px rgba(var(--violet),.08)}\n.testi-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}\n.testi-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--violet),.15),rgba(var(--violet-light),.1));display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:rgb(var(--violet));flex-shrink:0}\n.testi-info h4{font-size:1rem;margin-bottom:2px}\n.testi-info p{font-size:.8rem;color:var(--text-muted);margin:0}\n.testi-stars{display:flex;gap:2px;margin-bottom:14px;align-items:center}\n.testi-stars svg.google-icon{width:20px;height:20px;margin-right:8px;flex-shrink:0}\n.testi-stars .star{color:#fbbc04;font-size:1.1rem}\n.testi-text{color:var(--text-muted);font-size:.95rem;line-height:1.7;font-style:italic}\n.testi-text::before{content:'\"';font-size:2rem;font-weight:800;color:rgba(var(--violet),.3);line-height:0;vertical-align:-.3em;margin-right:4px}\n.carousel-controls{display:flex;justify-content:center;gap:12px;margin-top:32px;align-items:center}\n.carousel-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text);transition:var(--transition)}\n.carousel-btn:hover{border-color:rgb(var(--violet));color:rgb(var(--violet));background:rgba(var(--violet),.05)}\n.carousel-dots{display:flex;gap:8px;align-items:center}\n.carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:var(--transition);padding:0}\n.carousel-dot.active{background:rgb(var(--violet));width:28px;border-radius:100px}\n@media(max-width:768px){\n .testimonial-inner{padding:24px}\n .testi-header{gap:12px}\n .testi-avatar{width:44px;height:44px;font-size:1.1rem}\n .testi-text{font-size:.9rem}\n .carousel-btn{width:38px;height:38px}\n}\n@media(max-width:420px){\n .testimonial-inner{padding:20px}\n .testi-info h4{font-size:.9rem}\n .testi-text{font-size:.85rem}\n}\n\n\/* CUSTOM CURSOR *\/\n.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:9999;border-radius:50%;opacity:0;transition:opacity .3s}\n.cursor-dot{width:6px;height:6px;background:rgb(var(--violet));transform:translate(-50%,-50%)}\n.cursor-ring{width:36px;height:36px;border:2px solid rgba(var(--violet),.4);transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s,opacity .3s}\n.cursor-hover .cursor-ring{width:52px;height:52px;border-color:rgba(var(--violet),.7)}\nbody.cursor-ready .cursor-dot,body.cursor-ready .cursor-ring{opacity:1}\n\n\/* LIVING GRID BACKGROUND *\/\n@keyframes grid-pulse{0%,100%{opacity:.03}50%{opacity:.07}}\nbody::before{animation:grid-pulse 8s ease-in-out infinite}\n\n\/* FLOATING PARTICLES *\/\n.particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}\n.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(var(--violet),.15);animation:particle-float linear infinite}\n@keyframes particle-float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-10vh) scale(1);opacity:0}}\n\n\/* ENHANCED REVEAL ANIMATIONS *\/\n.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity .8s ease,transform .8s ease}\n.reveal-left.visible{opacity:1;transform:translateX(0)}\n.reveal-right{opacity:0;transform:translateX(60px);transition:opacity .8s ease,transform .8s ease}\n.reveal-right.visible{opacity:1;transform:translateX(0)}\n.reveal-scale{opacity:0;transform:scale(.85);transition:opacity .8s ease,transform .8s ease}\n.reveal-scale.visible{opacity:1;transform:scale(1)}\n.reveal-rotate{opacity:0;transform:translateY(40px) rotate(-2deg);transition:opacity .8s ease,transform .8s ease}\n.reveal-rotate.visible{opacity:1;transform:translateY(0) rotate(0)}\n\n\/* HERO ENHANCED *\/\n@keyframes hero-text-glow{0%,100%{text-shadow:0 0 20px rgba(var(--violet),.0)}50%{text-shadow:0 0 40px rgba(var(--violet),.15)}}\n.hero-content h1{animation:hero-text-glow 4s ease-in-out infinite}\n@keyframes float-gentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}\n.hero-visual{animation:float-gentle 6s ease-in-out infinite}\n.hero-orb::after{content:'';position:absolute;inset:-20px;border-radius:50%;border:1px solid rgba(var(--violet),.1);animation:orbit-ring 12s linear infinite}\n@keyframes orbit-ring{from{transform:rotate(0)}to{transform:rotate(360deg)}}\n\n\/* BUTTON MICRO-INTERACTIONS *\/\n.btn{position:relative;overflow:hidden}\n.btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transition:width .5s,height .5s,top .5s,left .5s;transform:translate(-50%,-50%)}\n.btn:active::after{width:300px;height:300px}\n.btn-primary{transition:transform .3s,box-shadow .3s,filter .3s}\n.btn-primary:hover{filter:brightness(1.1)}\n.btn-secondary{transition:transform .3s,box-shadow .3s,background .3s,border-color .3s,color .3s}\n.btn-secondary:hover{box-shadow:0 4px 20px rgba(var(--violet),.15)}\n\n\/* CARD ENHANCED HOVER *\/\n.card{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s,border-color .4s}\n.card:hover{transform:translateY(-8px) scale(1.02)}\n.card-icon{transition:transform .4s,background .4s,box-shadow .4s}\n.card:hover .card-icon{transform:scale(1.15) rotate(5deg);background:rgba(var(--violet),.14);box-shadow:0 0 20px rgba(var(--violet),.15)}\n.card:hover .card-icon svg{filter:drop-shadow(0 0 6px rgba(var(--violet),.4))}\n\n\/* NAV LINK UNDERLINE *\/\n.nav-links a{position:relative}\n.nav-links a:not(.btn)::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:rgb(var(--violet));transition:width .3s;border-radius:2px}\n.nav-links a:not(.btn):hover::after{width:100%}\n\n\/* TABLE HOVER *\/\n.compare-table tbody tr{transition:background .3s}\n.compare-table tbody tr:hover{background:rgba(var(--violet),.04)}\n.compare-table .check{transition:transform .3s}\n.compare-table tbody tr:hover .check{transform:scale(1.3)}\n\n\/* PRICING CARD HOVER *\/\n.pricing-card{transition:transform .4s,box-shadow .4s,border-color .4s}\n.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(var(--violet),.12)}\n.pricing-card .btn{transition:transform .3s,box-shadow .3s,filter .3s,background .3s,border-color .3s,color .3s}\n\n\/* DL CARD HOVER *\/\n.dl-card{transition:transform .4s,box-shadow .4s,border-color .4s}\n.dl-card:hover .dl-icon{transform:scale(1.1);transition:transform .3s}\n.dl-card:hover .dl-icon svg{filter:drop-shadow(0 0 8px rgba(var(--violet),.4))}\n\n\/* FAQ HOVER *\/\n.faq-item{transition:border-color .3s,box-shadow .3s}\n.faq-item:hover{box-shadow:0 4px 20px rgba(var(--violet),.06)}\n.faq-item.open{box-shadow:0 8px 30px rgba(var(--violet),.1);border-color:rgba(var(--violet),.25)}\n.faq-q .arrow{transition:transform .4s cubic-bezier(.4,0,.2,1),color .3s}\n\n\/* CAROUSEL ENHANCED *\/\n.carousel-btn{transition:transform .3s,border-color .3s,color .3s,background .3s,box-shadow .3s}\n.carousel-btn:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(var(--violet),.2)}\n.carousel-btn:active{transform:scale(.95)}\n.testimonial-inner{transition:transform .4s,box-shadow .4s,border-color .4s}\n.testimonial-inner:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(var(--violet),.1)}\n\n\/* SECTION LABEL PULSE *\/\n@keyframes label-glow{0%,100%{box-shadow:0 0 0 rgba(var(--violet),0)}50%{box-shadow:0 0 16px rgba(var(--violet),.15)}}\n.section-label{transition:transform .3s;animation:label-glow 3s ease-in-out infinite}\n.section-label:hover{transform:scale(1.05)}\n\n\/* CTA FINAL ENHANCED *\/\n#cta-final{overflow:hidden;position:relative}\n#cta-final::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.05);animation:float-gentle 8s ease-in-out infinite}\n#cta-final::after{content:'';position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.03);animation:float-gentle 10s ease-in-out infinite reverse}\n\n\/* COUPON BANNER PULSE *\/\n.coupon-code{animation:coupon-pulse 2s ease-in-out infinite}\n@keyframes coupon-pulse{0%,100%{box-shadow:0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 12px rgba(255,255,255,.3)}}\n\n\/* GLOW HALOS ON SECTIONS *\/\nsection::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(var(--violet),.03),transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}\n\n\/* SMOOTH SECTION TRANSITIONS *\/\nsection{transition:opacity .3s}\n\n\/* FOOTER LINK HOVER *\/\nfooter a{transition:color .3s,padding-left .3s}\nfooter a:hover{padding-left:4px}\n\n\/* VS CARD HOVER *\/\n.vs-card{transition:transform .4s,box-shadow .4s,border-color .4s}\n.vs-card:hover{transform:translateY(-6px);box-shadow:0 16px 50px rgba(var(--violet),.08)}\n.vs-card.paid:hover{border-color:rgba(var(--violet),.4);box-shadow:0 16px 50px rgba(var(--violet),.15)}\n\n\/* STEP HOVER *\/\n.step{transition:background .3s,padding-left .3s}\n.step:hover{background:rgba(var(--violet),.02);padding-left:8px;border-radius:12px}\n.step::before{transition:transform .3s,box-shadow .3s}\n.step:hover::before{transform:scale(1.1);box-shadow:0 0 16px rgba(var(--violet),.15)}\n\n\/* PRES IMAGE FLOAT *\/\n.pres-image{transition:transform .6s,box-shadow .6s}\n.pres-image:hover{transform:scale(1.03);box-shadow:0 20px 60px rgba(var(--violet),.12)}\n\n\/* PRICE COUNTER ANIMATION *\/\n@keyframes price-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}\n.price-animate{animation:price-pop .6s cubic-bezier(.4,0,.2,1) forwards}\n\n\n\n\/* Make every section transparent so the global animated dark grid shines through.\n Each section keeps its own animated glow\/grid layer for a \"hero-like\" feel,\n while content cards switch to glassmorphism on dark. *\/\n\n\/* ---- Section: Avantages (was white) ---- *\/\n.avantages-light{\n background:transparent !important;\n color:#fff !important;\n border-top:1px solid rgba(167,139,250,.12);\n border-bottom:1px solid rgba(167,139,250,.12);\n}\n.avantages-light::before{\n content:\"\";position:absolute;inset:0;pointer-events:none;z-index:0;\n background:\n radial-gradient(ellipse at 20% 0%, rgba(136,58,234,.22), transparent 55%),\n radial-gradient(ellipse at 80% 100%, rgba(167,139,250,.18), transparent 55%);\n}\n.ava-bg-grid{\n background-image:\n linear-gradient(rgba(167,139,250,.10) 1px, transparent 1px),\n linear-gradient(90deg, rgba(167,139,250,.10) 1px, transparent 1px) !important;\n mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, #000 30%, transparent 80%);\n}\n.ava-glow{opacity:.35 !important;filter:blur(110px) !important}\n.ava-title,.ava-card h3{color:#fff !important}\n.ava-lead,.ava-card p{color:rgba(255,255,255,.72) !important}\n.ava-card{\n background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;\n border:1px solid rgba(167,139,250,.18) !important;\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n box-shadow:0 10px 30px -18px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.05) inset !important;\n}\n.ava-card:hover{\n border-color:rgba(167,139,250,.45) !important;\n background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;\n box-shadow:0 22px 50px -20px rgba(136,58,234,.45), 0 1px 0 rgba(255,255,255,.08) inset !important;\n}\n\n\/* ---- Section: Comment \u00e7a marche (was light gradient) ---- *\/\n.howto-light{\n background:transparent !important;\n border-top:1px solid rgba(167,139,250,.12);\n border-bottom:1px solid rgba(167,139,250,.12);\n}\n.howto-light::before{\n background-image:\n linear-gradient(rgba(167,139,250,.10) 1px,transparent 1px),\n linear-gradient(90deg,rgba(167,139,250,.10) 1px,transparent 1px) !important;\n}\n.howto-light::after{\n background:radial-gradient(circle,rgba(168,85,247,.30) 0%,transparent 70%) !important;\n}\n.howto-head h2,.howto-step h3{color:#fff !important}\n.howto-head p,.howto-step p,.howto-foot{color:rgba(255,255,255,.72) !important}\n.howto-step{\n background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;\n border:1px solid rgba(167,139,250,.18) !important;\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n box-shadow:0 10px 30px -18px rgba(0,0,0,.6) !important;\n}\n.howto-step:hover{\n border-color:rgba(167,139,250,.45) !important;\n background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;\n box-shadow:0 22px 50px -20px rgba(136,58,234,.45) !important;\n}\n\n\/* ---- Generic card surfaces (pricing \/ faq \/ downloads \/ vs \/ testimonials) ---- *\/\n.card,\n.pricing-card,\n.dl-card,\n.vs-card.free,\n.faq-item,\n.testimonial-inner,\n.compare-table{\n background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;\n border:1px solid rgba(167,139,250,.18) !important;\n color:#fff;\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n}\n.vs-card.paid{\n background:linear-gradient(135deg, rgba(136,58,234,.18), rgba(167,139,250,.06)) !important;\n border-color:rgba(167,139,250,.35) !important;\n}\n.vs-card h3{color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important}\n.compare-table thead th{background:rgba(136,58,234,.18) !important;color:#fff}\n.compare-table td,.compare-table th{color:rgba(255,255,255,.85)}\n.faq-q{color:#fff}\n.faq-a p,.pricing-card li,.pricing-card .price span,.testimonial-inner p,.dl-card{color:rgba(255,255,255,.78) !important}\n.pricing-card li{border-bottom:1px solid rgba(255,255,255,.08) !important}\n.carousel-btn{\n background:rgba(255,255,255,.06) !important;\n border:1px solid rgba(167,139,250,.25) !important;\n color:#fff !important;\n}\n.carousel-btn:hover{background:rgba(167,139,250,.18) !important}\n\n\/* Footer blends with global dark bg *\/\nfooter{background:transparent !important;border-top:1px solid rgba(167,139,250,.14)}\n\n\/* Subtle separator between sections for continuity *\/\nsection + section::before{\n content:\"\";position:absolute;left:0;right:0;top:0;height:1px;\n background:linear-gradient(90deg, transparent, rgba(167,139,250,.25), transparent);\n pointer-events:none;z-index:1;\n}\n\n\/* ===== Per-section animated grid (futuristic, hero-style) ===== *\/\nsection{position:relative;isolation:isolate}\nsection > *{position:relative;z-index:2}\nsection::after{\n content:\"\";\n position:absolute;inset:0;\n pointer-events:none;\n z-index:0;\n background-image:\n linear-gradient(rgba(167,139,250,.09) 1px, transparent 1px),\n linear-gradient(90deg, rgba(167,139,250,.09) 1px, transparent 1px);\n background-size:54px 54px;\n background-position:0 0, 0 0;\n mask-image:radial-gradient(ellipse 90% 70% at 50% 50%, #000 35%, transparent 85%);\n -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 50%, #000 35%, transparent 85%);\n animation:sectionGridDrift 28s linear infinite;\n will-change:background-position;\n}\n@keyframes sectionGridDrift{\n 0%{background-position:0 0, 0 0}\n 100%{background-position:54px 54px, 54px 54px}\n}\n\n\/* Sections with their OWN grid \u2192 disable the universal one to avoid double layer *\/\n#hero::after,\n#presentation::after,\n#avantages::after,\n#compatibilite::after,\n#fonctionnement::after,\n#cta-final::after{\n content:none !important;\n background-image:none !important;\n animation:none !important;\n mask-image:none !important;-webkit-mask-image:none !important;\n}\n\n@media(max-width:768px){\n section::after{background-size:42px 42px;animation-duration:40s}\n}\n@media(prefers-reduced-motion:reduce){\n section::after{animation:none}\n}\n\n\n\/* ===== Apple-style separated topbar + floating glass navbar ===== *\/\n.topbar{\n position:fixed;top:0;left:0;right:0;z-index:1001;\n background:rgba(8,6,16,.92);\n color:rgba(255,255,255,.78);\n border-bottom:1px solid rgba(255,255,255,.06);\n backdrop-filter:saturate(180%) blur(20px);\n -webkit-backdrop-filter:saturate(180%) blur(20px);\n font-size:.78rem;\n letter-spacing:.01em;\n height:36px;\n display:flex;align-items:center;\n transform:translateY(0);\n transition:transform .35s cubic-bezier(.4,0,.2,1), opacity .3s ease;\n will-change:transform;\n}\nbody.is-scrolled .topbar{transform:translateY(-100%);opacity:0;pointer-events:none}\n.topbar-inner{\n width:100%;max-width:1280px;margin:0 auto;padding:0 24px;\n display:flex;align-items:center;justify-content:space-between;gap:20px;\n}\n.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6)}\n.topbar-left{font-weight:500}\n.topbar-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulseDot 1.8s ease-in-out infinite}\n.topbar-promo{\n display:flex;align-items:center;gap:8px;\n font-weight:500;color:#fff;\n}\n.topbar-promo strong{color:rgb(var(--violet-light));font-weight:700}\n.topbar .coupon-code{\n background:rgba(var(--violet),.2);\n border:1px solid rgba(var(--violet-light),.35);\n padding:2px 10px;border-radius:6px;font-family:'JetBrains Mono',monospace;\n letter-spacing:1.5px;font-size:.72rem;color:#fff;margin-left:0;\n animation:none;\n}\n.topbar-right a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s}\n.topbar-right a:hover{color:#fff}\n.topbar-sep{opacity:.4}\n\n\/* ===== Floating GREY GLASS navbar (trend 2025) ===== *\/\n@keyframes navSlideDown{\n from{opacity:0;transform:translateY(-20px)}\n to{opacity:1;transform:translateY(0)}\n}\n@keyframes navShine{\n 0%{background-position:-200% 0}\n 100%{background-position:200% 0}\n}\n@keyframes mobileMenuIn{\n from{opacity:0;transform:translateY(-12px) scale(.98)}\n to{opacity:1;transform:translateY(0) scale(1)}\n}\n@keyframes mobileLinkIn{\n from{opacity:0;transform:translateX(-12px)}\n to{opacity:1;transform:translateX(0)}\n}\n\nnav.nav-floating{\n position:fixed;top:50px;left:0;right:0;z-index:1000;\n background:transparent!important;border:0!important;padding:0!important;\n display:flex;justify-content:center;\n transition:top .35s cubic-bezier(.4,0,.2,1);\n animation:navSlideDown .6s cubic-bezier(.16,1,.3,1) both;\n}\nnav.nav-floating.scrolled{top:14px}\n\n.nav-shell{\n position:relative;\n display:flex;align-items:center;justify-content:space-between;gap:28px;\n width:min(1180px, calc(100% - 32px));\n padding:10px 14px 10px 22px;\n border-radius:999px;\n \/* GREY GLASS: cool neutral with subtle tint *\/\n background:linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(180,185,200,.05) 50%, rgba(255,255,255,.06) 100%);\n border:1px solid rgba(255,255,255,.12);\n backdrop-filter:saturate(180%) blur(28px);\n -webkit-backdrop-filter:saturate(180%) blur(28px);\n box-shadow:\n 0 8px 32px -8px rgba(0,0,0,.4),\n 0 1px 0 0 rgba(255,255,255,.08) inset,\n 0 -1px 0 0 rgba(0,0,0,.2) inset;\n transition:all .4s cubic-bezier(.4,0,.2,1);\n overflow:hidden;\n}\n\/* Animated shine sweep across glass *\/\n.nav-shell::before{\n content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;\n background:linear-gradient(110deg, transparent 30%, rgba(255,255,255,.08) 50%, transparent 70%);\n background-size:200% 100%;\n animation:navShine 6s linear infinite;\n opacity:.6;\n}\nnav.nav-floating.scrolled .nav-shell{\n background:linear-gradient(135deg, rgba(20,20,28,.65) 0%, rgba(35,35,45,.55) 50%, rgba(20,20,28,.65) 100%);\n border-color:rgba(255,255,255,.14);\n box-shadow:\n 0 16px 48px -12px rgba(0,0,0,.7),\n 0 1px 0 0 rgba(255,255,255,.1) inset,\n 0 0 30px rgba(var(--violet),.14);\n}\n\n.nav-logo{\n position:relative;z-index:2;\n display:inline-flex;align-items:center;gap:8px;\n font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight:700;\n color:#fff;text-decoration:none;letter-spacing:-.01em;white-space:nowrap;\n transition:transform .3s cubic-bezier(.16,1,.3,1);\n}\n.nav-logo:hover{transform:scale(1.03)}\n.logo-mark{\n display:inline-flex;align-items:center;justify-content:center;\n width:30px;height:30px;border-radius:10px;font-size:.7rem;\n background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)));\n color:#fff;box-shadow:0 4px 14px rgba(var(--violet),.55), 0 0 0 1px rgba(255,255,255,.15) inset;\n transition:transform .4s cubic-bezier(.16,1,.3,1);\n}\n.nav-logo:hover .logo-mark{transform:rotate(-8deg) scale(1.08)}\n.logo-accent{color:rgb(var(--violet-light))}\n\n.nav-floating .nav-links{\n position:relative;z-index:2;\n display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;\n}\n.nav-floating .nav-links a{\n position:relative;display:inline-block;\n padding:9px 16px;border-radius:999px;\n color:rgba(255,255,255,.78);font-size:.88rem;font-weight:500;\n text-decoration:none;\n transition:color .25s ease, background .3s ease, transform .25s ease;\n}\n.nav-floating .nav-links a::before{\n content:\"\";position:absolute;inset:0;border-radius:inherit;\n background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));\n border:1px solid rgba(255,255,255,.08);\n opacity:0;transform:scale(.9);\n transition:opacity .3s ease, transform .3s cubic-bezier(.16,1,.3,1);\n}\n.nav-floating .nav-links a:hover{color:#fff;transform:translateY(-1px)}\n.nav-floating .nav-links a:hover::before{opacity:1;transform:scale(1)}\n.nav-floating .nav-links a.active{color:#fff}\n.nav-floating .nav-links a.active::before{opacity:1;transform:scale(1);background:linear-gradient(135deg,rgba(var(--violet),.25),rgba(var(--violet-light),.12));border-color:rgba(var(--violet-light),.3)}\n.nav-floating .nav-links a.active:hover{color:#fff;transform:translateY(-1px)}\n.nav-floating .nav-links a.active:hover::before{background:linear-gradient(135deg,rgba(var(--violet),.4),rgba(var(--violet-light),.2));border-color:rgba(var(--violet-light),.5);opacity:1;transform:scale(1)}\n.nav-floating .nav-links a::after{display:none!important}\n\n.nav-actions{position:relative;z-index:2;display:flex;align-items:center;gap:10px}\n.nav-floating .nav-cta{\n padding:9px 20px!important;font-size:.85rem!important;\n border-radius:999px!important;\n background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)))!important;\n color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;\n box-shadow:0 6px 20px -4px rgba(var(--violet),.6), 0 0 0 1px rgba(255,255,255,.1) inset!important;\n transition:all .3s cubic-bezier(.16,1,.3,1)!important;\n}\n.nav-floating .nav-cta:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.1);box-shadow:0 12px 30px -6px rgba(var(--violet),.85)!important}\n\n\/* GREY GLASS BURGER *\/\n.nav-floating .burger{\n display:none;position:relative;z-index:2;\n width:42px;height:42px;border-radius:50%;\n background:linear-gradient(135deg, rgba(255,255,255,.1), rgba(180,185,200,.06));\n border:1px solid rgba(255,255,255,.14);\n backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n cursor:pointer;padding:0;\n align-items:center;justify-content:center;flex-direction:column;gap:5px;\n transition:all .3s cubic-bezier(.16,1,.3,1);\n box-shadow:0 4px 12px -4px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.08) inset;\n}\n.nav-floating .burger:hover{transform:scale(1.06);background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(180,185,200,.1))}\n.nav-floating .burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .35s cubic-bezier(.16,1,.3,1), opacity .25s ease}\n.nav-floating .burger.active{background:linear-gradient(135deg, rgba(var(--violet),.3), rgba(var(--violet-light),.2));border-color:rgba(var(--violet-light),.4)}\n.nav-floating .burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}\n.nav-floating .burger.active span:nth-child(2){opacity:0;transform:translateX(-10px)}\n.nav-floating .burger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}\n\n\/* Push hero down to account for topbar+nav *\/\n.hero-futuristic{padding-top:170px!important}\n\n\/* ===== TABLET ===== *\/\n@media(max-width:980px){\n \/* D\u00e9sactive l'overflow hidden du shell sur mobile pour lib\u00e9rer le menu d\u00e9roulant *\/\n .nav-floating .nav-shell{overflow:visible!important}\n .nav-floating .nav-shell::before{\n \/* Maintient le shine sweep contenu dans la pill malgr\u00e9 l'overflow visible *\/\n border-radius:inherit;\n overflow:hidden;\n -webkit-mask-image:-webkit-radial-gradient(white, black);\n }\n\n \/* Menu - r\u00e8gles communes (qu'il soit dans nav-shell ou d\u00e9tach\u00e9 dans body) *\/\n .nav-floating .nav-links,\n ul.nav-links--detached{\n position:fixed!important;\n top:calc(50px + 70px)!important;\n bottom:auto!important;\n left:16px!important;\n right:16px!important;\n flex-direction:column!important;\n align-items:stretch!important;\n justify-content:flex-start!important;\n gap:6px!important;\n padding:18px!important;\n border-radius:24px!important;\n \/* GREY GLASS dropdown *\/\n background:linear-gradient(135deg, rgba(28,28,38,.96) 0%, rgba(38,38,50,.94) 100%)!important;\n border:1px solid rgba(255,255,255,.12)!important;\n backdrop-filter:saturate(180%) blur(28px)!important;-webkit-backdrop-filter:saturate(180%) blur(28px)!important;\n box-shadow:\n 0 24px 60px -10px rgba(0,0,0,.7),\n 0 1px 0 rgba(255,255,255,.08) inset!important;\n display:none!important;\n transform-origin:top center;\n z-index:1002!important;\n margin:0!important;\n width:auto!important;\n max-width:none!important;\n height:auto!important;\n max-height:calc(100vh - 140px);\n overflow-y:auto;\n list-style:none!important;\n }\n body.is-scrolled .nav-floating .nav-links,\n body.is-scrolled ul.nav-links--detached{top:calc(14px + 70px)!important}\n\n .nav-floating .nav-links.open,\n ul.nav-links--detached.open{\n display:flex!important;\n animation:mobileMenuIn .35s cubic-bezier(.16,1,.3,1) both;\n }\n\n .nav-floating .nav-links.open li,\n ul.nav-links--detached.open li{\n animation:mobileLinkIn .4s cubic-bezier(.16,1,.3,1) both;\n }\n .nav-floating .nav-links.open li:nth-child(1),\n ul.nav-links--detached.open li:nth-child(1){animation-delay:.05s}\n .nav-floating .nav-links.open li:nth-child(2),\n ul.nav-links--detached.open li:nth-child(2){animation-delay:.1s}\n .nav-floating .nav-links.open li:nth-child(3),\n ul.nav-links--detached.open li:nth-child(3){animation-delay:.15s}\n .nav-floating .nav-links.open li:nth-child(4),\n ul.nav-links--detached.open li:nth-child(4){animation-delay:.2s}\n\n \/* Liens dans le menu mobile *\/\n .nav-floating .nav-links a,\n ul.nav-links--detached a{\n display:block!important;\n padding:14px 18px!important;\n font-size:.95rem!important;\n text-align:left!important;\n color:rgba(255,255,255,.85)!important;\n background:rgba(255,255,255,.03)!important;\n border:1px solid rgba(255,255,255,.06)!important;\n border-radius:12px!important;\n text-decoration:none!important;\n transition:all .25s ease!important;\n }\n .nav-floating .nav-links a:hover,\n ul.nav-links--detached a:hover{\n color:#fff!important;\n background:rgba(167,139,250,.12)!important;\n border-color:rgba(167,139,250,.25)!important;\n transform:translateX(2px);\n }\n .nav-floating .nav-links a.active,\n ul.nav-links--detached a.active{\n color:#fff!important;\n background:linear-gradient(135deg,rgba(var(--violet),.25),rgba(var(--violet-light),.12))!important;\n border-color:rgba(var(--violet-light),.3)!important;\n }\n\n \/* Reset li puces *\/\n ul.nav-links--detached li{list-style:none;margin:0;padding:0}\n\n .nav-floating .burger{display:flex}\n}\n\n\/* ===== MOBILE (\u2264768px) ===== *\/\n@media(max-width:768px){\n \/* Topbar: keep only the promo on a single compact line *\/\n .topbar{height:32px;padding:0;font-size:.7rem}\n .topbar-inner{padding:0 12px;gap:8px;justify-content:center;flex-wrap:nowrap}\n .topbar-left,.topbar-right{display:none}\n .topbar-promo{\n font-size:.7rem;gap:6px;\n white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\n max-width:100%;\n }\n .topbar .coupon-code{padding:1px 8px;font-size:.65rem;letter-spacing:1px}\n\n \/* Navbar pushed below topbar *\/\n nav.nav-floating{top:38px}\n nav.nav-floating.scrolled{top:8px}\n .nav-shell{\n padding:6px 6px 6px 14px;gap:8px;\n width:calc(100% - 16px);\n border-radius:18px;\n }\n .nav-logo{font-size:.95rem}\n .logo-mark{width:28px;height:28px;font-size:.65rem}\n .nav-actions{gap:6px}\n .nav-floating .nav-cta{padding:8px 14px!important;font-size:.78rem!important}\n .nav-floating .burger{width:38px;height:38px}\n .hero-futuristic{padding-top:140px!important}\n\n \/* Mobile dropdown menu \u2014 fits viewport *\/\n .nav-floating .nav-links{\n left:8px;right:8px;\n padding:14px;border-radius:20px;\n max-height:calc(100vh - 120px);overflow-y:auto;\n }\n}\n\n\/* ===== SMALL MOBILE (\u2264480px) ===== *\/\n@media(max-width:480px){\n .topbar{height:30px;font-size:.65rem}\n .topbar-promo{font-size:.66rem}\n .topbar-promo strong{font-size:.7rem}\n nav.nav-floating{top:36px}\n .nav-shell{padding:5px 5px 5px 12px;gap:6px;width:calc(100% - 12px);border-radius:16px}\n .nav-logo{font-size:.88rem;gap:6px}\n .logo-mark{width:26px;height:26px;font-size:.6rem;border-radius:8px}\n .nav-floating .nav-cta{padding:7px 12px!important;font-size:.74rem!important}\n .nav-floating .burger{width:34px;height:34px}\n .nav-floating .burger span{width:14px}\n .hero-futuristic{padding-top:130px!important}\n}\n\n\/* ===== EXTRA SMALL (\u2264360px) \u2014 hide CTA, keep just logo + burger ===== *\/\n@media(max-width:360px){\n .logo-accent{display:none}\n .nav-floating .nav-cta{display:none!important}\n .nav-shell{padding:5px 5px 5px 10px;gap:4px}\n}\n\n\n\/* ===== Futuristic Hero ===== *\/\n.hero-futuristic{\n position:relative;\n min-height:100vh;\n padding:160px 0 240px;\n overflow:visible;\n background:\n radial-gradient(ellipse at top, rgba(var(--violet),.18), transparent 60%),\n linear-gradient(180deg, #07060d 0%, #0b0814 45%, #120a26 75%, #1a0f33 100%);\n color:#fff;\n isolation:isolate;\n}\n.hero-futuristic .hero-bg{border-radius:0 0 0 0}\n\/* No fade needed - next section is also dark *\/\n.hero-futuristic::after{display:none}\n\n.hero-futuristic .container{position:relative;z-index:2}\n.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}\n.hero-grid{\n position:absolute;inset:-2px;\n background-image:\n linear-gradient(rgba(150,120,255,.09) 1px, transparent 1px),\n linear-gradient(90deg, rgba(150,120,255,.09) 1px, transparent 1px);\n background-size:54px 54px;\n mask-image:radial-gradient(ellipse 80% 70% at 50% 40%, #000 40%, transparent 90%);\n -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%, #000 40%, transparent 90%);\n animation:gridShift 18s linear infinite;\n}\n@keyframes gridShift{\n 0%{transform:translate3d(0,0,0)}\n 100%{transform:translate3d(54px,54px,0)}\n}\n.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}\n.hero-glow-1{\n width:520px;height:520px;\n background:radial-gradient(circle, rgba(var(--violet),.7), transparent 70%);\n top:-120px;left:-100px;\n animation:floatGlow 14s ease-in-out infinite;\n}\n.hero-glow-2{\n width:600px;height:600px;\n background:radial-gradient(circle, rgba(120,80,255,.5), transparent 70%);\n bottom:-200px;right:-150px;\n animation:floatGlow 18s ease-in-out infinite reverse;\n}\n@keyframes floatGlow{\n 0%,100%{transform:translate(0,0) scale(1)}\n 50%{transform:translate(40px,-30px) scale(1.08)}\n}\n.hero-scan{\n position:absolute;left:0;right:0;height:1px;\n background:linear-gradient(90deg, transparent, rgba(var(--violet-light),.6), transparent);\n top:0; opacity:.5;\n animation:scanLine 6s linear infinite;\n}\n@keyframes scanLine{\n 0%{top:10%; opacity:0}\n 10%{opacity:.6}\n 90%{opacity:.6}\n 100%{top:90%; opacity:0}\n}\n\n#hero .hero-inner{\n display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;\n gap:28px;max-width:1200px;margin:0 auto;\n}\n\/* === Two-column hero layout: text left, image right === *\/\n#hero .hero-split{\n width:100%;\n display:grid!important;\n grid-template-columns:1fr 1fr;\n gap:60px;\n align-items:center;\n}\n#hero .hero-text-col{\n display:flex;flex-direction:column;align-items:flex-start;text-align:left;\n gap:24px;\n}\n#hero .hero-image-col{\n display:flex;justify-content:center;align-items:center;\n position:relative;\n}\n#hero .hero-text-col .hero-desc{margin:0;max-width:none;text-align:left}\n#hero .hero-text-col .hero-buttons{justify-content:flex-start!important;margin-top:4px}\n#hero .hero-image-col .hero-showcase{margin:0;max-width:100%}\n@media (max-width:900px){\n #hero .hero-split{grid-template-columns:1fr!important;gap:48px}\n #hero .hero-text-col{align-items:center;text-align:center}\n #hero .hero-text-col .hero-desc{text-align:center}\n #hero .hero-text-col .hero-buttons{justify-content:center!important;width:100%}\n}\n.hero-badge{\n display:inline-flex;align-items:center;gap:10px;\n padding:8px 16px;border-radius:999px;\n background:rgba(255,255,255,.04);\n border:1px solid rgba(255,255,255,.1);\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n font-size:.85rem;color:rgba(255,255,255,.85);\n box-shadow:0 0 30px rgba(var(--violet),.15) inset;\n}\n.badge-dot{\n width:8px;height:8px;border-radius:50%;\n background:rgb(var(--violet-light));\n box-shadow:0 0 12px rgb(var(--violet-light));\n animation:pulseDot 1.8s ease-in-out infinite;\n}\n@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}\n\n.hero-title{\n font-size:clamp(1.7rem, 3.5vw, 2.8rem);\n line-height:1.15;font-weight:800;letter-spacing:-.02em;\n background:linear-gradient(180deg, #fff 0%, rgba(255,255,255,.7) 100%);\n -webkit-background-clip:text;background-clip:text;color:transparent;\n margin:0;\n}\n.hero-title .hero-sep{color:rgba(var(--violet-light),.8);font-weight:400}\n.hero-title .text-gradient{\n background:linear-gradient(120deg, rgb(var(--violet-light)), #c9b6ff 50%, rgb(var(--violet)));\n -webkit-background-clip:text;background-clip:text;color:transparent;\n filter:drop-shadow(0 0 20px rgba(var(--violet),.4));\n}\n.hero-desc{\n font-size:clamp(1rem, 1.4vw, 1.15rem);\n color:rgba(255,255,255,.65);\n max-width:720px;margin:0;line-height:1.7;\n}\n\n.hero-futuristic .hero-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}\n.hero-futuristic .btn-primary{\n background:linear-gradient(135deg, rgb(var(--violet)), rgb(var(--violet-light)));\n border:1px solid rgba(255,255,255,.15);\n color:#fff;padding:14px 28px;border-radius:14px;font-weight:600;\n box-shadow:0 10px 40px -10px rgba(var(--violet),.7), 0 0 0 1px rgba(255,255,255,.05) inset;\n transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\n}\n.hero-futuristic .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 16px 50px -10px rgba(var(--violet),.9)}\n.btn-glass{\n background:rgba(255,255,255,.06);\n border:1px solid rgba(255,255,255,.14);\n backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);\n color:#fff;padding:14px 28px;border-radius:14px;font-weight:600;\n transition:all .25s ease;\n}\n.btn-glass:hover{background:rgba(255,255,255,.1);border-color:rgba(var(--violet-light),.5);transform:translateY(-2px);box-shadow:0 0 30px rgba(var(--violet),.25)}\n\n.hero-glass-card{\n margin-top:30px;width:100%;max-width:760px;\n background:rgba(255,255,255,.04);\n border:1px solid rgba(255,255,255,.1);\n backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);\n border-radius:22px;padding:22px 28px;\n box-shadow:0 20px 60px -20px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.04) inset;\n position:relative;overflow:hidden;\n}\n.hero-glass-card::before{\n content:\"\";position:absolute;inset:0;border-radius:22px;\n background:linear-gradient(120deg, transparent 30%, rgba(var(--violet-light),.15) 50%, transparent 70%);\n background-size:200% 100%;animation:shine 6s linear infinite;pointer-events:none;\n}\n@keyframes shine{0%{background-position:200% 0}100%{background-position:-200% 0}}\n.glass-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}\n.glass-stat{display:flex;flex-direction:column;align-items:center;flex:1;min-width:110px}\n.glass-stat strong{font-size:1.6rem;font-weight:700;background:linear-gradient(180deg,#fff,rgba(var(--violet-light),.9));-webkit-background-clip:text;background-clip:text;color:transparent}\n.glass-stat span{font-size:.8rem;color:rgba(255,255,255,.55);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}\n.glass-divider{width:1px;height:36px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent)}\n\n\n\/* Hero showcase image *\/\n.hero-showcase{position:relative;width:100%;max-width:880px;margin:20px auto 0;perspective:1400px}\n.showcase-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at center, rgba(var(--violet),.45), transparent 65%);filter:blur(40px);z-index:0;animation:floatGlow 10s ease-in-out infinite}\n.showcase-frame{\n position:relative;z-index:1;border-radius:24px;overflow:hidden;\n border:1px solid rgba(255,255,255,.12);\n background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));\n backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);\n box-shadow:\n 0 30px 80px -20px rgba(0,0,0,.7),\n 0 0 60px -10px rgba(var(--violet),.45),\n 0 0 0 1px rgba(255,255,255,.05) inset;\n transform:rotateX(6deg);\n transition:transform .6s ease, box-shadow .6s ease;\n animation:floatY 7s ease-in-out infinite;\n}\n.showcase-frame:hover{transform:rotateX(0deg) translateY(-4px);box-shadow:0 40px 100px -20px rgba(0,0,0,.8),0 0 90px -10px rgba(var(--violet),.7)}\n.showcase-img{display:block;width:100%;height:auto}\n.showcase-reflection{position:absolute;inset:0;background:linear-gradient(120deg, transparent 40%, rgba(255,255,255,.08) 50%, transparent 60%);background-size:200% 100%;animation:shine 7s linear infinite;pointer-events:none}\n@keyframes floatY{0%,100%{transform:rotateX(6deg) translateY(0)}50%{transform:rotateX(6deg) translateY(-12px)}}\n.showcase-chip{\n position:absolute;z-index:2;\n display:inline-flex;align-items:center;gap:8px;\n padding:10px 16px;border-radius:999px;font-size:.82rem;font-weight:500;color:#fff;\n background:rgba(20,12,40,.65);\n border:1px solid rgba(var(--violet-light),.35);\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n box-shadow:0 10px 30px -10px rgba(0,0,0,.6), 0 0 20px rgba(var(--violet),.25);\n white-space:nowrap;\n}\n.chip-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulseDot 1.6s ease-in-out infinite}\n.showcase-chip-1{top:14%;left:-30px;animation:floatChip 6s ease-in-out infinite}\n.showcase-chip-2{top:48%;right:-40px;animation:floatChip 7s ease-in-out infinite .8s}\n.showcase-chip-3{bottom:14%;left:6%;animation:floatChip 8s ease-in-out infinite .4s}\n@keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n@media(max-width:768px){\n .showcase-chip{font-size:.72rem;padding:8px 12px}\n .showcase-chip-1{left:-10px}\n .showcase-chip-2{right:-10px}\n .showcase-chip-3{left:4%}\n .showcase-frame{transform:rotateX(0deg);animation:none}\n}\n\n@media(max-width:768px){\n .hero-futuristic{min-height:auto;padding:130px 0 180px}\n .hero-glass-card{padding:18px}\n .glass-stat strong{font-size:1.3rem}\n .glass-divider{display:none}\n \/* Stronger, taller fade on tablet for visible dark\u2192white *\/\n \n}\n@media(max-width:420px){\n .hero-futuristic{padding:120px 0 150px}\n \n}\n\n\n.presentation-futuristic{position:relative;padding:140px 0 120px;background:#07060d;overflow:hidden;z-index:2}\n.pres-bg{position:absolute;inset:0;z-index:0;pointer-events:none}\n.pres-grid-bg{\n position:absolute;inset:0;\n background-image:\n linear-gradient(rgba(136,58,234,.10) 1px,transparent 1px),\n linear-gradient(90deg,rgba(136,58,234,.10) 1px,transparent 1px);\n background-size:56px 56px;\n mask-image:radial-gradient(ellipse at center,#000 35%,transparent 80%);\n -webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 80%);\n animation:pres-grid-pulse 8s ease-in-out infinite;\n}\n@keyframes pres-grid-pulse{0%,100%{opacity:.6}50%{opacity:1}}\n.pres-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.55}\n.pres-glow-1{width:520px;height:520px;background:radial-gradient(circle,rgba(136,58,234,.55),transparent 70%);top:-140px;left:-140px}\n.pres-glow-2{width:560px;height:560px;background:radial-gradient(circle,rgba(167,109,255,.45),transparent 70%);bottom:-180px;right:-160px}\n.pres-glow-3{width:380px;height:380px;background:radial-gradient(circle,rgba(108,43,217,.35),transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%)}\n.pres-inner{position:relative;z-index:2}\n\n.pres-header{max-width:880px;margin:0 auto 70px;text-align:center}\n.presentation-futuristic .section-title{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.15;margin:14px 0 22px;letter-spacing:-.02em;color:#fff}\n.pres-lead{font-size:1.08rem;line-height:1.7;color:rgba(255,255,255,.72);margin:0 auto;max-width:720px}\n\n.presentation-futuristic .pres-grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:70px;align-items:center}\n\n.pres-visual-wrap{position:relative;width:100%;aspect-ratio:1\/1;max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:center}\n.pres-visual-stage{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch;animation:presStageFloat 8s ease-in-out infinite}\n.pres-visual-stage > img{width:100%;height:100%;object-fit:cover;border-radius:24px;filter:drop-shadow(0 30px 60px rgba(136,58,234,.45))}\n.pres-visual-aura{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,rgba(167,109,255,.45),rgba(136,58,234,.15) 40%,transparent 70%);filter:blur(40px);animation:presAura 7s ease-in-out infinite;pointer-events:none}\n.pres-visual-orbit{position:absolute;inset:6%;border:1px dashed rgba(167,109,255,.35);border-radius:50%;animation:presOrbit 22s linear infinite;pointer-events:none}\n.pres-visual-orbit::before{content:\"\";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:rgba(167,109,255,.9);box-shadow:0 0 18px rgba(167,109,255,.9)}\n.pres-visual-orbit--2{inset:-4%;border-color:rgba(136,58,234,.25);animation:presOrbit 32s linear infinite reverse}\n.pres-visual-orbit--2::before{background:rgba(136,58,234,.9);box-shadow:0 0 18px rgba(136,58,234,.9)}\n@keyframes presStageFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}\n@keyframes presAura{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}\n@keyframes presOrbit{to{transform:rotate(360deg)}}\n@media (prefers-reduced-motion:reduce){.pres-visual-stage,.pres-visual-aura,.pres-visual-orbit{animation:none !important}}\n\n.pres-image-frame{\n position:relative;display:flex;flex-direction:column;\n width:100%;aspect-ratio:1\/1;max-width:440px;margin:0 auto;\n border-radius:28px;padding:18px;\n background:linear-gradient(160deg,rgba(30,18,60,.85),rgba(15,10,30,.7));\n border:1px solid rgba(136,58,234,.35);\n box-shadow:\n 0 40px 100px -30px rgba(136,58,234,.55),\n 0 0 0 1px rgba(167,109,255,.15) inset,\n 0 0 80px rgba(136,58,234,.2) inset;\n backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);\n overflow:hidden;\n}\n.pres-mockup-glow{\n position:absolute;inset:-2px;border-radius:28px;pointer-events:none;\n background:linear-gradient(135deg,rgba(136,58,234,.5),transparent 40%,transparent 60%,rgba(167,109,255,.4));\n opacity:.5;mix-blend-mode:screen;\n}\n.pres-mockup-bar{display:flex;gap:6px;padding:4px 6px 14px}\n.pres-mockup-bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25)}\n.pres-mockup-bar span:nth-child(1){background:rgba(255,95,86,.7)}\n.pres-mockup-bar span:nth-child(2){background:rgba(255,189,46,.7)}\n.pres-mockup-bar span:nth-child(3){background:rgba(40,201,64,.7)}\n.pres-mockup-screen{\n position:relative;flex:1;border-radius:18px;\n background:radial-gradient(ellipse at center,rgba(136,58,234,.18),rgba(7,6,13,.6));\n border:1px solid rgba(136,58,234,.25);\n display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;\n overflow:hidden;\n}\n.pres-mockup-screen svg{animation:pres-float 6s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(167,109,255,.6))}\n.pres-mockup-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:70%;}\n.pres-mockup-tiles span{\n height:28px;border-radius:6px;\n background:linear-gradient(135deg,rgba(136,58,234,.25),rgba(167,109,255,.1));\n border:1px solid rgba(136,58,234,.2);\n}\n.pres-image-halo{position:absolute;inset:8%;border-radius:24px;border:1px dashed rgba(136,58,234,.2);animation:pres-spin 24s linear infinite;pointer-events:none}\n@keyframes pres-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes pres-spin{to{transform:rotate(360deg)}}\n\n.pres-content .pres-text{color:rgba(255,255,255,.72);line-height:1.7;margin-bottom:14px;font-size:1rem}\n.pres-content .pres-text strong{color:rgb(190,150,255);font-weight:600}\n\n.pres-features{list-style:none;padding:0;margin:28px 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.pres-features li{\n display:flex;align-items:flex-start;gap:10px;\n padding:14px 16px;border-radius:14px;\n background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(136,58,234,.06));\n border:1px solid rgba(136,58,234,.2);\n backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n font-size:.93rem;color:rgba(255,255,255,.88);line-height:1.4;\n transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;\n}\n.pres-features li:hover{\n transform:translateY(-2px);\n border-color:rgba(167,109,255,.5);\n background:linear-gradient(135deg,rgba(136,58,234,.12),rgba(167,109,255,.08));\n box-shadow:0 12px 30px -12px rgba(136,58,234,.5);\n}\n.pres-check{\n display:inline-flex;align-items:center;justify-content:center;\n width:22px;height:22px;flex-shrink:0;border-radius:50%;\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,109,255));\n color:#fff;font-size:.75rem;font-weight:700;\n box-shadow:0 4px 14px rgba(136,58,234,.6);\n}\n\n.pres-callout{\n display:flex;gap:14px;align-items:flex-start;\n padding:22px 24px;border-radius:18px;margin-top:8px;\n background:linear-gradient(135deg,rgba(136,58,234,.18),rgba(167,109,255,.06));\n border:1px solid rgba(167,109,255,.35);\n box-shadow:0 24px 50px -25px rgba(136,58,234,.6),0 0 40px rgba(136,58,234,.15) inset;\n}\n.pres-callout-emoji{font-size:1.6rem;line-height:1.2}\n.pres-callout p{margin:0;color:rgba(255,255,255,.92);line-height:1.6;font-size:.98rem}\n\n\/* ==== Premium futuristic image (Pr\u00e9sentation) ==== *\/\n.pres-mockup-screen--media{padding:0;align-items:stretch;justify-content:stretch;position:relative}\n.pres-visual-img{\n width:100%;height:100%;object-fit:cover;display:block;border-radius:18px;\n filter:saturate(1.05) contrast(1.05);\n animation:presImgFloat 9s ease-in-out infinite, presImgGlow 6s ease-in-out infinite;\n}\n.pres-visual-scan{\n position:absolute;left:0;right:0;height:2px;border-radius:2px;pointer-events:none;\n background:linear-gradient(90deg,transparent,rgba(167,109,255,.85),transparent);\n box-shadow:0 0 18px rgba(167,109,255,.7);\n animation:presScan 5.5s linear infinite;mix-blend-mode:screen;opacity:.85;\n}\n.pres-visual-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}\n.pres-visual-particles span{\n position:absolute;width:5px;height:5px;border-radius:50%;\n background:radial-gradient(circle,rgba(255,255,255,.95),rgba(167,109,255,.4) 60%,transparent);\n box-shadow:0 0 10px rgba(167,109,255,.7);opacity:0;\n}\n.pres-visual-particles span:nth-child(1){left:12%;animation:presPart 7s ease-in-out infinite .2s}\n.pres-visual-particles span:nth-child(2){left:28%;animation:presPart 9s ease-in-out infinite 1.4s}\n.pres-visual-particles span:nth-child(3){left:46%;animation:presPart 8s ease-in-out infinite 2.6s}\n.pres-visual-particles span:nth-child(4){left:62%;animation:presPart 10s ease-in-out infinite .8s}\n.pres-visual-particles span:nth-child(5){left:78%;animation:presPart 7.5s ease-in-out infinite 3.4s}\n.pres-visual-particles span:nth-child(6){left:90%;animation:presPart 9.5s ease-in-out infinite 1.9s}\n@keyframes presImgFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.015)}}\n@keyframes presImgGlow{0%,100%{filter:saturate(1.05) contrast(1.05) drop-shadow(0 0 0 rgba(167,109,255,0))}50%{filter:saturate(1.15) contrast(1.08) drop-shadow(0 0 30px rgba(167,109,255,.35))}}\n@keyframes presScan{0%{top:-4%;opacity:0}10%{opacity:.9}90%{opacity:.9}100%{top:104%;opacity:0}}\n@keyframes presPart{0%{transform:translateY(110%) scale(.6);opacity:0}15%{opacity:1}85%{opacity:.9}100%{transform:translateY(-15%) scale(1);opacity:0}}\n@media(prefers-reduced-motion:reduce){\n .pres-visual-img,.pres-visual-scan,.pres-visual-particles span{animation:none !important}\n}\n\n.pres-callout strong{color:rgb(200,160,255)}\n\n@media (max-width:1024px){\n .presentation-futuristic{padding:90px 0 90px}\n .presentation-futuristic .pres-grid{grid-template-columns:1fr;gap:50px}\n .pres-image-frame{max-width:360px}\n .pres-header{margin-bottom:50px}\n}\n@media (max-width:768px){\n .pres-features{grid-template-columns:1fr}\n .presentation-futuristic{padding:80px 0 70px}\n}\n@media (max-width:420px){\n .pres-callout{flex-direction:column;gap:8px;padding:16px}\n .pres-image-frame{max-width:280px;border-radius:22px;padding:14px}\n .presentation-futuristic{padding:60px 0 60px}\n .pres-header{margin-bottom:40px}\n}\n\n\n\/* ===== Section Avantages \u2014 fond blanc, charte violette ===== *\/\n.avantages-light{\n position:relative;background:#ffffff;color:#0f0a1f;\n padding:110px 0 130px;overflow:hidden;\n}\n.ava-bg-grid{\n position:absolute;inset:0;pointer-events:none;\n background-image:\n linear-gradient(rgba(136,58,234,.06) 1px, transparent 1px),\n linear-gradient(90deg, rgba(136,58,234,.06) 1px, transparent 1px);\n background-size:48px 48px;\n mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, #000 30%, transparent 80%);\n -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, #000 30%, transparent 80%);\n}\n.ava-glow{\n position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.55;\n}\n.ava-glow-1{width:520px;height:520px;background:rgba(167,139,250,.35);top:-120px;left:-140px;animation:avaFloat 14s ease-in-out infinite}\n.ava-glow-2{width:480px;height:480px;background:rgba(136,58,234,.22);bottom:-160px;right:-120px;animation:avaFloat 16s ease-in-out infinite reverse}\n@keyframes avaFloat{\n 0%,100%{transform:translate(0,0) scale(1)}\n 50%{transform:translate(30px,-20px) scale(1.06)}\n}\n\n.ava-container{position:relative;z-index:2}\n\n.ava-header{max-width:780px;margin:0 auto 64px;text-align:center}\n.ava-label{\n display:inline-flex;align-items:center;gap:8px;\n padding:7px 16px;border-radius:999px;\n background:rgba(136,58,234,.08);\n border:1px solid rgba(136,58,234,.2);\n color:rgb(136,58,234);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;\n margin-bottom:22px;\n}\n.ava-label-dot{width:6px;height:6px;border-radius:50%;background:rgb(136,58,234);box-shadow:0 0 10px rgb(136,58,234);animation:pulseDot 1.8s ease-in-out infinite}\n.ava-title{\n font-family:'Outfit',sans-serif;\n font-size:clamp(2rem, 4vw, 3rem);\n font-weight:700;line-height:1.15;letter-spacing:-.02em;\n color:#0f0a1f;margin-bottom:18px;\n}\n.ava-title-grad{\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));\n -webkit-background-clip:text;background-clip:text;color:transparent;\n}\n.ava-lead{\n font-size:1.05rem;line-height:1.65;color:#5a5470;\n max-width:640px;margin:0 auto;\n}\n\n.ava-grid{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:22px;\n}\n\n.ava-card{\n position:relative;\n padding:28px 26px;border-radius:20px;\n background:linear-gradient(180deg, #ffffff 0%, #fbfaff 100%);\n border:1px solid rgba(136,58,234,.12);\n box-shadow:\n 0 1px 0 rgba(255,255,255,.9) inset,\n 0 6px 24px -10px rgba(136,58,234,.18),\n 0 2px 8px -4px rgba(15,10,31,.06);\n transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, border-color .3s ease;\n overflow:hidden;\n}\n.ava-card::before{\n content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;\n background:linear-gradient(135deg, rgba(167,139,250,.08), transparent 60%);\n opacity:0;transition:opacity .35s ease;\n}\n.ava-card::after{\n content:\"\";position:absolute;top:0;left:0;right:0;height:2px;border-radius:20px 20px 0 0;\n background:linear-gradient(90deg, transparent, rgb(136,58,234), rgb(167,139,250), transparent);\n transform:scaleX(0);transform-origin:left;\n transition:transform .5s cubic-bezier(.16,1,.3,1);\n}\n.ava-card:hover{\n transform:translateY(-6px);\n border-color:rgba(136,58,234,.28);\n box-shadow:\n 0 1px 0 rgba(255,255,255,.9) inset,\n 0 18px 40px -12px rgba(136,58,234,.28),\n 0 6px 14px -6px rgba(15,10,31,.1);\n}\n.ava-card:hover::before{opacity:1}\n.ava-card:hover::after{transform:scaleX(1)}\n\n.ava-card-icon{\n display:inline-flex;align-items:center;justify-content:center;\n width:48px;height:48px;border-radius:14px;\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.18));\n border:1px solid rgba(136,58,234,.18);\n color:rgb(136,58,234);\n margin-bottom:18px;\n box-shadow:0 4px 14px -4px rgba(136,58,234,.3), 0 1px 0 rgba(255,255,255,.6) inset;\n transition:transform .4s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease;\n}\n.ava-card:hover .ava-card-icon{\n transform:rotate(-6deg) scale(1.08);\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));\n color:#fff;\n}\n\n.ava-card h3{\n font-family:'Outfit',sans-serif;\n font-size:1.08rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;\n color:#0f0a1f;margin:0 0 10px;\n}\n.ava-card p{\n font-size:.92rem;line-height:1.6;color:#5a5470;margin:0;\n}\n\n\/* Responsive *\/\n@media(max-width:1024px){\n .ava-grid{grid-template-columns:repeat(2, 1fr);gap:18px}\n}\n@media(max-width:768px){\n .avantages-light{padding:80px 0 90px}\n .ava-header{margin-bottom:48px}\n .ava-grid{grid-template-columns:1fr;gap:16px}\n .ava-card{padding:24px 22px}\n}\n@media(max-width:420px){\n .avantages-light{padding:64px 0 72px}\n .ava-card{padding:20px 18px;border-radius:16px}\n .ava-card-icon{width:44px;height:44px;border-radius:12px;margin-bottom:14px}\n .ava-card h3{font-size:1rem}\n .ava-card p{font-size:.88rem}\n}\n\n\n.compat-dark{\n position:relative;\n padding:120px 0 130px;\n background:radial-gradient(ellipse at top,#0d0a1f 0%,#07060d 60%,#050409 100%);\n overflow:hidden;\n color:#fff;\n}\n\/* Animated purple grid (same as hero) *\/\n.compat-dark .cd-grid{\n position:absolute;inset:-2px;z-index:0;pointer-events:none;\n background-image:\n linear-gradient(rgba(150,120,255,.09) 1px,transparent 1px),\n linear-gradient(90deg,rgba(150,120,255,.09) 1px,transparent 1px);\n background-size:54px 54px;\n mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 40%,transparent 90%);\n -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 40%,transparent 90%);\n animation:cdGridShift 18s linear infinite;\n}\n@keyframes cdGridShift{\n 0%{transform:translate3d(0,0,0)}\n 100%{transform:translate3d(54px,54px,0)}\n}\n\/* Floating violet glows *\/\n.compat-dark .cd-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;z-index:0}\n.compat-dark .cd-glow-1{\n width:520px;height:520px;\n background:radial-gradient(circle,rgba(136,58,234,.7),transparent 70%);\n top:-120px;left:-100px;\n animation:cdFloat 14s ease-in-out infinite;\n}\n.compat-dark .cd-glow-2{\n width:600px;height:600px;\n background:radial-gradient(circle,rgba(120,80,255,.5),transparent 70%);\n bottom:-200px;right:-150px;\n animation:cdFloat 18s ease-in-out infinite reverse;\n}\n@keyframes cdFloat{\n 0%,100%{transform:translate(0,0) scale(1)}\n 50%{transform:translate(40px,-30px) scale(1.08)}\n}\n\/* Horizontal scanline *\/\n.compat-dark .cd-scan{\n position:absolute;left:0;right:0;height:1px;z-index:0;pointer-events:none;\n background:linear-gradient(90deg,transparent,rgba(196,168,255,.6),transparent);\n top:0;opacity:.5;\n animation:cdScan 7s linear infinite;\n}\n@keyframes cdScan{\n 0%{top:8%;opacity:0}\n 10%{opacity:.6}\n 90%{opacity:.6}\n 100%{top:92%;opacity:0}\n}\n\/* Floating particles *\/\n.compat-dark .cd-particles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}\n.compat-dark .cd-particles span{\n position:absolute;display:block;\n width:4px;height:4px;border-radius:50%;\n background:rgba(196,168,255,.7);\n box-shadow:0 0 12px rgba(167,139,250,.8);\n animation:cdParticle linear infinite;\n}\n.compat-dark .cd-particles span:nth-child(1){left:8%;top:20%;animation-duration:14s;animation-delay:-2s}\n.compat-dark .cd-particles span:nth-child(2){left:22%;top:70%;animation-duration:18s;animation-delay:-5s;width:3px;height:3px}\n.compat-dark .cd-particles span:nth-child(3){left:38%;top:30%;animation-duration:16s;animation-delay:-1s}\n.compat-dark .cd-particles span:nth-child(4){left:55%;top:80%;animation-duration:20s;animation-delay:-7s;width:5px;height:5px}\n.compat-dark .cd-particles span:nth-child(5){left:72%;top:25%;animation-duration:15s;animation-delay:-3s}\n.compat-dark .cd-particles span:nth-child(6){left:88%;top:65%;animation-duration:19s;animation-delay:-9s;width:3px;height:3px}\n.compat-dark .cd-particles span:nth-child(7){left:48%;top:50%;animation-duration:22s;animation-delay:-4s}\n.compat-dark .cd-particles span:nth-child(8){left:15%;top:45%;animation-duration:17s;animation-delay:-6s;width:3px;height:3px}\n@keyframes cdParticle{\n 0%{transform:translate(0,0);opacity:0}\n 10%{opacity:.9}\n 90%{opacity:.9}\n 100%{transform:translate(30px,-80px);opacity:0}\n}\n\n.compat-dark .container{position:relative;z-index:2}\n.compat-head{text-align:center;max-width:820px;margin:0 auto 56px}\n.compat-label{\n display:inline-flex;align-items:center;gap:8px;\n padding:8px 18px;border-radius:999px;\n background:rgba(136,58,234,.12);\n border:1px solid rgba(136,58,234,.35);\n color:#c4a8ff;font-size:.78rem;font-weight:700;\n letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;\n backdrop-filter:blur(10px);\n}\n.compat-label::before{content:\"\";width:6px;height:6px;border-radius:50%;background:#a78bfa;box-shadow:0 0 10px #a78bfa}\n.compat-head h2{\n font-size:clamp(1.9rem,3.6vw,2.8rem);\n font-weight:800;color:#fff;line-height:1.15;margin:0 0 16px;letter-spacing:-.01em;\n}\n.compat-head h2 .grad{\n background:linear-gradient(135deg,#a78bfa 0%,#c4a8ff 50%,#883aea 100%);\n -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;\n}\n.compat-head p{color:rgba(255,255,255,.7);font-size:1.05rem;line-height:1.65;margin:0}\n\n.compat-grid{\n display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:42px;\n}\n.compat-card{\n position:relative;padding:28px 22px;\n background:linear-gradient(160deg,rgba(255,255,255,.04) 0%,rgba(136,58,234,.06) 100%);\n border:1px solid rgba(255,255,255,.08);\n border-radius:18px;text-align:center;\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n transition:all .4s cubic-bezier(.2,.7,.3,1);\n overflow:hidden;\n}\n.compat-card::before{\n content:\"\";position:absolute;left:0;top:0;right:0;height:1px;\n background:linear-gradient(90deg,transparent,rgba(167,139,250,.7),transparent);\n opacity:0;transition:opacity .4s;\n}\n.compat-card:hover{\n transform:translateY(-8px);\n border-color:rgba(167,139,250,.4);\n background:linear-gradient(160deg,rgba(167,139,250,.08) 0%,rgba(136,58,234,.12) 100%);\n box-shadow:0 20px 50px -15px rgba(136,58,234,.5);\n}\n.compat-card:hover::before{opacity:1}\n\n\/* Same icon style as avantages (.ava-card-icon) but dark-theme variant *\/\n.compat-card-icon{\n display:inline-flex;align-items:center;justify-content:center;\n width:48px;height:48px;border-radius:14px;\n background:linear-gradient(135deg,rgba(136,58,234,.18),rgba(167,139,250,.22));\n border:1px solid rgba(167,139,250,.3);\n color:#c4a8ff;\n margin-bottom:18px;\n box-shadow:0 4px 14px -4px rgba(136,58,234,.5),0 0 0 1px rgba(255,255,255,.04) inset;\n transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s ease,color .3s ease;\n}\n.compat-card:hover .compat-card-icon{\n transform:rotate(-6deg) scale(1.08);\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,139,250));\n color:#fff;\n box-shadow:0 8px 24px -6px rgba(167,139,250,.6);\n}\n.compat-card-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n\n.compat-card h4{\n margin:0 0 8px;font-size:1.02rem;font-weight:700;color:#fff;\n}\n.compat-card p{margin:0;font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.5}\n\n.compat-tip{\n max-width:820px;margin:0 auto;\n padding:22px 26px;\n background:linear-gradient(135deg,rgba(136,58,234,.14),rgba(167,139,250,.05));\n border:1px solid rgba(167,139,250,.25);\n border-radius:16px;\n display:flex;align-items:center;gap:16px;\n backdrop-filter:blur(10px);\n}\n.compat-tip-emoji{\n flex-shrink:0;width:46px;height:46px;\n display:flex;align-items:center;justify-content:center;\n border-radius:12px;\n background:linear-gradient(135deg,#883aea,#a855f7);\n font-size:1.3rem;\n box-shadow:0 8px 22px -8px rgba(136,58,234,.7);\n}\n.compat-tip p{margin:0;color:rgba(255,255,255,.85);font-size:.96rem;line-height:1.55}\n.compat-tip strong{color:#c4a8ff;font-weight:700}\n\n@media(max-width:1024px){.compat-grid{grid-template-columns:repeat(3,1fr)}}\n@media(max-width:768px){\n .compat-dark{padding:90px 0 100px}\n .compat-grid{grid-template-columns:repeat(2,1fr);gap:14px}\n .compat-tip{flex-direction:column;text-align:center;padding:20px}\n}\n@media(max-width:420px){\n .compat-dark{padding:70px 0 80px}\n .compat-grid{grid-template-columns:1fr}\n .compat-card{padding:24px 20px}\n}\n\n\n.howto-light{\n position:relative;\n padding:110px 0 120px;\n background:linear-gradient(180deg,#f7f4ff 0%,#f0eaff 50%,#f7f4ff 100%);\n overflow:hidden;\n border-top:1px solid rgba(136,58,234,.12);\n border-bottom:1px solid rgba(136,58,234,.12);\n}\n.howto-light::before{\n content:\"\";\n position:absolute;inset:0;\n background-image:\n linear-gradient(rgba(136,58,234,.09) 1px,transparent 1px),\n linear-gradient(90deg,rgba(136,58,234,.09) 1px,transparent 1px);\n background-size:60px 60px;\n mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);\n -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);\n pointer-events:none;\n}\n.howto-light::after{\n content:\"\";\n position:absolute;\n bottom:-180px;left:-160px;\n width:480px;height:480px;\n background:radial-gradient(circle,rgba(168,85,247,.22) 0%,transparent 70%);\n filter:blur(60px);\n pointer-events:none;\n animation:howtoGlow 10s ease-in-out infinite;\n}\n@keyframes howtoGlow{\n 0%,100%{opacity:.5;transform:scale(1)}\n 50%{opacity:.85;transform:scale(1.12)}\n}\n.howto-light .container{position:relative;z-index:2}\n.howto-head{text-align:center;max-width:820px;margin:0 auto 60px}\n.howto-label{\n display:inline-block;\n padding:8px 18px;\n border-radius:99px;\n background:linear-gradient(135deg,rgba(136,58,234,.12),rgba(168,85,247,.08));\n border:1px solid rgba(136,58,234,.25);\n color:#7c3aed;\n font-size:.78rem;\n font-weight:700;\n letter-spacing:.12em;\n text-transform:uppercase;\n margin-bottom:18px;\n}\n.howto-head h2{\n font-size:clamp(1.9rem,3.6vw,2.8rem);\n font-weight:800;\n color:#0f0a1f;\n line-height:1.15;\n margin:0 0 16px;\n}\n.howto-head h2 .grad{\n background:linear-gradient(135deg,#883aea 0%,#a855f7 50%,#c084fc 100%);\n -webkit-background-clip:text;background-clip:text;\n -webkit-text-fill-color:transparent;\n}\n.howto-head p{color:#5b5470;font-size:1.05rem;line-height:1.65;margin:0}\n.howto-head .lead-note{\n display:inline-block;margin-top:14px;\n padding:10px 18px;border-radius:12px;\n background:rgba(136,58,234,.06);\n border:1px dashed rgba(136,58,234,.3);\n color:#6b5d8a;font-size:.92rem;\n}\n.howto-steps{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:22px;\n position:relative;\n}\n.howto-steps::before{\n content:\"\";\n position:absolute;\n top:38px;left:8%;right:8%;height:2px;\n background:linear-gradient(90deg,transparent 0%,rgba(136,58,234,.3) 20%,rgba(136,58,234,.3) 80%,transparent 100%);\n z-index:0;\n}\n.howto-step{\n position:relative;\n padding:28px 22px;\n background:#ffffff;\n border:1px solid rgba(136,58,234,.18);\n box-shadow:0 6px 24px -12px rgba(136,58,234,.18);\n border-radius:20px;\n text-align:center;\n transition:all .4s cubic-bezier(.2,.7,.3,1);\n z-index:1;\n}\n.howto-step:hover{\n transform:translateY(-8px);\n border-color:rgba(136,58,234,.4);\n box-shadow:0 20px 50px -20px rgba(136,58,234,.3);\n}\n.howto-num{\n width:54px;height:54px;\n margin:0 auto 18px;\n display:flex;align-items:center;justify-content:center;\n border-radius:50%;\n background:linear-gradient(135deg,#883aea,#a855f7);\n color:#fff;\n font-size:1.3rem;font-weight:800;\n box-shadow:0 10px 28px -10px rgba(136,58,234,.55);\n position:relative;\n}\n.howto-num::after{\n content:\"\";\n position:absolute;inset:-4px;\n border-radius:50%;\n border:1px solid rgba(136,58,234,.25);\n}\n.howto-step h3{\n margin:0 0 10px;\n font-size:1.05rem;\n font-weight:700;\n color:#0f0a1f;\n}\n.howto-step p{margin:0;font-size:.9rem;color:#6b6383;line-height:1.55}\n.howto-foot{\n text-align:center;margin-top:42px;\n color:#5b5470;font-size:1rem;\n max-width:680px;margin-left:auto;margin-right:auto;\n}\n.howto-foot strong{color:#7c3aed}\n\n@media(max-width:1024px){\n .howto-steps{grid-template-columns:repeat(2,1fr)}\n .howto-steps::before{display:none}\n}\n@media(max-width:768px){\n .howto-light{padding:80px 0 90px}\n}\n@media(max-width:520px){\n .howto-steps{grid-template-columns:1fr;gap:16px}\n}\n@media(max-width:420px){\n .howto-light{padding:64px 0 72px}\n .howto-step{padding:22px 18px}\n}\n\n\n.subscription-best{position:relative;padding:100px 0;overflow:hidden}\n.sub-grid{\n display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;\n max-width:1100px;margin:0 auto;\n}\n.sub-content h2{font-size:clamp(1.8rem,3.6vw,2.6rem);color:#fff;margin:0 0 16px;line-height:1.2}\n.sub-content > p{color:rgba(255,255,255,.72);font-size:1rem;line-height:1.7;margin:0 0 24px}\n.sub-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:14px}\n.sub-list li{\n display:flex;align-items:center;gap:14px;\n padding:14px 18px;border-radius:14px;\n background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));\n border:1px solid rgba(167,139,250,.18);\n color:#fff;font-size:.95rem;font-weight:500;\n backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\n transition:all .35s cubic-bezier(.16,1,.3,1);\n}\n.sub-list li:hover{\n transform:translateX(6px);\n border-color:rgba(167,139,250,.4);\n box-shadow:0 14px 30px -14px rgba(136,58,234,.5);\n}\n.sub-list svg{width:22px;height:22px;color:rgb(167,139,250);flex-shrink:0;filter:drop-shadow(0 0 6px rgba(167,139,250,.5))}\n.sub-callout{\n margin-top:8px;padding:18px 22px;border-radius:16px;\n background:linear-gradient(135deg,rgba(136,58,234,.18),rgba(167,139,250,.06));\n border:1px solid rgba(167,139,250,.35);\n color:#fff;font-size:.95rem;line-height:1.55;\n}\n.sub-callout strong{color:#c4b5fd}\n.sub-visual{\n position:relative;aspect-ratio:1\/1;max-width:420px;margin:0 auto;\n display:flex;align-items:center;justify-content:center;\n}\n.sub-orb{\n position:absolute;inset:8%;border-radius:50%;\n background:radial-gradient(circle at 35% 30%,rgba(167,139,250,.45),rgba(136,58,234,.12) 60%,transparent 75%);\n filter:blur(8px);\n animation:subOrb 6s ease-in-out infinite;\n}\n@keyframes subOrb{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}\n.sub-ring{\n position:absolute;inset:0;border-radius:50%;\n border:1px dashed rgba(167,139,250,.4);\n animation:subRotate 30s linear infinite;\n}\n.sub-ring.r2{inset:14%;animation-duration:22s;animation-direction:reverse;border-color:rgba(167,139,250,.25)}\n@keyframes subRotate{to{transform:rotate(360deg)}}\n.sub-core{\n position:relative;z-index:2;\n width:140px;height:140px;border-radius:30px;\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,139,250));\n display:flex;align-items:center;justify-content:center;\n color:#fff;font-family:'Outfit',sans-serif;font-weight:800;font-size:1.6rem;\n box-shadow:0 20px 60px -10px rgba(136,58,234,.7),0 0 0 1px rgba(255,255,255,.15) inset;\n animation:subCore 4s ease-in-out infinite;\n}\n.sub-core-img{\n position:relative;z-index:2;\n width:60%;max-width:240px;height:auto;\n object-fit:contain;\n filter:drop-shadow(0 20px 40px rgba(136,58,234,.5));\n animation:subCore 4s ease-in-out infinite;\n}\n@keyframes subCore{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n.sub-badge{\n position:absolute;padding:8px 14px;border-radius:99px;\n background:rgba(13,10,30,.85);border:1px solid rgba(167,139,250,.35);\n color:#fff;font-size:.78rem;font-weight:600;\n backdrop-filter:blur(10px);\n box-shadow:0 8px 24px -6px rgba(0,0,0,.5);\n white-space:nowrap;\n}\n.sub-badge.b1{top:12%;left:0;animation:subFloat 5s ease-in-out infinite}\n.sub-badge.b2{top:50%;right:-4%;animation:subFloat 6s ease-in-out infinite reverse}\n.sub-badge.b3{bottom:14%;left:8%;animation:subFloat 7s ease-in-out infinite}\n@keyframes subFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n\n@media(max-width:860px){\n .sub-grid{grid-template-columns:1fr;gap:36px}\n .sub-visual{order:-1;max-width:300px}\n}\n\n\n.pricing-futuristic{position:relative;padding:120px 0;overflow:hidden;background:linear-gradient(180deg,#07060d 0%,#0d0a1f 50%,#07060d 100%)}\n.pricing-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}\n.pricing-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(167,109,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(167,109,255,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);animation:pricingGridShift 30s linear infinite}\n.pricing-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}\n.pricing-glow-1{width:520px;height:520px;background:radial-gradient(circle,rgba(136,58,234,.55),transparent 70%);top:-160px;left:-120px;animation:pricingGlow 12s ease-in-out infinite}\n.pricing-glow-2{width:600px;height:600px;background:radial-gradient(circle,rgba(167,109,255,.45),transparent 70%);bottom:-200px;right:-150px;animation:pricingGlow 14s ease-in-out infinite reverse}\n.pricing-glow-3{width:380px;height:380px;background:radial-gradient(circle,rgba(216,180,254,.35),transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);animation:pricingGlow 16s ease-in-out infinite}\n.pricing-particles{position:absolute;inset:0}\n.pricing-particles span{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(167,109,255,.85);box-shadow:0 0 12px rgba(167,109,255,.9);bottom:-10px;animation:pricingFloat 12s linear infinite}\n.pricing-particles span:nth-child(1){left:8%;animation-delay:0s}\n.pricing-particles span:nth-child(2){left:20%;animation-delay:2s}\n.pricing-particles span:nth-child(3){left:34%;animation-delay:4s}\n.pricing-particles span:nth-child(4){left:48%;animation-delay:1.5s}\n.pricing-particles span:nth-child(5){left:62%;animation-delay:3.5s}\n.pricing-particles span:nth-child(6){left:75%;animation-delay:5s}\n.pricing-particles span:nth-child(7){left:86%;animation-delay:6s}\n.pricing-particles span:nth-child(8){left:94%;animation-delay:7.5s}\n\n.pricing-inner{position:relative;z-index:2}\n.pricing-header{text-align:center;max-width:760px;margin:0 auto 70px}\n.pricing-header .section-label{display:inline-block;padding:6px 16px;border-radius:100px;background:rgba(136,58,234,.15);border:1px solid rgba(167,109,255,.4);color:rgb(216,180,254);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}\n.pricing-header .section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;color:#fff;margin:0 0 18px}\n.pricing-lead{font-size:1.05rem;line-height:1.7;color:rgba(255,255,255,.72);margin:0 auto;max-width:680px}\n\n.pricing-cards--futuristic{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch;max-width:1280px;margin:0 auto}\n\n\/* Pane switching (1 \u00e9cran \/ 2 \u00e9crans) *\/\n.pricing-pane{display:none}\n.pricing-pane.is-active{display:grid}\n\n\/* Toggle 1 \u00e9cran \/ 2 \u00e9crans *\/\n.pricing-toggle{\n position:relative;\n display:flex;\n width:fit-content;\n margin:0 auto 48px;\n padding:6px;\n border-radius:999px;\n background:rgba(20,12,40,.7);\n border:1px solid rgba(167,109,255,.22);\n backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n box-shadow:0 8px 32px -8px rgba(136,58,234,.35), 0 0 0 1px rgba(255,255,255,.04) inset;\n isolation:isolate;\n}\n.ptoggle-btn{\n position:relative;z-index:2;\n display:inline-flex;align-items:center;gap:8px;\n padding:11px 26px;\n border:none;background:transparent;\n font-family:inherit;font-size:.95rem;font-weight:600;\n color:rgba(255,255,255,.65);cursor:pointer;\n border-radius:999px;\n transition:color .35s ease;\n white-space:nowrap;\n}\n.ptoggle-btn:hover{color:rgba(255,255,255,.9)}\n.ptoggle-btn.is-active{color:#fff}\n.ptoggle-btn svg{flex-shrink:0;opacity:.9}\n.ptoggle-slider{\n position:absolute;z-index:1;\n top:6px;bottom:6px;left:6px;\n width:calc(50% - 6px);\n border-radius:999px;\n background:linear-gradient(135deg, rgb(var(--violet)), rgb(var(--violet-light)));\n box-shadow:0 6px 24px -4px rgba(var(--violet),.7), 0 0 0 1px rgba(255,255,255,.1) inset;\n transition:transform .4s cubic-bezier(.4,.0,.2,1);\n}\n.pricing-toggle[data-pos=\"duo\"] .ptoggle-slider{transform:translateX(100%)}\n\n.pcard{position:relative;display:flex;flex-direction:column;padding:40px 32px;border-radius:22px;background:linear-gradient(160deg,rgba(30,18,60,.65),rgba(13,9,28,.85));border:1px solid rgba(167,109,255,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s;overflow:hidden;isolation:isolate}\n.pcard:hover{transform:translateY(-10px);border-color:rgba(167,109,255,.5);box-shadow:0 30px 80px -20px rgba(136,58,234,.5)}\n.pcard-aura{position:absolute;inset:-1px;border-radius:22px;background:radial-gradient(600px circle at var(--mx,50%) var(--my,0%),rgba(167,109,255,.18),transparent 40%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:0}\n.pcard:hover .pcard-aura{opacity:1}\n.pcard-border{position:absolute;inset:0;border-radius:22px;padding:1px;background:linear-gradient(135deg,rgba(167,109,255,.4),transparent 40%,transparent 60%,rgba(136,58,234,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}\n\n.pcard-head{position:relative;z-index:1;text-align:center;margin-bottom:28px}\n.pcard-icon{display:none!important}\n.pcard h3{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.01em}\n.pcard-sub{font-size:.92rem;color:rgba(255,255,255,.6);margin:0}\n\n.pcard-price{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;gap:4px;margin:0 0 28px;padding:18px 0;border-top:1px solid rgba(167,109,255,.12);border-bottom:1px solid rgba(167,109,255,.12)}\n.pcard-currency{font-size:1.4rem;font-weight:600;color:rgb(216,180,254);align-self:flex-start;margin-top:8px}\n.pcard-amount{font-size:3.6rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#fff,rgb(216,180,254));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em}\n.pcard-period{font-size:.95rem;color:rgba(255,255,255,.55);margin-left:6px}\n\n.pcard-features{position:relative;z-index:1;list-style:none;padding:0;margin:0 0 32px;flex:1}\n.pcard-features li{position:relative;padding:11px 0 11px 30px;font-size:.95rem;color:rgba(255,255,255,.78);line-height:1.5;border-bottom:1px solid rgba(255,255,255,.05)}\n.pcard-features li:last-child{border-bottom:none}\n.pcard-features li strong{color:#fff;font-weight:600}\n.pcard-features li::before{content:\"\";position:absolute;left:0;top:14px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,rgb(136,58,234),rgb(167,109,255));box-shadow:0 0 12px rgba(167,109,255,.5)}\n.pcard-features li::after{content:\"\";position:absolute;left:5px;top:18px;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}\n\n.pcard-cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:14px;background:rgba(167,109,255,.08);border:1px solid rgba(167,109,255,.35);color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s;cursor:pointer}\n.pcard-cta:hover{background:rgba(167,109,255,.18);border-color:rgba(167,109,255,.6);transform:translateY(-2px);box-shadow:0 10px 30px rgba(136,58,234,.35)}\n.pcard-cta svg{transition:transform .3s}\n.pcard-cta:hover svg{transform:translateX(4px)}\n.pcard-cta--primary{background:linear-gradient(135deg,rgb(136,58,234),rgb(167,109,255));border:none;box-shadow:0 12px 30px rgba(136,58,234,.4),inset 0 1px 0 rgba(255,255,255,.25)}\n.pcard-cta--primary:hover{filter:brightness(1.1);box-shadow:0 18px 50px rgba(136,58,234,.6),inset 0 1px 0 rgba(255,255,255,.3)}\n\n\/* FEATURED CARD *\/\n.pcard--featured{padding-top:54px;transform:scale(1.04);background:linear-gradient(160deg,rgba(60,30,120,.75),rgba(20,12,40,.9));border-color:rgba(167,109,255,.5);box-shadow:0 30px 80px -20px rgba(136,58,234,.55),inset 0 0 60px rgba(136,58,234,.15)}\n.pcard--featured:hover{transform:scale(1.04) translateY(-10px)}\n.pcard-aura--strong{background:radial-gradient(circle at 50% 0%,rgba(167,109,255,.25),transparent 60%);opacity:1}\n.pcard-border--strong{background:linear-gradient(135deg,rgb(167,109,255),rgba(136,58,234,.3),rgb(167,109,255));opacity:1;animation:pcardBorderShift 4s linear infinite;background-size:200% 200%}\n.pcard-icon--strong{background:linear-gradient(135deg,rgb(136,58,234),rgb(167,109,255));border-color:transparent;color:#fff;box-shadow:0 12px 30px rgba(136,58,234,.5),inset 0 0 20px rgba(255,255,255,.2)}\n.pcard-orbit{position:absolute;top:-40%;left:-40%;width:180%;height:180%;border-radius:50%;border:1px dashed rgba(167,109,255,.15);animation:pcardOrbit 20s linear infinite;pointer-events:none;z-index:0}\n.pcard-orbit::before{content:\"\";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:rgb(167,109,255);box-shadow:0 0 16px rgb(167,109,255)}\n\n.pcard-badge{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:100px;background:linear-gradient(135deg,rgb(136,58,234),rgb(167,109,255));color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 30px rgba(136,58,234,.55);z-index:3}\n\n.pricing-foot{display:inline-flex;align-items:center;gap:10px;margin:60px auto 0;padding:14px 22px;border-radius:100px;background:rgba(167,109,255,.06);border:1px solid rgba(167,109,255,.18);color:rgba(255,255,255,.7);font-size:.9rem;text-align:center}\n.pricing-foot{display:flex;justify-content:center;align-items:center;max-width:max-content;margin-left:auto;margin-right:auto}\n.pricing-foot svg{color:rgb(167,109,255);flex-shrink:0}\n\n@keyframes pricingGridShift{from{background-position:0 0}to{background-position:60px 60px}}\n@keyframes pricingGlow{0%,100%{transform:translate(0,0) scale(1);opacity:.5}50%{transform:translate(30px,-20px) scale(1.1);opacity:.7}}\n@keyframes pricingGlow-2{}\n@keyframes pricingFloat{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-110vh) translateX(40px);opacity:0}}\n@keyframes pcardBorderShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\n@keyframes pcardOrbit{to{transform:rotate(360deg)}}\n\n@media (max-width:1100px){\n .pricing-cards--futuristic{grid-template-columns:repeat(2,1fr);max-width:780px}\n}\n@media (max-width:600px){\n .pricing-cards--futuristic{grid-template-columns:1fr;max-width:440px}\n .pcard--featured{transform:none;order:-1}\n .pcard--featured:hover{transform:translateY(-10px)}\n}\n@media (max-width:480px){\n .pricing-futuristic{padding:80px 0}\n .pcard{padding:32px 22px}\n .pcard-amount{font-size:3rem}\n}\n@media (prefers-reduced-motion:reduce){\n .pricing-grid-bg,.pricing-glow,.pricing-particles span,.pcard-border--strong,.pcard-orbit{animation:none !important}\n}\n\n\n.site-footer{\n position:relative;overflow:hidden;\n padding:90px 0 28px;\n background:\n radial-gradient(ellipse 80% 60% at 50% 0%, rgba(136,58,234,.18), transparent 60%),\n linear-gradient(180deg, rgba(13,10,30,.85) 0%, rgba(7,6,16,.95) 60%, #050409 100%);\n border-top:1px solid rgba(167,139,250,.18);\n color:#fff;\n isolation:isolate;\n}\n.site-footer::before{\n content:\"\";position:absolute;inset:0;pointer-events:none;z-index:0;\n background-image:\n linear-gradient(rgba(167,139,250,.08) 1px,transparent 1px),\n linear-gradient(90deg,rgba(167,139,250,.08) 1px,transparent 1px);\n background-size:48px 48px;\n mask-image:radial-gradient(ellipse 90% 80% at 50% 30%, #000 30%, transparent 90%);\n -webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 30%, #000 30%, transparent 90%);\n animation:footerGrid 40s linear infinite;\n}\n@keyframes footerGrid{0%{background-position:0 0,0 0}100%{background-position:48px 48px,48px 48px}}\n.site-footer::after{\n content:\"\";position:absolute;left:50%;top:0;transform:translateX(-50%);\n width:60%;height:1px;\n background:linear-gradient(90deg,transparent,rgb(167,139,250),transparent);\n filter:drop-shadow(0 0 8px rgba(167,139,250,.7));\n z-index:1;\n}\n.site-footer .container{position:relative;z-index:2}\n\n.footer-top{\n display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;\n padding-bottom:48px;\n border-bottom:1px solid rgba(167,139,250,.14);\n}\n.footer-brand-block .footer-logo{\n display:inline-flex;align-items:center;gap:10px;\n font-family:'Outfit',sans-serif;font-weight:800;font-size:1.4rem;\n color:#fff;text-decoration:none;letter-spacing:-.02em;\n}\n.footer-brand-block .footer-logo .logo-mark{\n display:inline-flex;align-items:center;justify-content:center;\n width:38px;height:38px;border-radius:11px;\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,139,250));\n box-shadow:0 8px 24px -6px rgba(136,58,234,.6),0 0 0 1px rgba(255,255,255,.08) inset;\n color:#fff;font-size:1rem;\n}\n.footer-brand-block .footer-logo span{\n background:linear-gradient(135deg,#a78bfa,#c4b5fd);\n -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;\n}\n.footer-tagline{margin:18px 0 22px;color:rgba(255,255,255,.62);font-size:.95rem;line-height:1.6;max-width:340px}\n.footer-socials{display:flex;gap:10px}\n.footer-social{\n width:38px;height:38px;border-radius:11px;\n display:inline-flex;align-items:center;justify-content:center;\n background:rgba(255,255,255,.04);\n border:1px solid rgba(167,139,250,.22);\n color:#c4b5fd;text-decoration:none;\n transition:all .35s cubic-bezier(.2,.7,.3,1);\n backdrop-filter:blur(10px);\n}\n.footer-social:hover{\n transform:translateY(-3px);\n background:linear-gradient(135deg,rgba(136,58,234,.4),rgba(167,139,250,.25));\n border-color:rgba(167,139,250,.6);\n color:#fff;\n box-shadow:0 10px 24px -8px rgba(136,58,234,.6);\n}\n.footer-social svg{width:16px;height:16px}\n\n.footer-col h4{\n font-family:'Outfit',sans-serif;\n font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;\n color:#fff;margin:0 0 18px;\n display:inline-flex;align-items:center;gap:8px;\n}\n.footer-col h4::before{\n content:\"\";width:6px;height:6px;border-radius:50%;\n background:rgb(167,139,250);box-shadow:0 0 10px rgb(167,139,250);\n}\n.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}\n.footer-col a{\n color:rgba(255,255,255,.6);text-decoration:none;font-size:.92rem;\n position:relative;transition:color .25s ease,padding-left .25s ease;\n}\n.footer-col a::before{\n content:\"\u203a\";position:absolute;left:-12px;top:0;\n color:rgb(167,139,250);opacity:0;transition:all .25s ease;\n}\n.footer-col a:hover{color:#fff;padding-left:14px}\n.footer-col a:hover::before{opacity:1;left:0}\n\n.footer-news{margin-top:18px;display:flex;gap:8px;max-width:320px}\n.footer-news input{\n flex:1;background:rgba(255,255,255,.05);\n border:1px solid rgba(167,139,250,.22);\n border-radius:11px;padding:10px 14px;\n color:#fff;font-size:.88rem;outline:none;\n transition:border-color .25s ease,background .25s ease;\n}\n.footer-news input::placeholder{color:rgba(255,255,255,.4)}\n.footer-news input:focus{border-color:rgba(167,139,250,.6);background:rgba(255,255,255,.08)}\n.footer-news button{\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,139,250));\n color:#fff;border:none;border-radius:11px;\n padding:0 18px;font-weight:600;font-size:.88rem;cursor:pointer;\n box-shadow:0 8px 20px -8px rgba(136,58,234,.6);\n transition:transform .25s ease,box-shadow .25s ease;\n}\n.footer-news button:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(136,58,234,.8)}\n\n.footer-copyright-alert{\n margin-top:32px;\n display:flex;align-items:flex-start;gap:14px;\n padding:18px 22px;\n border-radius:14px;\n background:linear-gradient(135deg,rgba(136,58,234,.08),rgba(167,139,250,.04));\n border:1px solid rgba(167,139,250,.22);\n box-shadow:0 0 0 1px rgba(255,255,255,.02) inset;\n font-size:.82rem;line-height:1.65;\n color:rgba(255,255,255,.7);\n}\n.footer-copyright-alert .fca-icon{\n flex-shrink:0;\n width:38px;height:38px;\n display:flex;align-items:center;justify-content:center;\n border-radius:10px;\n background:rgba(167,139,250,.12);\n border:1px solid rgba(167,139,250,.3);\n color:rgb(216,180,254);\n}\n.footer-copyright-alert .fca-text strong{color:rgba(255,255,255,.95);font-weight:600}\n.footer-copyright-alert a{color:rgb(216,180,254);text-decoration:underline;text-underline-offset:3px}\n.footer-copyright-alert a:hover{color:#fff}\n@media(max-width:560px){\n .footer-copyright-alert{padding:16px;font-size:.78rem;gap:12px}\n .footer-copyright-alert .fca-icon{width:32px;height:32px}\n .footer-copyright-alert .fca-icon svg{width:18px;height:18px}\n}\n\n.footer-bottom-bar{\n margin-top:32px;padding-top:22px;\n border-top:1px solid rgba(167,139,250,.12);\n display:flex;justify-content:space-between;align-items:center;\n flex-wrap:wrap;gap:14px;\n font-size:.82rem;color:rgba(255,255,255,.45);\n}\n.footer-status{display:inline-flex;align-items:center;gap:8px}\n.footer-status-dot{\n width:8px;height:8px;border-radius:50%;background:#22c55e;\n box-shadow:0 0 10px #22c55e;animation:pulseDot 1.8s ease-in-out infinite;\n}\n.footer-made{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.55)}\n.footer-made svg{width:14px;height:14px;color:rgb(167,139,250);filter:drop-shadow(0 0 6px rgba(167,139,250,.6))}\n\n@media(max-width:1024px){\n .footer-top{grid-template-columns:1fr 1fr;gap:36px}\n .footer-brand-block{grid-column:1\/-1}\n}\n@media(max-width:560px){\n .footer-top{grid-template-columns:1fr;gap:32px;padding-bottom:36px}\n .site-footer{padding:64px 0 24px}\n .footer-bottom-bar{justify-content:center;text-align:center}\n}\n@media(prefers-reduced-motion:reduce){.site-footer::before{animation:none}}\n\n\n\/* Base shared icon-chip \u2014 same recipe as .ava-card-icon *\/\n.sub-list li > svg,\n.dl-card .dl-icon,\n.vs-card h3 > svg,\n.compare-table .check::before,\n.compare-table .cross::before,\n.faq-item .arrow{\n \/* targeted below per element *\/\n}\n\n\/* ---- Section Abonnement: list bullet icons -> chips ---- *\/\n.sub-list li{gap:16px}\n.sub-list li > svg{\n flex-shrink:0;\n width:48px;height:48px;padding:12px;border-radius:14px;\n color:rgb(136,58,234);\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.18));\n border:1px solid rgba(136,58,234,.22);\n box-shadow:0 4px 14px -4px rgba(136,58,234,.35), 0 1px 0 rgba(255,255,255,.08) inset;\n filter:none;\n transition:transform .4s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease;\n}\n.sub-list li:hover > svg{\n transform:rotate(-6deg) scale(1.08);\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));\n color:#fff;\n}\n\n\/* ---- Section T\u00e9l\u00e9chargement: dl-card icon ---- *\/\n.dl-card .dl-icon{\n width:56px !important;height:56px !important;\n border-radius:16px !important;\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.18)) !important;\n border:1px solid rgba(136,58,234,.22);\n box-shadow:0 4px 14px -4px rgba(136,58,234,.35), 0 1px 0 rgba(255,255,255,.08) inset;\n color:rgb(136,58,234);\n transition:transform .4s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease;\n}\n.dl-card .dl-icon svg{\n width:26px !important;height:26px !important;\n stroke:currentColor !important;color:rgb(136,58,234);\n transition:color .3s ease;\n}\n.dl-card:hover .dl-icon{\n transform:rotate(-6deg) scale(1.08);\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250)) !important;\n color:#fff;\n}\n.dl-card:hover .dl-icon svg{color:#fff}\n\n\/* ---- Section Gratuit vs Payant: title icon ---- *\/\n.vs-card h3{display:flex;align-items:center;gap:14px;justify-content:center}\n.vs-card h3 > svg{\n width:48px;height:48px;padding:12px;border-radius:14px;\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.18));\n border:1px solid rgba(136,58,234,.22);\n box-shadow:0 4px 14px -4px rgba(136,58,234,.35), 0 1px 0 rgba(255,255,255,.08) inset;\n color:rgb(136,58,234);stroke:currentColor;\n transition:transform .4s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease;\n}\n.vs-card:hover h3 > svg{\n transform:rotate(-6deg) scale(1.08);\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));\n color:#fff;\n}\n\n\/* ---- FAQ arrow: small chip ---- *\/\n.faq-item .arrow{\n width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;\n border-radius:10px;font-size:.9rem;\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.18));\n border:1px solid rgba(136,58,234,.22);\n color:rgb(167,139,250);\n transition:transform .35s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease;\n}\n.faq-item:hover .faq-q .arrow{background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));color:#fff}\n.faq-item.open .faq-q .arrow{\n transform:rotate(180deg);\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));color:#fff;\n}\n\n\/* ---- Comparatif: \u2713 \/ \u2717 as chip badges ---- *\/\n.compare-table .check,\n.compare-table .cross{font-size:0;text-align:center}\n.compare-table .check::after,\n.compare-table .cross::after{\n content:\"\u2713\";\n display:inline-flex;align-items:center;justify-content:center;\n width:34px;height:34px;border-radius:10px;font-size:.95rem;font-weight:700;\n background:linear-gradient(135deg, rgba(136,58,234,.12), rgba(167,139,250,.22));\n border:1px solid rgba(136,58,234,.28);\n color:rgb(167,139,250);\n box-shadow:0 4px 12px -4px rgba(136,58,234,.35);\n}\n.compare-table .cross::after{\n content:\"\u2717\";\n background:linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.02));\n border-color:rgba(255,255,255,.12);\n color:rgba(255,255,255,.55);\n box-shadow:none;\n}\n\/* Restore text labels on comparatif *\/\n.compare-table td.check, .compare-table td.cross{color:#fff;font-weight:600;font-size:.92rem !important}\n.compare-table td.cross{color:rgba(255,255,255,.7)}\n.compare-table td.check::after, .compare-table td.cross::after{display:none}\n\n\/* Inline icon + text \u2014 perfectly aligned on one line *\/\n.compare-table td.check::before,\n.compare-table td.cross::before{\n display:inline-flex;align-items:center;justify-content:center;\n width:22px;height:22px;border-radius:7px;\n margin-right:8px;font-size:.72rem;font-weight:700;line-height:1;\n vertical-align:middle;flex-shrink:0;\n}\n.compare-table td.check::before{\n content:\"\u2713\";\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250));color:#fff;\n box-shadow:0 4px 10px -3px rgba(136,58,234,.5);\n}\n.compare-table td.cross::before{\n content:\"\u2717\";\n background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);\n border:1px solid rgba(255,255,255,.12);\n}\n\n\/* Comparatif: Mobile responsive *\/\n.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}\n@media(max-width:768px){\n .compare-table{min-width:0;width:100%}\n .compare-table th,.compare-table td{padding:10px 10px;font-size:.78rem}\n .compare-table thead th{font-size:.68rem;letter-spacing:.4px;padding:10px 8px}\n .compare-table td.check, .compare-table td.cross{font-size:.78rem !important}\n .compare-table td.check::before,\n .compare-table td.cross::before{\n width:20px;height:20px;border-radius:6px;margin-right:6px;font-size:.65rem;\n }\n}\n@media(max-width:480px){\n .compare-table th,.compare-table td{padding:8px 6px;font-size:.72rem}\n .compare-table thead th{font-size:.58rem;padding:8px 6px;letter-spacing:.2px}\n .compare-table td.check, .compare-table td.cross{font-size:.72rem !important}\n .compare-table td.check::before,\n .compare-table td.cross::before{\n width:18px;height:18px;margin-right:5px;font-size:.58rem;\n }\n}\n\n\/* ---- Footer social icons: align to same chip recipe ---- *\/\n.footer-social{\n background:linear-gradient(135deg, rgba(136,58,234,.10), rgba(167,139,250,.16)) !important;\n border:1px solid rgba(136,58,234,.22) !important;\n color:rgb(167,139,250) !important;\n box-shadow:0 4px 14px -4px rgba(136,58,234,.35), 0 1px 0 rgba(255,255,255,.08) inset !important;\n transition:transform .4s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease !important;\n}\n.footer-social:hover{\n transform:rotate(-6deg) scale(1.08) !important;\n background:linear-gradient(135deg, rgb(136,58,234), rgb(167,139,250)) !important;\n color:#fff !important;\n}\n\n\/* Mobile tightening *\/\n@media(max-width:480px){\n .sub-list li > svg,\n .vs-card h3 > svg{width:42px;height:42px;padding:10px;border-radius:12px}\n .dl-card .dl-icon{width:48px !important;height:48px !important;border-radius:14px !important}\n .dl-card .dl-icon svg{width:22px !important;height:22px !important}\n}\n\n\/* === DARK THEME OVERRIDES === *\/\n:root {\n --text: #ffffff;\n --text-muted: rgba(255,255,255,0.65);\n --border: rgba(167,139,250,0.2);\n --bg: #06050d;\n --bg-card: rgba(255,255,255,0.05);\n}\nbody { color: #fff; }\n.nav-logo { color: #fff; }\n.nav-links a { color: rgba(255,255,255,0.75); }\n.burger span { background: #fff; }\nnav.scrolled { background: rgba(10,8,20,.92) !important; border-bottom: 1px solid rgba(167,139,250,.15); }\n.card h3, .dl-card h4 { color: #fff; }\n.card p, .dl-card p { color: rgba(255,255,255,0.65); }\n.step h3 { color: #fff; }\n.step p { color: rgba(255,255,255,0.65); }\n.faq-q { color: #fff; }\n.compare-table td, .compare-table th { color: rgba(255,255,255,.85); }\n.pricing-card h3 { color: #fff; }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"site-bg\" aria-hidden=\"true\"><\/div>\n<div class=\"cursor-dot\" id=\"cursorDot\"><\/div>\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\n<div class=\"particles\" id=\"particles\"><\/div>\n\n\n\n\n\n\n<nav id=\"navbar\" class=\"nav-floating\">\n <div class=\"nav-shell\">\n <a href=\"#\" class=\"nav-logo\">\n <span class=\"logo-mark\">\u25b6<\/span>\n IPTV<span class=\"logo-accent\">Smarters<\/span>\n <\/a>\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/\" class=\"active\">IPTV Smarters Pro<\/a><\/li>\n <li><a href=\"#tarifs\">Abonnement IPTV<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/our-app\/\">Installation<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/blog\/\">Blog<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <div class=\"nav-actions\">\n <a href=\"#tarifs\" class=\"btn btn-primary nav-cta\">Abonnement IPTV<\/a>\n <button class=\"burger\" id=\"burger\" aria-label=\"Menu de navigation\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n <\/div>\n<\/nav>\n\n\n\n\n<section id=\"hero\" class=\"hero-futuristic\">\n <div class=\"hero-bg\">\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-glow hero-glow-1\"><\/div>\n <div class=\"hero-glow hero-glow-2\"><\/div>\n <div class=\"hero-scan\"><\/div>\n <\/div>\n <div class=\"container hero-inner\">\n <div class=\"hero-split\">\n <div class=\"hero-text-col\">\n <div class=\"hero-badge reveal\">\n <span class=\"badge-dot\"><\/span>\n <span>Meilleure Application IPTV 2026<\/span>\n <\/div>\n <h1 class=\"hero-title reveal reveal-delay-1\">\n IPTV Smarters Pro <span class=\"hero-sep\">\u2014<\/span> Meilleure Application IPTV pour <span class=\"text-gradient\">Streaming Premium<\/span>\n <\/h1>\n <p class=\"hero-desc reveal reveal-delay-2\">\n IPTV Smarters Pro est aujourd'hui l'une des meilleures solutions pour acc\u00e9der facilement \u00e0 des contenus TV en ligne. Cette application IPTV puissante permet de profiter de milliers de cha\u00eenes, films et s\u00e9ries en streaming via une interface intuitive et performante.\n <\/p>\n <div class=\"hero-buttons reveal reveal-delay-3\">\n <a href=\"\/abonnement-iptv#offres\" class=\"btn btn-primary\">Voir Nos Offres<\/a>\n <a href=\"\/installation\" class=\"btn btn-glass\">Installer l'application<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image-col\">\n <div class=\"hero-showcase reveal reveal-scale reveal-delay-3\">\n <div class=\"showcase-glow\"><\/div>\n <div class=\"showcase-frame\">\n <img decoding=\"async\" src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/03\/Design-sans-titre-3.png\" alt=\"IPTV Smarters Pro - Application de streaming premium\" class=\"showcase-img\" loading=\"eager\" \/>\n <div class=\"showcase-reflection\"><\/div>\n <\/div>\n <div class=\"showcase-chip showcase-chip-1\"><span class=\"chip-dot\"><\/span>Live \u2022 4K Ultra HD<\/div>\n <div class=\"showcase-chip showcase-chip-2\">20 000+ Cha\u00eenes<\/div>\n <div class=\"showcase-chip showcase-chip-3\">Multi-\u00e9crans<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-glass-card reveal reveal-scale reveal-delay-3\">\n <div class=\"glass-row\">\n <div class=\"glass-stat\"><strong>20K+<\/strong><span>Cha\u00eenes Live<\/span><\/div>\n <div class=\"glass-divider\"><\/div>\n <div class=\"glass-stat\"><strong>4K<\/strong><span>Ultra HD<\/span><\/div>\n <div class=\"glass-divider\"><\/div>\n <div class=\"glass-stat\"><strong>99.9%<\/strong><span>Uptime<\/span><\/div>\n <div class=\"glass-divider\"><\/div>\n <div class=\"glass-stat\"><strong>24\/7<\/strong><span>Support<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section id=\"presentation\" class=\"presentation-futuristic\">\n <div class=\"pres-bg\" aria-hidden=\"true\">\n <div class=\"pres-grid-bg\"><\/div>\n <div class=\"pres-glow pres-glow-1\"><\/div>\n <div class=\"pres-glow pres-glow-2\"><\/div>\n <div class=\"pres-glow pres-glow-3\"><\/div>\n <\/div>\n <div class=\"container pres-inner\">\n <div class=\"pres-header reveal\">\n <span class=\"section-label\">Pr\u00e9sentation<\/span>\n <h2 class=\"section-title\">IPTV Smarters Pro : une application compl\u00e8te pour <span class=\"text-gradient\">TV, films et s\u00e9ries<\/span><\/h2>\n <p class=\"pres-lead\">L'une des solutions les plus populaires pour acc\u00e9der facilement \u00e0 la t\u00e9l\u00e9vision en ligne \u2014 cha\u00eenes TV, films et s\u00e9ries en streaming via Internet, sans antenne ni abonnement classique.<\/p>\n <\/div>\n\n <div class=\"pres-grid\">\n <div class=\"pres-image reveal reveal-left\">\n <div class=\"pres-visual-wrap\">\n <div class=\"pres-visual-aura\"><\/div>\n <div class=\"pres-visual-orbit\"><\/div>\n <div class=\"pres-visual-orbit pres-visual-orbit--2\"><\/div>\n <div class=\"pres-visual-stage\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/04\/iptv-smarters-pro-5-appareils-.webp\" alt=\"Interface IPTV Smarters Pro futuriste\" loading=\"lazy\" width=\"1024\" height=\"1024\" class=\"pres-visual-img\" \/>\n <div class=\"pres-visual-scan\"><\/div>\n <div class=\"pres-visual-particles\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\n <\/div>\n <div class=\"pres-image-halo\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"pres-content reveal reveal-right reveal-delay-1\">\n <p class=\"pres-text\">De plus en plus d'utilisateurs de <strong>France IPTV<\/strong> adoptent IPTV Smarters Pro pour remplacer les offres traditionnelles. Interface intuitive, installation simple et compatibilit\u00e9 avec la plupart des appareils via <strong>code IPTV<\/strong> ou <strong>Xtream Codes<\/strong>.<\/p>\n <p class=\"pres-text\">Smart TV, bo\u00eetier IPTV, Android, iPhone ou PC \u2014 l'application garantit une navigation fluide et une excellente qualit\u00e9 d'image.<\/p>\n\n <ul class=\"pres-features reveal reveal-delay-2\">\n <li><span class=\"pres-check\">\u2713<\/span> Milliers de cha\u00eenes TV France & international<\/li>\n <li><span class=\"pres-check\">\u2713<\/span> Contenus HD, Full HD et IPTV 4K<\/li>\n <li><span class=\"pres-check\">\u2713<\/span> Films r\u00e9cents et s\u00e9ries populaires<\/li>\n <li><span class=\"pres-check\">\u2713<\/span> \u00c9v\u00e9nements sportifs en direct<\/li>\n <li><span class=\"pres-check\">\u2713<\/span> Gestion simple via code IPTV<\/li>\n <li><span class=\"pres-check\">\u2713<\/span> Exp\u00e9rience multi-\u00e9crans personnalis\u00e9e<\/li>\n <\/ul>\n\n <div class=\"pres-callout reveal reveal-delay-3\">\n <p>IPTV Smarters Pro s'impose comme une <strong>r\u00e9f\u00e9rence incontournable<\/strong> pour une solution IPTV fiable, performante et facile \u00e0 utiliser.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section id=\"avantages\" class=\"avantages-light\">\n <div class=\"ava-bg-grid\"><\/div>\n <div class=\"ava-glow ava-glow-1\"><\/div>\n <div class=\"ava-glow ava-glow-2\"><\/div>\n\n <div class=\"container ava-container\">\n <div class=\"ava-header reveal\">\n <span class=\"ava-label\">\n <span class=\"ava-label-dot\"><\/span>\n Avantages\n <\/span>\n <h2 class=\"ava-title\">\n Pourquoi choisir <span class=\"ava-title-grad\">IPTV Smarters Pro<\/span> ?\n <\/h2>\n <p class=\"ava-lead\">\n IPTV Smarters Pro est l'une des meilleures applications IPTV gr\u00e2ce \u00e0 sa performance,\n sa simplicit\u00e9 et ses nombreuses fonctionnalit\u00e9s.\n <\/p>\n <\/div>\n\n <div class=\"ava-grid\">\n <article class=\"ava-card reveal\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><\/svg>\n <\/div>\n <h3>Interface moderne et facile \u00e0 utiliser<\/h3>\n <p>Une interface intuitive qui permet de naviguer facilement entre cha\u00eenes, films et s\u00e9ries, m\u00eame pour les d\u00e9butants.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-1\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n <\/div>\n <h3>Lecture rapide et sans interruption<\/h3>\n <p>Une lecture fluide avec tr\u00e8s peu de buffering pour une exp\u00e9rience de streaming agr\u00e9able.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-2\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 7h16M4 12h16M4 17h10\"\/><circle cx=\"19\" cy=\"17\" r=\"2\"\/><\/svg>\n <\/div>\n <h3>Support des formats M3U et Xtream Codes<\/h3>\n <p>Compatible avec les formats les plus utilis\u00e9s, facilitant l'ajout et la gestion de vos abonnements IPTV.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"14\" height=\"10\" rx=\"2\"\/><rect x=\"10\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\"\/><\/svg>\n <\/div>\n <h3>Compatible avec toutes les plateformes<\/h3>\n <p>Disponible sur Smart TV, Android, iOS, PC et Fire Stick pour une utilisation sur tous vos appareils.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-1\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3.5\"\/><circle cx=\"17\" cy=\"10\" r=\"2.5\"\/><path d=\"M2.5 20a6.5 6.5 0 0 1 13 0\"\/><path d=\"M14 20a4.5 4.5 0 0 1 7.5-3.3\"\/><\/svg>\n <\/div>\n <h3>Gestion multi-\u00e9crans<\/h3>\n <p>Permet de g\u00e9rer plusieurs profils ou abonnements sur un seul appareil facilement.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-2\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n <\/div>\n <h3>Contr\u00f4le parental int\u00e9gr\u00e9<\/h3>\n <p>Offre des options pour restreindre certains contenus et s\u00e9curiser l'acc\u00e8s pour les enfants.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-1\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 10h2v4H8zM12 10h2v4h-2zM16 10h2v4h-2z\"\/><\/svg>\n <\/div>\n <h3>Qualit\u00e9 de streaming FHD et IPTV 4K<\/h3>\n <p>Profitez de contenus en haute qualit\u00e9 avec une bonne connexion Internet.<\/p>\n <\/article>\n\n <article class=\"ava-card reveal reveal-delay-2\">\n <div class=\"ava-card-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg>\n <\/div>\n <h3>Personnalisation avanc\u00e9e<\/h3>\n <p>Options de personnalisation pour adapter l'application \u00e0 vos pr\u00e9f\u00e9rences.<\/p>\n <\/article>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"compatibilite\" class=\"compat-dark\">\n <div class=\"cd-grid\"><\/div>\n <div class=\"cd-glow cd-glow-1\"><\/div>\n <div class=\"cd-glow cd-glow-2\"><\/div>\n <div class=\"cd-scan\"><\/div>\n <div class=\"cd-particles\">\n <span><\/span><span><\/span><span><\/span><span><\/span>\n <span><\/span><span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"container\">\n <div class=\"compat-head reveal\">\n <span class=\"compat-label\">Multi-plateformes<\/span>\n <h2>Une application IPTV compatible avec <span class=\"grad\">tous les appareils<\/span><\/h2>\n <p>L'un des plus grands avantages de cette IPTV application est sa compatibilit\u00e9 universelle. Vous pouvez installer IPTV Smarters Pro sur tous vos \u00e9crans pr\u00e9f\u00e9r\u00e9s.<\/p>\n <\/div>\n\n <div class=\"compat-grid reveal\">\n <div class=\"compat-card\">\n <div class=\"compat-card-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 22h8M12 18v4\"\/><\/svg>\n <\/div>\n <h4>Smart TV<\/h4>\n <p>Samsung, LG et marques compatibles.<\/p>\n <\/div>\n <div class=\"compat-card\">\n <div class=\"compat-card-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M7 21h10M9 17v4M15 17v4\"\/><\/svg>\n <\/div>\n <h4>Android TV & Box<\/h4>\n <p>Box IPTV et Android TV support\u00e9s.<\/p>\n <\/div>\n <div class=\"compat-card\">\n <div class=\"compat-card-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\n <\/div>\n <h4>Android & iPhone<\/h4>\n <p>Smartphones iOS et Android.<\/p>\n <\/div>\n <div class=\"compat-card\">\n <div class=\"compat-card-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <h4>PC Windows & Mac<\/h4>\n <p>Tous les ordinateurs support\u00e9s.<\/p>\n <\/div>\n <div class=\"compat-card\">\n <div class=\"compat-card-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M2 7l10-4 10 4-10 4z\"\/><path d=\"M2 7v10l10 4 10-4V7\"\/><line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <h4>Amazon Fire Stick<\/h4>\n <p>Installation simple et rapide.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"compat-tip reveal reveal-delay-1\">\n <p>Peu importe votre appareil, les applications IPTV comme <strong>IPTV Smarters Pro<\/strong> garantissent une exp\u00e9rience optimis\u00e9e avec une lecture fluide et toutes les fonctionnalit\u00e9s premium accessibles partout.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"fonctionnement\" class=\"howto-light\">\n <div class=\"container\">\n <div class=\"howto-head reveal\">\n <span class=\"howto-label\">Mode d'emploi<\/span>\n <h2>Comment \u00e7a marche <span class=\"grad\">IPTV Smarters Pro<\/span> ?<\/h2>\n <p>IPTV Smarters Pro n'est pas un fournisseur de contenu, mais un lecteur IPTV. Suivez ces 4 \u00e9tapes simples pour d\u00e9marrer.<\/p>\n <\/div>\n\n <div class=\"howto-steps reveal\">\n <div class=\"howto-step\">\n <div class=\"howto-num\">1<\/div>\n <h3>T\u00e9l\u00e9chargez l'application<\/h3>\n <p>Suivez les \u00e9tapes de t\u00e9l\u00e9chargement selon le type de votre appareil (Smart TV, mobile, PC...).<\/p>\n <\/div>\n <div class=\"howto-step\">\n <div class=\"howto-num\">2<\/div>\n <h3>Ajoutez votre abonnement<\/h3>\n <p>Entrez votre code IPTV dans l'application et connectez-vous en quelques secondes.<\/p>\n <\/div>\n <div class=\"howto-step\">\n <div class=\"howto-num\">3<\/div>\n <h3>Chargez votre playlist<\/h3>\n <p>Utilisez un lien M3U ou choisissez l'option Xtream Codes (username, password, URL).<\/p>\n <\/div>\n <div class=\"howto-step\">\n <div class=\"howto-num\">4<\/div>\n <h3>Profitez du contenu<\/h3>\n <p>Acc\u00e9dez instantan\u00e9ment \u00e0 vos cha\u00eenes, films et s\u00e9ries pr\u00e9f\u00e9r\u00e9s en haute qualit\u00e9.<\/p>\n <\/div>\n <\/div>\n\n <p class=\"howto-foot reveal reveal-delay-1\">C'est ce qui rend les applications IPTV comme <strong>IPTV Smarters Pro<\/strong> si flexibles et populaires aupr\u00e8s des utilisateurs du monde entier.<\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"comparatif\">\n <div class=\"container text-center\">\n <span class=\"section-label reveal\">Comparatif<\/span>\n <h2 class=\"section-title reveal\"><span class=\"text-gradient\">IPTV Smarters Pro<\/span> vs Autres Applications IPTV<\/h2>\n <p class=\"section-desc reveal\">Voici pourquoi IPTV Smarters Pro est sup\u00e9rieur \u00e0 d'autres solutions du march\u00e9.<\/p>\n <div class=\"reveal table-wrap\">\n <table class=\"compare-table\">\n <thead>\n <tr><th>Crit\u00e8re<\/th><th>IPTV Smarters Pro<\/th><th>Autres applications IPTV<\/th><\/tr>\n <\/thead>\n <tbody>\n <tr><td>Interface<\/td><td class=\"check\">Moderne<\/td><td class=\"cross\">Basique<\/td><\/tr>\n <tr><td>Performance<\/td><td class=\"check\">Tr\u00e8s rapide<\/td><td class=\"cross\">Variable<\/td><\/tr>\n <tr><td>Compatibilit\u00e9<\/td><td class=\"check\">Tr\u00e8s large<\/td><td class=\"cross\">Limit\u00e9e<\/td><\/tr>\n <tr><td>Fonctionnalit\u00e9s<\/td><td class=\"check\">Avanc\u00e9es<\/td><td class=\"cross\">Standard<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <p class=\"reveal\" style=\"margin-top:28px;color:rgba(255,255,255,.78);font-size:1rem;max-width:720px;margin-left:auto;margin-right:auto\">\n Si vous cherchez une alternative \u00e0 <strong style=\"color:#c4b5fd\">iptv smarter pro<\/strong>, <strong style=\"color:#fff\">IPTV Smarters Pro<\/strong> reste le meilleur choix.\n <\/p>\n <\/div>\n<\/section>\n\n\n\n<section id=\"abonnement\" class=\"subscription-best\">\n <div class=\"container\">\n <div class=\"sub-grid\">\n <div class=\"sub-content reveal\">\n <span class=\"section-label\" style=\"margin-bottom:14px\">Abonnement<\/span>\n <h2>Meilleure Exp\u00e9rience avec un <span class=\"text-gradient\">Abonnement IPTV<\/span><\/h2>\n <p>Pour exploiter pleinement IPTV Smarters Pro, il est essentiel d'avoir un bon abonnement IPTV. Un abonnement de qualit\u00e9 permet :<\/p>\n <ul class=\"sub-list\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"13\" rx=\"2\"\/><path d=\"M8 22h8\"\/><path d=\"M12 19v3\"\/><\/svg> Acc\u00e8s au contenu : cha\u00eenes TV, films, s\u00e9ries<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4\"\/><path d=\"M12 18v4\"\/><path d=\"M4.93 4.93l2.83 2.83\"\/><path d=\"M16.24 16.24l2.83 2.83\"\/><path d=\"M2 12h4\"\/><path d=\"M18 12h4\"\/><path d=\"M4.93 19.07l2.83-2.83\"\/><path d=\"M16.24 7.76l2.83-2.83\"\/><\/svg> Meilleure stabilit\u00e9 de connexion<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg> Qualit\u00e9 vid\u00e9o optimale (HD \/ 4K)<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9 9l6 6\"\/><path d=\"M15 9l-6 6\"\/><\/svg> Moins de buffering et de coupures<\/li>\n <\/ul>\n <div class=\"sub-callout\">\n \u2728 Combinez un <strong>bon abonnement<\/strong> avec l'application pour une <strong>exp\u00e9rience parfaite<\/strong>.\n <\/div>\n <\/div>\n <div class=\"sub-visual reveal reveal-delay-1\" aria-hidden=\"true\">\n <div class=\"sub-ring\"><\/div>\n <div class=\"sub-ring r2\"><\/div>\n <div class=\"sub-orb\"><\/div>\n <img decoding=\"async\" src=\"images\/abonnement-placeholder.png\" alt=\"Abonnement IPTV Smarters Pro\" class=\"sub-core-img\" \/>\n <div class=\"sub-badge b1\">\u25b6 +20 000 cha\u00eenes<\/div>\n <div class=\"sub-badge b2\">\u2713 0 buffering<\/div>\n <div class=\"sub-badge b3\">\u2605 VOD illimit\u00e9<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"tarifs\" class=\"pricing-futuristic\">\n <div class=\"pricing-bg\">\n <div class=\"pricing-grid-bg\"><\/div>\n <div class=\"pricing-glow pricing-glow-1\"><\/div>\n <div class=\"pricing-glow pricing-glow-2\"><\/div>\n <div class=\"pricing-glow pricing-glow-3\"><\/div>\n <div class=\"pricing-particles\">\n <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n <\/div>\n <\/div>\n\n <div class=\"container pricing-inner\">\n <div class=\"pricing-header reveal\">\n <span class=\"section-label\">Tarifs<\/span>\n <h2 class=\"section-title\">Choisissez votre <span class=\"text-gradient\">abonnement IPTV Smarters Pro<\/span><\/h2>\n <p class=\"pricing-lead\">Des formules flexibles, sans engagement. Activation instantan\u00e9e, support 24\/7 et acc\u00e8s illimit\u00e9 \u00e0 plus de 20 000 cha\u00eenes, films et s\u00e9ries en HD, Full HD & 4K.<\/p>\n <\/div>\n\n \n <div class=\"pricing-toggle reveal\" role=\"tablist\" aria-label=\"Type d'abonnement\">\n <button type=\"button\" class=\"ptoggle-btn is-active\" data-target=\"solo\" role=\"tab\" aria-selected=\"true\">\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n 1 \u00c9cran\n <\/button>\n <button type=\"button\" class=\"ptoggle-btn\" data-target=\"duo\" role=\"tab\" aria-selected=\"false\">\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"11\" height=\"9\" rx=\"1.5\"\/><rect x=\"11\" y=\"10\" width=\"11\" height=\"9\" rx=\"1.5\"\/><\/svg>\n 2 \u00c9crans\n <\/button>\n <span class=\"ptoggle-slider\" aria-hidden=\"true\"><\/span>\n <\/div>\n\n \n <div class=\"pricing-cards pricing-cards--futuristic pricing-pane is-active\" data-pane=\"solo\">\n\n \n <article class=\"pcard reveal\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\n <\/div>\n <h3>3 Mois<\/h3>\n <p class=\"pcard-sub\">1 \u00c9cran \u00b7 Id\u00e9al pour d\u00e9marrer<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">25<\/span>\n <span class=\"pcard-period\">\/ 3 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV France & Monde<\/li>\n <li>Films & s\u00e9ries HD \/ Full HD \/ 4K<\/li>\n <li>Compatible Smart TV, Box, Mobile<\/li>\n <li>Anti-buffering & serveur stable<\/li>\n <li>Support 24\/7<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=3mois-1ecran\" class=\"pcard-cta\">Choisir 3 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-1\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n <\/div>\n <h3>6 Mois<\/h3>\n <p class=\"pcard-sub\">1 \u00c9cran \u00b7 Le bon compromis<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">39<\/span>\n <span class=\"pcard-period\">\/ 6 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Films & s\u00e9ries en <strong>4K<\/strong><\/li>\n <li>VOD illimit\u00e9e \u2014 Netflix, Disney+, Prime<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Support 24\/7<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=6mois-1ecran\" class=\"pcard-cta\">Choisir 6 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard pcard--featured reveal reveal-delay-2\">\n <div class=\"pcard-badge\">\n <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"currentColor\"><path d=\"M12 2l2.39 7.36H22l-6.18 4.49L18.21 22 12 17.27 5.79 22l2.39-8.15L2 9.36h7.61z\"\/><\/svg>\n Populaire\n <\/div>\n <div class=\"pcard-aura pcard-aura--strong\"><\/div>\n <div class=\"pcard-border pcard-border--strong\"><\/div>\n <div class=\"pcard-orbit\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon pcard-icon--strong\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h7v8l10-12h-7z\"\/><\/svg>\n <\/div>\n <h3>12 Mois<\/h3>\n <p class=\"pcard-sub\">1 \u00c9cran \u00b7 Le choix de 80% de nos clients<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">59<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>+20 000 cha\u00eenes<\/strong> TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong> garantie<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Activation <strong>instantan\u00e9e<\/strong><\/li>\n <li>Support VIP 24\/7<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=12mois-1ecran\" class=\"pcard-cta pcard-cta--primary\">Choisir 12 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-3\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3 7h7l-5.5 4.5L18 22l-6-4-6 4 1.5-8.5L2 9h7z\"\/><\/svg>\n <\/div>\n <h3>24 Mois<\/h3>\n <p class=\"pcard-sub\">1 \u00c9cran \u00b7 Maximum d'\u00e9conomies<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">99<\/span>\n <span class=\"pcard-period\">\/ 24 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>Tout le contenu <strong>4K Ultra HD<\/strong><\/li>\n <li>+20 000 cha\u00eenes mondiales<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Configuration offerte<\/li>\n <li>Support VIP prioritaire<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=24mois-1ecran\" class=\"pcard-cta\">Choisir 24 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n <\/div>\n\n \n <div class=\"pricing-cards pricing-cards--futuristic pricing-pane\" data-pane=\"duo\">\n\n \n <article class=\"pcard reveal\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\n <\/div>\n <h3>3 Mois<\/h3>\n <p class=\"pcard-sub\">2 \u00c9crans \u00b7 Pour le foyer<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">39<\/span>\n <span class=\"pcard-period\">\/ 3 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV France & Monde<\/li>\n <li>Films & s\u00e9ries HD \/ Full HD \/ 4K<\/li>\n <li><strong>2 connexions<\/strong> simultan\u00e9es<\/li>\n <li>Anti-buffering & serveur stable<\/li>\n <li>Support 24\/7<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=3mois-2ecrans\" class=\"pcard-cta\">Choisir 3 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-1\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n <\/div>\n <h3>6 Mois<\/h3>\n <p class=\"pcard-sub\">2 \u00c9crans \u00b7 Le bon compromis<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">59<\/span>\n <span class=\"pcard-period\">\/ 6 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Films & s\u00e9ries en <strong>4K<\/strong><\/li>\n <li><strong>2 connexions<\/strong> simultan\u00e9es<\/li>\n <li>VOD illimit\u00e9e \u2014 Netflix, Disney+, Prime<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=6mois-2ecrans\" class=\"pcard-cta\">Choisir 6 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard pcard--featured reveal reveal-delay-2\">\n <div class=\"pcard-badge\">\n <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"currentColor\"><path d=\"M12 2l2.39 7.36H22l-6.18 4.49L18.21 22 12 17.27 5.79 22l2.39-8.15L2 9.36h7.61z\"\/><\/svg>\n Populaire\n <\/div>\n <div class=\"pcard-aura pcard-aura--strong\"><\/div>\n <div class=\"pcard-border pcard-border--strong\"><\/div>\n <div class=\"pcard-orbit\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon pcard-icon--strong\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h7v8l10-12h-7z\"\/><\/svg>\n <\/div>\n <h3>12 Mois<\/h3>\n <p class=\"pcard-sub\">2 \u00c9crans \u00b7 Id\u00e9al en famille<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">89<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>+20 000 cha\u00eenes<\/strong> TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong> garantie<\/li>\n <li><strong>2 connexions<\/strong> simultan\u00e9es<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Support VIP 24\/7<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=12mois-2ecrans\" class=\"pcard-cta pcard-cta--primary\">Choisir 12 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-3\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <div class=\"pcard-icon\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3 7h7l-5.5 4.5L18 22l-6-4-6 4 1.5-8.5L2 9h7z\"\/><\/svg>\n <\/div>\n <h3>24 Mois<\/h3>\n <p class=\"pcard-sub\">2 \u00c9crans \u00b7 Maximum d'\u00e9conomies<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">149<\/span>\n <span class=\"pcard-period\">\/ 24 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>Tout le contenu <strong>4K Ultra HD<\/strong><\/li>\n <li>+20 000 cha\u00eenes mondiales<\/li>\n <li><strong>2 connexions<\/strong> simultan\u00e9es<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Configuration offerte<\/li>\n <li>Support VIP prioritaire<\/li>\n <\/ul>\n <a href=\"\/checkout?offre=24mois-2ecrans\" class=\"pcard-cta\">Choisir 24 mois\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/article>\n <\/div>\n\n <p class=\"pricing-foot reveal\">\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n Paiement 100% s\u00e9curis\u00e9 \u00b7 Sans engagement \u00b7 Garantie satisfait ou rembours\u00e9 7 jours\n <\/p>\n <\/div>\n<\/section>\n\n\n\n<script>\n(function(){\n const cards=document.querySelectorAll('.pricing-futuristic .pcard');\n cards.forEach(c=>{\n c.addEventListener('mousemove',e=>{\n const r=c.getBoundingClientRect();\n c.style.setProperty('--mx',((e.clientX-r.left)\/r.width*100)+'%');\n c.style.setProperty('--my',((e.clientY-r.top)\/r.height*100)+'%');\n });\n });\n\n \/\/ Toggle 1 \u00e9cran \/ 2 \u00e9crans\n const toggle=document.querySelector('.pricing-toggle');\n if(!toggle) return;\n const btns=toggle.querySelectorAll('.ptoggle-btn');\n const panes=document.querySelectorAll('.pricing-pane');\n btns.forEach(btn=>{\n btn.addEventListener('click',()=>{\n const target=btn.dataset.target;\n btns.forEach(b=>{\n const active=b===btn;\n b.classList.toggle('is-active',active);\n b.setAttribute('aria-selected',active?'true':'false');\n });\n panes.forEach(p=>{\n p.classList.toggle('is-active',p.dataset.pane===target);\n });\n toggle.setAttribute('data-pos',target);\n });\n });\n})();\n<\/script>\n\n\n\n<section id=\"avis\" class=\"reviews-section\">\n <div class=\"container\">\n <div class=\"reviews-head\">\n <span class=\"section-label reveal\">Avis clients<\/span>\n <h2 class=\"section-title reveal\">Ce qu'en disent <span class=\"text-gradient\">nos abonn\u00e9s<\/span><\/h2>\n <p class=\"section-desc reveal\">Plus de 50 000 utilisateurs font confiance \u00e0 IPTV Smarters Pro pour leur divertissement quotidien. Voici quelques retours r\u00e9cents.<\/p>\n <div class=\"reviews-rating reveal\">\n <div class=\"reviews-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <strong>4,9 \/ 5<\/strong>\n <span>bas\u00e9 sur +2 800 avis v\u00e9rifi\u00e9s<\/span>\n <\/div>\n <\/div>\n\n <div class=\"reviews-carousel reveal\" aria-roledescription=\"carousel\">\n <button class=\"rc-arrow rc-prev\" aria-label=\"Avis pr\u00e9c\u00e9dent\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n <\/button>\n\n <div class=\"rc-viewport\">\n <div class=\"rc-track\">\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Vraiment bluff\u00e9 par la qualit\u00e9 4K, je regarde la Ligue des Champions sans aucune coupure m\u00eame en heure de pointe. Installation faite en 5 minutes sur ma Smart TV Samsung. Le support a r\u00e9pondu \u00e0 ma question en moins de 10 minutes un dimanche soir, chapeau !<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#6366f1,#8b5cf6)\">T<\/div>\n <div class=\"review-author-info\">\n <strong>Thomas L.<\/strong>\n <span>Marseille \u00b7 Abonn\u00e9 depuis 8 mois<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Mon mari et moi cherchions une solution pour avoir les cha\u00eenes du Maghreb depuis Bruxelles, on a trouv\u00e9 notre bonheur. Plus de 200 cha\u00eenes arabes en HD, des films r\u00e9cents, et un support qui parle fran\u00e7ais. Mes parents qui sont au Maroc l'utilisent aussi et adorent.<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#ec4899,#f43f5e)\">L<\/div>\n <div class=\"review-author-info\">\n <strong>Leila B.<\/strong>\n <span>Bruxelles \u00b7 Abonn\u00e9e depuis 1 an<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Honn\u00eatement, j'\u00e9tais sceptique au d\u00e9but parce que j'ai d\u00e9j\u00e0 \u00e9t\u00e9 d\u00e9\u00e7u par d'autres services. Mais l\u00e0, \u00e7a fait 6 mois que je l'utilise et z\u00e9ro probl\u00e8me. La VOD est \u00e9norme, les nouveaut\u00e9s Netflix sortent rapidement et je peux regarder sur 2 \u00e9crans en m\u00eame temps.<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#10b981,#059669)\">A<\/div>\n <div class=\"review-author-info\">\n <strong>Adrien D.<\/strong>\n <span>Lyon \u00b7 Abonn\u00e9 depuis 6 mois<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Je suis fan de sport, je regarde absolument tout : Premier League, NBA, MMA, Formule 1. Avant, je payais 4 abonnements diff\u00e9rents. Maintenant un seul, et je ne loupe jamais un match. La qualit\u00e9 4K sur ma TV LG est juste incroyable.<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#f59e0b,#ef4444)\">K<\/div>\n <div class=\"review-author-info\">\n <strong>Karim M.<\/strong>\n <span>Casablanca \u00b7 Abonn\u00e9 depuis 3 mois<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Mes enfants regardent tous les dessins anim\u00e9s en plusieurs langues, c'est top pour qu'ils apprennent l'anglais. Et moi je regarde mes s\u00e9ries en VO. L'app est simple \u00e0 prendre en main, m\u00eame ma m\u00e8re qui est peu \u00e0 l'aise avec la tech s'en sort. Je recommande \u00e0 tous les parents.<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#06b6d4,#3b82f6)\">\u00c9<\/div>\n <div class=\"review-author-info\">\n <strong>\u00c9milie R.<\/strong>\n <span>Nantes \u00b7 Abonn\u00e9e depuis 4 mois<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"rc-slide\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <p class=\"review-quote\">Service client au top. J'ai eu un souci de connexion apr\u00e8s une mise \u00e0 jour de ma Fire Stick, ils m'ont guid\u00e9 pas \u00e0 pas par WhatsApp et tout fonctionnait en 15 minutes. Le rapport qualit\u00e9-prix est imbattable, j'ai pris l'offre 2 ans pour \u00e9conomiser encore plus.<\/p>\n <div class=\"review-author\">\n <div class=\"review-avatar\" style=\"background:linear-gradient(135deg,#a855f7,#ec4899)\">N<\/div>\n <div class=\"review-author-info\">\n <strong>Nicolas P.<\/strong>\n <span>Gen\u00e8ve \u00b7 Abonn\u00e9 depuis 2 ans<\/span>\n <\/div>\n <div class=\"review-verified\" title=\"Avis v\u00e9rifi\u00e9\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n\n <button class=\"rc-arrow rc-next\" aria-label=\"Avis suivant\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n <\/button>\n\n <div class=\"rc-dots\" role=\"tablist\" aria-label=\"Choisir un avis\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n.reviews-section{position:relative;padding:120px 0;overflow:hidden;background:linear-gradient(180deg,#07060d 0%,#0d0a1f 50%,#07060d 100%)}\n.reviews-section::before{content:\"\";position:absolute;top:20%;left:-10%;width:500px;height:500px;border-radius:50%;background:rgba(136,58,234,.15);filter:blur(140px);pointer-events:none;z-index:0}\n.reviews-section::after{content:\"\";position:absolute;bottom:10%;right:-10%;width:480px;height:480px;border-radius:50%;background:rgba(167,139,250,.12);filter:blur(140px);pointer-events:none;z-index:0}\n.reviews-section .container{position:relative;z-index:1}\n\n.reviews-head{text-align:center;max-width:760px;margin:0 auto 60px}\n.reviews-head .section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;color:#fff;margin:0 0 18px}\n.reviews-head .section-desc{color:rgba(255,255,255,.7);font-size:1.02rem;margin:0 0 24px}\n\n.reviews-rating{display:inline-flex;align-items:center;gap:14px;padding:12px 22px;border-radius:99px;background:rgba(20,12,40,.6);border:1px solid rgba(167,109,255,.25);backdrop-filter:blur(14px);flex-wrap:wrap;justify-content:center}\n.reviews-stars{display:flex;gap:3px;color:#fbbf24}\n.reviews-stars svg{width:20px;height:20px}\n.reviews-rating strong{font-family:'Outfit',sans-serif;font-size:1.15rem;color:#fff;font-weight:700}\n.reviews-rating span{color:rgba(255,255,255,.6);font-size:.88rem}\n\n\/* === Carrousel === *\/\n.reviews-carousel{position:relative;max-width:1200px;margin:0 auto;padding:0 70px}\n.rc-viewport{overflow:hidden;border-radius:22px}\n.rc-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}\n.rc-slide{flex:0 0 calc(100% \/ 3);padding:0 12px;box-sizing:border-box}\n@media(max-width:1024px){.rc-slide{flex-basis:50%}}\n@media(max-width:680px){.rc-slide{flex-basis:100%}.reviews-carousel{padding:0 16px}}\n\n.review-card{position:relative;display:flex;flex-direction:column;height:100%;padding:32px 28px;border-radius:20px;background:linear-gradient(160deg,rgba(30,18,60,.65),rgba(13,9,28,.85));border:1px solid rgba(167,109,255,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:.4s;overflow:hidden}\n.review-card:hover{transform:translateY(-4px);border-color:rgba(167,109,255,.45);box-shadow:0 24px 50px -12px rgba(136,58,234,.4)}\n.review-card::before{content:\"\";position:absolute;top:24px;right:24px;width:44px;height:44px;background:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='rgba(167,139,250,0.18)'><path d='M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z'\/><\/svg>\") no-repeat center\/contain;pointer-events:none}\n\n.review-stars{display:flex;gap:3px;margin-bottom:16px;color:#fbbf24}\n.review-stars svg{width:18px;height:18px}\n.review-quote{color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.7;margin:0 0 24px;flex:1;font-style:italic}\n.review-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px dashed rgba(167,109,255,.18)}\n.review-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-weight:700;color:#fff;font-size:1.05rem;flex-shrink:0}\n.review-author-info{flex:1;min-width:0}\n.review-author-info strong{display:block;color:#fff;font-size:.94rem;font-weight:600}\n.review-author-info span{color:rgba(255,255,255,.5);font-size:.78rem}\n.review-verified{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:#86efac;display:flex;align-items:center;justify-content:center}\n.review-verified svg{width:13px;height:13px}\n\n\/* Arrows *\/\n.reviews-carousel .rc-arrow{\n position:absolute!important;top:50%!important;\n transform:translateY(-50%)!important;\n width:48px!important;height:48px!important;\n min-width:48px!important;min-height:48px!important;\n padding:0!important;margin:0!important;\n border-radius:50%!important;\n background:rgba(20,12,40,.85)!important;\n border:1px solid rgba(167,109,255,.4)!important;\n color:#fff!important;\n cursor:pointer!important;\n display:flex!important;\n align-items:center!important;justify-content:center!important;\n transition:background .3s,border-color .3s,transform .3s,box-shadow .3s!important;\n backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n z-index:10!important;\n font-size:0;line-height:0;\n appearance:none;-webkit-appearance:none;\n outline:none;\n box-shadow:0 6px 20px -4px rgba(0,0,0,.5);\n}\n.reviews-carousel .rc-arrow svg{\n width:20px!important;height:20px!important;\n display:block!important;\n stroke:#fff!important;\n fill:none!important;\n pointer-events:none;\n}\n.reviews-carousel .rc-arrow:hover{\n background:linear-gradient(135deg,rgb(var(--violet)),rgb(var(--violet-light)))!important;\n border-color:transparent!important;\n transform:translateY(-50%) scale(1.08)!important;\n box-shadow:0 10px 28px -6px rgba(var(--violet),.7)!important;\n}\n.reviews-carousel .rc-arrow:hover svg{stroke:#fff!important}\n.reviews-carousel .rc-prev{left:0!important;right:auto!important}\n.reviews-carousel .rc-next{right:0!important;left:auto!important}\n@media(max-width:680px){\n .reviews-carousel .rc-arrow{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;background:rgba(20,12,40,.85)!important}\n .reviews-carousel .rc-prev{left:-4px!important}\n .reviews-carousel .rc-next{right:-4px!important}\n}\n\n\/* Dots *\/\n.rc-dots{display:flex;justify-content:center;gap:8px;margin-top:32px}\n.rc-dot{width:8px;height:8px;border-radius:99px;background:rgba(167,109,255,.25);border:none;cursor:pointer;transition:.35s ease;padding:0}\n.rc-dot:hover{background:rgba(167,109,255,.5)}\n.rc-dot.is-active{width:28px;background:linear-gradient(90deg,rgb(var(--violet)),rgb(var(--violet-light)));box-shadow:0 0 14px rgba(var(--violet),.6)}\n<\/style>\n\n<script>\n(function(){\n const carousel = document.querySelector('.reviews-carousel');\n if(!carousel) return;\n const track = carousel.querySelector('.rc-track');\n const slides = Array.from(carousel.querySelectorAll('.rc-slide'));\n const prev = carousel.querySelector('.rc-prev');\n const next = carousel.querySelector('.rc-next');\n const dotsWrap = carousel.querySelector('.rc-dots');\n if(slides.length === 0) return;\n\n let perView = 3;\n let index = 0;\n let autoTimer = null;\n const AUTO_DELAY = 6000;\n\n function computePerView(){\n const w = window.innerWidth;\n if(w <= 680) return 1;\n if(w <= 1024) return 2;\n return 3;\n }\n\n function maxIndex(){\n return Math.max(0, slides.length - perView);\n }\n\n function buildDots(){\n dotsWrap.innerHTML = '';\n const total = maxIndex() + 1;\n for(let i = 0; i < total; i++){\n const b = document.createElement('button');\n b.className = 'rc-dot' + (i === index ? ' is-active' : '');\n b.setAttribute('role','tab');\n b.setAttribute('aria-label','Aller \u00e0 l\\'avis ' + (i+1));\n b.addEventListener('click', () => goTo(i));\n dotsWrap.appendChild(b);\n }\n }\n\n function update(){\n const offset = -(100 \/ perView) * index;\n track.style.transform = 'translateX(' + offset + '%)';\n dotsWrap.querySelectorAll('.rc-dot').forEach((d, i) => {\n d.classList.toggle('is-active', i === index);\n });\n }\n\n function goTo(i){\n const max = maxIndex();\n if(i < 0) i = max;\n if(i > max) i = 0;\n index = i;\n update();\n }\n\n function nextSlide(){ goTo(index + 1); }\n function prevSlide(){ goTo(index - 1); }\n\n function startAuto(){\n stopAuto();\n autoTimer = setInterval(nextSlide, AUTO_DELAY);\n }\n function stopAuto(){\n if(autoTimer){ clearInterval(autoTimer); autoTimer = null; }\n }\n\n \/\/ === Init ===\n function rebuild(){\n perView = computePerView();\n if(index > maxIndex()) index = maxIndex();\n buildDots();\n update();\n }\n rebuild();\n\n \/\/ === Bindings ===\n prev.addEventListener('click', () => { prevSlide(); startAuto(); });\n next.addEventListener('click', () => { nextSlide(); startAuto(); });\n\n \/\/ Pause sur hover\n carousel.addEventListener('mouseenter', stopAuto);\n carousel.addEventListener('mouseleave', startAuto);\n\n \/\/ Resize\n let resizeT;\n window.addEventListener('resize', () => {\n clearTimeout(resizeT);\n resizeT = setTimeout(rebuild, 150);\n });\n\n \/\/ === Swipe tactile ===\n let touchStartX = 0, touchEndX = 0;\n const viewport = carousel.querySelector('.rc-viewport');\n viewport.addEventListener('touchstart', e => {\n touchStartX = e.changedTouches[0].screenX;\n stopAuto();\n }, { passive: true });\n viewport.addEventListener('touchend', e => {\n touchEndX = e.changedTouches[0].screenX;\n const diff = touchStartX - touchEndX;\n if(Math.abs(diff) > 50){\n if(diff > 0) nextSlide(); else prevSlide();\n }\n startAuto();\n }, { passive: true });\n\n \/\/ === Auto-play start (uniquement si visible dans le viewport) ===\n const io = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if(e.isIntersecting) startAuto(); else stopAuto();\n });\n }, { threshold: 0.2 });\n io.observe(carousel);\n})();\n<\/script>\n\n\n\n<section id=\"telecharger\">\n <div class=\"container text-center\">\n <span class=\"section-label reveal\">T\u00e9l\u00e9chargement<\/span>\n <h2 class=\"section-title reveal\">T\u00e9l\u00e9charger et installer <span class=\"text-gradient\">IPTV Smarters Pro<\/span> sur tous vos appareils<\/h2>\n <p class=\"section-desc reveal\">Une seule app, tous vos \u00e9crans. Choisissez votre plateforme.<\/p>\n <div class=\"download-cards\">\n <a class=\"dl-card reveal\" href=\"\/installation\"><div class=\"dl-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(167,139,250)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"13\" rx=\"2\"\/><path d=\"M8 21h8\"\/><path d=\"M12 17v4\"\/><\/svg><\/div><h4>Bo\u00eetier IPTV<\/h4><p>Box Android & MAG<\/p><\/a>\n <a class=\"dl-card reveal reveal-delay-1\" href=\"\/installation\"><div class=\"dl-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(167,139,250)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M7 21h10\"\/><path d=\"M12 17v4\"\/><\/svg><\/div><h4>Smart TV<\/h4><p>Samsung & LG<\/p><\/a>\n <a class=\"dl-card reveal reveal-delay-2\" href=\"\/installation\"><div class=\"dl-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(167,139,250)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"3\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg><\/div><h4>Android<\/h4><p>Smartphone & Tablette<\/p><\/a>\n <a class=\"dl-card reveal reveal-delay-3\" href=\"\/installation\"><div class=\"dl-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(167,139,250)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16.5 2c0 2-2 3.5-3.5 3.5S9.5 4 9.5 2\"\/><path d=\"M19 8c-1 0-2 .5-3 .5s-2-.5-3-.5-2 .5-3 .5-2-.5-3-.5c-2 0-3.5 2-3.5 5.5 0 4 2 8 5 8 1.25 0 2.5-1.06 4-1.06s2.75 1.06 4 1.06c3 0 5-4 5-8C22.5 10 21 8 19 8z\"\/><\/svg><\/div><h4>Apple<\/h4><p>iPhone, iPad & Apple TV<\/p><\/a>\n <a class=\"dl-card reveal\" href=\"\/installation\"><div class=\"dl-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(167,139,250)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\/><rect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\/><rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\/><rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\/><\/svg><\/div><h4>Windows<\/h4><p>Windows 10 \/ 11<\/p><\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"gratuit-vs-payant\">\n <div class=\"container text-center\">\n <span class=\"section-label reveal\">Versions<\/span>\n <h2 class=\"section-title reveal\">Diff\u00e9rence entre <span class=\"text-gradient\">IPTV Smarters Pro<\/span> gratuit et <span class=\"text-gradient\">Smarters Pro<\/span> payant<\/h2>\n <p class=\"section-desc reveal\">Comprenez ce qui distingue les deux versions de l'application.<\/p>\n <div class=\"vs-grid\">\n <div class=\"vs-card free reveal\">\n <h3>\n <img decoding=\"async\" src=\"images\/logo-free.png\" alt=\"Logo gratuit\" class=\"vs-logo\" \/>\n IPTV Smarters Pro (gratuit)\n <\/h3>\n <ul>\n <li>Application <strong>gratuite<\/strong><\/li>\n <li><em>N'est pas disponible<\/em> sur Google Play<\/li>\n <li>Inclut les fonctionnalit\u00e9s de <strong>rattrapage<\/strong><\/li>\n <li>T\u00e9l\u00e9chargement via APK officiel<\/li>\n <li>Id\u00e9al pour d\u00e9marrer rapidement<\/li>\n <\/ul>\n <\/div>\n <div class=\"vs-card paid reveal reveal-delay-1\">\n <h3>\n <img decoding=\"async\" src=\"images\/logo-paid.png\" alt=\"Logo payant\" class=\"vs-logo\" \/>\n Smarters Pro (payante)\n <\/h3>\n <ul>\n <li>Application <strong>payante<\/strong><\/li>\n <li><strong>Disponible<\/strong> sur Google Play<\/li>\n <li>Toutes les <strong>caract\u00e9ristiques premium<\/strong><\/li>\n <li>Mises \u00e0 jour automatiques<\/li>\n <li>Support prioritaire<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"faq\">\n <div class=\"container text-center\">\n <span class=\"section-label reveal\">FAQ<\/span>\n <h2 class=\"section-title reveal\">FAQ \u2014 <span class=\"text-gradient\">IPTV Smarters Pro<\/span><\/h2>\n <p class=\"section-desc reveal\">Toutes les r\u00e9ponses aux questions les plus fr\u00e9quentes.<\/p>\n <div class=\"faq-list\">\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">IPTV Smarters Pro est-il gratuit ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>Oui, IPTV Smarters Pro est une application <strong>100% gratuite<\/strong>. Vous n'avez besoin que d'un abonnement IPTV s\u00e9par\u00e9 (lien M3U ou identifiants Xtream Codes) pour l'utiliser.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Sur combien d'appareils puis-je utiliser mon abonnement IPTV avec IPTV Smarters Pro ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>Cela d\u00e9pend de votre fournisseur d'abonnement IPTV. La plupart autorisent <strong>1 \u00e0 2 connexions simultan\u00e9es<\/strong>, mais l'application peut \u00eatre install\u00e9e sur autant d'appareils que vous le souhaitez.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Comment utiliser IPTV Smarters Pro avec un abonnement IPTV ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>T\u00e9l\u00e9chargez l'application, ouvrez-la, choisissez \u00ab Xtream Codes API \u00bb ou \u00ab M3U URL \u00bb, saisissez vos identifiants re\u00e7us par votre fournisseur, puis profitez de votre contenu en quelques secondes.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Faut-il une parabole ou un satellite pour utiliser IPTV Smarters Pro ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p><strong>Non<\/strong>. IPTV Smarters Pro fonctionne uniquement avec une <strong>connexion internet<\/strong> (Wi-Fi ou Ethernet). Aucune parabole, antenne ou mat\u00e9riel satellite n'est n\u00e9cessaire.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Quel est le temps de r\u00e9ponse du support technique IPTV Smarters Pro ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>Notre support est disponible <strong>24\/7<\/strong>. Le temps de r\u00e9ponse moyen est de <strong>moins de 30 minutes<\/strong> par ticket ou chat en direct.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">J'ai saisi mon code IPTV sur IPTV Smarters Pro mais \u00e7a ne fonctionne pas, que faire ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>V\u00e9rifiez que vos identifiants (utilisateur, mot de passe et URL) sont corrects, sans espace. V\u00e9rifiez votre connexion internet et que votre abonnement est <strong>actif<\/strong>. Si le probl\u00e8me persiste, contactez votre fournisseur ou notre support.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Les cha\u00eenes ne fonctionnent pas sur IPTV Smarters Pro, quelle est la solution ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p>Essayez de <strong>vider le cache<\/strong> de l'application, v\u00e9rifiez votre d\u00e9bit internet (minimum 10 Mbps recommand\u00e9 pour la HD, 25 Mbps pour la 4K), et changez de lecteur dans les param\u00e8tres (<em>Decoder 1<\/em> \/ <em>Software Decoder<\/em>).<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Un bo\u00eetier IPTV peut-il transformer mon t\u00e9l\u00e9viseur en Smart TV ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p><strong>Oui<\/strong>. Un bo\u00eetier IPTV (Android Box, MAG, Fire Stick\u2026) connect\u00e9 \u00e0 n'importe quel t\u00e9l\u00e9viseur via HDMI permet d'installer IPTV Smarters Pro et de le transformer instantan\u00e9ment en <strong>Smart TV<\/strong>.<\/p><\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Offrez-vous des services revendeur ? <span class=\"arrow\">\u25be<\/span><\/div>\n <div class=\"faq-a\"><p><strong>Oui<\/strong>. Nous proposons un programme revendeur avec des panels d\u00e9di\u00e9s, des tarifs d\u00e9gressifs et un support prioritaire. Contactez-nous via notre support pour recevoir l'offre compl\u00e8te.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<section id=\"cta-final\">\n <h2>Pr\u00eat \u00e0 d\u00e9couvrir IPTV Smarters ?<\/h2>\n <p>Rejoignez des millions d'utilisateurs et profitez du meilleur du streaming. Essai gratuit, sans engagement.<\/p>\n <a href=\"\/abonnement-iptv#offres\" class=\"btn\">Voir les abonnements \u2192<\/a>\n<\/section>\n\n\n\n<footer class=\"site-footer\" id=\"contact\">\n <div class=\"container\">\n <div class=\"footer-top\">\n <div class=\"footer-brand-block\">\n <a href=\"#\" class=\"footer-logo\">\n <span class=\"logo-mark\">\u25b6<\/span>\n IPTV<span>Smarters<\/span>\n <\/a>\n <p class=\"footer-tagline\">La plateforme de streaming nouvelle g\u00e9n\u00e9ration. Contenu illimit\u00e9, qualit\u00e9 premium, disponible partout.<\/p>\n <div class=\"footer-socials\" aria-label=\"R\u00e9seaux sociaux\">\n <a href=\"#\" class=\"footer-social\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.7l-.4 2.9h-2.3v7A10 10 0 0 0 22 12z\"\/><\/svg><\/a>\n <a href=\"#\" class=\"footer-social\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/a>\n <a href=\"#\" class=\"footer-social\" aria-label=\"Twitter \/ X\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2H21l-6.52 7.45L22 22h-6.78l-4.7-6.14L4.95 22H2.19l6.97-7.96L2 2h6.91l4.25 5.62L18.24 2zm-2.38 18h1.85L7.23 4H5.27l10.59 16z\"\/><\/svg><\/a>\n <a href=\"#\" class=\"footer-social\" aria-label=\"YouTube\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23 7.2s-.2-1.6-.9-2.3c-.8-.9-1.7-.9-2.1-1C16.7 3.6 12 3.6 12 3.6s-4.7 0-8 .3c-.4 0-1.3.1-2.1 1C1.2 5.6 1 7.2 1 7.2S.8 9 .8 10.9v1.7c0 1.8.2 3.7.2 3.7s.2 1.6.9 2.3c.8.9 1.9.8 2.4.9 1.7.2 7.7.3 7.7.3s4.7 0 8-.3c.5 0 1.3-.1 2.1-1 .7-.7.9-2.3.9-2.3s.2-1.8.2-3.7v-1.7c0-1.8-.2-3.6-.2-3.6zM9.7 14.6V8.3l6.2 3.2-6.2 3.1z\"\/><\/svg><\/a>\n <a href=\"#\" class=\"footer-social\" aria-label=\"Telegram\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.9 4.3c-.3-.3-.7-.4-1.1-.3L2.7 11.2c-.5.2-.8.6-.8 1.1 0 .5.3.9.8 1.1l4.5 1.6 1.7 5.3c.1.3.4.6.7.7.3.1.7 0 1-.2l2.6-2.4 4.5 3.3c.2.2.5.2.8.2.6 0 1.1-.4 1.2-1l3.2-15.4c.1-.4 0-.8-.2-1.1zM9.5 14.7l-.6 4.2-1.3-4.1 8.3-6.4-6.4 6.3z\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;gap:8px!important;margin:0 0 18px!important\"><span style=\"display:inline-block!important;width:6px!important;height:6px!important;min-width:6px!important;border-radius:50%!important;background:rgb(167,139,250)!important;box-shadow:0 0 10px rgb(167,139,250)!important;flex-shrink:0!important\"><\/span>Produit<\/h4>\n <ul>\n <li><a href=\"\/abonnement-iptv\">Abonnement IPTV<\/a><\/li>\n <li><a href=\"\/installation\">Installation<\/a><\/li>\n <li><a href=\"\/blog\">Blog<\/a><\/li>\n <li><a href=\"\/abonnement-iptv#offres\">Tarifs<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;gap:8px!important;margin:0 0 18px!important\"><span style=\"display:inline-block!important;width:6px!important;height:6px!important;min-width:6px!important;border-radius:50%!important;background:rgb(167,139,250)!important;box-shadow:0 0 10px rgb(167,139,250)!important;flex-shrink:0!important\"><\/span>L\u00e9gales<\/h4>\n <ul>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/politique-de-confidentialite\/\">Politique de confidentialit\u00e9<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/politique-de-remboursement\/\">Politique de remboursement<\/a><\/li>\n <li><a href=\"\/installation\">Mention l\u00e9gales<\/a><\/li>\n <li><a href=\"\/installation\">CGU-CGV<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/447575858113\" target=\"_blank\">WhatsApp Support<\/a><\/li>\n <li><a href=\"mailto:smartersofficial2024@gmail.com\">Email Support<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;gap:8px!important;margin:0 0 18px!important\"><span style=\"display:inline-block!important;width:6px!important;height:6px!important;min-width:6px!important;border-radius:50%!important;background:rgb(167,139,250)!important;box-shadow:0 0 10px rgb(167,139,250)!important;flex-shrink:0!important\"><\/span>Contact<\/h4>\n <ul>\n <li><a href=\"https:\/\/wa.me\/447575858113\" target=\"_blank\">+44 7575 858113<\/a><\/li>\n <li><a href=\"mailto:smartersofficial2024@gmail.com\">smartersofficial2024@gmail.com<\/a><\/li>\n <li><a href=\"#\">Mentions l\u00e9gales<\/a><\/li>\n <\/ul>\n <form class=\"footer-news\" onsubmit=\"event.preventDefault();this.querySelector('button').textContent='\u2713';\">\n <input type=\"email\" placeholder=\"Votre email\" required>\n <button type=\"submit\">OK<\/button>\n <\/form>\n <\/div>\n <\/div>\n\n <div class=\"footer-copyright-alert\" role=\"note\">\n <div class=\"fca-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n <\/div>\n <div class=\"fca-text\">\n <strong>Respect du droit d'auteur :<\/strong> Ce service de streaming fonctionne via nos serveurs d\u00e9di\u00e9s. Nous n'h\u00e9bergeons aucun contenu prot\u00e9g\u00e9 par des droits d'auteur. Toutes les flux proviennent de sources sous licence. Conform\u00e9ment \u00e0 la loi fran\u00e7aise et au DMCA, les demandes de retrait doivent \u00eatre adress\u00e9es \u00e0 <a href=\"mailto:contact@iptvsmarters-officiel.com\">contact@iptvsmarters-officiel.com<\/a>.\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom-bar\">\n <span class=\"footer-status\"><span class=\"footer-status-dot\"><\/span> Tous les services op\u00e9rationnels<\/span>\n <span>\u00a9 2026 IPTV Smarters. Tous droits r\u00e9serv\u00e9s.<\/span>\n <span class=\"footer-made\">Fait avec\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z\"\/><\/svg>\n en France<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n\/\/ Navbar + Topbar scroll behavior\nconst navbar = document.getElementById('navbar');\nwindow.addEventListener('scroll', () => {\n const scrolled = window.scrollY > 50;\n navbar.classList.toggle('scrolled', scrolled);\n document.body.classList.toggle('is-scrolled', scrolled);\n});\n\n\/\/ Burger menu with animation\nconst burger = document.getElementById('burger');\nconst navLinks = document.getElementById('navLinks');\n\n\/\/ Sortir le menu du nav-shell sur mobile pour \u00e9chapper aux contraintes\n\/\/ d'overflow:hidden et backdrop-filter qui pi\u00e8gent position:fixed\nfunction ensureNavLinksPlacement() {\n const isMobile = window.matchMedia('(max-width:980px)').matches;\n if (isMobile && navLinks.parentElement.classList.contains('nav-shell')) {\n \/\/ D\u00e9placer le menu directement dans <body> et marquer pour conserver les styles\n document.body.appendChild(navLinks);\n navLinks.classList.add('nav-links--detached');\n } else if (!isMobile && navLinks.parentElement === document.body) {\n \/\/ Le remettre dans le nav-shell sur desktop\n const shell = document.querySelector('.nav-shell');\n const burgerEl = document.getElementById('burger');\n if (shell && burgerEl) {\n shell.insertBefore(navLinks, burgerEl.parentElement || burgerEl);\n navLinks.classList.remove('nav-links--detached');\n }\n }\n}\nensureNavLinksPlacement();\nwindow.addEventListener('resize', ensureNavLinksPlacement);\n\nburger.addEventListener('click', () => {\n navLinks.classList.toggle('open');\n burger.classList.toggle('active');\n document.body.style.overflow = navLinks.classList.contains('open') ? 'hidden' : '';\n});\nnavLinks.querySelectorAll('a').forEach(a => {\n a.addEventListener('click', () => {\n navLinks.classList.remove('open');\n burger.classList.remove('active');\n document.body.style.overflow = '';\n });\n});\n\n\/\/ Scroll reveal\nconst reveals = document.querySelectorAll('.reveal');\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); }});\n}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\nreveals.forEach(el => observer.observe(el));\n\n\/\/ FAQ accordion\nfunction toggleFaq(el) {\n const item = el.parentElement;\n const wasOpen = item.classList.contains('open');\n document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\n if (!wasOpen) item.classList.add('open');\n}\n\n\n\/\/ Carousel\nconst track = document.getElementById('carouselTrack');\nconst dotsContainer = document.getElementById('carouselDots');\nconst slides = track.querySelectorAll('.testimonial-card');\nlet currentSlide = 0;\nlet autoplayInterval;\n\n\/\/ Create dots\nslides.forEach((_, i) => {\n const dot = document.createElement('button');\n dot.classList.add('carousel-dot');\n dot.setAttribute('aria-label', 'Slide ' + (i + 1));\n if (i === 0) dot.classList.add('active');\n dot.addEventListener('click', () => goToSlide(i));\n dotsContainer.appendChild(dot);\n});\n\nfunction goToSlide(n) {\n currentSlide = n;\n track.style.transform = 'translateX(-' + (currentSlide * 100) + '%)';\n document.querySelectorAll('.carousel-dot').forEach((d, i) => {\n d.classList.toggle('active', i === currentSlide);\n });\n}\n\ndocument.getElementById('carouselPrev').addEventListener('click', () => {\n goToSlide(currentSlide <= 0 ? slides.length - 1 : currentSlide - 1);\n resetAutoplay();\n});\ndocument.getElementById('carouselNext').addEventListener('click', () => {\n goToSlide(currentSlide >= slides.length - 1 ? 0 : currentSlide + 1);\n resetAutoplay();\n});\n\n\/\/ Autoplay\nfunction startAutoplay() { autoplayInterval = setInterval(() => { goToSlide(currentSlide >= slides.length - 1 ? 0 : currentSlide + 1); }, 5000); }\nfunction resetAutoplay() { clearInterval(autoplayInterval); startAutoplay(); }\nstartAutoplay();\n\n\/\/ Touch\/swipe support\nlet touchStartX = 0, touchEndX = 0;\ntrack.addEventListener('touchstart', e => { touchStartX = e.changedTouches[0].screenX; }, {passive: true});\ntrack.addEventListener('touchend', e => {\n touchEndX = e.changedTouches[0].screenX;\n const diff = touchStartX - touchEndX;\n if (Math.abs(diff) > 50) {\n if (diff > 0) goToSlide(currentSlide >= slides.length - 1 ? 0 : currentSlide + 1);\n else goToSlide(currentSlide <= 0 ? slides.length - 1 : currentSlide - 1);\n resetAutoplay();\n }\n});\n\n\n\/\/ Custom cursor (desktop only)\nif (window.matchMedia('(hover:hover) and (pointer:fine)').matches) {\n const dot = document.getElementById('cursorDot');\n const ring = document.getElementById('cursorRing');\n let mx = 0, my = 0, rx = 0, ry = 0;\n document.addEventListener('mousemove', e => { mx = e.clientX; my = e.clientY; dot.style.left = mx+'px'; dot.style.top = my+'px'; });\n document.body.classList.add('cursor-ready');\n (function animateRing(){ rx += (mx - rx) * .15; ry += (my - ry) * .15; ring.style.left = rx+'px'; ring.style.top = ry+'px'; requestAnimationFrame(animateRing); })();\n document.querySelectorAll('a,.btn,button,.faq-q,.dl-card,.card').forEach(el => {\n el.addEventListener('mouseenter', () => document.body.classList.add('cursor-hover'));\n el.addEventListener('mouseleave', () => document.body.classList.remove('cursor-hover'));\n });\n document.documentElement.style.cursor = 'none';\n document.querySelectorAll('a,.btn,button,.faq-q,.dl-card,.card').forEach(el => el.style.cursor = 'none');\n}\n\n\/\/ Floating particles\nconst particlesContainer = document.getElementById('particles');\nfor (let i = 0; i < 20; i++) {\n const p = document.createElement('div');\n p.classList.add('particle');\n p.style.left = Math.random() * 100 + '%';\n p.style.animationDuration = (8 + Math.random() * 12) + 's';\n p.style.animationDelay = (Math.random() * 10) + 's';\n p.style.width = p.style.height = (2 + Math.random() * 4) + 'px';\n particlesContainer.appendChild(p);\n}\n\n\/\/ Enhanced reveal: also observe reveal-left, reveal-right, reveal-scale, reveal-rotate\ndocument.querySelectorAll('.reveal-left,.reveal-right,.reveal-scale,.reveal-rotate').forEach(el => observer.observe(el));\n\n\/\/ Parallax on hero orb\nwindow.addEventListener('scroll', () => {\n const s = window.scrollY;\n const orb = document.querySelector('.hero-orb');\n if (orb && s < 800) { orb.style.transform = 'translateY(' + (s * 0.15) + 'px)'; }\n});\n\n\/\/ Button ripple effect\ndocument.querySelectorAll('.btn').forEach(btn => {\n btn.addEventListener('click', function(e) {\n const rect = this.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const ripple = document.createElement('span');\n ripple.style.cssText = 'position:absolute;border-radius:50%;background:rgba(255,255,255,.3);width:0;height:0;left:'+x+'px;top:'+y+'px;transform:translate(-50%,-50%);animation:ripple-out .6s ease-out forwards;pointer-events:none';\n this.appendChild(ripple);\n setTimeout(() => ripple.remove(), 600);\n });\n});\n\n\/\/ Add ripple keyframe dynamically\nconst style = document.createElement('style');\nstyle.textContent = '@keyframes ripple-out{to{width:300px;height:300px;opacity:0}}';\ndocument.head.appendChild(style);\n\n\/\/ Counter animation for pricing cards\nconst counters = document.querySelectorAll('.pricing-card .price');\nconst counterObserver = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('price-animate');\n counterObserver.unobserve(e.target);\n }\n });\n}, { threshold: 0.5 });\ncounters.forEach(c => counterObserver.observe(c));\n\n<\/script>\n<script>\n\/* Subtle parallax: background grid drifts slower than scroll *\/\n(function(){\n if (window.matchMedia('(prefers-reduced-motion:reduce)').matches) return;\n var bg = document.querySelector('.site-bg');\n if (!bg) return;\n var ticking = false, lastY = 0;\n function update(){\n \/\/ Move grid at ~0.25x scroll speed (negative => slower-than-content feel)\n var offset = Math.round(lastY * 0.25);\n bg.style.setProperty('--bg-y', offset + 'px');\n ticking = false;\n }\n window.addEventListener('scroll', function(){\n lastY = window.scrollY || window.pageYOffset;\n if (!ticking){\n window.requestAnimationFrame(update);\n ticking = true;\n }\n }, {passive:true});\n})();\n<\/script>\n\n\n\n\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IPTV Smarters Pro \u2014 Meilleure Application IPTV 2026 | Streaming HD & 4K ▶ IPTVSmarters IPTV Smarters Pro Abonnement IPTV Installation Blog Contact Abonnement IPTV Meilleure Application IPTV 2026 IPTV Smarters Pro \u2014 Meilleure Application IPTV pour Streaming Premium IPTV Smarters Pro est aujourd’hui l’une des meilleures solutions pour acc\u00e9der facilement \u00e0 des contenus TV en ligne. Cette application IPTV puissante permet de profiter de milliers de cha\u00eenes, films et s\u00e9ries en streaming via une interface intuitive et performante. Voir Nos Offres Installer l’application Live \u2022 4K Ultra HD 20 000+ Cha\u00eenes Multi-\u00e9crans 20K+Cha\u00eenes Live 4KUltra HD 99.9%Uptime 24\/7Support Pr\u00e9sentation IPTV Smarters Pro : une application compl\u00e8te pour TV, films et s\u00e9ries L’une des solutions les plus populaires pour acc\u00e9der facilement \u00e0 la t\u00e9l\u00e9vision en ligne \u2014 cha\u00eenes TV, films et s\u00e9ries en streaming via Internet, sans antenne ni abonnement classique. De plus en plus d’utilisateurs de France IPTV adoptent IPTV Smarters Pro pour remplacer les offres traditionnelles. Interface intuitive, installation simple et compatibilit\u00e9 avec la plupart des appareils via code IPTV ou Xtream Codes. Smart TV, bo\u00eetier IPTV, Android, iPhone ou PC \u2014 l’application garantit une navigation fluide et une excellente qualit\u00e9 d’image. \u2713 Milliers de cha\u00eenes TV France & international \u2713 Contenus HD, Full HD et IPTV 4K \u2713 Films r\u00e9cents et s\u00e9ries populaires \u2713 \u00c9v\u00e9nements sportifs en direct \u2713 Gestion simple via code IPTV \u2713 Exp\u00e9rience multi-\u00e9crans personnalis\u00e9e IPTV Smarters Pro s’impose comme une r\u00e9f\u00e9rence incontournable pour une solution IPTV fiable, performante et facile \u00e0 utiliser. Avantages Pourquoi choisir IPTV Smarters Pro ? IPTV Smarters Pro est l’une des meilleures applications IPTV gr\u00e2ce \u00e0 sa performance, sa simplicit\u00e9 et ses nombreuses fonctionnalit\u00e9s. Interface moderne et facile \u00e0 utiliser Une interface intuitive qui permet de naviguer facilement entre cha\u00eenes, films et s\u00e9ries, m\u00eame pour les d\u00e9butants. Lecture rapide et sans interruption Une lecture fluide avec tr\u00e8s peu de buffering pour une exp\u00e9rience de streaming agr\u00e9able. Support des formats M3U et Xtream Codes Compatible avec les formats les plus utilis\u00e9s, facilitant l’ajout et la gestion de vos abonnements IPTV. Compatible avec toutes les plateformes Disponible sur Smart TV, Android, iOS, PC et Fire Stick pour une utilisation sur tous vos appareils. Gestion multi-\u00e9crans Permet de g\u00e9rer plusieurs profils ou abonnements sur un seul appareil facilement. Contr\u00f4le parental int\u00e9gr\u00e9 Offre des options pour restreindre certains contenus et s\u00e9curiser l’acc\u00e8s pour les enfants. Qualit\u00e9 de streaming FHD et IPTV 4K Profitez de contenus en haute qualit\u00e9 avec une bonne connexion Internet. Personnalisation avanc\u00e9e Options de personnalisation pour adapter l’application \u00e0 vos pr\u00e9f\u00e9rences. Multi-plateformes Une application IPTV compatible avec tous les appareils L’un des plus grands avantages de cette IPTV application est sa compatibilit\u00e9 universelle. Vous pouvez installer IPTV Smarters Pro sur tous vos \u00e9crans pr\u00e9f\u00e9r\u00e9s. Smart TV Samsung, LG et marques compatibles. Android TV & Box Box IPTV et Android TV support\u00e9s. Android & iPhone Smartphones iOS et Android. PC Windows & Mac Tous les ordinateurs support\u00e9s. Amazon Fire Stick Installation simple et rapide. Peu importe votre appareil, les applications IPTV comme IPTV Smarters Pro garantissent une exp\u00e9rience optimis\u00e9e avec une lecture fluide et toutes les fonctionnalit\u00e9s premium accessibles partout. Mode d’emploi Comment \u00e7a marche IPTV Smarters Pro ? IPTV Smarters Pro n’est pas un fournisseur de contenu, mais un lecteur IPTV. Suivez ces 4 \u00e9tapes simples pour d\u00e9marrer. 1 T\u00e9l\u00e9chargez l’application Suivez les \u00e9tapes de t\u00e9l\u00e9chargement selon le type de votre appareil (Smart TV, mobile, PC…). 2 Ajoutez votre abonnement Entrez votre code IPTV dans l’application et connectez-vous en quelques secondes. 3 Chargez votre playlist Utilisez un lien M3U ou choisissez l’option Xtream Codes (username, password, URL). 4 Profitez du contenu Acc\u00e9dez instantan\u00e9ment \u00e0 vos cha\u00eenes, films et s\u00e9ries pr\u00e9f\u00e9r\u00e9s en haute qualit\u00e9. C’est ce qui rend les applications IPTV comme IPTV Smarters Pro si flexibles et populaires aupr\u00e8s des utilisateurs du monde entier. Comparatif IPTV Smarters Pro vs Autres Applications IPTV Voici pourquoi IPTV Smarters Pro est sup\u00e9rieur \u00e0 d’autres solutions du march\u00e9. Crit\u00e8re IPTV Smarters Pro Autres applications IPTV Interface Moderne Basique Performance Tr\u00e8s rapide Variable Compatibilit\u00e9 Tr\u00e8s large Limit\u00e9e Fonctionnalit\u00e9s Avanc\u00e9es Standard Si vous cherchez une alternative \u00e0 iptv smarter pro, IPTV Smarters Pro reste le meilleur choix. Abonnement Meilleure Exp\u00e9rience avec un Abonnement IPTV Pour exploiter pleinement IPTV Smarters Pro, il est essentiel d’avoir un bon abonnement IPTV. Un abonnement de qualit\u00e9 permet : Acc\u00e8s au contenu : cha\u00eenes TV, films, s\u00e9ries Meilleure stabilit\u00e9 de connexion Qualit\u00e9 vid\u00e9o optimale (HD \/ 4K) Moins de buffering et de coupures ✨ Combinez un bon abonnement avec l’application pour une exp\u00e9rience parfaite. ▶ +20 000 cha\u00eenes \u2713 0 buffering \u2605 VOD illimit\u00e9 Tarifs Choisissez votre abonnement IPTV Smarters Pro Des formules flexibles, sans engagement. Activation instantan\u00e9e, support 24\/7 et acc\u00e8s illimit\u00e9 \u00e0 plus de 20 000 cha\u00eenes, films et s\u00e9ries en HD, Full HD & 4K. 1 \u00c9cran 2 \u00c9crans 3 Mois 1 \u00c9cran \u00b7 Id\u00e9al pour d\u00e9marrer \u20ac 25 \/ 3 mois +20 000 cha\u00eenes TV France & Monde Films & s\u00e9ries HD \/ Full HD \/ 4K Compatible Smart TV, Box, Mobile Anti-buffering & serveur stable Support 24\/7 Choisir 3 mois 6 Mois 1 \u00c9cran \u00b7 Le bon compromis \u20ac 39 \/ 6 mois +20 000 cha\u00eenes TV mondiales Films & s\u00e9ries en 4K VOD illimit\u00e9e \u2014 Netflix, Disney+, Prime Activation instantan\u00e9e Support 24\/7 Choisir 6 mois Populaire 12 Mois 1 \u00c9cran \u00b7 Le choix de 80% de nos clients \u20ac 59 \/ 12 mois +20 000 cha\u00eenes TV mondiales Qualit\u00e9 4K Ultra HD garantie VOD & Replay illimit\u00e9s Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure Activation instantan\u00e9e Support VIP 24\/7 Choisir 12 mois 24 Mois 1 \u00c9cran \u00b7 Maximum d’\u00e9conomies \u20ac 99 \/ 24 mois Tout le contenu 4K Ultra HD +20 000 cha\u00eenes mondiales VOD & Replay illimit\u00e9s Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure Configuration offerte Support VIP prioritaire Choisir 24 mois 3 Mois 2 \u00c9crans \u00b7 Pour le foyer \u20ac 39 \/ 3 mois +20 000 cha\u00eenes TV France & Monde Films & s\u00e9ries HD \/ Full HD \/ 4K 2 connexions simultan\u00e9es Anti-buffering & serveur stable<\/p>\n","protected":false},"author":1,"featured_media":1249,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4434","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages\/4434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/comments?post=4434"}],"version-history":[{"count":94,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages\/4434\/revisions"}],"predecessor-version":[{"id":4676,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages\/4434\/revisions\/4676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/media\/1249"}],"wp:attachment":[{"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/media?parent=4434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}