:root{
  --checkout-border:#d8e4ee;
  --checkout-bg:#f5f8fb;
}
.checkout-hero{padding:56px 0 44px}
.checkout-section{padding-top:36px}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;align-items:start}
.checkout-card,.checkout-side-card{padding:28px}
.checkout-form{margin-top:18px}
.field{display:grid;gap:6px}
.field label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.field input,.field select{
  width:100%;
  border:1px solid #c8d8ea;
  border-radius:14px;
  padding:14px 16px;
  font:inherit;
  background:#fff;
}
.field input:focus,.field select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(110,219,143,.18)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.span-2{grid-column:span 2}
.checkout-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.status{min-height:20px}
.plan-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;justify-content:center}
.plan-chip{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;color:#fff}
.checkout-trial{max-width:760px;margin:18px auto 0;border-color:rgba(216,242,223,.2);background:rgba(216,242,223,.12);color:#fff}
.checkout-list{margin:0;padding-left:18px;display:grid;gap:10px}
.checkout-help-card .button{margin-top:6px}
.checkbox-row{display:flex;gap:.75rem;align-items:flex-start;font-size:.95rem;line-height:1.5}
.checkbox-row input{margin-top:.25rem}
@media (max-width: 980px){
  .checkout-layout{grid-template-columns:1fr}
}
@media (max-width: 700px){
  .form-grid{grid-template-columns:1fr}
  .span-2{grid-column:span 1}
}

.checkout-card h2{font-size:30px;margin-bottom:8px}.checkout-side-card h3{margin-bottom:8px}.checkout-card,.checkout-side-card{border-radius:24px;box-shadow:0 18px 40px rgba(22,62,92,.08)}.checkout-form .field input,.checkout-form .field select{min-height:52px}.checkout-card .muted{line-height:1.65}.checkout-side-card{background:linear-gradient(180deg,#fff,#f8fbfe)}