:root{--b:#0757b8;--bd:#063b7a;--o:#ff8a1f;--od:#e56f08;--ink:#17324d;--mut:#607286;--bg:#f6f9fc;--line:#e2eaf2;--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.top{background:var(--bd);color:#fff;font-size:13px;padding:7px 0}.top .container{display:flex;justify-content:flex-end;gap:25px}header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;font-size:27px;letter-spacing:-1.5px;line-height:1}.logo b{color:var(--b)}.logo i{color:var(--o);font-style:normal}.logo small{display:block;font-size:9px;letter-spacing:1.8px;color:var(--mut);margin-top:5px}nav{display:flex;align-items:center;gap:23px;font-weight:700;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:800;border:2px solid transparent}.orange{background:var(--o);color:#fff}.orange:hover{background:var(--od)}.outline{border-color:var(--b);color:var(--b)}.hero{padding:70px 0;background:linear-gradient(135deg,#edf7ff,#fff 55%,#fff5eb)}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.badge{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #d7e8f7;color:var(--b);font-weight:800;font-size:12px}h1{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-2.5px;margin:18px 0}h1 span,h2 span{color:var(--o)}h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-1px;margin:0 0 14px}h3{margin:0 0 8px}.lead{font-size:18px;color:var(--mut)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.hero img{height:430px;width:100%;object-fit:cover;border-radius:34px;box-shadow:0 18px 45px #123a5f1c}.section{padding:78px 0}.alt{background:var(--bg)}.center{text-align:center}.center .lead{max-width:700px;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:27px;box-shadow:0 8px 25px #143c6410}.icon{width:52px;height:52px;border-radius:16px;background:#eaf4ff;color:var(--b);display:grid;place-items:center;font-size:23px;margin-bottom:17px}.card p{color:var(--mut)}.link{color:var(--b);font-weight:800}.banner{background:linear-gradient(135deg,var(--bd),var(--b));color:#fff;border-radius:30px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:25px}.banner p{color:#dcecff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.step{border:1px solid var(--line);border-radius:20px;padding:25px}.num{color:var(--o);font-size:12px;font-weight:900}details{border:1px solid var(--line);border-radius:15px;padding:17px 19px;margin:10px 0;background:#fff}summary{font-weight:800;cursor:pointer}.faq{max-width:900px;margin:28px auto}.page{padding:60px 0;background:linear-gradient(135deg,#edf7ff,#fff7ef)}.page p{max-width:800px;color:var(--mut);font-size:18px}.finance-highlight{margin:24px 0 8px;padding:18px 22px;background:linear-gradient(135deg,#fff4e8,#fff);border:1px solid #ffd2a8;border-left:5px solid var(--o);border-radius:18px;display:flex;flex-direction:column;gap:2px;max-width:680px}.finance-highlight strong{font-size:21px;color:var(--bd)}.finance-highlight span{font-weight:800;color:var(--o)}.finance-highlight small{font-size:12px;color:var(--mut);margin-top:4px}.sim{max-width:680px;margin:auto}.box{border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 16px 40px #123a5f1a}.field{margin:20px 0}.field label{display:flex;justify-content:space-between;font-weight:800;margin-bottom:8px}.range{width:100%;accent-color:var(--b)}.result{background:#eaf4ff;border-radius:20px;padding:20px;margin:24px 0}.result small{display:block;color:var(--mut)}.result strong{font-size:34px;color:var(--b)}.note{font-size:13px!important;color:var(--mut)!important}.content{max-width:900px}.content h2{margin-top:38px}.content p,.content li{color:#4d6378}footer{background:#082c52;color:#dcecff;padding:44px 0 20px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.legal{border-top:1px solid #ffffff26;margin-top:30px;padding-top:16px;font-size:12px;color:#aac2d9}.mobile{display:none}@media(max-width:900px){nav{display:none}.mobile{display:block}.grid{grid-template-columns:1fr}.hero img{height:300px}.cards,.steps{grid-template-columns:1fr 1fr}.banner{display:block}}@media(max-width:620px){.cards,.steps,.foot{grid-template-columns:1fr}.section{padding:55px 0}.actions .btn{width:100%}.banner{padding:28px}.top .container{justify-content:center}}

/* V3 - Younited */
.partner-banner{align-items:center}
.partner-copy{min-width:0}
.partner-logo{display:inline-flex;background:#fff;border-radius:14px;padding:7px 16px;margin-bottom:16px}
.partner-logo img{width:190px;height:auto;display:block}
.partner-btn{white-space:nowrap;min-width:280px;font-size:15px}
@media(max-width:900px){.partner-banner{display:block}.partner-btn{margin-top:12px}}
@media(max-width:620px){.partner-btn{width:100%;min-width:0;font-size:14px;white-space:nowrap}}

.topbar a,footer a[href^="tel:"]{color:inherit;text-decoration:none;font-weight:inherit}

/* V5 — logo CREDIMERIS issu de la maquette validée */
.logo-img{display:flex;align-items:center;height:58px}
.logo-img img{display:block;width:190px;height:auto;max-height:54px;object-fit:contain}
footer .logo-img img{filter:none;width:175px}
@media(max-width:620px){
  .logo-img{height:52px}
  .logo-img img{width:165px;max-height:48px}
  footer .logo-img img{width:165px}
}

/* V6 — logo CREDIMERIS exact de la maquette fournie */
.logo-img{display:flex;align-items:center;height:62px;line-height:0}
.logo-img img{display:block;width:190px;height:auto;max-height:58px;object-fit:contain}
.footer-logo img{width:175px;max-height:54px}
@media(max-width:620px){
  .logo-img{height:54px}
  .logo-img img{width:170px;max-height:51px}
  .footer-logo img{width:165px;max-height:49px}
}

/* V7 — clean logo crop, no screenshot frame */
.logo-img img{width:205px;max-height:58px}
@media(max-width:620px){.logo-img img{width:180px;max-height:51px}}

/* V8 — logo CREDIMERIS prominent */
.logo-img{height:70px !important;display:flex;align-items:center}
.logo-img img{width:260px !important;max-width:none;height:auto !important;max-height:68px !important;display:block}
.footer-logo img{width:220px !important;max-height:64px !important}
@media(max-width:900px){
  .logo-img img{width:235px !important;max-height:62px !important}
}
@media(max-width:620px){
  .logo-img{height:62px !important}
  .logo-img img{width:220px !important;max-height:58px !important}
  .footer-logo img{width:200px !important}
}

/* V9 — logo propre, grand et bien intégré */
.logo-img{height:78px !important;display:flex;align-items:center;flex-shrink:0}
.logo-img img{width:270px !important;height:auto !important;max-height:72px !important;object-fit:contain;display:block}
.footer-logo img{width:230px !important;max-height:68px !important}
@media(max-width:900px){
  .logo-img img{width:250px !important;max-height:68px !important}
}
@media(max-width:620px){
  .logo-img{height:64px !important}
  .logo-img img{width:225px !important;max-height:60px !important}
  .footer-logo img{width:210px !important}
}

/* V10 — CREDIMERIS clean logo from approved mockup */
.nav{height:96px !important}
.logo-img{height:88px !important;display:flex;align-items:center;flex-shrink:0}
.logo-img img{display:block;width:350px !important;height:auto !important;max-height:82px !important;object-fit:contain}
.footer-logo img{width:250px !important;max-height:70px !important}
@media(max-width:900px){
  .nav{height:88px !important}
  .logo-img{height:80px !important}
  .logo-img img{width:310px !important;max-height:74px !important}
}
@media(max-width:620px){
  .nav{height:76px !important}
  .logo-img{height:68px !important}
  .logo-img img{width:260px !important;max-height:64px !important}
}

/* V11 — informations Groupe ODC */
.footer-odc, .footer-company{
  line-height:1.65;
}
.footer-odc strong, .footer-company strong{
  font-size:16px;
}
.footer-odc span, .footer-company span{
  display:inline-block;
  margin-top:7px;
  opacity:.82;
}

.legal-page{padding-top:70px;padding-bottom:80px}
.legal-page h1{margin-bottom:38px}
.legal-page h2{margin-top:38px;margin-bottom:14px}
.legal-page h3{margin-top:24px;margin-bottom:8px}
.legal-page p,.legal-page li{line-height:1.75}
.legal-page ul{padding-left:24px}

/* V14 — adresse Groupe ODC sous la phrase de bas de page */
.footer-address{
  margin-top:16px;
  line-height:1.65;
}
.footer-address strong{font-size:15px}
.footer-address span{display:inline-block;margin-top:5px;opacity:.82}


.mandatory-credit{
  max-width:1000px;
  margin:0 auto;
  padding:22px 20px 28px;
  text-align:center;
  color:#dbe9f7;
  font-size:14px;
  line-height:1.6;
}
.mandatory-credit strong{color:#fff;}