/* Certif Up — charte du site officiel (alignée sur la landing) */
:root{
  --navy:#0a1a3f; --navy2:#12306b; --blue:#1565c0; --blue2:#2a86f0; --sky:#eaf3ff;
  --green:#12b76a; --green-soft:#e6f8ef; --amber:#ffb020; --amber-soft:#fff3d6;
  --ink:#0f172a; --muted:#566178; --line:#e3e8f1; --alt:#f5f8fd;
  --r:22px; --shadow:0 18px 50px -20px rgba(10,26,63,.25);
}
.cu *{box-sizing:border-box}
.cu{margin:0;font-family:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
.cu img{max-width:100%;display:block}
.cu a{color:inherit}
.cu h1,.cu h2,.cu h3{line-height:1.15;letter-spacing:-.02em;margin:0}
.cu p{margin:0}
.cu-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.cu-sec{padding:96px 0;scroll-margin-top:80px}
.cu-alt{background:var(--alt)}
.cu-tag{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.cu-h2{font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:800;margin-bottom:14px !important}
.cu-lead{font-size:1.08rem;color:var(--muted);max-width:680px}
.cu-center{text-align:center}.cu-center .cu-lead{margin:0 auto}
.cu-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border:0;border-radius:999px;font:700 1rem/1 inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.cu-btn:hover{transform:translateY(-2px)}
.cu-btn-primary{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff !important;box-shadow:0 14px 28px -12px rgba(21,101,192,.8)}
.cu-btn-amber{background:var(--amber);color:var(--navy) !important;box-shadow:0 14px 28px -12px rgba(255,176,32,.7)}
.cu-btn-ghost{background:rgba(255,255,255,.1);color:#fff !important;border:1px solid rgba(255,255,255,.3)}

/* Navigation */
.cu-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.cu-nav .cu-wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.cu-nav .cu-logo img{height:58px;width:auto}
.cu-menu{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.cu-menu a{text-decoration:none;font-weight:600;font-size:.94rem;color:#3d4659;transition:color .15s}
.cu-menu a:hover{color:var(--blue)}
.cu-nav .cu-btn{padding:11px 20px;font-size:.9rem}
.cu-burger{display:none;background:none;border:0;font-size:1.7rem;color:var(--ink);cursor:pointer;padding:6px}
.cu-mobile{display:none;border-top:1px solid var(--line);background:#fff}
.cu-mobile ul{list-style:none;margin:0;padding:12px 20px 20px;display:flex;flex-direction:column;gap:4px}
.cu-mobile a{display:block;padding:12px 6px;text-decoration:none;font-weight:600;border-bottom:1px solid var(--alt)}
.cu-mobile.open{display:block}

/* Hero */
.cu-hero{position:relative;overflow:hidden;color:#fff;padding:150px 0 100px;
  background:radial-gradient(900px 500px at 90% -10%,#2f7de0 0%,transparent 60%),radial-gradient(600px 400px at -10% 110%,#1b4fa8 0%,transparent 60%),var(--navy)}
.cu-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.cu-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 16px;font-weight:600;font-size:.88rem;margin-bottom:20px}
.cu-pill i{color:#5ff0b5}
.cu-hero h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;margin-bottom:20px}
.cu-hero h1 em{font-style:normal;color:var(--amber)}
.cu-hero p{font-size:1.15rem;color:#c8d6f2;max-width:560px;margin-bottom:30px}
.cu-actions{display:flex;flex-wrap:wrap;gap:12px}
.cu-dossier{background:#fff;color:var(--ink);border-radius:26px;padding:28px;box-shadow:0 40px 80px -30px rgba(0,0,0,.55)}
.cu-dossier-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.cu-dossier-head b{font-size:1.1rem}
.cu-dossier-head span{background:var(--green-soft);color:#087a47;font-weight:800;font-size:.8rem;padding:5px 12px;border-radius:999px;white-space:nowrap}
.cu-progress{height:10px;border-radius:99px;background:linear-gradient(90deg,var(--blue2),var(--green));margin-bottom:20px}
.cu-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cu-steps li{display:flex;align-items:center;gap:14px;background:var(--alt);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:700;font-size:.95rem}
.cu-steps li i{flex:none;width:36px;height:36px;border-radius:10px;background:var(--sky);color:var(--blue);display:flex;align-items:center;justify-content:center}
.cu-steps li em{margin-left:auto;font-style:normal;color:var(--green);font-size:1.1rem}

/* Vidéo */
.cu-video{max-width:900px;margin:44px auto 0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:#000;border:4px solid #fff}
.cu-video video{width:100%;height:auto;display:block}

/* Offres */
.cu-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.cu-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;text-align:left}
.cu-card:hover{transform:translateY(-4px);box-shadow:0 26px 60px -24px rgba(10,26,63,.35)}
.cu-ico{width:54px;height:54px;border-radius:16px;background:var(--sky);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:18px}
.cu-card .cu-num{float:right;font-weight:800;color:#c5d3ea;font-size:1.4rem}
.cu-card h3{font-size:1.1rem;margin-bottom:10px}
.cu-card p{color:var(--muted);font-size:.95rem}

/* Pourquoi : grille « bento » */
.cu-bento{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:auto auto;gap:20px}
.cu-bento-main{grid-row:span 2;position:relative;overflow:hidden;border-radius:28px;padding:44px 40px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;
  background:radial-gradient(500px 360px at 110% -10%,rgba(42,134,240,.55),transparent 60%),linear-gradient(160deg,var(--navy),var(--navy2));box-shadow:var(--shadow)}
.cu-bento-main::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(255,176,32,.12)}
.cu-bento-main .cu-tag{color:#5ff0b5}
.cu-bento-main h2{font-size:clamp(2rem,3.6vw,2.8rem);font-weight:800;margin-bottom:22px}
.cu-bento-motto{font-size:1.45rem;font-weight:700;line-height:1.3;color:#c8d6f2;margin-bottom:28px !important}
.cu-bento-motto em{font-style:normal;color:var(--amber)}
.cu-bento-promise{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:14px 18px;font-weight:700;margin-bottom:28px;position:relative;z-index:1}
.cu-bento-promise i{flex:none;width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center}
.cu-bento-main .cu-btn{margin-top:auto;position:relative;z-index:1}
.cu-bento-item{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 28px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s}
.cu-bento-item:hover{transform:translateY(-4px);border-color:#bcd5f5;box-shadow:0 26px 60px -24px rgba(21,101,192,.35)}
.cu-bento-n{position:absolute;top:24px;right:26px;font-weight:800;font-size:1.5rem;color:#d5e1f3}
.cu-bento-ico{width:56px;height:56px;border-radius:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#fff;
  background:linear-gradient(135deg,var(--blue2),var(--blue));box-shadow:0 10px 20px -8px rgba(21,101,192,.6)}
.cu-bento-item:nth-child(3) .cu-bento-ico{background:linear-gradient(135deg,#3ec98a,#12b76a);box-shadow:0 10px 20px -8px rgba(18,183,106,.6)}
.cu-bento-item:nth-child(4) .cu-bento-ico{background:linear-gradient(135deg,#ffc552,#f39c12);box-shadow:0 10px 20px -8px rgba(243,156,18,.6)}
.cu-bento-item:nth-child(5) .cu-bento-ico{background:linear-gradient(135deg,#7a8cff,#4f5fe0);box-shadow:0 10px 20px -8px rgba(79,95,224,.6)}
.cu-bento-item h3{font-size:1.15rem;margin-bottom:8px !important}
.cu-bento-item p{color:var(--muted);font-size:.96rem}
@media (max-width:1000px){
  .cu-bento{grid-template-columns:1fr 1fr}
  .cu-bento-main{grid-row:auto;grid-column:span 2}
}
@media (max-width:560px){
  .cu-bento{grid-template-columns:1fr}
  .cu-bento-main{grid-column:auto;padding:32px 26px}
  .cu-bento-item{padding:24px 22px}
}
/* Qui sommes-nous */
.cu-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.cu-quote{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;border-radius:28px;padding:44px;box-shadow:var(--shadow);position:relative}
.cu-quote i{font-size:2.4rem;color:var(--amber);margin-bottom:16px;display:block}
.cu-quote p{font-size:1.6rem;font-weight:800;line-height:1.25}
.cu-quote small{display:block;margin-top:16px;color:#c8d6f2;font-size:.95rem;font-weight:600}
.cu-about-text p{color:#3d4659;font-size:1.05rem;margin-bottom:14px}
.cu-about-text strong{color:var(--ink)}

/* Publics */
.cu-aud{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.cu-aud div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 20px;text-align:center;box-shadow:var(--shadow);font-weight:700}
.cu-aud i{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:var(--sky);color:var(--blue);font-size:1.3rem}

/* Logos */
.cu-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 56px;margin-top:40px}
.cu-logos a{display:block;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s,transform .2s}
.cu-logos a:hover{filter:none;opacity:1;transform:scale(1.04)}
.cu-logos img{height:56px;width:auto;max-width:180px;object-fit:contain}

/* Contact */
.cu-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start;margin-top:44px}
.cu-form{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}
.cu-form label{display:block;font-size:.88rem;font-weight:700;margin-bottom:8px}
.cu-form input,.cu-form textarea{width:100%;border:2px solid var(--line);border-radius:14px;padding:13px 16px;font:500 1rem inherit;font-family:inherit;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.cu-form input:focus,.cu-form textarea:focus{outline:0;border-color:var(--blue2);box-shadow:0 0 0 4px rgba(42,134,240,.15)}
.cu-form .cu-btn{align-self:flex-start}
.cu-alert{padding:14px 18px;border-radius:14px;font-weight:600;margin-bottom:6px}
.cu-alert.ok{background:var(--green-soft);color:#087a47;border:1px solid #a6e3c4}
.cu-alert.ko{background:#fdeceb;color:#a1282c;border:1px solid #f6c9c7}
.cu-coords{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;border-radius:26px;padding:34px;box-shadow:var(--shadow)}
.cu-coords h3{font-size:1.4rem;margin-bottom:10px}
.cu-coords > p{color:#c8d6f2;margin-bottom:24px}
.cu-coord{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}
.cu-coord i{flex:none;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#5ff0b5}
.cu-coord small{display:block;color:#9fb3d9;font-size:.8rem;font-weight:600}
.cu-coord b{font-size:1.15rem}

/* Rendez-vous */
.cu-cal{margin-top:40px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:12px;box-shadow:var(--shadow);overflow:hidden}

/* Pied de page */
.cu-footer{background:#06112b;color:#9aa8c7;padding:64px 0 28px}
.cu-footer .cu-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.cu-footer img{height:60px;width:auto;margin-bottom:14px}
.cu-footer h4{color:#fff;font-size:1rem;margin:0 0 14px}
.cu-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:.92rem}
.cu-footer a{text-decoration:none;transition:color .15s}
.cu-footer a:hover{color:#fff}
.cu-footer i{width:18px;color:#5ff0b5}
.cu-footer p{font-size:.92rem;line-height:1.6}
.cu-copy{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:22px;text-align:center;font-size:.84rem}

@media (max-width:1000px){
  .cu-menu,.cu-nav .cu-btn{display:none}
  .cu-burger{display:block}
  .cu-grid4,.cu-aud{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .cu-sec{padding:68px 0}
  .cu-hero{padding:120px 0 70px}
  .cu-hero-grid,.cu-about,.cu-contact{grid-template-columns:1fr}
  .cu-footer .cu-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .cu-wrap{padding:0 16px}
  .cu-grid4,.cu-aud{grid-template-columns:1fr}
  .cu-actions .cu-btn{width:100%}
  .cu-quote{padding:30px}.cu-quote p{font-size:1.3rem}
  .cu-form,.cu-coords{padding:24px 20px}
  .cu-footer .cu-cols{grid-template-columns:1fr}
  .cu-logos img{height:44px}
}