@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;600;700;800&display=swap";:root{--fond: #f2f9f9;--blanc: #ffffff;--texte: #0a2440;--texte-2: #4a657a;--accent: #008ca8;--accent-hover: #006c84;--accent-light: #d1f4f9;--bordure: #c2e0e8;--gagnant-bg: #e5f9fb;--max: 1140px;--shadow-sm: 0 4px 6px -1px rgba(10, 36, 64, .05), 0 2px 4px -1px rgba(10, 36, 64, .03);--shadow-md: 0 10px 15px -3px rgba(10, 36, 64, .08), 0 4px 6px -2px rgba(10, 36, 64, .04);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--texte);font-family:Inter,system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.logo,.prix,.badge{font-family:Outfit,system-ui,sans-serif}header.site{background:var(--blanc);border-bottom:1px solid var(--bordure);padding:1.25rem 1.5rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #008ca80d}footer.site{background:var(--blanc);border-top:1px solid var(--bordure);padding:3rem 1.5rem;margin-top:5rem;color:var(--texte-2)}header.site .inner,footer.site .inner{max-width:var(--max);margin:0 auto;display:flex;gap:2rem;align-items:center;flex-wrap:wrap;justify-content:space-between}.logo{font-weight:800;font-size:1.5rem;color:var(--texte);text-decoration:none;letter-spacing:-.02em}.logo .accent{color:var(--accent)}nav.principale{display:flex;gap:1.5rem;flex-wrap:wrap}nav.principale a{color:var(--texte-2);text-decoration:none;font-weight:500;transition:color .2s ease}nav.principale a:hover{color:var(--accent)}footer.site a{color:var(--texte-2);text-decoration:none}footer.site a:hover{color:var(--accent);text-decoration:underline}main{max-width:var(--max);margin:0 auto;padding:3rem 1.5rem 6rem}h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.1;margin:0 0 1rem;letter-spacing:-.03em;color:var(--texte)}.sous-titre{color:var(--texte-2);font-size:1.2rem;max-width:800px;margin-bottom:2rem}h2{font-size:2rem;margin:4rem 0 1.5rem;letter-spacing:-.02em}.hero{margin-bottom:3rem;position:relative}.vague-hero{width:150px;height:auto;margin-bottom:1.5rem;overflow:visible;display:block}.grille{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.carte{background:var(--blanc);border:1px solid var(--bordure);border-radius:var(--radius-lg);padding:1.75rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.carte:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--accent-light) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.carte:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent)}.carte:hover:before{opacity:.6}.carte>*{position:relative;z-index:1}.carte h3{margin:0 0 .5rem;font-size:1.25rem;letter-spacing:-.01em}.carte .meta{color:var(--texte-2);font-size:.95rem}.carte .prix{margin-top:auto;padding-top:1.25rem;font-weight:800;color:var(--accent);font-size:1.3rem}.table-wrapper{overflow-x:auto;background:var(--blanc);border:1px solid var(--bordure);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}table.specs{width:100%;border-collapse:collapse;font-size:.95rem;text-align:left;min-width:600px}table.specs th,table.specs td{padding:1rem 1.25rem;border-bottom:1px solid var(--bordure)}table.specs th{background:var(--fond);font-weight:600;color:var(--texte)}table.specs td a{color:var(--texte);font-weight:600;text-decoration:none;transition:color .2s}table.specs td a:hover{color:var(--accent)}table.specs tbody tr:last-child th,table.specs tbody tr:last-child td{border-bottom:none}table.specs td.gagnant{font-weight:700;color:var(--accent-hover);background:var(--gagnant-bg);position:relative}table.specs td.gagnant:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.badge{display:inline-block;background:var(--accent-light);color:var(--accent-hover);border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.verdict{background:var(--blanc);border:1px solid var(--bordure);border-radius:var(--radius-lg);padding:2rem;margin:2.5rem 0;position:relative;box-shadow:var(--shadow-sm);overflow:hidden}.verdict:before{content:"";position:absolute;top:0;left:0;bottom:0;width:6px;background:var(--accent)}.verdict h2{margin-top:0;font-size:1.5rem}.points{list-style:none;padding:0}.points li{padding:.5rem 0 .5rem 2rem;position:relative}.points li.ok:before,.points li.ko:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--blanc)}.points li.ok:before{content:"✓";background:var(--accent)}.points li.ko:before{content:"✕";background:#e06c75}.source{color:var(--texte-2);font-size:.9rem;margin-top:1.5rem}.source a{color:var(--accent)}.calc{background:var(--blanc);border:1px solid var(--bordure);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md);position:relative;margin-bottom:2rem}.calc:after{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--accent-light),var(--accent));border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.calc .champs{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.calc label{display:flex;flex-direction:column;gap:.5rem;font-weight:600;font-size:.95rem}.calc input,.calc select{padding:.75rem 1rem;border:1px solid var(--bordure);border-radius:var(--radius-sm);font-size:1rem;font-family:Inter,sans-serif;color:var(--texte);background:var(--fond);transition:all .2s;appearance:none}.calc select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23008ca8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.calc input:focus,.calc select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--blanc)}.resultat{margin-top:2rem;padding-top:1.5rem;border-top:1px dashed var(--bordure);font-size:1.15rem}.resultat strong{color:var(--accent)}.btn{display:inline-flex;align-items:center;background:var(--accent);color:var(--blanc);font-weight:600;padding:.8rem 1.75rem;border-radius:30px;text-decoration:none;border:none;cursor:pointer;font-size:1.05rem;transition:all .2s;box-shadow:0 4px 10px #008ca840}.btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 15px #008ca859}.cta-affilie{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.mention-affilie{color:var(--texte-2);font-size:.8rem}.vs{color:var(--accent-hover);font-size:.6em;background:var(--accent-light);padding:.3rem .8rem;border-radius:20px;vertical-align:middle;margin:0 .5rem;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){header.site .inner{flex-direction:column;gap:1rem;align-items:flex-start}nav.principale{width:100%;justify-content:flex-start;gap:1rem}.calc{padding:1.5rem}.grille{grid-template-columns:1fr}h1{font-size:2.2rem}}