/* targetace.app/plus: Club Plus and its checkout (plus.js). */
.page-hero .badge { justify-self: start; width: fit-content; margin: 0; background: var(--gold); color: var(--ink); font-weight: 700; font-size: 13px; letter-spacing: .08em; padding: 3px 12px; border-radius: 999px; }
.plus { display: grid; gap: 16px; align-items: start; }
.plus .side { display: grid; gap: 16px; }
@media (min-width: 900px) { .plus { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 24px; } }
.price { font-family: "Barlow Condensed", "Arial Narrow", sans-serif; font-weight: 700; font-size: 52px; line-height: 1; margin: 0; color: var(--navy); }
.per { margin: 6px 0 0; font-size: 15px; }
.ticks { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 10px; }
.ticks li { position: relative; padding-left: 28px; line-height: 1.45; }
.ticks li::before { content: ""; position: absolute; left: 3px; top: .38em; width: 12px; height: 7px; border-left: 2.5px solid var(--ok); border-bottom: 2.5px solid var(--ok); transform: rotate(-45deg); }
#form label { display: block; font-weight: 600; margin-bottom: 6px; }
#code { width: 100%; min-height: 52px; font: inherit; font-size: 22px; letter-spacing: .15em; text-transform: uppercase; padding: 10px 14px; border: 1px solid var(--muted); border-radius: 12px; background: var(--card); color: var(--ink); }
#codehelp { margin: 8px 0 0; font-size: 15px; }
#go { margin-top: 16px; width: 100%; }
.msg { margin: 12px 0 0; font-size: 15px; }
.msg.ok { color: var(--ok); }
.msg.err { color: var(--red); }
.portal-line { margin: 10px 0 0; }
.portal-line a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
.note { margin: 0; font-size: 14px; }