.demo-form-section-module__Ss8pXq__section{padding:clamp(1rem,4vw,3.5rem) 1.25rem clamp(6rem,12vw,10rem)}.demo-form-section-module__Ss8pXq__inner{grid-template-columns:minmax(0,53fr) minmax(0,46fr);align-items:start;gap:.625rem;width:100%;max-width:62.5rem;margin-inline:auto;display:grid}.demo-form-section-module__Ss8pXq__story{padding:2.1875rem}.demo-form-section-module__Ss8pXq__heading{color:var(--foreground);font-family:var(--font-jio-display), Georgia, serif;letter-spacing:-.04em;margin:0;font-size:2.0625rem;font-weight:400;line-height:1.35}.demo-form-section-module__Ss8pXq__headingMuted{color:color-mix(in oklab, var(--foreground) 50%, transparent)}.demo-form-section-module__Ss8pXq__headingAccent{color:var(--primary)}.demo-form-section-module__Ss8pXq__proofs{margin-top:1.25rem}.demo-form-section-module__Ss8pXq__proofIcon{justify-content:flex-start;align-items:center;width:1.5rem;height:1.5rem;display:flex}.demo-form-section-module__Ss8pXq__proof{border-top:1px solid var(--border);min-height:3.125rem;color:var(--muted);grid-template-columns:1.5rem minmax(0,1fr);align-items:center;gap:1rem;display:grid}.demo-form-section-module__Ss8pXq__proof svg{stroke-width:1.35px;width:1.25rem;height:1.25rem}.demo-form-section-module__Ss8pXq__proof p{letter-spacing:-.01em;margin:0;font-size:.9375rem;font-style:italic;line-height:1.65}.demo-form-section-module__Ss8pXq__form{gap:1.75rem;padding:2.1875rem .5rem 0;display:grid;position:relative}.demo-form-section-module__Ss8pXq__honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-form-section-module__Ss8pXq__formField{gap:.75rem;width:100%;display:grid}.demo-form-section-module__Ss8pXq__field{gap:.625rem;display:grid}.demo-form-section-module__Ss8pXq__field label,.demo-form-section-module__Ss8pXq__fieldset legend{color:var(--foreground);letter-spacing:-.015em;font-size:1rem;font-weight:600;line-height:1.35;transition:color .15s ease-out}.demo-form-section-module__Ss8pXq__requiredMark{background:var(--surface-strong);width:1rem;height:1rem;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:.6875rem;line-height:1;transition:background-color .15s ease-out,color .15s ease-out,scale .15s ease-out;display:inline-flex;transform:translateY(-.06em)}.demo-form-section-module__Ss8pXq__field input{border:1px solid color-mix(in oklab, var(--foreground) 17%, transparent);background:var(--panel);width:100%;color:var(--foreground);font:inherit;border-radius:.625rem;outline:none;height:2.5rem;padding-inline:.75rem;transition:border-color .15s ease-out,box-shadow .15s ease-out;box-shadow:0 1px 2px #0000000a,inset 0 1px 1px #00000005}.demo-form-section-module__Ss8pXq__field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 14%, transparent), 0 1px 2px #0000000a}.demo-form-section-module__Ss8pXq__field:focus-within label,.demo-form-section-module__Ss8pXq__fieldset:focus-within legend{color:var(--primary)}.demo-form-section-module__Ss8pXq__field:focus-within .demo-form-section-module__Ss8pXq__requiredMark,.demo-form-section-module__Ss8pXq__fieldset:focus-within .demo-form-section-module__Ss8pXq__requiredMark{background:color-mix(in oklab, var(--primary) 12%, var(--surface-strong));color:var(--primary);scale:1.04}.demo-form-section-module__Ss8pXq__fieldset{border:0;min-width:0;margin:0;padding:0}.demo-form-section-module__Ss8pXq__fieldset legend{margin-bottom:.625rem;padding:0}.demo-form-section-module__Ss8pXq__choiceStack{gap:.375rem;display:grid}.demo-form-section-module__Ss8pXq__choice{position:relative}.demo-form-section-module__Ss8pXq__choiceInput{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.demo-form-section-module__Ss8pXq__choiceLabel{border:1px solid color-mix(in oklab, var(--foreground) 17%, transparent);background:var(--panel);min-height:2.5rem;color:var(--muted);cursor:pointer;border-radius:.625rem;align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.9375rem;line-height:1.25;transition:color .15s ease-out,border-color .15s ease-out,background-color .15s ease-out,box-shadow .15s ease-out,scale .15s ease-out;display:flex;box-shadow:0 1px 2px #0000000a}.demo-form-section-module__Ss8pXq__choiceLabel:active{scale:.99}.demo-form-section-module__Ss8pXq__choiceInput:focus-visible+.demo-form-section-module__Ss8pXq__choiceLabel{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 14%, transparent)}.demo-form-section-module__Ss8pXq__choiceInput:checked+.demo-form-section-module__Ss8pXq__choiceLabel{border-color:color-mix(in oklab, var(--primary) 52%, transparent);background:color-mix(in oklab, var(--primary) 7%, var(--panel));color:var(--foreground)}.demo-form-section-module__Ss8pXq__choiceKey{background:var(--muted);width:1.125rem;height:1.125rem;color:var(--panel);font-family:var(--font-jio-mono), monospace;border-radius:.1875rem;flex:none;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;line-height:1;transition:background-color .15s ease-out,color .15s ease-out;display:inline-flex;position:relative;overflow:hidden}.demo-form-section-module__Ss8pXq__choiceKeyLetter{justify-content:center;align-items:center;transition:opacity .15s ease-out,rotate .15s ease-out,scale .15s ease-out;display:flex}.demo-form-section-module__Ss8pXq__choiceKeyCheck{opacity:0;stroke-width:2.5px;width:.75rem;height:.75rem;transition:opacity .15s ease-out,rotate .15s ease-out,scale .15s ease-out;position:absolute;rotate:-18deg;scale:.65}.demo-form-section-module__Ss8pXq__choiceInput:checked+.demo-form-section-module__Ss8pXq__choiceLabel .demo-form-section-module__Ss8pXq__choiceKey{background:var(--primary);color:var(--primary-foreground)}.demo-form-section-module__Ss8pXq__choiceInput:checked+.demo-form-section-module__Ss8pXq__choiceLabel .demo-form-section-module__Ss8pXq__choiceKeyLetter{opacity:0;rotate:18deg;scale:.65}.demo-form-section-module__Ss8pXq__choiceInput:checked+.demo-form-section-module__Ss8pXq__choiceLabel .demo-form-section-module__Ss8pXq__choiceKeyCheck{opacity:1;rotate:none;scale:1}.demo-form-section-module__Ss8pXq__checkboxFieldset legend{width:100%;margin-bottom:.625rem}.demo-form-section-module__Ss8pXq__compactChoiceStack{gap:.25rem}.demo-form-section-module__Ss8pXq__submitButton{border:0}.demo-form-section-module__Ss8pXq__submitButton:disabled{cursor:wait;opacity:.7}.demo-form-section-module__Ss8pXq__submitLabel{display:inline-block}.demo-form-section-module__Ss8pXq__formStatus{min-height:1.25rem;color:var(--subtle);text-align:center;margin:0;font-size:.8125rem;line-height:1.4}.demo-form-section-module__Ss8pXq__formStatus span{display:block}@media (hover:hover) and (pointer:fine){.demo-form-section-module__Ss8pXq__field input:hover{border-color:color-mix(in oklab, var(--foreground) 25%, transparent)}.demo-form-section-module__Ss8pXq__choiceLabel:hover{border-color:color-mix(in oklab, var(--foreground) 26%, transparent);color:var(--foreground)}}@media (max-width:55.999rem){.demo-form-section-module__Ss8pXq__inner{grid-template-columns:minmax(0,1fr);gap:0;max-width:47.5rem}.demo-form-section-module__Ss8pXq__story{padding:0}.demo-form-section-module__Ss8pXq__form{border-top:1px solid var(--border);margin-top:3.5rem;padding:3rem 0 0}}@media (max-width:39.999rem){.demo-form-section-module__Ss8pXq__heading{font-size:2rem;line-height:1.3}.demo-form-section-module__Ss8pXq__proof{padding-block:.5rem}}@media (prefers-reduced-motion:reduce){.demo-form-section-module__Ss8pXq__heading,.demo-form-section-module__Ss8pXq__proof{filter:none!important;opacity:1!important;transform:none!important}}