.demo{flex-direction:column-reverse;gap:40px;display:flex}.section.section--form{padding-block-start:24px}@media (width>=1024px){.section.section--form{padding-block-start:40px}}.demo__main{min-inline-size:0}@media (width>=1024px){.demo{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:56px;display:grid}.demo__main{grid-area:1/1}.demo__main .form{max-inline-size:none}.demo>.demo__aside{grid-column:2;gap:12px;padding:20px;position:sticky;inset-block-start:calc(var(--header-h) + 16px)}}.demo__aside{border-radius:var(--radius-l);background:var(--tint);flex-direction:column;gap:16px;padding:24px;display:flex}.demo__covers{gap:8px;font-size:.9375rem}.demo__next{border-block-start:1px solid var(--pale);margin-block-start:12px;padding-block-start:20px}.demo__steps{color:var(--ink-2);flex-direction:column;gap:10px;padding-inline-start:1.2em;display:flex}.notice{border-radius:var(--radius-m);color:#6b4505;background:#fdf3e2;margin-block-end:20px;padding:16px}.form{flex-direction:column;gap:20px;max-inline-size:640px;display:flex}.form[hidden]{display:none}.form__legend{color:var(--ink-3);font-size:.875rem}.form__summary{border-radius:var(--radius-m);color:#8a1f35;background:#fbeaec;border:1px solid #efc3cb;padding:14px 16px;font-weight:600}.field{border:0;flex-direction:column;gap:6px;min-inline-size:0;margin:0;padding:0;display:flex}.field label,.field legend{color:var(--navy);font-weight:600}.field legend{margin:0;padding:0}.req{color:#a3243e;margin-inline-start:3px}.field input[type=text],.field input[type=email],.field select,.field textarea{border-radius:var(--radius-s);min-block-size:48px;inline-size:100%;color:var(--ink);background:#fff;border:1px solid #b9c7d6;padding:10px 14px;font-size:1rem;line-height:1.4}.field textarea{resize:vertical;min-block-size:120px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23135393' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-inline-end:40px}[dir=rtl] .field select{background-position:14px}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--band);outline-offset:1px;border-color:var(--royal)}.field [aria-invalid=true]{border-color:#a3243e!important}.field__hint{color:var(--ink-3);font-size:.875rem}.field__err{color:#a3243e;font-size:.875rem;font-weight:600}.field__err:empty{display:none}.radios{flex-direction:column;gap:8px;margin-block-start:6px;display:flex}@media (width>=560px){.radios{flex-flow:wrap}}.field .radio,.field .check{cursor:pointer;color:var(--ink);align-items:center;gap:12px;font-weight:400;display:flex}.field .radio{border-radius:var(--radius-s);background:#fff;border:1px solid #b9c7d6;min-block-size:48px;padding-block:8px;padding-inline:14px 18px}.field .check{align-items:flex-start}.radio input,.check input{block-size:20px;inline-size:20px;accent-color:var(--royal);flex-shrink:0;margin:0}.check input{margin-block-start:2px}.radio:has(input:checked){border-color:var(--royal);background:var(--tint)}.radio input:focus-visible,.check input:focus-visible{outline:3px solid var(--band);outline-offset:2px}.radio:has(input:focus-visible){border-color:var(--royal)}.radio:has(input[aria-invalid=true]){border-color:#a3243e}.check input[aria-invalid=true]{outline-offset:2px;outline:2px solid #a3243e}.field--hp{clip-path:inset(50%);block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}.turnstile{min-block-size:65px;max-inline-size:100%;overflow:hidden}.turnstile:empty{min-block-size:0}.form__submit{align-self:stretch}@media (width>=560px){.form__submit{align-self:flex-start}}.form__submit[disabled]{opacity:.7;cursor:progress}.thanks{border-radius:var(--radius-l);background:var(--card);border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:16px;padding:28px;scroll-margin-block-start:calc(var(--header-h) + 24px);display:flex}.thanks[hidden]{display:none}.thanks__icon{block-size:52px;inline-size:52px;color:var(--st-ok);background:#e3f1ea;border-radius:50%;justify-content:center;align-items:center;display:flex}.field legend+.field__hint{margin-block-start:-2px}.demo__link{color:var(--ink-2);border-block-start:1px solid var(--pale);margin-block-start:4px;padding-block-start:16px;font-size:.9375rem}.demo__link a{font-weight:600}