#wdmai-root{--wdmai-accent:#ff6709;font-family:Inter,Arial,sans-serif;position:fixed;right:22px;bottom:22px;z-index:999999;color:#172033}
#wdmai-root *{box-sizing:border-box}
.wdmai-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}
.wdmai-actions a,.wdmai-actions>button{border:0;border-radius:999px;box-shadow:0 8px 26px rgba(20,31,54,.18);padding:13px 18px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;transition:.2s transform,.2s box-shadow}
.wdmai-actions a:hover,.wdmai-actions>button:hover{transform:translateY(-2px);box-shadow:0 11px 30px rgba(20,31,54,.25)}
.wdmai-call{background:#172033;color:#fff!important}.wdmai-launch{background:var(--wdmai-accent);color:#fff}.wdmai-icon{font-size:17px}
.wdmai-panel{position:absolute;right:0;bottom:68px;width:min(390px,calc(100vw - 28px));height:min(650px,calc(100vh - 110px));background:#fff;border:1px solid #e7eaf0;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px rgba(15,24,45,.25);display:flex;flex-direction:column}
.wdmai-panel[hidden]{display:none}
.wdmai-header{background:#172033;color:#fff;padding:18px 17px;display:flex;align-items:center;justify-content:space-between}
.wdmai-header strong{font-size:17px;display:block}.wdmai-header small{display:flex;gap:6px;align-items:center;margin-top:4px;color:#d9dfeb}.wdmai-header small i{width:8px;height:8px;border-radius:50%;background:#43d17a}
.wdmai-close{background:transparent;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.wdmai-messages{flex:1;overflow:auto;background:#f5f7fa;padding:16px}
.wdmai-message{display:flex;margin:0 0 12px}.wdmai-message>div{max-width:86%;padding:11px 13px;border-radius:15px;font-size:14px;line-height:1.45;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.wdmai-message.bot>div{background:#fff;border:1px solid #e5e8ee;border-bottom-left-radius:4px}.wdmai-message.user{justify-content:flex-end}.wdmai-message.user>div{background:var(--wdmai-accent);color:#fff;border-bottom-right-radius:4px}
.wdmai-quick{padding:8px 12px;display:flex;gap:7px;overflow-x:auto;border-top:1px solid #edf0f4;background:#fff}.wdmai-quick button{white-space:nowrap;border:1px solid #dfe4eb;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;cursor:pointer}.wdmai-quick button:hover{border-color:var(--wdmai-accent);color:var(--wdmai-accent)}
.wdmai-chat-form{display:flex;gap:8px;padding:11px 12px;border-top:1px solid #edf0f4;background:#fff}.wdmai-chat-form textarea{resize:none;flex:1;border:1px solid #d7dce5;border-radius:12px;padding:10px 11px;min-height:42px;max-height:100px;font:inherit;font-size:14px;outline:none}.wdmai-chat-form textarea:focus{border-color:var(--wdmai-accent)}
.wdmai-chat-form button{width:42px;height:42px;border:0;border-radius:12px;background:var(--wdmai-accent);color:#fff;font-size:18px;cursor:pointer}
.wdmai-footer{text-align:center;padding:0 10px 8px;color:#8a92a2;background:#fff;font-size:9px}
.wdmai-typing span{display:inline-block;width:6px;height:6px;background:#8b93a1;border-radius:50%;margin:0 2px;animation:wdmai-bounce 1.2s infinite}.wdmai-typing span:nth-child(2){animation-delay:.15s}.wdmai-typing span:nth-child(3){animation-delay:.3s}@keyframes wdmai-bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
.wdmai-lead-overlay{position:absolute;inset:0;background:rgba(12,20,36,.55);z-index:5;display:flex;align-items:flex-end}
.wdmai-lead-form{background:#fff;width:100%;max-height:100%;overflow:auto;padding:18px;border-radius:20px 20px 0 0}
.wdmai-lead-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.wdmai-lead-head strong{font-size:18px}.wdmai-lead-head button{border:0;background:transparent;font-size:27px;cursor:pointer}
.wdmai-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wdmai-lead-form label{display:block;font-size:11px;font-weight:700;color:#4f596b;margin-bottom:10px}.wdmai-lead-form input,.wdmai-lead-form select,.wdmai-lead-form textarea{display:block;width:100%;margin-top:5px;border:1px solid #d7dce5;border-radius:9px;padding:9px;font:inherit;font-size:13px;background:#fff}
.wdmai-lead-form small{display:block;font-size:9px;color:#818999;margin:2px 0 10px}.wdmai-submit-lead{width:100%;border:0;background:var(--wdmai-accent);color:#fff;font-weight:700;padding:12px;border-radius:10px;cursor:pointer}.wdmai-submit-lead:disabled{opacity:.6}.wdmai-form-status{color:#b42318;font-size:12px;margin-top:8px;text-align:center}
.wdmai-success{text-align:center;padding:45px 10px}.wdmai-success>div{width:58px;height:58px;border-radius:50%;background:#e9f9ef;color:#18a957;font-size:32px;line-height:58px;margin:auto}.wdmai-success h3{font-size:22px;margin:14px 0 7px}.wdmai-success p{font-size:14px;color:#667085}.wdmai-success button{border:0;background:#172033;color:#fff;padding:10px 18px;border-radius:9px;cursor:pointer}
@media(max-width:600px){#wdmai-root{right:14px;bottom:14px}.wdmai-actions{flex-direction:column;align-items:flex-end}.wdmai-actions a,.wdmai-actions>button{padding:12px 15px}.wdmai-panel{position:fixed;inset:8px;width:auto;height:auto;border-radius:16px}.wdmai-grid{grid-template-columns:1fr}}


/* Web Design Mate v1.1 branded interface */
.wdmai-header{min-height:88px;padding:14px 16px;background:linear-gradient(135deg,#121a2a 0%,#1d2a42 100%);position:relative;overflow:hidden}
.wdmai-header:after{content:"";position:absolute;right:-35px;top:-55px;width:150px;height:150px;border-radius:50%;background:rgba(255,103,9,.16)}
.wdmai-brand{display:flex;align-items:center;gap:11px;position:relative;z-index:1;min-width:0}
.wdmai-logo-wrap{width:76px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#fff;padding:8px 9px;box-shadow:0 6px 18px rgba(0,0,0,.18);flex:0 0 auto}
.wdmai-logo{display:block;width:100%;height:auto;max-height:30px;object-fit:contain}
.wdmai-brand-copy{display:block;min-width:0}.wdmai-brand-copy strong{font-size:16px;line-height:1.15;letter-spacing:.1px}
.wdmai-brand-copy small{font-size:11px;margin-top:4px;color:#eef2f8}.wdmai-brand-copy em{display:block;font-size:9px;font-style:normal;color:#aeb8c9;margin-top:3px}
.wdmai-close{position:relative;z-index:2;width:36px;height:36px;border-radius:50%;transition:.2s;background:rgba(255,255,255,.08)}
.wdmai-close:hover{background:rgba(255,255,255,.16)}.wdmai-launch{background:linear-gradient(135deg,#ff6709,#ff8a3d)}
.wdmai-message.user>div,.wdmai-chat-form button,.wdmai-submit-lead{background:linear-gradient(135deg,#ff6709,#ff8434)}
.wdmai-lead-overlay{align-items:stretch;background:rgba(12,20,36,.68);backdrop-filter:blur(3px)}
.wdmai-lead-form{border-radius:0;padding:0;max-height:none;height:100%;background:#f7f8fb}
.wdmai-lead-head{margin:0;padding:17px 18px;background:#fff;border-bottom:1px solid #e8ebf1;position:sticky;top:0;z-index:5}
.wdmai-lead-head>div{display:flex;flex-direction:column;gap:3px}.wdmai-lead-head strong{font-size:18px;color:#172033}.wdmai-lead-head span{font-size:11px;color:#7c8596}
.wdmai-progress{display:flex;align-items:center;justify-content:center;padding:14px 26px 5px;background:#f7f8fb}
.wdmai-progress span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e4e8ef;color:#778194;font-size:11px;font-weight:800;transition:.2s}
.wdmai-progress span.is-active{background:#ff6709;color:#fff;box-shadow:0 4px 12px rgba(255,103,9,.25)}
.wdmai-progress span.is-complete:before{content:"✓";font-size:12px}.wdmai-progress span.is-complete{font-size:0}.wdmai-progress b{height:2px;width:52px;background:#e1e5ec}
.wdmai-step{display:none;padding:14px 18px 20px;animation:wdmaiFade .22s ease}.wdmai-step.is-active{display:block}
@keyframes wdmaiFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.wdmai-step h4{font-size:15px;margin:0 0 13px;color:#172033}
.wdmai-service-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wdmai-service-cards label{margin:0}
.wdmai-service-cards input{position:absolute;opacity:0;pointer-events:none}
.wdmai-service-cards span{min-height:65px;border:1px solid #e0e5ec;background:#fff;border-radius:12px;display:flex;align-items:center;gap:9px;padding:10px;font-size:11px;font-weight:700;color:#364152;cursor:pointer;transition:.18s;line-height:1.25}
.wdmai-service-cards span i{font-style:normal;font-size:19px}.wdmai-service-cards input:checked+span{border-color:#ff6709;background:#fff6f0;color:#d95500;box-shadow:0 4px 13px rgba(255,103,9,.12)}
.wdmai-lead-form .wdmai-grid{gap:9px}.wdmai-lead-form label{font-size:10px;color:#5c6677}
.wdmai-lead-form input,.wdmai-lead-form select,.wdmai-lead-form textarea{border-radius:10px;border-color:#dfe4eb;padding:10px;background:#fff;outline:none}
.wdmai-lead-form input:focus,.wdmai-lead-form select:focus,.wdmai-lead-form textarea:focus{border-color:#ff6709;box-shadow:0 0 0 3px rgba(255,103,9,.1)}
.wdmai-features{border:0;margin:3px 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:7px}.wdmai-features legend{font-size:10px;font-weight:700;color:#5c6677;margin-bottom:7px}.wdmai-features label{margin:0}
.wdmai-features input{position:absolute;opacity:0;pointer-events:none}.wdmai-features span{display:block;background:#fff;border:1px solid #dfe4eb;border-radius:999px;padding:7px 10px;font-size:10px;cursor:pointer;transition:.18s}
.wdmai-features input:checked+span{background:#fff2ea;border-color:#ff6709;color:#d95500}
.wdmai-step-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.wdmai-step-actions button{border:0;border-radius:10px;padding:10px 15px;font-weight:800;font-size:11px;cursor:pointer}
.wdmai-next,.wdmai-submit-lead{background:linear-gradient(135deg,#ff6709,#ff8434);color:#fff}.wdmai-back{background:#e9edf3;color:#465267}
.wdmai-success a{display:inline-block;margin:3px 0 12px;color:#ff6709;font-weight:800;text-decoration:none}.wdmai-success button{display:block;margin:0 auto}
@media(max-width:600px){.wdmai-logo-wrap{width:68px;height:43px}.wdmai-brand-copy em{display:none}.wdmai-service-cards{grid-template-columns:1fr 1fr}.wdmai-lead-form .wdmai-grid{grid-template-columns:1fr}}


/* Web Design Mate v1.2 updates */
.wdmai-actions{
  flex-wrap:wrap;
  max-width:470px;
}
.wdmai-quote-launch{
  background:#fff!important;
  color:#ff6709!important;
  border:2px solid #ff6709!important;
}
.wdmai-quote-launch:hover{
  background:#ff6709!important;
  color:#fff!important;
}
.wdmai-service-cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.wdmai-service-cards span{
  min-height:78px!important;
  padding:8px 6px!important;
  font-size:10px!important;
  text-align:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
}
.wdmai-service-cards span i{
  font-size:20px!important;
}
@media(max-width:600px){
  .wdmai-actions{
    max-width:240px;
  }
  .wdmai-actions a,
  .wdmai-actions>button{
    width:100%;
    justify-content:center;
  }
  .wdmai-service-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* Web Design Mate v1.3 compact 3x3 quick actions */
.wdmai-quick{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  overflow:visible!important;
  padding:9px 10px!important;
  background:#fff!important;
}
.wdmai-quick button{
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  white-space:normal!important;
  border:1px solid #e1e5eb!important;
  border-radius:10px!important;
  padding:6px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1.15!important;
  text-align:center!important;
  color:#263247!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(16,24,40,.04)!important;
}
.wdmai-quick button span{
  display:block!important;
  font-size:15px!important;
  line-height:1!important;
}
.wdmai-quick button:hover{
  border-color:#ff6709!important;
  color:#d95600!important;
  background:#fff7f2!important;
  transform:translateY(-1px);
}
.wdmai-panel{
  height:min(690px,calc(100vh - 100px))!important;
}
@media(max-width:600px){
  .wdmai-quick{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    padding:8px!important;
  }
  .wdmai-quick button{
    min-height:47px!important;
    padding:5px 3px!important;
    font-size:8px!important;
    border-radius:9px!important;
  }
  .wdmai-quick button span{
    font-size:14px!important;
  }
}
@media(max-width:360px){
  .wdmai-quick{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .wdmai-quick button{
    min-height:44px!important;
    font-size:7.5px!important;
  }
}