:root{--bg: #060607;--white: #F5F4F2;--grey: #9A9A9C;--dim: #626264;--btn2: #232326;--btn2h: #2C2C30;--line: rgba(245,244,242,.16);--warm: #A5907C}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg)}body{font-family:Inter,system-ui,sans-serif;color:var(--white);min-height:100svh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root{--ecru: #F1EBE0;--black: #101010;--quiet: #6B6459;--hairline: rgba(16, 16, 16, .22);--error: #9C5533;--sf: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html,body{background:var(--ecru)}body{color:var(--black);font-family:var(--sf)}.page{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px calc(30px + env(safe-area-inset-bottom));overflow-x:hidden}.progress-track{position:fixed;top:0;left:0;width:100%;height:2px;background:#1010101f;z-index:4}.progress-track i{display:block;height:100%;width:0;background:var(--black);transition:width .45s cubic-bezier(.16,.7,.2,1)}.progress-count{font-size:11px;letter-spacing:.08em;color:var(--quiet);margin-bottom:26px;min-height:14px}.back{position:absolute;top:20px;left:20px;z-index:3;background:none;border:none;cursor:pointer;color:var(--quiet);font-size:20px;line-height:1;padding:6px 10px;transition:color .25s ease}.back:hover,.back:focus-visible{color:var(--black)}.lang-toggle{position:absolute;top:22px;right:26px;z-index:3;font-family:var(--sf);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);background:none;border:none;cursor:pointer;padding:4px 0}.lang-toggle:hover{color:var(--black)}.wordmark{display:inline-flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--black);z-index:2}.wordmark .name{font-family:miller-display,Times,serif;font-size:24px;font-weight:400;letter-spacing:.015em;line-height:1}.wordmark .city{font-family:miller-display,Times,serif;font-size:10px;font-weight:300;letter-spacing:.46em;text-indent:.46em;text-transform:uppercase}.flow{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0 8svh}.step{display:none;width:min(480px,100%);flex-direction:column;align-items:center}.step.active{display:flex;animation:stepIn .5s cubic-bezier(.16,.7,.2,1)}@keyframes stepIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.q{font-family:miller-display,Times,serif;font-weight:400;font-size:clamp(27px,6.6vw,38px);line-height:1.18;letter-spacing:.002em;margin-bottom:22px;text-wrap:balance}.opt-tag{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--quiet);margin-bottom:12px}.q-note{font-size:13px;line-height:1.55;color:var(--quiet);max-width:42ch}.q-note.lead{margin-top:-12px;margin-bottom:22px}#stepRole .q-note{margin-top:18px}.field{display:flex;width:100%;border:1px solid var(--hairline);border-radius:4px;background:#10101009;overflow:hidden;transition:border-color .3s ease}.field:focus-within{border-color:#1010108c}.field input,.field textarea,.field select{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--black);font-family:var(--sf);font-size:16px;padding:14px 16px;text-align:center}.field textarea{resize:none;line-height:1.5;text-align:left}.field input::placeholder,.field textarea::placeholder{color:var(--quiet);opacity:.8}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23101010' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:36px}.field select.placeholder{color:var(--quiet)}.note{margin-top:12px;font-size:11px;color:var(--quiet);min-height:15px}.note.error{color:var(--error)}.btn{font-family:var(--sf);font-weight:400;font-size:12px;letter-spacing:.01em;border:none;border-radius:4px;padding:14px 32px;cursor:pointer;transition:background .25s ease,transform .25s ease,border-color .25s ease}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid rgba(16,16,16,.4);outline-offset:3px}.btn.primary{background:var(--black);color:var(--ecru)}.btn.primary:hover{background:#000}.btn.primary:disabled{opacity:.55;cursor:wait}.next{margin-top:10px;min-width:148px}.options{display:flex;flex-direction:column;gap:8px;width:100%}.option{font-family:miller-display,Times,serif;font-size:17px;color:var(--black);background:transparent;border:1px solid var(--hairline);border-radius:4px;padding:14px 0;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.option:hover{border-color:var(--black)}.option:disabled{opacity:.5;cursor:wait}.option.picked{background:var(--black);color:var(--ecru);border-color:var(--black)}.option:focus-visible{outline:2px solid rgba(16,16,16,.4);outline-offset:3px}.choice-row{display:flex;gap:10px;width:100%}.choice-row .option{flex:1}.done-links{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:26px}.btn.ghost{display:block;background:transparent;color:var(--black);border:1px solid var(--hairline);text-decoration:none;padding:14px 16px}.btn.ghost:hover{border-color:var(--black)}@media (prefers-reduced-motion: reduce){.step.active{animation:none}.progress-track i,.btn,.option,.back,.field{transition:none}}