*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17202a;background:#f7f8fa;line-height:1.6}a{color:inherit}.container{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid #e6e8eb;position:sticky;top:0;z-index:20}.nav-wrap{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-weight:900;font-size:1.45rem;letter-spacing:-.04em}.brand span{font-weight:700}.nav-wrap nav{display:flex;gap:18px}.nav-wrap nav a,.site-footer a{text-decoration:none;color:#44505c}.hero{padding:72px 0 46px;background:#fff}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#576574}.hero h1{font-size:clamp(2.25rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.055em;max-width:850px;margin:.3em 0}.hero p{font-size:1.18rem;max-width:760px;color:#52606d}.pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef2f5;font-weight:700;font-size:.9rem}.section{padding:42px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e4e7eb;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(16,24,40,.04)}.card h2,.card h3{margin-top:0;line-height:1.2}.card-link{text-decoration:none;display:block}.card-link:hover{transform:translateY(-2px)}.answer-box{background:#eef7f0;border:1px solid #cce4d2;border-radius:14px;padding:20px;margin:24px 0}.calculator{background:#fff;border:1px solid #dfe3e8;border-radius:18px;padding:26px;margin:28px 0;box-shadow:0 14px 40px rgba(16,24,40,.06)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field label{display:block;font-weight:800;margin-bottom:6px}.field select,.field input{width:100%;padding:13px;border:1px solid #cbd2d9;border-radius:10px;background:#fff;font:inherit}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:14px 18px;font-weight:850;background:#17202a;color:#fff;cursor:pointer;margin-top:18px}.results{margin-top:24px;padding-top:22px;border-top:1px solid #e5e7eb}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:#f7f8fa;border-radius:12px;padding:16px}.metric strong{display:block;font-size:1.55rem;line-height:1.2}.ad-zone{margin:34px auto;padding:10px 0;min-height:100px;max-width:970px;text-align:center;clear:both}.ad-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#7a828a;margin-bottom:6px}.content{max-width:820px}.content h2{margin-top:2.1em;line-height:1.2}.price-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.price-table th,.price-table td{text-align:left;padding:13px;border-bottom:1px solid #e8eaed}.price-table th{background:#f2f4f6}.source-note{font-size:.9rem;color:#66717d}.site-footer{margin-top:64px;background:#111820;color:#dbe0e5;padding:42px 0}.site-footer .footer-grid{display:flex;justify-content:space-between;gap:32px}.site-footer p{color:#9ca7b2;max-width:520px}.site-footer nav{display:grid;gap:8px}.site-footer a{color:#dbe0e5}@media(max-width:760px){.nav-wrap nav a:not(:first-child){display:none}.hero{padding:48px 0 34px}.grid,.form-grid,.results-grid{grid-template-columns:1fr}.site-footer .footer-grid{display:grid}.ad-zone{margin:28px 0}.calculator{padding:20px}}
.content .grid{grid-template-columns:repeat(2,1fr);margin:20px 0}.content .grid .card{padding:20px}@media(max-width:760px){.content .grid{grid-template-columns:1fr}}


