:root{--error:#9b3932;--error-bg:#fff4f2}
.form-main{background:var(--surface);padding-block:30px 65px}.form-container{max-width:820px}.form-breadcrumb{font-size:11px;color:var(--muted);margin-bottom:30px}.form-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.form-heading h1{font-size:clamp(25px,3.6vw,34px);text-wrap:balance}.form-heading>p:last-child{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.95}.form-heading .eyebrow{font-size:11px;margin-bottom:10px}.form-steps{display:flex;padding:0;margin:28px 0;list-style:none;border-bottom:1px solid var(--line);gap:9px}.form-steps li{display:flex;gap:7px;align-items:center;flex:1;min-width:0;padding-block:14px;color:var(--muted);font-size:11px;border-bottom:3px solid transparent}.form-steps li>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);font-weight:700;font-size:11px}.form-steps li[aria-current]{border-color:var(--accent);color:var(--accent);font-weight:700}.form-steps li[aria-current]>span{background:var(--accent);color:var(--paper);border-color:var(--accent)}
.form-summary{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px;background:var(--accent-soft);border:1px solid var(--line);border-radius:10px;margin-bottom:22px}.form-summary strong{font-size:15px}.form-summary p{font-size:11px;color:var(--muted);margin-top:6px}.form-summary-price{font-size:12px;color:var(--accent);align-self:center}.form-summary-price strong{font-family:var(--font);font-size:29px}.form-summary-price>span{display:block;color:var(--muted);font-size:10px}.form-test{font-size:12px;color:var(--muted);padding:19px 22px;background:var(--paper);border:1px solid var(--line);border-radius:8px;margin-bottom:26px;line-height:1.95}.form-test strong{color:var(--accent)}.sample-button{display:inline-flex;align-items:center;min-height:44px;background:var(--paper);color:var(--accent);border:1px solid var(--accent);padding:10px 14px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;margin-top:13px}
.input-form{background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:12px}.form-field{margin-bottom:30px}.form-field>label{display:flex;gap:10px;align-items:baseline;font-size:14px;font-weight:700;flex-wrap:wrap;margin-bottom:10px}.field-required,.field-optional{font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px}.field-required{background:var(--accent-soft);color:var(--accent)}.field-optional{background:var(--surface);color:var(--muted)}.form-field input,.form-field textarea{width:100%;max-width:100%;font:inherit;font-size:16px;line-height:1.7;padding:13px 14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:6px;min-height:48px;min-width:0}.form-field textarea{resize:vertical}.form-field input:focus-visible,.form-field textarea:focus-visible,.check-control input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.form-field [aria-invalid=true]{border-color:var(--error)}.field-help{font-size:11px;color:var(--muted);line-height:1.9;margin-top:9px}.field-error{font-size:12px;color:var(--error);margin-top:7px;font-weight:700}.form-error{padding:20px;background:var(--error-bg);border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:13px;margin-block:20px}.form-error ul{padding-left:20px;margin-bottom:0}.form-error a{text-decoration:underline}.form-ack{border:0;padding:24px 0 0;margin:0;border-top:1px solid var(--line);min-width:0}.form-ack legend{font-size:14px;font-weight:700;padding-right:10px}.check-control{display:flex;align-items:flex-start;gap:11px;cursor:pointer;padding:12px 0;min-height:44px;font-size:13px;line-height:1.9}.check-control input{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--accent)}.check-control a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.form-actions{border-top:1px solid var(--line);padding-top:26px;margin-top:25px;text-align:center}.form-actions p,.form-after{font-size:11px;color:var(--muted);line-height:1.9;margin-top:14px;text-align:center}.form-actions button{cursor:pointer}.form-back{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;font-size:12px;text-decoration:underline;color:var(--muted)}.form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.form-confirm{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:5px 24px}.form-confirm dl{margin:0}.form-confirm dl>div{padding:20px 0;border-bottom:1px solid var(--line)}.form-confirm dl>div:last-child{border:0}.form-confirm dt{font-size:11px;color:var(--muted);margin-bottom:7px}.form-confirm dd{font-size:14px;margin:0;line-height:2;overflow-wrap:anywhere}.confirm-actions{display:grid;gap:14px;margin-top:25px}.confirm-actions form{min-width:0}.confirm-actions button{width:100%;cursor:pointer}.button-secondary{background:var(--paper);color:var(--accent);border-color:var(--accent)}.button-secondary:hover{background:var(--accent-soft)}button:disabled{cursor:wait;opacity:.7}
.form-complete{text-align:center;border:1px solid var(--line);border-radius:12px;padding:32px 24px;background:var(--paper)}.complete-check{display:grid;place-items:center;margin:0 auto 22px;background:var(--accent-soft);color:var(--accent);width:58px;height:58px;border-radius:50%;font-size:29px}.form-complete h2{font-size:23px}.form-complete>p{font-size:13px;line-height:2;color:var(--muted);margin-top:16px}.complete-status{margin:25px 0;padding:0;text-align:left}.complete-status>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.complete-status dt{color:var(--muted)}.complete-status dd{margin:0;font-weight:700}.form-complete .button{margin-top:10px}.legal-article{background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:10px;line-height:2;font-size:13px}.legal-article h2{font-size:20px;margin-top:32px}.legal-article h3{font-size:16px;margin-top:24px}.legal-article h4{font-size:14px;margin-top:20px}.legal-article p{margin-top:13px}.legal-article ul{padding-left:22px}.legal-article table{width:100%;border-collapse:collapse;font-size:11px}.legal-article th,.legal-article td{border:1px solid var(--line);padding:9px;overflow-wrap:anywhere}
@media(min-width:600px){.form-main{padding-block:40px 85px}.form-breadcrumb{margin-bottom:35px}.form-steps{margin-block:35px}.form-steps li{font-size:13px;gap:10px}.form-steps li>span{width:28px;height:28px;font-size:12px}.form-summary{padding:24px 30px;flex-wrap:nowrap}.input-form{padding:35px 40px}.form-test{padding:20px 28px}.form-confirm{padding-inline:35px}.form-confirm dl>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px}.form-confirm dt{font-size:12px;margin:0;padding-top:4px}.confirm-actions{grid-template-columns:1fr 1.25fr;gap:20px}.form-complete{padding:40px}.legal-article{padding:32px 40px}.form-summary-price{flex:none}}

