/* BatImpulse — styles partagés (le reste du style est inline dans les pages,
   fidèle à la maquette d'origine). */
:root{
  --navy:#1B2A4A; --navy-deep:#0D1B2E; --orange:#E87C2A; --orange-l:#F5A04A;
  --ink:#4A5568; --slate:#5B6472; --muted:#8891A0; --border:#E4E7EE; --bg:#F7F8FB;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;color:var(--navy);}
a{color:var(--orange);text-decoration:none;}
a:hover{color:var(--orange-l);}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;}

/* ── Frame « navigateur » du hero ── */
.browser{width:340px;max-width:100%;background:#0e0e10;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35);flex-shrink:0;}
.browser__bar{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#1c1c20;}
.browser__dot{width:10px;height:10px;border-radius:50%;background:#39393f;}
.browser__url{margin-left:10px;flex:1;background:#2a2a30;border-radius:6px;font-size:11px;color:#9aa0ab;padding:4px 10px;font-family:'Inter';}
.browser__view{aspect-ratio:16/9;background:#000;}
.browser__view iframe{width:100%;height:100%;border:0;display:block;}

/* ── Frame « téléphone » du hero ── */
.phone{width:170px;max-width:100%;background:#0e0e10;border-radius:26px;padding:8px;box-shadow:0 24px 60px rgba(0,0,0,.35);flex-shrink:0;}
.phone__screen{position:relative;border-radius:20px;overflow:hidden;background:#000;aspect-ratio:9/19;}
.phone__screen iframe{width:100%;height:100%;border:0;display:block;}
.phone__notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:60px;height:6px;border-radius:6px;background:#26262b;z-index:2;}

/* ── Formulaire : erreurs & états ── */
.field-error{color:#C0392B;font-size:12.5px;margin-top:5px;display:none;}
.input-invalid{border-color:#C0392B !important;}
.form-global-error{background:#FDEDEC;border:1px solid #F5B7B1;color:#922B21;border-radius:8px;padding:12px 14px;font-size:14px;margin-bottom:18px;display:none;}
button[disabled]{opacity:.6;cursor:not-allowed;}

/* ── Zone d'upload du logo ── */
.logo-drop{width:220px;height:220px;border:2px dashed var(--border);border-radius:12px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;gap:8px;cursor:pointer;color:var(--muted);
  font-size:13px;padding:16px;background:#fff;transition:border-color .15s,background .15s;overflow:hidden;}
.logo-drop:hover,.logo-drop.dragover{border-color:var(--orange);background:#FFF8F2;}
.logo-drop img{max-width:100%;max-height:100%;object-fit:contain;}
.logo-drop input[type=file]{display:none;}

/* ── Champ-piège anti-bot (honeypot) : invisible pour les humains ── */
.hp-field{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;}

/* ── Responsive ── */
@media (max-width:900px){
  .grid-2,.grid-hero{grid-template-columns:1fr !important;}
  .grid-3{grid-template-columns:1fr !important;}
  nav.mainnav{display:none !important;}
  h1{font-size:32px !important;}
}
@media (max-width:640px){
  .wrap{padding:0 20px;}
}