/* October lifetime offer: live countdown + "why now" strip (homepage #pricing + /pricing only).
   Scoped class names (pa-cd-*, pa-why-now) so nothing leaks into the shared styles.css.
   Retire with the post-October release (after the 2026-11-01 00:00Z cutoff). */
.pa-cd{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:0 0 1.1rem}
.pa-cd[hidden],.pa-why-now[hidden]{display:none}
.pa-cd-label{font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#5cf0ff}
.pa-cd-units{display:flex;gap:.45rem}
.pa-cd-box{display:flex;flex-direction:column;align-items:center;min-width:3.4rem;padding:.5rem .4rem .42rem;border-radius:.7rem;
  background:linear-gradient(180deg,rgba(0,226,255,.10),rgba(0,226,255,.03));border:1px solid rgba(0,226,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pa-cd-box b{font-size:1.35rem;line-height:1;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.pa-cd-box small{margin-top:.3rem;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pa-mute)}
.pa-cd--hero{margin:1.6rem auto 0}
.pa-cd--hero .pa-cd-box{min-width:4.4rem;padding:.65rem .5rem .55rem}
.pa-cd--hero .pa-cd-box b{font-size:1.9rem}

.pa-why-now{list-style:none;margin:0 auto 1.75rem;padding:0;max-width:52rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.pa-why-now li{padding:.85rem 1rem;border-radius:.9rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);
  font-size:.82rem;line-height:1.45;color:rgba(255,255,255,.72);text-align:left}
.pa-why-now li b{display:block;color:#fff;font-weight:600;margin-bottom:.15rem}

@media (max-width:760px){
  .pa-why-now{grid-template-columns:1fr;max-width:26rem}
  .pa-cd-box{min-width:3rem}
  .pa-cd--hero .pa-cd-box{min-width:3.6rem}
  .pa-cd--hero .pa-cd-box b{font-size:1.5rem}
}
@media (prefers-reduced-motion:reduce){.pa-cd [data-sec]{display:none}}