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\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@700;800;900&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}\nbody{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',Arial,sans-serif;background:#06050d;color:var(--text);line-height:1.6;overflow-x:hidden;position:relative}\n\n\/* === Global centering & no-horizontal-scroll safety === *\/\nhtml,body{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}\nbody{display:block}\nsection,header,footer,main{width:100%;max-width:100vw;margin-left:auto;margin-right:auto}\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:1;transform:translateY(0);transition:opacity .75s ease,transform .75s 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}.vs-card h3 svg{width:24px;height:24px;min-width:20px;flex-shrink:0}\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:left;gap:40px}\n .hero-content p{margin-left:auto;margin-right:auto}\n .hero-buttons{justify-content:flex-start;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:.01}50%{opacity:.02}}\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,.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(167,139,250,.04) 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,.04) 1px,transparent 1px),\n linear-gradient(90deg,rgba(167,139,250,.04) 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,.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(167,139,250,.03) 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:16px;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::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:100px!important}\n\n\/* ===== TABLET ===== *\/\n@media(max-width:980px){\n .nav-floating .nav-links{\n position:absolute;top:calc(100% + 14px);left:0;right:0;\n flex-direction:column;align-items:stretch;gap:6px;\n padding:18px;border-radius:24px;\n \/* GREY GLASS dropdown *\/\n background:linear-gradient(135deg, rgba(28,28,38,.82) 0%, rgba(38,38,50,.78) 100%);\n border:1px solid rgba(255,255,255,.12);\n backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px);\n box-shadow:\n 0 24px 60px -10px rgba(0,0,0,.7),\n 0 1px 0 rgba(255,255,255,.08) inset;\n display:none;\n transform-origin:top center;\n }\n .nav-floating .nav-links.open{\n display:flex;\n animation:mobileMenuIn .35s cubic-bezier(.16,1,.3,1) both;\n }\n .nav-floating .nav-links.open li{\n animation:mobileLinkIn .4s cubic-bezier(.16,1,.3,1) both;\n }\n .nav-floating .nav-links.open li:nth-child(1){animation-delay:.05s}\n .nav-floating .nav-links.open li:nth-child(2){animation-delay:.1s}\n .nav-floating .nav-links.open li:nth-child(3){animation-delay:.15s}\n .nav-floating .nav-links.open li:nth-child(4){animation-delay:.2s}\n .nav-floating .nav-links a{\n padding:14px 18px;font-size:.95rem;text-align:left;\n background:rgba(255,255,255,.03);\n border:1px solid rgba(255,255,255,.06);\n }\n .nav-floating .nav-links a:hover{background:rgba(255,255,255,.08)}\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:90px!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:80px!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-inner{\n display:flex;flex-direction:column;align-items:flex-start;text-align:left;\n gap:28px;max-width:980px;margin:0 auto;\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(2.2rem, 5.5vw, 4.4rem);\n line-height:1.05;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:flex-start;align-items: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!important;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 text-decoration:none!important;\n}\n.hero-futuristic .btn-primary:hover,\n.hero-futuristic .btn-primary:focus,\n.hero-futuristic .btn-primary:active,\n.hero-futuristic .btn-primary:visited{\n transform:translateY(-2px);filter:brightness(1.1);\n box-shadow:0 16px 50px -10px rgba(var(--violet),.9);\n color:#fff!important;\n text-decoration:none!important;\n}\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!important;padding:14px 28px;border-radius:14px;font-weight:600;\n transition:all .25s ease;\n text-decoration:none!important;\n}\n.btn-glass:hover,.btn-glass:focus,.btn-glass:active,.btn-glass:visited{\n background:rgba(255,255,255,.1);\n border-color:rgba(var(--violet-light),.5);\n transform:translateY(-2px);\n box-shadow:0 0 30px rgba(var(--violet),.25);\n color:#fff!important;\n text-decoration:none!important;\n}\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:.2}50%{opacity:.35}}\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;max-width:500px;margin:0 auto;\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n}\n.sub-img-wrap{\n position:relative;width:100%;border-radius:20px;overflow:hidden;\n box-shadow:0 20px 60px -16px rgba(136,58,234,.4);\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@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,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(167,109,255,.02) 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:20px;align-items:stretch;max-width:1280px;margin:0 auto}\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:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,rgba(136,58,234,.25),rgba(167,109,255,.1));border:1px solid rgba(167,109,255,.35);color:rgb(216,180,254);margin-bottom:18px;box-shadow:0 8px 24px rgba(136,58,234,.25),inset 0 0 20px rgba(167,109,255,.12)}\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:1200px){\n .pricing-cards--futuristic{grid-template-columns:repeat(2,1fr);max-width:800px}\n}\n@media (max-width:640px){\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,.03) 1px,transparent 1px),\n linear-gradient(90deg,rgba(167,139,250,.03) 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-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 > img{\n width:48px;height:48px;border-radius:12px;\n object-fit:contain;flex-shrink:0;\n box-shadow:0 4px 14px -4px rgba(136,58,234,.35);\n transition:transform .4s cubic-bezier(.16,1,.3,1);\n}\n.vs-card:hover h3 > img{\n transform:scale(1.08);\n}\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\n\/* Elementor safety: force all reveal elements visible after 0.5s *\/\n@keyframes forceShow{to{opacity:1;transform:translateY(0)}}\n.reveal{animation:forceShow 0s .5s forwards}\n\n\/* Hero mobile override *\/\n@media(max-width:900px){\n #hero2col{\n grid-template-columns:1fr!important;\n gap:32px!important;\n }\n #hero2col .hero-right{\n order:1!important;\n }\n #hero2col .hero-left{\n order:0!important;\n }\n}\n\n\/* \u2550\u2550 Elementor hover override \u2014 emp\u00eache la couleur bleue sur les boutons \u2550\u2550 *\/\na:hover,\na:focus,\n.btn:hover,\n.btn:focus,\n.btn-primary:hover,\n.btn-primary:focus,\n.btn-glass:hover,\n.btn-glass:focus,\n.btn-wa:hover,\n.btn-wa:focus,\n.btn-white:hover,\n.btn-white:focus,\n.btn-outline-white:hover,\n.btn-outline-white:focus,\n.nav-cta:hover,\n.nav-cta:focus,\n.dl-btn:hover,\n.dl-btn:focus,\n.dl-card:hover,\n.dl-card:focus,\n.pcard-cta:hover,\n.pcard-cta:focus,\n.pcard-cta--primary:hover,\n.pcard-cta--primary:focus,\n.footer-col a:hover,\n.footer-col a:focus,\n.footer-social:hover,\n.footer-social:focus,\n.tag:hover,\n.tag:focus,\n.related-card:hover,\n.related-card:focus,\n.card-cta:hover,\n.card-cta:focus,\n.featured-link:hover,\n.featured-link:focus,\n.filter-btn:hover,\n.filter-btn:focus {\n color: inherit !important;\n text-decoration: none !important;\n}\n\/* Specific color overrides for each btn type *\/\n.btn-primary:hover, .btn-primary:focus { color: #fff !important; }\n.btn-glass:hover, .btn-glass:focus { color: #fff !important; }\n.btn-wa:hover, .btn-wa:focus { color: #fff !important; }\n.btn-white:hover, .btn-white:focus { color: rgb(136,58,234) !important; }\n.btn-outline-white:hover, .btn-outline-white:focus { color: #fff !important; }\n.nav-cta:hover, .nav-cta:focus { color: #fff !important; }\n.dl-btn:hover, .dl-btn:focus { color: #fff !important; }\n.footer-col a:hover, .footer-col a:focus { color: #fff !important; }\n.nav-links a:hover, .nav-links a:focus { color: #fff !important; }\n.card-cta:hover, .card-cta:focus { color: rgb(167,106,247) !important; }\n.featured-link:hover, .featured-link:focus { color: rgb(167,106,247) !important; }\n.filter-btn.active { color: #fff !important; }\n.filter-btn:hover:not(.active) { color: #fff !important; }\n.tag:hover { color: #fff !important; }\n.toc-list li a:hover, .toc-list li a:focus { color: #fff !important; }\n.toc-list li a.active { color: rgb(167,106,247) !important; }\n\n\/* \u2550\u2550 ANTI-ELEMENTOR : force couleur blanche sur tous les boutons & liens \u2550\u2550 *\/\na.btn, a.btn:hover, a.btn:focus, a.btn:active, a.btn:visited,\n.btn, .btn:hover, .btn:focus, .btn:active,\n.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited,\n.btn-glass, .btn-glass:hover, .btn-glass:focus, .btn-glass:active, .btn-glass:visited,\n.btn-wa, .btn-wa:hover, .btn-wa:focus,\n.nav-cta, .nav-cta:hover, .nav-cta:focus, .nav-cta:visited,\n.hero-futuristic a.btn, .hero-futuristic a.btn:hover, .hero-futuristic a.btn:visited {\n color: #fff !important;\n text-decoration: none !important;\n}\n.btn-white, .btn-white:hover, .btn-white:focus { color: rgb(136,58,234) !important; }\n\n\/* \u2550\u2550 HERO 2 COLONNES \u2550\u2550 *\/\n.hero-futuristic{\n position:relative;isolation:isolate;\n padding:130px 0 80px;\n min-height:100vh;\n display:flex;align-items:center;\n}\n.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}\n.hero-grid{\n position:absolute;inset:0;\n background-image:linear-gradient(rgba(167,139,250,.03) 1px,transparent 1px),\n linear-gradient(90deg,rgba(167,139,250,.03) 1px,transparent 1px);\n background-size:54px 54px;\n mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000 30%,transparent 80%);\n -webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000 30%,transparent 80%);\n}\n.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}\n.hero-glow-1{width:600px;height:600px;top:-20%;left:-10%;background:rgba(136,58,234,.18)}\n.hero-glow-2{width:500px;height:500px;bottom:-20%;right:-10%;background:rgba(120,80,255,.14)}\n\n.hero-2col{\n position:relative;z-index:2;\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:40px;\n align-items:center;\n}\n.hero-left{display:flex;flex-direction:column;gap:24px}\n.hero-badge{\n display:inline-flex;align-items:center;gap:8px;\n padding:8px 18px;border-radius:999px;\n background:rgba(255,255,255,.07);\n border:1px solid rgba(167,139,250,.25);\n color:rgba(255,255,255,.85);font-size:.82rem;font-weight:600;\n width:fit-content;\n}\n.badge-dot{\n width:7px;height:7px;border-radius:50%;\n background:#22c55e;box-shadow:0 0 10px #22c55e;\n animation:pulseDot 1.8s ease-in-out infinite;flex-shrink:0;\n}\n.hero-title{\n font-family:'Outfit',ui-rounded,-apple-system,'Segoe UI','Arial Black',Arial,sans-serif!important;\n font-weight:900!important;\n font-size:clamp(1.9rem,3.5vw,3rem);\n color:#fff;line-height:1.1;letter-spacing:-.02em;\n}\n.hero-desc{\n font-size:clamp(.95rem,1.5vw,1.05rem);\n color:rgba(255,255,255,.72);line-height:1.75;\n}\n.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-start;align-items:center}\n\n\/* \u2500\u2500 SHOWCASE RIGHT \u2500\u2500 *\/\n.hero-right{display:flex;align-items:center;justify-content:center;width:100%}\n.hero-showcase-wrap{\n position:relative;width:100%;max-width:100%;\n}\n.showcase-frame-2col{\n border-radius:20px;overflow:visible;\n border:1px solid rgba(167,139,250,.25);\n box-shadow:0 24px 70px -16px rgba(136,58,234,.45),0 0 0 1px rgba(255,255,255,.05) inset;\n background:transparent;\n}\n.showcase-img-2col{\n width:100%;height:auto;\n object-fit:contain;display:block;\n border-radius:16px;\n}\n\/* Floating chips *\/\n.showcase-float-chip{\n position:absolute;\n display:inline-flex;align-items:center;gap:7px;\n padding:8px 16px;border-radius:999px;\n font-size:.8rem;font-weight:600;color:#fff;\n backdrop-filter:blur(14px);\n border:1px solid rgba(255,255,255,.15);\n background:rgba(15,10,30,.75);\n white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.35);\n animation:floatChip 5s ease-in-out infinite;\n}\n@keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n.chip-live{\n top:16px;left:-16px;\n animation-delay:0s;\n border-color:rgba(34,197,94,.4);\n}\n.chip-live-dot{\n width:8px;height:8px;border-radius:50%;\n background:#22c55e;box-shadow:0 0 10px #22c55e;\n animation:pulseDot 1.5s ease-in-out infinite;flex-shrink:0;\n}\n.chip-screens{\n bottom:24px;left:-20px;\n animation-delay:1.5s;\n border-color:rgba(167,139,250,.4);\n}\n.chip-channels{\n top:50%;right:-24px;transform:translateY(-50%);\n animation-delay:.8s;\n border-color:rgba(167,139,250,.4);\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:900px){\n .hero-2col{grid-template-columns:1fr;gap:40px}\n .hero-right{order:-1}\n .showcase-img-2col{max-height:none}\n .chip-live{left:0}\n .chip-screens{left:0}\n .chip-channels{right:0}\n}\n@media(max-width:600px){\n .hero-futuristic{padding:110px 0 60px}\n .hero-title{font-size:clamp(1.7rem,6vw,2.4rem)}\n .showcase-float-chip{font-size:.72rem;padding:6px 12px}\n}\n\n\/* Pcard secure badge *\/\n.pcard-secure{\n display:flex;align-items:center;justify-content:center;gap:5px;\n font-size:.75rem;color:rgba(255,255,255,.45);margin-top:10px;\n font-family:inherit;\n}\n.pcard-secure svg{opacity:.5;flex-shrink:0}\n\n\n\/* Titres \u2014 Outfit Display Bold *\/\nh1, h2, h3, h4, h5, h6,\n.hero-title, .section-title, .pres-head h2,\n.ava-header h2, .compat-head h2, .howto-head h2,\n.cu-title, .pcard h3, .vs-card h3,\n.dl-card h4, .step h3, .faq-q,\n.footer-logo, .nav-logo {\n font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;\n font-weight: 800 !important;\n letter-spacing: -0.01em !important;\n}\n\n\/* Body text \u2014 Inter Regular *\/\np, li, .hero-desc, .pcard-sub, .pcard-features li,\n.ava-card p, .step p, .vs-card li, .dl-card p,\n.faq-a p, .footer-col a, .footer-tagline {\n font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;\n font-weight: 400 !important;\n line-height: 1.7 !important;\n}\n\n\/* Boutons \u2014 Inter SemiBold *\/\n.btn, .pcard-cta, .nav-cta, .dl-btn {\n font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;\n font-weight: 700 !important;\n}\n\n\/* Section labels (AVANTAGES, COMPATIBILIT\u00c9...) *\/\n.section-label, .ava-label, .compat-label, .howto-label,\n.pres-label, .pcard-badge {\n font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;\n font-weight: 700 !important;\n letter-spacing: 0.12em !important;\n text-transform: uppercase !important;\n}\n\n\n\/* Compat card guide link *\/\n.compat-guide-link{\n display:inline-flex;align-items:center;gap:5px;\n margin-top:12px;\n font-size:.8rem;font-weight:600;\n color:rgb(var(--violet-light));\n text-decoration:none;\n transition:gap .2s ease, color .2s ease;\n border-bottom:1px solid rgba(var(--violet-light),.25);\n padding-bottom:1px;\n}\n.compat-guide-link:hover,\n.compat-guide-link:focus{\n gap:8px;\n color:#fff!important;\n border-bottom-color:rgba(255,255,255,.4);\n text-decoration:none!important;\n}\n.compat-guide-link svg{\n transition:transform .2s ease;flex-shrink:0;\n}\n.compat-guide-link:hover svg{\n transform:translateX(3px);\n}\n\n\/* \u2550\u2550 PRICING TOGGLE \u2550\u2550 *\/\n.pricing-toggle{\n display:inline-flex;align-items:center;gap:4px;\n margin-top:28px;\n padding:5px;border-radius:999px;\n background:rgba(255,255,255,.06);\n border:1px solid rgba(167,139,250,.2);\n}\n.ptoggle-btn{\n display:inline-flex;align-items:center;gap:7px;\n padding:10px 22px;border-radius:999px;\n font-size:.9rem;font-weight:600;\n cursor:pointer;border:none;\n background:transparent;color:rgba(255,255,255,.55);\n transition:all .3s cubic-bezier(.16,1,.3,1);\n font-family:inherit;\n}\n.ptoggle-btn:hover{color:#fff}\n.ptoggle-btn.ptoggle-active{\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,106,247));\n color:#fff;\n box-shadow:0 4px 20px -6px rgba(136,58,234,.7);\n}\n\n\/* \u2550\u2550 OFFRE PERSONNALIS\u00c9E \u2550\u2550 *\/\n.pricing-custom{margin-top:40px}\n.pricing-custom-inner{\n display:flex;align-items:center;justify-content:center;gap:12px;\n padding:20px 32px;border-radius:16px;\n background:rgba(167,139,250,.06);\n border:1px solid rgba(167,139,250,.2);\n max-width:700px;margin:0 auto;\n flex-wrap:wrap;text-align:center;\n}\n.pricing-custom-inner svg{color:rgb(167,139,250);flex-shrink:0}\n.pricing-custom-inner p{\n color:rgba(255,255,255,.75);font-size:.95rem;line-height:1.6;margin:0;\n}\n.pricing-custom-link{\n color:rgb(167,139,250)!important;font-weight:700;\n text-decoration:none;border-bottom:1px solid rgba(167,139,250,.4);\n transition:color .2s,border-color .2s;\n}\n.pricing-custom-link:hover{color:#fff!important;border-bottom-color:#fff}\n\n\/* \u2550\u2550 SECTION ABONNEMENT \u2014 nouvelle structure \u2550\u2550 *\/\n.subscription-best{padding:100px 0;position:relative}\n\n\/* Header *\/\n.sub-header{max-width:760px;margin:0 0 52px}\n.sub-header .section-label{margin-bottom:12px;display:inline-block}\n.sub-header h2{font-size:clamp(1.8rem,3.5vw,2.8rem);color:#fff;line-height:1.15;margin-bottom:14px}\n.sub-lead{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.75}\n\n\/* 2-col grid *\/\n.sub-grid-new{\n display:grid;grid-template-columns:1fr 1fr;\n gap:36px;align-items:start;\n}\n\n\/* LEFT card *\/\n.sub-left-card{\n background:rgba(255,255,255,.04);\n border:1px solid rgba(167,139,250,.18);\n border-radius:20px;padding:32px;\n}\n.sub-left-title{font-size:1.2rem;color:#fff;margin-bottom:10px;line-height:1.3}\n.sub-left-desc{color:rgba(255,255,255,.65);font-size:.9rem;line-height:1.7;margin-bottom:24px}\n\n\/* Checklist *\/\n.sub-checklist{list-style:none;padding:0;display:flex;flex-direction:column;gap:14px}\n.sub-checklist li{\n display:flex;align-items:flex-start;gap:12px;\n padding:14px 16px;border-radius:12px;\n background:rgba(255,255,255,.04);\n border:1px solid rgba(167,139,250,.12);\n font-size:.88rem;color:rgba(255,255,255,.8);line-height:1.55;\n}\n.sub-checklist li strong{color:#fff;display:block;margin-bottom:2px}\n.sub-check-icon{\n width:26px;height:26px;border-radius:8px;flex-shrink:0;\n background:rgba(136,58,234,.15);border:1px solid rgba(167,139,250,.3);\n display:flex;align-items:center;justify-content:center;margin-top:1px;\n color:rgb(167,139,250);\n}\n\n\/* Tip *\/\n.sub-tip{\n margin-top:20px;padding:14px 18px;border-radius:12px;\n background:rgba(136,58,234,.08);border:1px solid rgba(167,139,250,.2);\n border-left:3px solid rgb(167,139,250);\n font-size:.85rem;color:rgba(255,255,255,.65);line-height:1.6;\n}\n\n\/* RIGHT: 2x2 mini cards *\/\n.sub-cards-grid{\n display:grid;grid-template-columns:1fr 1fr;gap:16px;\n}\n.sub-mini-card{\n background:rgba(255,255,255,.04);\n border:1px solid rgba(167,139,250,.15);\n border-radius:16px;padding:22px 20px;\n display:flex;flex-direction:column;gap:8px;\n transition:border-color .3s,background .3s,transform .3s;\n}\n.sub-mini-card:hover{\n border-color:rgba(167,139,250,.4);\n background:rgba(136,58,234,.08);\n transform:translateY(-4px);\n}\n.sub-mini-icon{\n width:40px;height:40px;border-radius:12px;\n background:rgba(136,58,234,.12);\n border:1px solid rgba(167,139,250,.22);\n display:flex;align-items:center;justify-content:center;\n color:rgb(167,139,250);margin-bottom:4px;\n}\n.sub-mini-card h4{font-size:.95rem;color:#fff;line-height:1.3}\n.sub-mini-card p{font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.6;flex:1}\n.sub-mini-tag{\n font-size:.78rem;font-weight:700;\n color:rgb(167,139,250);\n margin-top:4px;\n}\n\n@media(max-width:900px){\n .sub-grid-new{grid-template-columns:1fr}\n .sub-cards-grid{grid-template-columns:1fr 1fr}\n}\n@media(max-width:500px){\n .sub-cards-grid{grid-template-columns:1fr}\n}\n\n\n\n\/* \u2550\u2550 Footer contact band \u2014 fix complet \u2550\u2550 *\/\n.footer-contact-band{\n padding:20px 0 0;\n border-bottom:1px solid rgba(167,139,250,.14);\n}\n.footer-contact-title{\n display:flex;align-items:center;gap:10px;\n font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n color:rgba(255,255,255,.55);margin-bottom:16px;\n}\n.footer-contact-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;flex-shrink:0;\n}\n.footer-contact-cards{\n display:grid;grid-template-columns:repeat(2,1fr);gap:14px;\n margin-bottom:28px;\n}\n.footer-contact-card{\n display:flex;align-items:center;gap:16px;\n padding:16px 20px;border-radius:16px;text-decoration:none;\n border:1px solid rgba(255,255,255,.08);\n transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;\n}\n.footer-contact-card:hover{\n transform:translateY(-3px);\n border-color:rgba(167,139,250,.35);\n color:#fff!important;\n}\n.footer-contact-wa{background:linear-gradient(135deg,rgba(37,211,102,.1),rgba(37,211,102,.04))}\n.footer-contact-wa:hover{box-shadow:0 12px 32px -10px rgba(37,211,102,.3)}\n.footer-contact-email{background:linear-gradient(135deg,rgba(136,58,234,.12),rgba(136,58,234,.04))}\n.footer-contact-email:hover{box-shadow:0 12px 32px -10px rgba(136,58,234,.35)}\n\n.fcc-icon{\n width:52px!important;height:52px!important;min-width:52px!important;flex-shrink:0!important;\n border-radius:14px!important;\n display:flex!important;align-items:center!important;justify-content:center!important;\n}\n.footer-contact-wa .fcc-icon{\n background:linear-gradient(135deg,#25d366,#128c7e)!important;\n box-shadow:0 6px 18px -6px rgba(37,211,102,.5)!important;\n color:#fff!important;\n}\n.footer-contact-email .fcc-icon{\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,106,247))!important;\n box-shadow:0 6px 18px -6px rgba(136,58,234,.5)!important;\n color:#fff!important;\n}\n.fcc-icon svg{\n width:24px!important;height:24px!important;flex-shrink:0!important;\n}\n.footer-contact-wa .fcc-icon svg{\n fill:#fff!important;stroke:none!important;\n}\n.footer-contact-email .fcc-icon svg{\n stroke:#fff!important;fill:none!important;\n}\n.fcc-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}\n.fcc-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}\n.fcc-value{font-size:.95rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.fcc-badge{\n flex-shrink:0;padding:5px 12px;border-radius:100px;font-size:.72rem;font-weight:700;\n white-space:nowrap;\n}\n.footer-contact-wa .fcc-badge{background:rgba(37,211,102,.15);border:1px solid rgba(37,211,102,.35);color:#4ade80}\n.footer-contact-email .fcc-badge{background:rgba(136,58,234,.15);border:1px solid rgba(136,58,234,.35);color:#c4b5fd}\n@media(max-width:640px){\n .footer-contact-cards{grid-template-columns:1fr}\n .footer-contact-card{padding:14px 16px}\n .fcc-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:12px!important}\n .fcc-icon svg{width:22px!important;height:22px!important}\n .fcc-value{font-size:.88rem}\n}\n\n\/* \u2550\u2550 Nav link active state \u2550\u2550 *\/\n.nav-floating .nav-links a.active{\n color:#fff!important;\n}\n.nav-floating .nav-links a.active::before{\n opacity:1!important;\n transform:scale(1)!important;\n}\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<nav id=\"navbar\" class=\"nav-floating\">\n <div class=\"nav-shell\">\n <a href=\"\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/05\/nouveau-logo-smarters-pro-officiel-e1780071757757.webp\" alt=\"IPTV Smarters Pro\" style=\"height:58px;width:auto;display:block;object-fit:contain;\" loading=\"eager\"\/><\/a>\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a href=\"\/\" class=\"active\">IPTV Smarters Pro<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/abonnement-iptv-2026\/\">Abonnement IPTV<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/our-app\/\">Installation<\/a><\/li>\n <li><a href=\"\/blog\">Blog<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <div class=\"nav-actions\">\n <a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/abonnement-iptv-2026\/\" 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>\n <div class=\"container hero-2col\" id=\"hero2col\" style=\"display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px!important;align-items:center!important;width:100%!important;max-width:1200px!important;margin:0 auto!important;\">\n\n \n <div class=\"hero-left reveal\" style=\"display:flex!important;flex-direction:column!important;gap:24px!important;min-width:0!important;\">\n <div class=\"hero-badge\">\n <span class=\"badge-dot\"><\/span>\n <span>Meilleure Application IPTV 2026<\/span>\n <\/div>\n <h1 class=\"hero-title\">\n <span class=\"text-gradient\"> IPTV Smarters Pro<\/span> \u2014 Meilleure Application IPTV en 2026\n <\/h1>\n <p class=\"hero-desc\">\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\">\n <a href=\"#offres\" class=\"btn btn-primary\">Voir Nos Offres<\/a>\n <a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/our-app\/\" class=\"btn btn-glass\">Installer l'application<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-right reveal rd1\" style=\"display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;\">\n <div class=\"hero-showcase-wrap\" style=\"position:relative!important;width:100%!important;max-width:100%!important;\">\n \n <div class=\"showcase-float-chip chip-live\">\n <span class=\"chip-live-dot\"><\/span>\n Live \u2022 4K Ultra HD\n <\/div>\n \n <div class=\"showcase-frame-2col\" style=\"width:100%!important;overflow:visible!important;border-radius:20px!important;\">\n <img decoding=\"async\"\n src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/03\/Design-sans-titre-3.png\"\n alt=\"IPTV Smarters Pro \u2014 Application de streaming sur TV, mobile et PC\"\n class=\"showcase-img-2col\"\n loading=\"eager\"\n style=\"width:100%!important;height:auto!important;display:block!important;object-fit:contain!important;border-radius:16px!important;max-width:100%!important;\"\n \/>\n <\/div>\n \n <div class=\"showcase-float-chip chip-screens\">Multi-\u00e9crans<\/div>\n \n <div class=\"showcase-float-chip chip-channels\">20 000+ Cha\u00eenes<\/div>\n <\/div>\n <\/div>\n\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 decoding=\"async\" src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/04\/iptv-smarters-pro-5-appareils-.webp\"\n alt=\"IPTV Smarters Pro sur 5 appareils \u2014 Smart TV, t\u00e9l\u00e9phone, PC, tablette\"\n loading=\"lazy\"\n class=\"pres-visual-img\"\n style=\"width:100%;height:auto;border-radius:16px;display:block;\"\n onerror=\"this.onerror=null\" \/>\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 <a href=\"\/installation#smart-tv\" class=\"compat-guide-link\">Voir le guide d'installation <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg><\/a>\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 <a href=\"\/installation#android-tv\" class=\"compat-guide-link\">Voir le guide d'installation <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg><\/a>\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 <a href=\"\/installation#android\" class=\"compat-guide-link\">Voir le guide d'installation <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg><\/a>\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 <a href=\"\/installation#windows\" class=\"compat-guide-link\">Voir le guide d'installation <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg><\/a>\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 <a href=\"\/installation#firestick\" class=\"compat-guide-link\">Voir le guide d'installation <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg><\/a>\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\n \n <div class=\"sub-header reveal\">\n <span class=\"section-label\">Performance & Stabilit\u00e9<\/span>\n <h2>Meilleure Exp\u00e9rience avec un <span class=\"text-gradient\">Abonnement IPTV<\/span><\/h2>\n <p class=\"sub-lead\">Pour exploiter pleinement IPTV Smarters Pro, il est essentiel d'avoir un bon abonnement IPTV. Une bonne application devient encore plus performante quand la qualit\u00e9 du flux suit.<\/p>\n <\/div>\n\n \n <div class=\"sub-grid-new\">\n\n \n <div class=\"sub-left reveal\">\n <div class=\"sub-left-card\">\n <h3 class=\"sub-left-title\">Un bon abonnement transforme l'exp\u00e9rience<\/h3>\n <p class=\"sub-left-desc\">Avec une source stable et bien configur\u00e9e, l'application affiche tout son potentiel sur la fluidit\u00e9, la qualit\u00e9 d'image et la continuit\u00e9 de lecture.<\/p>\n\n <ul class=\"sub-checklist\">\n <li>\n <span class=\"sub-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n <div><strong>Acc\u00e8s au contenu<\/strong><br>Cha\u00eenes TV, films et s\u00e9ries disponibles dans une seule interface.<\/div>\n <\/li>\n <li>\n <span class=\"sub-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n <div><strong>Meilleure stabilit\u00e9<\/strong><br>Lecture plus fluide avec moins de coupures et une navigation plus confortable.<\/div>\n <\/li>\n <li>\n <span class=\"sub-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n <div><strong>Qualit\u00e9 vid\u00e9o optimale<\/strong><br>Rendu plus net sur TV, box Android, smartphone ou ordinateur.<\/div>\n <\/li>\n <li>\n <span class=\"sub-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n <div><strong>Moins de buffering<\/strong><br>Une exp\u00e9rience plus continue, surtout pendant les contenus en direct.<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"sub-tip\">Combinez un bon abonnement avec l'application pour une exp\u00e9rience parfaite.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"sub-right reveal rd1\">\n <div class=\"sub-cards-grid\">\n\n <div class=\"sub-mini-card\">\n <div class=\"sub-mini-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n <\/div>\n <h4>Couverture compl\u00e8te<\/h4>\n <p>Un abonnement fiable ouvre l'acc\u00e8s \u00e0 plus de contenus sans friction.<\/p>\n <span class=\"sub-mini-tag\">TV \u00b7 Films \u00b7 S\u00e9ries<\/span>\n <\/div>\n\n <div class=\"sub-mini-card\">\n <div class=\"sub-mini-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n <\/div>\n <h4>Lecture plus stable<\/h4>\n <p>Quand la source est bonne, l'app devient plus fluide et plus agr\u00e9able.<\/p>\n <span class=\"sub-mini-tag\">Moins de buffering<\/span>\n <\/div>\n\n <div class=\"sub-mini-card\">\n <div class=\"sub-mini-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><rect x=\"9\" y=\"7\" width=\"6\" height=\"7\" rx=\"1\"\/><\/svg>\n <\/div>\n <h4>Qualit\u00e9 optimis\u00e9e<\/h4>\n <p>Le rendu vid\u00e9o reste plus propre sur les grands \u00e9crans et box TV.<\/p>\n <span class=\"sub-mini-tag\">Image plus nette<\/span>\n <\/div>\n\n <div class=\"sub-mini-card\">\n <div class=\"sub-mini-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/div>\n <h4>Exp\u00e9rience compl\u00e8te<\/h4>\n <p>Association id\u00e9ale entre application performante et source IPTV de qualit\u00e9.<\/p>\n <span class=\"sub-mini-tag\">Confort premium<\/span>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"offres\" 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\n \n <div class=\"pricing-toggle reveal\">\n <button class=\"ptoggle-btn ptoggle-active\" id=\"btnSingle\" onclick=\"switchPlan('single')\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg>\n \u00c9cran unique\n <\/button>\n <button class=\"ptoggle-btn\" id=\"btnMulti\" onclick=\"switchPlan('multi')\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><rect x=\"14\" y=\"9\" width=\"6\" height=\"9\" rx=\"1\"\/><\/svg>\n Multi-\u00e9crans\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"pricing-cards pricing-cards--futuristic\" id=\"plansSingle\">\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 <h3>3 Mois<\/h3>\n <p class=\"pcard-sub\">D\u00e9couvrez la qualit\u00e9 Smarters Pro<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">22<\/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 en HD \/ Full HD<\/li>\n <li>Compatible Smart TV, Box, Mobile<\/li>\n <li>Anti-buffering & serveur stable<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Support 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%223%20Mois%20-%2022%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" 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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n \n <article class=\"pcard pcard--featured reveal reveal-delay-1\">\n <div class=\"pcard-badge\"><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>Populaire<\/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 <h3>6 Mois<\/h3>\n <p class=\"pcard-sub\">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\">39<\/span>\n <span class=\"pcard-period\">\/ 6 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>+20 000 cha\u00eenes<\/strong> TV mondiales<\/li>\n <li>Films & s\u00e9ries en HD, Full HD & <strong>4K<\/strong><\/li>\n <li>VOD illimit\u00e9e \u2014 films & s\u00e9ries<\/li>\n <li>Compatible tous appareils<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives beIN, RMC Sport<\/li>\n <li>Activation <strong>instantan\u00e9e<\/strong><\/li>\n <li>Support prioritaire 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%226%20Mois%20-%2039%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta pcard-cta--primary\">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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-2\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <h3>12 Mois<\/h3>\n <p class=\"pcard-sub\">La meilleure valeur de l'ann\u00e9e<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">49<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong> garantie<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Compatible tous appareils<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Support VIP 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%2212%20Mois%20-%2049%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta\">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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\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 <h3>24 Mois<\/h3>\n <p class=\"pcard-sub\">Profitez 2 ans sans souci<\/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\">\/ 24 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong> garantie<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Compatible tous appareils<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Configuration offerte<\/li>\n <li>Support VIP & assistance d\u00e9di\u00e9e 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%2224%20Mois%20-%2089%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" 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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n <\/div>\n\n \n <div class=\"pricing-cards pricing-cards--futuristic\" id=\"plansMulti\" style=\"display:none\">\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 <h3>2 \u00c9crans<\/h3>\n <p class=\"pcard-sub\">12 mois \u00b7 2 appareils simultan\u00e9s<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">79<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>2 appareils en simultan\u00e9<\/li>\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong><\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Support 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%222%20%C3%89crans%20-%2079%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta\">Choisir 2 \u00e9crans\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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n \n <article class=\"pcard pcard--featured reveal reveal-delay-1\">\n <div class=\"pcard-badge\"><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>Populaire<\/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 <h3>3 \u00c9crans<\/h3>\n <p class=\"pcard-sub\">12 mois \u00b7 3 appareils simultan\u00e9s<\/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\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>3 appareils<\/strong> en simultan\u00e9<\/li>\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong><\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Activation <strong>instantan\u00e9e<\/strong><\/li>\n <li>Support prioritaire 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%223%20%C3%89crans%20-%2099%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta pcard-cta--primary\">Choisir 3 \u00e9crans\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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-2\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <h3>4 \u00c9crans<\/h3>\n <p class=\"pcard-sub\">12 mois \u00b7 4 appareils simultan\u00e9s<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">120<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>4 appareils<\/strong> en simultan\u00e9<\/li>\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong><\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Support VIP 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%224%20%C3%89crans%20-%20120%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta\">Choisir 4 \u00e9crans\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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\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 <h3>5 \u00c9crans<\/h3>\n <p class=\"pcard-sub\">12 mois \u00b7 5 appareils simultan\u00e9s<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">130<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>5 appareils<\/strong> en simultan\u00e9<\/li>\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong><\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Configuration offerte<\/li>\n <li>Support VIP & assistance d\u00e9di\u00e9e 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%225%20%C3%89crans%20-%20130%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta\">Choisir 5 \u00e9crans\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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n <\/div>\n\n \n <div class=\"pricing-custom reveal\">\n <div class=\"pricing-custom-inner\">\n <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=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n <p>Vous avez besoin d'une <strong>offre personnalis\u00e9e<\/strong> (nombre d'\u00e9crans, dur\u00e9e) ? <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%2C%20je%20souhaite%20une%20offre%20IPTV%20personnalis%C3%A9e.%20Pouvez-vous%20m%27aider%20%3F\" target=\"_blank\" rel=\"noopener\" class=\"pricing-custom-link\">Contactez-nous sur WhatsApp<\/a><\/p>\n <\/div>\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<\/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=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/05\/iptv-smarters-pro-logo-png.webp\" alt=\"IPTV Smarters Pro\" style=\"width:48px;height:48px;object-fit:contain;border-radius:10px;flex-shrink:0;\" \/>\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=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/05\/smarters-pro-logo.webp\" alt=\"Smarters Pro\" style=\"width:48px;height:48px;object-fit:contain;border-radius:10px;flex-shrink:0;\" \/>\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\" style=\"color:rgb(136,58,234)!important;background:#fff!important;font-weight:700!important;padding:14px 36px!important;border-radius:999px!important;font-size:1rem!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:8px!important;\">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-contact-band\">\n <div class=\"footer-contact-title\"><span class=\"footer-contact-dot\"><\/span>Contactez-nous \u2014 Support disponible 24h\/24, 7j\/7<\/div>\n <div class=\"footer-contact-cards\">\n <a href=\"https:\/\/wa.me\/447575858113\" target=\"_blank\" rel=\"noopener\" class=\"footer-contact-card footer-contact-wa\">\n <div class=\"fcc-icon\"><svg viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/><\/svg><\/div>\n <div class=\"fcc-text\"><span class=\"fcc-label\">WhatsApp<\/span><span class=\"fcc-value\">+44 7575 858113<\/span><\/div>\n <span class=\"fcc-badge\">En ligne<\/span>\n <\/a>\n <a href=\"mailto:smartersofficial2024@gmail.com\" class=\"footer-contact-card footer-contact-email\">\n <div class=\"fcc-icon\"><svg viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg><\/div>\n <div class=\"fcc-text\"><span class=\"fcc-label\">Email<\/span><span class=\"fcc-value\">smartersofficial2024@gmail.com<\/span><\/div>\n <span class=\"fcc-badge\">R\u00e9ponse < 1h<\/span>\n <\/a>\n \n <\/div>\n <\/div>\n <div class=\"footer-top\">\n <div class=\"footer-brand-block\">\n <a href=\"\/\" class=\"footer-logo\"><img decoding=\"async\" src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/05\/nouveau-logo-smarters-pro-officiel-e1780071757757.webp\" alt=\"IPTV Smarters Pro\" style=\"height:65px;width:auto;display:block;object-fit:contain;\" loading=\"lazy\"\/><\/a>\n <p class=\"footer-tagline\">Le meilleur abonnement IPTV en France. Contenu illimit\u00e9, qualit\u00e9 4K premium, disponible sur tous vos appareils.<\/p>\n\n \n <div class=\"footer-payments\" aria-label=\"M\u00e9thodes de paiement accept\u00e9es\">\n \n <span class=\"footer-pay-badge\" title=\"Visa\">\n <svg viewBox=\"0 0 48 32\" width=\"44\" height=\"28\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"48\" height=\"32\" rx=\"5\" fill=\"#1A1F71\"\/>\n <text x=\"6\" y=\"22\" font-family=\"Arial,sans-serif\" font-size=\"13\" font-weight=\"bold\" fill=\"#fff\" letter-spacing=\"1\">VISA<\/text>\n <\/svg>\n <\/span>\n \n <span class=\"footer-pay-badge\" title=\"Mastercard\">\n <svg viewBox=\"0 0 48 32\" width=\"44\" height=\"28\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"48\" height=\"32\" rx=\"5\" fill=\"#252525\"\/>\n <circle cx=\"18\" cy=\"16\" r=\"9\" fill=\"#EB001B\"\/>\n <circle cx=\"30\" cy=\"16\" r=\"9\" fill=\"#F79E1B\"\/>\n <path d=\"M24 9.3a9 9 0 0 1 0 13.4A9 9 0 0 1 24 9.3z\" fill=\"#FF5F00\"\/>\n <\/svg>\n <\/span>\n \n <span class=\"footer-pay-badge\" title=\"PayPal\">\n <svg viewBox=\"0 0 48 32\" width=\"44\" height=\"28\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"48\" height=\"32\" rx=\"5\" fill=\"#003087\"\/>\n <text x=\"5\" y=\"22\" font-family=\"Arial,sans-serif\" font-size=\"11\" font-weight=\"bold\" fill=\"#009cde\">Pay<\/text>\n <text x=\"22\" y=\"22\" font-family=\"Arial,sans-serif\" font-size=\"11\" font-weight=\"bold\" fill=\"#fff\">Pal<\/text>\n <\/svg>\n <\/span>\n \n <span class=\"footer-pay-badge\" title=\"Crypto\">\n <svg viewBox=\"0 0 48 32\" width=\"44\" height=\"28\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"48\" height=\"32\" rx=\"5\" fill=\"#1a1a2e\"\/>\n <circle cx=\"20\" cy=\"16\" r=\"9\" fill=\"#F7931A\"\/>\n <text x=\"14\" y=\"20\" font-family=\"Arial,sans-serif\" font-size=\"11\" font-weight=\"bold\" fill=\"#fff\">\u20bf<\/text>\n <text x=\"32\" y=\"20\" font-family=\"Arial,sans-serif\" font-size=\"8\" font-weight=\"bold\" fill=\"rgba(255,255,255,.7)\">+<\/text>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important\">Abonnements<\/h4>\n <ul>\n <li><a href=\"#tarifs\">3 Mois \u2014 22\u20ac<\/a><\/li>\n <li><a href=\"#tarifs\">6 Mois \u2014 39\u20ac<\/a><\/li>\n <li><a href=\"#tarifs\">12 Mois \u2014 49\u20ac<\/a><\/li>\n <li><a href=\"#tarifs\">24 Mois \u2014 89\u20ac<\/a><\/li>\n <li><a href=\"#test-gratuit\">Test Gratuit<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important\">Service<\/h4>\n <ul>\n <li><a href=\"#france-iptv\">IPTV France<\/a><\/li>\n <li><a href=\"#applications\">Applications<\/a><\/li>\n <li><a href=\"#fonctionnement\">Installation<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <li><a href=\"\/blog\">Blog<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important\">L\u00e9gal<\/h4>\n <ul>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/politique-de-confidentialite\/\" target=\"_blank\" rel=\"noopener\">Politique de confidentialit\u00e9<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/politique-de-remboursement\/\" target=\"_blank\" rel=\"noopener\">Politique de remboursement<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/conditions-generales\/\" target=\"_blank\" rel=\"noopener\">CGU \u2014 CGV<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/mentions-legales\/\" target=\"_blank\" rel=\"noopener\">Mentions l\u00e9gales<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom-bar\">\n <span class=\"footer-status\"><span class=\"footer-status-dot\"><\/span> Tous les serveurs op\u00e9rationnels<\/span>\n <span>\u00a9 2026 IPTV Smarters Pro. Tous droits r\u00e9serv\u00e9s. \u2014 Meilleur abonnement IPTV France<\/span>\n <span style=\"display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.55)\">Fait avec <span style=\"display:inline-flex;align-items:center;vertical-align:middle;margin-right:4px\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#c4b5fd\" stroke=\"none\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.8 1-1a5.5 5.5 0 0 0 0-7.6z\"\/><\/svg><\/span>\ufe0f 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');\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<script>\n\/* Elementor \/ iframe fallback \u2014 force reveal visible if observer never fires *\/\n(function(){\n function forceReveal(){\n document.querySelectorAll('.reveal').forEach(function(el){\n el.classList.add('visible');\n });\n }\n \/\/ Fire immediately + after short delays to catch Elementor re-renders\n forceReveal();\n setTimeout(forceReveal, 100);\n setTimeout(forceReveal, 500);\n setTimeout(forceReveal, 1500);\n \/\/ Also on DOMContentLoaded and load\n document.addEventListener('DOMContentLoaded', forceReveal);\n window.addEventListener('load', forceReveal);\n\n \/\/ Hero responsive: switch to 1 column on mobile\n function heroResponsive(){\n var grid = document.getElementById('hero2col');\n if(!grid) return;\n if(window.innerWidth <= 900){\n grid.style.setProperty('grid-template-columns','1fr','important');\n grid.style.setProperty('gap','32px','important');\n \/\/ Image goes BELOW on mobile (after text+buttons)\n var right = grid.querySelector('.hero-right');\n if(right) right.style.setProperty('order','1','important');\n } else {\n grid.style.setProperty('grid-template-columns','1fr 1fr','important');\n grid.style.setProperty('gap','40px','important');\n var right = grid.querySelector('.hero-right');\n if(right) right.style.removeProperty('order');\n }\n }\n heroResponsive();\n window.addEventListener('resize', heroResponsive);\n document.addEventListener('DOMContentLoaded', heroResponsive);\n window.addEventListener('load', heroResponsive);\n})();\n<\/script>\n\n<script>\nfunction switchPlan(type){\n var single = document.getElementById('plansSingle');\n var multi = document.getElementById('plansMulti');\n var btnS = document.getElementById('btnSingle');\n var btnM = document.getElementById('btnMulti');\n if(type === 'single'){\n single.style.display = '';\n multi.style.display = 'none';\n btnS.classList.add('ptoggle-active');\n btnM.classList.remove('ptoggle-active');\n } else {\n single.style.display = 'none';\n multi.style.display = '';\n btnM.classList.add('ptoggle-active');\n btnS.classList.remove('ptoggle-active');\n }\n}\n<\/script>\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 IPTV Smarters Pro Abonnement IPTV Installation Blog Contact Abonnement IPTV Meilleure Application IPTV 2026 IPTV Smarters Pro \u2014 Meilleure Application IPTV en 2026 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 Multi-\u00e9crans 20 000+ Cha\u00eenes 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. Voir le guide d’installation Android TV & Box Box IPTV et Android TV support\u00e9s. Voir le guide d’installation Android & iPhone Smartphones iOS et Android. Voir le guide d’installation PC Windows & Mac Tous les ordinateurs support\u00e9s. Voir le guide d’installation Amazon Fire Stick Installation simple et rapide. Voir le guide d’installation 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. Performance & Stabilit\u00e9 Meilleure Exp\u00e9rience avec un Abonnement IPTV Pour exploiter pleinement IPTV Smarters Pro, il est essentiel d’avoir un bon abonnement IPTV. Une bonne application devient encore plus performante quand la qualit\u00e9 du flux suit. Un bon abonnement transforme l’exp\u00e9rience Avec une source stable et bien configur\u00e9e, l’application affiche tout son potentiel sur la fluidit\u00e9, la qualit\u00e9 d’image et la continuit\u00e9 de lecture. Acc\u00e8s au contenuCha\u00eenes TV, films et s\u00e9ries disponibles dans une seule interface. Meilleure stabilit\u00e9Lecture plus fluide avec moins de coupures et une navigation plus confortable. Qualit\u00e9 vid\u00e9o optimaleRendu plus net sur TV, box Android, smartphone ou ordinateur. Moins de bufferingUne exp\u00e9rience plus continue, surtout pendant les contenus en direct. Combinez un bon abonnement avec l’application pour une exp\u00e9rience parfaite. Couverture compl\u00e8te Un abonnement fiable ouvre l’acc\u00e8s \u00e0 plus de contenus sans friction. TV \u00b7 Films \u00b7 S\u00e9ries Lecture plus stable Quand la source est bonne, l’app devient plus fluide et plus agr\u00e9able. Moins de buffering Qualit\u00e9 optimis\u00e9e Le rendu vid\u00e9o reste plus propre sur les grands \u00e9crans et box TV. Image plus nette Exp\u00e9rience compl\u00e8te Association id\u00e9ale entre application performante et source IPTV de qualit\u00e9. Confort premium 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. \u00c9cran unique Multi-\u00e9crans 3 Mois D\u00e9couvrez la qualit\u00e9 Smarters Pro \u20ac 22 \/ 3 mois +20 000 cha\u00eenes TV France & Monde Films & s\u00e9ries en HD \/ Full HD Compatible Smart TV, Box, Mobile Anti-buffering & serveur stable Catch-up TV \u2014 Replay 7 jours Activation instantan\u00e9e Support 24\/7 Choisir 3 mois Paiement 100 % s\u00e9curis\u00e9 Populaire 6 Mois Le choix de 80% de nos clients \u20ac 39 \/ 6 mois +20 000 cha\u00eenes TV<\/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":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.8\" \/>\n\n\t\t<meta name=\"google-site-verification\" content=\"CiNCV-Ju_d-wz6m292kMeaDnjo2Ms_sUMkQk1NQqC6g\" \/>\n<meta name=\"google-site-verification\" content=\"43CavQsUVr2oQzc3eR7E9aB2KojmQmhhNpkqAVURdfg\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"IPTV Smarters officiel -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes\" \/>\n\t\t<meta property=\"og:description\" content=\"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-04-20T19:54:05+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-06-16T19:08:32+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#listItem\",\"name\":\"Accueil\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#listItem\",\"position\":2,\"name\":\"Accueil\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#organization\",\"name\":\"Smarters-official\",\"url\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/iptvsmarters-logo2-300x111-1.webp\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#organizationLogo\",\"width\":300,\"height\":111,\"caption\":\"IPTV SMARTERS PRO FRANCE\"},\"image\":{\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#webpage\",\"url\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/\",\"name\":\"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\\u00eenes\",\"description\":\"Abonnement IPTV Smarters Pro d\\u00e8s 25\\u20ac : +20 000 cha\\u00eenes, films & s\\u00e9ries en 4K, activation instantan\\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\\\/7.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#breadcrumblist\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/Design-sans-titre-3.png\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#mainImage\",\"width\":1920,\"height\":1080,\"caption\":\"IPTV Smarters Pro abonnement IPTV premium en France\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#mainImage\"},\"datePublished\":\"2026-04-20T19:54:05+00:00\",\"dateModified\":\"2026-06-16T19:08:32+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#website\",\"url\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/\",\"name\":\"IPTV Smarters Pro\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\r\n\t\t<title>IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes<\/title>\n\n","aioseo_head_json":{"title":"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes","description":"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.","canonical_url":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":"<meta name=\"google-site-verification\" content=\"CiNCV-Ju_d-wz6m292kMeaDnjo2Ms_sUMkQk1NQqC6g\" \/>\n<meta name=\"google-site-verification\" content=\"43CavQsUVr2oQzc3eR7E9aB2KojmQmhhNpkqAVURdfg\" \/>"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026#listItem","position":1,"name":"Home","item":"https:\/\/iptvsmarters-officiel.com\/smarters-2026","nextItem":{"@type":"ListItem","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#listItem","name":"Accueil"}},{"@type":"ListItem","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#listItem","position":2,"name":"Accueil","previousItem":{"@type":"ListItem","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#organization","name":"Smarters-official","url":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/","logo":{"@type":"ImageObject","url":"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#organizationLogo","width":300,"height":111,"caption":"IPTV SMARTERS PRO FRANCE"},"image":{"@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#webpage","url":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/","name":"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes","description":"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#website"},"breadcrumb":{"@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#breadcrumblist"},"image":{"@type":"ImageObject","url":"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/03\/Design-sans-titre-3.png","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#mainImage","width":1920,"height":1080,"caption":"IPTV Smarters Pro abonnement IPTV premium en France"},"primaryImageOfPage":{"@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#mainImage"},"datePublished":"2026-04-20T19:54:05+00:00","dateModified":"2026-06-16T19:08:32+00:00"},{"@type":"WebSite","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#website","url":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/","name":"IPTV Smarters Pro","inLanguage":"en-US","publisher":{"@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#organization"}}]},"og:locale":"en_US","og:site_name":"IPTV Smarters officiel -","og:type":"article","og:title":"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes","og:description":"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.","og:url":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/","og:image":"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp","og:image:secure_url":"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp","article:published_time":"2026-04-20T19:54:05+00:00","article:modified_time":"2026-06-16T19:08:32+00:00","twitter:card":"summary_large_image","twitter:title":"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes","twitter:description":"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.","twitter:image":"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp"},"aioseo_meta_data":{"post_id":"4434","title":"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes","description":"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.","keywords":null,"keyphrases":{"focus":{"keyphrase":"iptv smarters pro","score":67,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":3},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":9,"maxScore":9,"error":0},"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-06-16 19:08:42","limit_modified_date":false,"open_ai":null,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-04-20 19:54:05","updated":"2026-06-16 20:44:12","breadcrumb_settings":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\tAccueil\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/iptvsmarters-officiel.com\/smarters-2026"},{"label":"Accueil","link":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/"}],"_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":226,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages\/4434\/revisions"}],"predecessor-version":[{"id":5055,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages\/4434\/revisions\/5055"}],"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\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@700;800;900&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}\nbody{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',Arial,sans-serif;background:#06050d;color:var(--text);line-height:1.6;overflow-x:hidden;position:relative}\n\n\/* === Global centering & no-horizontal-scroll safety === *\/\nhtml,body{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}\nbody{display:block}\nsection,header,footer,main{width:100%;max-width:100vw;margin-left:auto;margin-right:auto}\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:1;transform:translateY(0);transition:opacity .75s ease,transform .75s 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}.vs-card h3 svg{width:24px;height:24px;min-width:20px;flex-shrink:0}\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:left;gap:40px}\n .hero-content p{margin-left:auto;margin-right:auto}\n .hero-buttons{justify-content:flex-start;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:.01}50%{opacity:.02}}\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,.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(167,139,250,.04) 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,.04) 1px,transparent 1px),\n linear-gradient(90deg,rgba(167,139,250,.04) 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,.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(167,139,250,.03) 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:16px;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::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:100px!important}\n\n\/* ===== TABLET ===== *\/\n@media(max-width:980px){\n .nav-floating .nav-links{\n position:absolute;top:calc(100% + 14px);left:0;right:0;\n flex-direction:column;align-items:stretch;gap:6px;\n padding:18px;border-radius:24px;\n \/* GREY GLASS dropdown *\/\n background:linear-gradient(135deg, rgba(28,28,38,.82) 0%, rgba(38,38,50,.78) 100%);\n border:1px solid rgba(255,255,255,.12);\n backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px);\n box-shadow:\n 0 24px 60px -10px rgba(0,0,0,.7),\n 0 1px 0 rgba(255,255,255,.08) inset;\n display:none;\n transform-origin:top center;\n }\n .nav-floating .nav-links.open{\n display:flex;\n animation:mobileMenuIn .35s cubic-bezier(.16,1,.3,1) both;\n }\n .nav-floating .nav-links.open li{\n animation:mobileLinkIn .4s cubic-bezier(.16,1,.3,1) both;\n }\n .nav-floating .nav-links.open li:nth-child(1){animation-delay:.05s}\n .nav-floating .nav-links.open li:nth-child(2){animation-delay:.1s}\n .nav-floating .nav-links.open li:nth-child(3){animation-delay:.15s}\n .nav-floating .nav-links.open li:nth-child(4){animation-delay:.2s}\n .nav-floating .nav-links a{\n padding:14px 18px;font-size:.95rem;text-align:left;\n background:rgba(255,255,255,.03);\n border:1px solid rgba(255,255,255,.06);\n }\n .nav-floating .nav-links a:hover{background:rgba(255,255,255,.08)}\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:90px!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:80px!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-inner{\n display:flex;flex-direction:column;align-items:flex-start;text-align:left;\n gap:28px;max-width:980px;margin:0 auto;\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(2.2rem, 5.5vw, 4.4rem);\n line-height:1.05;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:flex-start;align-items: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!important;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 text-decoration:none!important;\n}\n.hero-futuristic .btn-primary:hover,\n.hero-futuristic .btn-primary:focus,\n.hero-futuristic .btn-primary:active,\n.hero-futuristic .btn-primary:visited{\n transform:translateY(-2px);filter:brightness(1.1);\n box-shadow:0 16px 50px -10px rgba(var(--violet),.9);\n color:#fff!important;\n text-decoration:none!important;\n}\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!important;padding:14px 28px;border-radius:14px;font-weight:600;\n transition:all .25s ease;\n text-decoration:none!important;\n}\n.btn-glass:hover,.btn-glass:focus,.btn-glass:active,.btn-glass:visited{\n background:rgba(255,255,255,.1);\n border-color:rgba(var(--violet-light),.5);\n transform:translateY(-2px);\n box-shadow:0 0 30px rgba(var(--violet),.25);\n color:#fff!important;\n text-decoration:none!important;\n}\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:.2}50%{opacity:.35}}\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;max-width:500px;margin:0 auto;\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n}\n.sub-img-wrap{\n position:relative;width:100%;border-radius:20px;overflow:hidden;\n box-shadow:0 20px 60px -16px rgba(136,58,234,.4);\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@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,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(167,109,255,.02) 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:20px;align-items:stretch;max-width:1280px;margin:0 auto}\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:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,rgba(136,58,234,.25),rgba(167,109,255,.1));border:1px solid rgba(167,109,255,.35);color:rgb(216,180,254);margin-bottom:18px;box-shadow:0 8px 24px rgba(136,58,234,.25),inset 0 0 20px rgba(167,109,255,.12)}\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:1200px){\n .pricing-cards--futuristic{grid-template-columns:repeat(2,1fr);max-width:800px}\n}\n@media (max-width:640px){\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,.03) 1px,transparent 1px),\n linear-gradient(90deg,rgba(167,139,250,.03) 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-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 > img{\n width:48px;height:48px;border-radius:12px;\n object-fit:contain;flex-shrink:0;\n box-shadow:0 4px 14px -4px rgba(136,58,234,.35);\n transition:transform .4s cubic-bezier(.16,1,.3,1);\n}\n.vs-card:hover h3 > img{\n transform:scale(1.08);\n}\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\n\/* Elementor safety: force all reveal elements visible after 0.5s *\/\n@keyframes forceShow{to{opacity:1;transform:translateY(0)}}\n.reveal{animation:forceShow 0s .5s forwards}\n\n\/* Hero mobile override *\/\n@media(max-width:900px){\n #hero2col{\n grid-template-columns:1fr!important;\n gap:32px!important;\n }\n #hero2col .hero-right{\n order:1!important;\n }\n #hero2col .hero-left{\n order:0!important;\n }\n}\n\n\/* \u2550\u2550 Elementor hover override \u2014 emp\u00eache la couleur bleue sur les boutons \u2550\u2550 *\/\na:hover,\na:focus,\n.btn:hover,\n.btn:focus,\n.btn-primary:hover,\n.btn-primary:focus,\n.btn-glass:hover,\n.btn-glass:focus,\n.btn-wa:hover,\n.btn-wa:focus,\n.btn-white:hover,\n.btn-white:focus,\n.btn-outline-white:hover,\n.btn-outline-white:focus,\n.nav-cta:hover,\n.nav-cta:focus,\n.dl-btn:hover,\n.dl-btn:focus,\n.dl-card:hover,\n.dl-card:focus,\n.pcard-cta:hover,\n.pcard-cta:focus,\n.pcard-cta--primary:hover,\n.pcard-cta--primary:focus,\n.footer-col a:hover,\n.footer-col a:focus,\n.footer-social:hover,\n.footer-social:focus,\n.tag:hover,\n.tag:focus,\n.related-card:hover,\n.related-card:focus,\n.card-cta:hover,\n.card-cta:focus,\n.featured-link:hover,\n.featured-link:focus,\n.filter-btn:hover,\n.filter-btn:focus {\n color: inherit !important;\n text-decoration: none !important;\n}\n\/* Specific color overrides for each btn type *\/\n.btn-primary:hover, .btn-primary:focus { color: #fff !important; }\n.btn-glass:hover, .btn-glass:focus { color: #fff !important; }\n.btn-wa:hover, .btn-wa:focus { color: #fff !important; }\n.btn-white:hover, .btn-white:focus { color: rgb(136,58,234) !important; }\n.btn-outline-white:hover, .btn-outline-white:focus { color: #fff !important; }\n.nav-cta:hover, .nav-cta:focus { color: #fff !important; }\n.dl-btn:hover, .dl-btn:focus { color: #fff !important; }\n.footer-col a:hover, .footer-col a:focus { color: #fff !important; }\n.nav-links a:hover, .nav-links a:focus { color: #fff !important; }\n.card-cta:hover, .card-cta:focus { color: rgb(167,106,247) !important; }\n.featured-link:hover, .featured-link:focus { color: rgb(167,106,247) !important; }\n.filter-btn.active { color: #fff !important; }\n.filter-btn:hover:not(.active) { color: #fff !important; }\n.tag:hover { color: #fff !important; }\n.toc-list li a:hover, .toc-list li a:focus { color: #fff !important; }\n.toc-list li a.active { color: rgb(167,106,247) !important; }\n\n\/* \u2550\u2550 ANTI-ELEMENTOR : force couleur blanche sur tous les boutons & liens \u2550\u2550 *\/\na.btn, a.btn:hover, a.btn:focus, a.btn:active, a.btn:visited,\n.btn, .btn:hover, .btn:focus, .btn:active,\n.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited,\n.btn-glass, .btn-glass:hover, .btn-glass:focus, .btn-glass:active, .btn-glass:visited,\n.btn-wa, .btn-wa:hover, .btn-wa:focus,\n.nav-cta, .nav-cta:hover, .nav-cta:focus, .nav-cta:visited,\n.hero-futuristic a.btn, .hero-futuristic a.btn:hover, .hero-futuristic a.btn:visited {\n color: #fff !important;\n text-decoration: none !important;\n}\n.btn-white, .btn-white:hover, .btn-white:focus { color: rgb(136,58,234) !important; }\n\n\/* \u2550\u2550 HERO 2 COLONNES \u2550\u2550 *\/\n.hero-futuristic{\n position:relative;isolation:isolate;\n padding:130px 0 80px;\n min-height:100vh;\n display:flex;align-items:center;\n}\n.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}\n.hero-grid{\n position:absolute;inset:0;\n background-image:linear-gradient(rgba(167,139,250,.03) 1px,transparent 1px),\n linear-gradient(90deg,rgba(167,139,250,.03) 1px,transparent 1px);\n background-size:54px 54px;\n mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000 30%,transparent 80%);\n -webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000 30%,transparent 80%);\n}\n.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}\n.hero-glow-1{width:600px;height:600px;top:-20%;left:-10%;background:rgba(136,58,234,.18)}\n.hero-glow-2{width:500px;height:500px;bottom:-20%;right:-10%;background:rgba(120,80,255,.14)}\n\n.hero-2col{\n position:relative;z-index:2;\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:40px;\n align-items:center;\n}\n.hero-left{display:flex;flex-direction:column;gap:24px}\n.hero-badge{\n display:inline-flex;align-items:center;gap:8px;\n padding:8px 18px;border-radius:999px;\n background:rgba(255,255,255,.07);\n border:1px solid rgba(167,139,250,.25);\n color:rgba(255,255,255,.85);font-size:.82rem;font-weight:600;\n width:fit-content;\n}\n.badge-dot{\n width:7px;height:7px;border-radius:50%;\n background:#22c55e;box-shadow:0 0 10px #22c55e;\n animation:pulseDot 1.8s ease-in-out infinite;flex-shrink:0;\n}\n.hero-title{\n font-family:'Outfit',ui-rounded,-apple-system,'Segoe UI','Arial Black',Arial,sans-serif!important;\n font-weight:900!important;\n font-size:clamp(1.9rem,3.5vw,3rem);\n color:#fff;line-height:1.1;letter-spacing:-.02em;\n}\n.hero-desc{\n font-size:clamp(.95rem,1.5vw,1.05rem);\n color:rgba(255,255,255,.72);line-height:1.75;\n}\n.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-start;align-items:center}\n\n\/* \u2500\u2500 SHOWCASE RIGHT \u2500\u2500 *\/\n.hero-right{display:flex;align-items:center;justify-content:center;width:100%}\n.hero-showcase-wrap{\n position:relative;width:100%;max-width:100%;\n}\n.showcase-frame-2col{\n border-radius:20px;overflow:visible;\n border:1px solid rgba(167,139,250,.25);\n box-shadow:0 24px 70px -16px rgba(136,58,234,.45),0 0 0 1px rgba(255,255,255,.05) inset;\n background:transparent;\n}\n.showcase-img-2col{\n width:100%;height:auto;\n object-fit:contain;display:block;\n border-radius:16px;\n}\n\/* Floating chips *\/\n.showcase-float-chip{\n position:absolute;\n display:inline-flex;align-items:center;gap:7px;\n padding:8px 16px;border-radius:999px;\n font-size:.8rem;font-weight:600;color:#fff;\n backdrop-filter:blur(14px);\n border:1px solid rgba(255,255,255,.15);\n background:rgba(15,10,30,.75);\n white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.35);\n animation:floatChip 5s ease-in-out infinite;\n}\n@keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n.chip-live{\n top:16px;left:-16px;\n animation-delay:0s;\n border-color:rgba(34,197,94,.4);\n}\n.chip-live-dot{\n width:8px;height:8px;border-radius:50%;\n background:#22c55e;box-shadow:0 0 10px #22c55e;\n animation:pulseDot 1.5s ease-in-out infinite;flex-shrink:0;\n}\n.chip-screens{\n bottom:24px;left:-20px;\n animation-delay:1.5s;\n border-color:rgba(167,139,250,.4);\n}\n.chip-channels{\n top:50%;right:-24px;transform:translateY(-50%);\n animation-delay:.8s;\n border-color:rgba(167,139,250,.4);\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:900px){\n .hero-2col{grid-template-columns:1fr;gap:40px}\n .hero-right{order:-1}\n .showcase-img-2col{max-height:none}\n .chip-live{left:0}\n .chip-screens{left:0}\n .chip-channels{right:0}\n}\n@media(max-width:600px){\n .hero-futuristic{padding:110px 0 60px}\n .hero-title{font-size:clamp(1.7rem,6vw,2.4rem)}\n .showcase-float-chip{font-size:.72rem;padding:6px 12px}\n}\n\n\/* Pcard secure badge *\/\n.pcard-secure{\n display:flex;align-items:center;justify-content:center;gap:5px;\n font-size:.75rem;color:rgba(255,255,255,.45);margin-top:10px;\n font-family:inherit;\n}\n.pcard-secure svg{opacity:.5;flex-shrink:0}\n\n\n\/* Titres \u2014 Outfit Display Bold *\/\nh1, h2, h3, h4, h5, h6,\n.hero-title, .section-title, .pres-head h2,\n.ava-header h2, .compat-head h2, .howto-head h2,\n.cu-title, .pcard h3, .vs-card h3,\n.dl-card h4, .step h3, .faq-q,\n.footer-logo, .nav-logo {\n font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;\n font-weight: 800 !important;\n letter-spacing: -0.01em !important;\n}\n\n\/* Body text \u2014 Inter Regular *\/\np, li, .hero-desc, .pcard-sub, .pcard-features li,\n.ava-card p, .step p, .vs-card li, .dl-card p,\n.faq-a p, .footer-col a, .footer-tagline {\n font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;\n font-weight: 400 !important;\n line-height: 1.7 !important;\n}\n\n\/* Boutons \u2014 Inter SemiBold *\/\n.btn, .pcard-cta, .nav-cta, .dl-btn {\n font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;\n font-weight: 700 !important;\n}\n\n\/* Section labels (AVANTAGES, COMPATIBILIT\u00c9...) *\/\n.section-label, .ava-label, .compat-label, .howto-label,\n.pres-label, .pcard-badge {\n font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;\n font-weight: 700 !important;\n letter-spacing: 0.12em !important;\n text-transform: uppercase !important;\n}\n\n\n\/* Compat card guide link *\/\n.compat-guide-link{\n display:inline-flex;align-items:center;gap:5px;\n margin-top:12px;\n font-size:.8rem;font-weight:600;\n color:rgb(var(--violet-light));\n text-decoration:none;\n transition:gap .2s ease, color .2s ease;\n border-bottom:1px solid rgba(var(--violet-light),.25);\n padding-bottom:1px;\n}\n.compat-guide-link:hover,\n.compat-guide-link:focus{\n gap:8px;\n color:#fff!important;\n border-bottom-color:rgba(255,255,255,.4);\n text-decoration:none!important;\n}\n.compat-guide-link svg{\n transition:transform .2s ease;flex-shrink:0;\n}\n.compat-guide-link:hover svg{\n transform:translateX(3px);\n}\n\n\/* \u2550\u2550 PRICING TOGGLE \u2550\u2550 *\/\n.pricing-toggle{\n display:inline-flex;align-items:center;gap:4px;\n margin-top:28px;\n padding:5px;border-radius:999px;\n background:rgba(255,255,255,.06);\n border:1px solid rgba(167,139,250,.2);\n}\n.ptoggle-btn{\n display:inline-flex;align-items:center;gap:7px;\n padding:10px 22px;border-radius:999px;\n font-size:.9rem;font-weight:600;\n cursor:pointer;border:none;\n background:transparent;color:rgba(255,255,255,.55);\n transition:all .3s cubic-bezier(.16,1,.3,1);\n font-family:inherit;\n}\n.ptoggle-btn:hover{color:#fff}\n.ptoggle-btn.ptoggle-active{\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,106,247));\n color:#fff;\n box-shadow:0 4px 20px -6px rgba(136,58,234,.7);\n}\n\n\/* \u2550\u2550 OFFRE PERSONNALIS\u00c9E \u2550\u2550 *\/\n.pricing-custom{margin-top:40px}\n.pricing-custom-inner{\n display:flex;align-items:center;justify-content:center;gap:12px;\n padding:20px 32px;border-radius:16px;\n background:rgba(167,139,250,.06);\n border:1px solid rgba(167,139,250,.2);\n max-width:700px;margin:0 auto;\n flex-wrap:wrap;text-align:center;\n}\n.pricing-custom-inner svg{color:rgb(167,139,250);flex-shrink:0}\n.pricing-custom-inner p{\n color:rgba(255,255,255,.75);font-size:.95rem;line-height:1.6;margin:0;\n}\n.pricing-custom-link{\n color:rgb(167,139,250)!important;font-weight:700;\n text-decoration:none;border-bottom:1px solid rgba(167,139,250,.4);\n transition:color .2s,border-color .2s;\n}\n.pricing-custom-link:hover{color:#fff!important;border-bottom-color:#fff}\n\n\/* \u2550\u2550 SECTION ABONNEMENT \u2014 nouvelle structure \u2550\u2550 *\/\n.subscription-best{padding:100px 0;position:relative}\n\n\/* Header *\/\n.sub-header{max-width:760px;margin:0 0 52px}\n.sub-header .section-label{margin-bottom:12px;display:inline-block}\n.sub-header h2{font-size:clamp(1.8rem,3.5vw,2.8rem);color:#fff;line-height:1.15;margin-bottom:14px}\n.sub-lead{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.75}\n\n\/* 2-col grid *\/\n.sub-grid-new{\n display:grid;grid-template-columns:1fr 1fr;\n gap:36px;align-items:start;\n}\n\n\/* LEFT card *\/\n.sub-left-card{\n background:rgba(255,255,255,.04);\n border:1px solid rgba(167,139,250,.18);\n border-radius:20px;padding:32px;\n}\n.sub-left-title{font-size:1.2rem;color:#fff;margin-bottom:10px;line-height:1.3}\n.sub-left-desc{color:rgba(255,255,255,.65);font-size:.9rem;line-height:1.7;margin-bottom:24px}\n\n\/* Checklist *\/\n.sub-checklist{list-style:none;padding:0;display:flex;flex-direction:column;gap:14px}\n.sub-checklist li{\n display:flex;align-items:flex-start;gap:12px;\n padding:14px 16px;border-radius:12px;\n background:rgba(255,255,255,.04);\n border:1px solid rgba(167,139,250,.12);\n font-size:.88rem;color:rgba(255,255,255,.8);line-height:1.55;\n}\n.sub-checklist li strong{color:#fff;display:block;margin-bottom:2px}\n.sub-check-icon{\n width:26px;height:26px;border-radius:8px;flex-shrink:0;\n background:rgba(136,58,234,.15);border:1px solid rgba(167,139,250,.3);\n display:flex;align-items:center;justify-content:center;margin-top:1px;\n color:rgb(167,139,250);\n}\n\n\/* Tip *\/\n.sub-tip{\n margin-top:20px;padding:14px 18px;border-radius:12px;\n background:rgba(136,58,234,.08);border:1px solid rgba(167,139,250,.2);\n border-left:3px solid rgb(167,139,250);\n font-size:.85rem;color:rgba(255,255,255,.65);line-height:1.6;\n}\n\n\/* RIGHT: 2x2 mini cards *\/\n.sub-cards-grid{\n display:grid;grid-template-columns:1fr 1fr;gap:16px;\n}\n.sub-mini-card{\n background:rgba(255,255,255,.04);\n border:1px solid rgba(167,139,250,.15);\n border-radius:16px;padding:22px 20px;\n display:flex;flex-direction:column;gap:8px;\n transition:border-color .3s,background .3s,transform .3s;\n}\n.sub-mini-card:hover{\n border-color:rgba(167,139,250,.4);\n background:rgba(136,58,234,.08);\n transform:translateY(-4px);\n}\n.sub-mini-icon{\n width:40px;height:40px;border-radius:12px;\n background:rgba(136,58,234,.12);\n border:1px solid rgba(167,139,250,.22);\n display:flex;align-items:center;justify-content:center;\n color:rgb(167,139,250);margin-bottom:4px;\n}\n.sub-mini-card h4{font-size:.95rem;color:#fff;line-height:1.3}\n.sub-mini-card p{font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.6;flex:1}\n.sub-mini-tag{\n font-size:.78rem;font-weight:700;\n color:rgb(167,139,250);\n margin-top:4px;\n}\n\n@media(max-width:900px){\n .sub-grid-new{grid-template-columns:1fr}\n .sub-cards-grid{grid-template-columns:1fr 1fr}\n}\n@media(max-width:500px){\n .sub-cards-grid{grid-template-columns:1fr}\n}\n\n\n\n\/* \u2550\u2550 Footer contact band \u2014 fix complet \u2550\u2550 *\/\n.footer-contact-band{\n padding:20px 0 0;\n border-bottom:1px solid rgba(167,139,250,.14);\n}\n.footer-contact-title{\n display:flex;align-items:center;gap:10px;\n font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n color:rgba(255,255,255,.55);margin-bottom:16px;\n}\n.footer-contact-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;flex-shrink:0;\n}\n.footer-contact-cards{\n display:grid;grid-template-columns:repeat(2,1fr);gap:14px;\n margin-bottom:28px;\n}\n.footer-contact-card{\n display:flex;align-items:center;gap:16px;\n padding:16px 20px;border-radius:16px;text-decoration:none;\n border:1px solid rgba(255,255,255,.08);\n transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;\n}\n.footer-contact-card:hover{\n transform:translateY(-3px);\n border-color:rgba(167,139,250,.35);\n color:#fff!important;\n}\n.footer-contact-wa{background:linear-gradient(135deg,rgba(37,211,102,.1),rgba(37,211,102,.04))}\n.footer-contact-wa:hover{box-shadow:0 12px 32px -10px rgba(37,211,102,.3)}\n.footer-contact-email{background:linear-gradient(135deg,rgba(136,58,234,.12),rgba(136,58,234,.04))}\n.footer-contact-email:hover{box-shadow:0 12px 32px -10px rgba(136,58,234,.35)}\n\n.fcc-icon{\n width:52px!important;height:52px!important;min-width:52px!important;flex-shrink:0!important;\n border-radius:14px!important;\n display:flex!important;align-items:center!important;justify-content:center!important;\n}\n.footer-contact-wa .fcc-icon{\n background:linear-gradient(135deg,#25d366,#128c7e)!important;\n box-shadow:0 6px 18px -6px rgba(37,211,102,.5)!important;\n color:#fff!important;\n}\n.footer-contact-email .fcc-icon{\n background:linear-gradient(135deg,rgb(136,58,234),rgb(167,106,247))!important;\n box-shadow:0 6px 18px -6px rgba(136,58,234,.5)!important;\n color:#fff!important;\n}\n.fcc-icon svg{\n width:24px!important;height:24px!important;flex-shrink:0!important;\n}\n.footer-contact-wa .fcc-icon svg{\n fill:#fff!important;stroke:none!important;\n}\n.footer-contact-email .fcc-icon svg{\n stroke:#fff!important;fill:none!important;\n}\n.fcc-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}\n.fcc-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}\n.fcc-value{font-size:.95rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.fcc-badge{\n flex-shrink:0;padding:5px 12px;border-radius:100px;font-size:.72rem;font-weight:700;\n white-space:nowrap;\n}\n.footer-contact-wa .fcc-badge{background:rgba(37,211,102,.15);border:1px solid rgba(37,211,102,.35);color:#4ade80}\n.footer-contact-email .fcc-badge{background:rgba(136,58,234,.15);border:1px solid rgba(136,58,234,.35);color:#c4b5fd}\n@media(max-width:640px){\n .footer-contact-cards{grid-template-columns:1fr}\n .footer-contact-card{padding:14px 16px}\n .fcc-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:12px!important}\n .fcc-icon svg{width:22px!important;height:22px!important}\n .fcc-value{font-size:.88rem}\n}\n\n\/* \u2550\u2550 Nav link active state \u2550\u2550 *\/\n.nav-floating .nav-links a.active{\n color:#fff!important;\n}\n.nav-floating .nav-links a.active::before{\n opacity:1!important;\n transform:scale(1)!important;\n}\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<nav id=\"navbar\" class=\"nav-floating\">\n <div class=\"nav-shell\">\n <a href=\"\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/05\/nouveau-logo-smarters-pro-officiel-e1780071757757.webp\" alt=\"IPTV Smarters Pro\" style=\"height:58px;width:auto;display:block;object-fit:contain;\" loading=\"eager\"\/><\/a>\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a href=\"\/\" class=\"active\">IPTV Smarters Pro<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/abonnement-iptv-2026\/\">Abonnement IPTV<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/our-app\/\">Installation<\/a><\/li>\n <li><a href=\"\/blog\">Blog<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <div class=\"nav-actions\">\n <a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/abonnement-iptv-2026\/\" 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>\n <div class=\"container hero-2col\" id=\"hero2col\" style=\"display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px!important;align-items:center!important;width:100%!important;max-width:1200px!important;margin:0 auto!important;\">\n\n \n <div class=\"hero-left reveal\" style=\"display:flex!important;flex-direction:column!important;gap:24px!important;min-width:0!important;\">\n <div class=\"hero-badge\">\n <span class=\"badge-dot\"><\/span>\n <span>Meilleure Application IPTV 2026<\/span>\n <\/div>\n <h1 class=\"hero-title\">\n <span class=\"text-gradient\"> IPTV Smarters Pro<\/span> \u2014 Meilleure Application IPTV en 2026\n <\/h1>\n <p class=\"hero-desc\">\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\">\n <a href=\"#offres\" class=\"btn btn-primary\">Voir Nos Offres<\/a>\n <a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/our-app\/\" class=\"btn btn-glass\">Installer l'application<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-right reveal rd1\" style=\"display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;\">\n <div class=\"hero-showcase-wrap\" style=\"position:relative!important;width:100%!important;max-width:100%!important;\">\n \n <div class=\"showcase-float-chip chip-live\">\n <span class=\"chip-live-dot\"><\/span>\n Live \u2022 4K Ultra HD\n <\/div>\n \n <div class=\"showcase-frame-2col\" style=\"width:100%!important;overflow:visible!important;border-radius:20px!important;\">\n <img decoding=\"async\"\n src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/03\/Design-sans-titre-3.png\"\n alt=\"IPTV Smarters Pro \u2014 Application de streaming sur TV, mobile et PC\"\n class=\"showcase-img-2col\"\n loading=\"eager\"\n style=\"width:100%!important;height:auto!important;display:block!important;object-fit:contain!important;border-radius:16px!important;max-width:100%!important;\"\n \/>\n <\/div>\n \n <div class=\"showcase-float-chip chip-screens\">Multi-\u00e9crans<\/div>\n \n <div class=\"showcase-float-chip chip-channels\">20 000+ Cha\u00eenes<\/div>\n <\/div>\n <\/div>\n\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 decoding=\"async\" src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/04\/iptv-smarters-pro-5-appareils-.webp\"\n alt=\"IPTV Smarters Pro sur 5 appareils \u2014 Smart TV, t\u00e9l\u00e9phone, PC, tablette\"\n loading=\"lazy\"\n class=\"pres-visual-img\"\n style=\"width:100%;height:auto;border-radius:16px;display:block;\"\n onerror=\"this.onerror=null\" \/>\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 <a href=\"\/installation#smart-tv\" class=\"compat-guide-link\">Voir le guide d'installation <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg><\/a>\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 <a href=\"\/installation#android-tv\" class=\"compat-guide-link\">Voir le guide d'installation <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg><\/a>\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 <a href=\"\/installation#android\" class=\"compat-guide-link\">Voir le guide d'installation <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg><\/a>\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 <a href=\"\/installation#windows\" class=\"compat-guide-link\">Voir le guide d'installation <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg><\/a>\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 <a href=\"\/installation#firestick\" class=\"compat-guide-link\">Voir le guide d'installation <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg><\/a>\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\n \n <div class=\"sub-header reveal\">\n <span class=\"section-label\">Performance & Stabilit\u00e9<\/span>\n <h2>Meilleure Exp\u00e9rience avec un <span class=\"text-gradient\">Abonnement IPTV<\/span><\/h2>\n <p class=\"sub-lead\">Pour exploiter pleinement IPTV Smarters Pro, il est essentiel d'avoir un bon abonnement IPTV. Une bonne application devient encore plus performante quand la qualit\u00e9 du flux suit.<\/p>\n <\/div>\n\n \n <div class=\"sub-grid-new\">\n\n \n <div class=\"sub-left reveal\">\n <div class=\"sub-left-card\">\n <h3 class=\"sub-left-title\">Un bon abonnement transforme l'exp\u00e9rience<\/h3>\n <p class=\"sub-left-desc\">Avec une source stable et bien configur\u00e9e, l'application affiche tout son potentiel sur la fluidit\u00e9, la qualit\u00e9 d'image et la continuit\u00e9 de lecture.<\/p>\n\n <ul class=\"sub-checklist\">\n <li>\n <span class=\"sub-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n <div><strong>Acc\u00e8s au contenu<\/strong><br>Cha\u00eenes TV, films et s\u00e9ries disponibles dans une seule interface.<\/div>\n <\/li>\n <li>\n <span class=\"sub-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n <div><strong>Meilleure stabilit\u00e9<\/strong><br>Lecture plus fluide avec moins de coupures et une navigation plus confortable.<\/div>\n <\/li>\n <li>\n <span class=\"sub-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n <div><strong>Qualit\u00e9 vid\u00e9o optimale<\/strong><br>Rendu plus net sur TV, box Android, smartphone ou ordinateur.<\/div>\n <\/li>\n <li>\n <span class=\"sub-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n <div><strong>Moins de buffering<\/strong><br>Une exp\u00e9rience plus continue, surtout pendant les contenus en direct.<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"sub-tip\">Combinez un bon abonnement avec l'application pour une exp\u00e9rience parfaite.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"sub-right reveal rd1\">\n <div class=\"sub-cards-grid\">\n\n <div class=\"sub-mini-card\">\n <div class=\"sub-mini-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n <\/div>\n <h4>Couverture compl\u00e8te<\/h4>\n <p>Un abonnement fiable ouvre l'acc\u00e8s \u00e0 plus de contenus sans friction.<\/p>\n <span class=\"sub-mini-tag\">TV \u00b7 Films \u00b7 S\u00e9ries<\/span>\n <\/div>\n\n <div class=\"sub-mini-card\">\n <div class=\"sub-mini-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n <\/div>\n <h4>Lecture plus stable<\/h4>\n <p>Quand la source est bonne, l'app devient plus fluide et plus agr\u00e9able.<\/p>\n <span class=\"sub-mini-tag\">Moins de buffering<\/span>\n <\/div>\n\n <div class=\"sub-mini-card\">\n <div class=\"sub-mini-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><rect x=\"9\" y=\"7\" width=\"6\" height=\"7\" rx=\"1\"\/><\/svg>\n <\/div>\n <h4>Qualit\u00e9 optimis\u00e9e<\/h4>\n <p>Le rendu vid\u00e9o reste plus propre sur les grands \u00e9crans et box TV.<\/p>\n <span class=\"sub-mini-tag\">Image plus nette<\/span>\n <\/div>\n\n <div class=\"sub-mini-card\">\n <div class=\"sub-mini-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/div>\n <h4>Exp\u00e9rience compl\u00e8te<\/h4>\n <p>Association id\u00e9ale entre application performante et source IPTV de qualit\u00e9.<\/p>\n <span class=\"sub-mini-tag\">Confort premium<\/span>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"offres\" 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\n \n <div class=\"pricing-toggle reveal\">\n <button class=\"ptoggle-btn ptoggle-active\" id=\"btnSingle\" onclick=\"switchPlan('single')\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg>\n \u00c9cran unique\n <\/button>\n <button class=\"ptoggle-btn\" id=\"btnMulti\" onclick=\"switchPlan('multi')\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><rect x=\"14\" y=\"9\" width=\"6\" height=\"9\" rx=\"1\"\/><\/svg>\n Multi-\u00e9crans\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"pricing-cards pricing-cards--futuristic\" id=\"plansSingle\">\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 <h3>3 Mois<\/h3>\n <p class=\"pcard-sub\">D\u00e9couvrez la qualit\u00e9 Smarters Pro<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">22<\/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 en HD \/ Full HD<\/li>\n <li>Compatible Smart TV, Box, Mobile<\/li>\n <li>Anti-buffering & serveur stable<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Support 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%223%20Mois%20-%2022%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" 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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n \n <article class=\"pcard pcard--featured reveal reveal-delay-1\">\n <div class=\"pcard-badge\"><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>Populaire<\/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 <h3>6 Mois<\/h3>\n <p class=\"pcard-sub\">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\">39<\/span>\n <span class=\"pcard-period\">\/ 6 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>+20 000 cha\u00eenes<\/strong> TV mondiales<\/li>\n <li>Films & s\u00e9ries en HD, Full HD & <strong>4K<\/strong><\/li>\n <li>VOD illimit\u00e9e \u2014 films & s\u00e9ries<\/li>\n <li>Compatible tous appareils<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives beIN, RMC Sport<\/li>\n <li>Activation <strong>instantan\u00e9e<\/strong><\/li>\n <li>Support prioritaire 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%226%20Mois%20-%2039%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta pcard-cta--primary\">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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-2\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <h3>12 Mois<\/h3>\n <p class=\"pcard-sub\">La meilleure valeur de l'ann\u00e9e<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">49<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong> garantie<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Compatible tous appareils<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Support VIP 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%2212%20Mois%20-%2049%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta\">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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\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 <h3>24 Mois<\/h3>\n <p class=\"pcard-sub\">Profitez 2 ans sans souci<\/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\">\/ 24 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong> garantie<\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Compatible tous appareils<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Configuration offerte<\/li>\n <li>Support VIP & assistance d\u00e9di\u00e9e 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%2224%20Mois%20-%2089%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" 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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n <\/div>\n\n \n <div class=\"pricing-cards pricing-cards--futuristic\" id=\"plansMulti\" style=\"display:none\">\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 <h3>2 \u00c9crans<\/h3>\n <p class=\"pcard-sub\">12 mois \u00b7 2 appareils simultan\u00e9s<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">79<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li>2 appareils en simultan\u00e9<\/li>\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong><\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Support 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%222%20%C3%89crans%20-%2079%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta\">Choisir 2 \u00e9crans\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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n \n <article class=\"pcard pcard--featured reveal reveal-delay-1\">\n <div class=\"pcard-badge\"><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>Populaire<\/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 <h3>3 \u00c9crans<\/h3>\n <p class=\"pcard-sub\">12 mois \u00b7 3 appareils simultan\u00e9s<\/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\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>3 appareils<\/strong> en simultan\u00e9<\/li>\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong><\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Activation <strong>instantan\u00e9e<\/strong><\/li>\n <li>Support prioritaire 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%223%20%C3%89crans%20-%2099%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta pcard-cta--primary\">Choisir 3 \u00e9crans\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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n \n <article class=\"pcard reveal reveal-delay-2\">\n <div class=\"pcard-aura\"><\/div>\n <div class=\"pcard-border\"><\/div>\n <header class=\"pcard-head\">\n <h3>4 \u00c9crans<\/h3>\n <p class=\"pcard-sub\">12 mois \u00b7 4 appareils simultan\u00e9s<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">120<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>4 appareils<\/strong> en simultan\u00e9<\/li>\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong><\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Support VIP 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%224%20%C3%89crans%20-%20120%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta\">Choisir 4 \u00e9crans\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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\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 <h3>5 \u00c9crans<\/h3>\n <p class=\"pcard-sub\">12 mois \u00b7 5 appareils simultan\u00e9s<\/p>\n <\/header>\n <div class=\"pcard-price\">\n <span class=\"pcard-currency\">\u20ac<\/span>\n <span class=\"pcard-amount\">130<\/span>\n <span class=\"pcard-period\">\/ 12 mois<\/span>\n <\/div>\n <ul class=\"pcard-features\">\n <li><strong>5 appareils<\/strong> en simultan\u00e9<\/li>\n <li>+20 000 cha\u00eenes TV mondiales<\/li>\n <li>Qualit\u00e9 <strong>4K Ultra HD<\/strong><\/li>\n <li>VOD & Replay illimit\u00e9s<\/li>\n <li>Catch-up TV \u2014 Replay 7 jours<\/li>\n <li>Cha\u00eenes sportives & internationales<\/li>\n <li>Serveur d\u00e9di\u00e9 \u2014 z\u00e9ro coupure<\/li>\n <li>Activation instantan\u00e9e<\/li>\n <li>Configuration offerte<\/li>\n <li>Support VIP & assistance d\u00e9di\u00e9e 24\/7<\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%20je%20suis%20int%C3%A9ress%C3%A9%20par%20l%27offre%20%225%20%C3%89crans%20-%20130%E2%82%AC%22%2C%20merci%20de%20m%27envoyer%20le%20lien%20de%20paiement.\" target=\"_blank\" rel=\"noopener\" class=\"pcard-cta\">Choisir 5 \u00e9crans\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 <p class=\"pcard-secure\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" 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>Paiement 100 % s\u00e9curis\u00e9<\/p>\n <\/article>\n\n <\/div>\n\n \n <div class=\"pricing-custom reveal\">\n <div class=\"pricing-custom-inner\">\n <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=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n <p>Vous avez besoin d'une <strong>offre personnalis\u00e9e<\/strong> (nombre d'\u00e9crans, dur\u00e9e) ? <a href=\"https:\/\/wa.me\/447575858113?text=Bonjour%2C%20je%20souhaite%20une%20offre%20IPTV%20personnalis%C3%A9e.%20Pouvez-vous%20m%27aider%20%3F\" target=\"_blank\" rel=\"noopener\" class=\"pricing-custom-link\">Contactez-nous sur WhatsApp<\/a><\/p>\n <\/div>\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<\/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=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/05\/iptv-smarters-pro-logo-png.webp\" alt=\"IPTV Smarters Pro\" style=\"width:48px;height:48px;object-fit:contain;border-radius:10px;flex-shrink:0;\" \/>\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=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/05\/smarters-pro-logo.webp\" alt=\"Smarters Pro\" style=\"width:48px;height:48px;object-fit:contain;border-radius:10px;flex-shrink:0;\" \/>\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\" style=\"color:rgb(136,58,234)!important;background:#fff!important;font-weight:700!important;padding:14px 36px!important;border-radius:999px!important;font-size:1rem!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:8px!important;\">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-contact-band\">\n <div class=\"footer-contact-title\"><span class=\"footer-contact-dot\"><\/span>Contactez-nous \u2014 Support disponible 24h\/24, 7j\/7<\/div>\n <div class=\"footer-contact-cards\">\n <a href=\"https:\/\/wa.me\/447575858113\" target=\"_blank\" rel=\"noopener\" class=\"footer-contact-card footer-contact-wa\">\n <div class=\"fcc-icon\"><svg viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/><\/svg><\/div>\n <div class=\"fcc-text\"><span class=\"fcc-label\">WhatsApp<\/span><span class=\"fcc-value\">+44 7575 858113<\/span><\/div>\n <span class=\"fcc-badge\">En ligne<\/span>\n <\/a>\n <a href=\"mailto:smartersofficial2024@gmail.com\" class=\"footer-contact-card footer-contact-email\">\n <div class=\"fcc-icon\"><svg viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg><\/div>\n <div class=\"fcc-text\"><span class=\"fcc-label\">Email<\/span><span class=\"fcc-value\">smartersofficial2024@gmail.com<\/span><\/div>\n <span class=\"fcc-badge\">R\u00e9ponse < 1h<\/span>\n <\/a>\n \n <\/div>\n <\/div>\n <div class=\"footer-top\">\n <div class=\"footer-brand-block\">\n <a href=\"\/\" class=\"footer-logo\"><img decoding=\"async\" src=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2026\/05\/nouveau-logo-smarters-pro-officiel-e1780071757757.webp\" alt=\"IPTV Smarters Pro\" style=\"height:65px;width:auto;display:block;object-fit:contain;\" loading=\"lazy\"\/><\/a>\n <p class=\"footer-tagline\">Le meilleur abonnement IPTV en France. Contenu illimit\u00e9, qualit\u00e9 4K premium, disponible sur tous vos appareils.<\/p>\n\n \n <div class=\"footer-payments\" aria-label=\"M\u00e9thodes de paiement accept\u00e9es\">\n \n <span class=\"footer-pay-badge\" title=\"Visa\">\n <svg viewBox=\"0 0 48 32\" width=\"44\" height=\"28\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"48\" height=\"32\" rx=\"5\" fill=\"#1A1F71\"\/>\n <text x=\"6\" y=\"22\" font-family=\"Arial,sans-serif\" font-size=\"13\" font-weight=\"bold\" fill=\"#fff\" letter-spacing=\"1\">VISA<\/text>\n <\/svg>\n <\/span>\n \n <span class=\"footer-pay-badge\" title=\"Mastercard\">\n <svg viewBox=\"0 0 48 32\" width=\"44\" height=\"28\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"48\" height=\"32\" rx=\"5\" fill=\"#252525\"\/>\n <circle cx=\"18\" cy=\"16\" r=\"9\" fill=\"#EB001B\"\/>\n <circle cx=\"30\" cy=\"16\" r=\"9\" fill=\"#F79E1B\"\/>\n <path d=\"M24 9.3a9 9 0 0 1 0 13.4A9 9 0 0 1 24 9.3z\" fill=\"#FF5F00\"\/>\n <\/svg>\n <\/span>\n \n <span class=\"footer-pay-badge\" title=\"PayPal\">\n <svg viewBox=\"0 0 48 32\" width=\"44\" height=\"28\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"48\" height=\"32\" rx=\"5\" fill=\"#003087\"\/>\n <text x=\"5\" y=\"22\" font-family=\"Arial,sans-serif\" font-size=\"11\" font-weight=\"bold\" fill=\"#009cde\">Pay<\/text>\n <text x=\"22\" y=\"22\" font-family=\"Arial,sans-serif\" font-size=\"11\" font-weight=\"bold\" fill=\"#fff\">Pal<\/text>\n <\/svg>\n <\/span>\n \n <span class=\"footer-pay-badge\" title=\"Crypto\">\n <svg viewBox=\"0 0 48 32\" width=\"44\" height=\"28\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"48\" height=\"32\" rx=\"5\" fill=\"#1a1a2e\"\/>\n <circle cx=\"20\" cy=\"16\" r=\"9\" fill=\"#F7931A\"\/>\n <text x=\"14\" y=\"20\" font-family=\"Arial,sans-serif\" font-size=\"11\" font-weight=\"bold\" fill=\"#fff\">\u20bf<\/text>\n <text x=\"32\" y=\"20\" font-family=\"Arial,sans-serif\" font-size=\"8\" font-weight=\"bold\" fill=\"rgba(255,255,255,.7)\">+<\/text>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important\">Abonnements<\/h4>\n <ul>\n <li><a href=\"#tarifs\">3 Mois \u2014 22\u20ac<\/a><\/li>\n <li><a href=\"#tarifs\">6 Mois \u2014 39\u20ac<\/a><\/li>\n <li><a href=\"#tarifs\">12 Mois \u2014 49\u20ac<\/a><\/li>\n <li><a href=\"#tarifs\">24 Mois \u2014 89\u20ac<\/a><\/li>\n <li><a href=\"#test-gratuit\">Test Gratuit<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important\">Service<\/h4>\n <ul>\n <li><a href=\"#france-iptv\">IPTV France<\/a><\/li>\n <li><a href=\"#applications\">Applications<\/a><\/li>\n <li><a href=\"#fonctionnement\">Installation<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <li><a href=\"\/blog\">Blog<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 style=\"display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important\">L\u00e9gal<\/h4>\n <ul>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/politique-de-confidentialite\/\" target=\"_blank\" rel=\"noopener\">Politique de confidentialit\u00e9<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/politique-de-remboursement\/\" target=\"_blank\" rel=\"noopener\">Politique de remboursement<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/conditions-generales\/\" target=\"_blank\" rel=\"noopener\">CGU \u2014 CGV<\/a><\/li>\n <li><a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/mentions-legales\/\" target=\"_blank\" rel=\"noopener\">Mentions l\u00e9gales<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom-bar\">\n <span class=\"footer-status\"><span class=\"footer-status-dot\"><\/span> Tous les serveurs op\u00e9rationnels<\/span>\n <span>\u00a9 2026 IPTV Smarters Pro. Tous droits r\u00e9serv\u00e9s. \u2014 Meilleur abonnement IPTV France<\/span>\n <span style=\"display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.55)\">Fait avec <span style=\"display:inline-flex;align-items:center;vertical-align:middle;margin-right:4px\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#c4b5fd\" stroke=\"none\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.8 1-1a5.5 5.5 0 0 0 0-7.6z\"\/><\/svg><\/span>\ufe0f 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');\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<script>\n\/* Elementor \/ iframe fallback \u2014 force reveal visible if observer never fires *\/\n(function(){\n function forceReveal(){\n document.querySelectorAll('.reveal').forEach(function(el){\n el.classList.add('visible');\n });\n }\n \/\/ Fire immediately + after short delays to catch Elementor re-renders\n forceReveal();\n setTimeout(forceReveal, 100);\n setTimeout(forceReveal, 500);\n setTimeout(forceReveal, 1500);\n \/\/ Also on DOMContentLoaded and load\n document.addEventListener('DOMContentLoaded', forceReveal);\n window.addEventListener('load', forceReveal);\n\n \/\/ Hero responsive: switch to 1 column on mobile\n function heroResponsive(){\n var grid = document.getElementById('hero2col');\n if(!grid) return;\n if(window.innerWidth <= 900){\n grid.style.setProperty('grid-template-columns','1fr','important');\n grid.style.setProperty('gap','32px','important');\n \/\/ Image goes BELOW on mobile (after text+buttons)\n var right = grid.querySelector('.hero-right');\n if(right) right.style.setProperty('order','1','important');\n } else {\n grid.style.setProperty('grid-template-columns','1fr 1fr','important');\n grid.style.setProperty('gap','40px','important');\n var right = grid.querySelector('.hero-right');\n if(right) right.style.removeProperty('order');\n }\n }\n heroResponsive();\n window.addEventListener('resize', heroResponsive);\n document.addEventListener('DOMContentLoaded', heroResponsive);\n window.addEventListener('load', heroResponsive);\n})();\n<\/script>\n\n<script>\nfunction switchPlan(type){\n var single = document.getElementById('plansSingle');\n var multi = document.getElementById('plansMulti');\n var btnS = document.getElementById('btnSingle');\n var btnM = document.getElementById('btnMulti');\n if(type === 'single'){\n single.style.display = '';\n multi.style.display = 'none';\n btnS.classList.add('ptoggle-active');\n btnM.classList.remove('ptoggle-active');\n } else {\n single.style.display = 'none';\n multi.style.display = '';\n btnM.classList.add('ptoggle-active');\n btnS.classList.remove('ptoggle-active');\n }\n}\n<\/script>\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 IPTV Smarters Pro Abonnement IPTV Installation Blog Contact Abonnement IPTV Meilleure Application IPTV 2026 IPTV Smarters Pro \u2014 Meilleure Application IPTV en 2026 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 Multi-\u00e9crans 20 000+ Cha\u00eenes 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. Voir le guide d’installation Android TV & Box Box IPTV et Android TV support\u00e9s. Voir le guide d’installation Android & iPhone Smartphones iOS et Android. Voir le guide d’installation PC Windows & Mac Tous les ordinateurs support\u00e9s. Voir le guide d’installation Amazon Fire Stick Installation simple et rapide. Voir le guide d’installation 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. Performance & Stabilit\u00e9 Meilleure Exp\u00e9rience avec un Abonnement IPTV Pour exploiter pleinement IPTV Smarters Pro, il est essentiel d’avoir un bon abonnement IPTV. Une bonne application devient encore plus performante quand la qualit\u00e9 du flux suit. Un bon abonnement transforme l’exp\u00e9rience Avec une source stable et bien configur\u00e9e, l’application affiche tout son potentiel sur la fluidit\u00e9, la qualit\u00e9 d’image et la continuit\u00e9 de lecture. Acc\u00e8s au contenuCha\u00eenes TV, films et s\u00e9ries disponibles dans une seule interface. Meilleure stabilit\u00e9Lecture plus fluide avec moins de coupures et une navigation plus confortable. Qualit\u00e9 vid\u00e9o optimaleRendu plus net sur TV, box Android, smartphone ou ordinateur. Moins de bufferingUne exp\u00e9rience plus continue, surtout pendant les contenus en direct. Combinez un bon abonnement avec l’application pour une exp\u00e9rience parfaite. Couverture compl\u00e8te Un abonnement fiable ouvre l’acc\u00e8s \u00e0 plus de contenus sans friction. TV \u00b7 Films \u00b7 S\u00e9ries Lecture plus stable Quand la source est bonne, l’app devient plus fluide et plus agr\u00e9able. Moins de buffering Qualit\u00e9 optimis\u00e9e Le rendu vid\u00e9o reste plus propre sur les grands \u00e9crans et box TV. Image plus nette Exp\u00e9rience compl\u00e8te Association id\u00e9ale entre application performante et source IPTV de qualit\u00e9. Confort premium 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. \u00c9cran unique Multi-\u00e9crans 3 Mois D\u00e9couvrez la qualit\u00e9 Smarters Pro \u20ac 22 \/ 3 mois +20 000 cha\u00eenes TV France & Monde Films & s\u00e9ries en HD \/ Full HD Compatible Smart TV, Box, Mobile Anti-buffering & serveur stable Catch-up TV \u2014 Replay 7 jours Activation instantan\u00e9e Support 24\/7 Choisir 3 mois Paiement 100 % s\u00e9curis\u00e9 Populaire 6 Mois Le choix de 80% de nos clients \u20ac 39 \/ 6 mois +20 000 cha\u00eenes TV<\/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":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.8\" \/>\n\n\t\t<meta name=\"google-site-verification\" content=\"CiNCV-Ju_d-wz6m292kMeaDnjo2Ms_sUMkQk1NQqC6g\" \/>\n<meta name=\"google-site-verification\" content=\"43CavQsUVr2oQzc3eR7E9aB2KojmQmhhNpkqAVURdfg\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"IPTV Smarters officiel -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes\" \/>\n\t\t<meta property=\"og:description\" content=\"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-04-20T19:54:05+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-06-16T19:08:32+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#listItem\",\"name\":\"Accueil\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#listItem\",\"position\":2,\"name\":\"Accueil\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#organization\",\"name\":\"Smarters-official\",\"url\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/iptvsmarters-logo2-300x111-1.webp\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#organizationLogo\",\"width\":300,\"height\":111,\"caption\":\"IPTV SMARTERS PRO FRANCE\"},\"image\":{\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#webpage\",\"url\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/\",\"name\":\"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\\u00eenes\",\"description\":\"Abonnement IPTV Smarters Pro d\\u00e8s 25\\u20ac : +20 000 cha\\u00eenes, films & s\\u00e9ries en 4K, activation instantan\\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\\\/7.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#breadcrumblist\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/Design-sans-titre-3.png\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#mainImage\",\"width\":1920,\"height\":1080,\"caption\":\"IPTV Smarters Pro abonnement IPTV premium en France\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#mainImage\"},\"datePublished\":\"2026-04-20T19:54:05+00:00\",\"dateModified\":\"2026-06-16T19:08:32+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#website\",\"url\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/\",\"name\":\"IPTV Smarters Pro\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/iptvsmarters-officiel.com\\\/smarters-2026\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\r\n\t\t<title>IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes<\/title>\n\n","aioseo_head_json":{"title":"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes","description":"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.","canonical_url":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":"<meta name=\"google-site-verification\" content=\"CiNCV-Ju_d-wz6m292kMeaDnjo2Ms_sUMkQk1NQqC6g\" \/>\n<meta name=\"google-site-verification\" content=\"43CavQsUVr2oQzc3eR7E9aB2KojmQmhhNpkqAVURdfg\" \/>"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026#listItem","position":1,"name":"Home","item":"https:\/\/iptvsmarters-officiel.com\/smarters-2026","nextItem":{"@type":"ListItem","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#listItem","name":"Accueil"}},{"@type":"ListItem","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#listItem","position":2,"name":"Accueil","previousItem":{"@type":"ListItem","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#organization","name":"Smarters-official","url":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/","logo":{"@type":"ImageObject","url":"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#organizationLogo","width":300,"height":111,"caption":"IPTV SMARTERS PRO FRANCE"},"image":{"@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#webpage","url":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/","name":"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes","description":"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#website"},"breadcrumb":{"@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#breadcrumblist"},"image":{"@type":"ImageObject","url":"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/03\/Design-sans-titre-3.png","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#mainImage","width":1920,"height":1080,"caption":"IPTV Smarters Pro abonnement IPTV premium en France"},"primaryImageOfPage":{"@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#mainImage"},"datePublished":"2026-04-20T19:54:05+00:00","dateModified":"2026-06-16T19:08:32+00:00"},{"@type":"WebSite","@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#website","url":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/","name":"IPTV Smarters Pro","inLanguage":"en-US","publisher":{"@id":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/#organization"}}]},"og:locale":"en_US","og:site_name":"IPTV Smarters officiel -","og:type":"article","og:title":"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes","og:description":"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.","og:url":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/","og:image":"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp","og:image:secure_url":"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp","article:published_time":"2026-04-20T19:54:05+00:00","article:modified_time":"2026-06-16T19:08:32+00:00","twitter:card":"summary_large_image","twitter:title":"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes","twitter:description":"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.","twitter:image":"https:\/\/iptvsmarters-officiel.com\/wp-content\/uploads\/2024\/01\/iptvsmarters-logo2-300x111-1.webp"},"aioseo_meta_data":{"post_id":"4434","title":"IPTV Smarters Pro 2026 - Abonnement IPTV 4K |+50 000 Cha\u00eenes","description":"Abonnement IPTV Smarters Pro d\u00e8s 25\u20ac : +20 000 cha\u00eenes, films & s\u00e9ries en 4K, activation instantan\u00e9e. Compatible Smart TV, Box, Mobile. Support 24\/7.","keywords":null,"keyphrases":{"focus":{"keyphrase":"iptv smarters pro","score":67,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":3},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":9,"maxScore":9,"error":0},"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-06-16 19:08:42","limit_modified_date":false,"open_ai":null,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-04-20 19:54:05","updated":"2026-06-16 20:44:12","breadcrumb_settings":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/iptvsmarters-officiel.com\/smarters-2026\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\tAccueil\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/iptvsmarters-officiel.com\/smarters-2026"},{"label":"Accueil","link":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/"}],"_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":226,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages\/4434\/revisions"}],"predecessor-version":[{"id":5055,"href":"https:\/\/iptvsmarters-officiel.com\/smarters-2026\/wp-json\/wp\/v2\/pages\/4434\/revisions\/5055"}],"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}]}}