@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--fond: #f8fafc;--surface: #ffffff;--texte: #0f172a;--texte-2: #475569;--accent: #020617;--ok: #059669;--attente: #d97706;--bordure: #e2e8f0;--max: 1100px;--transition: all .3s cubic-bezier(.16, 1, .3, 1)}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--fond);color:var(--texte);display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased}main{flex:1;width:100%;max-width:var(--max);margin:0 auto;padding:2rem 1.5rem;box-sizing:border-box}.liseret{height:4px;width:100%;background:linear-gradient(90deg,var(--accent) 0%,#1d4ed8 50%,var(--ok) 100%)}header.site{background-color:var(--surface);border-bottom:1px solid var(--bordure)}header.site .inner{max-width:var(--max);margin:0 auto;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:var(--accent);text-decoration:none;letter-spacing:-.05em}.logo .accent{color:var(--ok)}nav.principale{display:flex;gap:2rem;align-items:center}nav.principale a{font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;color:var(--texte-2);text-decoration:none;transition:var(--transition)}nav.principale a:hover{color:var(--accent)}h1,h2,h3{font-family:Space Grotesk,sans-serif;color:var(--accent);margin-top:0;letter-spacing:-.04em;line-height:1.2}h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem}h2{font-size:2.25rem;font-weight:600;margin-bottom:1.5rem}h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.sous-titre{font-size:1.125rem;color:var(--texte-2);max-width:65ch;margin:0 auto 3rem;line-height:1.6}.hero{text-align:center;padding:5rem 0 4rem}.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.carte{background-color:var(--surface);border:1px solid var(--bordure);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #02061708;transition:var(--transition);display:flex;flex-direction:column}.carte:hover{transform:translateY(-4px);box-shadow:0 12px 30px #02061714;border-color:#0206171a}.carte h3{margin-bottom:.5rem}.carte .meta{font-size:.875rem;color:var(--texte-2);margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--bordure)}.carte .prix{font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;color:var(--accent);margin-top:auto;margin-bottom:1.5rem}.badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif}.badge-ok{background-color:#0596691a;color:var(--ok)}.badge-attente{background-color:#d977061a;color:var(--attente)}.badge-non{background-color:#4755691a;color:var(--texte-2)}.table-wrapper{overflow-x:auto;margin-bottom:4rem;border:1px solid var(--bordure);border-radius:12px;box-shadow:0 4px 20px #02061708;background-color:var(--surface)}table.specs{width:100%;border-collapse:collapse;text-align:left}table.specs thead{background-color:#f8fafccc;border-bottom:2px solid var(--bordure)}table.specs th{font-family:Space Grotesk,sans-serif;font-weight:600;color:var(--accent);padding:1.25rem 1.5rem;white-space:nowrap}table.specs td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--bordure);color:var(--texte-2);font-size:.95rem}table.specs td.gagnant{font-weight:600;color:var(--ok);background-color:#05966908}.calc{background-color:var(--surface);border:1px solid var(--bordure);border-radius:16px;padding:3rem;box-shadow:0 10px 40px #0206170a;margin-bottom:4rem}.calc .champs{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem}.calc label{display:block;font-size:.875rem;font-weight:500;color:var(--accent);margin-bottom:.5rem}.calc input,.calc select{width:100%;padding:.875rem 1rem;border:1px solid var(--bordure);border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;color:var(--texte);background-color:var(--surface);box-sizing:border-box;transition:var(--transition)}.calc input:focus,.calc select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #02061714}.btn{display:inline-block;background-color:var(--accent);color:var(--surface);padding:.875rem 1.75rem;border-radius:8px;text-decoration:none;font-weight:500;font-family:Inter,sans-serif;text-align:center;border:none;cursor:pointer;transition:var(--transition);font-size:1rem}.btn:hover{background-color:#1e293b;transform:translateY(-2px);box-shadow:0 6px 15px #02061726}.points{list-style:none;padding:0;margin:0 0 2rem;color:var(--texte-2);line-height:1.7}.points li{margin-bottom:.75rem}.points li.ok:before{content:"✓";color:var(--ok);font-weight:700;margin-right:.75rem;display:inline-block}.points li.ko:before{content:"✕";color:#94a3b8;font-weight:700;margin-right:.75rem;display:inline-block}.verdict{padding:1.25rem;background-color:#02061708;border-radius:8px;margin-top:1.5rem;text-align:center;font-weight:500;color:var(--texte)}.resultat{font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:700;color:var(--accent);text-align:center;margin:1.5rem 0;letter-spacing:-.05em}.source{font-size:.875rem;color:var(--texte-2);text-align:center;margin-top:2.5rem}.source a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.source a:hover{color:var(--ok)}.vs{display:inline-block;font-family:Space Grotesk,sans-serif;font-size:.6em;color:var(--texte-2);font-style:italic;font-weight:600;vertical-align:middle;padding:0 .2em}footer.site{background-color:var(--surface);border-top:1px solid var(--bordure);padding:3rem 0;margin-top:auto}footer.site .inner{max-width:var(--max);margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}footer.site a{color:var(--texte-2);text-decoration:none;font-size:.875rem;transition:var(--transition)}footer.site a:hover{color:var(--accent)}@media(max-width:720px){header.site .inner,footer.site .inner{flex-direction:column;text-align:center;gap:1.25rem}nav.principale{flex-wrap:wrap;justify-content:center;gap:1rem}h1{font-size:2.5rem}h2{font-size:1.75rem}.hero{padding:3rem 0}.grille{grid-template-columns:1fr}.calc{padding:1.5rem}.calc .champs{grid-template-columns:1fr;gap:1rem}.carte{padding:1.5rem}.resultat{font-size:2.25rem}}