/* The same shared white/red system extends to every application step. */
:root{--error:#a21b2b;--error-bg:#fff6f6}
.form-main{background:#fff}.form-heading h1{font-weight:700;letter-spacing:-.025em}.form-steps{margin-block:30px}.form-steps li[aria-current]{border-color:var(--accent);color:var(--ink)}.form-steps li[aria-current]>span{border-color:var(--accent);background:var(--accent);color:#fff}.form-steps li>span{border-radius:3px}
.form-summary{background:#fff;border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:4px}.form-summary strong{font-weight:500}.form-summary-price{color:var(--ink)}.form-summary-price strong{font-family:var(--font);font-weight:700}
.form-test{background:var(--surface);border:0;border-radius:4px}.form-test strong{color:var(--ink)}.sample-button{border-color:#9fa2a7;border-radius:3px;color:var(--ink);font-weight:500}.sample-button:hover{border-color:var(--accent);color:var(--accent)}
.input-form{border-radius:4px}.form-field input,.form-field textarea{border-radius:3px;background:#fff}.field-required{background:var(--accent-soft);color:var(--accent);border-radius:2px}.field-optional{background:var(--surface);border-radius:2px}.form-field>label{font-weight:500}.field-help{font-size:12px}.form-error{border-radius:3px}.form-error strong,.field-error{font-weight:500}
.check-control{font-weight:400}.check-control input{accent-color:var(--accent)}.form-confirm{border-radius:4px}.form-confirm dt{font-size:12px}.button-secondary{background:#fff;color:var(--ink);border-color:#a7a9ae}.button-secondary:hover{background:var(--surface);border-color:var(--ink)}.form-complete{border-radius:4px}.complete-check{border-radius:3px;background:#fff;color:var(--accent);border:1px solid var(--line)}.form-complete h2{font-size:23px}.complete-status dd{font-weight:500}.legal-article{border-radius:4px;font-size:14px}.legal-article h2{font-size:21px}.legal-article h3{font-size:17px}
.form-field input,.form-field textarea{border-color:#858990}.button-secondary{border-color:#7c8088}

.form-heading h1>span,.form-complete h2>span{display:inline-block;white-space:nowrap}.form-complete h2{font-size:clamp(20px,5.3vw,23px)}

.form-servers{border:0;padding:0;margin:0 0 30px;min-width:0}.form-servers legend{font-size:14px;font-weight:500;margin-bottom:14px}.server-options{display:grid;gap:12px}.server-option{display:flex;gap:10px;align-items:center;padding:16px;border:1px solid #858990;border-radius:3px;font-size:13px;cursor:pointer;min-width:0}.server-option input{width:20px;height:20px;flex:none;accent-color:var(--accent)}.server-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.server-option input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(min-width:700px){.server-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* The application notice and final order summary reuse the form text hierarchy. */
.application-note{font-size:13px;line-height:2;color:var(--muted);margin:20px 0}.order-summary{border:1px solid var(--line);border-top:2px solid var(--accent);padding:24px;margin-bottom:24px;border-radius:4px}.order-summary strong{font-size:16px}.order-summary p{font-size:13px;line-height:2;color:var(--muted);margin-top:12px}

#commerce table{table-layout:fixed;font-size:.875rem;line-height:1.9}#commerce th{width:30%;text-align:left;font-weight:600}#commerce td,#commerce th{overflow-wrap:anywhere}
