:root{--fond:#0c0c0e;--carte:#16161a;--bord:#26262c;--txt:#ececf0;--doux:#a1a1aa;--or:#fbbf24;--or-clair:#fcd34d}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--txt);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--or-clair)}a:hover{color:var(--or)}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
.tete{border-bottom:1px solid var(--bord);position:sticky;top:0;background:rgba(12,12,14,.92);backdrop-filter:blur(8px);z-index:5}
.tete__in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:1.15rem;color:var(--txt);text-decoration:none}
.logo img{border-radius:7px}
.nav{display:flex;gap:14px;flex-wrap:wrap;font-size:.92rem}
.nav a{color:var(--doux);text-decoration:none}.nav a:hover,.nav a[aria-current]{color:var(--txt)}
.contenu{padding-top:22px;padding-bottom:56px}
.fil{font-size:.85rem;color:var(--doux);margin-bottom:10px}.fil a{color:var(--doux)}
h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15;letter-spacing:-.02em;margin:.2rem 0 .6rem}
h2{font-size:1.3rem;margin:2rem 0 .6rem;line-height:1.25}h3{font-size:1.05rem;margin:0 0 .35rem}
.lead{color:var(--doux);font-size:1.1rem;margin:0 0 1.4rem}
.legal h2{font-size:1.1rem;margin-top:1.6rem}
.faq details{border:1px solid var(--bord);background:var(--carte);border-radius:12px;padding:0 16px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--or)}.faq details[open] summary::after{content:"−"}
.faq .rep{padding:0 0 14px;color:#d4d4d8}
.etapes{padding-left:1.2rem}.etapes li{margin:0 0 1rem}.etapes p,.cartes p{margin:0;color:#d4d4d8}
.cartes,.offres{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.cartes article,.offre{background:var(--carte);border:1px solid var(--bord);border-radius:14px;padding:16px;position:relative}
.offre h2{margin:0 0 .3rem}.offre.reco{border-color:var(--or)}
.ruban{position:absolute;top:-11px;left:16px;background:var(--or);color:#111;font-size:.75rem;font-weight:800;padding:2px 10px;border-radius:99px}
.prix b{font-size:1.8rem;color:var(--or)}.offre ul{padding-left:1.1rem;margin:.6rem 0 0}.offre li{margin:.3rem 0}
.cta{margin:2.4rem 0 0;text-align:center}.cta small{display:block;color:var(--doux);margin-top:.6rem}
.btn{display:inline-block;background:var(--or);color:#111;font-weight:800;padding:14px 28px;border-radius:99px;text-decoration:none}
.btn:hover{background:var(--or-clair);color:#111}
.pied{border-top:1px solid var(--bord);padding:28px 0 40px;color:var(--doux);font-size:.9rem}
.pied__liens{display:flex;flex-wrap:wrap;gap:8px 16px;margin:.6rem 0}.pied__liens a{color:var(--doux)}
.copy{margin-top:1rem}
@media (max-width:520px){.nav{gap:10px;font-size:.85rem;width:100%;padding-bottom:8px}}