.ob{min-height:100vh;min-height:100dvh;flex-direction:column;background:var(--color-bg-page);color:var(--color-text-primary)}.ob,.ob-top{display:flex}.ob-top{justify-content:space-between;padding:var(--space-7) var(--space-10) 0}.ob-brand,.ob-top{align-items:center}.ob-brand{display:inline-flex;gap:var(--space-2)}.ob-brand svg{width:22px;height:18px}.ob-word{font-size:var(--font-size-2xl);letter-spacing:var(--font-tracking-display);line-height:1}.ob-help{font-size:var(--font-size-lg)}.ob-help:focus-visible,.ob-help:hover{text-decoration:underline}.ob-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-gutter);text-align:center}.ob-legal{padding:0 var(--space-gutter) var(--space-10);text-align:center;font-size:var(--font-size-base);line-height:1.45;color:var(--color-text-secondary)}.ob-legal a{color:var(--color-text-primary);font-weight:var(--font-weight-bold);text-decoration:underline}.ob-consent{margin:var(--space-4) 0 0;font-size:var(--font-size-sm);line-height:1.45;color:var(--color-text-secondary);text-align:center}.ob-consent a{color:var(--color-text-primary);text-decoration:underline}.ob-eyebrow{margin:0 0 var(--space-3);font-size:var(--font-size-2xl);line-height:1.8;letter-spacing:var(--font-tracking-spaced);text-transform:uppercase;margin-right:calc(-1 * var(--font-tracking-spaced))}.ob-hero,.ob-title{margin:0;font-style:italic;text-transform:uppercase;letter-spacing:var(--type-hero-tracking)}.ob-hero{font-size:clamp(var(--type-hero-sm-size),12vw,var(--type-hero-size));line-height:.875;font-weight:var(--type-hero-weight)}.ob-hero .ob-wide>span{display:block}.ob-title{font-size:clamp(var(--font-size-4xl),8.5vw,var(--type-hero-sm-size));line-height:1.05;font-weight:var(--type-hero-sm-weight);letter-spacing:var(--type-hero-sm-tracking)}.ob-sub{margin:var(--space-3) 0 0;font-size:var(--font-size-lg);line-height:1.4}.ob-form{width:min(100%,448px);margin-top:var(--space-10)}.ob-form--wide{width:min(100%,548px)}.ob-pill{position:relative;display:flex;align-items:center;min-height:var(--size-control-lg);border:var(--size-border-hairline) solid transparent;border-radius:var(--radius-md);--ob-pill-fill:var(--color-bg-surface);background:var(--ob-pill-fill);box-shadow:var(--shadow-card);text-align:left}.ob-pill:focus-within{border-color:var(--color-border-strong)}.ob-pill--error,.ob-pill--error:focus-within{border-color:var(--color-state-error);outline:var(--size-border-thick) solid var(--color-state-error);outline-offset:calc(-1 * var(--size-border-hairline))}.ob-pill input{flex:1;min-width:0;align-self:stretch;padding:0 var(--space-4);border:0;background:transparent;font-size:var(--font-size-lg);color:var(--color-text-primary);outline:none}.ob-pill input::-moz-placeholder{color:var(--color-text-muted)}.ob-pill input::placeholder{color:var(--color-text-muted)}.ob-pill input:-webkit-autofill,.ob-pill input:-webkit-autofill:focus,.ob-pill input:-webkit-autofill:hover{border-radius:var(--radius-md);box-shadow:inset 0 0 0 100vmax var(--ob-pill-fill);-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary)}.ob-pill__prefix{flex-shrink:0;margin-left:var(--space-4);font-size:var(--font-size-lg);color:var(--color-text-muted)}.ob-pill__prefix+input{padding-left:var(--space-1)}.ob-pill .ob-go{margin-right:var(--space-2)}.ob-pill__resend{flex-shrink:0;align-self:stretch;padding:0 var(--space-4);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:underline}.ob-pill__resend:disabled{font-weight:var(--font-weight-regular);color:var(--color-text-muted);text-decoration:none;cursor:default}.ob-pill__resend:focus-visible{outline:var(--size-border-thick) solid var(--color-interactive-primary);outline-offset:calc(-1 * var(--size-border-thick))}.ob-country{display:flex;flex-shrink:0;align-self:stretch;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-right:var(--size-border-hairline) solid var(--color-border-default);font-size:var(--font-size-lg);color:var(--color-text-primary);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.ob-country:focus-visible{outline:var(--size-border-thick) solid var(--color-interactive-primary);outline-offset:calc(-1 * var(--size-border-thick))}.ob-country__flag{font-size:var(--font-size-3xl);line-height:1}.ob-country__arrow{width:.7em;height:.7em;margin-left:calc(-1 * var(--space-1))}.ob-picker{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;z-index:30;padding:var(--space-3);border:var(--size-border-hairline) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-elevated);box-shadow:var(--shadow-overlay)}.ob-picker--up{top:auto;bottom:calc(100% + var(--space-2))}.ob-picker:focus{outline:none}.ob-picker__bar{display:flex;gap:var(--space-2)}.ob-picker__bar input{flex:1;min-width:0;color:var(--color-text-primary)}.ob-picker__bar input,.ob-picker__close{height:var(--size-control-md);padding:0 var(--space-3);border:var(--size-border-hairline) solid var(--color-border-default);border-radius:var(--radius-sm);font-size:var(--font-size-lg)}.ob-picker__close{background:var(--color-bg-surface);font-weight:var(--font-weight-bold)}.ob-picker ul{position:relative;max-height:clamp(calc(var(--size-control-md) * 1.5),var(--ob-picker-room,100vh),calc(var(--size-control-md) * 3.5));margin:var(--space-2) 0 0;padding:0;overflow:auto;list-style:none}.ob-picker li button{display:flex;width:100%;align-items:center;gap:var(--space-3);min-height:var(--size-control-md);padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-lg);text-align:left}.ob-picker li button:focus-visible,.ob-picker li button:hover{background:var(--color-bg-page);outline:none}.ob-picker li[aria-selected=true] button{background:var(--color-state-info-tint)}.ob-picker__name{flex:1}.ob-picker__dial{color:var(--color-text-secondary)}.ob-go{flex-shrink:0;min-height:var(--size-control-md);padding:0 var(--space-4);border-radius:var(--radius-md);background:linear-gradient(103deg,var(--color-interactive-gradient-start) 4%,var(--color-interactive-gradient-end) 96%);box-shadow:var(--shadow-card);color:var(--color-text-inverse);font-size:var(--font-size-base);font-style:italic;font-weight:var(--font-weight-extrabold);letter-spacing:var(--font-tracking-tight);text-transform:uppercase;transition:transform var(--motion-duration-base) var(--motion-easing-out),opacity var(--motion-duration-base) var(--motion-easing-out)}.ob-go:hover{transform:translateY(-1px)}.ob-go:active{transform:translateY(0)}.ob-go:focus-visible{outline:var(--size-border-thick) solid var(--color-interactive-primary);outline-offset:var(--size-border-thick)}.ob-go:disabled,.ob-go[aria-disabled=true]{opacity:.45;transform:none;cursor:not-allowed}.ob-go--solo{margin-top:var(--space-7)}.ob-note{margin:var(--space-4) 0 0;font-size:var(--font-size-base);line-height:1.45;color:var(--color-text-secondary);text-align:left}.ob-note--center{text-align:center}.ob-note strong{color:var(--color-text-primary)}.ob-hint{margin:var(--space-4) 0 0;font-size:var(--font-size-base);line-height:1.45;color:var(--color-text-secondary);text-align:left}.ob-hint+.ob-note{margin-top:var(--space-1)}.ob-link{color:var(--color-text-primary);font-weight:var(--font-weight-bold);text-decoration:underline}.ob-link:disabled{color:var(--color-text-secondary);cursor:default}.ob-error{display:flex;justify-content:center;gap:var(--space-2);margin:var(--space-4) 0 0;font-size:var(--font-size-base);line-height:1.45;color:var(--color-state-error)}.ob-error svg{flex-shrink:0;width:var(--size-icon-sm);height:1lh}.ob-status{margin:var(--space-6) 0 0}.ob-alt,.ob-status{font-size:var(--font-size-base);color:var(--color-text-secondary)}.ob-alt,.ob-door{margin-top:var(--space-8)}.ob-door{width:min(100%,448px);text-align:left}.ob-fields{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.ob-field-error{margin:var(--space-2) 0 0;font-size:var(--font-size-md);color:var(--color-state-error);text-align:left;display:flex;gap:var(--space-1)}.ob-field-error svg{flex-shrink:0;width:var(--size-icon-sm);height:1lh}.ob-field-hint,.ob-field-ok{margin:var(--space-2) 0 0;font-size:var(--font-size-md);color:var(--color-text-secondary);text-align:left}.ob-field-ok{display:flex;gap:var(--space-1)}.ob-field-ok svg{flex-shrink:0;width:var(--size-icon-sm);height:1lh}@media (min-width:641px) and (max-height:800px){.ob-main{padding-top:var(--space-8);padding-bottom:var(--space-8)}.ob-go--solo{margin-top:var(--space-5)}}@media (max-width:640px){.ob{background:var(--color-bg-page) url(/onboarding/explore-backdrop.jpg) center top /cover no-repeat}.ob-eyebrow,.ob-legal,.ob-top{display:none}.ob-main{flex:0 0 auto;margin-top:auto;justify-content:flex-start;padding:var(--space-6) var(--space-7) max(var(--space-6),env(safe-area-inset-bottom));border-radius:var(--radius-screen) var(--radius-screen) 0 0;background:var(--color-bg-surface)}.ob-sheet-word{margin-bottom:var(--space-5);color:var(--color-text-primary)}.ob-hero,.ob-title{font-size:var(--font-size-2xl);line-height:1.05;font-weight:var(--type-hero-weight);letter-spacing:var(--type-hero-tracking)}.ob-sub{font-size:var(--font-size-base)}.ob-door,.ob-form,.ob-form--wide{width:100%;margin-top:var(--space-5)}.ob-pill{min-height:var(--size-control-md);--ob-pill-fill:var(--color-bg-page)}.ob-fields{gap:var(--space-6)}.ob-hint{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);letter-spacing:var(--font-tracking-tight);color:var(--color-text-muted);text-align:left}.ob-error{justify-content:flex-start;text-align:left}.ob-go--sheet,.ob-go--solo{width:100%;margin-top:var(--space-5);font-size:var(--font-size-lg);letter-spacing:var(--font-tracking-display)}.ob-alt{margin-top:var(--space-5);font-size:var(--font-size-md)}}.ob.ob--overlay{position:fixed;inset:0;z-index:100;min-height:0;background:none}.ob-scrim{position:absolute;inset:-50vh 0;background:color-mix(in srgb,var(--color-bg-page) 35%,transparent);backdrop-filter:blur(14px);opacity:0;touch-action:none;transition:opacity var(--motion-duration-base) var(--motion-easing-out)}.ob-pin{position:fixed;top:var(--ob-vv-top,0);left:0;right:0;height:var(--ob-vv-h,100dvh);pointer-events:none}.ob--overlay[data-phase=open] .ob-pin:after{content:"";position:absolute;top:100%;left:0;right:0;height:100vh;background:var(--color-bg-surface)}.ob-sheet-scroll{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;pointer-events:none}.ob-sheet{margin-top:auto;pointer-events:auto;transform:translateY(100%);transition:transform var(--motion-duration-base) var(--motion-easing-out);outline:none}.ob--overlay .ob-main{margin-top:0}.ob--overlay[data-phase=open] .ob-scrim{opacity:1}.ob--overlay[data-phase=open] .ob-sheet-scroll{overflow-y:auto}.ob--overlay[data-phase=open] .ob-sheet{transform:translateY(var(--ob-drag,0))}.ob-sheet[data-dragging]{transition:none}@media (min-width:641px){.ob .ob-narrow{display:none}}@media (max-width:640px){.ob .ob-wide{display:none}}@media (prefers-reduced-motion:reduce){.ob-go,.ob-scrim,.ob-sheet{transition:none}.ob-go:hover{transform:none}}