/* Systeme.io brand popup (accessible, responsive) */
:root{
  --brand:#00A0FF;
  --brand-dark:#0077CC;
  --text:#19191B;
  --muted:#6B7280;
  --bg:#FFFFFF;
  --shadow:0 20px 40px rgba(0,0,0,.25);
}

#seo-offer-modal{position:fixed;inset:0;display:none;background:rgba(0,0,0,.6);z-index:9999;align-items:center;justify-content:center;padding:16px;}
#seo-offer-modal.active{display:flex;}

#seo-offer-box{
  position:relative;background:var(--bg);max-width:520px;width:100%;
  border-radius:16px;box-shadow:var(--shadow);padding:clamp(18px,3vw,28px);
  border:2px solid transparent;
  background:
    linear-gradient(var(--bg),var(--bg)) padding-box,
    linear-gradient(135deg,var(--brand),var(--brand-dark)) border-box;
}

#seo-offer-ribbon{
  position:absolute;top:-14px;left:16px;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;font-weight:700;color:#fff;padding:6px 10px;border-radius:999px;
  background:linear-gradient(135deg,var(--brand),var(--brand-dark));box-shadow:0 6px 14px rgba(0,0,0,.2);
}

#seo-offer-box h3{margin:4px 0 10px;font-size:clamp(1.2rem,2.8vw,1.5rem);line-height:1.2;color:var(--text);}
#seo-offer-box p{margin:0 0 16px;color:var(--text);opacity:.9;}

#seo-offer-close{
  position:absolute;top:10px;right:12px;background:rgba(0,0,0,0.04);border:0;width:36px;height:36px;
  border-radius:999px;font-size:22px;cursor:pointer;
}
#seo-offer-close:hover{background:rgba(0,0,0,0.08);}

#seo-offer-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}

#seo-offer-cta{
  display:inline-block;text-decoration:none;padding:12px 18px;border-radius:12px;
  background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-weight:700;
  box-shadow:0 8px 18px rgba(0, 122, 204, .35);
}
#seo-offer-cta:hover{filter:brightness(.95);}

#seo-offer-no{
  appearance:none;border:0;background:transparent;color:var(--muted);
  font-weight:600;text-decoration:underline;padding:8px 6px;cursor:pointer;
}
#seo-offer-no:hover{color:#374151;}

@media (max-width:480px){#seo-offer-box{border-radius:12px;}}