@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#101832;--muted:#69748e;--purple:#5317ef;--purple2:#7a43ff;--violet:#9e6cff;--border:#e7eafa;--surface:#f7f9ff;--white:#fff;--shadow:0 16px 44px rgba(20,28,67,.065);--radius:19px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:var(--navy);background:#fff;line-height:1.62;overflow-x:hidden}button,input,textarea,select{font:inherit}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c8b5ff;outline-offset:3px}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.section{padding:82px 0}.section.soft{background:var(--surface)}.section-title{text-align:center;margin:0 auto 42px;max-width:720px}.section-title .eyebrow{margin-bottom:6px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--purple)}.section-title h2,.page-intro h1{font-family:Outfit,sans-serif;line-height:1.14;font-size:clamp(27px,3.6vw,40px);letter-spacing:-.035em;margin:8px 0 12px}.section-title p{color:var(--muted);margin:0;font-size:15px}h1,h2,h3,h4{font-family:Outfit,sans-serif;line-height:1.18}p{margin-top:0}h3{margin:0 0 9px}small{font-size:12px}.text-muted{color:var(--muted)}.text-purple{color:var(--purple)}.section-tight{padding:62px 0}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 24px;font-weight:800;font-size:13px;line-height:1.35;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;color:#fff;background:linear-gradient(125deg,var(--purple),#712afe);box-shadow:0 9px 22px rgba(90,26,235,.18)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(90,26,235,.25)}.btn-outline{background:#fff;color:var(--purple);border-color:#b9a1ff;box-shadow:none}.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.67);box-shadow:none}.btn-white{color:var(--purple);background:#fff;box-shadow:none}.btn-sm{padding:10px 21px}.btn-block{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.icon{display:inline-flex;align-items:center;justify-content:center}.icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.check-list{list-style:none;padding:0;margin:0}.check-list li{display:flex;gap:10px;align-items:flex-start;margin-bottom:11px;font-size:13px}.check-list li:before{content:'✓';font-weight:900;color:var(--purple);flex:0 0 18px}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:30px;background:#f0eaff;color:var(--purple);font-weight:800;padding:5px 13px;font-size:11px}.topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid #eff0f8}.nav-wrap{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{height:42px;max-width:178px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:13px;font-weight:700;color:#5f6981;transition:color .15s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--purple)}.nav-links .btn{color:#fff}.mobile-toggle{border:0;background:#f2edff;color:var(--purple);width:42px;height:42px;border-radius:11px;display:none;align-items:center;justify-content:center;font-size:24px}
/* MAIN HERO */
.hero{background:#080d26;color:white;min-height:535px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(6,10,31,.98) 0%,rgba(8,11,36,.94) 34%,rgba(13,14,42,.47) 74%,rgba(9,8,32,.37) 100%),url('../img/fans-football.webp') center 42%/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 28% 72%,rgba(89,28,241,.35),transparent 48%),linear-gradient(0deg,rgba(5,8,25,.18),transparent 50%)}.hero-grid{padding:72px 0;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:38px}.hero .eyebrow{color:#b7a3ff}.hero h1{font-size:clamp(42px,5.5vw,69px);line-height:1.03;letter-spacing:-.045em;margin:12px 0 18px;max-width:630px;font-weight:800}.hero h1 span{color:#a36cff}.hero .lead{color:#e1dff2;max-width:520px;font-size:16px;line-height:1.85}.hero .checks{display:grid;gap:9px;margin:19px 0 25px}.hero .checks span{display:flex;gap:10px;align-items:center;font-size:13px;color:#f2eeff}.hero .checks b{display:grid;place-items:center;background:var(--purple);border-radius:50%;width:18px;height:18px;font-size:11px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-visual{position:relative}.hero-visual .device-frame{border:1px solid rgba(159,133,255,.7);padding:9px;background:linear-gradient(145deg,#1b1260,#090d2c);border-radius:21px;box-shadow:0 36px 80px rgba(38,0,119,.48),0 0 0 8px rgba(129,69,255,.09);transform:rotate(1deg)}.hero-visual .device-frame img{border-radius:12px;width:100%;height:390px;object-fit:cover}.floating-pill{position:absolute;background:#fff;color:var(--navy);font-weight:800;font-size:12px;border-radius:13px;padding:12px 15px;box-shadow:0 14px 36px rgba(0,0,0,.17)}.pill-a{bottom:-20px;left:-38px}.pill-b{top:-24px;right:-18px}.dot-purple{height:7px;width:7px;border-radius:100%;background:#6a2bff;display:inline-block;margin-right:7px}.notice-under-hero{background:#f3efff;color:#65578c;text-align:center;font-size:12px;padding:10px 15px}.notice-under-hero a{color:#5417eb;font-weight:800;text-decoration:underline}
/* cards */
.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.device-card,.benefit-card,.article-card,.info-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.feature-card{padding:29px 22px;min-height:195px;transition:transform .2s}.feature-card:hover,.device-card:hover{transform:translateY(-5px)}.feature-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:var(--purple);background:linear-gradient(145deg,#eee8ff,#f9f7ff);margin-bottom:20px;font-size:23px;font-weight:800}.feature-card h3{font-size:16px}.feature-card p,.benefit-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}.step{text-align:center;position:relative}.step-n{background:#e8ddff;color:var(--purple);display:grid;place-items:center;width:47px;height:47px;font-weight:900;font-size:17px;border-radius:50%;margin:0 auto 16px}.step h3{font-size:17px}.step p{font-size:13px;color:var(--muted);max-width:280px;margin:0 auto}.steps-row .step:not(:last-child):after{content:'→';position:absolute;top:7px;right:-24px;font-size:26px;color:#a984ff}.price-grid{align-items:stretch}.price-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px 22px 22px;position:relative;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .2s}.price-card:hover{transform:translateY(-5px)}.price-card h3{font-size:16px;text-align:center;margin-bottom:6px}.price{font:800 35px/1.1 Outfit,sans-serif;letter-spacing:-.04em;color:var(--purple);text-align:center;margin:7px 0 15px}.price .currency{font-size:25px}.price-card .check-list{margin:6px 0 22px;flex:1}.price-card .check-list li{font-size:12px;margin-bottom:10px}.price-card.featured{border:2px solid #6526ff;background:linear-gradient(160deg,#6223ff,#4c11d8);color:white;transform:translateY(-12px);box-shadow:0 22px 42px rgba(79,18,220,.22)}.price-card.featured:hover{transform:translateY(-17px)}.price-card.featured .price{color:#fff}.price-card.featured .check-list li:before{color:white}.price-card.featured .btn{background:#fff;color:var(--purple);box-shadow:none}.price-card.featured .price-note,.price-card.featured .check-list{color:#f1eaff}.price-ribbon{position:absolute;top:-15px;left:50%;transform:translateX(-50%);border-radius:30px;padding:5px 14px;background:#272055;color:white;font-size:11px;white-space:nowrap;font-weight:800}.price-note{text-align:center;color:var(--muted);font-size:11px;margin-top:14px}.legal-alert{font-size:12px;color:#69748e;max-width:920px;text-align:center;margin:30px auto 0}.devices{display:grid;grid-template-columns:repeat(7,1fr);gap:13px}.device-card{padding:19px 10px 17px;text-align:center;transition:transform .2s}.device-card img{width:67px;height:67px;object-fit:contain;margin:0 auto 9px}.device-card h3{font-size:13px;margin:5px 0}.device-card p{font-size:10px;color:var(--muted);line-height:1.5;margin:0}.small-device-icon{width:68px;height:68px;margin:0 auto 10px;display:grid;place-items:center;color:#602bff;font-size:39px}.benefit-card{padding:20px;display:flex;align-items:flex-start;gap:14px}.benefit-card .feature-icon{width:42px;height:42px;flex:0 0 42px;margin:0;border-radius:13px}.benefit-card h3{font-size:15px;margin:0 0 7px}.lifestyle{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center}.lifestyle>img{width:100%;height:342px;object-fit:cover;border-radius:18px}.lifestyle h2{font-size:30px;line-height:1.15}.lifestyle p{color:var(--muted);font-size:14px}.mini-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-benefits>div{background:#fff;border:1px solid var(--border);padding:13px;border-radius:12px;font-size:12px;font-weight:800}.mini-benefits>div strong{color:var(--purple);margin-right:5px}.showcase{padding:0 0 62px}.showcase img{border-radius:20px;width:100%;box-shadow:0 25px 60px rgba(10,9,40,.12)}
.article-card{overflow:hidden;display:flex;flex-direction:column}.article-card img{height:190px;width:100%;object-fit:cover}.article-body{padding:23px;display:flex;flex-direction:column;flex:1}.article-body h3{font-size:18px}.article-body p{color:var(--muted);font-size:13px;flex:1}.article-body a{font-size:13px;color:var(--purple);font-weight:800}.cta-section{background:linear-gradient(110deg,#4e0de1,#6a25ef,#872bf9);color:#fff;padding:48px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{font-size:29px;line-height:1.12;margin:0 0 11px;max-width:630px}.cta-inner p{color:#ece5ff;margin:0;font-size:14px;max-width:660px}.footer{background:#0d142b;color:#cfdaef;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:36px}.footer .brand img{height:48px;max-width:195px}.footer h4{font-size:14px;color:white;margin:6px 0 19px}.footer p,.footer a,.footer li{font-size:12px;line-height:1.8;color:#bbc5dc}.footer a:hover{color:white}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.footer-bottom{border-top:1px solid #242b45;padding-top:18px;margin-top:39px;display:flex;justify-content:space-between;gap:20px;color:#9da9be;font-size:11px}
/* inner pages */
.page-hero{background:linear-gradient(120deg,#f6f3ff 5%,#ece7ff 67%,#eeeaff);padding:67px 0}.page-hero .eyebrow{font-size:12px}.page-hero .split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.page-hero h1{font-size:clamp(35px,4.5vw,56px);letter-spacing:-.04em;margin:10px 0 18px}.page-hero h1 span{color:var(--purple)}.page-hero p{font-size:14px;color:#59647e;max-width:560px}.page-hero img{width:100%;object-fit:cover;height:315px;border-radius:23px;box-shadow:0 22px 55px rgba(54,25,141,.14)}.page-intro{padding:65px 0 30px;text-align:center;background:linear-gradient(180deg,#f4f0ff,#fff)}.page-intro h1{font-size:clamp(36px,4.2vw,53px);max-width:850px;margin-inline:auto}.page-intro p{max-width:680px;margin:0 auto;color:var(--muted)}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.platform-card{border:1px solid var(--border);border-radius:18px;padding:27px 17px;background:white;text-align:center;box-shadow:var(--shadow)}.platform-card img{width:100px;height:100px;object-fit:contain;margin:0 auto 8px}.platform-card h3{font-size:17px}.platform-card p{font-size:12px;color:var(--muted);margin-bottom:20px}.tabbar{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;background:#f1f3fc;padding:6px;border-radius:13px;margin:0 auto 24px;max-width:850px}.tab{background:transparent;border:0;color:#66718a;font-size:13px;padding:13px 17px;font-weight:800;border-radius:9px;flex:1;min-width:120px}.tab[aria-selected=true]{background:var(--purple);color:#fff;box-shadow:0 9px 21px rgba(81,18,234,.2)}.guide-panel{background:#fff;border-radius:18px;border:1px solid var(--border);padding:34px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.guide-panel[hidden]{display:none}.guide-panel h3{font-size:22px}.timeline{list-style:none;counter-reset:steps;margin:25px 0 0;padding:0}.timeline li{position:relative;counter-increment:steps;padding:0 0 23px 56px}.timeline li:last-child{padding-bottom:0}.timeline li:not(:last-child):before{content:'';position:absolute;left:18px;top:35px;height:calc(100% - 30px);border-left:2px solid #e3d6ff}.timeline li:after{content:counter(steps);position:absolute;left:0;top:0;height:38px;width:38px;border-radius:50%;background:var(--purple);color:white;display:grid;place-items:center;font-weight:900}.timeline h4{font-size:15px;margin:2px 0 6px}.timeline p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.guide-aside{background:linear-gradient(150deg,#140b46,#5421c9);color:white;border-radius:16px;padding:30px 25px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:8px}.guide-aside h3{font-size:22px}.guide-aside p{font-size:13px;color:#d8cdfb}.guide-aside .btn{margin-top:10px}.faq-list{max-width:840px;margin:auto;display:grid;gap:11px}.faq-list details{border:1px solid var(--border);border-radius:13px;background:#fff;box-shadow:0 4px 18px rgba(20,24,55,.025);overflow:hidden}.faq-list summary{cursor:pointer;list-style:none;font-weight:800;font-size:14px;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--purple);font-size:19px;font-weight:700}.faq-list details[open] summary:after{content:'−'}.faq-list details p{padding:0 21px 20px;color:var(--muted);margin:0;font-size:13px}.question-group{margin-bottom:35px}.question-group h2{font-size:22px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-card{border:1px solid var(--border);padding:30px;border-radius:18px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:12px;font-weight:800}.field input,.field textarea,.field select{border:1px solid #dfe4f2;border-radius:11px;padding:12px 15px;width:100%;color:var(--navy);background:white;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7d48ff;box-shadow:0 0 0 3px #eee7ff}.field textarea{resize:vertical;min-height:115px}.info-list{list-style:none;padding:0;margin:17px 0;display:grid;gap:18px}.info-list li{font-size:14px;color:#586582}.warning{font-size:12px;color:#6c6481;background:#f5f1ff;padding:14px 16px;border-radius:11px;border:1px solid #e8deff}.order-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.summary-card{border:1px solid var(--border);border-radius:18px;padding:28px;position:sticky;top:100px;height:max-content;background:#fbfbff}.order-total{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:28px;margin:22px 0 14px;color:var(--purple)}.legal{max-width:870px;margin:0 auto}.legal h2{font-size:22px;margin-top:30px}.legal p,.legal li{color:#5d6981;font-size:14px}.breadcrumb{font-size:12px;color:#75658e}.breadcrumb a{color:var(--purple)}.empty-state{text-align:center;background:#f7f5ff;padding:38px;border-radius:17px}.anchor-link{text-decoration:underline;color:var(--purple)}.article-detail{max-width:850px;margin:auto}.article-detail .hero-article{width:100%;height:370px;object-fit:cover;border-radius:21px;margin-bottom:26px}.article-detail h2{font-size:25px;margin-top:30px}.article-detail p,.article-detail li{color:#5e6980;font-size:15px}.split-showcase{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split-showcase img{width:100%;border-radius:18px;object-fit:cover;max-height:460px}.split-showcase h2{font-size:31px}.split-showcase p{font-size:14px;color:var(--muted)}.seo-footer-note{font-size:11px;color:#abb5cf;padding-top:13px}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.form-status{font-size:13px;margin:14px 0;color:var(--purple);font-weight:700}.form-status[hidden]{display:none}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:49px}.grid-4{grid-template-columns:repeat(2,1fr)}.devices{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.platform-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.container{width:min(100% - 32px,1180px)}.section{padding:60px 0}.section-tight{padding:50px 0}.nav-wrap{min-height:66px}.brand img{height:36px;max-width:155px}.mobile-toggle{display:flex}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;padding:20px;background:white;box-shadow:0 20px 30px rgba(10,10,25,.1);border-bottom:1px solid var(--border);align-items:stretch;flex-direction:column;gap:5px}.nav-links.open{display:flex}.nav-links a{padding:10px 12px}.nav-links .btn{justify-content:center}.hero{min-height:0}.hero-grid{display:flex;flex-direction:column;gap:48px;padding:64px 0 72px}.hero h1{font-size:clamp(39px,9.5vw,56px)}.hero .lead{font-size:14px}.hero-visual{width:94%}.pill-a{bottom:-18px;left:-15px}.pill-b{right:-14px}.hero:before{background:linear-gradient(90deg,rgba(7,8,26,.94),rgba(6,8,27,.72)),url('../img/fans-football.webp') center/cover}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.steps-row{grid-template-columns:1fr;gap:33px}.steps-row .step:not(:last-child):after{content:'↓';top:auto;right:calc(50% - 9px);bottom:-31px;font-size:19px}.price-grid{gap:26px}.price-card.featured{transform:none}.price-card.featured:hover{transform:translateY(-5px)}.devices{grid-template-columns:repeat(2,1fr)}.lifestyle,.split-showcase{grid-template-columns:1fr}.lifestyle>img{height:285px}.mini-benefits{grid-template-columns:1fr 1fr}.cta-inner{flex-direction:column;align-items:flex-start}.cta-inner h2{font-size:27px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column}.page-hero .split{grid-template-columns:1fr}.page-hero img{height:280px}.page-hero h1{font-size:40px}.page-intro{padding:52px 0 20px}.platform-grid{grid-template-columns:repeat(2,1fr)}.guide-panel{grid-template-columns:1fr;padding:23px}.guide-aside{min-height:200px}.tab{min-width:40%;padding:12px 7px;font-size:12px}.contact-layout,.order-layout{grid-template-columns:1fr}.summary-card{position:static}.article-detail .hero-article{height:260px}.section-title h2{font-size:29px}}
@media(max-width:420px){.platform-grid{grid-template-columns:1fr}.devices{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.hero-visual .device-frame{padding:5px;border-radius:12px}.floating-pill{font-size:9px;padding:7px}.page-hero h1{font-size:36px}.btn-row .btn{width:100%}.hero-actions .btn{flex:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:740px){.hero-visual .device-frame img{height:280px;object-position:center 43%}}


/* V2 — refonte visuelle, icônes dédiées, navigation tarifs en ancre. */
.hero-redesign{min-height:625px;align-items:center}
.hero-redesign::before{background:linear-gradient(90deg,rgba(7,9,31,.97) 0%,rgba(13,10,39,.94) 24%,rgba(12,11,35,.78) 41%,rgba(8,9,31,.14) 78%,rgba(8,9,26,.1) 100%),url('../img/fans-football.webp') center 44%/cover no-repeat}
.hero-redesign::after{background:linear-gradient(0deg,rgba(6,7,28,.68),transparent 33%),radial-gradient(ellipse at 24% 85%,rgba(97,31,255,.36),transparent 57%)}
.hero-layout{width:min(var(--container),calc(100% - 40px));padding:84px 0 88px;position:relative;display:block}
.hero-content{width:min(100%,600px);padding:12px 0 8px;position:relative;z-index:1}
.hero-redesign h1{font-size:clamp(46px,5vw,70px);max-width:650px;letter-spacing:-.042em;margin:13px 0 14px;line-height:1.04}
.hero-redesign h1 span{color:#af8bff}
.hero-tagline{font:700 clamp(17px,1.6vw,22px)/1.3 Outfit,sans-serif;color:#fff;margin:0 0 14px}
.hero-redesign .lead{font-size:15.5px;line-height:1.82;max-width:550px;color:#e7e7f7}
.hero-redesign .checks{gap:11px;margin:21px 0 28px}
.hero-redesign .checks span{font-size:13px}
.hero-redesign .checks b{width:22px;height:22px;background:#6727f6}
.hero-redesign .hero-actions{gap:13px}
.hero-redesign .btn-hero{background:linear-gradient(120deg,#5620ef,#7b33fa)}
.hero-footnote{margin-top:24px;color:#d7cfff;font-size:12px;font-weight:600}
.hero-footnote span{padding:0 9px;color:#ae8bf9}
.promo-visual{background:#0d0b36;line-height:0}
.promo-visual-inner{margin:auto;max-width:1920px}
.promo-visual img{width:100%;height:auto;display:block}
.feature-icon img{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(79,37,218,.07))}
.feature-icon{background:#f0ebff;border-radius:16px;box-shadow:inset 0 0 0 1px #eae1ff;width:54px;height:54px;margin-bottom:19px}
.benefit-card .feature-icon{margin:0;flex:0 0 54px}
.device-icon-svg{width:74px;height:74px;margin:0 auto 14px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#f0e9ff,#faf8ff);border:1px solid #e5dcff}
.device-icon-svg img{height:42px;width:42px;object-fit:contain}
.device-card .device-icon-svg{margin-bottom:9px}
.device-card>img{object-fit:contain}
.lifestyle>img{aspect-ratio:1.22/1;max-height:470px;object-fit:cover;object-position:center}
#tarifs{scroll-margin-top:77px}
#tarifs:target .section-title h2{color:#4e19dc;transition:color .3s}
.install-header{padding:98px 0 91px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,#f3eeff 0%,#f8f6ff 51%,#eee8ff 100%)}
.install-header:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 8% 4%,rgba(177,151,255,.31),transparent 38%),radial-gradient(ellipse at 93% 88%,rgba(124,82,239,.2),transparent 43%)}
.install-header-content{max-width:860px;text-align:center}
.install-header .eyebrow{font-size:12px;margin:0 0 17px}
.install-header h1{font-size:clamp(35px,4.6vw,57px);line-height:1.1;letter-spacing:-.045em;margin:0 auto 22px;max-width:830px}
.install-header h1 strong{font-weight:900}
.install-header h1 span{color:#5b24f3}
.install-header p:not(.eyebrow){color:#596381;max-width:680px;margin:0 auto 24px;font-size:15px;line-height:1.8}
.install-header .hero-actions{justify-content:center}
.install-highlights{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 26px;margin-top:26px;color:#5d3ec4;font-size:12px;font-weight:700}
.platform-card-reworked{transition:transform .17s,box-shadow .17s}
.platform-card-reworked:hover{transform:translateY(-5px);box-shadow:0 20px 35px rgba(72,35,155,.11)}
.platform-card-reworked .btn{white-space:normal;min-height:45px}
@media(max-width:1000px){.hero-redesign::before{background-position:61% 50%}}
@media(max-width:740px){
.hero-redesign{min-height:610px}
.hero-redesign::before{background:linear-gradient(90deg,rgba(7,8,28,.93),rgba(7,8,29,.68)),url('../img/fans-football.webp') 53% center/cover no-repeat}
.hero-redesign::after{background:linear-gradient(0deg,rgba(14,7,42,.65),transparent 50%),radial-gradient(ellipse at 10% 80%,rgba(98,27,235,.25),transparent 70%)}
.hero-layout{padding:66px 0 62px}
.hero-content{max-width:575px}
.hero-redesign h1{font-size:clamp(42px,9vw,60px);max-width:520px}
.hero-redesign .lead{font-size:14px;line-height:1.75}
.hero-redesign .checks span{font-size:12px}
.hero-redesign .hero-actions .btn{white-space:normal;min-height:44px}
.hero-redesign .eyebrow{font-size:10px}
.promo-visual{overflow:hidden}
.promo-visual img{width:100%;object-fit:cover;object-position:center}
.grid.grid-4:not(.price-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
.feature-card{min-height:0;padding:22px 18px}
.feature-icon{width:48px;height:48px;border-radius:13px}
.benefit-card .feature-icon{flex-basis:48px}
.benefit-card{align-items:flex-start}
.device-icon-svg{width:70px;height:70px}
.install-header{padding:69px 0 60px}
.install-header h1{font-size:clamp(34px,7.5vw,45px)}
.install-header p:not(.eyebrow){font-size:14px}
.install-highlights{gap:10px 17px;font-size:11px}
}
@media(max-width:520px){
.hero-redesign{min-height:0}
.hero-layout{padding:58px 0 59px}
.hero-redesign h1{font-size:clamp(41px,10vw,51px)}
.hero-redesign .hero-actions{flex-direction:column}
.hero-redesign .hero-actions .btn{width:100%}
.promo-visual img{width:155%;max-width:none;position:relative;left:50%;transform:translateX(-50%)}
.grid.grid-4:not(.price-grid){grid-template-columns:1fr}
.feature-card{padding:23px;display:grid;grid-template-columns:52px 1fr;column-gap:17px;align-items:start}
.feature-card .feature-icon{grid-row:span 2;margin:0}
.feature-card h3{margin:3px 0 5px}
.feature-card p{grid-column:2}
.benefit-card{padding:19px 17px}
.devices{gap:12px}
.device-card{padding:18px 8px;min-width:0}
.device-card h3{font-size:13px}
.device-card p{font-size:11px;line-height:1.45}
.device-icon-svg{width:58px;height:58px;border-radius:16px;margin-bottom:12px}
.device-icon-svg img{height:35px;width:35px}
.install-header .hero-actions{flex-direction:column;gap:10px}
.install-header .hero-actions .btn{width:100%}
.install-header h1{font-size:clamp(32px,8.4vw,41px)}
.install-highlights{display:grid;gap:8px;justify-items:center}
}

/* Image promotionnelle de bureau + alternative lisible sur petit écran. */
.mobile-promo{display:none}
@media(max-width:520px){
.promo-visual .promo-visual-inner>img{display:none}
.mobile-promo{display:block;background:radial-gradient(circle at 84% 15%,rgba(105,58,255,.39),transparent 48%),linear-gradient(140deg,#080c2d,#241269 85%);color:#fff;padding:32px 22px 30px;line-height:1.5}
.mobile-promo-heading{text-align:center}
.mobile-promo-label{color:#bba5ff;letter-spacing:.16em;font-size:10px;font-weight:900}
.mobile-promo h2{font-size:31px;line-height:1.05;margin:10px 0}
.mobile-promo p{font-size:12px;color:#e3daff;margin:12px auto 20px;max-width:300px}
.mobile-promo-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:340px;margin:auto}
.mobile-promo-icons>div{border:1px solid #6550d5;background:rgba(29,21,101,.6);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:12px 3px 10px;min-height:88px;gap:3px}
.mobile-promo-icons img{height:40px;width:40px;object-fit:contain}
.mobile-promo-icons span{font-size:11px;font-weight:700}
.mobile-promo-cta{margin:21px auto 0;padding:11px 15px;border-radius:100px;max-width:340px;display:flex;align-items:center;justify-content:center;gap:7px;background:#6d2af7;font-size:12px;font-weight:800;color:#fff}
.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.platform-card{padding:18px 10px;border-radius:16px}
.platform-card img{width:78px;height:78px;margin-bottom:4px}
.platform-card h3{font-size:14px;margin-bottom:6px}
.platform-card p{font-size:11px;min-height:37px;line-height:1.4;margin-bottom:11px}
.platform-card .btn{min-height:50px;padding:8px;font-size:10px;line-height:1.35}
}


/* V3 - mises à jour demandées : Hero famille, tarifs, pictogrammes */
.hero-redesign::before {
 background: linear-gradient(90deg,rgba(5,8,30,.96) 0%,rgba(12,10,37,.90) 29%,rgba(13,10,34,.64) 47%,rgba(6,8,26,.09) 78%),url('../img/hero-famille-2026.webp') center 44% / cover no-repeat;
}
.hero-redesign::after {background:radial-gradient(ellipse at 20% 81%,rgba(74,19,198,.38),transparent 57%),linear-gradient(0deg,rgba(4,7,25,.54),transparent 28%)}
.hero-redesign .hero-content{width:min(100%,570px)}
.hero-redesign .lead {max-width:480px}
/* Unified platform icon design */
.devices .device-card {padding:19px 8px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px}
.device-icon-v3 {width:72px;height:72px;flex:0 0 72px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,#f0eaff,#faf8ff);border:1px solid #e9dfff;margin:0 auto 5px;box-shadow:inset 0 2px 10px rgba(104,64,235,.025)}
.device-card .device-icon-v3 img {width:42px;height:42px;object-fit:contain;margin:0}
.devices .device-card h3 {min-height:20px;margin:1px 0 0}
.devices .device-card p {margin:0}
.platform-card .platform-device-v3{width:82px;height:82px;object-fit:contain;background:#f5f1ff;border:1px solid #eadfff;border-radius:20px;padding:17px;display:block;margin:0 auto 14px}
/* Price cards in supplied design */
.price-grid{gap:18px;align-items:stretch;padding-top:22px}
.price-v3{border:1.5px solid #6730ff;border-radius:16px;padding:0 22px 24px;min-height:575px;box-shadow:0 4px 13px rgba(45,24,102,.065);overflow:hidden}
.price-v3 .price-heading{padding-top:28px;margin-bottom:11px;text-align:center}
.price-v3 .price-sub{font-size:12px;font-weight:500;color:#71809a;margin:0 0 10px}
.price-v3 h3{font-size:21px;color:#151c3a;margin:0}
.price-v3 .price{font-size:39px;margin:5px 0 8px;white-space:nowrap}
.price-v3 .price .currency{font-size:21px;font-weight:400;vertical-align:5px;color:#7c84a0}
.price-v3 .price-features-title{font-size:14px;font-weight:700;margin:14px 0 10px}
.price-v3 .check-list{flex:1;margin:0 0 23px}
.price-v3 .check-list li {font-size:12.5px;line-height:1.48;margin-bottom:9px}
.price-v3 .check-list li::before {color:#20bd6c;flex-basis:15px}
.price-v3 .price-buy{min-height:46px;font-size:12.5px;margin-top:auto;white-space:normal;line-height:1.25}
.cart-chat{width:14px;height:14px;border:1.8px solid currentColor;border-radius:7px;display:inline-block;position:relative;font-size:0;flex-shrink:0}
.cart-chat::after{content:'';width:4px;height:4px;border-left:1.8px solid currentColor;position:absolute;bottom:-3px;left:2px;transform:rotate(28deg)}
.price-v3.featured{padding-top:30px;background:#5213ed;border-color:#5213ed;transform:none;box-shadow:0 16px 37px rgba(85,36,223,.20)}
.price-v3.featured:hover {transform:translateY(-5px)}
.price-v3.featured .price-heading{padding-top:15px}
.price-v3.featured .price-sub,.price-v3.featured h3,.price-v3.featured .price .currency{color:#e2d6ff}
.price-v3.featured .check-list li::before{color:#fff}
.price-v3.featured .price-ribbon {position:absolute;top:0;left:0;transform:none;width:100%;text-align:center;border-radius:0;background:rgba(255,255,255,.18);color:#fff;padding:7px 10px;font-size:12px}
.price-v3.featured .price-buy{color:#5d22f5;background:#fff}
.footer-payments{display:flex;flex-direction:column;gap:4px;align-items:flex-end;max-width:100%}
.footer-payments img{width:286px;height:auto;max-width:100%;object-fit:contain}
.footer-payments small{color:#a7b2ce;font-size:10px}
@media(max-width:1120px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-v3{min-height:540px}}
@media(max-width:740px){.hero-redesign::before{background:linear-gradient(90deg,rgba(5,8,30,.93),rgba(7,8,30,.78) 56%,rgba(7,8,30,.44)),url('../img/hero-famille-2026.webp') 59% center/cover no-repeat}.devices{grid-template-columns:repeat(3,minmax(0,1fr))}.device-icon-v3{width:61px;height:61px;flex-basis:61px;border-radius:18px}.device-card .device-icon-v3 img{width:34px;height:34px}.footer-bottom{gap:18px}.footer-payments{align-items:center}}
@media(max-width:520px){.hero-redesign::before{background:linear-gradient(90deg,rgba(5,8,30,.94),rgba(7,8,30,.74)),url('../img/hero-famille-2026.webp') 62% center/cover no-repeat}.devices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.device-icon-v3{width:62px;height:62px;flex-basis:62px}.price-grid{grid-template-columns:1fr;gap:16px;padding-top:0}.price-v3{min-height:0;padding:0 22px 22px}.price-v3 .check-list{margin-bottom:22px}.price-v3.featured{padding-top:32px}.footer-bottom{text-align:center}.footer-payments{align-items:center}}

/* ========== V5 • Abonnement IPTV Smarters Pro ========== */
:root { --royal:#5517f7; --violet-deep:#3c09cc; }
html { scroll-behavior:smooth; scroll-padding-top:88px; }
#questions,#tarifs,#appareils,#guide,#plateformes { scroll-margin-top:90px; }
.footer .footer-contact-email{font-size:16px;color:#fff;font-weight:800;word-break:break-all;}
.footer .footer-contact-help{font-size:12px;opacity:.85;margin-top:12px;}
.premium-editorial { display:grid; gap:13px; }
.premium-editorial p { font-size:14px;line-height:1.8;margin:0;color:#536079; }
.premium-editorial strong {color:#192247;font-weight:800;}
.lifestyle { grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center; }
.lifestyle > img {height:min(570px,100%);min-height:400px;object-fit:cover;}
.lifestyle .editorial-cta {margin-top:24px;}
.lifestyle h2 {font-size:clamp(26px,3vw,36px);margin-bottom:19px;}
.faq-list details p {font-size:14px;line-height:1.85;}
.faq-list details strong {color:#151f45;}
.blog-coming-section {padding:92px 0 112px;min-height:360px;}
.blog-empty {text-align:center;max-width:690px;margin:auto;background:linear-gradient(135deg,#fff,#f5f1ff);border:1px solid #e5dbff;border-radius:24px;padding:50px 38px;box-shadow:0 16px 45px rgba(43,20,110,.065);}
.blog-empty-icon {display:grid;place-items:center;width:66px;height:66px;background:#eee8ff;color:var(--royal);border-radius:21px;font-size:32px;margin:0 auto 22px;}
.blog-empty h2 {font-size:clamp(25px,3vw,37px);line-height:1.2;margin:8px 0 12px;}
.blog-empty p:not(.eyebrow){font-size:15px;color:#647089;line-height:1.8;}
.blog-empty a{margin-top:18px;}
.blog-posts-grid:empty{display:none;}
/* guide type appareil: one coherent 3-step timeline per tab */
#guide .section-title {margin-bottom:26px;}
#guide .section-title h2 {font-size:clamp(24px,2.6vw,35px);}
#guide [data-tabs="devices"] {margin-bottom:24px;}
#guide .guide-panel {display:block;max-width:950px;margin:0 auto;padding:38px 45px;border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(29,23,86,.045);}
#guide .guide-panel[hidden] {display:none!important;}
#guide .install-steps-v5 {counter-reset:none;list-style:none;display:grid;gap:38px;margin:0;padding:0;}
#guide .install-steps-v5 > li {display:grid;grid-template-columns:43px 1fr;gap:17px;align-items:start;}
#guide .install-steps-v5 .step-num {width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#6c27ff,#4212ec);color:white;font-weight:800;font-size:16px;box-shadow:0 6px 15px rgba(87,27,246,.17);}
#guide .install-steps-v5 h3 {font-size:16px;margin:1px 0 9px;color:#121b37;font-weight:800;line-height:1.45;}
#guide .install-steps-v5 p {color:#5a6783;margin:0;font-size:14px;line-height:1.75;}
#guide .guide-to-plans {margin-top:30px;}
/* Legal documents: clean, human-readable and mobile friendly */
.legal-hero {padding:85px 0 63px;background:radial-gradient(ellipse at 95% 0, #e7ddff 0, transparent 55%),linear-gradient(115deg,#f6f2ff,#eef4ff);border-bottom:1px solid #e5e3f3;}
.legal-hero-inner {max-width:930px;}
.legal-hero h1 {font-size:clamp(33px,4.4vw,56px);line-height:1.08;margin:10px 0 20px;color:#101b3b;}
.legal-hero p:not(.eyebrow){max-width:750px;line-height:1.7;color:#5a6781;font-size:16px;}
.legal-updated {display:inline-block;color:#704fca;font-size:12px;font-weight:700;margin-top:12px;}
.legal-body-section {background:#f9faff;}
.legal-document {max-width:950px;margin:0 auto;background:white;padding:44px clamp(20px,5vw,65px) 65px;border:1px solid #e3e8f6;border-radius:20px;box-shadow:0 15px 45px rgba(17,24,60,.035);}
.legal-document h2 {font-size:clamp(18px,2vw,22px);margin:32px 0 12px;line-height:1.35;color:#101d40;}
.legal-document p,.legal-document li {color:#5d6881;line-height:1.9;font-size:14px;}
.legal-document ul,.legal-document ol {padding-left:23px;}
.legal-document a {color:#5520ee;text-decoration:underline;text-underline-offset:3px;}
.legal-intro {padding:17px 19px;border-left:4px solid #6431f7;background:#f4f0ff;border-radius:0 12px 12px 0;color:#4b4670;font-size:13px;line-height:1.7;}
.legal-template {padding:22px;border:1px dashed #d8c7ff;background:#faf8ff;border-radius:13px;font-size:13px;line-height:1.8;color:#46536f;}
@media(max-width:900px){.lifestyle{grid-template-columns:1fr;gap:25px}.lifestyle>img{min-height:0;height:310px;}.premium-editorial{gap:10px;}}
@media(max-width:640px){.blog-coming-section {padding:58px 0 70px}.blog-empty{padding:30px 21px}.legal-hero{padding:63px 0 45px}.legal-document{padding:26px 20px 40px}.legal-body-section{padding:32px 0}.lifestyle>img{height:255px}#guide .guide-panel{padding:23px 18px;border-radius:15px}#guide .install-steps-v5{gap:28px}#guide .install-steps-v5>li{grid-template-columns:38px 1fr;gap:12px}#guide .install-steps-v5 .step-num{width:35px;height:35px}#guide .install-steps-v5 p{font-size:13px}}


/* V8: dedicated tariffs and FAQ pages, integrated with existing brand */
.v8-page-hero{position:relative;overflow:hidden;background:linear-gradient(122deg,#080c29 0%,#14104c 60%,#3912a6 100%);color:white}
.v8-page-hero:before{content:'';position:absolute;width:680px;height:680px;right:-260px;top:-320px;border-radius:50%;background:radial-gradient(circle,rgba(127,61,255,.55),transparent 67%);pointer-events:none}
.v8-page-hero:after{content:'';position:absolute;left:-190px;bottom:-340px;width:670px;height:670px;border-radius:50%;background:radial-gradient(circle,rgba(47,105,255,.17),transparent 72%);pointer-events:none}
.v8-page-hero .container{position:relative;z-index:1}
.v8-breadcrumb{display:flex;align-items:center;gap:11px;color:#c0b4e6;font-size:12px;font-weight:600;margin-bottom:27px}
.v8-breadcrumb a:hover{color:white;text-decoration:underline}
.v8-kicker{font-size:11px;letter-spacing:.14em;font-weight:800;color:#cdb8ff}
.v8-kicker-dot{display:inline-block;background:#a76cff;width:7px;height:7px;border-radius:50%;margin-right:9px;vertical-align:1px;box-shadow:0 0 14px #a76cff}
.v8-page-hero h1{font-size:clamp(39px,4.7vw,65px);line-height:1.08;letter-spacing:-.04em;margin:13px 0 19px;font-weight:800}
.v8-page-hero h1 span{color:#b48aff}
.v8-page-hero p{font-size:15px;line-height:1.85;color:#d2d2e9;max-width:590px}
.v8-pricing-intro{display:grid;grid-template-columns:1fr .9fr;gap:42px;align-items:center;padding-top:67px;padding-bottom:80px;min-height:515px}
.v8-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:25px 0 23px}
.v8-simple-link{color:#e6dfff;font-size:13px;font-weight:800}
.v8-simple-link:hover{text-decoration:underline;color:#fff}
.v8-hero-assurances{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;color:#d1cbef;font-size:11px;font-weight:650}
.v8-hero-assurances i{font-style:normal;color:#a885ff;font-weight:900;margin-right:4px}
.v8-pricing-art{position:relative;display:grid;place-items:center;min-height:355px;perspective:800px}
.v8-pricing-glow{width:460px;height:330px;background:radial-gradient(ellipse,rgba(106,70,255,.6),rgba(63,22,170,.18) 49%,transparent 70%);position:absolute;filter:blur(20px)}
.v8-floating-panel{position:relative;width:min(100%,470px);border:1px solid rgba(220,204,255,.35);border-radius:25px;background:linear-gradient(145deg,#2b2375,#130b42 66%,#251174);box-shadow:0 34px 70px rgba(4,2,28,.49),inset 0 1px 0 rgba(255,255,255,.15);padding:25px;transform:rotate(1.4deg)}
.v8-floating-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v8-floating-logo{font-family:Outfit,sans-serif;font-size:18px;font-weight:800}
.v8-floating-logo b{font-weight:500;color:#b8a4ff}
.v8-floating-chip{background:#5f27da;color:#eee5ff;font-weight:800;font-size:9px;letter-spacing:.12em;padding:8px 10px;border-radius:20px}
.v8-floating-main{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:33px 3px 36px}
.v8-floating-main small{display:block;color:#b4b1d4;font-size:12px;margin-bottom:2px}
.v8-floating-main strong{display:block;color:#fff;font-family:Outfit;font-size:clamp(43px,5vw,63px);letter-spacing:-.045em;line-height:1.08}
.v8-floating-main strong em{font-style:normal;color:#b29bff;font-size:27px}
.v8-floating-main span{font-size:12px;color:#cfc7ff}
.v8-play-logo{display:grid;place-items:center;width:76px;height:76px;border-radius:25px;color:#fff;background:linear-gradient(140deg,#8344ff,#4312da);box-shadow:0 18px 44px rgba(81,23,223,.36);font-size:32px;padding-left:5px}
.v8-floating-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}
.v8-floating-bottom span{font-size:10px;color:#b8b1da;text-align:center;padding:9px 3px;border-radius:8px}
.v8-floating-bottom span.active{background:rgba(157,122,255,.2);color:#fff;border:1px solid rgba(195,176,255,.3)}
.v8-float-pill{position:absolute;right:-14px;bottom:22px;background:white;color:#321770;padding:12px 17px;font-size:12px;font-weight:900;border-radius:14px;box-shadow:0 12px 35px rgba(6,2,39,.24);transform:rotate(-3deg)}
.v8-float-pill span{color:#6836f5}
.v8-benefit-strip{background:#fff;border-bottom:1px solid #eceef7}
.v8-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:22px;padding-bottom:22px;gap:20px}
.v8-strip-grid>div{display:flex;align-items:center;justify-content:center;gap:13px}
.v8-round-icon{width:46px;height:46px;display:grid;place-items:center;color:#6728f7;background:#f1edff;border-radius:14px;font-size:23px;flex-shrink:0}
.v8-strip-grid strong,.v8-strip-grid small{display:block}
.v8-strip-grid strong{font-size:13px}.v8-strip-grid small{color:var(--muted);font-size:12px}
.v8-offers-heading{padding:75px 0 0}.v8-offers-heading .section-title{margin-bottom:0}
.v8-tarifs-section{padding:22px 0 85px;background:linear-gradient(#fff,#fafaff)}
.v8-tarifs-section .price-grid{gap:19px;max-width:1180px;margin:auto}
.v8-tarifs-section .price-v3{min-height:610px}
.v8-tarifs-section .price-v3:hover{transform:translateY(-6px)}
.v8-tarifs-section .price-v3.featured:hover{transform:translateY(-6px)}
.v8-tarifs-section .price-v3 .price-buy{font-size:13px}
.v8-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}
.v8-steps>div{background:white;border:1px solid #e7e8f7;border-radius:22px;padding:28px;box-shadow:var(--shadow)}
.v8-steps>div>span{font-size:13px;font-weight:900;color:#6727ef;background:#efeaff;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;margin-bottom:18px}
.v8-steps h3{font-size:19px}.v8-steps p{font-size:13px;color:var(--muted);margin-bottom:0}
.v8-next-cta{padding:59px 0;background:linear-gradient(108deg,#4710ce,#7627ff 74%,#8b47ff);color:white}
.v8-next-cta .container{display:flex;align-items:center;justify-content:space-between;gap:22px}
.v8-next-cta h2{font-size:clamp(25px,3vw,33px);margin:7px 0 10px}
.v8-next-cta p{font-size:13px;color:#e4d6ff;margin:0;max-width:650px}
.v8-next-cta .btn{flex-shrink:0}
/* FAQ */
.v8-faq-hero-layout{display:grid;grid-template-columns:1.1fr .75fr;gap:40px;min-height:385px;align-items:center;padding-top:54px;padding-bottom:68px}
.v8-faq-hero h1{font-size:clamp(35px,4.25vw,56px)}
.v8-question-orbit{width:245px;height:245px;border:1px solid rgba(208,177,255,.42);border-radius:50%;display:grid;place-items:center;position:relative;margin:auto;box-shadow:0 0 0 35px rgba(174,112,255,.04),0 0 0 80px rgba(174,112,255,.03)}
.v8-question-orbit:after{content:'';position:absolute;inset:22px;border:1px dashed rgba(206,174,255,.4);border-radius:50%}
.v8-question-orbit span{display:grid;place-items:center;width:128px;height:128px;border-radius:36px;background:linear-gradient(135deg,#9154ff,#4d14df);color:white;font:800 82px/1 Outfit,sans-serif;box-shadow:0 30px 60px rgba(25,8,86,.4);transform:rotate(-9deg)}
.v8-faq-hero-decoration{position:relative}
.v8-question-bubble{position:absolute;background:white;border:1px solid #e2dcff;color:#6724e9;border-radius:15px;padding:13px 20px;font-weight:900;box-shadow:0 12px 40px rgba(6,2,39,.19)}
.v8-bub-one{top:17px;right:14%}.v8-bub-two{bottom:23px;left:10%}
.v8-faq-section{background:#fafbff}
.v8-faq-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:31px}
.v8-faq-header h2{font-size:clamp(26px,3vw,34px);margin:5px 0 7px}
.v8-faq-header p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0}
.v8-search-container{width:min(380px,100%);flex-shrink:0}
.v8-search-container label{display:block;font-size:12px;font-weight:800;margin-bottom:9px}
.v8-search-wrap{display:flex;align-items:center;gap:11px;border:1px solid #dee4f4;border-radius:13px;background:white;padding:0 14px;color:#8b85af;box-shadow:0 7px 22px rgba(36,25,90,.035)}
.v8-search-wrap:focus-within{border-color:#7a49ff;box-shadow:0 0 0 3px #e9dfff}
.v8-search-wrap input{border:0;background:transparent;width:100%;min-width:0;height:48px;outline:none;font-size:13px;color:#142143}
.v8-faq-shell{display:grid;grid-template-columns:258px minmax(0,1fr);gap:26px;align-items:start}
.v8-faq-side{background:#fff;border:1px solid #e6e9f7;border-radius:19px;padding:20px;box-shadow:var(--shadow)}
.v8-side-header{display:flex;align-items:center;gap:11px;margin:0 0 18px}
.v8-side-header h3{font-size:17px;margin:0}
.v8-side-icon{width:35px;height:35px;display:grid;place-items:center;background:#eee7ff;border-radius:12px;color:#6127ea;font:800 21px/1 Outfit,sans-serif}
.v8-faq-filters{display:grid;gap:6px}
.v8-faq-filters button{width:100%;border:none;background:transparent;padding:11px 12px;text-align:left;border-radius:11px;color:#5b6885;font-weight:700;font-size:12px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.v8-faq-filters button:hover{background:#f5f0ff;color:#5a1ced}
.v8-faq-filters button.active{color:#5720e8;background:#f0eaff}
.v8-faq-filters button span{color:#6427ee;background:#fff;padding:2px 8px;border-radius:10px;font-size:10px}
.v8-faq-help{border-radius:16px;background:linear-gradient(145deg,#f2edff,#f8faff);padding:20px 16px;margin-top:25px}
.v8-faq-help h3{font-size:15px;margin:13px 0 8px}.v8-faq-help p{font-size:12px;color:#65718e}.v8-faq-help a{font-size:12px;font-weight:900;color:#5a1aef}
.v8-faq-result-line{display:flex;justify-content:space-between;align-items:center;color:#7a8198;font-size:12px;min-height:24px;margin-bottom:14px}
.v8-faq-result-line button{border:0;background:transparent;color:#5e27ee;font-weight:800;font-size:12px}
.v8-faq-items{display:grid;gap:11px}
.v8-faq-item{border:1px solid #e5e8f5;border-radius:16px;background:white;box-shadow:0 5px 15px rgba(21,20,58,.025);overflow:hidden}
.v8-faq-item[hidden]{display:none}
.v8-faq-item[open]{border-color:#d7c5ff;box-shadow:0 12px 28px rgba(81,30,199,.07)}
.v8-faq-item summary{list-style:none;display:flex;align-items:center;gap:15px;padding:20px 21px;cursor:pointer;line-height:1.45}
.v8-faq-item summary::-webkit-details-marker{display:none}
.v8-faq-item summary:hover{background:#fcfaff}
.v8-faq-num{display:grid;place-items:center;border-radius:10px;background:#f2edff;color:#642cf2;font-size:11px;font-weight:900;width:35px;height:35px;flex-shrink:0}
.v8-faq-title{font:700 15px/1.45 Outfit,sans-serif;flex:1}
.v8-faq-plus{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#f5f3ff;color:#5b27f4;flex-shrink:0}
.v8-faq-plus:after{content:'+';font-size:19px;line-height:1}
.v8-faq-item[open] .v8-faq-plus{background:#6320ef;color:white}
.v8-faq-item[open] .v8-faq-plus:after{content:'−'}
.v8-faq-answer{padding:0 27px 22px 71px;color:#606c86;font-size:14px;line-height:1.83}
.v8-faq-answer p{margin:0}.v8-faq-answer strong{color:#19284c}
.v8-faq-empty{text-align:center;padding:55px 20px;border:1px dashed #d7c7fa;border-radius:20px;background:white}
.v8-faq-empty[hidden]{display:none}.v8-faq-empty>div{font-size:42px;color:#6431fc}.v8-faq-empty h3{margin-top:10px}.v8-faq-empty p{color:var(--muted);font-size:13px}
@media(max-width:1060px){.v8-pricing-intro{gap:20px}.v8-floating-panel{padding:18px}.v8-tarifs-section .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-faq-shell{grid-template-columns:225px minmax(0,1fr);gap:18px}}
@media(max-width:760px){.v8-pricing-intro{grid-template-columns:1fr;padding-top:44px;padding-bottom:45px}.v8-pricing-art{min-height:300px}.v8-floating-panel{width:min(88%,430px)}.v8-pricing-glow{width:95%}.v8-float-pill{right:5px}.v8-benefit-strip .container{grid-template-columns:1fr 1fr;gap:14px}.v8-strip-grid>div{justify-content:flex-start}.v8-strip-grid>div:last-child{grid-column:1/-1}.v8-faq-hero-layout{grid-template-columns:1fr;min-height:auto;padding-top:40px;padding-bottom:50px}.v8-faq-hero-decoration{display:none}.v8-faq-header{display:block}.v8-search-container{margin-top:25px;width:100%}.v8-faq-shell{grid-template-columns:1fr}.v8-faq-side{padding:14px}.v8-side-header,.v8-faq-help{display:none}.v8-faq-filters{display:flex;overflow-x:auto;gap:6px;padding-bottom:2px}.v8-faq-filters button{white-space:nowrap;width:auto;flex-shrink:0;padding:11px 15px}.v8-next-cta .container{flex-direction:column;align-items:flex-start}}
@media(max-width:550px){.v8-page-hero h1{font-size:clamp(35px,10vw,46px)}.v8-page-hero p{font-size:14px}.v8-hero-assurances{gap:10px}.v8-floating-panel{width:100%;padding:15px}.v8-pricing-art{min-height:285px}.v8-floating-main{padding:27px 0}.v8-floating-main strong{font-size:47px}.v8-play-logo{width:57px;height:57px;font-size:25px;border-radius:18px}.v8-float-pill{bottom:8px;right:-4px;padding:9px 11px}.v8-benefit-strip .container{grid-template-columns:1fr}.v8-strip-grid>div:last-child{grid-column:auto}.v8-tarifs-section .price-grid{grid-template-columns:1fr}.v8-tarifs-section .price-v3{min-height:0}.v8-offers-heading{padding-top:52px}.v8-tarifs-section{padding-bottom:55px}.v8-steps{grid-template-columns:1fr}.v8-faq-item summary{padding:16px 13px;gap:10px}.v8-faq-title{font-size:14px}.v8-faq-num{width:29px;height:29px}.v8-faq-answer{padding:0 17px 18px 51px;font-size:13px}.v8-faq-section{padding:54px 0}.v8-next-cta{padding:42px 0}}
@media(prefers-reduced-motion:reduce){.v8-page-hero,.v8-faq-item{scroll-behavior:auto}}
/* Ensure horizontal FAQ filters never force page-wide overflow on narrow phones. */
.v8-faq-side,.v8-faq-main{min-width:0}
.v8-faq-filters{max-width:100%;min-width:0}
@media(max-width:760px){.v8-faq-shell{grid-template-columns:minmax(0,1fr)}}