.digital-pack-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: .55rem;
  margin: 1.25rem 0;
  color: #fff;
}
.digital-pack-price strong { font-size: clamp(2rem, 7vw, 3.2rem); line-height: 1; letter-spacing: -.045em; }
.digital-pack-price span { color: rgba(255,255,255,.62); font-size: .85rem; }
.digital-pack-buy {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  padding: .9rem 1.45rem;
  background: linear-gradient(135deg, #22d3ee, #a3e635);
  color: #031015;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 14px 38px rgba(34,211,238,.2);
  transition: transform .18s ease, box-shadow .18s ease;
}
.digital-pack-buy:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(34,211,238,.28); }
.digital-pack-buy:focus-visible,
.digital-pack-modal button:focus-visible,
.digital-pack-modal input:focus-visible,
.digital-pack-delivery a:focus-visible { outline: 3px solid #a3e635; outline-offset: 3px; }
.digital-pack-trust { margin: .8rem auto 0; max-width: 620px; color: rgba(255,255,255,.68); font-size: .88rem; line-height: 1.55; }
.digital-pack-modal,
.digital-pack-delivery {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  place-items: center;
  overflow-y: auto;
  padding: 1rem;
  background: rgba(1,5,12,.84);
  backdrop-filter: blur(12px);
}
.digital-pack-modal[aria-hidden="false"],
.digital-pack-delivery[aria-hidden="false"] { display: grid; }
.digital-pack-panel {
  position: relative;
  width: min(100%, 560px);
  border: 1px solid rgba(103,232,249,.26);
  border-radius: 26px;
  padding: clamp(1.25rem, 4vw, 2rem);
  background: radial-gradient(circle at 90% 0, rgba(163,230,53,.12), transparent 32%), #090f1d;
  color: #e7edf7;
  box-shadow: 0 28px 100px rgba(0,0,0,.58);
}
.digital-pack-panel h2 { margin: .35rem 0 .75rem; color: #fff; font-size: clamp(1.55rem, 5vw, 2.25rem); line-height: 1.1; }
.digital-pack-kicker { margin: 0; color: #67e8f9; font-size: .75rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.digital-pack-lead { margin: 0 0 1.2rem; color: #aebbd0; line-height: 1.6; }
.digital-pack-close { position: absolute; top: .8rem; right: .8rem; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; background: rgba(255,255,255,.05); color: #fff; font-size: 1.4rem; cursor: pointer; }
.digital-pack-form { display: grid; gap: 1rem; }
.digital-pack-form label { display: grid; gap: .45rem; color: #dce7f5; font-size: .9rem; font-weight: 800; }
.digital-pack-form input { width: 100%; min-height: 50px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; padding: 0 1rem; background: rgba(255,255,255,.055); color: #fff; font: inherit; }
.digital-pack-form small { color: #8797ad; font-weight: 500; line-height: 1.45; }
.digital-pack-error { min-height: 1.35rem; margin: 0; color: #fda4af; font-size: .88rem; font-weight: 700; }
.digital-pack-submit { min-height: 52px; border: 0; border-radius: 15px; background: linear-gradient(135deg, #22d3ee, #a3e635); color: #021014; font: inherit; font-weight: 950; cursor: pointer; }
.digital-pack-submit:disabled { cursor: wait; opacity: .68; }
.digital-pack-security { margin: .9rem 0 0; color: #7f8da1; font-size: .78rem; line-height: 1.5; }
.digital-pack-check { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; background: rgba(163,230,53,.14); color: #bef264; font-size: 1.8rem; font-weight: 900; }
.digital-pack-email { padding: .85rem 1rem; border: 1px solid rgba(103,232,249,.2); border-radius: 14px; background: rgba(34,211,238,.07); color: #fff; font-weight: 800; overflow-wrap: anywhere; }
.digital-pack-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.digital-pack-resources { display: grid; gap: .8rem; margin-top: 1.25rem; }
.digital-pack-resource { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .65rem; }
.digital-pack-resource a,
.digital-pack-resource button { min-height: 48px; border-radius: 14px; padding: .8rem 1rem; font: inherit; font-weight: 900; text-align: center; text-decoration: none; cursor: pointer; }
.digital-pack-actions a,
.digital-pack-actions button { min-height: 48px; flex: 1 1 180px; border-radius: 14px; padding: .8rem 1rem; font: inherit; font-weight: 900; text-align: center; text-decoration: none; cursor: pointer; }
.digital-pack-open { border: 0; background: linear-gradient(135deg, #22d3ee, #a3e635); color: #021014; }
.digital-pack-copy { border: 1px solid rgba(255,255,255,.17); background: rgba(255,255,255,.06); color: #fff; }
.digital-pack-status { min-height: 1.4rem; margin: .8rem 0 0; color: #a9b8cc; font-size: .85rem; }
body.digital-pack-locked { overflow: hidden; }
@media (max-width: 600px) {
  .digital-pack-modal, .digital-pack-delivery { place-items: start center; padding: .7rem; }
  .digital-pack-panel { margin: max(.5rem, env(safe-area-inset-top)) 0; border-radius: 22px; }
  .digital-pack-actions { flex-direction: column; }
  .digital-pack-actions a, .digital-pack-actions button { width: 100%; flex-basis: auto; }
  .digital-pack-resource { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .digital-pack-buy { transition: none; }
}
