/* Singularity Profit: exit pop (kit/exitpop.php). Every class starts xp-. */
dialog.xp{margin:auto;inset:0;border:0;padding:0;width:min(820px,calc(100% - 24px));max-height:calc(100% - 24px);border-radius:22px;
  background:#fff;color:var(--ink,#14181f);box-shadow:0 40px 100px rgba(0,0,0,.55);overflow:auto}
dialog.xp::backdrop{background:rgba(5,10,22,.74);backdrop-filter:blur(3px)}
dialog.xp[open]{animation:xp-in .28s ease-out}
@keyframes xp-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){dialog.xp[open]{animation:none}}
.xp-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.xp-art{position:relative;display:flex;align-items:center;justify-content:center;padding:36px 26px;
  background:#0b1730 url(../../img/op-desk.jpg) center 60%/cover no-repeat}
.xp-art:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 45% at 50% 55%,rgba(26,154,214,.38),transparent 70%),linear-gradient(180deg,rgba(7,15,34,.25),rgba(7,15,34,.45))}
.xp-art img{position:relative;width:auto;max-width:100%;max-height:330px;transform:rotate(-3deg);filter:drop-shadow(0 22px 26px rgba(0,0,0,.55))}
.xp-body{padding:40px 36px 30px}
.xp-chip{display:inline-block;margin:0 0 14px;padding:6px 14px;border-radius:999px;font:700 16px/1.2 var(--body,Inter,sans-serif);
  letter-spacing:.04em;text-transform:uppercase;color:var(--blue-ink,#0a6fa6);background:rgba(26,154,214,.08);border:1px solid rgba(26,154,214,.35)}
.xp-body h2{font-size:clamp(28px,3.4vw,36px);line-height:1.08;margin:0 0 10px;color:var(--navy,#0b1730)}
.xp-body h2 span{color:var(--blue-ink,#0a6fa6)}
.xp-sub{font-size:18px;line-height:1.5;color:var(--muted,#4a5363);margin:0 0 18px}
.xp-body form.optin{margin:0 0 12px;max-width:none}
.xp-body .fld input{border:1px solid #c8d2df;background:#f8fafd}
.xp-body p.c{font-size:16px;line-height:1.5;color:var(--muted,#4a5363);margin:0;text-align:left}
.xp-go{margin:6px 0 0}
.xp-x{position:absolute;top:10px;right:12px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:rgba(11,23,48,.08);
  color:var(--navy,#0b1730);font-size:28px;line-height:1;cursor:pointer}
.xp-x:hover{background:rgba(11,23,48,.16)}
.xp-x:focus-visible{outline:3px solid var(--blue,#1a9ad6);outline-offset:2px}
@media (max-width:680px){
  .xp-in{grid-template-columns:1fr}
  .xp-art{padding:22px 20px 18px}
  .xp-art img{max-height:170px}
  .xp-body{padding:22px 18px 20px}
  .xp-body h2{font-size:27px}
  .xp-sub{font-size:17px}
  .xp-x{background:rgba(255,255,255,.88)}
}