:root{font-family:system-ui,sans-serif;color:#223130;background:#f4f8f7;line-height:1.8}body{margin:0;padding:32px 18px}main{max-width:680px;padding:32px;margin:auto;background:white;border:1px solid #dce7e3;border-radius:24px}h1{font-size:26px;line-height:1.5}h2{font-size:19px}.price{font-size:24px;font-weight:700}a{color:#176c60}button,.button{display:inline-block;background:#176c60;color:white;border:0;border-radius:12px;padding:14px 24px;font:inherit;text-decoration:none;cursor:pointer}label{display:block}input[type=checkbox]{width:19px;height:19px;vertical-align:middle;margin:10px}code,.key{overflow-wrap:anywhere}.key{padding:14px;background:#f4f8f7;border-radius:12px}@media(max-width:480px){main{padding:24px 18px}h1{font-size:23px}}
.coupon{margin-top:28px;padding-top:20px;border-top:1px solid #dce7e3}.coupon summary{cursor:pointer;font-weight:700;color:#176c60}.coupon label{margin-top:14px}.coupon input[type=text],.coupon input[type=email]{box-sizing:border-box;display:block;width:100%;padding:12px;border:1px solid #9fb9b0;border-radius:8px;font:inherit}.coupon input:focus-visible{outline:3px solid #81c6b6;outline-offset:2px}
.stripe-payment{margin-top:24px}.stripe-trust{display:flex;align-items:center;gap:18px;padding:18px;background:#f6f5ff;border:1px solid #e5e1fc;border-radius:14px;margin:0 0 22px}.stripe-trust>a{display:block;flex-shrink:0;line-height:0}.stripe-trust img{display:block;object-fit:contain;width:140px;height:auto}.stripe-trust strong{display:block;font-size:14px;color:#403080}.stripe-trust p{font-size:12px;line-height:1.8;margin:5px 0 0;color:#536064}button:disabled{cursor:wait;opacity:.72}button:focus-visible{outline:3px solid #81c6b6;outline-offset:2px}button.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:10px;opacity:1}button.is-loading::before{content:"";width:16px;height:16px;flex-shrink:0;border:2px solid #ffffff66;border-top-color:white;border-radius:50%;animation:checkout-spin .8s linear infinite}.submit-status{position:relative;overflow:hidden;margin:14px 0 0;padding:16px 18px 18px 46px;font-size:14px;line-height:1.7;font-weight:600;background:#edf6f3;border:1px solid #cbe6dd;border-radius:12px;color:#235c50}.submit-status::before{content:"";position:absolute;left:17px;top:18px;width:16px;height:16px;border:2px solid #a9d4c8;border-top-color:#176c60;border-radius:50%;animation:checkout-spin .8s linear infinite}.submit-status::after{content:"";position:absolute;left:-40%;bottom:0;width:40%;height:3px;border-radius:0 3px 3px 0;background:#176c60;animation:checkout-bar 1.15s ease-in-out infinite}.submit-status[hidden]{display:none}.submit-status[data-state=slow]{background:#fdf6e7;border-color:#efdcb2;color:#7a5a12}.submit-status[data-state=slow]::before{border-color:#ecd9ab;border-top-color:#b08319}.submit-status[data-state=slow]::after{background:#b08319}.submit-status[data-state=stalled]{background:#fdf0ee;border-color:#efcac2;color:#8a3a2c}.submit-status[data-state=stalled]::before{border-color:#eec8c0;border-top-color:#b4493a}.submit-status[data-state=stalled]::after{background:#b4493a}@keyframes checkout-spin{to{transform:rotate(360deg)}}@keyframes checkout-bar{0%{left:-40%}100%{left:100%}}@media(prefers-reduced-motion:reduce){button.is-loading::before{animation:none}.submit-status::before{animation:none}.submit-status::after{left:0;width:100%;opacity:.3;animation:none}}@media(max-width:480px){.stripe-trust{flex-direction:column;align-items:flex-start;gap:12px}button.is-loading{width:100%;box-sizing:border-box;font-size:14px}.submit-status{padding:15px 16px 17px 44px}}
/* Licence key with a one-click copy control. */
.key-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;margin:16px 0}
.key-row .key{display:flex;align-items:center;min-width:0;margin:0}
.key-row .key code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;word-break:break-all}
.copy-key{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #176c60;border-radius:12px;background:#fff;color:#176c60;font:inherit;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;cursor:pointer}
.copy-key:hover{background:#edf6f3}
.copy-key:active{transform:translateY(1px)}
.copy-key:focus-visible{outline:3px solid #81c6b6;outline-offset:2px}
.copy-key.is-copied{background:#176c60;border-color:#176c60;color:#fff}
.copy-key.is-error{background:#8a3a2c;border-color:#8a3a2c;color:#fff}
.copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:480px){.key-row{grid-template-columns:1fr}.copy-key{width:100%}.key-row .key code{font-size:13px}}