/* Canonical Award.vibe pricing cards.
   This file is loaded by both /purchase and the guest pricing modal. */
.pricing-card-set {
  width:100%;
  max-width:500px;
  margin-inline:auto;
  padding-top:12px;
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:stretch;
}
.pricing-card-set .pricing-card {
  position:relative;
  min-width:0;
  min-height:0;
  padding:30px 20px 0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:0;
  overflow:hidden;
  border:1px solid rgba(21,23,29,.1);
  border-radius:7px;
  background:#fff;
  color:#15171d;
  box-shadow:none;
}
.pricing-card-set .pricing-card--popular {
  border:2px solid transparent!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,rgba(255,101,80,.82) 0%,rgba(169,83,223,.72) 48%,rgba(76,109,255,.82) 100%) border-box!important;
  box-shadow:0 24px 60px -46px rgba(21,23,29,.38);
}
.pricing-card-set .annual-heading,
.pricing-card-set .lifetime-heading {
  display:grid;
  justify-items:center;
  gap:10px;
  padding:0;
  border:0;
  text-align:center;
}
.pricing-card-set .annual-heading__top,
.pricing-card-set .lifetime-heading__top {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
}
.pricing-card-set .annual-heading h1,
.pricing-card-set .lifetime-heading h1 {
  max-width:none;
  margin:0;
  color:#15171d;
  font-size:25px;
  font-weight:560;
  line-height:1;
  letter-spacing:-.045em;
}
.pricing-card-set .annual-heading p,
.pricing-card-set .lifetime-heading p {
  max-width:310px;
  margin:0;
  color:#68717d;
  font-size:16px;
  font-weight:450;
  line-height:1.35;
  letter-spacing:-.025em;
}
.pricing-card-set .pricing-choice {
  position:static;
  min-height:0;
  padding:6px 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.38);
  border-radius:7px;
  background:linear-gradient(112deg,#ff7a20 0%,#ef476f 52%,#a957e8 100%);
  color:#fff;
  font-size:8px;
  font-weight:800;
  line-height:1;
  letter-spacing:.035em;
  text-transform:none;
  white-space:nowrap;
  box-shadow:0 8px 18px -12px rgba(218,65,115,.72),inset 0 1px 0 rgba(255,255,255,.35);
}
.pricing-card-set .annual-offer-card,
.pricing-card-set .lifetime-offer-card {
  margin:24px 0 0;
  padding:15px 12px 12px;
  border:0;
  border-radius:7px;
  background:#fff;
  box-shadow:0 16px 34px -25px rgba(21,23,29,.48),inset 0 1px 0 rgba(255,255,255,.92);
}
.pricing-card-set .annual-offer-card { padding-top:12px; }
.pricing-card-set .annual-price,
.pricing-card-set .lifetime-price {
  min-height:0;
  padding:15px 0 20px;
  display:grid;
  justify-items:center;
  align-content:start;
  gap:7px;
  text-align:center;
}
.pricing-card-set .lifetime-price { padding:16px 0 14px; }
.pricing-card-set .annual-price > strong,
.pricing-card-set .plan-price__comparison strong {
  display:block;
  color:#202228;
  font-family:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  font-size:52px;
  font-style:normal;
  font-weight:400;
  line-height:.86;
  letter-spacing:-.05em;
}
.pricing-card-set .plan-price__comparison {
  width:100%;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:11px;
  white-space:nowrap;
}
.pricing-card-set .plan-price__comparison s {
  position:relative;
  margin:0;
  color:#727986;
  font-family:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  font-size:52px;
  font-style:normal;
  font-weight:400;
  line-height:.9;
  letter-spacing:-.04em;
  text-decoration:none;
}
.pricing-card-set .plan-price__comparison s::after {
  content:"";
  position:absolute;
  top:50%;
  right:-4px;
  left:-4px;
  height:1.5px;
  border-radius:7px;
  background:rgba(52,56,64,.7);
}
.pricing-card-set .lifetime-countdown {
  width:calc(100% - 10px);
  min-height:34px;
  margin:0 auto 10px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:7px;
  background:linear-gradient(112deg,rgba(255,122,32,.08),rgba(239,71,111,.08) 52%,rgba(169,87,232,.08));
}
.pricing-card-set .lifetime-countdown small {
  color:#747985;
  font-size:9px;
  font-weight:650;
  letter-spacing:.025em;
}
.pricing-card-set .lifetime-countdown time {
  color:#282b32;
  font-family:var(--sans,"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif);
  font-size:12px;
  font-style:italic;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  line-height:1;
  letter-spacing:.025em;
}
.pricing-card-set .annual-action,
.pricing-card-set .plan-action--primary {
  width:calc(100% - 10px);
  min-height:46px;
  margin-inline:auto;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  font:560 13px/1 var(--sans,"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif);
  text-decoration:none;
  cursor:pointer;
}
.pricing-card-set .annual-action {
  border:1.5px solid #2d3036;
  background:#fff;
  color:#17191f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 18px -16px rgba(21,23,29,.48);
}
.pricing-card-set .plan-action--primary {
  position:relative;
  overflow:hidden;
  border:1px solid #111216;
  background:radial-gradient(120px 52px at 14% 0,rgba(255,86,79,.12),transparent 75%),radial-gradient(130px 62px at 82% 120%,rgba(76,109,255,.11),transparent 76%),#111216;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.pricing-card-set .plan-action--primary::before {
  content:"";
  position:absolute;
  top:0;
  right:10px;
  left:10px;
  height:1px;
  background:linear-gradient(90deg,transparent,#ff6550,#a953df,#4c6dff,transparent);
}
.pricing-card-set .plan-action--primary b {
  position:absolute;
  right:13px;
  color:rgba(255,255,255,.8);
  font-size:15px;
  font-weight:500;
}
.pricing-card-set .plan-features {
  width:calc(100% + 40px);
  margin:20px -20px 0;
  padding:9px 20px 17px;
  border-top:1px solid rgba(21,23,29,.07);
  background:transparent;
  transition:background-color .2s ease;
}
.pricing-card-set .plan-features[open] { background:#f5f6f7; }
.pricing-card-set .plan-features summary {
  width:max-content;
  min-height:34px;
  margin:0 auto;
  padding:0 2px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#68717d;
  font-size:11px;
  font-weight:560;
  list-style:none;
  cursor:pointer;
  user-select:none;
}
.pricing-card-set .plan-features summary::-webkit-details-marker { display:none; }
.pricing-card-set .plan-features summary::after {
  content:"";
  width:7px;
  height:7px;
  margin-top:-3px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  transition:transform .2s ease,margin .2s ease;
}
.pricing-card-set .plan-features[open] summary::after { margin-top:4px;transform:rotate(225deg); }
.pricing-card-set .plan-features summary span:last-child { display:none; }
.pricing-card-set .plan-features[open] summary span:first-child { display:none; }
.pricing-card-set .plan-features[open] summary span:last-child { display:block; }
.pricing-card-set .annual-features {
  margin:20px 0 3px;
  padding:0;
  display:grid;
  gap:13px;
  list-style:none;
}
.pricing-card-set .annual-features li {
  position:relative;
  min-height:21px;
  padding-left:31px;
  color:#68717d;
  font-size:14px;
  font-weight:520;
  line-height:1.4;
}
.pricing-card-set .annual-features li::before {
  content:"";
  position:absolute;
  left:2px;
  top:3px;
  width:14px;
  height:8px;
  border-left:2px solid #30343c;
  border-bottom:2px solid #30343c;
  transform:rotate(-45deg);
}
.pricing-card-set .annual-features strong { color:#15171d;font-weight:700; }
.pricing-card-set .checkout-status { margin:0; }

@media(min-width:720px) {
  .pricing-card-set .pricing-card { padding:38px 28px 0; }
  .pricing-card-set .plan-features { width:calc(100% + 56px);margin:24px -28px 0;padding:11px 28px 20px; }
  .pricing-card-set .annual-offer-card,
  .pricing-card-set .lifetime-offer-card { margin-top:28px; }
}

@media(prefers-reduced-motion:no-preference) {
  .pricing-card-set .plan-price__comparison.price-motion-ready s { color:#343840;transform:translateX(42px); }
  .pricing-card-set .plan-price__comparison.price-motion-ready strong { min-width:3.25ch;opacity:0;transform:translateX(-16px);filter:blur(3px); }
  .pricing-card-set .plan-price__comparison.price-motion-ready.is-price-revealed s { animation:sharedOldPriceRetire 2.45s cubic-bezier(.65,0,.2,1) forwards; }
  .pricing-card-set .plan-price__comparison.price-motion-ready.is-price-revealed s::after { transform:scaleX(0);transform-origin:left center;animation:sharedPriceStrikeIn .65s cubic-bezier(.65,0,.35,1) 1.15s forwards; }
  .pricing-card-set .plan-price__comparison.price-motion-ready.is-price-revealed strong { animation:sharedNewPriceReveal .82s cubic-bezier(.16,1,.3,1) 2.25s forwards; }
}
@keyframes sharedOldPriceRetire {
  0%,50% { color:#343840;transform:translateX(42px); }
  72% { color:#626976;transform:translateX(42px); }
  100% { color:#747b87;transform:translateX(0); }
}
@keyframes sharedPriceStrikeIn { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes sharedNewPriceReveal {
  from { opacity:0;transform:translateX(-16px);filter:blur(3px); }
  to { opacity:1;transform:translateX(0);filter:blur(0); }
}