.demo{max-width:34rem;padding:7.5rem var(--gutter)7rem;margin:0 auto}.demo__col{flex-direction:column;display:flex}.demo__title{font-family:var(--voice);font-optical-sizing:auto;letter-spacing:var(--track-display);color:var(--g-ink);margin-bottom:1.2rem;font-size:clamp(2rem,5vw,3.1rem);line-height:1.08}.demo__lede{letter-spacing:var(--track-lede);color:var(--ink-2);margin-bottom:3.5rem;font-size:15px;line-height:1.65}.demo__form{flex-direction:column;gap:2rem;display:flex}.demo__carried{color:var(--ink-3);border-left:1px solid color-mix(in oklab,var(--g-accent)45%,transparent);margin-bottom:-.75rem;padding-left:.75rem;font-size:12.5px;line-height:1.5}.demo__field{flex-direction:column;display:flex}.demo__label{letter-spacing:var(--track-label);color:var(--ink-3);margin-bottom:.6rem;font-size:11.5px}.demo__input{appearance:none;border:0;border-bottom:1px solid var(--hair);width:100%;min-height:44px;color:var(--ink);font:inherit;letter-spacing:var(--track-ui);transition:border-color .22s var(--ease-in-frame),background .22s var(--ease-in-frame);background:0 0;border-radius:0;padding:.55rem .1rem;font-size:15.5px;display:block}.demo__input:hover{border-bottom-color:var(--hair-strong)}.demo__input:focus{border-bottom-color:var(--g-accent);background:color-mix(in oklab,var(--g-accent)4%,transparent);outline:0}.demo__input:focus-visible{outline-offset:3px}.demo__input--area{resize:vertical;min-height:5.5rem;line-height:1.6}.demo__hint{color:var(--ink-4);margin-top:.6rem;font-size:12px;line-height:1.5}.demo__status{min-height:2.6rem;color:var(--ink-2);font-size:13px;line-height:1.55}.demo__status-title{color:#e58b7c;font-weight:500}.demo__status-body{color:var(--ink-2)}.demo__submit{appearance:none;cursor:pointer;min-height:44px;font:inherit;letter-spacing:var(--track-ui);color:var(--paper);background:var(--g-accent);transition:background .2s var(--ease-in-frame),opacity .2s var(--ease-in-frame),transform .12s var(--ease-cut);border:0;border-radius:10px;align-self:flex-start;padding:.8rem 1.6rem;font-size:14px;font-weight:500}.demo__submit:hover:not(:disabled){background:color-mix(in oklab,var(--g-accent)88%,white 12%)}.demo__submit:active:not(:disabled){transform:scale(.985)}.demo__submit:disabled{opacity:.4;cursor:default}.demo__done-title{font-family:var(--voice);font-optical-sizing:auto;letter-spacing:var(--track-title);color:var(--g-ink);margin-bottom:.7rem;font-size:1.7rem;line-height:1.2}.demo__done-body{letter-spacing:var(--track-lede);color:var(--ink-2);font-size:15px;line-height:1.65}.demo__schedule{border-top:1px solid var(--hair);margin-top:4rem;padding-top:2.2rem}.demo__schedule-title{letter-spacing:var(--track-label);color:var(--ink-3);margin-bottom:.7rem;font-size:11.5px}.demo__schedule-body{color:var(--ink-2);margin-bottom:1.6rem;font-size:14px;line-height:1.6}.demo__frame{background:var(--paper-lift);border:0;border-radius:12px;width:100%;min-height:640px;display:block}@media (max-width:640px){.demo{padding-top:6rem}.demo__lede{margin-bottom:2.75rem}.demo__form{gap:1.75rem}.demo__submit{align-self:stretch}}