.wexa-card{
  --wexa-teal:#049d91;
  --wexa-teal-dark:#087a73;
  --wexa-ink:#16312e;
  --wexa-muted:#667875;
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:880;
  width:min(390px,calc(100vw - 32px));
  overflow:hidden;
  border:1px solid rgba(5,126,117,.16);
  border-radius:18px;
  background:#fff;
  color:var(--wexa-ink);
  box-shadow:0 24px 64px rgba(13,64,58,.2),0 6px 18px rgba(13,64,58,.09);
  opacity:0;
  transform:translate3d(0,18px,0) scale(.985);
  pointer-events:none;
  transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1);
}
.wexa-card[hidden]{display:none!important}
.wexa-card.is-visible{opacity:1;transform:none;pointer-events:auto}
.wexa-head{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 44px 9px 12px;background:linear-gradient(110deg,#edfafa 0%,#fff 72%);border-bottom:1px solid rgba(5,126,117,.1)}
.wexa-mark{display:block;width:66px;height:33px;object-fit:cover;border-radius:8px;box-shadow:0 5px 14px rgba(4,157,145,.17)}
.wexa-brand{display:flex;min-width:0;flex:1;flex-direction:column;line-height:1.12}
.wexa-brand strong{font-size:.98rem;letter-spacing:-.015em;color:#126f68}
.wexa-brand span{margin-top:3px;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wexa-muted)}
.wexa-sponsored{position:absolute;top:9px;right:43px;padding:4px 7px;border-radius:999px;background:#e8f6f3;color:#316a65;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wexa-close{position:absolute;top:9px;right:9px;z-index:2;width:29px;height:29px;padding:0;border:0;border-radius:50%;background:rgba(20,75,69,.07);color:#365a56;font:400 20px/29px Arial,sans-serif;cursor:pointer}
.wexa-close:hover{background:rgba(20,75,69,.13)}
.wexa-close:focus-visible,.wexa-card a:focus-visible{outline:3px solid rgba(4,157,145,.36);outline-offset:2px}
.wexa-content{padding:17px 18px 15px}
.wexa-kicker{margin:0 0 7px;color:var(--wexa-teal-dark);font-size:.66rem;font-weight:700;letter-spacing:.085em;text-transform:uppercase}
.wexa-card h2{margin:0 0 7px;color:var(--wexa-ink);font:700 1.28rem/1.2 Poppins,Arial,sans-serif;letter-spacing:-.025em}
.wexa-copy{margin:0;color:var(--wexa-muted);font-size:.86rem;line-height:1.5}
.wexa-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:14px}
.wexa-primary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 14px;border-radius:10px;background:linear-gradient(120deg,var(--wexa-teal-dark),var(--wexa-teal));color:#fff!important;font-size:.82rem;font-weight:700;text-decoration:none;box-shadow:0 8px 18px rgba(4,157,145,.2)}
.wexa-primary>span:first-child{display:grid;gap:2px;line-height:1.18}
.wexa-primary small{color:rgba(255,255,255,.78);font-size:.59rem;font-weight:600;letter-spacing:.035em}
.wexa-primary:hover{background:linear-gradient(120deg,#056e68,#068f85);transform:translateY(-1px)}
.wexa-site{color:var(--wexa-teal-dark)!important;font-size:.73rem;font-weight:700;text-decoration:none;white-space:nowrap}
.wexa-site:hover{text-decoration:underline}
.wexa-owner-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#f6f8f7;border-top:1px solid #e8eeeb;font-size:.7rem;line-height:1.35;color:#60726e}
.wexa-owner-cta span{min-width:0}
.wexa-owner-cta b{color:#294c47;font-weight:700}
.wexa-owner-cta a{flex:0 0 auto;color:#0f6e58!important;font-weight:700;text-decoration:none;white-space:nowrap}
.wexa-owner-cta a:hover{text-decoration:underline}
@media(max-width:640px){
  .wexa-card{right:12px;bottom:12px;width:calc(100vw - 24px);border-radius:16px;box-shadow:0 18px 48px rgba(13,64,58,.22)}
  .wexa-head{min-height:53px;padding:8px 41px 8px 11px}
  .wexa-mark{width:58px;height:29px}
  .wexa-sponsored{top:8px;right:40px;font-size:.56rem}
  .wexa-close{top:7px;right:7px}
  .wexa-content{padding:14px 15px 13px}
  .wexa-card h2{font-size:1.12rem}
  .wexa-copy{font-size:.8rem}
  .wexa-actions{margin-top:12px}
  .wexa-primary{min-height:40px;font-size:.78rem}
  .wexa-site{font-size:.68rem}
  .wexa-owner-cta{padding:9px 15px;font-size:.66rem}
}
@media(max-width:360px){
  .wexa-brand span,.wexa-site{display:none}
  .wexa-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.wexa-card{transition:none}.wexa-primary:hover{transform:none}}
@media print{.wexa-card{display:none!important}}
