.checkout{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,22rem);align-items: start;gap:clamp(1.5rem,3vw,3rem);padding:0 clamp(.5rem,1.5vw,1rem) 4rem}.box{display:grid;border:1px solid var(--border-weak);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface)0%,var(--surface-2)100%);gap:1.2rem;padding:clamp(1.4rem,2.5vw,2.25rem)}.box h2{font-size:1.35rem;font-weight:600}.summary-card{position:sticky;background:radial-gradient(ellipse 90% 70% at 100% 0%,color-mix(in srgb,var(--tint)14%,transparent),transparent 60%),linear-gradient(180deg,var(--surface)0%,var(--surface-2)100%);top:1.5rem}.summary-card .head{display:flex;align-items: center;gap:1rem}.summary-card img{border-radius:14px;width:56px;height:56px}.summary-card dl{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--border);gap:.5rem 1rem;padding-top:1rem;font-size:.95rem}.summary-card dt{color:var(--text-weak)}.summary-card dd{color:var(--text-strong);text-align:right;margin:0}.summary-card .total{letter-spacing:-.03em;font-size:1.8rem;font-weight:300}.summary-card ul{display:grid;color:var(--text);gap:.35rem;padding-left:1.2rem;font-size:.92rem}@media (max-width:860px){.checkout{grid-template-columns:minmax(0,1fr)}.summary-card{position:static;order:-1}}.field{display:grid;gap:.4rem}.field label{color:var(--text-strong);font-weight:600}.field .hint{color:var(--text-weak);font-size:var(--text-sm)}.field input[type=email]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-strong);font:inherit;min-height:3rem;padding:.7rem 1rem}.field input[type=email]:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}.field input[aria-invalid=true]{border-color:var(--danger)}.check{display:grid;grid-template-columns:auto minmax(0,1fr);border:1px solid var(--border-weak);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);cursor:pointer;align-items: start;gap:.8rem;padding:.9rem 1rem;font-size:.95rem}.check input{accent-color:var(--accent);width:1.15rem;height:1.15rem;margin-top:.2rem}.form-error{border:1px solid color-mix(in srgb,var(--danger)50%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger)8%,transparent);color:var(--text-strong);padding:.9rem 1rem}.form-note{color:var(--text-weak);font-size:var(--text-sm)}.notice{border:1px dashed color-mix(in srgb,var(--accent)70%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent)8%,transparent);padding:1.2rem 1.4rem}.notice strong{display:block;color:var(--text-strong);margin-bottom:.3rem;font-size:1.1rem}.order-state{display:grid;gap:1.2rem;max-width:44rem;padding:0 clamp(.5rem,1.5vw,1rem) 4rem}.order-state-inner{display:grid;gap:1.2rem}.order-state h2{font-size:var(--text-h2);font-weight:300}.license-key{display:flex;border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items: center;gap:.8rem;padding:1.2rem 1.4rem}.license-key code{color:var(--text-strong);font-family:var(--font-mono);letter-spacing:.04em;word-break:break-all;user-select:all;flex:18rem;font-size:clamp(.95rem,.8rem + .6vw,1.2rem)}.status-line{display:flex;color:var(--text);align-items: center;gap:.8rem}.spinner{border:2px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite;border-radius:50%;flex:none;width:1.3rem;height:1.3rem}@keyframes spin{to{transform:rotate(360deg)}}