.onboarding-card{border:3px solid var(--color-ds-fill-primary);background:#fff;border-radius:32px;width:100%;max-width:480px;margin:0 auto;padding:40px 32px;position:relative;overflow:hidden;box-shadow:0 8px 32px #3a39ff40}.onboarding-card-embedded{background:#fff;width:100%;max-width:480px;margin:0 auto;padding:0;position:relative;overflow:hidden}.onboarding-topbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.onboarding-back-button{cursor:pointer;color:var(--color-ds-text);background:0 0;border:none;border-radius:90px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.onboarding-back-button:hover{background:var(--color-ds-fill-subtle)}.onboarding-progress-bar{flex:1;justify-content:center;align-items:center;gap:8px;height:8px;display:flex}.onboarding-progress-segment{border-radius:40px;width:8px;height:8px;transition:width .2s,background-color .2s}.onboarding-progress-empty{background:#d9d9d9}.onboarding-progress-filled{background:#829a36}.onboarding-progress-active{background:#829a36;width:24px}.step-transition{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.step-transition-enter{opacity:0;transform:translateY(12px)}.step-transition-active{opacity:1;transform:translateY(0)}.onboarding-mascot{flex-shrink:0;width:36px;height:36px}.onboarding-mascot img{width:100%;height:100%;display:block}.onboarding-question{color:var(--color-ds-text);margin-bottom:24px;font-size:22px;font-weight:700;line-height:1.35}.onboarding-question-sub{color:var(--color-ds-text-light);margin-top:6px;margin-bottom:0;font-size:15px;font-weight:500;line-height:1.4}.onboarding-input{border:1px solid var(--color-ds-border-subtle);width:100%;height:48px;color:var(--color-ds-text);background:#fff;border-radius:12px;outline:none;padding:0 16px;font-family:Figtree,sans-serif;font-size:16px;font-weight:500;transition:border-color .2s}.onboarding-input:focus{border-color:var(--color-ds-border-primary)}.onboarding-input-error,.onboarding-input-error:focus{border-color:#f8551e}.onboarding-field-error{color:#cc3400;margin-top:6px;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;line-height:19px}.onboarding-input::placeholder{color:#2223254d}.onboarding-input-tinted{border:1px solid var(--color-ds-border-subtle);background:#fff}.onboarding-input-tinted:focus{border-color:var(--color-ds-border-primary);box-shadow:0 0 0 2px #3a39ff26}.onboarding-textarea{border:1px solid var(--color-ds-border-subtle);width:100%;min-height:96px;color:var(--color-ds-text);resize:vertical;background:#fff;border-radius:12px;outline:none;padding:12px 16px;font-family:Figtree,sans-serif;font-size:16px;font-weight:500;line-height:1.5;transition:border-color .2s}.onboarding-textarea:focus{border-color:var(--color-ds-border-primary)}.onboarding-textarea::placeholder{color:var(--color-ds-text-light)}.onboarding-select{border:1px solid var(--color-ds-border-subtle);width:100%;height:48px;color:var(--color-ds-text);cursor:pointer;appearance:none;box-shadow:var(--shadow-soft);background:#fff url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23777E88' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 16px center no-repeat;border-radius:12px;outline:none;padding:0 16px;font-family:Figtree,sans-serif;font-size:16px;font-weight:600;transition:border-color .2s}.onboarding-select:focus{border-color:var(--color-ds-border-primary)}.onboarding-select option{font-weight:500}.onboarding-select optgroup{color:var(--color-ds-text);font-weight:700}.onboarding-button{background:var(--color-ds-fill-primary);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-family:Figtree,sans-serif;font-size:16px;font-weight:700;transition:opacity .2s,transform .15s;display:flex}.onboarding-button:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.onboarding-button:disabled{opacity:.55;cursor:not-allowed}.onboarding-button-secondary{width:100%;height:48px;color:var(--color-ds-text-light);border:1px solid var(--color-ds-border-subtle);cursor:pointer;background:0 0;border-radius:16px;justify-content:center;align-items:center;font-family:Figtree,sans-serif;font-size:16px;font-weight:600;transition:background-color .2s,border-color .2s;display:flex}.onboarding-button-secondary:hover{background:#f5f5f5;border-color:#d0d5dd}.onboarding-button-google{background:var(--color-ds-fill-inverse);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-family:Figtree,sans-serif;font-size:16px;font-weight:600;transition:opacity .2s;display:flex}.onboarding-button-google:hover{opacity:.9}.onboarding-button-apple{color:#fff;cursor:pointer;background:#000;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-family:Figtree,sans-serif;font-size:16px;font-weight:600;transition:opacity .2s;display:flex}.onboarding-button-apple:hover{opacity:.9}.onboarding-divider{align-items:center;gap:16px;margin:20px 0;display:flex}.onboarding-divider-line{background:var(--color-ds-border-subtle);flex:1;height:1px}.onboarding-divider-text{color:var(--color-ds-text-light);font-size:14px;font-weight:500}.plan-chips-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.onboarding-heading-row{align-items:center;gap:12px;margin-bottom:24px;display:flex}.onboarding-heading-row h2{color:var(--color-ds-text);margin:0;font-size:20px;font-weight:700;line-height:1.3}.onboarding-map-stack{margin-bottom:16px;position:relative}.onboarding-map-search-locate{color:#3a39ff;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:4px;display:flex}.onboarding-map-search-locate:hover:not(:disabled){background:#3a39ff14}.onboarding-map-search-locate:disabled{cursor:progress;color:var(--color-ds-text-lighter)}.onboarding-map-search-anchor{z-index:2;position:absolute;top:12px;left:12px;right:12px}.onboarding-map-pin{pointer-events:none;z-index:1;transform-origin:50% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.onboarding-map-pin--hidden{opacity:0}.onboarding-map-pin--dropping{animation:.45s cubic-bezier(.34,1.4,.5,1) forwards onboarding-pin-drop}.onboarding-map-pin--settled{opacity:1}@keyframes onboarding-pin-drop{0%{opacity:0;transform:translate(-50%,-180%)scale(.7)}60%{opacity:1}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.onboarding-map-search-trigger{background:#fff;border-radius:16px;align-items:center;width:100%;height:48px;padding:0 4px 0 0;display:flex;box-shadow:0 2px 8px #0f172a1a}.onboarding-map-search-trigger-tap{cursor:text;text-align:left;height:100%;font-family:var(--font-bricolage), sans-serif;color:var(--color-ds-text-lighter);background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:0 8px 0 16px;font-size:16px;display:flex}.onboarding-map-search-trigger-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.opf-search-screen{z-index:100;font-family:var(--font-bricolage), sans-serif;background:#f9f8f6;flex-direction:column;gap:12px;padding:8px 16px 0;display:flex;position:fixed;inset:0}.opf-search-screen-topbar{flex-shrink:0}.opf-search-screen-back{cursor:pointer;color:#222325;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-8px;display:flex}.opf-search-screen-back:hover{background:#0f172a0a}.opf-search-screen-input-wrap{background:#fff;border:1px solid #000;border-radius:16px;flex-shrink:0;align-items:center;gap:8px;height:56px;padding:0 12px;display:flex}.opf-search-screen-leading{flex-shrink:0}.opf-search-screen-input{height:100%;font-family:var(--font-bricolage), sans-serif;color:#222325;background:0 0;border:none;outline:none;flex:1;font-size:18px;font-weight:400;line-height:26px}.opf-search-screen-input::placeholder{color:#bebcb7}.opf-search-screen-clear{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.opf-search-screen-clear:hover{background:#0f172a0a}.opf-search-screen-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.opf-search-screen-item{cursor:pointer;text-align:left;width:100%;min-height:56px;font-family:var(--font-bricolage), sans-serif;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:4px 8px;display:flex}.opf-search-screen-item>svg{flex-shrink:0;width:24px;height:24px}.opf-search-screen-item:hover,.opf-search-screen-item:focus-visible{background:#6e768014;outline:none}.opf-search-screen-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.opf-search-screen-item-title{color:#222325;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:500;line-height:26px;overflow:hidden}.opf-search-screen-item-subtitle{color:#7f7e7b;font-size:14px;font-weight:400;line-height:22px}.onboarding-map-chip{max-width:calc(100% - 24px);color:var(--opf-ink,#222325);white-space:nowrap;text-overflow:ellipsis;z-index:2;background:#fff;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;line-height:20px;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 8px #0f172a1f}.onboarding-map-container{border-radius:16px;width:100%;height:280px;position:relative;overflow:hidden}.onboarding-map-container .mapboxgl-map{width:100%;height:100%}.onboarding-map-container .mapboxgl-ctrl-logo,.onboarding-map-container .mapboxgl-ctrl-attrib{display:none!important}.onboarding-map-placeholder{justify-content:center;align-items:center;display:flex}.onboarding-map-placeholder p{color:var(--color-ds-text-lighter)}.onboarding-map-search{position:relative}.onboarding-map-search-input-wrap{background:#fff;border-radius:16px;align-items:center;padding-right:4px;display:flex;position:relative;box-shadow:0 2px 8px #0f172a1a}.onboarding-map-search-icon{color:var(--color-ds-text-lighter);pointer-events:none;position:absolute;left:16px}.onboarding-map-search-input{width:100%;height:48px;font-family:var(--font-bricolage), sans-serif;color:var(--opf-ink,#222325);background:0 0;border:none;border-radius:16px;outline:none;padding:0 8px 0 44px;font-size:16px}.onboarding-map-search-input::placeholder{color:var(--color-ds-text-lighter)}.onboarding-map-search-list{background:#fff;border-radius:16px;max-height:320px;margin:8px 0 0;padding:8px;list-style:none;overflow-y:auto;box-shadow:0 8px 24px #0f172a1f}.onboarding-map-search-item{text-align:left;width:100%;font-family:var(--font-bricolage), sans-serif;color:var(--opf-ink,#222325);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:16px;font-weight:500;display:flex}.onboarding-map-search-item>svg{color:var(--opf-ink,#222325);flex-shrink:0}.onboarding-map-search-item:hover,.onboarding-map-search-item:focus-visible{background:var(--color-ds-fill-subtle,#f5f5f4);outline:none}.onboarding-map-search-item--current .onboarding-map-search-item-text{flex-direction:column;gap:2px;display:flex}.onboarding-map-search-item-title{color:var(--opf-ink,#222325);font-size:16px;font-weight:500;line-height:22px}.onboarding-map-search-item-subtitle{color:var(--color-ds-text-light,#7f7e7b);font-size:13px;font-weight:400;line-height:18px}.onboarding-map-locate-spinner{animation:.9s linear infinite onboarding-spin}@keyframes onboarding-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-map-hint{text-align:center;color:var(--color-ds-text-lighter);margin:0 0 12px;font-size:13px}.onboarding-button-group{flex-direction:column;gap:10px;margin-top:24px;display:flex}.opf-step-signin-line{text-align:center;color:var(--opf-ink,#222325);margin:16px 0 0;font-size:14px}.opf-step-signin-link{color:#3a39ff;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.opf-step-signin-link:hover{opacity:.85}.onboarding-check-email-icon{background:var(--color-ds-fill-info-subtle);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:32px;display:flex}.onboarding-check-email-text{color:var(--color-ds-text-light);text-align:center;font-size:16px;font-weight:500;line-height:1.5}.confetti-container{text-align:center;padding:32px 0;position:relative;overflow:hidden}.celebration-banner{background:var(--color-ds-fill-success);color:#fff;border-radius:16px;padding:32px 24px;position:relative;overflow:hidden}.celebration-title{z-index:1;margin-bottom:8px;font-size:28px;font-weight:800;position:relative}.celebration-subtitle{opacity:.9;z-index:1;font-size:16px;font-weight:500;position:relative}.confetti-piece{z-index:0;border-radius:2px;width:10px;height:10px;animation:1.8s ease-in-out forwards confetti-fall;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)scale(1)}to{opacity:0;transform:translateY(200px)rotate(720deg)scale(.5)}}.onboarding-error{color:#ef4444;margin-top:8px;font-size:14px;font-weight:500}.onboarding-info{background:var(--color-ds-fill-info-subtle);color:var(--color-ds-text-primary);border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.4}.city-request-card{box-shadow:var(--shadow-soft);text-align:center;background:#fff;border-radius:32px;width:100%;max-width:520px;margin:0 auto;padding:40px 32px}.city-request-title{color:var(--color-ds-text);margin-bottom:8px;font-size:22px;font-weight:700}.city-request-subtitle{color:var(--color-ds-text-light);margin-bottom:24px;font-size:15px;font-weight:500;line-height:1.4}.city-request-form{flex-direction:column;gap:12px;display:flex}.city-request-success{color:var(--color-ds-fill-success);padding:16px 0;font-size:16px;font-weight:600}@media (max-width:540px){.onboarding-card{border-radius:24px;padding:28px 20px}.onboarding-question{font-size:19px}.plan-chips-grid{grid-template-columns:1fr}.plan-chip{padding:12px 14px;font-size:15px}.onboarding-map-container{height:220px}.city-request-card{border-radius:24px;padding:28px 20px}}.opf-step-form{flex-direction:column;gap:24px;display:flex}.opf-step-form>.onboarding-button-group{margin-top:0}.opf-step-heading,.onboarding-page-figma .opf-step-heading{font-family:var(--font-bricolage), sans-serif;color:var(--opf-ink,#222325);margin:0;font-size:28px;font-weight:500;line-height:36px}.opf-step-subheading{font-family:var(--font-bricolage), sans-serif;color:var(--color-ds-text-light,#7f7e7b);margin:8px 0 24px;font-size:16px;font-weight:400;line-height:22px}.opf-field{flex-direction:column;gap:4px;display:flex}.opf-field-label{font-family:var(--font-bricolage), sans-serif;color:#000;padding-left:8px;font-size:14px;font-weight:500;line-height:22px}.opf-field-input{box-sizing:border-box;width:100%;height:56px;font-family:var(--font-bricolage), sans-serif;color:var(--opf-ink,#222325);border:1px solid var(--opf-border-subtle,#edece8);border-radius:var(--opf-radius-md,16px);background:#fff;outline:none;padding:0 12px;font-size:18px;font-weight:400;line-height:26px;transition:border-color .12s}.opf-field-input::placeholder{color:var(--opf-placeholder,#bebcb7)}.opf-field-input:focus{border-color:var(--opf-border-focus,#000)}.opf-plan-list{flex-direction:column;gap:12px;display:flex}.opf-plan-chip{border-radius:var(--opf-radius-md,16px);width:100%;height:56px;font-family:var(--font-bricolage), sans-serif;color:var(--opf-ink,#222325);cursor:pointer;text-align:left;background:#fff;border:1px solid #0000;align-items:center;gap:8px;padding:12px 32px;font-size:18px;font-weight:500;line-height:26px;transition:background .12s,box-shadow .12s;display:flex}.opf-plan-chip:hover{background:#fafaf9}.opf-plan-chip--selected{color:#fff;background:#2253c2;border-color:#2253c2}.opf-plan-chip--selected:hover{background:#1e47a8}.onboarding-kids-list{flex-direction:column;gap:16px;display:flex}.onboarding-kid-card{border-radius:var(--opf-radius-md,16px);background:#fff;border:1px solid #2223251a;flex-direction:column;gap:24px;padding:25px 16px;display:flex;position:relative}.onboarding-kid-remove{cursor:pointer;width:28px;height:28px;color:var(--opf-muted,#7f7e7b);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex;position:absolute;top:12px;right:12px}.onboarding-kid-remove:hover{background:var(--opf-border-subtle,#edece8);color:var(--opf-ink,#222325)}.onboarding-kid-row{grid-template-columns:1fr 2fr;gap:16px;display:grid}.onboarding-kid-field{flex-direction:column;gap:4px;min-width:0;display:flex}.onboarding-kid-label{font-family:var(--font-bricolage), sans-serif;color:var(--opf-ink,#222325);padding-left:8px;font-size:14px;font-weight:500;line-height:22px}.onboarding-kid-input{box-sizing:border-box;width:100%;height:56px;font-family:var(--font-bricolage), sans-serif;color:var(--opf-ink,#222325);border:1px solid var(--opf-border-subtle,#edece8);border-radius:var(--opf-radius-md,16px);background:#fff;outline:none;padding:0 12px;font-size:18px;font-weight:400;line-height:26px;transition:border-color .12s}.onboarding-kid-input::placeholder{color:var(--opf-placeholder,#bebcb7)}.onboarding-kid-input:focus{border-color:var(--opf-border-focus,#000)}.onboarding-kid-add{background:var(--opf-ink,#222325);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;width:56px;height:56px;transition:transform .1s,opacity .12s;display:flex}.onboarding-kid-add:hover{transform:scale(1.05)}.onboarding-kid-add:active{opacity:.85}@media (max-width:540px){.opf-step-heading{font-size:24px;line-height:32px}}.opf-step-heading--centered,.onboarding-page-figma .opf-step-heading--centered{text-align:center;margin:0 0 80px}.onboarding-channel-row{justify-content:center;gap:40px;display:flex}.onboarding-channel-card{cursor:pointer;background:#fff;border:none;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:140px;height:138px;padding:16px;transition:transform .12s,box-shadow .12s;display:flex}.onboarding-channel-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.onboarding-channel-card:active{background:#f1f0ef;transform:translateY(0);box-shadow:0 2px 6px #0f172a14}.onboarding-channel-icon-wrap{justify-content:center;align-items:center;width:56px;height:56px;display:flex}.onboarding-channel-icon-wrap img{object-fit:contain;width:56px;height:56px}.onboarding-channel-label{font-family:var(--font-bricolage), sans-serif;color:var(--opf-ink,#222325);text-align:center;font-size:12px;font-weight:500;line-height:1}.chat-phone-channel-hint{color:var(--opf-muted,#7f7e7b);margin:8px 0 0;font-size:14px}@media (max-width:540px){.opf-step-heading--centered{margin-bottom:48px}.onboarding-channel-row{gap:24px}}