:root{--card:#101114;--border:#282b31;--blue:#0099ff;--gold:#ffb300;--text:#fff;--muted:#a6afbc;--ff:Arial,Helvetica,sans-serif}
.atm-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.8);
  display:flex;align-items:flex-start;justify-content:center;
  padding:40px 20px;overflow-y:auto;z-index:22000;
  opacity:0;pointer-events:none;transition:opacity .2s ease;
  scrollbar-width:none;-ms-overflow-style:none;
}
.atm-overlay::-webkit-scrollbar{display:none}
.atm-overlay.open{opacity:1;pointer-events:all}
.atm-modal{
  width:100%;max-width:1240px;background:var(--card);border-radius:14px;
  overflow:visible;box-shadow:0 24px 90px rgba(0,0,0,.75);
  border:1px solid var(--border);position:relative;
  transform:translateY(24px) scale(.98);transition:transform .28s cubic-bezier(.2,.9,.3,1.2);
}
.atm-overlay.open .atm-modal{transform:translateY(0) scale(1)}

.atm-close{
  position:absolute;top:16px;right:16px;z-index:5;
  width:36px;height:36px;border-radius:50%;border:none;
  background:rgba(255,255,255,.07);color:#fff;font-size:18px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s,transform .15s;
}
.atm-close:hover{background:rgba(255,255,255,.15);transform:rotate(90deg)}
.atm-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.atm-header{padding:42px 48px 6px;text-align:center}
.atm-headline{font-size:25px;font-weight:900;letter-spacing:.4px;margin-bottom:10px}
.atm-sub{font-size:14.5px;color:rgba(255,255,255,.7);max-width:640px;margin:0 auto 8px;line-height:1.55}
.atm-note{font-size:12px;color:rgba(255,255,255,.42);font-style:italic}

