/* Upgrade block ("Ready to make your own? Join the course") on /thanks-price-it-out and /free-lesson/read.
   Thursday launch release, Oct 22 2026. Light palette, black lettering, matches price-it-out.css. */

/* ================= UPGRADE_MODE TOGGLE: the ONE switch =================
   Default (Thu Oct 22): FOUNDING PRE-ORDER is ON, live checkout is OFF.
   To switch to LIVE COURSE CHECKOUT (only when the paid course works end to end):
   change the next line from  .up-checkout{display:none}  to  .up-preorder{display:none}
   (nothing else changes; both blocks are already in the HTML of both pages). */
.up-checkout{display:none} /* UPGRADE_MODE */ /* WAITLIST-ONLY variant: neither priced half is in the HTML; this line is inert */
/* ====================================================================== */

.upgrade,.pio .upgrade{max-width:640px;margin:2.4rem auto 0;background:#fff;border:3px solid #000;border-radius:24px;padding:1.6rem 1.3rem 1.4rem;box-shadow:0 8px 0 rgba(12,15,27,.9);text-align:left;color:#000}
.upgrade .up-eyebrow{font-family:var(--label);letter-spacing:.05em;font-size:1.05rem;margin:0;color:#2f5a12}
.upgrade h2{margin:.15rem 0 .5rem;color:#000;font-size:clamp(1.7rem,6vw,2.3rem);text-shadow:var(--edge-light)}
.upgrade .up-what{font-size:1.1rem;line-height:1.5;margin:0 0 1rem}
.up-tag{display:inline-block;font-family:var(--label);background:var(--gold);color:#000;border:2px solid #000;border-radius:999px;padding:.2rem .8rem;margin:0 0 .7rem;font-size:1rem}
.up-facts{list-style:none;padding:0;margin:0 0 .9rem;display:grid;gap:.45rem;font-size:1.08rem}
.up-facts b{font-family:var(--label);font-weight:400;letter-spacing:.02em}
.up-bonus{margin:0 0 1.1rem;padding:.8rem 1rem;background:#FFF1CC;border:2px dashed #000;border-radius:14px;font-size:1.02rem;line-height:1.45}
.upgrade .up-btn{display:block;width:100%;box-sizing:border-box;text-align:center;font-size:1.2rem;padding:1.05rem 1.3rem;border:2px solid #000}
.upgrade .fine{font-size:.95rem;margin:.6rem 0 0;color:#000}
.tbd{background:#ffe08a;border:2px dashed #b00020;border-radius:6px;padding:0 .3rem;font-weight:800;color:#b00020;white-space:nowrap}
.up-wait{margin-top:1.2rem;border-top:2px solid #000;padding-top:.9rem}
.up-wait summary{cursor:pointer;font-weight:700;font-size:1rem;color:#000;text-decoration:underline;text-underline-offset:3px}
.up-wait form{display:grid;gap:.7rem;margin-top:.8rem}
.up-wait label{font-weight:800;font-size:1rem}
.up-wait input[type=email]{width:100%;box-sizing:border-box;padding:.8rem .9rem;border-radius:12px;border:3px solid #000;font-size:1.1rem;margin-top:.3rem;background:#fff;color:#000}
.up-wait .btn{border:2px solid #000;justify-self:start}
.up-tiers{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.45rem;font-size:1.05rem}

/* WAITLIST-ONLY variant (Oct 21): the email box is open, not collapsed */
.up-waitlist-only .up-wait{border-top:0;margin-top:.2rem;padding-top:0}