.purchase-shell{width:min(760px,calc(100% - 32px));margin:36px auto 56px}
.purchase-panel{margin:24px 0;padding:clamp(22px,5vw,42px)}
.purchase-panel h1{font-size:clamp(1.9rem,5vw,2.65rem);line-height:1.15;letter-spacing:-.025em}
.purchase-panel p{line-height:1.65}
.purchase-help{font-size:.95rem;opacity:.85}
.purchase-panel form{margin:30px 0}
.purchase-panel form>label:first-child{font-weight:700}
.purchase-panel fieldset{border:1px solid #738192;border-radius:8px;margin:24px 0 0;padding:16px}
.purchase-panel legend{font-weight:700;padding:0 8px}
.purchase-panel fieldset>label:not(.purchase-check){display:block;margin:16px 0 8px;font-weight:600}
.purchase-panel input[type=email],.purchase-panel select{box-sizing:border-box;width:100%;min-height:48px;padding:12px;border:1px solid #738192;border-radius:8px;background:#111b26;color:#fff;font:inherit}
.purchase-panel textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:14px;border:1px solid #738192;border-radius:8px;background:#111b26;color:#fff;font:1rem/1.6 ui-monospace,monospace;resize:vertical}
.purchase-summary{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:baseline;border-block:1px solid #738192;margin:24px 0 12px;padding:18px 0}
.purchase-summary strong{font-size:1.8rem}
.purchase-check{display:flex;gap:12px;align-items:flex-start;margin:18px 0;font-size:1rem;line-height:1.55}
.purchase-check input{flex:0 0 auto;width:20px;height:20px;margin:3px 0 0}
.purchase-panel button{padding:13px 20px;border-radius:8px;font-size:1rem;cursor:pointer}
.purchase-panel button:disabled{opacity:.5;cursor:not-allowed}
.purchase-panel :focus-visible{outline:3px solid #51c9e8;outline-offset:4px}
.purchase-notice{border-left:3px solid #51c9e8;padding:2px 18px;margin:22px 0;background:#163141}
.purchase-notice a{display:inline-block;margin:0 18px 14px 0}
.purchase-panel [hidden]{display:none!important}
.licence-card{border-top:1px solid #738192;margin:24px 0;padding-top:16px}
.licence-card h2{font-size:1.1rem;overflow-wrap:anywhere}
.licence-card textarea{font-size:.85rem;word-break:break-all}
.licence-card button{margin-top:12px}
.purchase-shell footer{font-size:.95rem}
#purchase-message,#order-message{overflow-wrap:anywhere}
@media(max-width:480px){.purchase-panel{padding:22px 18px}.purchase-shell{width:min(calc(100% - 40px),calc(100vw - 40px));margin-top:22px}.purchase-panel button{width:100%}}
