.onb-page{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;color:var(--text-primary);background:transparent;overflow-x:hidden}.onb-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:#0a0a0a}.onb-bg--light,[data-theme=light] .onb-bg{background:linear-gradient(180deg,#4da6db 0% 15%,#6bbde8 35%,#a3d8f2 70% 100%)}.onb-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;min-height:56px;gap:12px}@media(min-width:640px){.onb-topbar{padding:calc(12px + env(safe-area-inset-top,0px)) 28px 12px}}.onb-progress{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:8px;pointer-events:none}.onb-dot{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--border-default, rgba(255,255,255,.18));transition:width .22s var(--ease-standard),background .22s var(--ease-standard)}.onb-dot.is-done{background:#22c55e;opacity:.5}.onb-dot.is-current{background:#22c55e;width:22px;box-shadow:0 0 0 3px #22c55e33}.onb-dot.is-current.has-substeps{width:48px;height:8px;background:transparent;box-shadow:0 0 0 3px #22c55e2e;padding:1px;border-radius:999px}.onb-dot-substep-fill{display:flex;gap:2px;width:100%;height:100%}.onb-dot-substep-segment{flex:1;border-radius:999px;background:#22c55e38;transition:background .22s var(--ease-standard)}.onb-dot-substep-segment.is-lit{background:#22c55e}.onb-footer{position:relative;z-index:2;text-align:center;padding:24px 16px calc(env(safe-area-inset-bottom,0px) + 24px);font-family:var(--font-prose);font-style:italic;font-size:11px;letter-spacing:.02em;color:var(--text-ghost);font-weight:500}[data-theme=light] .onb-footer{color:#64748b}.onb-stage{position:relative;z-index:1;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:24px 20px 56px}@media(min-width:640px){.onb-stage{padding:56px 28px 72px}}.onb-step-frame{width:100%;max-width:560px;animation:onb-fade-in .28s ease-out both}@keyframes onb-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.onb-step-frame{animation:none}}.onb-screen{text-align:center}.onb-eyebrow{font-family:var(--font-display);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#3b82f6;margin-bottom:14px}[data-theme=light] .onb-eyebrow{color:#1d4ed8}.onb-eyebrow--reveal{color:#3b82f6;letter-spacing:.3em}[data-theme=light] .onb-eyebrow--reveal{color:#1d4ed8}.onb-headline{font-family:var(--font-display);font-size:28px;letter-spacing:.04em;line-height:1.25;color:var(--text-primary);margin:0 0 14px}@media(min-width:640px){.onb-headline{font-size:36px}}.onb-headline-emphasis{display:inline-block;font-family:Calibri,Gill Sans,sans-serif;font-style:italic;font-weight:700;color:var(--brand-orange);font-size:1.4em;letter-spacing:.02em;line-height:1;vertical-align:-.06em}.onb-divider{height:2px;width:110px;margin:0 auto 22px;background:linear-gradient(90deg,transparent,var(--gold-divider, var(--brand-orange)),transparent);border-radius:2px}.onb-subhead{font-family:var(--font-prose);font-style:italic;font-size:16px;line-height:1.5;color:var(--text-dim);margin:0 auto 28px;max-width:460px}@media(min-width:640px){.onb-subhead{font-size:18px}}.onb-microcopy{font-family:var(--font-prose);font-style:italic;font-size:13px;color:var(--text-ghost, var(--text-dim));margin-top:14px;font-weight:500}.onb-story-block{max-width:480px;margin:0 auto 18px;text-align:center}.onb-story-headline{font-family:var(--font-display);font-size:20px;letter-spacing:.04em;line-height:1.3;color:var(--text-primary);margin:0 0 12px}.onb-story-body{font-family:var(--font-prose);font-style:italic;font-size:15px;line-height:1.6;color:var(--text-dim);margin:0;font-weight:500}@media(min-width:640px){.onb-story-headline{font-size:24px}.onb-story-body{font-size:17px}}.onb-field-hint{font-family:var(--font-prose);font-style:italic;font-size:12px;color:var(--text-ghost, var(--text-dim));margin-top:4px;line-height:1.4;font-weight:500}.onb-why{margin:-4px 0 4px;border-radius:10px;padding:2px}.onb-why-summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:6px 10px 6px 6px;border-radius:999px;transition:color .2s var(--ease-standard),background .2s var(--ease-standard)}.onb-why-summary::-webkit-details-marker{display:none}.onb-why-summary::marker{display:none}.onb-why-q{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:transparent;color:var(--text-dim);font-family:var(--font-prose);font-style:italic;font-size:12px;font-weight:600;border:1px solid var(--text-dim);opacity:.7}.onb-why-summary:hover{color:var(--brand-orange);background:#f973160f}[data-theme=light] .onb-why-summary:hover{background:#f9731614}.onb-why[open] .onb-why-summary{color:var(--brand-orange)}.onb-why-body{font-family:var(--font-prose);font-style:italic;font-size:13px;line-height:1.55;color:var(--text-dim);margin:6px 8px 4px;padding:8px 12px;border-left:2px solid rgba(249,115,22,.36);background:#f973160d;border-radius:0 8px 8px 0;animation:onb-why-in .22s var(--ease-standard);font-weight:500}[data-theme=light] .onb-why-body{background:#f973160f}@keyframes onb-why-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}button.onb-locked-tile{-webkit-appearance:none;appearance:none;font-family:inherit;text-align:left;cursor:pointer}.onb-locked-tile{transition:border-color .22s var(--ease-standard),transform .22s var(--ease-standard),box-shadow .22s var(--ease-standard)}.onb-locked-tile:hover,.onb-locked-tile:focus-visible{border-color:#f973166b;transform:translateY(-2px);box-shadow:0 10px 24px #00000038,0 0 0 1px #f973161a;outline:none}.onb-locked-tile.is-open{border-color:#f973168c;box-shadow:0 12px 32px #00000047,0 0 0 1px #f9731624}.onb-locked-question{margin-top:10px;padding-top:10px;border-top:1px solid rgba(249,115,22,.2);font-family:var(--font-prose);font-style:italic;font-size:13px;line-height:1.45;color:var(--text-primary);animation:onb-locked-q-in .24s var(--ease-standard);font-weight:500}[data-theme=light] .onb-locked-question{color:var(--text-primary);border-top-color:#f973163d}@keyframes onb-locked-q-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.onb-city-field{position:relative}.onb-city-suggestions{list-style:none;margin:8px 0 0;padding:6px 0;position:absolute;top:100%;left:0;right:0;z-index:50;max-height:240px;overflow-y:auto;background:var(--bg-surface, rgba(28, 25, 23, .96));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 16px 40px #00000061,0 0 0 1px #f973160f}[data-theme=light] .onb-city-suggestions{background:#fffffffa;border-color:#140c0014;box-shadow:0 14px 36px #140c001f,0 0 0 1px #f973160f}.onb-city-suggestion,.onb-city-empty{display:flex;flex-direction:column;gap:3px;padding:10px 16px;cursor:pointer;border-radius:8px;margin:0 6px;transition:background .18s var(--ease-standard),padding-left .18s var(--ease-standard);font-family:var(--font-body);font-size:15px;line-height:1.35;color:var(--text-primary);border-left:2px solid transparent;font-weight:500}.onb-city-empty{cursor:default;color:var(--text-dim);font-style:italic}.onb-city-suggestion:hover,.onb-city-suggestion.is-active{background:#f9731614;border-left-color:var(--brand-orange);padding-left:18px}[data-theme=light] .onb-city-suggestion:hover,[data-theme=light] .onb-city-suggestion.is-active{background:#f9731612}.onb-city-suggestion-city{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.onb-city-suggestion-context{font-style:italic;font-size:13px;color:var(--text-dim);font-weight:500}@media(min-width:640px){.onb-city-suggestion-city{font-size:13px;font-weight:500}.onb-city-suggestion-context{font-size:14px;font-weight:500}}.onb-primary-btn--large{padding:16px 38px;font-size:14px;letter-spacing:.12em;font-weight:500}.onb-arrow{width:14px;height:14px}.onb-spin{width:14px;height:14px;animation:onb-spin .8s linear infinite}@keyframes onb-spin{to{transform:rotate(360deg)}}.onb-hook-anim{position:relative;width:140px;height:140px;margin:0 auto 36px;display:flex;align-items:center;justify-content:center}.onb-hook-ring{position:absolute;border-radius:50%;border:1px solid rgba(234,88,12,.35);animation:onb-ring-pulse 6s ease-in-out infinite}.onb-hook-ring--outer{width:140px;height:140px;animation-delay:0s;border-color:#ea580c8c}.onb-hook-ring--mid{width:100px;height:100px;animation-delay:.6s;border-color:#3b82f68c}.onb-hook-ring--inner{width:60px;height:60px;animation-delay:1.2s;border-color:#22c55ebf}.onb-hook-spark{position:relative;width:28px;height:28px;color:#22c55e;z-index:1}@keyframes onb-ring-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:1}}@media(prefers-reduced-motion:reduce){.onb-hook-ring{animation:none}}.onb-pref-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:480px;margin:0 auto}@media(min-width:560px){.onb-pref-grid{grid-template-columns:1fr 1fr}}.onb-pref-card{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--card-bg, rgba(0, 0, 0, .15));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:16px;cursor:pointer;font-family:inherit;padding:22px 16px;gap:10px;transition:border-color .2s var(--ease-standard),background .2s var(--ease-standard),box-shadow .2s var(--ease-standard),transform .2s var(--ease-standard);box-shadow:0 2px 16px #00000026,inset 0 1px #ffffff08}.onb-pref-card:hover{border-color:#ffffff1f;background:#ea580c0a;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0a;transform:translateY(-1px)}.onb-pref-card.is-selected{border-color:var(--brand-orange);background:#ea580c14;box-shadow:0 4px 24px -8px #ea580c66,inset 0 1px #ffffff0d}.onb-pref-icon-wrap{width:44px;height:44px;border-radius:50%;background:#ea580c1a;display:flex;align-items:center;justify-content:center;border:1px solid rgba(234,88,12,.3)}.onb-pref-icon{width:20px;height:20px;color:var(--brand-orange)}.onb-pref-card[data-pref-key=love] .onb-pref-icon-wrap{background:#ef44441a;border-color:#ef44444d}.onb-pref-card[data-pref-key=love] .onb-pref-icon{color:#ef4444}.onb-pref-card[data-pref-key=direction] .onb-pref-icon-wrap{background:#3b82f61a;border-color:#3b82f64d}.onb-pref-card[data-pref-key=direction] .onb-pref-icon{color:#3b82f6}.onb-pref-card[data-pref-key=self] .onb-pref-icon-wrap{background:#22c55e1a;border-color:#22c55e4d}.onb-pref-card[data-pref-key=self] .onb-pref-icon{color:#22c55e}[data-theme=light] .onb-pref-card[data-pref-key=love] .onb-pref-icon{color:#dc2626}[data-theme=light] .onb-pref-card[data-pref-key=direction] .onb-pref-icon{color:#1d4ed8}[data-theme=light] .onb-pref-card[data-pref-key=self] .onb-pref-icon{color:#15803d}.onb-pref-label{font-family:var(--font-display);font-size:16px;letter-spacing:.06em;color:var(--text-primary)}.onb-pref-body{font-family:var(--font-prose);font-style:italic;font-size:13px;line-height:1.4;color:var(--text-dim);font-weight:500}.onb-form{display:flex;flex-direction:column;gap:16px;max-width:440px;margin:8px auto 0;text-align:left}.onb-field{display:flex;flex-direction:column;gap:6px}.onb-field-label{font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.onb-field-label--optional{display:flex;align-items:baseline;gap:6px}.onb-optional-tag{font-family:var(--font-prose);font-style:italic;font-size:11px;letter-spacing:.05em;text-transform:none;color:var(--text-ghost, var(--text-dim));font-weight:500}.onb-field input[type=text],.onb-field input[type=email],.onb-field input[type=password],.onb-field input[type=date],.onb-field input[type=time]{width:100%;background:var(--card-bg, rgba(0, 0, 0, .15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-default, rgba(255, 255, 255, .12));border-radius:12px;color:var(--text-primary);font-family:var(--font-body);font-size:16px;padding:12px 14px;transition:border-color .2s var(--ease-standard),background .2s var(--ease-standard),box-shadow .2s var(--ease-standard)}.onb-field input::placeholder{color:var(--text-dim);opacity:.72;font-style:italic}.onb-field input:focus{outline:none;border-color:var(--brand-orange);background:#ea580c0a;box-shadow:0 0 0 3px #ea580c1a}.onb-field input:disabled{opacity:.5;cursor:not-allowed}.onb-checkbox{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-prose);font-style:italic;font-size:13px;color:var(--text-dim);cursor:pointer;margin-top:4px;font-weight:500}.onb-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:1px solid var(--border-default, rgba(255,255,255,.25));border-radius:3px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:border-color .18s var(--ease-standard),background .18s var(--ease-standard)}.onb-checkbox input[type=checkbox]:hover{border-color:#22c55e}.onb-checkbox input[type=checkbox]:checked{background:#22c55e;border-color:#22c55e}.onb-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0a0a0a;font-size:11px;font-weight:700;line-height:1}.onb-error{background:#dc262614;border:1px solid rgba(220,38,38,.4);border-radius:8px;color:#fca5a5;font-family:var(--font-prose);font-style:italic;font-size:14px;padding:10px 14px;font-weight:500}.onb-error--calm{background:#94a3b814;border-color:#94a3b859;color:#cbd5e1;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.onb-error-retry{font-family:inherit;font-style:normal;font-size:13px;letter-spacing:.04em;color:#7dd3fc;background:transparent;border:1px solid rgba(56,189,248,.5);border-radius:999px;padding:6px 16px;cursor:pointer;transition:background-color .2s var(--ease-standard),border-color .2s var(--ease-standard)}.onb-error-retry:hover:not(:disabled){background:#38bdf81f;border-color:#38bdf8cc}.onb-error-retry:disabled{opacity:.5;cursor:default}.onb-paragraph{font-family:var(--font-prose);font-size:19px;font-style:italic;line-height:1.65;color:var(--text-primary);max-width:560px;margin:8px auto 36px;padding:0 8px;position:relative}.onb-paragraph:before{content:"“";display:block;font-family:var(--font-body);font-size:60px;line-height:.6;color:var(--brand-orange);opacity:.35;margin-bottom:14px}@media(min-width:640px){.onb-paragraph{font-size:22px}}.onb-locked-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:520px;margin:0 auto 32px}@media(min-width:560px){.onb-locked-grid{grid-template-columns:repeat(4,1fr)}}.onb-locked-tile{background:var(--card-bg, rgba(0, 0, 0, .1));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px dashed var(--border-default, rgba(255, 255, 255, .1));border-radius:12px;padding:14px 8px 12px;text-align:center;position:relative;opacity:.85;transition:opacity .2s var(--ease-standard),border-color .2s var(--ease-standard),background .2s var(--ease-standard)}.onb-locked-tile:hover{opacity:1;border-color:#ea580c59;background:#ea580c0a}.onb-locked-icon{width:12px;height:12px;color:var(--text-ghost, var(--text-dim));margin:0 auto 6px;display:block;opacity:.6}.onb-locked-title{font-family:var(--font-display);font-size:11px;letter-spacing:.1em;color:var(--text-primary);margin-bottom:2px}.onb-locked-teaser{font-family:var(--font-prose);font-style:italic;font-size:11px;color:var(--text-ghost, var(--text-dim));line-height:1.3;font-weight:500}.onb-cta-icon{display:flex;justify-content:center;margin-bottom:24px}.onb-cta-icon-sparkles{width:40px;height:40px;color:var(--brand-orange)}.onb-cta-actions{display:flex;flex-direction:column;gap:14px;align-items:center;margin-top:12px}.onb-page button:focus-visible,.onb-page input:focus-visible{outline:2px solid var(--brand-orange);outline-offset:3px}.onb-field-whisper{display:block;margin-top:6px;font-size:.8125rem;line-height:1.35;color:var(--text-muted);font-style:italic}.onb-field-row{display:flex;gap:14px}.onb-field-row .onb-field{flex:1;min-width:0}@media(max-width:480px){.onb-field-row{flex-direction:column;gap:0}}.onb-headline--data{font-size:clamp(1.4rem,5vw,1.9rem)}.onb-cta-quiet-row{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:10px}.onb-screen--hook .onb-microcopy{margin-top:14px}.onb-invite-chip{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 16px;border-radius:12px;background:#34d39921;border:1px solid rgba(52,211,153,.24);color:#6ee7b7;font-size:.875rem;font-weight:500;letter-spacing:.02em;animation:onbChipIn .35s cubic-bezier(.34,1.4,.64,1) both}[data-theme=light] .onb-invite-chip{background:#10b9811a;border-color:#10b9813d;color:#047857}[data-theme=premium] .onb-invite-chip{background:#34d3991a;border-color:#34d3994d;color:#a7f3d0;box-shadow:0 0 15px #34d3991a}.onb-invite-chip__label{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onb-invite-chip__change{background:none;border:none;cursor:pointer;padding:4px;font-size:.75rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:4px;transition:color .2s var(--ease-standard)}.onb-invite-chip__change:hover{color:var(--text-primary)}.onb-invite-beta-hint{opacity:.72;letter-spacing:.02em;line-height:1.45;margin-top:10px}@keyframes onbChipIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.onb-invite-chip{animation:none}}