.checkout-panel { --checkout-border:#303037; --checkout-muted:#b5b3bf; --checkout-accent:#c6a4ff; padding:24px; border:1px solid var(--checkout-border); border-radius:26px; background:#111113; color:#f7f7f9; margin:20px 0; line-height:1.6; }
.checkout-panel h2 { font-size:26px; line-height:1.2; margin:8px 0 16px; letter-spacing:-.03em; }
.checkout-panel p { margin:0 0 18px; }
.checkout-kicker { color:var(--checkout-accent); font-size:12px; letter-spacing:.12em; font-weight:700; }
.checkout-features { padding-left:22px; margin:20px 0; }
.checkout-features li+li { margin-top:10px; }
.checkout-summary { margin:24px 0; border-top:1px solid var(--checkout-border); border-bottom:1px solid var(--checkout-border); padding:18px 0; }
.checkout-summary div { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.checkout-summary div+div { margin-top:16px; }
.checkout-summary dt { color:var(--checkout-muted); }
.checkout-summary dd { margin:0; font-weight:650; white-space:nowrap; }
.checkout-total { font-size:28px; letter-spacing:-.04em; }
.checkout-notice,.checkout-legal { font-size:13px; color:var(--checkout-muted); }
.checkout-pay,.purchase-link { display:flex; align-items:center; justify-content:center; min-height:50px; width:100%; padding:14px 20px; border:1px solid #7459a0; border-radius:16px; background:#292032; color:#f7f7f9; font:600 16px/1.3 Onest,system-ui,sans-serif; text-decoration:none; cursor:pointer; transition:background .18s ease; }
.checkout-pay:hover,.purchase-link:hover { background:#382848; }
.checkout-pay:active,.purchase-link:active { transform:none; }
.checkout-pay:focus-visible,.purchase-link:focus-visible,.checkout-feedback:focus-visible { outline:3px solid #bc91ff; outline-offset:4px; }
.checkout-panel .checkout-feedback { margin:16px 0; padding:16px; border-radius:14px; background:#231b30; color:#eadfff; }
.checkout-panel .checkout-legal { margin:18px 0 0; }
.checkout-legal a { color:var(--checkout-accent); text-underline-offset:3px; }
:root[data-theme="light"] .checkout-panel { --checkout-border:#dedce4; --checkout-muted:#55535e; --checkout-accent:#6940ad; background:#fff; color:#141318; }
:root[data-theme="light"] .checkout-feedback { background:#eee7f7; color:#452767; }
@media(prefers-color-scheme:light) { .public-page .checkout-panel { --checkout-border:#dedce4; --checkout-muted:#55535e; --checkout-accent:#6940ad; background:#fff; color:#141318; } .public-page .checkout-feedback { background:#eee7f7; color:#452767; } }
@media(max-width:400px) { .checkout-panel { padding:20px; } .checkout-summary div { gap:10px; } .checkout-total { font-size:25px; } }
@media(prefers-reduced-motion:reduce) { .checkout-pay,.purchase-link { transition:none; } }