.checkout-page{min-height:100dvh;padding-top:132px;padding-bottom:40px}.checkout-head{margin-bottom:28px}.checkout-head h1{letter-spacing:-.04em;margin:12px 0 10px;font-size:clamp(28px,3vw,38px)}.co-back{color:var(--ink-3);transition:color var(--dur-fast) var(--ease);font-size:14px}.co-back:hover{color:var(--brand)}.co-layout{grid-template-columns:1fr 380px;align-items:start;gap:24px;display:grid}@media (max-width:900px){.co-layout{grid-template-columns:1fr}}.checkout-page .sec{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);padding:28px}.checkout-page .sec-h{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.checkout-page .sec-h h2{letter-spacing:-.02em;font-size:18px}.checkout-page .sec .desc{color:var(--ink-3);margin-bottom:22px;font-size:13px}.checkout-page .field-group{margin-bottom:18px}.checkout-page .grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.co-summary{position:sticky;top:112px}.co-plan{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;padding:14px 0 18px;display:flex}.co-plan-name{letter-spacing:-.03em;font-size:18px;font-weight:800}.co-plan-period{color:var(--ink-3);font-size:12px;font-weight:600}.co-lines{flex-direction:column;gap:12px;margin:18px 0;padding:0;list-style:none;display:flex}.co-lines li{color:var(--ink-2);justify-content:space-between;font-size:14px;display:flex}.co-total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-top:18px;display:flex}.co-total span{color:var(--ink-2);font-size:14px;font-weight:600}.co-total strong{letter-spacing:-.04em;color:var(--brand);font-size:24px;font-weight:800}.co-submit{width:100%;margin-top:20px}.co-note{color:var(--ink-4);text-align:center;margin-top:12px;font-size:11.5px}.co-empty,.co-success{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);flex-direction:column;align-items:center;gap:16px;max-width:560px;margin:0 auto;padding:72px 24px;display:flex}.co-empty p{color:var(--ink-2);font-size:15px}.co-success h1{letter-spacing:-.03em;font-size:24px}.co-success p{color:var(--ink-2);max-width:440px;font-size:14px;line-height:1.6}.co-check{background:var(--brand-soft);width:64px;height:64px;color:var(--brand);border-radius:50%;place-items:center;font-size:30px;font-weight:800;display:grid}.co-success-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}