.checkout-page{max-width:1200px;margin:auto;padding:140px 24px 80px;color:#0f172a;font-family:'Plus Jakarta Sans',sans-serif}.checkout-page *{box-sizing:border-box}.checkout-back{color:#64748b;text-decoration:none}.checkout-eyebrow{color:#7c3aed;font-weight:800;letter-spacing:.12em;font-size:12px;margin:32px 0 12px}.checkout-page h1{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.04em;margin:0 0 16px}.checkout-intro{color:#64748b;margin-bottom:32px}.checkout-page h2{font-size:20px;font-weight:800;margin:0 0 18px}.checkout-page h3{font-size:18px;font-weight:800}.checkout-page p{line-height:1.65}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.checkout-panel,.checkout-summary,.checkout-history{padding:28px;border:1px solid #e2e8f0;border-radius:22px;background:white;min-width:0}.checkout-summary{position:sticky;top:100px;background:#f8fafc}.checkout-period{display:flex;background:#f1f5f9;padding:5px;border-radius:14px;gap:4px;margin-bottom:24px}.checkout-page button{font:inherit;cursor:pointer;border:1px solid #cbd5e1;border-radius:10px;padding:12px 16px;min-height:46px;background:white;color:#334155}.checkout-page button:disabled{opacity:.5;cursor:default}.checkout-page button:focus-visible,.checkout-page a:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}.checkout-period button{flex:1;border:0;background:transparent}.checkout-period button[aria-pressed=true]{background:white;color:#6d28d9;box-shadow:0 2px 8px #0f172a12}.checkout-plans{display:grid;gap:12px}.checkout-plan{text-align:left!important;display:grid;grid-template-columns:1fr auto;gap:8px;padding:20px!important;border-radius:14px!important}.checkout-plan[aria-pressed=true]{border:2px solid #7c3aed!important;background:#faf5ff!important}.checkout-plan span{color:#64748b;font-size:13px}.checkout-plan strong{font-size:19px;color:#0f172a}.checkout-plan small{grid-column:1/-1;color:#64748b}.checkout-features{padding-left:20px;line-height:1.9;color:#475569;font-size:14px;margin-top:20px}.checkout-methods{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.checkout-methods button[aria-pressed=true]{border-color:#7c3aed;background:#f5f3ff;color:#6d28d9}.checkout-summary dl{margin:20px 0}.checkout-summary dl>div{display:flex;justify-content:space-between;gap:16px;margin:14px 0}.checkout-summary dt{color:#64748b}.checkout-summary dd{margin:0;text-align:right}.checkout-total{border-top:1px solid #e2e8f0;padding-top:18px;font-size:24px;font-weight:800}.checkout-page .checkout-primary{display:block;width:100%;background:#7c3aed;border-color:#7c3aed;color:white;font-weight:700;text-align:center;text-decoration:none;border-radius:12px;padding:14px}.checkout-note{font-size:13px;color:#64748b}.checkout-test{border:1px solid #fde68a;background:#fffbeb;color:#92400e;padding:14px;border-radius:12px;font-size:14px}.checkout-message{color:#7c3aed;margin:18px 0;overflow-wrap:anywhere}.checkout-payment{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.checkout-payment iframe{display:block;width:100%;height:950px;border:0;background:white;border-radius:12px}.checkout-history{margin-top:28px}.checkout-history summary{font-weight:700;cursor:pointer;padding:4px}.checkout-order{border-top:1px solid #e2e8f0;padding:20px 0;overflow-wrap:anywhere}.checkout-order small{color:#64748b}.checkout-order button{margin:8px 8px 0 0}.checkout-iban{font-family:monospace;font-size:16px}.checkout-result{max-width:540px;margin:60px auto;padding:24px;font:16px/1.6 system-ui;color:#0f172a;text-align:center}.checkout-result a{color:#6d28d9}
@media(max-width:900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}.checkout-page{padding-top:120px}}@media(max-width:480px){.checkout-page{padding:110px 16px 48px}.checkout-panel,.checkout-summary,.checkout-history{padding:18px}.checkout-plan{grid-template-columns:1fr}.checkout-plan strong{font-size:18px}.checkout-period button{padding:10px 6px;font-size:14px}.checkout-payment iframe{height:1050px}.checkout-methods button{flex:1}.checkout-page h1{font-size:28px}}

@media(max-width:480px){.checkout-summary .checkout-total{flex-direction:column;gap:6px}.checkout-summary .checkout-total dd{text-align:left}.checkout-summary dd{overflow-wrap:anywhere}.checkout-page button{overflow-wrap:anywhere}}