.onboarding-wizard{--ob-space-sm: 0.75rem;--ob-space-md: 1rem;--ob-space-lg: 1.5rem;--ob-space-xl: 2rem;--ob-radius-xl: 20px;--ob-shadow-lg: 0 24px 64px rgba(12, 36, 74, 0.2);--ob-border: rgba(255, 255, 255, 0.45);--ob-surface: rgba(255, 255, 255, 0.76);--ob-text-primary: #1b3054;--ob-text-secondary: #3d5a80;--ob-ease-out: cubic-bezier(0.2, 0.9, 0.2, 1);margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;color:var(--ob-text-primary);background:#c8e3ff}.ob-main{position:relative;z-index:2;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(var(--ob-space-xl) + 1rem) var(--ob-space-md) var(--ob-space-xl)}.ob-shell{width:100%;max-width:1040px}.ob-panel{background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-xl);box-shadow:var(--ob-shadow-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ob-sky{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.ob-sky__layer{position:absolute;inset:-3%;transition:opacity 500ms var(--ob-ease-out)}.ob-sky__ground{background:linear-gradient(180deg, #d8f0ff 0%, #c3e4ff 58%, #b4dcff 100%)}.ob-sky__low{opacity:calc(1 - (var(--ob-altitude) / 160));background:linear-gradient(180deg, rgba(143,193,255,0.2) 0%, rgba(124,179,248,0.45) 100%)}.ob-sky__mid{opacity:calc(var(--ob-altitude) / 170);background:radial-gradient(90% 65% at 50% 15%, rgba(190,220,255,0.95) 0%, rgba(136,182,242,0.1) 70%, rgba(110,158,226,0) 100%)}.ob-sky__high{opacity:calc(var(--ob-altitude) / 220);background:linear-gradient(180deg, rgba(64,110,176,0.65) 0%, rgba(89,136,201,0.36) 40%, rgba(147,187,243,0.08) 100%)}.ob-sky__stars{opacity:calc(var(--ob-altitude) / 180);background:radial-gradient(circle at 20% 12%, rgba(255,255,255,0.24) 0, rgba(255,255,255,0) 50%),radial-gradient(circle at 82% 18%, rgba(255,255,255,0.2) 0, rgba(255,255,255,0) 54%),radial-gradient(circle at 50% 2%, rgba(255,255,255,0.16) 0, rgba(255,255,255,0) 48%)}.ob-cloud{position:absolute;background:rgba(255,255,255,0.66);border-radius:999px;filter:blur(1px)}.ob-cloud::before,.ob-cloud::after{content:"";position:absolute;background:rgba(255,255,255,0.66);border-radius:999px}.ob-cloud--1,.ob-cloud--3,.ob-cloud--5{width:210px;height:56px}.ob-cloud--2,.ob-cloud--4{width:180px;height:48px}.ob-cloud--1{left:4%;top:22%}.ob-cloud--2{left:72%;top:16%}.ob-cloud--3{left:16%;top:62%}.ob-cloud--4{left:78%;top:48%}.ob-cloud--5{left:44%;top:34%}.ob-cloud::before{width:45%;height:120%;top:-40%;left:12%}.ob-cloud::after{width:35%;height:100%;top:-30%;right:12%}.ob-stars{position:absolute;inset:0}.ob-star{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(255,255,255,0.8);animation:ob-star-twinkle 3.6s ease-in-out infinite}@keyframes ob-star-twinkle{0%,100%{opacity:0.2;transform:scale(0.95)}50%{opacity:0.95;transform:scale(1.25)}}.ob-escape{position:fixed;top:var(--ob-space-md);right:var(--ob-space-md);z-index:3}.ob-escape__link{display:inline-flex;align-items:center;padding:0.5rem 0.95rem;border-radius:999px;border:1px solid var(--ob-border);background:rgba(255,255,255,0.72);color:var(--ob-text-primary);font-size:0.875rem;font-weight:600;text-decoration:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform 180ms var(--ob-ease-out),background-color 180ms var(--ob-ease-out)}.ob-escape__link:hover,.ob-escape__link:focus-visible{color:var(--ob-text-primary);background:rgba(255,255,255,0.88);transform:translateX(2px)}.ob-flashes{position:fixed;top:4rem;left:50%;transform:translateX(-50%);width:calc(100% - 1.5rem);max-width:720px;z-index:4}.ob-status-grid{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:0.75rem}.ob-status-card{border-radius:14px;border:1px solid rgba(188,213,247,0.75);background:rgba(255,255,255,0.88)}.ob-status-label{text-transform:uppercase;letter-spacing:0.06em;color:var(--ob-text-secondary);font-size:0.72rem}.ob-shell--hub{max-width:920px}.ob-hub-panel{position:relative}.ob-hub-header{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1rem}.ob-hub-kicker{text-transform:uppercase;letter-spacing:0.08em;font-size:0.75rem;font-weight:700;color:#315685}.ob-hub-title{font-size:1.6rem;font-weight:700;color:var(--ob-text-primary)}.ob-hub-subtitle{color:var(--ob-text-secondary)}.ob-hub-percent{font-size:1.65rem;font-weight:700;color:#1f4f84}.ob-hub-progress__track{width:100%;height:12px;background:rgba(255,255,255,0.62);border:1px solid rgba(151,187,233,0.6);border-radius:999px;overflow:hidden}.ob-hub-progress__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg, #5ba4ff 0%, #79c0ff 55%, #91d1ff 100%);transition:width 450ms var(--ob-ease-out);animation:ob-progress-pulse 2.4s ease-in-out infinite}.ob-hub-path{list-style:none;margin:0;padding:0}.ob-step-card{position:relative;display:flex;gap:0.8rem;border-radius:16px;padding:0.9rem 1rem;border:1px solid rgba(173,199,234,0.72);background:rgba(255,255,255,0.78);transition:border-color 200ms var(--ob-ease-out),box-shadow 200ms var(--ob-ease-out),background-color 200ms var(--ob-ease-out)}.ob-step-card+.ob-step-card{margin-top:0.85rem}.ob-step-card+.ob-step-card::before{content:"";position:absolute;left:20px;top:-0.85rem;width:2px;height:0.85rem;background:rgba(131,168,215,0.55)}.ob-hub-path--single .ob-step-card[data-onboarding--wizard-target="stepCard"]{display:none}.ob-hub-path--single .ob-step-card[data-onboarding--wizard-target="stepCard"]+.ob-step-card[data-onboarding--wizard-target="stepCard"]::before{display:none}.ob-hub-path--single .ob-step-card.ob-step-card--single-visible[data-onboarding--wizard-target="stepCard"],.ob-hub-path--single .ob-step-card.ob-step-card--single-exit[data-onboarding--wizard-target="stepCard"]{display:flex;max-width:100%;margin-left:auto;margin-right:auto}.ob-step-card--complete{border-color:rgba(54,176,132,0.45);background:rgba(230,252,244,0.8)}.ob-step-card--active{border-width:2px;border-color:rgba(68,132,224,0.65);background:rgba(255,255,255,0.88);box-shadow:0 10px 32px rgba(49,109,195,0.18)}.ob-step-card--upcoming{opacity:0.78}.ob-step-card__icon{width:22px;height:22px;margin-top:0.2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#2a5f9c}.ob-step-card__dot{width:14px;height:14px;border-radius:50%;background:#2f8aff;box-shadow:0 0 0 6px rgba(47,138,255,0.2)}.ob-step-card__body{min-width:0;flex:1 1 auto;width:100%}.ob-step-card__heading{margin-bottom:0.2rem}.ob-step-card__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;border:0;padding:0;margin:0;background:transparent;text-align:left;color:inherit}.ob-step-card__toggle:focus-visible{outline:2px solid rgba(47,138,255,0.55);outline-offset:3px;border-radius:8px}.ob-step-card__title{margin:0;line-height:1.3}.ob-step-card__title-text{font-size:1rem;font-weight:700;color:#214f82}.ob-step-state{display:inline-flex;align-items:center;padding:0.15rem 0.55rem;border-radius:999px;font-size:0.68rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase}.ob-step-state--complete{color:#1d7a5b;background:rgba(38,171,123,0.18)}.ob-step-state--active{color:#2258a3;background:rgba(56,126,230,0.18)}.ob-step-state--upcoming{color:#5f7392;background:rgba(147,170,202,0.22)}.ob-step-state--active,.ob-step-state--upcoming{display:none}.ob-step-card--active .ob-step-state--active,.ob-step-card--upcoming .ob-step-state--upcoming{display:inline-flex}.ob-step-card__desc{color:#3d5a80}.ob-step-card__summary{color:#3d5a80}.ob-step-card__summary-group{display:flex;flex-direction:column;gap:0.3rem}.ob-step-card__summary-link{width:fit-content;color:#1f5ca4;font-weight:600;text-decoration:none}.ob-step-card__summary-link:hover,.ob-step-card__summary-link:focus-visible{color:#13457f;text-decoration:underline}.ob-step-card--celebration{border-width:2px;border-color:rgba(255,186,84,0.72);background:rgba(255,252,241,0.92);box-shadow:0 14px 34px rgba(255,177,71,0.2)}.ob-site-celebration{border:1px solid rgba(254,199,102,0.7);border-radius:12px;padding:0.85rem 0.95rem;background:rgba(255,247,220,0.85)}.ob-site-celebration__title{font-size:1rem;font-weight:700;color:#8d4c04}.ob-site-celebration__desc{color:#80561c;font-size:0.92rem}.ob-site-celebration__actions{display:flex;flex-wrap:wrap;gap:0.55rem}.ob-step-card__details{overflow:hidden;width:100%}.ob-step-card__step-content{width:100%}body.has-js .ob-step-card__details[hidden]{display:none !important}body.has-js .ob-step-card__step-content[hidden],body.has-js .ob-step-card__locked[hidden]{display:none !important}body.has-js .ob-site-celebration[hidden]{display:none !important}body.has-js .ob-step-card.is-expanded .ob-step-card__details{animation:ob-step-details-in 220ms var(--ob-ease-out)}.ob-step-card__locked{color:#647c9c}.ob-step-options{display:flex;flex-wrap:wrap;gap:0.55rem;margin-bottom:0.6rem;width:100%}.ob-step-nav{margin-top:0.85rem;padding-top:0.75rem;border-top:1px solid rgba(156,184,219,0.42);display:flex;align-items:center;justify-content:space-between;gap:0.6rem}.ob-step-nav__right{display:inline-flex;align-items:center;gap:0.6rem;margin-left:auto}.ob-step-nav__button{min-width:96px;border-width:1px;border-color:rgba(123,155,194,0.66);color:#325f95;background:rgba(248,252,255,0.84)}.ob-step-nav__button:hover,.ob-step-nav__button:focus-visible{color:#1f4f84;border-color:rgba(79,126,184,0.72);background:rgba(240,248,255,0.94)}.ob-step-nav__button:disabled{opacity:0.45;cursor:not-allowed;border-color:rgba(166,186,210,0.52);color:#7a91ac;background:rgba(244,248,252,0.72)}.ob-step-skip{border:0;padding:0.2rem 0;background:transparent;color:#5f7798;font-size:0.86rem;font-weight:600;text-decoration:none;cursor:pointer}.ob-step-skip:hover,.ob-step-skip:focus-visible{color:#355f91;text-decoration:underline;text-underline-offset:0.15rem}.ob-step-hint{color:#5d7290;font-size:0.84rem}.ob-step-inline-pill{display:inline-flex;gap:0.35rem;align-items:center;border:1px solid rgba(160,191,232,0.74);border-radius:999px;padding:0.25rem 0.55rem;font-size:0.8rem;color:#305f96;background:rgba(232,244,255,0.7)}.ob-upload-step{position:relative;display:flex;flex-direction:column;gap:0.65rem;margin-bottom:0.55rem;width:100%}.ob-upload-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ob-upload-zone{width:100%;min-height:160px;border:2px dashed rgba(106,150,208,0.6);border-radius:14px;padding:0.9rem;background:rgba(244,251,255,0.8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.35rem;text-align:center;cursor:pointer}.ob-upload-zone__title{color:#2a5d96;font-size:0.95rem;font-weight:700}.ob-upload-zone__subtitle{color:#5f7898;font-size:0.82rem}.ob-upload-zone--dragover{border-color:rgba(56,126,230,0.85);background:rgba(224,241,255,0.92)}.ob-upload-preview-wrap{padding:0.5rem;border-radius:12px;border:1px solid rgba(168,193,225,0.72);background:rgba(255,255,255,0.9)}.ob-upload-preview-wrap--banner{padding:0.3rem}.ob-upload-preview{display:block;width:auto;max-width:100%;max-height:140px;margin:0 auto;border-radius:8px}.ob-upload-preview--banner{width:100%;max-height:180px;object-fit:cover;aspect-ratio:4 / 1}.ob-upload-change{align-self:flex-start}.ob-upload-meta{display:inline-flex;align-items:center;gap:0.5rem}.ob-upload-status{color:#3d5a80;font-size:0.85rem}.ob-upload-retry{align-self:flex-start}.ob-color-step{display:flex;flex-direction:column;gap:0.6rem;margin-bottom:0.55rem}.ob-extracted-palette{border:1px solid rgba(114,188,152,0.45);border-radius:12px;background:rgba(231,251,241,0.72);padding:0.7rem 0.8rem;color:#25684d}.ob-extracted-palette__swatches{display:inline-flex;align-items:center;gap:0.45rem}.ob-extracted-palette__swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,0.85);box-shadow:0 2px 8px rgba(27,55,91,0.16)}.ob-color-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.55rem}.ob-color-swatch{border:1px solid rgba(156,188,224,0.75);border-radius:12px;background:rgba(255,255,255,0.86);padding:0.5rem 0.6rem;display:flex;flex-direction:column;align-items:flex-start;gap:0.35rem;text-align:left;transition:border-color 160ms var(--ob-ease-out),box-shadow 160ms var(--ob-ease-out)}.ob-color-swatch__name{color:#335f94;font-size:0.82rem;font-weight:700}.ob-color-swatch__dots{display:inline-flex;align-items:center;gap:0.3rem}.ob-color-swatch__dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(255,255,255,0.85)}.ob-color-swatch__hint{font-size:0.73rem;font-weight:600;color:#5a7392}.ob-color-swatch--active,.ob-color-swatch:hover,.ob-color-swatch:focus-visible{border-color:rgba(77,137,219,0.85);box-shadow:0 0 0 2px rgba(105,164,238,0.22)}.ob-color-swatch.is-disabled{opacity:0.68;cursor:not-allowed}.ob-tagline-step{margin-bottom:0.55rem}.ob-tagline-input{border-color:rgba(149,181,223,0.78);box-shadow:none}.ob-tagline-input:focus{border-color:rgba(82,140,217,0.9);box-shadow:0 0 0 3px rgba(110,171,245,0.2)}.ob-tagline-counter{color:#546275;font-size:0.8rem}.ob-tagline-counter.is-warning{color:#915d11}.ob-step-card--allset{border-color:rgba(93,166,116,0.52);background:rgba(239,252,243,0.88)}.ob-step-card--allset .ob-step-options{justify-content:flex-end}.ob-step-card--allset.ob-allset-celebrating{animation:ob-allset-card-pop 820ms cubic-bezier(0.2, 0.9, 0.2, 1)}.ob-step-card--allset.ob-allset-celebrating .ob-step-card__icon{animation:ob-allset-icon-pop 760ms cubic-bezier(0.2, 0.9, 0.2, 1)}.ob-step-card--allset.ob-allset-celebrating .ob-allset-list li{animation:ob-allset-item-reveal 520ms ease-out both}.ob-step-card--allset.ob-allset-celebrating .ob-allset-list li:nth-child(1){animation-delay:0ms}.ob-step-card--allset.ob-allset-celebrating .ob-allset-list li:nth-child(2){animation-delay:60ms}.ob-step-card--allset.ob-allset-celebrating .ob-allset-list li:nth-child(3){animation-delay:120ms}.ob-step-card--allset.ob-allset-celebrating .ob-allset-list li:nth-child(4){animation-delay:180ms}.ob-step-card--allset.ob-allset-celebrating .ob-allset-list li:nth-child(5){animation-delay:240ms}.ob-allset-list{list-style:none;margin:0 0 0.75rem;padding:0;display:flex;flex-direction:column;gap:0.5rem}.ob-allset-list li{display:inline-flex;align-items:center;gap:0.45rem;color:#577496}.ob-allset-list li.is-complete{color:#237a57}.ob-allset-edit-links{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0 0 0.75rem}.ob-step-options .button_to{margin:0;display:inline-flex}.ob-allset-submit{display:inline-flex;align-items:center;justify-content:center}.ob-allset-submit--next{font-weight:700}.ob-allset-next-hint{color:#355f91;font-size:0.9rem;font-weight:600}.ob-hub-actions{margin-top:1.25rem;display:flex;gap:0.6rem}@media (max-width: 767.98px){.ob-step-nav{flex-direction:column;align-items:stretch}.ob-step-nav__right{width:100%;justify-content:space-between}.ob-step-nav__button{width:100%}.ob-step-nav__right .ob-step-nav__button{width:auto;flex:1 1 auto}.ob-step-options{flex-direction:column;align-items:stretch}.ob-step-options>*{width:100%}.ob-step-options .btn,.ob-step-options .button_to,.ob-step-options .button_to input,.ob-step-options .button_to .ob-allset-submit{width:100%;justify-content:center}.ob-allset-edit-links{flex-direction:column;align-items:stretch}.ob-allset-edit-links .btn{width:100%}}@media (max-width: 479.98px){.ob-step-card--allset .ob-step-options{flex-direction:column;align-items:stretch}.ob-step-card--allset .ob-step-options>*{width:100%}.ob-step-card--allset .ob-step-options .btn,.ob-step-card--allset .ob-step-options .button_to,.ob-step-card--allset .ob-step-options .button_to input{width:100%;justify-content:center}}@media (max-width: 399.98px){.ob-color-grid{grid-template-columns:1fr}}@media (min-width: 768px){.onboarding-wizard{--ob-space-md: 1.25rem;--ob-space-lg: 1.75rem;--ob-space-xl: 2.5rem}.ob-main{padding-top:calc(var(--ob-space-xl) + 1.25rem)}.ob-status-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}.ob-hub-header{flex-direction:row;align-items:flex-start;justify-content:space-between}.ob-hub-title{font-size:1.95rem}.ob-hub-path{padding-top:0.35rem}.ob-hub-path:not(.ob-hub-path--single) .ob-step-card{max-width:86%}.ob-hub-path:not(.ob-hub-path--single) .ob-step-card:nth-child(odd){margin-left:auto}.ob-hub-path:not(.ob-hub-path--single) .ob-step-card:nth-child(even){margin-right:auto}.ob-hub-path:not(.ob-hub-path--single) .ob-step-card+.ob-step-card::before{height:1rem;top:-1rem}.ob-upload-zone{min-height:200px}.ob-color-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}@keyframes ob-progress-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.06)}}@keyframes ob-step-details-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ob-allset-card-pop{0%{transform:translateY(6px) scale(0.992);box-shadow:0 8px 24px rgba(25,67,38,0.06)}45%{transform:translateY(-2px) scale(1.006);box-shadow:0 16px 38px rgba(25,67,38,0.12)}100%{transform:translateY(0) scale(1);box-shadow:0 10px 24px rgba(25,67,38,0.08)}}@keyframes ob-allset-icon-pop{0%{transform:scale(0.88) rotate(-6deg)}45%{transform:scale(1.14) rotate(6deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes ob-allset-item-reveal{0%{opacity:0.2;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.ob-star,.ob-escape__link,.ob-step-card,.ob-hub-progress__fill,.ob-step-card--allset .ob-step-card__icon,.ob-step-card--allset .ob-allset-list li{animation:none !important;transition:none !important}body.has-js .ob-step-card.is-expanded .ob-step-card__details{animation:none !important}}