:root{
  --navy:#0b2748;
  --navy2:#143e68;
  --red:#e32636;
  --red2:#ff4b4b;
  --gold:#f3b61f;
  --ice:#eaf5ff;
  --soft:#f3f8fc;
  --text:#17202a;
}
body{background:linear-gradient(180deg,#f7fbff 0,#fff 34%,#f7f9fb 100%)}
.site-header{background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid #dce8f2;box-shadow:0 4px 18px rgba(11,39,72,.06)}
.nav-wrap{min-height:86px}
.brand-logo{display:flex;align-items:center;max-width:250px}
.brand-logo img{display:block;width:100%;max-height:70px;object-fit:contain;object-position:left center}
.nav-wrap nav a{font-weight:800;color:var(--navy);padding:9px 11px;border-radius:9px}
.nav-wrap nav a:hover{background:#eef6fc;color:var(--red)}
.hero{background:
 radial-gradient(circle at 88% 20%,rgba(227,38,54,.10),transparent 28%),
 radial-gradient(circle at 10% 20%,rgba(34,121,180,.14),transparent 30%),
 linear-gradient(135deg,#fff 0%,#f4faff 55%,#fff7f7 100%);
 border-bottom:1px solid #e2ecf4}
.hero-home{padding:52px 0}
.hero-split{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:44px}
.hero-copy h1{color:var(--navy)}
.hero-visual{background:linear-gradient(145deg,#fff,#edf7ff);border:1px solid #d9e8f4;border-radius:26px;padding:18px;box-shadow:0 20px 60px rgba(11,39,72,.12);transform:rotate(1deg)}
.hero-visual img{width:100%;display:block;border-radius:18px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.button-red{background:linear-gradient(135deg,var(--red),#b91228);box-shadow:0 10px 24px rgba(227,38,54,.22)}
.button-light{background:#fff;color:var(--navy);border:1px solid #cfdde9}
.pill{background:#eaf4ff;color:var(--navy);border:1px solid #cfe3f5}
.section-featured{background:#fff}
.section-soft{background:linear-gradient(180deg,#f4f9fd,#eef6fb)}
.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end;margin-bottom:22px}
.section-heading h2{margin:.2em 0;font-size:clamp(1.8rem,4vw,2.7rem);color:var(--navy)}
.section-heading p{color:#5b6c7d}
.card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card-link:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(11,39,72,.12)}
.card-icon{font-size:2rem;margin-bottom:8px}
.card-red{border-top:5px solid var(--red);background:linear-gradient(180deg,#fff,#fff7f7)}
.card-blue{border-top:5px solid #2383c4;background:linear-gradient(180deg,#fff,#f4faff)}
.card-gold{border-top:5px solid var(--gold);background:linear-gradient(180deg,#fff,#fffaf0)}
.card h2,.card h3{color:var(--navy)}
.card strong{color:var(--red)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.answer-box{background:linear-gradient(135deg,#edf8ff,#f2fbf5);border-left:5px solid #2c8ac7}
.calculator{border-top:5px solid var(--red)}
.button{background:linear-gradient(135deg,var(--navy),var(--navy2))}
.metric{background:linear-gradient(180deg,#f9fbfd,#eef5fa);border:1px solid #dce7ef}
.metric strong{color:var(--navy)}
.price-table th{background:var(--navy);color:#fff}
.price-table tr:nth-child(even) td{background:#f6fafe}
.site-footer{background:linear-gradient(135deg,#071a30,#0b2748)}
@media(max-width:860px){
  .hero-split,.section-heading{grid-template-columns:1fr}
  .hero-visual{max-width:620px}
}
@media(max-width:760px){
  .brand-logo{max-width:185px}
  .nav-wrap{min-height:72px}
  .grid-2{grid-template-columns:1fr}
}

/* Navigation V4.1 */
.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.main-nav>a,.nav-dropdown>summary{display:flex;align-items:center;min-height:42px;padding:8px 11px;border-radius:10px;text-decoration:none;font-weight:800;color:var(--navy);cursor:pointer;list-style:none}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown>summary::after{content:"▾";font-size:.72rem;margin-left:7px}
.main-nav>a:hover,.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{background:#eef6fc;color:var(--red)}
.nav-dropdown{position:relative}
.nav-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(360px,90vw);background:#fff;border:1px solid #d7e3ed;border-radius:15px;padding:10px;box-shadow:0 22px 60px rgba(11,39,72,.18);z-index:100}
.nav-menu a{display:block;padding:10px 12px;border-radius:9px;text-decoration:none;color:var(--navy);font-weight:700}
.nav-menu a:hover{background:#f0f7fc;color:var(--red)}
.nav-menu a span{display:block;font-size:.78rem;color:#6a7886;font-weight:500;margin-top:1px}
@media(max-width:860px){
 .nav-wrap{align-items:flex-start;padding:9px 0;flex-wrap:wrap}
 .main-nav{width:100%;order:2;border-top:1px solid #e8eef3;padding-top:7px;gap:3px}
 .main-nav>a,.nav-dropdown>summary{font-size:.91rem;min-height:38px;padding:6px 8px}
 .nav-dropdown{position:static}
 .nav-menu{left:16px;right:16px;top:auto;width:auto;margin-top:5px}
}
@media(max-width:520px){
 .main-nav>a:nth-of-type(3),.main-nav>a:nth-of-type(4){display:none}
}


/* V4.2 - navigation iOS/iPad + contrast fixes */
.mobile-nav{display:none}
@media(max-width:1024px){
  .desktop-nav{display:none!important}
  .nav-wrap{min-height:76px!important;align-items:center!important;flex-wrap:nowrap!important;padding:8px 0!important}
  .brand-logo{width:190px!important;max-width:56vw!important}
  .brand-logo img{width:190px!important;max-height:62px!important}
  .mobile-nav{display:block;position:relative;margin-left:auto}
  .mobile-nav>summary{list-style:none;display:flex;align-items:center;gap:9px;background:var(--navy);color:#fff;border-radius:10px;padding:10px 13px;font-weight:850;cursor:pointer;user-select:none;-webkit-user-select:none}
  .mobile-nav>summary::-webkit-details-marker{display:none}
  .mobile-nav[open]>summary{background:var(--red)}
  .mobile-nav-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 100px);overflow:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #d4e0ea;border-radius:15px;padding:10px;box-shadow:0 24px 70px rgba(11,39,72,.22);z-index:9999}
  .mobile-nav-panel a{display:block!important;padding:11px 12px!important;border-radius:9px;text-decoration:none!important;color:var(--navy)!important;font-weight:750!important;background:#fff!important}
  .mobile-nav-panel a:hover,.mobile-nav-panel a:focus{background:#eef6fc!important;color:var(--red)!important}
  .mobile-nav-heading{padding:11px 12px 5px;color:#6d7884;font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #edf1f4;margin-top:5px}
  .mobile-nav-heading:first-of-type{border-top:0;margin-top:0}
}
@media(max-width:520px){
  .brand-logo{width:158px!important;max-width:58vw!important}
  .brand-logo img{width:158px!important;max-height:54px!important}
  .mobile-nav>summary{padding:9px 11px}
}

/* Ne jamais laisser les anciennes regles mobile masquer les liens du nouveau menu */
@media(max-width:760px){
  .mobile-nav-panel a{display:block!important}
}

/* Contraste des boutons secondaires/non selectionnes */
.button.button-light,
a.button.button-light{
  background:#fff!important;
  color:var(--navy)!important;
  border:2px solid var(--navy)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.button.button-light:hover,
a.button.button-light:hover{
  background:#eef6fc!important;
  color:#071a30!important;
  border-color:#143e68!important;
}
.button.button-red,
a.button.button-red{
  background:linear-gradient(135deg,var(--red),#b91228)!important;
  color:#fff!important;
  border:2px solid transparent!important;
  text-decoration:none!important;
}
.button.button-red:hover,
a.button.button-red:hover{filter:brightness(.95)}

.legal-copy h2{color:var(--navy);margin-top:2rem}
.legal-copy ul{padding-left:1.25rem}
.legal-copy a{color:#145f9a;font-weight:700}
.site-footer .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:start}
.footer-privacy-button{border:0;background:transparent;color:#dbe0e5;padding:0;text-align:left;font:inherit;cursor:pointer}
.footer-privacy-button:hover{text-decoration:underline}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#9ca7b2;font-size:.88rem}
@media(max-width:760px){
  .site-footer .footer-grid{grid-template-columns:1fr}
  .footer-bottom{display:grid}
}

[hidden]{display:none!important}

html.consent-open{overflow:hidden}
.consent-overlay{position:fixed;inset:0;background:rgba(7,26,48,.38);z-index:99998}
.consent-panel{position:fixed;right:24px;bottom:24px;width:min(620px,calc(100% - 32px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid #dbe4ec;border-radius:18px;padding:24px;z-index:99999;box-shadow:0 26px 80px rgba(7,26,48,.25)}
.consent-panel h2{margin:0 42px 12px 0;color:var(--navy);font-size:1.35rem}
.consent-panel p{color:#52606d;margin:.4rem 0 1rem}
.consent-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:2rem;line-height:1;color:#17202a;cursor:pointer}
.consent-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.consent-btn{border-radius:10px;padding:13px 14px;border:1px solid #cbd8e4;font-weight:800;cursor:pointer}
.consent-btn-primary{background:#1673c9;color:#fff;border-color:#1673c9}
.consent-btn-secondary{background:#fff;color:var(--navy)}
.consent-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:.9rem}
.consent-links a{color:#145f9a}
.consent-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:16px 0;border-top:1px solid #e7edf2}
.consent-row strong{color:var(--navy)}
.consent-row p{font-size:.92rem;margin:.25rem 0 0}
.consent-required{font-size:.85rem;font-weight:800;color:#47705a}
.switch{position:relative;display:inline-block;width:48px;height:26px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;inset:0;background:#cbd5df;border-radius:999px;transition:.2s}
.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}
.switch input:checked + .slider{background:#1673c9}
.switch input:checked + .slider:before{transform:translateX(22px)}
@media(max-width:640px){
  .consent-panel{left:12px;right:12px;bottom:12px;width:auto;max-height:calc(100vh - 24px);padding:20px}
  .consent-actions{grid-template-columns:1fr}
}

.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.related-grid .card{padding:18px}.related-grid p{margin:.3rem 0 0}@media(max-width:760px){.related-grid{grid-template-columns:1fr}}