.fog-section{--fog-black:#0b0b0c;--fog-slate:#75778b;--fog-white:#fff;--fog-orange:#af704f;--fog-ease-out:cubic-bezier(.23, 1, .32, 1);background:var(--fog-black);color:var(--fog-white);font-family:var(--font-mono), ui-monospace, monospace;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:relative}.fog{height:320vh;position:relative}.fog.is-static{height:auto}.fog-stage{background:var(--fog-black);height:100svh;position:sticky;top:0;overflow:hidden}.fog.is-static .fog-stage{position:relative}.fog-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.fog-headline{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;font-family:inherit;font-weight:500;position:absolute;overflow:hidden}.fog-form-wrap{opacity:0;pointer-events:none;width:min(420px,100% - 48px);transition:opacity .48s var(--fog-ease-out), transform .72s var(--fog-ease-out);will-change:transform, opacity;position:absolute;top:60%;left:50%;transform:translate(-50%,28px)}.fog-form-wrap.is-in{opacity:1;pointer-events:auto;transform:translate(-50%)}.fog-inline{background:0 0;width:min(420px,100%)}.fog-form-wrap.is-inline{text-align:left;width:100%;margin:0 auto;position:relative;top:auto;left:auto;transform:translateY(20px)}.fog-form-wrap.is-inline.is-in{transform:none}.fog-on-light{color:#12161c}.fog-on-light .fog-form-wrap.is-inline{box-sizing:border-box;background:#fff;border:1px solid #161f341a;border-radius:22px;padding:28px;box-shadow:0 30px 70px -50px #0e152659}.fog-on-light .fog-field label{color:#161f349e}.fog-on-light .fog-field input{color:#12161c;background:#fbf9f7;border-color:#161f3429}.fog-on-light .fog-field input:hover{border-color:#161f344d}.fog-on-light .fog-field input:focus-visible{background:#fff;border-color:#af704fbf;outline:none;box-shadow:0 0 0 3px #af704f2e}.fog-on-light .fog-field input[aria-invalid=true]{border-color:#b3261e}.fog-on-light .fog-field input:-webkit-autofill{-webkit-text-fill-color:#12161c;-webkit-box-shadow:inset 0 0 0 1000px #fbf9f7}.fog-on-light .fog-field input:-webkit-autofill:focus{-webkit-text-fill-color:#12161c;-webkit-box-shadow:inset 0 0 0 1000px #fbf9f7}.fog-on-light .fog-err{color:#b3261e}.fog-on-light .fog-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #af704f}.fog-on-light .fog-note{color:#5b6470}.fog-on-light .fog-done{color:#12161c}@media (max-width:560px){.fog-on-light .fog-form-wrap.is-inline{border-radius:18px;padding:20px}}.fog-form{flex-direction:column;gap:18px;margin:0;display:flex}.fog-form[hidden]{display:none}.fog-field{opacity:0;transition:opacity .42s var(--fog-ease-out), transform .56s var(--fog-ease-out);flex-direction:column;gap:8px;display:flex;transform:translateY(12px)}.fog-form-wrap.is-in .fog-field{opacity:1;transform:none}.fog-form-wrap.is-in .fog-field:first-child{transition-delay:60ms}.fog-form-wrap.is-in .fog-field:nth-child(2){transition-delay:.12s}.fog-form-wrap.is-in .fog-field:nth-child(3){transition-delay:.18s}.fog-form-wrap.is-in .fog-btn{transition-delay:.24s}.fog-form-wrap.is-in .fog-note{transition-delay:.3s}.fog-field label{letter-spacing:.03em;text-transform:uppercase;color:var(--fog-slate);font-size:14px;font-weight:400;line-height:1.3}.fog-field input{box-sizing:border-box;width:100%;min-height:48px;color:var(--fog-white);font:inherit;appearance:none;background:0 0;border:1px solid #75778b8c;border-radius:6px;outline:none;margin:0;padding:12px 14px;font-size:16px;line-height:1.4;transition:border-color .16s}.fog-field input:hover{border-color:#75778bd9}.fog-field input:focus-visible{border-color:var(--fog-white);outline:2px solid var(--fog-white);outline-offset:2px}.fog-field input[aria-invalid=true]{border-color:var(--fog-orange)}.fog-field input:-webkit-autofill{-webkit-text-fill-color:var(--fog-white);-webkit-box-shadow:0 0 0 1000px var(--fog-black) inset;transition:background-color 9999s ease-out}.fog-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--fog-white);-webkit-box-shadow:0 0 0 1000px var(--fog-black) inset;transition:background-color 9999s ease-out}.fog-err{min-height:0;color:var(--fog-orange);margin:0;font-size:14px;line-height:1.4}.fog-err:empty{display:none}.fog-err-form{text-align:center}.fog-btn{background:var(--fog-orange);color:#fff;width:100%;min-height:48px;font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;opacity:0;transition:opacity .42s var(--fog-ease-out), transform .56s var(--fog-ease-out);will-change:transform;border:0;border-radius:6px;justify-content:center;align-items:center;margin:4px 0 0;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex;transform:translateY(12px)}.fog-form-wrap.is-in .fog-btn{opacity:1;transform:none}.fog-form-wrap.is-in .fog-btn:active{transition:transform .12s var(--fog-ease-out);transform:scale(.97)}.fog-btn:disabled{cursor:progress;opacity:.75}.fog-btn:focus-visible{outline:2px solid var(--fog-white);outline-offset:2px}@media (hover:hover) and (pointer:fine){.fog-btn:hover{background:#b97b5a}}.fog-note{text-align:center;letter-spacing:.03em;text-transform:uppercase;color:var(--fog-slate);opacity:0;transition:opacity .42s var(--fog-ease-out), transform .56s var(--fog-ease-out);margin:4px 0 0;font-size:14px;line-height:1.3;transform:translateY(12px)}.fog-form-wrap.is-in .fog-note{opacity:1;transform:none}.fog-done{text-align:center;color:var(--fog-white);outline:none;margin:0;padding:14px 0;font-size:14px;line-height:1.5}.fog-done[hidden]{display:none}@media (prefers-reduced-motion:reduce){.fog-form-wrap,.fog-field,.fog-btn,.fog-note{transition:none}}