
.buy-page{padding:56px 0 80px}
.buy-page h1{max-width:16ch}
.buy-page .section-lede{max-width:46rem}
.buy-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:18px;align-items:start}
.buy-card{background:var(--slate);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.buy-card h2{margin:0 0 8px;font:800 28px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
.lede-sm{margin:0 0 18px;color:var(--muted);font-size:15px}
.buy-field{margin-bottom:16px}
.buy-field label{display:block;margin-bottom:6px;font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.buy-field input[type="text"],.buy-field input[type="email"],.buy-field input[type="number"]{width:100%;border-radius:var(--r);border:1px solid var(--line2);background:#050910;color:var(--ink);padding:12px 14px;font:16px/1.4 var(--body)}
.buy-field input:focus{outline:2px solid rgba(232,237,244,.28);border-color:rgba(232,237,244,.45)}
.buy-slug-preview{margin:8px 0 0;color:var(--muted);font-size:14px}
.buy-slug-preview strong{color:var(--ink)}
.buy-plans{display:grid;gap:8px}
.buy-plan{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:transparent;cursor:pointer}
.buy-plan:hover{border-color:var(--line2)}
.buy-plan.is-selected{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}
.buy-plan.is-disabled{opacity:.62;cursor:default}
.plan-label{display:block;font:700 18px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}
.plan-meta{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.plan-price{font:700 16px/1 var(--display);letter-spacing:.04em;white-space:nowrap}
.buy-seats{display:flex;align-items:center;gap:8px}
.buy-seats button{width:44px;height:44px;border-radius:var(--r);border:1px solid var(--line2);background:transparent;color:var(--ink);font-size:20px;cursor:pointer}
.buy-seats input{width:88px;text-align:center}
.buy-summary{margin:4px 0 16px;padding:12px 14px;border-radius:var(--r);border:1px solid var(--line);background:#050910;font-size:15px}
.buy-summary strong{color:var(--ink)}
.buy-actions{display:flex;flex-wrap:wrap;gap:10px}
.buy-alert{margin:0 0 16px;padding:12px 14px;border-radius:var(--r);border:1px solid var(--line2);max-width:46rem}
.buy-alert p{margin:0}
.buy-alert-ok{background:var(--slate)}
.buy-alert-err{background:#2a1216;color:#ffd0d4}
.buy-network-box{display:none;margin:0 0 16px;padding:14px;border:1px dashed var(--line2);border-radius:var(--r)}
.buy-network-box.is-open{display:block}
.buy-network-box p{margin:0 0 12px;color:var(--muted)}
#buy-error{display:none}
#buy-error.is-visible{display:block}
.price-kicker{margin:22px 0 8px}
.price-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.side-note{margin-top:14px}
@media (max-width:880px){.buy-grid{grid-template-columns:1fr}.buy-page{padding:36px 0 56px}}
