:root{--ink:#17192e;--muted:#62677b;--purple:#6056d9;--line:#e4e5ef;--soft:#f7f8fc;--cyan:#67d3f5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.top{max-width:1200px;margin:auto;min-height:94px;display:flex;align-items:center;justify-content:space-between;padding:20px 26px}.brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:750;letter-spacing:-.7px}.brand b{color:var(--purple)}.mark{display:grid;place-items:center;width:36px;height:38px;border-radius:11px;background:var(--purple);color:white;font-size:25px;transform:rotate(-6deg)}nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.account{border:1px solid var(--line);border-radius:9px;padding:9px 18px}.testbar{padding:9px 22px;text-align:center;background:#f2edff;color:#57499b;font-size:12px;font-weight:650;letter-spacing:.03em}main{max-width:1148px;margin:0 auto;padding:58px 24px 85px}.intro{margin:0 0 42px}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--purple);font-weight:800}h1{font-size:clamp(32px,4.2vw,48px);line-height:1.13;letter-spacing:-1.7px;margin:15px 0 19px}h1 em{font-style:normal;color:var(--purple)}.intro p{color:var(--muted);font-size:16px;margin:0}h2{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:0}h3{font-size:19px;margin:8px 0}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.85fr);gap:46px;align-items:start}.step{display:flex;align-items:center;gap:13px;margin-bottom:20px}.step>span{display:grid;place-items:center;width:32px;height:32px;background:#efedff;color:var(--purple);border-radius:9px;font-weight:750;font-size:12px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:36px}.plan{padding:21px 18px;border:1.5px solid var(--line);border-radius:13px;display:flex;flex-direction:column;transition:background .2s}.plan:hover{background:var(--soft)}.plan.selected{border:2px solid var(--purple);padding:20.5px 17.5px;background:#f8f7ff}.plan-top{font-weight:750;font-size:14px;display:flex;justify-content:space-between;gap:8px}.plan i{font-style:normal;color:var(--purple)}.plan>strong{font-size:31px;letter-spacing:-1px;margin:14px 0 6px}.plan strong small{font-size:11px;letter-spacing:0;font-weight:500;color:var(--muted)}.plan>span:last-child{font-size:10px;color:var(--muted)}.payment-placeholder{border:1px solid var(--line);border-radius:13px;text-align:center;padding:27px 25px;background:var(--soft)}.payment-placeholder p{color:var(--muted);font-size:14px;max-width:410px;margin:8px auto 21px}.lock{font-size:30px;color:var(--purple)}.methods{display:flex;justify-content:center;gap:9px}.methods span{background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px 11px;font-size:10px;color:var(--muted)}.fine{font-size:11px;color:var(--muted);line-height:1.7;margin-top:17px}.summary{background:#171b36;color:#fff;border-radius:20px;padding:32px 29px;box-shadow:0 18px 40px #15162b10}.summary .eyebrow{color:var(--cyan)}.summary h2{font-size:27px;margin:14px 0 25px}.summary ul{padding:0;list-style:none;display:grid;gap:11px;font-size:13px;color:#e0e2f0}.summary li{display:flex;gap:10px}.summary li:before{content:'✓';color:var(--cyan);font-weight:bold}.summary-total{border-top:1px solid #ffffff20;margin-top:26px;padding-top:20px;display:flex;align-items:center;justify-content:space-between}.summary-total strong{font-size:35px;letter-spacing:-1px}.summary-total>span{font-size:13px;color:#e0e2f0}.summary .fine{color:#b9bfd6}.help{display:block;color:var(--cyan);font-weight:650;font-size:12px;margin-top:24px}.button{display:inline-block;background:var(--purple);color:#fff;border:0;border-radius:9px;padding:13px 22px;font-weight:700;font-size:14px;cursor:pointer}.button:hover{background:#4e45c0}.button:disabled{opacity:.6;cursor:wait}.secondary{border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 14px;cursor:pointer}.panel{padding:30px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.panel p{color:var(--muted)}.return{max-width:720px;margin:30px auto}.return h1{font-size:36px}.account-grid{display:grid;gap:20px}.badge{background:#e9e6ff;color:#594ac4;padding:4px 10px;font-size:11px;border-radius:5px;display:inline-block;margin-bottom:12px}.key{display:block;overflow-wrap:anywhere;background:#fff;padding:14px;border:1px solid var(--line);border-radius:6px;font-size:13px;margin:9px 0}.note{font-size:12px}#message{font-size:13px;color:#a13737}footer{border-top:1px solid var(--line);max-width:1148px;margin:auto;padding:25px 24px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}footer div{display:flex;gap:20px}a:focus-visible,button:focus-visible{outline:3px solid #67d3f5;outline-offset:4px}@media(max-width:800px){.checkout-grid{grid-template-columns:1fr;gap:26px}.summary{max-width:none}main{padding-top:35px}.top{min-height:80px;padding:16px 20px}.brand{font-size:18px}nav>a:first-child{display:none}.plans{gap:10px}.plan{padding:16px 12px}.plan.selected{padding:15.5px 11.5px}.plan strong small{display:block}.plan-top{font-size:12px}footer{flex-direction:column}.intro p br{display:none}}

.auth{max-width:590px;margin:10px auto}.auth h1{font-size:36px}.auth-choice{font-size:13px;padding-bottom:18px;border-bottom:1px solid var(--line)}.auth-form{display:grid;gap:9px;margin-top:24px}.auth-form>label{font-size:14px;font-weight:650;margin-top:7px}.auth-form>input{width:100%;min-height:48px;border:1px solid #b9bdce;border-radius:8px;padding:10px 13px;background:white;color:var(--ink)}.auth-form .button{margin-top:15px;min-height:48px}.auth-form .note{margin:0}.remember{display:flex;align-items:center;gap:9px}.remember input{width:18px;height:18px}.auth-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:24px;font-size:13px}.auth-links a,.auth .note a,.auth-link{color:#5146bb;text-decoration:underline;text-underline-offset:3px}.auth-notice{padding:14px;border:1px solid #cac4ed;background:#eeeafd;border-radius:8px;font-size:14px}.logout-form{text-align:right;margin:-15px 0 22px}input:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}@media(max-width:500px){.auth{padding:23px 19px}.auth h1{font-size:30px}}

.billing-tools{margin:18px 0}.billing-content:not(:empty){margin-top:16px;padding:18px;background:#fff;border:1px solid #dddfea;border-radius:12px}.billing-content button{margin:10px 8px 0 0}.billing-content form{max-width:560px}.billing-content .note{margin-bottom:18px}

.language-choice{display:flex;align-items:center;gap:7px;margin:0 0 0 20px;font-size:12px}.language-choice select{font:inherit;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:7px;min-height:38px;max-width:130px;padding:7px}.language-choice button{min-height:38px}.language-choice select:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}@media(max-width:650px){.top{flex-wrap:wrap;gap:14px}.language-choice{margin-left:0;flex-basis:100%;justify-content:flex-end}}

/* Long translated labels remain readable at narrow widths. */
.top{gap:16px}.brand{flex-shrink:0}.language-choice{flex-shrink:0}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plan,.panel,.summary{min-width:0}.button,.secondary{max-width:100%;white-space:normal}footer div{flex-wrap:wrap}.panel p{overflow-wrap:anywhere}@media(max-width:650px){.top nav{margin-left:auto}.language-choice{margin-left:0}.testbar{overflow-wrap:anywhere}}

.payment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.payment-actions .button[aria-disabled="true"],.payment-actions .secondary:disabled{background:var(--line);border-color:var(--line);color:var(--muted);opacity:1;cursor:wait;box-shadow:none}

.documents-tools{margin:18px 0}.documents-content{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.document-list{display:grid;gap:12px}.document-card{padding:16px;border:1px solid var(--line);border-radius:9px}.document-card h3{font-size:16px;margin:0 0 6px}.document-card p{font-size:13px;margin:7px 0}.document-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px}.document-actions a{font-size:13px}.documents-content>button{margin:10px 10px 0 0}.documents-content>p:empty{display:none}.documents-tools button:disabled{opacity:.6;cursor:wait}

.invoice-form{margin:0 0 24px}.invoice-form h3{margin-bottom:8px}.invoice-form fieldset{border:0;margin:18px 0;padding:0;min-width:0}.invoice-form label{display:block;margin:0 0 14px;font-size:14px;font-weight:600}.invoice-form input:not([type=checkbox]),.invoice-form select{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:6px;border:1px solid #d8dfe5;border-radius:9px;background:#fff;color:#183343;font:inherit;font-weight:400}.invoice-form input:focus,.invoice-form select:focus{outline:2px solid #328597;outline-offset:1px}.invoice-row{display:grid;grid-template-columns:1fr 2fr;gap:12px}.invoice-form .invoice-business{display:flex;align-items:center;gap:9px}.invoice-form [type=checkbox]{width:18px;height:18px}.invoice-form fieldset:disabled input,.invoice-form fieldset:disabled select{color:#526572;background:#f3f6f7}.invoice-form [hidden]{display:none!important}.invoice-form .secondary{margin:10px 0 0}@media(max-width:500px){.invoice-row{grid-template-columns:1fr}}

.promotion-summary{margin:16px 0;padding:14px 18px;border:1px solid #bbdccc;border-radius:12px;background:#f1fbf5;color:#173d2a}.promotion-summary p{margin:4px 0}.promotion-summary p+p{font-size:.9em}

/* Native dialog: centered waiting state, inert backdrop and keyboard focus containment. */
.invoice-wait{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:#fff;box-shadow:0 22px 80px #17192e40;text-align:center;overflow:auto}
.invoice-wait::backdrop{background:rgb(235 238 245 / 85%)}
.invoice-wait h2{font-size:23px;line-height:1.3;margin:8px 0 16px;outline:none}
.invoice-wait p{margin:12px 0;overflow-wrap:anywhere}.invoice-wait .note{color:var(--muted);font-size:14px}
.invoice-wait-icon{display:flex;justify-content:center}.invoice-spinner{display:block;width:38px;height:38px;border:4px solid #eae8fb;border-top-color:var(--purple);border-radius:50%;animation:spc-invoice-spin 1s linear infinite}
.invoice-wait [hidden]{display:none!important}.invoice-wait-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.invoice-wait-actions button{min-height:44px}
.invoice-ready{padding:14px 18px;border:1px solid #bbdccc;border-radius:10px;background:#f1fbf5;color:#173d2a;scroll-margin-top:24px}.invoice-ready[hidden]{display:none}
@keyframes spc-invoice-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.invoice-spinner{animation:none}}
@media(max-width:500px){.invoice-wait{padding:24px 20px}.invoice-wait h2{font-size:21px}}

.upgrade-panel{max-width:760px;margin:auto;background:#fff}.upgrade-panel h1{font-size:clamp(28px,4vw,40px)}.upgrade-totals{margin:28px 0;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:20px}.upgrade-totals>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.upgrade-totals>div:last-child{border-top:1px solid var(--line);margin-top:10px;padding-top:18px;font-weight:750;font-size:20px}.upgrade-totals dd{margin:0;white-space:nowrap}.upgrade-panel #upgrade-reset{margin:10px}.upgrade-panel #upgrade-message{scroll-margin-top:24px}.upgrade-panel #upgrade-checkout{scroll-margin-top:24px}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.account-heading h1{margin-bottom:0}.account-heading .logout-form{margin:0}.account-section-title{font-size:17px;margin:0 0 16px}.license-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.license-card-heading .badge{flex-shrink:0;margin:0}.license-period{font-size:14px;margin:14px 0 20px}.license-period span{color:var(--muted)}.key-label{font-size:12px;font-weight:650;color:var(--muted)}.license-key .key{margin:6px 0 0}.linked-website{font-size:14px;overflow-wrap:anywhere}.license-primary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}.license-primary-actions form{margin:0}.license-primary-actions .secondary{font-size:14px;padding:12px 18px}.account-details{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.account-details summary,.account-history>summary{cursor:pointer;font-weight:650;font-size:14px}.account-details-content{padding-top:12px}.account-details-content>.secondary{margin:0 8px 12px 0}.account-details-content .order-reference{font-size:12px;color:var(--muted);margin-top:0}.account-history{margin-top:32px}.account-history>summary{font-size:17px;padding:18px 0}.order-count{display:inline-block;margin-left:8px;color:var(--muted);font-size:13px;font-weight:500}.account-history .account-grid{margin-top:6px}.account-details summary:focus-visible,.account-history>summary:focus-visible{outline:2px solid var(--purple);outline-offset:5px}@media(max-width:600px){.account-heading{align-items:flex-start}.account-heading h1{font-size:32px}.license-card-heading{align-items:flex-start;flex-direction:column;gap:10px}.license-primary-actions{align-items:stretch;flex-direction:column}.license-primary-actions .button,.license-primary-actions .secondary{width:100%;text-align:center}.license-key .key{font-size:12px}}

/* Studio website subscriptions */
.studio-plans{display:grid;gap:12px}.studio-plan{background:#fff;border:1px solid #dce4f3;border-radius:14px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-plan h3{margin:0;color:#192a44;font-size:18px}.studio-plan.selected{border-color:#2457f5;background:#f7f9ff}.studio-plan-periods{display:flex;gap:10px}.studio-plan-choice{min-width:110px;border:1px solid #d2ddf1;border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;text-align:center;text-decoration:none;color:#192a44;background:#fff}.studio-plan-choice strong{font-size:19px}.studio-plan-choice span{font-size:12px}.studio-plan-choice.chosen{background:#2457f5;color:#fff;border-color:#2457f5}.studio-plan-choice:focus-visible{outline:3px solid #8fb2ff;outline-offset:3px}.choice-state{font-weight:700}.studio-enterprise{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid #dce4f3;border-radius:12px;margin:14px 0 28px;background:#edf3ff;color:#192a44}.studio-tax-label{color:#4d6081}.studio-plan-summary h2{font-size:26px;line-height:1.35}.studio-plan-summary,.studio-plan-summary p,.studio-plan-summary li,.studio-plan-summary h2{color:#192a44!important}.studio-plan-summary .summary-total strong{color:#2457f5!important}@media(max-width:520px){.studio-plan{flex-direction:column;align-items:stretch}.studio-plan-periods{display:grid;grid-template-columns:1fr 1fr}.studio-plan-choice{min-width:0}.studio-plan-summary h2{font-size:23px}}

.studio-plan-summary{background:#edf3ff!important;border:1px solid #dce4f3;box-shadow:none}.studio-plan-summary .eyebrow,.studio-plan-summary .help{color:#2457f5!important}.studio-plan-summary .summary-total{border-color:#d2ddf1}.studio-plan-summary .summary-total span{color:#4d6081!important}