/* ViewerFirst — pricing (design system ViewerFirst) */
.hero2{position:relative;overflow:hidden;background:var(--obsidian);padding-top:calc(var(--spacing-96) + 72px);padding-bottom:var(--spacing-96);min-height:640px;box-sizing:border-box}
.hero2__inner{position:relative;z-index:1}
.hero2__text{display:grid;gap:var(--spacing-16);justify-items:start;max-width:680px}
.hero2__text .vf-eyebrow{color:var(--ash-mist)}
.hero2__title{font-size:clamp(28px,6.4vw,56px);line-height:.8;letter-spacing:.083em;white-space:nowrap;padding-block:.1em}
.hero2__hook{text-wrap:balance}
.hero2__lead{color:var(--ash-mist);line-height:1.6;max-width:46ch}
.hero2__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-12);margin-top:var(--spacing-8)}
.hero2__note{color:var(--ash-mist)}
.hwall{position:absolute;top:96px;bottom:0;right:0;width:44%;overflow:hidden;border-top-left-radius:var(--radius-lg)}
.hwall__inner{position:absolute;inset:-18% -12% -18% 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;transform:rotate(-8deg)}
.hwall__col{display:grid;gap:12px;align-content:start}
.hwall__col:nth-child(2){margin-top:-60px}
.hwall__col:nth-child(3){margin-top:40px}
.hwall__col:nth-child(4){margin-top:-20px}
.hposter{display:block;aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--hairline) center/cover no-repeat}
@media (max-width:960px){
 .hero2{min-height:0;padding-bottom:0;padding-top:calc(var(--spacing-48) + 72px);display:flex;flex-direction:column}
 .hero2__inner{order:1}
 .hwall{order:2;position:relative;top:auto;width:auto;height:300px;margin-top:var(--spacing-48);border-radius:0}
 .hwall__inner{inset:-30% -20% auto -20%;grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.hwall__inner{transform:none}}
.trust{border-block:1px solid var(--hairline);background:var(--smoke)}
.trust__list{list-style:none;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacing-24);padding-block:var(--spacing-32)}
@media (max-width:1060px){.trust__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.trust__list{grid-template-columns:minmax(0,1fr);gap:var(--spacing-20)}}
.trust__item{display:flex;gap:var(--spacing-12);align-items:flex-start;min-width:0}
.trust__item>span{display:grid;gap:2px;min-width:0}
.trust__item .vf-small{color:var(--ash-mist)}
.trust__ic{flex:none;width:24px;height:24px;fill:none;stroke:var(--glacier-beam);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.final{border-top:1px solid var(--hairline)}
.final__inner{display:grid;justify-items:center;gap:var(--spacing-16);text-align:center;padding-block:var(--section-gap)}
.final__inner .vf-eyebrow{color:var(--ash-mist)}
.final__title{text-wrap:balance;max-width:20ch}
.vod{padding-bottom:var(--section-gap);border-top:1px solid var(--hairline)}
.vod .vf-section-heading .vf-eyebrow{color:var(--ash-mist)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--element-gap);margin-bottom:var(--spacing-48);border-block:1px solid var(--hairline)}
.stat{display:grid;gap:var(--spacing-8);justify-items:center;text-align:center;padding-block:var(--spacing-32)}
.stat+.stat{border-left:1px solid var(--hairline)}
.stat__num{font-size:clamp(36px,5vw,56px);font-weight:200;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.stat .vf-eyebrow{color:var(--ash-mist)}
@media (max-width:560px){.stats{grid-template-columns:minmax(0,1fr)}.stat+.stat{border-left:0;border-top:1px solid var(--hairline)}}
.vod__img{display:block;width:100%;aspect-ratio:4/3;background:var(--hairline) center/cover no-repeat}
.vod__live{text-align:center;color:var(--ash-mist);margin-top:var(--spacing-32)}
.includes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-12) var(--spacing-32)}
.includes li{display:flex;align-items:center;gap:var(--spacing-8)}
.includes svg{width:14px;height:14px;fill:none;stroke:var(--glacier-beam);stroke-width:2;flex:none}
.vf-card__screens{color:var(--card-muted);padding-top:var(--spacing-12);border-top:1px solid #e6e5e8;margin-top:var(--spacing-4)}
.vf-card__foot{padding-top:var(--spacing-4)}
.why{padding-bottom:var(--section-gap)}
.why .vf-section-heading .vf-eyebrow{color:var(--ash-mist)}
.why__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-32) var(--element-gap)}
@media (max-width:900px){.why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.why__grid{grid-template-columns:minmax(0,1fr)}}
.why__item{display:grid;gap:var(--spacing-12);align-content:start;padding-top:var(--spacing-24);border-top:1px solid var(--hairline);min-width:0}
.why__item p{color:var(--ash-mist)}
.why__ic{width:28px;height:28px;fill:none;stroke:var(--glacier-beam);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@keyframes vf-nudge{0%,84%,100%{transform:none}86%{transform:translateX(-3px) rotate(-1.5deg)}88%{transform:translateX(3px) rotate(1.5deg)}90%{transform:translateX(-3px) rotate(-1deg)}92%{transform:translateX(2px) rotate(.5deg)}94%{transform:none}}
.nudge{animation:vf-nudge 5s ease-in-out 2s infinite}
.nudge:hover,.nudge:focus-visible,.nudge[aria-expanded="true"]{animation:none}
button.vf-btn{font-family:var(--font-sans)}
.vf-card .vf-features{padding-top:var(--spacing-12);border-top:1px solid #e6e5e8}
.vrail{display:grid;gap:var(--spacing-24);margin-block:var(--section-gap) 0}
.prail{list-style:none;margin:0;padding:0 0 var(--spacing-4);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * var(--spacing-12)) / 6);gap:var(--spacing-12);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.prail::-webkit-scrollbar{display:none}
@media (max-width:900px){.prail{grid-auto-columns:calc((100% - 3 * var(--spacing-12)) / 4)}}
@media (max-width:560px){.prail{grid-auto-columns:calc((100% - 2 * var(--spacing-12)) / 2.4)}}
.pslot{scroll-snap-align:start;min-width:0}
.pslot__link{display:block;border-radius:var(--radius-lg)}
.pslot__img{display:block;aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--hairline) center/cover no-repeat}
.prail:focus-visible,.pslot__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.prail{scroll-behavior:auto}}
.mq{overflow:hidden;margin-top:var(--section-gap);border-block:1px solid var(--hairline);padding-block:var(--spacing-20)}
.mq ul{list-style:none;margin:0;padding:0}
.mq__track{display:flex;width:max-content;animation:vf-marquee 60s linear infinite}
.mq:hover .mq__track{animation-play-state:paused}
.mq__set>ul{display:flex;align-items:center}
.mq__set li{display:flex;align-items:center;white-space:nowrap;font-size:14px;letter-spacing:.083em;text-transform:uppercase;color:var(--ash-mist)}
.mq__set li::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--iron-veil);margin-inline:var(--spacing-24)}
.mq__set li.mq__more{color:var(--glacier-beam);text-transform:none;letter-spacing:0}
@keyframes vf-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq__track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.mq__set[aria-hidden]{display:none}.mq__set>ul{flex-wrap:wrap;justify-content:center;row-gap:var(--spacing-8)}}
.aff{padding-bottom:var(--section-gap);background:var(--smoke);border-top:1px solid var(--hairline)}
.aff .vf-section-heading .vf-eyebrow{color:var(--ash-mist)}
.aff__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--hairline)}
.aff__stat{display:grid;gap:var(--spacing-12);justify-items:center;text-align:center;padding:var(--spacing-32) var(--spacing-24)}
.aff__stat+.aff__stat{border-left:1px solid var(--hairline)}
.aff__stat p{color:var(--ash-mist);max-width:28ch}
@media (max-width:760px){.aff__stats{grid-template-columns:minmax(0,1fr)}.aff__stat+.aff__stat{border-left:0;border-top:1px solid var(--hairline)}}
.aff__steps{list-style:none;margin:var(--spacing-48) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--element-gap)}
@media (max-width:760px){.aff__steps{grid-template-columns:minmax(0,1fr)}}
.aff__steps li{display:grid;gap:var(--spacing-8);align-content:start}
.aff__steps .vf-eyebrow{color:var(--glacier-beam)}
.aff__steps p{color:var(--ash-mist)}
.aff__cta{display:flex;justify-content:center;margin-top:var(--spacing-48)}
@media (max-width:560px){
 .why__grid{grid-template-columns:1fr 1fr;gap:var(--spacing-24) var(--spacing-16)}
 .steps{gap:var(--spacing-24)}
 .step{grid-template-columns:40px minmax(0,1fr);column-gap:var(--spacing-16);row-gap:var(--spacing-8)}
 .step__num{grid-row:span 2;font-size:40px}
 .aff__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .aff__stat{padding:var(--spacing-20) var(--spacing-8);gap:var(--spacing-8)}
 .aff__stat+.aff__stat{border-top:0;border-left:1px solid var(--hairline)}
 .aff__stat .stat__num{font-size:clamp(22px,7vw,28px)}
 .aff__stat p{font-size:12px;line-height:1.4}
 .aff__steps{gap:var(--spacing-24)}
 .aff__stat .stat__num{white-space:nowrap;font-size:24px}
 .vf-pricing .vf-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:var(--spacing-16)}
 .vf-pricing .vf-card__top{grid-column:1/-1}
 .vf-pricing .vf-card__foot{padding:0;margin:0}
}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.phero{padding-top:calc(var(--spacing-96) + 40px);padding-bottom:var(--spacing-48);display:grid;justify-items:center;gap:var(--spacing-16);text-align:center}
.phero .vf-eyebrow{color:var(--ash-mist);margin:0}
.phero .vf-display{font-size:clamp(34px,6.5vw,56px);line-height:1;letter-spacing:.02em;text-wrap:balance;margin:0;max-width:18ch}
.phero .lead{max-width:56ch;color:var(--ash-mist);line-height:1.6;margin:0}
.phero__facts{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-8) var(--spacing-24);margin:var(--spacing-8) 0 0;padding:0;list-style:none;color:var(--ash-mist);font-size:14px}
.phero__facts li{display:flex;align-items:center;gap:var(--spacing-8)}
.phero__facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--glacier-beam)}
.plans{padding:var(--spacing-48) 0 var(--section-gap);background:var(--smoke)}
.psec{padding:var(--section-gap) 0}
.psec .vf-section-heading{margin-bottom:var(--spacing-48)}
.psec .vf-section-heading .vf-eyebrow,.plans .vf-section-heading .vf-eyebrow{color:var(--ash-mist)}
.plans .vf-section-heading{margin-bottom:var(--spacing-48)}
.plans__trial{margin:0;color:var(--ash-mist);text-align:center}
.incs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-48) var(--element-gap);list-style:none;margin:0;padding:0}
@media (max-width:1000px){.incs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.incs{grid-template-columns:1fr 1fr;gap:var(--spacing-24) var(--spacing-16)}}
.inc{display:grid;gap:var(--spacing-12);align-content:start}
.inc h3,.inc p{margin:0}
.inc p{color:var(--ash-mist);line-height:1.6}
.inc__ic{width:28px;height:28px;fill:none;stroke:var(--glacier-beam);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tbl-wrap{overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.tbl th,.tbl td{padding:var(--spacing-16) var(--spacing-24);text-align:left;border-bottom:1px solid var(--hairline);vertical-align:middle}
.tbl tbody tr:last-child>*{border-bottom:0}
.tbl thead th{font-size:12px;font-weight:600;letter-spacing:.083em;text-transform:uppercase;color:var(--ash-mist);background:var(--smoke)}
.tbl tbody th{font-weight:400;color:var(--snow)}
.tbl thead th{white-space:nowrap}
@media (max-width:700px){.tbl th[scope="row"],.tbl thead th:first-child{position:sticky;left:0;z-index:1;background:var(--obsidian);box-shadow:inset -1px 0 0 var(--hairline)}.tbl thead th:first-child{background:var(--smoke)}.mx__best th[scope="row"]{background:#08111b}.tbl th,.tbl td{padding:var(--spacing-12) var(--spacing-16)}.tbl th[scope="row"]{min-width:132px;max-width:160px;white-space:normal}}
.mx td{color:var(--ash-mist)}
.mx__total{display:block;font-size:16px;font-weight:600;color:var(--snow)}
.mx__pm{display:block;margin-top:2px}
.mx__save{display:inline-block;margin-top:var(--spacing-4);font-size:12px;font-weight:600;color:var(--glacier-beam)}
.mx__best>*{background:#08111b}
.mx__flag{display:inline-block;margin-left:var(--spacing-8);padding:2px var(--spacing-8);border-radius:var(--radius-md);background:var(--signal-blue);color:var(--snow);vertical-align:middle}
.tbl__hint{display:none;margin:var(--spacing-12) 0 0;color:var(--ash-mist);font-size:12px;text-align:center}
@media (max-width:700px){.tbl__hint{display:block}}
.cmp th[scope="col"]{text-align:center}
.cmp th[scope="col"]:first-child{text-align:left}
.cmp td{text-align:center;color:var(--ash-mist)}
.cmp thead .cmp__vf{color:var(--snow);background:var(--signal-blue)}
.cmp tbody .cmp__vf{background:#08111b}
.cmp__ic{width:18px;height:18px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.cmp__ic--y{stroke:var(--glacier-beam)}
.cmp__ic--n{stroke:var(--iron-veil)}
.cmp__txt{font-size:13px}
.tbl-note{margin:var(--spacing-16) 0 0;color:var(--ash-mist);font-size:12px;text-align:center}
.pms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--element-gap);list-style:none;margin:0;padding:0}
@media (max-width:700px){.pms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.pms{grid-template-columns:minmax(0,1fr)}}
.pm{display:grid;gap:var(--spacing-12);align-content:start;padding:var(--card-padding);border:1px solid var(--hairline);border-radius:var(--radius-lg);min-width:0}
.pm h3,.pm p{margin:0}
.pm p{color:var(--ash-mist);line-height:1.6}
.pm__logos{display:flex;gap:var(--spacing-4);list-style:none;margin:0 0 var(--spacing-4);padding:0}
.assure{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-16) var(--spacing-32);list-style:none;margin:var(--spacing-48) 0 0;padding:var(--spacing-24) 0 0;border-top:1px solid var(--hairline);color:var(--ash-mist);font-size:14px}
.assure li{display:flex;align-items:center;gap:var(--spacing-8)}
.assure svg{width:18px;height:18px;fill:none;stroke:var(--glacier-beam);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pfinal{border-top:1px solid var(--hairline);padding:var(--section-gap) 0;display:grid;justify-items:center;text-align:center;gap:var(--spacing-16)}
.pfinal .vf-heading{margin:0}
.pfinal p{margin:0;color:var(--ash-mist)}
.pfinal__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-16);margin-top:var(--spacing-8)}
/* Deux moyens de paiement réels */
.pms--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 760px) { .pms--2 { grid-template-columns: 1fr; } }
.pms__note { margin-top: var(--spacing-16); color: var(--iron-veil); text-align: center; }
.pm .pay__list { margin: 0; padding: 0; display: flex; gap: 6px; list-style: none; }