:root{--bg:#08070d;--panel:#11101a;--panel2:#171421;--line:rgba(201,177,255,.16);--white:#f8f6ff;--muted:#aaa5ba;--purple:#a855f7;--pink:#ec4899;--violet:#7c3aed}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:radial-gradient(ellipse at 80% 0%,rgba(108,45,175,.13),transparent 38%),var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 clamp(20px,6vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,7,13,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;letter-spacing:.04em}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid #a855f7;border-radius:10px;color:#d8b4fe;background:linear-gradient(135deg,rgba(168,85,247,.23),rgba(236,72,153,.09));box-shadow:0 0 20px #8b5cf633;font-size:12px;letter-spacing:-.06em}.accent{color:#c084fc}.topbar nav{display:flex;gap:28px;color:#c8c2d8;font-size:13px}.topbar nav a:hover,.footer-links a:hover{color:#d8b4fe}.nav-cta{font-size:13px;font-weight:700;padding:11px 17px;border:1px solid #8b5cf6;border-radius:10px}.hero{max-width:1240px;margin:auto;padding:90px 6vw 82px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px;min-height:560px}.eyebrow{font-size:11px;letter-spacing:.2em;color:#c084fc;font-weight:700;margin:0 0 17px}.pulse{display:inline-block;width:7px;height:7px;background:#c084fc;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #c084fc}.hero h1,.section h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em;line-height:1.06;font-size:clamp(38px,5vw,65px);margin:0 0 22px}.gradient{background:linear-gradient(100deg,#f0abfc,#a78bfa 54%,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}.intro{max-width:510px;color:var(--muted);font-size:16px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:14px 18px;border-radius:11px;font-size:13px;font-weight:700;transition:.2s}.primary{background:linear-gradient(110deg,#9333ea,#7c3aed 55%,#c026d3);box-shadow:0 8px 30px #7c3aed38;color:white}.primary:hover{transform:translateY(-2px);box-shadow:0 10px 34px #a855f755}.outline{border:1px solid #7652a8;background:rgba(168,85,247,.06)}.outline:hover{background:rgba(168,85,247,.15)}.text-link{font-size:13px;color:#d6c8f2}.text-link span{color:#c084fc}.trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:33px;color:#928ba5;font-size:11px}.trust-row span:first-letter{color:#c084fc}.hero-art{min-height:370px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:#7c3aed25;filter:blur(55px);z-index:-1}.orbit{position:absolute;border:1px solid #a855f733;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:420px;height:190px}.orbit-two{width:390px;height:270px;transform:rotate(38deg)}.screen{width:min(340px,75vw);height:280px;padding:16px;border:1px solid #b68cff55;border-radius:22px;background:linear-gradient(145deg,#21182e,#09080f 65%);box-shadow:0 25px 80px #0009,0 0 50px #8b5cf633;transform:perspective(900px) rotateY(-8deg) rotateX(3deg)}.screen-top{display:flex;justify-content:space-between;color:#b6abc9;font-size:10px}.mini-brand{color:#d8b4fe}.mini-brand b{font-size:9px;letter-spacing:.1em}.screen-dots{letter-spacing:3px}.screen-content{height:190px;margin-top:10px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#7835c0 0,#31174e 33%,#12101c 72%);border:1px solid #a855f72e}.play-icon{width:58px;height:58px;display:grid;place-items:center;padding-left:4px;border-radius:18px;background:linear-gradient(145deg,#c084fc,#7c3aed);box-shadow:0 0 40px #a855f780;font-size:22px}.screen-caption{text-align:center;font-size:9px;letter-spacing:.3em;color:#e9d5ff;margin-top:16px}.screen-caption b{font-size:18px;letter-spacing:.13em}.screen-bottom{display:flex;gap:7px;margin-top:13px}.screen-bottom i{display:block;height:4px;border-radius:5px;flex:1;background:#a855f755}.screen-bottom i:first-child{background:#d8b4fe}.floating-chip{position:absolute;bottom:24px;right:0;background:#171321;border:1px solid var(--line);padding:12px 15px;border-radius:12px;font-size:11px;color:#e9ddfa;box-shadow:0 10px 35px #0007}.chip-dot{display:inline-block;width:7px;height:7px;background:#c084fc;border-radius:50%;margin-right:8px}.section{max-width:1240px;margin:auto;padding:75px 6vw}.offers,.feature-section{border-top:1px solid #ffffff09}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-heading h2,.section h2{font-size:clamp(31px,4vw,46px)}.section-heading>p{max-width:390px;color:var(--muted);font-size:13px;margin:0 0 5px}.offer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.offer-card{position:relative;padding:22px 17px 19px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#15121f,#0d0b13);min-width:0}.offer-card.featured{border-color:#a855f7;box-shadow:0 0 35px #8b5cf61a}.popular{position:absolute;top:-11px;right:13px;background:#8b5cf6;color:white;font-size:8px;font-weight:700;letter-spacing:.12em;padding:5px 8px;border-radius:6px}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:18px}.plan-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#8b5cf622;border:1px solid #a855f744;color:#d8b4fe;font-size:11px;font-weight:700}.tag{font-size:9px;color:#b8a8cf}.offer-card h3{font-family:'Space Grotesk',sans-serif;font-size:20px;margin:0 0 4px}.plan-desc{font-size:11px;color:var(--muted);min-height:34px;margin:0 0 20px}.price{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;letter-spacing:-.05em;white-space:nowrap}.price-note{font-size:10px;color:#948ba6;margin:0 0 19px}.offer-card .button{width:100%;padding:12px 8px;font-size:10px;white-space:nowrap}.fineprint{font-size:11px;color:#8f879f;margin-top:17px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{padding:24px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(145deg,#15121f,#0e0c14)}.feature-icon{width:40px;height:40px;display:grid;place-items:center;color:#d8b4fe;border-radius:12px;background:#8b5cf622;font-size:20px;margin-bottom:20px}.feature h3{font-size:15px;margin:0 0 9px}.feature p{font-size:12px;color:var(--muted);margin:0}.compatibility{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;border-top:1px solid #ffffff09}.compat-copy p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:420px;margin-bottom:23px}.device-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.device-list>div{display:grid;grid-template-columns:43px 1fr;column-gap:12px;align-items:center;padding:17px;border-radius:13px;background:#12101a;border:1px solid var(--line)}.device-list>div>span{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#8b5cf622;color:#d8b4fe;font-size:20px}.device-list b{font-size:12px}.device-list small{font-size:10px;color:#958ca8}.steps{border-top:1px solid #ffffff09}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps-grid article{padding:25px;border-radius:15px;background:#12101a;border:1px solid var(--line)}.steps-grid article>span{font-family:'Space Grotesk',sans-serif;color:#c084fc;font-size:13px}.steps-grid h3{font-size:17px;margin:17px 0 7px}.steps-grid p{font-size:12px;color:var(--muted);margin:0}.guide{padding-top:35px;padding-bottom:90px}.guide-box{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px;border:1px solid #a855f74d;border-radius:18px;background:radial-gradient(ellipse at 0 0,#8b5cf620,transparent 55%),#11101a}.guide-box h2{font-size:29px;margin-bottom:10px}.guide-box p:not(.eyebrow){max-width:600px;color:var(--muted);font-size:13px;margin:0}.footer{border-top:1px solid var(--line);padding:35px 6vw 25px;text-align:center}.footer .brand{justify-content:center}.footer>p{font-size:12px;color:#9e96ad}.footer-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:22px 0;font-size:11px;color:#c8c0d6}.footer .legal-note{max-width:820px;margin:22px auto;font-size:10px;color:#756d83}.footer small{font-size:10px;color:#70697d}
@media(max-width:1000px){.offer-grid{grid-template-columns:repeat(3,1fr)}.offer-card{padding:20px}.hero{gap:20px}.topbar nav{gap:15px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{height:65px;padding:0 18px}.brand{font-size:15px}.brand-mark{width:31px;height:31px}.topbar nav{display:none}.nav-cta{font-size:11px;padding:9px 11px}.hero{padding:58px 22px 48px;grid-template-columns:1fr;gap:10px;min-height:0}.hero h1{font-size:43px}.intro{font-size:14px}.hero-actions{gap:16px}.hero-actions .button{width:100%}.trust-row{gap:10px;font-size:10px}.hero-art{min-height:300px;margin-top:8px}.screen{height:245px;width:290px}.screen-content{height:155px}.orbit-one{width:320px}.orbit-two{width:300px}.floating-chip{right:0;bottom:8px}.section{padding:53px 20px}.section-heading{display:block}.section-heading>p{margin-top:12px}.section-heading h2,.section h2{font-size:34px}.offer-grid{grid-template-columns:1fr;gap:11px}.offer-card{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px;column-gap:15px}.offer-card .plan-top{grid-column:1/-1;margin-bottom:10px}.offer-card h3{margin:0}.offer-card .plan-desc{min-height:0;margin:2px 0 0}.offer-card .price{grid-column:2;grid-row:2;font-size:24px;text-align:right}.offer-card .price-note{grid-column:2;grid-row:3;text-align:right;margin:0 0 10px}.offer-card .button{grid-column:1/-1;margin-top:10px}.offer-card.featured{margin-top:5px}.popular{top:-10px}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature{padding:17px}.feature h3{font-size:13px}.feature p{font-size:11px}.feature-icon{margin-bottom:13px}.compatibility{grid-template-columns:1fr;gap:25px}.device-list{grid-template-columns:1fr}.device-list>div{padding:14px}.steps-grid{grid-template-columns:1fr;gap:10px}.steps-grid article{padding:20px}.guide{padding-top:15px;padding-bottom:60px}.guide-box{display:block;padding:23px}.guide-box h2{font-size:25px}.guide-box .button{width:100%;margin-top:22px}.footer-links{gap:14px}.footer{padding-left:20px;padding-right:20px}}

/* Responsive subscription grid: 3 columns desktop, 2 columns on phones. */
@media(min-width:1100px){.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.offer-card{padding:24px}}
@media(min-width:681px) and (max-width:1099px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:680px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.offer-card{display:flex;flex-direction:column;align-items:stretch;padding:14px 12px;min-width:0}.offer-card .plan-top{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px}.offer-card .plan-icon{width:29px;height:29px}.offer-card .tag{font-size:9px}.offer-card h3{font-size:18px}.offer-card .plan-desc{min-height:34px;font-size:10px;margin:4px 0 12px}.offer-card .price{font-size:22px;text-align:left;white-space:nowrap}.offer-card .price-note{text-align:left;margin:0 0 12px;font-size:10px}.offer-card .button{margin-top:auto;width:100%;font-size:10px;white-space:normal;line-height:1.3;padding:10px 6px}.popular{font-size:7px;right:7px;top:-10px;letter-spacing:.03em}.offer-card.featured{margin-top:4px}}

/* Liens de politiques et informations légales */
.policy-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 20px;max-width:1000px;margin:22px auto 14px;padding-top:18px;border-top:1px solid var(--line)}.policy-links a{font-size:11px;color:#b8afc9;text-decoration:underline;text-decoration-color:#6f568e;text-underline-offset:3px}.policy-links a:hover{color:#e9d5ff}.policy-links a:focus-visible{outline:2px solid #c084fc;outline-offset:4px;border-radius:3px}@media(max-width:680px){.policy-links{gap:12px 16px;margin-top:18px}.policy-links a{font-size:10px}}

/* Pages d'informations et préférences */
.policy-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin:20px 0;color:#aaa5ba;font-size:12px}
.policy-links a:hover{color:#d8b4fe;text-decoration:underline}
.legal-page{max-width:900px;min-height:60vh;margin:0 auto;padding:70px 6vw 85px}
.legal-page h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,5vw,52px);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}
.legal-intro{font-size:15px;color:var(--muted);max-width:760px;margin-bottom:35px}
.legal-content{padding:clamp(20px,4vw,38px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,#15121f,#0d0b13)}
.legal-content h2{font-family:'Space Grotesk',sans-serif;font-size:20px;margin:28px 0 8px}
.legal-content h2:first-child{margin-top:0}
.legal-content p{color:#c5bfd2;font-size:14px}
.legal-content a{color:#d8b4fe;text-decoration:underline}
.legal-content strong{color:#f0abfc}
.legal-back{margin-top:25px}
.cookie-option{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.cookie-option h2{margin:0 0 5px}
.cookie-option p{margin:0}
.cookie-required,.switch-label{font-size:12px;white-space:nowrap;color:#d8b4fe}
.switch-label input{accent-color:#a855f7}
.cookie-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.cookie-actions button{font:inherit;cursor:pointer}
#cookie-status{min-height:1.5em;color:#d8b4fe}
@media(max-width:760px){.legal-page{padding:48px 20px 60px}.cookie-option{align-items:flex-start;flex-direction:column;gap:8px}.policy-links{gap:12px 16px}.topbar nav{gap:12px}.topbar nav a{font-size:11px}}

/* Pied de page : navigation et liens légaux */
.footer{border-top:1px solid rgba(201,177,255,.18);padding:34px clamp(20px,6vw,88px) 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;background:#07060b}
.footer .brand{justify-content:center}
.footer>p{margin:0;color:#aaa5ba;font-size:12px}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;color:#c8c2d8;font-size:12px}
.footer-links a:hover{color:#d8b4fe}
.footer .policy-links{width:100%;max-width:900px;display:flex;flex-wrap:wrap;justify-content:center;gap:9px 0;margin:4px auto 0;padding-top:18px;border-top:1px solid rgba(201,177,255,.12);color:#aaa5ba;font-size:11px}
.footer .policy-links a{padding:0 14px;line-height:1.6}
.footer .policy-links a+a{border-left:1px solid rgba(201,177,255,.25)}
.footer .policy-links a:hover{color:#d8b4fe;text-decoration:underline}
.footer .legal-note{max-width:900px;color:#777185;font-size:10px;line-height:1.6;margin:4px auto}
.footer small{color:#777185;font-size:10px;margin-top:2px}
@media(max-width:600px){.footer{padding:30px 18px 22px}.footer-links{gap:12px 16px}.footer .policy-links{gap:8px 0}.footer .policy-links a{padding:0 10px;font-size:10px}.footer .policy-links a+a{border-left:0}.footer .policy-links a{flex:0 1 46%}}

/* Visuels officiels NOVYXPLAY validés */
.brand-logo-img{width:36px;height:36px;object-fit:cover;border-radius:9px;vertical-align:middle;flex:0 0 auto}
.offer-card .offer-image{display:block;width:100%;aspect-ratio:1.12/1;object-fit:cover;border-radius:14px;margin:0 0 16px;border:1px solid #a855f755}

/* Accueil NOVYXPLAY : visuel de marque en fond de bannière */
.hero{
  position:relative;
  isolation:isolate;
  max-width:none;
  padding-left:max(6vw,calc((100vw - 1240px)/2));
  padding-right:max(6vw,calc((100vw - 1240px)/2));
  background-image:linear-gradient(90deg,rgba(8,7,13,.97) 0%,rgba(8,7,13,.88) 34%,rgba(8,7,13,.42) 62%,rgba(8,7,13,.15) 100%),linear-gradient(0deg,rgba(8,7,13,.8),transparent 35%,rgba(8,7,13,.12)),url('assets/novyxplay-hero-bg-clean.jpg');
  background-size:cover;
  background-position:center 43%;
  border-bottom:1px solid #ffffff0b;
}
.hero-copy{position:relative;z-index:1}
.hero-art{display:none}
@media(max-width:680px){
  .hero{padding:58px 22px 48px;background-position:56% center;background-image:linear-gradient(90deg,rgba(8,7,13,.93),rgba(8,7,13,.72)),linear-gradient(0deg,rgba(8,7,13,.8),rgba(8,7,13,.12)),url('assets/novyxplay-hero-bg-clean.jpg')}
}