*{box-sizing:border-box}body{margin:0;background:#f2f7fc;color:#14394b;font:16px/1.65 system-ui}main{max-width:1080px;margin:auto;padding:32px 20px}.brand{display:block;width:210px;max-width:70%;margin:24px 0}h1{font-size:clamp(28px,5vw,40px);line-height:1.2}h2{font-size:22px;line-height:1.35}a{color:#086fb5}section{background:white;border:1px solid #dbe5ed;border-radius:18px;padding:26px;margin:18px 0}.layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.layout section{margin:0}label{display:block;font-weight:700;margin:18px 0 6px}select{width:100%;padding:14px;border:1px solid #9fb6c7;border-radius:10px;background:white;font:inherit;color:inherit}.total{font-size:32px;font-weight:800;margin:12px 0;color:#096a76}.muted{font-size:14px;color:#526579}.notice{background:#fff4dd;padding:16px;border-radius:12px}.notice p{margin-bottom:0}button,.secondary{display:block;width:100%;padding:14px;border:0;border-radius:12px;margin-top:16px;font:inherit;text-align:center}button:disabled{background:#e0e7ed;color:#4c5e6d}.secondary{background:#087b88;color:white;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:18px}footer{padding:16px 0}.payment{display:block;width:100%;max-width:500px;height:auto;margin-top:20px}:focus-visible{outline:3px solid #096ab7;outline-offset:3px}@media(max-width:700px){.layout{grid-template-columns:1fr}section{padding:20px}}
[hidden]{display:none!important}.email-destination{padding:14px;background:#e9f8f5;border-radius:10px;overflow-wrap:anywhere}input,textarea{width:100%;padding:12px;border:1px solid #9fb6c7;border-radius:8px;font:inherit}textarea{min-height:80px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check-row{display:flex;align-items:flex-start;gap:12px;font-weight:400}.check-row input{width:20px;min-width:20px;margin-top:6px}button:not(:disabled){background:#087b88;color:white;cursor:pointer}article{border-top:1px solid #dbe5ed;padding:18px 0}article button{max-width:240px}@media(max-width:600px){.form-columns{grid-template-columns:1fr}}

/* One membership, two explicit billing options. */
.site-checkout .checkout-summary-layout{grid-template-columns:1fr}
.checkout-options>h2{margin-top:0;scroll-margin-top:24px}
.checkout-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.checkout-plan{display:flex;flex-direction:column;min-width:0;padding:24px;border:2px solid #c8dddd;border-radius:18px;background:linear-gradient(155deg,#f3faff,#f2faf5)}
.checkout-plan.is-selected{border-color:#087b88;box-shadow:0 0 0 3px #087b881a}
.checkout-plan-period{align-self:flex-start;margin:0 0 12px;padding:5px 14px;border-radius:20px;background:#d9efeb;font-weight:800;color:#126775}
.checkout-plan h3{font-size:22px;margin:0 0 12px}
.checkout-plan-price{font-size:clamp(27px,3.5vw,36px);font-weight:800;line-height:1.2;color:#096a76;margin:0 0 14px;overflow-wrap:anywhere}
.checkout-plan-price span{font-size:16px;font-weight:500;white-space:nowrap;margin-left:6px}
.checkout-plan-offer{margin:0 0 10px;font-weight:650}
.checkout-plan-renewal{font-size:15px;margin:0;padding:12px;border-radius:10px;background:#fff}
.checkout-plan ul{padding-left:21px;margin:18px 0;line-height:1.55}
.checkout-plan li+li{margin-top:9px}
.checkout-plan button{max-width:none;margin-top:auto;min-height:48px;font-weight:750}
.checkout-plan .muted{margin:0 0 20px}
#invoiceTitle,#paymentUnavailable{scroll-margin-top:24px}
@media(max-width:700px){.checkout-plan-grid{grid-template-columns:1fr}.checkout-plan{padding:20px}}

/* Availability is shown once beside checkout, without a warning banner. */
.site-checkout .checkout-payment-status{margin:18px 0;padding:0;background:none;border:0;border-radius:0;color:#526579;font-size:15px;line-height:1.6}