/* Waitlist page on the relocation shell: bg-cloud ground, top-left script logo, Aeonik 3rem/3.75rem headline,
   the blue "window" from the relocation hero, and its frosted pill + white circle arrow control. */
html,body{margin:0;background-color:#0c0e0d}
.wl-page{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:96px 24px 72px;box-sizing:border-box}
.wl-logo{position:absolute;top:1.875rem;left:1.875rem;z-index:5;display:block;width:60px;height:18px}
.wl-logo img{display:block;width:100%;height:100%}
.wl-logo:focus-visible{outline:2px solid #7c93ff;outline-offset:6px;border-radius:2px}
.wl-stack{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#f1f2ef}

.wl-title{margin:0;text-wrap:balance;font-family:var(--font-aeonik),ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:2.25rem;line-height:2.75rem;letter-spacing:-.035em}
.wl-window{position:relative;display:inline-block;width:.94em;height:1.29em;margin:0 .12em;vertical-align:-.28em;overflow:hidden;border-radius:.375em;background:#2648ef;isolation:isolate}
.wl-cloud{position:absolute;max-width:none;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}
.wl-cloud-a{width:230%;left:-60%;bottom:-6%;opacity:.95;animation:wl-drift-a 16s ease-in-out infinite alternate}
.wl-cloud-b{width:170%;left:-30%;top:4%;opacity:.7;animation:wl-drift-b 22s ease-in-out infinite alternate}
@keyframes wl-drift-a{from{transform:translateX(-14%)}to{transform:translateX(16%)}}
@keyframes wl-drift-b{from{transform:translateX(18%)}to{transform:translateX(-16%)}}

.wl-lede{margin:1.25rem 0 0;text-wrap:balance;max-width:30rem;font-family:var(--font-aeonik),ui-sans-serif,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6rem;color:#a9ada8}
.wl-lede strong{font-weight:500;color:#f1f2ef;overflow-wrap:anywhere}

.wl-form{width:100%;max-width:28.75rem;margin-top:2rem;text-align:left}
.wl-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wl-item+.wl-item{margin-top:.75rem}
.wl-field{display:flex;align-items:center;height:3.5rem;padding:0 1.5rem;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.wl-field:hover{background:rgba(255,255,255,.08)}
.wl-field:focus-within{background:rgba(255,255,255,.08);border-color:#5b78ff;box-shadow:0 0 0 3px rgba(38,72,239,.35)}
.wl-field.is-invalid,.wl-field.is-invalid:focus-within{border-color:#ff6b6b;box-shadow:0 0 0 3px rgba(255,107,107,.22)}
.wl-input{flex:1 1 auto;min-width:0;height:100%;width:100%;padding:0;border:0;outline:0;background:transparent;color:#f1f2ef;font-family:var(--font-aeonik),ui-sans-serif,system-ui,sans-serif;font-size:1.0625rem;line-height:1.5rem;text-align:left}
.wl-input::placeholder{color:#7d827d;opacity:1}
.wl-select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:2rem;text-overflow:ellipsis;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23a9ada8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .25rem center}
.wl-select:has(option[value=""]:checked){color:#7d827d}
.wl-select option{color:#f1f2ef;background:#121614}
.wl-err{margin:.375rem 0 0 1.5rem;font-family:var(--font-aeonik),ui-sans-serif,system-ui,sans-serif;font-size:.875rem;line-height:1.25rem;color:#ff8f8f}
.wl-err:empty{display:none}

.wl-submit{width:100%;height:4rem;margin-top:1.25rem;padding:.5rem .5rem .5rem 1.75rem;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:16px;background:#2648ef;color:#fff;font-family:var(--font-aeonik-fono),ui-monospace,monospace;font-size:.875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.wl-submit:hover{background:#3a5bf5}
.wl-submit:active{transform:scale(.99)}
.wl-submit:focus-visible{outline:2px solid #7c93ff;outline-offset:3px}
.wl-go{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:10px;background:#fff;color:#0c0e0d;overflow:hidden}
.wl-go img{display:block;width:.75rem;height:.75rem;transition:transform .25s ease}
.wl-submit:hover .wl-go img{transform:translateX(3px)}
.wl-submit[aria-busy="true"]{cursor:progress;background:#2648ef}
.wl-submit[aria-busy="true"] .wl-go img{display:none}
.wl-submit[aria-busy="true"] .wl-go::after{content:"";width:1rem;height:1rem;border:2px solid rgba(12,14,13,.2);border-top-color:#0c0e0d;border-radius:9999px;animation:wl-spin .7s linear infinite}
@keyframes wl-spin{to{transform:rotate(360deg)}}

.wl-msg{min-height:1.5rem;margin:.75rem 0 0;text-align:center;font-family:var(--font-aeonik),ui-sans-serif,system-ui,sans-serif;font-size:.9375rem;line-height:1.5rem;color:#ff8f8f}

.wl-lede[hidden],.wl-form[hidden]{display:none}
.wl-title:focus{outline:none}
.wl-done{max-width:30rem}
.wl-done[hidden]{display:none}

@media (min-width:1024px){
  .wl-title{font-size:3rem;line-height:3.75rem}
  .wl-lede{font-size:1.125rem;line-height:1.75rem}
}
@media (max-width:480px){.wl-page{padding:88px 20px 56px}.wl-field{padding:0 1.25rem}.wl-err{margin-left:1.25rem}.wl-submit{padding-left:1.25rem}}
@media (prefers-reduced-motion:reduce){
  .wl-cloud-a,.wl-cloud-b{animation:none}
  .wl-field,.wl-submit,.wl-go img{transition:none}
  .wl-submit:hover .wl-go img{transform:none}
  .wl-submit[aria-busy="true"] .wl-go::after{animation:none}
}