.onboarding{--ob-bg:#f6f3ee;--ob-ink:#171717;--ob-muted:#5c574e;--ob-line:#e4dfd6;--ob-card:#fff;--ob-soft:#efeae2;--ob-ease:cubic-bezier(.23, 1, .32, 1);--ob-pad:max(1.25rem, env(safe-area-inset-left));background:var(--ob-bg);min-height:100svh;color:var(--ob-ink);font-family:var(--font-inter), var(--font-geist-sans), system-ui, sans-serif}.onboarding-shell{min-height:100svh;padding:max(.85rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));flex-direction:column;display:flex}.onboarding-progress{gap:.45rem;width:100%;max-width:34rem;margin:0 auto 1.25rem;display:grid}.onboarding-progress p{letter-spacing:.01em;color:var(--ob-muted);margin:0;font-size:.8rem;font-weight:500}.onboarding-progress-track{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.onboarding-progress-track span{background:var(--ob-line);border-radius:999px;height:4px;display:block}.onboarding-progress-track span[data-done=true],.onboarding-progress-track span[data-current=true]{background:var(--ob-ink)}.onboarding-progress-track span[data-current=true]{opacity:.55}.onboarding-fill{flex-direction:column;flex:1;justify-content:flex-start;width:100%;max-width:34rem;margin:0 auto;padding-top:clamp(1.25rem,6vh,3.5rem);display:flex}.onboarding-fill[data-top=true]{justify-content:flex-start;padding-top:.25rem}.onboarding h1,.onboarding h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(1.7rem,6vw,2.15rem);font-weight:600;line-height:1.15}.onboarding-lead{color:var(--ob-muted);margin:.7rem 0 0;font-size:1.05rem;line-height:1.45}.onboarding-form{gap:.85rem;margin-top:1.75rem;display:grid}.onboarding-form label{gap:.45rem;display:grid}.onboarding-form label span{font-size:.95rem;font-weight:600}.onboarding-input,.onboarding-button,.onboarding-result,.onboarding-text-button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.onboarding-input{border:1.5px solid var(--ob-ink);background:var(--ob-card);appearance:none;border-radius:.95rem;width:100%;min-height:52px;padding:.85rem 1rem;font-size:1.05rem}.onboarding-input:focus{outline:2px solid var(--ob-ink);outline-offset:2px}.onboarding-button{background:var(--ob-ink);color:#fafafa;min-width:44px;min-height:52px;transition:transform .16s var(--ob-ease), opacity .16s var(--ob-ease);border:0;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.35rem;font-size:1.02rem;font-weight:600;text-decoration:none;display:inline-flex}.onboarding-button:disabled{cursor:not-allowed;opacity:.55}.onboarding-button:active:not(:disabled){transform:scale(.97)}.onboarding-button-secondary{color:var(--ob-ink);border:1.5px solid var(--ob-ink);background:0 0}.onboarding-text-button{text-underline-offset:.18em;background:0 0;border:0;justify-content:center;align-items:center;min-height:44px;padding:.4rem .15rem;font-size:.98rem;font-weight:600;text-decoration:underline;display:inline-flex}.onboarding-text-button:active{transform:scale(.97)}.onboarding-help{margin-top:1.5rem}.onboarding-help-panel{background:var(--ob-card);border:1px solid var(--ob-line);border-radius:1rem;margin-top:.75rem;padding:1rem 1.05rem}.onboarding-help-panel p{color:var(--ob-muted);margin:0;line-height:1.5}.onboarding-help-panel a{color:var(--ob-ink);font-weight:600}.onboarding-results{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.onboarding-result{text-align:left;border:1px solid var(--ob-line);background:var(--ob-card);width:100%;min-height:72px;transition:transform .16s var(--ob-ease), border-color .16s var(--ob-ease);border-radius:1.05rem;gap:.2rem;padding:1rem 1.05rem;display:grid}.onboarding-result:active{transform:scale(.985)}.onboarding-result strong{letter-spacing:-.02em;font-size:1.05rem;font-weight:600}.onboarding-result span{color:var(--ob-muted);font-size:.92rem;line-height:1.4}.onboarding-result em{color:var(--ob-ink);font-style:normal;font-weight:600}.onboarding-result[aria-selected=true]{border-color:var(--ob-ink)}.onboarding-suggest-status{color:var(--ob-muted);margin:0;font-size:.92rem;line-height:1.4}.onboarding-suggest{margin-top:.15rem}.onboarding-results li{opacity:1;animation:onboarding-enter .28s var(--ob-ease);transform:translateY(0)}.onboarding-results li:first-child{animation-delay:0s}.onboarding-results li:nth-child(2){animation-delay:40ms}.onboarding-results li:nth-child(3){animation-delay:80ms}.onboarding-results li:nth-child(4){animation-delay:.12s}.onboarding-results li:nth-child(5){animation-delay:.16s}@keyframes onboarding-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.onboarding-alert{color:#7f1d1d;background:#fde8e8;border-radius:.9rem;margin:0 0 1rem;padding:.9rem 1rem;line-height:1.45}.onboarding-build{gap:1.35rem;display:grid}.onboarding-steps{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.onboarding-step{color:var(--ob-muted);grid-template-columns:1.65rem 1fr;align-items:start;gap:.75rem;display:grid}.onboarding-step[data-state=current]{color:var(--ob-ink);font-weight:600}.onboarding-step[data-state=done]{color:var(--ob-ink)}.onboarding-dot{background:0 0;border:1.5px solid;border-radius:999px;width:1.15rem;height:1.15rem;margin-top:.15rem}.onboarding-step[data-state=done] .onboarding-dot{background:var(--ob-ink);border-color:var(--ob-ink)}.onboarding-step[data-state=current] .onboarding-dot{background:var(--ob-ink);border-color:var(--ob-ink);box-shadow:0 0 0 4px var(--ob-soft);animation:onboarding-pulse .9s var(--ob-ease) infinite}@keyframes onboarding-pulse{50%{opacity:.75;transform:scale(.92)}}.onboarding-note{color:var(--ob-muted);margin:0;line-height:1.5}.onboarding-quiet{color:var(--ob-muted);margin:.75rem 0 0;font-size:.85rem;line-height:1.45}.onboarding-actions{background:linear-gradient(180deg, transparent, var(--ob-bg) 28%);gap:.65rem;margin-top:1.5rem;padding-top:.85rem;display:grid;position:sticky;bottom:0}.onboarding-reveal{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.onboarding-reveal-copy{width:100%;max-width:34rem}@media (min-width:768px){.onboarding-reveal-copy{max-width:none}.onboarding-view-toggle{align-self:flex-start}}.onboarding-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--ob-muted);margin:0 0 .35rem;font-size:.78rem;font-weight:600}.onboarding-preview{flex-direction:column;flex:1;gap:.65rem;min-width:0;min-height:0;display:flex}.onboarding-view-toggle{background:var(--ob-soft);border:1px solid var(--ob-line);border-radius:999px;align-self:flex-start;gap:.2rem;padding:.2rem;display:inline-flex}.onboarding-view-toggle button{min-width:5.75rem;min-height:44px;font:inherit;color:var(--ob-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;padding:0 .95rem;font-size:.92rem;font-weight:600}.onboarding-view-toggle button[aria-pressed=true]{background:var(--ob-ink);color:#fafafa}.onboarding-preview-pair{flex:1;grid-template:"main side"minmax(0,1fr)/minmax(0,1fr) 260px;gap:.85rem;min-height:0;display:grid;overflow:hidden}.onboarding-preview-pair[data-focus=desktop] [data-pane=desktop],.onboarding-preview-pair[data-focus=phone] [data-pane=phone]{grid-area:main}.onboarding-preview-pair[data-focus=desktop] [data-pane=phone],.onboarding-preview-pair[data-focus=phone] [data-pane=desktop]{grid-area:side}.onboarding-preview-pane{min-width:0;min-height:0;display:flex}.onboarding-preview-pane[data-size=main]{box-sizing:border-box;justify-content:center;align-items:center;padding:24px}.onboarding-preview-pane[data-size=side]{width:260px;max-width:260px;overflow:hidden}.onboarding-preview-pane .onboarding-device-wrap{flex:1;min-height:0}.onboarding-device-wrap{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:22rem;display:flex}.onboarding-preview .onboarding-device-wrap{min-height:0}.onboarding-device{background:#111;flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.onboarding-device[data-chrome=phone]{border-radius:2.1rem;padding:10px;box-shadow:0 24px 60px #1717172e,inset 0 0 0 1px #ffffff1f}.onboarding-device[data-chrome=phone][data-flush=true]{box-shadow:none;background:var(--ob-card);border-radius:0;padding:0}.onboarding-device[data-chrome=desktop]{border-radius:.9rem;padding:2.25rem 8px 8px;box-shadow:0 18px 48px #17171729}.onboarding-device-bar{align-items:center;gap:.35rem;height:2.25rem;padding:0 .75rem;display:flex;position:absolute;top:0;left:0;right:0}.onboarding-device-bar span{background:#3f3f3f;border-radius:999px;width:.55rem;height:.55rem}.onboarding-device-bar span:first-child{background:#ef4444}.onboarding-device-bar span:nth-child(2){background:#eab308}.onboarding-device-bar span:nth-child(3){background:#22c55e}.onboarding-device-screen{background:var(--ob-card);border-radius:.15rem;flex:none;position:relative;overflow:hidden}.onboarding-device[data-chrome=phone] .onboarding-device-screen{border-radius:1.35rem}.onboarding-device[data-chrome=phone][data-flush=true] .onboarding-device-screen{border-radius:0}.onboarding-device-screen iframe{background:var(--ob-card);opacity:0;transform-origin:0 0;transition:opacity .22s var(--ob-ease);border:0;display:block;position:absolute;top:0;left:0}.onboarding-device-screen[data-ready=true] iframe{opacity:1}.onboarding-device-wait{z-index:1;background:linear-gradient(180deg, var(--ob-soft), var(--ob-card));position:absolute;inset:0}.onboarding-device-screen[data-ready=true] .onboarding-device-wait{display:none}.onboarding-shell-reveal{box-sizing:border-box;width:100%;max-width:1400px;height:100svh;margin-inline:auto;overflow:hidden}@media (max-width:767px){.onboarding-shell-reveal{height:auto;min-height:100svh;overflow:auto}.onboarding-preview[data-layout=page]{flex:none}.onboarding-preview[data-layout=page] .onboarding-device-wrap{height:auto;min-height:0}}.onboarding-shell-reveal .onboarding-progress{gap:.3rem;max-width:none;margin:0 0 .5rem}.onboarding-shell-reveal .onboarding-reveal{gap:.4rem}.onboarding-shell-reveal .onboarding-reveal-copy h1{font-size:clamp(1.2rem,2.4vw,1.45rem)}.onboarding-shell-reveal .onboarding-lead{margin-top:.2rem;font-size:.9rem}.onboarding-shell-reveal .onboarding-preview{flex:1;min-height:0}.onboarding-shell-reveal .onboarding-preview-pair,.onboarding-shell-reveal .onboarding-preview-pane,.onboarding-shell-reveal .onboarding-device-wrap{height:100%;min-height:0}.onboarding-shell-reveal .onboarding-reveal-footer{flex-direction:column;flex:none;align-items:center;gap:.4rem;display:flex}.onboarding-shell-reveal .onboarding-actions{background:0 0;margin-top:0;padding-top:0;position:static}.onboarding-shell-reveal .onboarding-quiet{text-align:center;max-width:22rem;color:var(--ob-muted);margin:0;font-size:.78rem;line-height:1.4}@media (min-width:768px){.onboarding-shell{padding:1.5rem 2rem 2rem}.onboarding-shell-reveal{padding:8px 20px 12px}.onboarding-shell-reveal .onboarding-progress{margin-bottom:.25rem}.onboarding-shell-reveal .onboarding-reveal{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1rem;display:grid}.onboarding-shell-reveal .onboarding-reveal-copy{grid-area:1/1}.onboarding-shell-reveal .onboarding-preview{display:contents}.onboarding-shell-reveal .onboarding-view-toggle{grid-area:1/2;place-self:end}.onboarding-shell-reveal .onboarding-preview-pair{grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) 260px;gap:32px;height:auto;min-height:0}.onboarding-shell-reveal .onboarding-preview-pane[data-size=main]{padding:0}.onboarding-shell-reveal .onboarding-reveal-footer{grid-area:3/1/auto/-1}.onboarding-shell-reveal .onboarding-actions{background:0 0;flex-wrap:wrap;grid-template-columns:none;justify-content:center;align-items:center;gap:.75rem 1.25rem;width:auto;max-width:none;margin:0;padding-top:0;display:flex;position:static}.onboarding-fill{justify-content:center;padding-top:0;padding-bottom:6vh}.onboarding-actions{grid-template-columns:1fr auto;align-items:center;width:100%;max-width:34rem;margin-left:auto;margin-right:auto}}@media (hover:hover) and (pointer:fine){.onboarding-result:hover{border-color:var(--ob-ink)}.onboarding-button:hover:not(:disabled){transform:translateY(-1px)}.onboarding-button:hover:active:not(:disabled){transform:scale(.97)}.onboarding-view-toggle button:hover:not([aria-pressed=true]){color:var(--ob-ink)}.onboarding-photo-menu button:hover{background:var(--ob-soft)}}@media (prefers-reduced-motion:reduce){.onboarding-results li,.onboarding-step[data-state=current] .onboarding-dot{transition:none;animation:none;transform:none}.onboarding-device-screen iframe{opacity:1;transition:none;animation:none}.onboarding-photo-menu{animation:none}}.onboarding-shell-edit{max-width:none;height:100svh;overflow:hidden}.onboarding-edit{flex:1;grid-template-rows:auto auto minmax(0,1fr) auto minmax(9rem,24vh);grid-template-areas:"progress""nav""form""actions""preview";gap:.75rem;min-height:0;display:grid}.onboarding-edit[data-step=review]{grid-template-rows:auto auto minmax(0,1fr) auto minmax(12rem,32vh)}.onboarding-edit-progress{grid-area:progress;gap:.4rem;display:grid}.onboarding-edit-progress p{color:var(--ob-muted);margin:0;font-size:.8rem;font-weight:500}.onboarding-edit-progress-track{grid-template-columns:repeat(var(--ob-steps,8), minmax(0, 1fr));gap:.35rem;display:grid}.onboarding-edit-progress-track span{background:var(--ob-line);border-radius:999px;height:4px;display:block}.onboarding-edit-progress-track span[data-done=true],.onboarding-edit-progress-track span[data-current=true]{background:var(--ob-ink)}.onboarding-edit-progress-track span[data-current=true]{opacity:.55}.onboarding-edit-nav{-webkit-overflow-scrolling:touch;grid-area:nav;gap:.4rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.onboarding-edit-nav a{border:1px solid var(--ob-line);background:var(--ob-card);min-height:44px;color:var(--ob-ink);border-radius:999px;flex:none;align-items:center;padding:0 .85rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.onboarding-edit-nav a[aria-current=page]{background:var(--ob-ink);color:#fafafa;border-color:var(--ob-ink)}.onboarding-edit-preview{grid-area:preview;min-height:0}.onboarding-edit-preview .onboarding-preview,.onboarding-edit-preview .onboarding-preview-pair,.onboarding-edit-preview .onboarding-preview-pane,.onboarding-edit-preview .onboarding-device-wrap{height:100%;min-height:0}.onboarding-edit-form{grid-area:form;min-height:0;overflow:auto}.onboarding-edit-form h1{font-size:clamp(1.4rem,5vw,1.85rem)}.onboarding-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0;padding:0;list-style:none;display:grid}.onboarding-photo-card{aspect-ratio:1;background:var(--ob-soft);cursor:grab;border-radius:1rem;position:relative;overflow:hidden}.onboarding-photo-card[data-menu=true]{z-index:2;overflow:visible}.onboarding-photo-card img{object-fit:cover;pointer-events:none;border-radius:1rem;width:100%;height:100%}.onboarding-photo-badge{color:#fff;pointer-events:none;background:#111;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.onboarding-photo-menu{z-index:3;transform-origin:50%;animation:onboarding-photo-menu-in .16s var(--ob-ease);background:#fff;border-radius:.85rem;padding:.25rem;display:grid;position:absolute;top:50%;left:.5rem;right:.5rem;transform:translateY(-50%);box-shadow:0 12px 32px #17171733}.onboarding-photo-menu button{width:100%;min-height:44px;color:var(--ob-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.65rem;margin:0;padding:0 .75rem;font-size:.92rem;font-weight:600}.onboarding-photo-menu button:active{transform:scale(.97)}@keyframes onboarding-photo-menu-in{0%{opacity:0;transform:translateY(-50%)scale(.96)}to{opacity:1;transform:translateY(-50%)scale(1)}}.onboarding-photo-tools{z-index:4;gap:.3rem;display:flex;position:absolute;bottom:.4rem;right:.4rem}.onboarding-icon-button{min-width:44px;min-height:44px;color:var(--ob-ink);font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;font-weight:700}.onboarding-hours{gap:.65rem;margin:1rem 0;display:grid}.onboarding-hours-row{grid-template-columns:4.5rem 1fr;align-items:center;gap:.5rem;display:grid}.onboarding-hours-controls{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.onboarding-hours-controls input[type=time]{border:1px solid var(--ob-line);min-height:44px;font:inherit;background:var(--ob-card);border-radius:.75rem;padding:0 .5rem}.onboarding-chip{border:1px solid var(--ob-line);background:var(--ob-card);min-height:44px;font:inherit;cursor:pointer;border-radius:999px;padding:0 .85rem;font-weight:600}.onboarding-chip[aria-pressed=true]{background:var(--ob-ink);color:#fff;border-color:var(--ob-ink)}.onboarding-count{color:var(--ob-muted);margin:.35rem 0 0;font-size:.82rem}.onboarding-examples{background:var(--ob-card);border:1px solid var(--ob-line);border-radius:1rem;margin:.85rem 0 0;padding:.85rem 1rem}.onboarding-examples p{color:var(--ob-muted);margin:0 0 .4rem;font-size:.82rem;font-weight:600}.onboarding-examples ul{color:var(--ob-muted);margin:0;padding-left:1.1rem}.onboarding-swatches{gap:.75rem;margin:1rem 0;display:grid}.onboarding-swatch{text-align:left;border:1.5px solid var(--ob-line);background:var(--ob-card);cursor:pointer;border-radius:1.1rem;gap:.55rem;width:100%;padding:.7rem;display:grid}.onboarding-swatch[aria-pressed=true]{border-color:var(--ob-ink)}.onboarding-swatch-thumb{background:var(--ob-soft);border-radius:.8rem;grid-template-rows:1.7rem 1fr auto;height:8.5rem;display:grid;position:relative;overflow:hidden}.onboarding-swatch-bar{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 .55rem;font-size:.62rem;font-weight:700;display:flex;overflow:hidden}.onboarding-swatch-thumb img{object-fit:cover;width:100%;height:100%}.onboarding-swatch-empty{align-items:flex-end;padding:.45rem;font-size:.78rem;font-weight:700;display:flex}.onboarding-swatch-cta{border-radius:999px;justify-self:start;margin:.4rem;padding:.18rem .5rem;font-size:.58rem;font-weight:700}.onboarding-swatch-name{letter-spacing:-.03em;font-weight:700;position:absolute;bottom:.7rem;left:.7rem}.onboarding-swatch-chips{gap:.35rem;display:flex}.onboarding-swatch-chips span{border:1px solid #00000014;border-radius:999px;width:1.15rem;height:1.15rem}.onboarding-offering{border:1px solid var(--ob-line);background:var(--ob-card);border-radius:1rem;gap:.5rem;margin-bottom:.65rem;padding:.9rem;display:grid}.onboarding-checklist{gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid}.onboarding-checklist a{background:var(--ob-card);border:1px solid var(--ob-line);min-height:48px;color:inherit;border-radius:.95rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .95rem;font-weight:600;text-decoration:none;display:flex}.onboarding-checklist em{color:var(--ob-muted);font-style:normal;font-weight:500}.onboarding-saved{color:var(--ob-muted);margin:.75rem 0 0;font-size:.8rem}.onboarding-edit-actions{grid-area:actions;gap:.5rem;display:grid}.onboarding-edit-actions .onboarding-button,.onboarding-edit-actions .onboarding-text-button{width:100%}@media (min-width:768px){.onboarding-edit,.onboarding-edit[data-step=review]{grid-template:"progress preview""nav preview""form preview"minmax(0,1fr)"actions preview"/minmax(22rem,28rem) minmax(0,1fr);gap:1rem 1.5rem}.onboarding-edit-progress{grid-area:progress}.onboarding-edit-nav{grid-area:nav}.onboarding-edit-form{grid-area:form}.onboarding-edit-actions{grid-area:actions}.onboarding-edit-preview{grid-area:preview;min-height:0}.onboarding-photo-grid,.onboarding-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}.onboarding-otp{letter-spacing:.4em;font-variant-numeric:tabular-nums;text-align:center;font-size:1.45rem}.onboarding-dev-hint{background:var(--ob-card);border:1px dashed var(--ob-line);border-radius:.9rem;margin:1rem 0 0;padding:.75rem .95rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem}.onboarding-live-url{background:var(--ob-card);border:1px solid var(--ob-line);word-break:break-all;border-radius:.95rem;margin:1rem 0 0;padding:.85rem 1rem;font-weight:600}.onboarding-qr-card{border:1px solid var(--ob-line);text-align:center;background:#fff;border-radius:1.15rem;max-width:20rem;margin:1.25rem auto 0;padding:1rem}.onboarding-qr,.onboarding-qr-wait{width:min(280px,70vw);height:min(280px,70vw);margin:0 auto;display:block}.onboarding-qr-wait{background:var(--ob-soft);border-radius:.5rem}.onboarding-qr-card p{color:var(--ob-muted);margin:.75rem 0 0}.onboarding-note a{color:var(--ob-ink);font-weight:600}