/* CAPTURE — Feuille de styles partagée v3 */
:root{
  --blue:#3A9BD5;--blue2:#2d7fb5;--blue3:#1a5a8a;
  --blue-light:rgba(58,155,213,0.10);--blue-border:rgba(58,155,213,0.22);
  --orange:#F7941D;--orange2:#d97d12;
  --orange-light:rgba(247,148,29,0.10);--orange-border:rgba(247,148,29,0.28);
  --navy:#0D1B2A;--navy2:#1A2E42;--navy3:#243d54;
  --text:#E8EDF2;--muted:#6B7F96;--light:#B8C8D8;
  --border:rgba(58,155,213,0.13);--border2:rgba(58,155,213,0.22);
  --font-head:'Syne',sans-serif;--font-body:'DM Sans',sans-serif;
  --r:10px;--r2:16px;--nav-h:64px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--navy);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--blue3);border-radius:3px}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.blue{color:var(--blue)}.orange{color:var(--orange)}
.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:var(--blue-light);border:1px solid var(--blue-border);border-radius:20px;padding:5px 14px;margin-bottom:16px}
.section-title{font-family:var(--font-head);font-size:clamp(26px,4.5vw,48px);font-weight:800;line-height:1.1;margin-bottom:14px}
.section-sub{color:var(--muted);font-size:clamp(14px,2vw,16px);max-width:540px;line-height:1.7;margin-bottom:40px}

/* BUTTONS */
.btn-primary{display:inline-flex;align-items:center;gap:9px;background:var(--orange);color:#fff;font-family:var(--font-head);font-size:14px;font-weight:700;padding:13px 26px;border-radius:var(--r);border:none;cursor:pointer;text-decoration:none;transition:all .2s;white-space:nowrap}
.btn-primary:hover{background:var(--orange2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(247,148,29,0.3)}
.btn-secondary{display:inline-flex;align-items:center;gap:9px;background:var(--blue);color:#fff;font-family:var(--font-head);font-size:14px;font-weight:700;padding:13px 26px;border-radius:var(--r);border:none;cursor:pointer;text-decoration:none;transition:all .2s;white-space:nowrap}
.btn-secondary:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(58,155,213,0.3)}
.btn-outline{display:inline-flex;align-items:center;gap:9px;background:transparent;color:var(--text);font-family:var(--font-head);font-size:14px;font-weight:600;padding:12px 24px;border-radius:var(--r);border:1px solid rgba(255,255,255,0.18);cursor:pointer;text-decoration:none;transition:all .2s;white-space:nowrap}
.btn-outline:hover{border-color:var(--blue);color:var(--blue)}

/* CARDS */
.card{background:var(--navy2);border:1px solid var(--border);border-radius:var(--r2);padding:24px;transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--blue-border);transform:translateY(-2px)}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(13,27,42,0.94);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);max-width:1140px;margin:0 auto;padding:0 20px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:800;font-size:19px;color:var(--text);text-decoration:none;flex-shrink:0}
.logo-mark{width:34px;height:34px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-word{color:var(--orange)}
.nav-links{display:flex;align-items:center;gap:24px;list-style:none}
.nav-links a{color:var(--muted);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-cta{display:flex;align-items:center;gap:8px;flex-shrink:0}
.hamburger{display:none;cursor:pointer;background:none;border:none;padding:6px;flex-shrink:0}
.hamburger span{display:block;width:21px;height:2px;background:var(--text);margin:5px 0;border-radius:2px;transition:all .3s}
.mobile-menu{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--navy2);border-bottom:1px solid var(--border);padding:16px 20px;z-index:99;flex-direction:column}
.mobile-menu.open{display:flex}
.mobile-menu a{color:var(--muted);text-decoration:none;font-size:15px;padding:11px 0;border-bottom:1px solid var(--border);display:block}
.mobile-menu .btn-primary{margin-top:12px;justify-content:center}

/* TRUST BAR */
.trust-bar{background:var(--navy2);border-bottom:1px solid var(--border);padding:8px 0;margin-top:var(--nav-h)}
.trust-items{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,32px);flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--muted)}
.trust-item svg{width:12px;height:12px;color:var(--orange);flex-shrink:0}

/* SECTIONS */
section{padding:clamp(52px,8vw,88px) 0}
section:nth-child(even){background:var(--navy2)}

/* GRIDS */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* FORMS */
.form-label{display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.form-input,.form-select,.form-textarea{width:100%;background:var(--navy);border:1px solid var(--border);border-radius:var(--r);padding:11px 15px;color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .2s;margin-bottom:14px}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(58,155,213,0.08)}
.form-input::placeholder,.form-textarea::placeholder{color:var(--muted);opacity:.5}
.form-textarea{resize:vertical;min-height:110px}
.form-select{appearance:none}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-msg{display:none;text-align:center;padding:12px;border-radius:var(--r);margin-top:12px;font-weight:600;font-size:13px}
.form-msg.success{background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border)}
.form-msg.error{background:rgba(226,75,74,0.08);color:#fca5a5;border:1px solid rgba(226,75,74,0.2)}

/* FOOTER */
footer{background:#070f1a;border-top:1px solid var(--border);padding:52px 0 26px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand-text{font-size:13px;color:var(--muted);line-height:1.7;margin-top:12px;max-width:230px}
.footer-col-title{font-family:var(--font-head);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text);margin-bottom:14px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-links a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--blue)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid var(--border);font-size:11px;color:var(--muted);flex-wrap:wrap;gap:10px}
.footer-bottom a{color:var(--muted);text-decoration:none;transition:color .2s}
.footer-bottom a:hover{color:var(--blue)}
.footer-map-link{display:inline-flex;align-items:center;gap:5px;background:var(--blue-light);border:1px solid var(--blue-border);border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600;color:var(--blue);text-decoration:none;transition:all .2s;margin-top:10px}
.footer-map-link:hover{background:var(--blue);color:#fff}

/* BLOG */
.blog-cat{display:inline-block;background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border);border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;margin-bottom:10px}
.blog-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.blog-read-more{color:var(--blue);font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:gap .2s}
.blog-read-more:hover{gap:8px}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}



/* =========================
   LOGOS CAPTURE DRIVE
========================= */

.nav-logo{
  height:90px;
  width:auto;
  display:block;
  object-fit:contain;
}

.footer-logo{
  height:80px;
  width:auto;
  display:block;
  object-fit:contain;
  opacity:.96;
}

/* Mobile */
@media(max-width:768px){

  .nav-logo{
    height:86px;
  }

  .footer-logo{
    height:90px;
  }

}

/* =========================
   TITRES PREMIUM
========================= */

h1,
h2,
.hero-title,
.section-title,
.product-title,
.stat-number{
    font-family: 'Space Grotesk', sans-serif;
    letter-spacing:-0.03em;
}


/* ═══ RESPONSIVE ═══════════════════════════════════════ */
@media(max-width:1024px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .nav-links{gap:18px}
  .nav-links a{font-size:12px}
}
@media(max-width:768px){
  .nav-links{display:none!important}
  .nav-cta .btn-primary{display:none!important}
  .hamburger{display:block!important}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-bottom{flex-direction:column;gap:8px}
  section{padding:44px 0}
}
@media(max-width:480px){
  .container{padding:0 16px}
  .footer-grid{grid-template-columns:1fr}
  .trust-item span:not(:first-child){display:none}
  .btn-primary,.btn-secondary,.btn-outline{padding:11px 18px;font-size:13px}
}