/* Engagement layer: progress bar, quick-contact dock, cookie notice, lead card (prefix ee-) */
.ee-progress { position:fixed; top:0; left:0; right:0; height:3px; z-index:10000; pointer-events:none; } .ee-progress i { display:block; height:100%; width:0; background:linear-gradient(90deg,#F27405,#ffb15e); box-shadow:0 0 10px rgba(242,116,5,.7); }
.ee-dock { position:fixed; right:22px; bottom:22px; z-index:9990; display:flex; flex-direction:column; gap:10px; align-items:flex-end; transform:translateY(24px); opacity:0; pointer-events:none; transition:opacity .5s, transform .5s; font-family:'Barlow',Arial,sans-serif; }
.ee-dock.show { transform:none; opacity:1; pointer-events:auto; }
.ee-btn { display:inline-flex; align-items:center; gap:12px; padding:12px 20px 12px 16px; border-radius:99px; text-decoration:none !important; box-shadow:0 14px 34px rgba(7,21,31,.35); transition:transform .2s, box-shadow .2s; min-height:48px; }
.ee-btn:hover { transform:translateY(-3px); box-shadow:0 18px 40px rgba(7,21,31,.45); }
.ee-call { background:#fff; color:#0e2b3d !important; } .ee-call .t small { display:block; font:600 11px 'Barlow',sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#5b6b76; } .ee-call .t b { display:block; font:800 17px/1.1 'Barlow',sans-serif; }
.ee-call .dot { position:relative; width:12px; height:12px; border-radius:50%; background:#2fbf71; flex:0 0 12px; } .ee-call .dot::after { content:""; position:absolute; inset:0; border-radius:50%; background:#2fbf71; animation:eePulse 1.7s ease-out infinite; } @keyframes eePulse { to { transform:scale(3.2); opacity:0; } }
.ee-quote { background:#F27405; color:#fff !important; font:800 16px 'Barlow',sans-serif; letter-spacing:.03em; padding:14px 22px; } .ee-quote svg { flex:0 0 18px; }
/* cookie notice */
.ee-cookie { position:fixed; left:22px; bottom:22px; z-index:9995; width:min(380px,calc(100vw - 44px)); padding:18px 20px; border-radius:16px; background:#0e2b3d; color:#fff; box-shadow:0 20px 50px rgba(7,21,31,.45); border:1px solid rgba(255,255,255,.14); font-family:'Roboto',Arial,sans-serif; transform:translateY(20px); opacity:0; transition:opacity .45s, transform .45s; }
.ee-cookie.show { transform:none; opacity:1; } .ee-cookie p { margin:0 0 14px; font-size:14px; line-height:1.55; color:rgba(255,255,255,.85); } .ee-cookie a { color:#ffb37a; text-decoration:underline; }
.ee-cookie .row2 { display:flex; gap:10px; } .ee-cookie button { flex:1; padding:11px 14px; border-radius:10px; font:800 14px 'Barlow',sans-serif; letter-spacing:.04em; cursor:pointer; border:1.5px solid rgba(255,255,255,.35); background:transparent; color:#fff; } .ee-cookie button.ok { background:#F27405; border-color:#F27405; }
/* lead card */
.ee-lead { position:fixed; left:22px; bottom:22px; z-index:9992; width:min(400px,calc(100vw - 44px)); padding:26px 24px 22px; border-radius:20px; background:#fff; color:#0e2b3d; box-shadow:0 30px 70px rgba(7,21,31,.4); border-top:5px solid #F27405; font-family:'Roboto',Arial,sans-serif; transform:translateY(30px); opacity:0; pointer-events:none; transition:opacity .45s, transform .45s; }
.ee-lead.show { transform:none; opacity:1; pointer-events:auto; }
.ee-lead h4 { font:800 24px/1.1 'Barlow',sans-serif; margin:0 0 6px; color:#0e2b3d; text-transform:none; } .ee-lead p { margin:0 0 14px; font-size:14.5px; line-height:1.5; color:#4b5c67; }
.ee-lead .x { position:absolute; right:12px; top:10px; width:34px; height:34px; border:0; background:none; font-size:24px; line-height:1; color:#6b7b84; cursor:pointer; border-radius:50%; } .ee-lead .x:hover { background:#f0f3f6; color:#0e2b3d; }
.ee-lead input, .ee-lead textarea { width:100%; padding:11px 13px; margin-bottom:9px; border:1.5px solid #dde5ec; border-radius:10px; font:15px 'Roboto',sans-serif; color:#0e2b3d; background:#f8fafb; } .ee-lead textarea { min-height:70px; resize:vertical; } .ee-lead input:focus, .ee-lead textarea:focus { outline:0; border-color:#F27405; box-shadow:0 0 0 3px rgba(242,116,5,.18); background:#fff; }
.ee-lead .hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.ee-lead .go { width:100%; padding:13px; border:0; border-radius:12px; background:#F27405; color:#fff; font:800 16px 'Barlow',sans-serif; letter-spacing:.05em; cursor:pointer; box-shadow:0 10px 24px rgba(242,116,5,.35); } .ee-lead .go:disabled { opacity:.7; cursor:wait; }
.ee-lead small { display:block; margin-top:9px; font-size:12px; color:#6b7b84; } .ee-lead small a { color:#c9560a; }
.ee-lead .msg { margin-top:10px; font-size:14px; color:#b42318; } .ee-lead .done { text-align:center; padding:14px 6px; } .ee-lead .done b { display:block; font:800 22px 'Barlow',sans-serif; margin-bottom:6px; } .ee-lead .done span { font-size:15px; color:#4b5c67; }
@media (max-width:767px) {
  body.ee-has-bar { padding-bottom:64px; }
  .ee-dock { left:0; right:0; bottom:0; flex-direction:row; gap:0; align-items:stretch; background:#0e2b3d; box-shadow:0 -10px 30px rgba(7,21,31,.4); transform:translateY(100%); }
  .ee-dock.show { transform:none; }
  .ee-btn { flex:1; border-radius:0; justify-content:center; box-shadow:none; min-height:60px; padding:10px 12px; } .ee-btn:hover { transform:none; box-shadow:none; }
  .ee-call { background:#0e2b3d; color:#fff !important; } .ee-call .t small { color:rgba(255,255,255,.7); } .ee-call .t b { font-size:16px; } .ee-quote { font-size:16px; }
  .ee-cookie { left:12px; right:12px; width:auto; bottom:72px; } .ee-lead { left:12px; right:12px; width:auto; bottom:72px; }
}
@media (prefers-reduced-motion:reduce) { .ee-dock,.ee-cookie,.ee-lead { transition:none; } .ee-call .dot::after { animation:none; } }