:root{--red:#0E63FF;--dark:#07111f;--text:#07111f;--muted:#5a6677;--bg:#f4f7fb;--card:#fff;--line:#e5e9f0;--mint:#dbfff4;--shadow:0 22px 60px rgba(7,17,31,.11);--radius:28px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-weight:950;font-size:28px;line-height:.86;letter-spacing:-1.6px;text-transform:uppercase}.logo span{color:var(--red)}.menu{display:flex;gap:26px;align-items:center;font-weight:800}.menu a:hover{color:var(--red)}.cta{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--red);color:#fff;border-radius:999px;padding:16px 25px;font-weight:900;box-shadow:0 16px 35px rgba(14,99,255,.25)}.cta.light{background:#fff;color:var(--text);box-shadow:none}.ghost{border:1px solid var(--line);border-radius:999px;padding:14px 20px;font-weight:900}.burger{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;font-weight:900}.hero{background:linear-gradient(90deg,rgba(7,17,31,.92),rgba(7,17,31,.72)),url('../img/logiciel-gestion.jpg') center/cover;min-height:620px;color:#fff;display:flex;align-items:center}.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.eyebrow{display:inline-flex;background:rgba(14,99,255,.18);color:#eaf2ff;border:1px solid rgba(255,255,255,.16);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:900;margin-bottom:18px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:.98;margin:0 0 22px;letter-spacing:-3px}.hero p{font-size:20px;max-width:650px;color:#eef3f8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:24px;backdrop-filter:blur(12px)}.hero-card img{border-radius:20px;box-shadow:var(--shadow)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.stat{background:rgba(255,255,255,.13);border-radius:18px;padding:14px;font-weight:900}.section{padding:86px 0}.section.soft{background:var(--bg)}.section-title{text-align:center;max-width:820px;margin:0 auto 42px}.section-title h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:0 0 14px;letter-spacing:-1.6px}.section-title p{color:var(--muted);font-size:18px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.product-img{height:230px;background:linear-gradient(135deg,#aee8ff,#e1fff5);object-fit:cover;width:100%}.card-body{padding:30px;text-align:center}.card h3{font-size:24px;line-height:1.15;margin:0 0 12px}.card p{color:#445066;margin:0 0 18px}.link-red{color:var(--red);font-weight:950;text-decoration:underline;text-underline-offset:3px}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.split img{border-radius:var(--radius);box-shadow:var(--shadow)}.kicker{color:var(--red);font-weight:950}.split h2,.content h2{font-size:clamp(32px,4vw,50px);line-height:1.08;margin:10px 0 18px;letter-spacing:-1.4px}.ticks{list-style:none;margin:24px 0;padding:0;display:grid;gap:10px}.ticks li:before{content:'✓';color:var(--red);font-weight:950;margin-right:10px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 15px 35px rgba(7,17,31,.06)}.feature b{display:block;font-size:19px;margin-bottom:8px}.feature p{color:var(--muted);margin:0}.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start}.content{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:42px}.content .main-img{border-radius:22px;margin-bottom:30px;box-shadow:0 16px 45px rgba(7,17,31,.08)}.content h2{font-size:38px}.content h3{font-size:26px;margin-top:34px}.content p{font-size:18px;color:#233044}.content a{color:var(--red);font-weight:900;text-decoration:underline;text-underline-offset:3px}.sidebar{position:sticky;top:110px;background:var(--dark);color:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.sidebar h3{font-size:24px;line-height:1.15;margin-top:0}.sidebar a{display:block;background:#192334;border:1px solid #344052;border-radius:14px;padding:14px 16px;margin-top:10px;font-weight:900}.compare{width:100%;border-collapse:collapse;margin:26px 0;border-radius:18px;overflow:hidden}.compare th,.compare td{padding:15px;border:1px solid var(--line);text-align:left}.compare th{background:var(--dark);color:#fff}.faq details{border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:12px 0;background:#fff}.faq summary{font-weight:950;cursor:pointer}.final-cta{background:linear-gradient(135deg,var(--dark),#101d31);color:#fff;border-radius:34px;padding:46px;text-align:center}.final-cta h2{font-size:42px;line-height:1.1;margin:0 0 14px}.site-footer{background:#02060c;color:#fff;padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}.site-footer a{color:#fff;opacity:.9;display:block;margin:8px 0}.copy{border-top:1px solid rgba(255,255,255,.15);margin-top:32px;padding-top:18px;text-align:center;color:#aeb8c8}.small-hero{background:linear-gradient(90deg,rgba(7,17,31,.9),rgba(7,17,31,.62)),url('../img/logiciel-gestion.jpg') center/cover;color:#fff;padding:110px 0}.small-hero h1{font-size:clamp(40px,5vw,68px);line-height:1;margin:0 0 18px;letter-spacing:-2px}.small-hero p{font-size:20px;max-width:780px;color:#eef3f8}.notice{background:#eafff8;color:#00796b;border-radius:999px;padding:8px 14px;display:inline-flex;font-weight:950;margin-bottom:18px}.callback{position:fixed;right:18px;bottom:18px;z-index:90;background:var(--red);color:#fff;border:0;border-radius:999px;padding:14px 18px;font-weight:950;box-shadow:0 18px 45px rgba(14,99,255,.28);cursor:pointer}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:100;align-items:center;justify-content:center;padding:20px}.modal.active{display:flex}.modal-box{width:min(450px,100%);background:#fff;border-radius:26px;padding:30px;box-shadow:var(--shadow)}.modal-box input{width:100%;padding:16px;border:1px solid var(--line);border-radius:14px;margin:12px 0}.modal-actions{display:flex;gap:10px}.close{background:#eef2f6;color:var(--text)}@media(max-width:920px){.burger{display:block}.menu{display:none;position:absolute;left:20px;right:20px;top:86px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.nav{height:76px}.hero .container,.split,.content-wrap{grid-template-columns:1fr}.grid,.features,.footer-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0}.hero h1{letter-spacing:-1.5px}.stats{grid-template-columns:1fr}.sidebar{position:static}.content{padding:26px}.product-img{height:200px}}@media(max-width:520px){.container{width:min(100% - 24px,var(--max))}.hero-actions{flex-direction:column}.cta,.ghost{width:100%}.small-hero{padding:70px 0}.section{padding:60px 0}}

/* Galerie application chauffeur */
.screens-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:34px 0 46px}.screen-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 18px 45px rgba(7,17,31,.08);text-align:left}.screen-card img{width:100%;max-width:260px;height:auto;margin:0 auto 16px;border-radius:22px;object-fit:contain;image-rendering:auto}.screen-card h3{font-size:17px;line-height:1.25;margin:0 0 8px}.screen-card p{font-size:15px;line-height:1.55;margin:0;color:#445066}@media(max-width:1100px){.screens-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-card img{max-width:240px}}@media(max-width:620px){.screens-grid{grid-template-columns:1fr}.screen-card{text-align:center}.screen-card img{max-width:250px}}

/* Landing page Notre Appli - reproduction Driver Connect */
.landing-page{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:#050713}.landing-page .site-header{position:relative;background:#fff;border:0}.landing-page .nav{height:92px}.landing-page .logo{font-size:34px;line-height:.84;color:#050713}.landing-page .menu{gap:28px}.landing-page .flag{font-size:16px}.landing-page .menu .app-btn{background:var(--red);color:#fff;border-radius:999px;padding:16px 36px;box-shadow:0 18px 35px rgba(14,99,255,.22)}.lp-container{width:min(1120px,calc(100% - 44px));margin:auto}.lp-hero{padding:58px 0 78px}.lp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.lp-hero h1{font-size:clamp(36px,4vw,48px);line-height:1.05;letter-spacing:-1.2px;margin:0 0 26px;font-weight:950}.lp-hero h2{font-size:30px;line-height:1.2;margin:0 0 24px;font-weight:950}.lp-hero p,.lp-text p{font-size:22px;line-height:1.5}.lp-red{color:#0E63FF;text-decoration:underline;font-weight:950}.lp-checks{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:13px}.lp-checks li{font-size:20px;display:flex;align-items:center;gap:11px}.lp-checks li:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#0E63FF;color:#fff;font-size:14px;font-weight:950;flex:none}.lp-actions{display:flex;gap:55px;align-items:center;flex-wrap:wrap;margin-top:36px}.lp-btn{display:inline-flex;align-items:center;justify-content:center;background:#0E63FF;color:#fff;border:2px solid #0E63FF;border-radius:999px;padding:14px 24px;font-weight:950;font-size:18px;min-width:220px}.lp-btn.outline{background:#fff;color:#0E63FF}.lp-hero-img{border-radius:12px;width:100%;box-shadow:none}.lp-section{padding:70px 0}.lp-section.gray{background:#f2f3f5}.lp-split{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.lp-text h2{font-size:clamp(36px,4vw,48px);line-height:1.15;letter-spacing:-1px;margin:0 0 28px;font-weight:950}.lp-price-line{font-size:24px;font-weight:900;line-height:1.45}.lp-note{display:block;font-size:20px;font-weight:900;margin:44px 0;color:#050713}.lp-phone{max-height:620px;margin:auto;object-fit:contain}.lp-dots{display:flex;gap:12px;justify-content:center;margin-top:10px}.lp-dots span{width:6px;height:6px;border-radius:50%;background:#bcd6ff}.lp-dots span:nth-child(2){background:#0E63FF}.lp-stopwatch{text-align:center;font-size:76px;line-height:1;margin-bottom:25px}.lp-title{text-align:center;margin:0 auto 50px}.lp-title h2{font-size:clamp(34px,4vw,44px);line-height:1.15;margin:0;font-weight:950}.lp-pricing{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:950px;margin:auto}.lp-card-price{border:2px solid #0E63FF;border-radius:16px;padding:42px 42px 50px;text-align:center;box-shadow:0 20px 45px rgba(0,0,0,.08)}.lp-card-price .big{font-size:38px;font-weight:950;line-height:1.2}.lp-card-price .old{font-size:18px;color:#0E63FF;font-weight:950;text-decoration:line-through}.lp-card-price .old.no-line{text-decoration:none}.lp-card-price p{font-size:20px;line-height:1.55}.lp-offer-cta{text-align:center;margin-top:62px}.lp-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:80px;text-align:center}.lp-benefit-icon{font-size:54px;color:#0E63FF;font-weight:950;margin-bottom:20px}.lp-benefits h3{font-size:24px;line-height:1.2;margin:0 0 18px}.lp-benefits p{font-size:19px;line-height:1.55}.lp-logos{text-align:center}.lp-logos h2{font-size:38px;line-height:1.2;margin:0 0 25px}.lp-logos img{max-width:980px;width:100%;margin:auto;border-radius:14px}.lp-red-band{background:#0E63FF;color:#fff;text-align:center;padding:55px 0}.lp-red-band h2{font-size:40px;margin:0;font-weight:950}.lp-store{text-align:center}.lp-store h2{font-size:38px;line-height:1.2;margin:0 0 16px}.lp-store p{font-size:22px;line-height:1.45}.store-badges{display:flex;gap:60px;justify-content:center;align-items:center;margin-top:45px;flex-wrap:wrap}.store-badge{background:#050505;color:#fff;border-radius:6px;padding:9px 24px;font-size:26px;font-weight:700;line-height:1.05;min-width:230px}.store-badge small{display:block;font-size:13px;font-weight:500}.lp-faq{max-width:900px;margin:auto}.lp-faq details{border-bottom:1px solid #ddd;padding:18px 0}.lp-faq summary{font-size:19px;font-weight:900;cursor:pointer}.lp-faq p{font-size:18px;line-height:1.55}.landing-page .site-footer{background:#050505;padding-top:48px}@media(max-width:900px){.lp-hero-grid,.lp-split,.lp-pricing,.lp-benefits{grid-template-columns:1fr}.lp-hero,.lp-section{padding:48px 0}.lp-actions{gap:14px}.lp-btn{width:100%}.lp-phone{max-height:520px}.landing-page .nav{height:auto;padding:18px 0}.landing-page .menu{gap:14px}.lp-card-price{padding:32px 20px}.lp-benefits{gap:36px}.store-badges{gap:20px}.lp-hero-img{max-width:520px;margin:auto}}

/* Slider application client - landing page */
.lp-phone-slider{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:560px}
.lp-phone-slider .lp-slide{display:none;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;width:100%;text-align:center}
.lp-phone-slider .lp-slide.active{display:block;opacity:1;transform:translateY(0)}
.lp-phone-slider .lp-phone{max-height:560px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 25px 45px rgba(5,7,19,.18))}
.lp-dots{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:18px}
.lp-dots button,.lp-dots span{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:#bcd6ff;cursor:pointer;display:inline-block}
.lp-dots button.active,.lp-dots span:first-child{background:#0E63FF;transform:scale(1.15)}
@media(max-width:900px){.lp-phone-slider{min-height:0;margin-top:28px}.lp-phone-slider .lp-phone{max-height:520px}}


/* === Correctif sécurité/UX CTA final : texte visible sur fond sombre et bouton rouge === */
.final-cta{
  background:linear-gradient(135deg,#07111f,#101d31) !important;
  color:#ffffff !important;
  border-radius:34px;
  padding:46px;
  text-align:center;
}
.final-cta h2{
  color:#ffffff !important;
  font-size:42px;
  line-height:1.1;
  margin:0 0 14px;
}
.final-cta p,
.content .final-cta p{
  color:rgba(255,255,255,.88) !important;
  font-size:18px;
  line-height:1.7;
  max-width:760px;
  margin:0 auto 28px;
}
.final-cta .cta,
.content .final-cta .cta,
.content .final-cta a.cta{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:260px;
  min-height:62px;
  padding:17px 30px;
  border-radius:999px;
  background:#0E63FF !important;
  border:0 !important;
  color:#ffffff !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  box-shadow:0 18px 42px rgba(14,99,255,.38) !important;
}
.final-cta .cta:hover,
.content .final-cta a.cta:hover{
  background:#0B2A5B !important;
  color:#ffffff !important;
}


/* === Bloc offres accueil : 4 versions Driver Connect === */
.pricing-offers{background:#f3f7fc;padding:72px 0 84px;}
.pricing-eyebrow{text-align:center;color:#52627a;font-size:20px;margin:0 0 42px;font-weight:600;}
.pricing-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch;}
.offer-card{position:relative;background:#fff;border:1px solid #dbe4f0;border-radius:22px;padding:28px 28px 30px;box-shadow:0 18px 45px rgba(7,17,31,.06);display:flex;flex-direction:column;min-height:575px;}
.offer-card h3{font-size:24px;line-height:1.16;margin:20px 0 10px;color:#fff;font-weight:950;letter-spacing:-.5px;}
.offer-sub{font-size:17px;line-height:1.55;color:#52627a;margin:0 0 28px;}
.offer-icon{width:48px;height:48px;border-radius:15px;background:#eef5ff;display:flex;align-items:center;justify-content:center;font-weight:950;margin-bottom:10px;}
.offer-red .offer-icon{color:#0E63FF}.offer-blue .offer-icon{color:#006dff}.offer-blue .offer-icon{color:#0E63FF}.offer-dark .offer-icon{color:#0b78ff;background:#f4f8ff;}
.offer-price{font-size:56px;line-height:1;font-weight:950;color:#06122b;letter-spacing:-2px;margin:4px 0 8px;}
.offer-price span{font-size:18px;letter-spacing:0;font-weight:950;margin-left:2px;}
.offer-year{color:#52627a;font-size:17px;margin:0 0 18px;}
.offer-card ul{margin:0 0 26px;padding-left:20px;display:grid;gap:12px;color:#52627a;font-size:17px;line-height:1.45;}
.offer-card li::marker{color:#60708b;}
.offer-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;border-radius:14px;padding:15px 18px;font-weight:950;text-decoration:none;background:#fff;transition:.2s ease;border:1.8px solid currentColor;}
.offer-btn.red{color:#0E63FF}.offer-btn.blue{color:#006dff}.offer-btn.blue{color:#0E63FF}.offer-btn.dark{background:#0b78ff;color:#fff;border-color:#0b78ff;}
.offer-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(7,17,31,.12);}
.offer-dark{background:#06275a;color:#fff;border-color:#06275a;box-shadow:0 25px 55px rgba(6,39,90,.22);}
.offer-dark h3,.offer-dark .offer-price,.offer-dark .offer-sub,.offer-dark .offer-year,.offer-dark ul{color:#fff;}
.offer-dark ul li::marker{color:#fff;}
.offer-badge{position:absolute;right:22px;top:-15px;background:#0E63FF;color:#fff;border-radius:999px;padding:8px 17px;font-size:14px;font-weight:950;}
.recommended{transform:translateY(-14px);}
@media(max-width:1180px){.pricing-grid-4{grid-template-columns:repeat(2,1fr)}.recommended{transform:none}.offer-card{min-height:auto}}
@media(max-width:680px){.pricing-offers{padding:54px 0}.pricing-grid-4{grid-template-columns:1fr}.offer-card{padding:24px}.offer-price{font-size:48px}}

/* PRICING CRITICAL FINAL */


/* Bloc 4 versions : style critique inline pour éviter tout cache CSS ou chemin cassé */
.pricing-offers{background:#f3f7fc!important;padding:78px 0 92px!important;display:block!important;width:100%!important;}
.pricing-offers .container{width:min(1180px,calc(100% - 40px))!important;margin:0 auto!important;}
.pricing-eyebrow{text-align:center!important;color:#52627a!important;font-size:20px!important;margin:0 0 44px!important;font-weight:600!important;}
.pricing-grid-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important;}
.offer-card{position:relative!important;background:#fff!important;border:1px solid #dbe4f0!important;border-radius:22px!important;padding:28px 28px 30px!important;box-shadow:0 18px 45px rgba(7,17,31,.08)!important;display:flex!important;flex-direction:column!important;min-height:575px!important;color:#fff!important;}
.offer-card h3{font-size:24px!important;line-height:1.16!important;margin:20px 0 10px!important;color:#fff!important;font-weight:950!important;letter-spacing:-.5px!important;}
.offer-sub{font-size:17px!important;line-height:1.55!important;color:#52627a!important;margin:0 0 28px!important;}
.offer-icon{width:48px!important;height:48px!important;border-radius:15px!important;background:#eef5ff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important;margin-bottom:10px!important;}
.offer-red .offer-icon{color:#0E63FF!important}.offer-blue .offer-icon{color:#006dff!important}.offer-blue .offer-icon{color:#0E63FF!important}.offer-dark .offer-icon{color:#0b78ff!important;background:#f4f8ff!important;}
.offer-price{font-size:56px!important;line-height:1!important;font-weight:950!important;color:#06122b!important;letter-spacing:-2px!important;margin:4px 0 8px!important;}
.offer-price span{font-size:18px!important;letter-spacing:0!important;font-weight:950!important;margin-left:2px!important;}
.offer-year{color:#52627a!important;font-size:17px!important;margin:0 0 18px!important;}
.offer-card ul{margin:0 0 26px!important;padding-left:20px!important;display:grid!important;gap:12px!important;color:#52627a!important;font-size:17px!important;line-height:1.45!important;}
.offer-card li{margin:0!important;padding:0!important;}
.offer-card li::marker{color:#60708b!important;}
.offer-btn{margin-top:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;padding:15px 18px!important;font-weight:950!important;text-decoration:none!important;background:#fff!important;transition:.2s ease!important;border:1.8px solid currentColor!important;}
.offer-btn.red{color:#0E63FF!important}.offer-btn.blue{color:#006dff!important}.offer-btn.blue{color:#0E63FF!important}.offer-btn.dark{background:#0b78ff!important;color:#fff!important;border-color:#0b78ff!important;}
.offer-btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(7,17,31,.12)!important;}
.offer-dark{background:#06275a!important;color:#fff!important;border-color:#06275a!important;box-shadow:0 25px 55px rgba(6,39,90,.22)!important;}
.offer-dark h3,.offer-dark .offer-price,.offer-dark .offer-sub,.offer-dark .offer-year,.offer-dark ul{color:#fff!important;}
.offer-dark ul li::marker{color:#fff!important;}
.offer-badge{position:absolute!important;right:22px!important;top:-15px!important;background:#0E63FF!important;color:#fff!important;border-radius:999px!important;padding:8px 17px!important;font-size:14px!important;font-weight:950!important;}
.recommended{transform:translateY(-14px)!important;}
@media(max-width:1180px){.pricing-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.recommended{transform:none!important}.offer-card{min-height:auto!important}}
@media(max-width:680px){.pricing-offers{padding:54px 0!important}.pricing-grid-4{grid-template-columns:1fr!important}.offer-card{padding:24px!important}.offer-price{font-size:48px!important}}



/* Effet premium au survol des encarts - modules + offres */
.card,
.offer-card,
.pricing-card{
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease, background .35s ease !important;
  transform-origin:center !important;
  will-change: transform !important;
  cursor:pointer !important;
  position:relative !important;
}
.card:hover,
.offer-card:hover,
.pricing-card:hover{
  transform: translateY(-10px) scale(1.045) !important;
  box-shadow: 0 30px 80px rgba(7,17,31,.18) !important;
  z-index:20 !important;
  border-color: rgba(255,49,49,.35) !important;
}
.card .product-img,
.card img,
.offer-card img,
.pricing-card img{
  transition: transform .35s cubic-bezier(.2,.8,.2,1), filter .35s ease !important;
}
.card:hover .product-img,
.card:hover img{
  transform: scale(1.06) !important;
}
.offer-card:hover .offer-btn,
.pricing-card:hover .offer-btn,
.card:hover .link-red{
  transform: translateY(-2px) scale(1.03) !important;
}
.offer-card.recommended:hover,
.offer-card.offer-dark:hover,
.pricing-card.featured:hover{
  transform: translateY(-12px) scale(1.065) !important;
  box-shadow: 0 34px 90px rgba(6,39,90,.34) !important;
}
@media (hover:none), (max-width:780px){
  .card:hover,
  .offer-card:hover,
  .pricing-card:hover,
  .offer-card.recommended:hover,
  .offer-card.offer-dark:hover,
  .pricing-card.featured:hover{
    transform:none !important;
  }
  .card:hover .product-img,
  .card:hover img{
    transform:none !important;
  }
}


/* Images dans les 3 formules commerciales */
.offer-img-wrap{height:170px!important;margin:-28px -28px 22px!important;border-radius:22px 22px 0 0!important;overflow:hidden!important;background:linear-gradient(135deg,#c7f4ff,#d8fff0)!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.offer-img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;transition:transform .35s ease!important;}
.offer-card:hover .offer-img{transform:scale(1.08)!important;}
.offer-card.offer-blue .offer-img{object-fit:contain!important;padding:10px!important;background:linear-gradient(135deg,#c7f4ff,#d8fff0)!important;}
.offer-card .offer-icon{display:none!important;}
@media(max-width:680px){.offer-img-wrap{height:210px!important;margin:-24px -24px 22px!important}}

/* === Logo premium Driver Connect === */
.logo{display:inline-flex!important;align-items:center!important;text-decoration:none!important;line-height:1!important;}
.logo.logo-premium-text{font-size:0!important;letter-spacing:0!important;}
.logo-img{display:block!important;width:clamp(190px,18vw,315px)!important;height:auto!important;max-height:74px!important;object-fit:contain!important;}
.site-footer .logo{background:rgba(255,255,255,.96)!important;border-radius:14px!important;padding:8px 12px!important;width:max-content!important;}
.site-footer .logo-img{width:220px!important;max-height:62px!important;}
@media(max-width:720px){.logo-img{width:190px!important;max-height:58px!important}.site-footer .logo-img{width:180px!important}}


/* Harmonisation premium bleu nuit / bleu nuit / bleu */
:root{--red:#0E63FF;--accent:#0E63FF;--accent-dark:#0B2A5B;--navy:#06275a;}
.cta,.callback,.lp-btn,.landing-page .menu .app-btn,.final-cta .cta,.content .final-cta a.cta{background:linear-gradient(135deg,#0E63FF,#0E63FF)!important;color:#fff!important;border-color:#0E63FF!important;box-shadow:0 18px 42px rgba(14,99,255,.25)!important;}
.cta span,.final-cta .cta span,.content .final-cta a.cta span{color:#fff!important;}
.cta:hover,.callback:hover,.lp-btn:hover,.landing-page .menu .app-btn:hover,.final-cta .cta:hover{background:linear-gradient(135deg,#0E63FF,#0E63FF)!important;color:#fff!important;transform:translateY(-2px);}
.lp-btn.outline{background:#fff!important;color:#06275a!important;border-color:#0E63FF!important;}
.link-red,.kicker,.menu a:hover,.content a{color:#0b78ff!important;}
.ticks li:before,.lp-checks li:before{background:#0E63FF!important;color:#fff!important;}
.eyebrow{background:rgba(14,99,255,.18)!important;color:#eaf2ff!important;}
.offer-btn.red,.offer-btn.blue,.offer-btn.blue{color:#0E63FF!important;border-color:#0E63FF!important;}
.offer-btn.dark,.btn-featured{background:linear-gradient(135deg,#0E63FF,#0E63FF)!important;color:#fff!important;border-color:#0E63FF!important;}
.offer-dark{background:#06275a!important;border-color:#06275a!important;}
.offer-badge{background:#0E63FF!important;color:#fff!important;}


/* === CORRECTION FINALE LOGO + COULEURS PREMIUM === */
:root{--red:#0E63FF!important;--accent:#0E63FF!important;--accent2:#0E63FF!important;--navy:#06275a!important;--dark:#07111f!important;}
.site-header{height:86px!important;min-height:86px!important;overflow:visible!important;}
.nav{height:86px!important;min-height:86px!important;align-items:center!important;}
.site-header .logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:260px!important;max-width:260px!important;min-width:220px!important;height:72px!important;overflow:hidden!important;line-height:1!important;}
.site-header .logo-img{width:250px!important;max-width:250px!important;height:auto!important;max-height:60px!important;object-fit:contain!important;object-position:left center!important;display:block!important;}
.site-footer .logo{display:flex!important;width:280px!important;max-width:280px!important;height:auto!important;overflow:hidden!important;background:transparent!important;padding:0!important;}
.site-footer .logo-img{width:270px!important;max-width:270px!important;height:auto!important;max-height:70px!important;object-fit:contain!important;}
.menu .cta,.nav-cta,.cta,.callback,.lp-btn,.app-btn,.final-cta a,.final-cta .cta,button.cta,.modal-actions .cta{background:linear-gradient(135deg,#0E63FF 0%,#0E63FF 100%)!important;color:#fff!important;border-color:#0E63FF!important;box-shadow:0 18px 42px rgba(14,99,255,.25)!important;}
.menu .cta span,.nav-cta span,.cta span,.callback span,.final-cta a span{color:#fff!important;}
.cta.light,.ghost,.lp-btn.outline{background:#fff!important;color:#06275a!important;border:1px solid rgba(14,99,255,.65)!important;box-shadow:none!important;}
.menu a:hover,.content a,.link-red,.kicker{color:#0E63FF!important;}
.callback{color:#fff!important;}
.offer-btn.dark,.btn-featured{background:linear-gradient(135deg,#0E63FF 0%,#0E63FF 100%)!important;color:#fff!important;border-color:#0E63FF!important;}
.offer-btn.red,.offer-btn.blue,.offer-btn.blue{color:#0E63FF!important;border-color:#0E63FF!important;background:#fff!important;}
.offer-badge{background:#0E63FF!important;color:#fff!important;}
.ticks li:before,.lp-checks li:before{background:#0E63FF!important;color:#fff!important;}
@media(max-width:920px){.site-header .logo{width:210px!important;max-width:210px!important;min-width:170px!important}.site-header .logo-img{width:200px!important;max-width:200px!important;max-height:52px!important}.nav{height:76px!important}.site-header{height:76px!important;min-height:76px!important}}


/* Driver Connect logo + premium blue refresh */
.site-header .logo{overflow:visible!important;background:transparent!important;padding:0!important;}
.site-header .logo-img{width:clamp(230px,22vw,340px)!important;max-width:340px!important;max-height:68px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 8px 16px rgba(4,22,56,.10));}
.site-footer .logo{background:transparent!important;padding:0!important;overflow:visible!important;}
.site-footer .logo-img{width:clamp(230px,24vw,360px)!important;max-width:360px!important;max-height:82px!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.22));}
.cta,.callback,.nav-cta,.lp-btn,.landing-page .menu .app-btn{background:linear-gradient(135deg,#0B2A5B,#0E63FF)!important;color:#fff!important;border-color:#0E63FF!important;box-shadow:0 18px 38px rgba(14,99,255,.25)!important;}
.cta.light,.lp-btn.outline{background:#fff!important;color:#0E63FF!important;border:1px solid #d8e6ff!important;box-shadow:none!important;}
.menu a:hover,.content a,.link-red,.kicker{color:#0E63FF!important;}
@media(max-width:920px){.site-header .logo-img{width:220px!important;max-height:58px!important}.site-header .logo{width:230px!important;max-width:230px!important;min-width:180px!important}}
@media(max-width:480px){.site-header .logo-img{width:190px!important;max-height:52px!important}.site-header .logo{width:195px!important;max-width:195px!important;min-width:160px!important}}


/* === HARMONISATION FINALE BOUTONS NOIR & BLEU DRIVER CONNECT === */
:root{
  --red:#0E63FF!important;
  --accent:#0E63FF!important;
  --accent2:#0B2A5B!important;
  --navy:#07111f!important;
  --dark:#07111f!important;
}
.cta,
a.cta,
button.cta,
.callback,
.nav-cta,
.lp-btn,
.landing-page .menu .app-btn,
.app-btn,
.offer-btn.dark,
.btn-featured,
.modal-actions .cta,
.final-cta a,
.final-cta .cta,
.content .final-cta a.cta{
  background:linear-gradient(135deg,#07111f 0%,#0B2A5B 45%,#0E63FF 100%)!important;
  color:#fff!important;
  border:1px solid rgba(14,99,255,.88)!important;
  box-shadow:0 18px 42px rgba(7,17,31,.24),0 10px 28px rgba(14,99,255,.18)!important;
}
.cta:hover,
a.cta:hover,
button.cta:hover,
.callback:hover,
.nav-cta:hover,
.lp-btn:hover,
.landing-page .menu .app-btn:hover,
.app-btn:hover,
.offer-btn.dark:hover,
.btn-featured:hover,
.final-cta a:hover,
.final-cta .cta:hover{
  background:linear-gradient(135deg,#0E63FF 0%,#0B2A5B 55%,#07111f 100%)!important;
  color:#fff!important;
  transform:translateY(-2px);
}
.cta.light,
.ghost,
.lp-btn.outline,
.offer-btn,
.offer-btn.red,
.offer-btn.blue,
.offer-btn.blue,
.close{
  background:#fff!important;
  color:#0B2A5B!important;
  border:1.5px solid rgba(14,99,255,.38)!important;
  box-shadow:0 10px 24px rgba(7,17,31,.06)!important;
}
.cta.light:hover,
.ghost:hover,
.lp-btn.outline:hover,
.offer-btn:hover,
.close:hover{
  background:#f3f7ff!important;
  color:#0E63FF!important;
  border-color:#0E63FF!important;
}
.offer-badge,
.lp-checks li:before,
.ticks li:before{
  background:#0E63FF!important;
  color:#fff!important;
}
.link-red,
.lp-red,
.kicker,
.menu a:hover,
.content a{
  color:#0E63FF!important;
}
.offer-card.recommended,
.pricing-card.featured{
  border-color:#0E63FF!important;
  box-shadow:0 28px 70px rgba(14,99,255,.20)!important;
}


/* === DRIVER CONNECT BLUE / NAVY BUTTON SYSTEM - FINAL OVERRIDE === */
:root{--dc-blue:#0E63FF!important;--dc-navy:#06152F!important;--dc-dark:#020817!important;--dc-line:#d8e6ff!important;}
a.cta,.cta,button.cta,.callback,.nav-cta,.lp-btn,.landing-page .menu .app-btn,.app-btn,.btn-featured,.offer-btn.dark,.final-cta a,.final-cta .cta,.modal-actions .cta,input[type="submit"],button[type="submit"]{
  background:linear-gradient(135deg,var(--dc-navy) 0%,var(--dc-blue) 100%)!important;
  color:#fff!important;
  border-color:var(--dc-blue)!important;
  box-shadow:0 18px 42px rgba(14,99,255,.28)!important;
}
a.cta *, .cta *, .nav-cta *, .lp-btn *, .app-btn *, .btn-featured *, .offer-btn.dark *, .final-cta a *, .final-cta .cta *{color:#fff!important;}
.cta:hover,.callback:hover,.nav-cta:hover,.lp-btn:hover,.landing-page .menu .app-btn:hover,.app-btn:hover,.btn-featured:hover,.offer-btn.dark:hover,.final-cta a:hover,.final-cta .cta:hover{
  background:linear-gradient(135deg,var(--dc-blue) 0%,var(--dc-navy) 100%)!important;
  color:#fff!important;
  transform:translateY(-2px);
}
.cta.light,.ghost,.lp-btn.outline,.offer-btn,.offer-btn.red,.offer-btn.blue,.offer-btn.blue{
  background:#fff!important;
  color:var(--dc-blue)!important;
  border:1.8px solid var(--dc-blue)!important;
  box-shadow:none!important;
}
.cta.light:hover,.ghost:hover,.lp-btn.outline:hover,.offer-btn:hover{background:#eef5ff!important;color:var(--dc-navy)!important;}
.link-red,.kicker,.content a,.menu a:hover{color:var(--dc-blue)!important;}
.offer-badge{background:var(--dc-blue)!important;color:#fff!important;}


/* === DRIVER CONNECT BLUE ONLY - FINAL OVERRIDE === */
:root{
  --red:#0E63FF!important;
  --accent:#0E63FF!important;
  --accent-dark:#0B2A5B!important;
  --navy:#06152F!important;
  --dc-blue:#0E63FF!important;
  --dc-blue-2:#006DFF!important;
  --dc-navy:#06152F!important;
  --dc-dark:#020817!important;
  --dc-soft:#F3F7FC!important;
  --dc-line:#D8E6FF!important;
}
.logo span,.menu a:hover,.link-red,.kicker,.content a,.lp-red{color:var(--dc-blue)!important;}
.cta,.callback,.nav-cta,.lp-btn,.landing-page .menu .app-btn,.app-btn,.btn-featured,.offer-btn.dark,.final-cta a,.final-cta .cta,button.cta,input[type="submit"],button[type="submit"]{
  background:linear-gradient(135deg,var(--dc-navy) 0%,var(--dc-blue) 100%)!important;
  color:#fff!important;
  border-color:var(--dc-blue)!important;
  box-shadow:0 18px 42px rgba(14,99,255,.28)!important;
}
.cta:hover,.callback:hover,.nav-cta:hover,.lp-btn:hover,.landing-page .menu .app-btn:hover,.app-btn:hover,.btn-featured:hover,.offer-btn.dark:hover,.final-cta a:hover,.final-cta .cta:hover{
  background:linear-gradient(135deg,var(--dc-blue) 0%,var(--dc-navy) 100%)!important;
  color:#fff!important;
}
.cta.light,.ghost,.lp-btn.outline,.offer-btn,.offer-btn.red,.offer-btn.blue,.offer-btn.gold{
  background:#fff!important;
  color:var(--dc-blue)!important;
  border:1.8px solid var(--dc-blue)!important;
  box-shadow:none!important;
}
.offer-badge,.lp-checks li:before,.ticks li:before{background:var(--dc-blue)!important;color:#fff!important;}
.lp-dots span,.lp-dots button{background:#BCD6FF!important;}
.lp-dots span:nth-child(2),.lp-dots button.active{background:var(--dc-blue)!important;}
.section.soft,.pricing-offers,.lp-section.gray{background:var(--dc-soft)!important;}


/* Aperçu premium de la fiche course : zoom lisible au survol */
.course-demo-card,
.content,
.content-wrap{
  overflow:visible!important;
}
.course-screen-zoom{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:1px solid rgba(14,99,255,.18)!important;
  background:#fff;
  cursor:zoom-in;
  text-align:inherit;
  overflow:hidden;
  transform-origin:center center;
  transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease;
  z-index:1;
}
.course-screen-zoom:focus-visible{
  outline:3px solid rgba(14,99,255,.45);
  outline-offset:4px;
}
.course-screen-zoom img{
  transition:transform .32s ease, filter .32s ease;
}
.course-screen-zoom:hover,
.course-screen-zoom:focus-visible{
  transform:scale(1.42);
  z-index:50;
  border-color:rgba(14,99,255,.55)!important;
  box-shadow:0 28px 80px rgba(6,21,47,.24);
}
.course-screen-zoom:hover img,
.course-screen-zoom:focus-visible img{
  transform:scale(1.08);
  filter:saturate(1.06) contrast(1.02);
}
.course-screen-zoom:hover .zoom-hint,
.course-screen-zoom:focus-visible .zoom-hint{
  background:#0E63FF;
}
.zoom-hint{
  position:absolute;
  right:18px;
  bottom:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(6,21,47,.92);
  color:#fff;
  font-weight:900;
  font-size:13px;
  box-shadow:0 12px 28px rgba(6,21,47,.22);
}
.screen-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(3,10,25,.88);
  backdrop-filter:blur(8px);
}
.screen-lightbox.is-open{display:flex;}
.screen-lightbox-frame{
  width:min(1500px,96vw);
  max-height:92vh;
  overflow:auto;
  border-radius:20px;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.42);
}
.screen-lightbox-frame img{
  display:block;
  width:1500px;
  max-width:none;
  height:auto;
}
.screen-lightbox-close{
  position:fixed;
  top:18px;
  right:22px;
  z-index:100000;
  width:48px;
  height:48px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#06152f;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
body.lightbox-locked{overflow:hidden;}
@media(max-width:720px){
  .course-screen-zoom:hover,
  .course-screen-zoom:focus-visible{transform:scale(1.08);}
  .screen-lightbox{padding:14px;}
  .screen-lightbox-frame{width:96vw;max-height:86vh;border-radius:14px;}
  .screen-lightbox-frame img{width:1180px;}
  .zoom-hint{left:14px;right:auto;bottom:14px;font-size:12px;}
}

/* === Correctif lisibilité desktop page logiciel : conteneur large + sidebar moins imposante === */
@media (min-width: 1180px){
  :root{--max:1680px!important;}
  .section.soft > .container.content-wrap{
    width:min(1680px, calc(100% - 64px))!important;
    max-width:1680px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0, 1fr) 300px!important;
    gap:34px!important;
    align-items:start!important;
  }
  .content{
    max-width:none!important;
    width:100%!important;
    padding:44px 48px!important;
  }
  .content .main-img{
    width:100%!important;
    max-width:none!important;
  }
  .sidebar{
    width:300px!important;
    padding:24px!important;
    border-radius:24px!important;
  }
  .sidebar h3{font-size:22px!important;}
  .sidebar a{padding:13px 15px!important;}
  .content h2{font-size:42px!important;line-height:1.08!important;}
  .content p{font-size:18px!important;line-height:1.72!important;}
}
@media (min-width: 1500px){
  .section.soft > .container.content-wrap{
    width:min(1760px, calc(100% - 76px))!important;
    max-width:1760px!important;
    grid-template-columns:minmax(0, 1fr) 300px!important;
    gap:40px!important;
  }
  .content{padding:48px 56px!important;}
}
@media (max-width: 1179px){
  .section.soft > .container.content-wrap{grid-template-columns:1fr!important;}
  .sidebar{position:static!important;width:auto!important;}
}

/* Sécurité UX : aucun embed externe invisible, aucun débordement non maîtrisé */
iframe, object, embed{max-width:100%;}
img{height:auto;}


.dc-ai-link{color:#0E63FF;font-weight:700;text-decoration:underline;word-break:break-word}
.dc-ai-pay-link{display:inline-block;margin-top:8px;background:#10a64a;color:#fff!important;text-decoration:none!important;font-weight:800;padding:10px 14px;border-radius:10px;box-shadow:0 8px 18px rgba(16,166,74,.22)}
.dc-ai-pay-link:hover{filter:brightness(.95)}