/* GoKeyless Marketing Popup Manager v2.0.0 */

.gkmp-root{
  --gkmp-accent:#158EBD;
  --gkmp-bg:#fff;
  --gkmp-width:880px;
  --gkmp-radius:18px;
  --gkmp-ink:#26343B;
  --gkmp-muted:#69777E;
  --gkmp-soft:#EAF6FB;
  position:fixed;
  inset:0;
  z-index:10020;
  display:grid;
  place-items:center;
  padding:22px;
  font-family:Inter,Arial,Helvetica,sans-serif;
}
.gkmp-root[hidden]{display:none!important}
.gkmp-root *{box-sizing:border-box}
.gkmp-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,27,33,.66);
  backdrop-filter:blur(4px);
}
.gkmp-dialog{
  position:relative;
  z-index:1;
  width:min(var(--gkmp-width),100%);
  display:grid;
  grid-template-columns:43% 57%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.35);
  border-radius:var(--gkmp-radius);
  background:var(--gkmp-bg);
  box-shadow:0 30px 90px rgba(7,21,28,.28);
  transform:translateY(14px) scale(.985);
  opacity:0;
  transition:transform .24s ease,opacity .24s ease;
}
.gkmp-layout-split-right .gkmp-dialog{grid-template-columns:57% 43%}
.gkmp-layout-split-right .gkmp-visual{order:2}
.gkmp-layout-split-right .gkmp-content{order:1}
.gkmp-layout-compact .gkmp-dialog{display:block;max-width:660px}
.gkmp-layout-compact .gkmp-content{padding:48px 52px 44px}
.gkmp-root.is-visible .gkmp-dialog{
  transform:translateY(0) scale(1);
  opacity:1;
}
.gkmp-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:5;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid #E2E8EB;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#526168;
  cursor:pointer;
}
.gkmp-close:hover{color:#111;background:#fff}
.gkmp-close svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round
}
.gkmp-visual{
  position:relative;
  min-height:500px;
  overflow:hidden;
  background:linear-gradient(145deg,#DDF1F9,#F7FCFE);
}
.gkmp-has-image img{
  width:100%;
  height:100%;
  min-height:500px;
  display:block;
  object-fit:cover;
}
.gkmp-art{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 25% 18%,rgba(255,255,255,.95),transparent 24%),
    linear-gradient(145deg,#D7EFF8,#F8FCFD 62%);
}
.gkmp-art:before,.gkmp-art:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--gkmp-accent) 20%,transparent);
}
.gkmp-art:before{width:360px;height:360px;left:-170px;bottom:-170px}
.gkmp-art:after{width:250px;height:250px;right:-140px;top:-90px}
.gkmp-door{
  position:relative;
  width:176px;
  height:338px;
  margin-bottom:38px;
  border:9px solid #fff;
  border-bottom:0;
  border-radius:8px 8px 0 0;
  background:linear-gradient(165deg,#46565D,#1F2B31);
  box-shadow:0 24px 45px rgba(29,54,65,.22);
}
.gkmp-door:before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(255,255,255,.08);
}
.gkmp-lock{
  position:absolute;
  right:30px;
  top:116px;
  width:38px;
  height:118px;
  border-radius:8px;
  background:linear-gradient(145deg,#242F34,#0D1519);
  box-shadow:0 7px 16px rgba(0,0,0,.25);
}
.gkmp-lock-screen{
  position:absolute;
  left:7px;right:7px;top:10px;height:26px;
  border-radius:4px;
  background:linear-gradient(160deg,#213F4C,#6DB7D1);
  border:1px solid rgba(255,255,255,.12);
}
.gkmp-lock-handle{
  position:absolute;
  left:-2px;
  top:55px;
  width:72px;
  height:12px;
  border-radius:8px;
  background:linear-gradient(#D3DBDE,#87949A);
  box-shadow:0 3px 6px rgba(0,0,0,.16);
}
.gkmp-art-copy{
  position:absolute;
  left:26px;
  right:26px;
  bottom:24px;
  padding:14px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:11px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(10px);
}
.gkmp-art-copy span{
  display:block;
  color:var(--gkmp-accent);
  font-size:9.5px;
  font-weight:900;
  letter-spacing:1.25px;
}
.gkmp-art-copy strong{
  display:block;
  margin-top:5px;
  color:#27373E;
  font-size:12px;
  line-height:1.45;
}
.gkmp-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:48px 48px 42px;
}
.gkmp-eyebrow{
  margin-bottom:10px;
  color:var(--gkmp-accent);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.2px;
}
.gkmp-content h2{
  margin:0!important;
  color:var(--gkmp-ink)!important;
  font-size:clamp(26px,3vw,38px)!important;
  line-height:1.13!important;
  font-weight:850!important;
  letter-spacing:-.8px;
}
.gkmp-content p{
  margin:14px 0 0!important;
  color:var(--gkmp-muted)!important;
  font-size:13.5px!important;
  line-height:1.72!important;
}
.gkmp-points{
  display:grid;
  gap:9px;
  margin-top:20px;
}
.gkmp-points span{
  display:flex;
  align-items:center;
  gap:9px;
  color:#526168;
  font-size:12px;
  font-weight:680;
}
.gkmp-points i{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:color-mix(in srgb,var(--gkmp-accent) 10%,white);
  position:relative;
}
.gkmp-points i:after{
  content:"";
  width:7px;
  height:4px;
  border-left:2px solid var(--gkmp-accent);
  border-bottom:2px solid var(--gkmp-accent);
  transform:rotate(-45deg) translateY(-1px);
}
.gkmp-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:25px;
}
.gkmp-primary,.gkmp-secondary{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 17px;
  border-radius:9px;
  text-decoration:none!important;
  font-size:12px;
  font-weight:850;
  transition:.17s ease;
}
.gkmp-primary{
  background:var(--gkmp-accent);
  color:#fff!important;
  box-shadow:0 9px 18px rgba(17,121,162,.16);
}
.gkmp-primary:hover{transform:translateY(-1px);filter:brightness(.96)}
.gkmp-secondary{
  border:1px solid #D7E2E6;
  background:#fff;
  color:#415159!important;
}
.gkmp-secondary:hover{border-color:#BFD8E2;background:#F8FBFC}
.gkmp-later{
  align-self:flex-start;
  margin-top:17px;
  padding:0;
  border:0;
  background:transparent;
  color:#8B989E;
  font-size:10.5px;
  cursor:pointer;
}
.gkmp-later:hover{color:#55646B}
body.gkmp-open{overflow:hidden}

@media(max-width:720px){
  .gkmp-root{padding:14px}
  .gkmp-dialog,
  .gkmp-layout-split-right .gkmp-dialog{
    grid-template-columns:1fr;
    width:min(470px,100%);
    max-height:calc(100vh - 28px);
    overflow:auto;
  }
  .gkmp-layout-split-right .gkmp-visual{order:1}
  .gkmp-layout-split-right .gkmp-content{order:2}
  .gkmp-visual{min-height:180px;height:180px}
  .gkmp-has-image img{min-height:180px;height:180px}
  .gkmp-door{
    width:110px;height:205px;border-width:6px;margin-bottom:-28px;
  }
  .gkmp-lock{
    right:18px;top:70px;width:25px;height:75px;border-radius:5px;
  }
  .gkmp-lock-screen{left:5px;right:5px;top:7px;height:17px}
  .gkmp-lock-handle{top:37px;width:44px;height:8px}
  .gkmp-art-copy{
    left:14px;right:auto;bottom:12px;max-width:235px;padding:9px 11px;
  }
  .gkmp-art-copy strong{font-size:10.5px}
  .gkmp-content,.gkmp-layout-compact .gkmp-content{padding:29px 24px 25px}
  .gkmp-content h2{font-size:27px!important}
  .gkmp-content p{font-size:12.8px!important}
  .gkmp-actions{display:grid;grid-template-columns:1fr;width:100%}
  .gkmp-primary,.gkmp-secondary{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .gkmp-dialog,.gkmp-primary{transition:none!important}
}