.atm-tiers{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  padding:32px 48px 8px;align-items:stretch;
}
.atm-card{
  background:#141414;border:1px solid var(--border);border-radius:12px;
  padding:26px 22px 24px;display:flex;flex-direction:column;
  position:relative;transition:transform .15s ease,border-color .15s ease;
}
.atm-card:hover{transform:scale(1.015);border-color:#2a2a2a}

.atm-tier-label{
  font-size:10px;font-weight:800;letter-spacing:2px;color:rgba(255,255,255,.4);
  text-transform:uppercase;margin-bottom:14px;
}
.atm-icon{
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);margin-bottom:16px;color:#fff;
}
.atm-icon svg{width:22px;height:22px;display:block}
.atm-title{font-size:19px;font-weight:900;letter-spacing:.4px;margin-bottom:4px}
.atm-tagline{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.atm-price{font-size:13px;font-weight:700;margin-bottom:14px}
.atm-price span{font-weight:500;color:rgba(255,255,255,.5);font-size:11.5px}
.atm-desc{font-size:13px;color:rgba(255,255,255,.65);line-height:1.5;margin-bottom:16px}

.atm-benefits{list-style:none;margin:0 0 18px;padding:0;flex:1}
.atm-benefits li{
  display:flex;gap:8px;align-items:flex-start;
  font-size:12.5px;color:rgba(255,255,255,.78);line-height:1.5;margin-bottom:8px;
}
.atm-benefits li svg{width:13px;height:13px;flex-shrink:0;margin-top:2px;color:var(--gold)}
.atm-card:not(.atm-expanded) .atm-benefits li.atm-extra{display:none}
.atm-toggle-benefits{
  display:block;background:none;border:none;color:rgba(255,255,255,.5);
  font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  cursor:pointer;font-family:var(--ff);padding:0 0 14px;text-align:left;
}
.atm-toggle-benefits:hover{color:#fff}

.atm-cta{
  display:block;width:100%;text-align:center;border:none;border-radius:8px;
  padding:13px 16px;font-size:12.5px;font-weight:800;letter-spacing:.6px;
  text-transform:uppercase;cursor:pointer;font-family:var(--ff);
  transition:background .15s,transform .1s;
}
.atm-cta:active{transform:scale(.98)}
.atm-cta-visitor{background:rgba(255,255,255,.08);color:#fff}
.atm-cta-visitor:hover{background:rgba(255,255,255,.16)}
.atm-cta-account{background:var(--blue);color:#fff}
.atm-cta-account:hover{background:#22a9ff}
.atm-cta-payload{background:var(--gold);color:#000;position:relative}
.atm-cta-payload:hover{background:#ffc933}

.atm-secondary{
  display:block;width:100%;text-align:center;background:none;border:none;
  color:rgba(255,255,255,.55);font-size:11.5px;font-weight:700;letter-spacing:.4px;
  text-transform:uppercase;cursor:pointer;margin-top:10px;font-family:var(--ff);padding:6px;
}
.atm-secondary:hover{color:#fff}
.atm-clarify{font-size:10.5px;color:rgba(255,255,255,.4);line-height:1.4;margin-top:10px;text-align:center}

/* PAYLOAD+ visual emphasis — brighter border + restrained glow, no padlock */
.atm-card.atm-payload{
  border-color:rgba(255,179,0,.35);
  background:linear-gradient(180deg,#181310,#141414 60%);
  box-shadow:0 0 0 1px rgba(255,179,0,.07),0 18px 46px rgba(255,179,0,.05);
}
.atm-card.atm-payload:hover{border-color:rgba(255,179,0,.55)}
.atm-card.atm-payload .atm-icon{background:rgba(255,179,0,.12);color:var(--gold)}
.atm-card.atm-payload .atm-tagline{color:var(--gold)}

/* Static "coming soon" ribbon on the PAYLOAD+ card */
.atm-soon-badge{
  position:absolute;top:16px;right:16px;
  background:rgba(255,179,0,.14);color:var(--gold);
  border:1px solid rgba(255,179,0,.4);
  font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  padding:4px 9px;border-radius:20px;pointer-events:none;
}

/* "Coming soon" popup that appears above the PAYLOAD+ CTA on click */
.atm-soon-popup{
  position:absolute;left:50%;bottom:calc(100% + 10px);
  transform:translateX(-50%) translateY(6px);
  background:#1c1a14;border:1px solid rgba(255,179,0,.45);
  color:#fff;font-size:11.5px;font-weight:500;line-height:1.45;
  padding:11px 15px;border-radius:9px;width:220px;text-align:center;
  box-shadow:0 14px 34px rgba(0,0,0,.55);
  opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:6;
}
.atm-soon-popup.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:all}
.atm-soon-popup::after{
  content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);
  border:6px solid transparent;border-top-color:#1c1a14;
}
.atm-soon-popup strong{color:var(--gold);display:block;margin-bottom:2px;font-size:12px;letter-spacing:.4px}

.atm-footer{text-align:center;padding:6px 48px 36px;font-size:12.5px;color:rgba(255,255,255,.55)}
.atm-footer .atm-link{
  background:none;border:none;color:var(--gold);font-weight:800;letter-spacing:.4px;
  cursor:pointer;font-family:var(--ff);font-size:12.5px;padding:0 0 0 4px;text-transform:uppercase;
}
.atm-footer .atm-link:hover{text-decoration:underline}

@media(max-width:980px){
  .atm-tiers{grid-template-columns:1fr;padding:28px 28px 4px}
  .atm-header{padding:34px 28px 4px}
  .atm-footer{padding:4px 28px 32px}
}
@media(max-width:600px){
  .atm-overlay{padding:0}
  .atm-modal{max-width:100%;border-radius:0;min-height:100%}
  .atm-headline{font-size:20px}
  .atm-tiers{padding:22px 18px 4px;gap:14px}
  .atm-header{padding:26px 18px 4px}
  .atm-footer{padding:2px 18px 26px}
  .atm-soon-popup{width:190px;font-size:11px}
}

.atm-overlay:not(.open){visibility:hidden}.atm-overlay.open{visibility:visible}.nav-signup{cursor:pointer;border:0}.nav-signup svg{width:24px;height:24px}.atm-overlay button{font-family:inherit}