.onboarding-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,#07111f 72%,transparent);backdrop-filter:blur(12px);animation:onboarding-fade-in .22s ease-out both}.onboarding-container{position:relative;display:flex;flex-direction:column;width:min(100%,920px);min-height:min(680px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:24px;background:var(--background);color:var(--foreground);box-shadow:0 32px 100px rgba(0,0,0,.28);animation:onboarding-rise .32s cubic-bezier(.2,.75,.25,1) both}.onboarding-ambient{position:absolute;z-index:0;top:-230px;left:50%;width:700px;height:430px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--primary) 20%,transparent),transparent 68%);filter:blur(32px);pointer-events:none}.onboarding-content,.onboarding-footer,.onboarding-header,.onboarding-loading,.onboarding-stepper,.onboarding-success{position:relative;z-index:1}.onboarding-header{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 34px;border-bottom:1px solid var(--border)}.onboarding-brand{display:inline-flex;align-items:center;gap:9px;color:var(--foreground);font-size:calc(var(--castrel-font-scale, 1) * 11px);font-weight:800;letter-spacing:.13em}.onboarding-brand>span:last-child{color:var(--muted-foreground);font-size:calc(var(--castrel-font-scale, 1) * 9px);font-weight:600;letter-spacing:.16em}.onboarding-brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--primary) 11%,var(--background));color:var(--primary-text)}.onboarding-back,.onboarding-dismiss{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted-foreground);font:inherit;font-size:calc(var(--castrel-font-scale, 1) * 13px);cursor:pointer;transition:background .15s ease,color .15s ease}.onboarding-back:hover,.onboarding-dismiss:hover{background:color-mix(in srgb,var(--foreground) 5%,transparent);color:var(--foreground)}.onboarding-stepper{display:flex;justify-content:center;gap:clamp(18px,5vw,64px);padding:24px 20px 10px}.onboarding-step{display:inline-flex;align-items:center;gap:9px;color:var(--muted-foreground);font-size:calc(var(--castrel-font-scale, 1) * 12px);transition:color .18s ease}.onboarding-step[data-state=active]{color:var(--foreground);font-weight:650}.onboarding-step[data-state=done]{color:var(--primary-text)}.onboarding-step-marker{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--background);color:var(--muted-foreground);font-size:calc(var(--castrel-font-scale, 1) * 11px);font-weight:700}.onboarding-step[data-state=active] .onboarding-step-marker{border-color:var(--primary-action);background:var(--primary-action);color:var(--primary-action-foreground);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.onboarding-step[data-state=done] .onboarding-step-marker{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));background:color-mix(in srgb,var(--primary) 10%,var(--background));color:var(--primary-text)}.onboarding-content{display:flex;flex:1;flex-direction:column;justify-content:center;overflow:auto;padding:18px 56px 34px;animation:onboarding-content-in .22s ease-out both}.onboarding-intro,.onboarding-product-step,.onboarding-ready{width:min(100%,700px);margin:auto;text-align:center}.onboarding-hero-art{position:relative;display:grid;width:190px;height:150px;margin:0 auto 16px;place-items:center}.onboarding-art-glow{position:absolute;width:148px;height:116px;border-radius:50%;background:color-mix(in srgb,var(--primary) 18%,transparent);filter:blur(30px)}.onboarding-art-card{position:absolute;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:20px;background:var(--background);color:var(--primary-text);box-shadow:0 14px 36px color-mix(in srgb,var(--foreground) 12%,transparent)}.onboarding-art-card-back{right:23px;bottom:17px;width:78px;height:78px;transform:rotate(9deg);color:var(--primary-text)}.onboarding-art-card-front{top:18px;left:28px;width:92px;height:92px;border-radius:25px;transform:rotate(-7deg);background:color-mix(in srgb,var(--primary) 9%,var(--background))}.onboarding-art-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 12%,transparent)}.onboarding-art-dot.dot-one{top:16px;right:26px}.onboarding-art-dot.dot-two{bottom:20px;left:18px;width:6px;height:6px;opacity:.65}.onboarding-eyebrow{margin:0 0 12px;color:var(--primary-text);font-size:calc(var(--castrel-font-scale, 1) * 11px);font-weight:750;letter-spacing:.13em;text-transform:uppercase}.onboarding-content h1,.onboarding-loading h1,.onboarding-success h1{margin:0;color:var(--foreground);font-size:clamp(calc(26px * var(--castrel-font-scale, 1)),calc(4vw * var(--castrel-font-scale, 1)),calc(38px * var(--castrel-font-scale, 1)));font-weight:730;letter-spacing:-.045em;line-height:1.2}.onboarding-intro h1 span{color:var(--primary-text)}.onboarding-copy{max-width:570px;margin:15px auto 0;color:var(--muted-foreground);font-size:calc(var(--castrel-font-scale, 1) * 14px);line-height:1.8}.onboarding-intro-points{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin-top:28px;color:var(--muted-foreground);font-size:calc(var(--castrel-font-scale, 1) * 12px)}.onboarding-intro-points span{display:inline-flex;align-items:center;gap:7px}.onboarding-intro-points svg{color:var(--primary-text)}.onboarding-product-step{width:min(100%,760px)}.onboarding-product-flow{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:12px;margin-top:36px;text-align:left}.onboarding-product-card{min-height:202px;padding:21px 18px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--background) 92%,var(--primary));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.onboarding-product-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 38%,var(--border));box-shadow:0 14px 30px color-mix(in srgb,var(--foreground) 8%,transparent)}.onboarding-product-icon{display:grid;width:42px;height:42px;margin-bottom:22px;place-items:center;border-radius:12px}.onboarding-product-icon.employee{background:color-mix(in srgb,#9b7cff 13%,var(--background));color:#8b68e8}.onboarding-product-icon.tools{background:color-mix(in srgb,#2bb89a 13%,var(--background));color:#15977d}.onboarding-product-icon.flow{background:color-mix(in srgb,#e6a43a 15%,var(--background));color:#bf7d17}.onboarding-product-index{color:var(--muted-foreground);font-size:calc(var(--castrel-font-scale, 1) * 9px);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.onboarding-product-card h2{margin:7px 0 5px;color:var(--foreground);font-size:calc(var(--castrel-font-scale, 1) * 16px);font-weight:680}.onboarding-product-card p{margin:0;color:var(--muted-foreground);font-size:calc(var(--castrel-font-scale, 1) * 11px);line-height:1.7}.onboarding-flow-arrow{display:grid;place-items:center;color:var(--primary-text)}.onboarding-product-footnote{margin:23px 0 0;color:var(--muted-foreground);font-size:calc(var(--castrel-font-scale, 1) * 11px)}.onboarding-ready-mark,.onboarding-success-icon{display:grid;width:66px;height:66px;margin:0 auto 24px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:20px;background:color-mix(in srgb,var(--primary) 10%,var(--background));color:var(--primary-text);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 12%,transparent)}.onboarding-ready-summary{display:flex;align-items:center;gap:13px;width:min(100%,440px);margin:30px auto 0;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--background) 92%,var(--primary));text-align:left}.onboarding-ready-check{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,var(--background));color:var(--primary-text)}.onboarding-ready-summary small,.onboarding-ready-summary strong{display:block}.onboarding-ready-summary strong{color:var(--foreground);font-size:calc(var(--castrel-font-scale, 1) * 12px)}.onboarding-ready-summary small{margin-top:4px;color:var(--muted-foreground);font-size:calc(var(--castrel-font-scale, 1) * 11px);line-height:1.5}.onboarding-preview{width:min(100%,440px);margin:18px auto 0;text-align:left;font-size:calc(var(--castrel-font-scale, 1) * 12px)}.onboarding-preview .onboarding-results{margin-top:6px}.onboarding-preview-error{color:var(--error,#dc2626)!important}.onboarding-error{width:min(100%,440px);margin:16px auto 0;color:var(--error,#dc2626);font-size:calc(var(--castrel-font-scale, 1) * 12px);line-height:1.6}.onboarding-footer{display:flex;align-items:center;justify-content:space-between;min-height:80px;padding:14px 34px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--background) 95%,var(--foreground))}.onboarding-footer-meta{display:inline-flex;align-items:center;gap:12px;color:var(--muted-foreground);font-size:calc(var(--castrel-font-scale, 1) * 11px);font-weight:600}.onboarding-footer-meta span{color:var(--foreground);font-size:calc(var(--castrel-font-scale, 1) * 9px);font-weight:800;letter-spacing:.14em}.onboarding-footer-meta i{width:1px;height:15px;background:var(--border)}.onboarding-actions{display:flex;align-items:center;gap:10px}.onboarding-primary{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:1px solid transparent;border-radius:11px;background:var(--primary-action);color:var(--primary-action-foreground);font:inherit;font-size:calc(var(--castrel-font-scale, 1) * 13px);font-weight:650;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.onboarding-primary:hover{background:var(--primary-action-hover);border-color:transparent}.onboarding-back:focus-visible,.onboarding-dismiss:focus-visible,.onboarding-primary:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.onboarding-loading,.onboarding-success{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:48px 28px;text-align:center;animation:onboarding-content-in .26s ease-out both}.onboarding-success{overflow-y:auto;justify-content:safe center}.onboarding-loader-orbit{position:relative;display:grid;width:106px;height:106px;margin-bottom:30px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--primary) 7%,var(--background));color:var(--primary-text);animation:onboarding-breathe 2.4s ease-in-out infinite}.onboarding-loader-orbit:after,.onboarding-loader-orbit:before{position:absolute;content:"";border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:50%}.onboarding-loader-orbit:before{inset:-11px}.onboarding-loader-orbit:after{inset:-22px;opacity:.65}.onboarding-loader-orbit span{position:absolute;top:3px;left:50%;width:9px;height:9px;margin-left:-4px;border:2px solid var(--background);border-radius:50%;background:var(--primary);transform-origin:4px 49px;animation:onboarding-orbit 3s linear infinite}.onboarding-loader-orbit span:nth-child(2){animation-delay:-1s;opacity:.7}.onboarding-loader-orbit span:nth-child(3){animation-delay:-2s;opacity:.45}.onboarding-loading-track{position:relative;width:min(100%,340px);height:4px;margin-top:32px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--primary) 12%,var(--border))}.onboarding-loading-track span{position:absolute;inset:0 auto 0 -40%;width:40%;border-radius:inherit;background:var(--primary);animation:onboarding-indeterminate 1.35s ease-in-out infinite}.onboarding-loading-note{margin:13px 0 0;color:var(--muted-foreground);font-size:calc(var(--castrel-font-scale, 1) * 11px)}.onboarding-success-icon{width:76px;height:76px;border-radius:50%;background:color-mix(in srgb,var(--success,#16a34a) 12%,var(--background));color:var(--success,#16a34a);animation:onboarding-success-pop .36s cubic-bezier(.2,.8,.25,1.3) both}.onboarding-success .onboarding-primary{margin-top:30px}.onboarding-results{width:min(100%,520px);max-height:180px;overflow-y:auto;margin:20px 0 0;padding:0;list-style:none;text-align:left}.onboarding-results li{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:8px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.onboarding-app-result{grid-column:1/-1}.onboarding-app-result summary{display:grid;grid-template-columns:1fr auto auto;gap:4px 16px;cursor:pointer}.onboarding-app-result summary:after{content:"▾";color:var(--muted-foreground)}.onboarding-app-result[open] summary:after{content:"▴"}.onboarding-app-result[open] summary{margin-bottom:4px}.onboarding-app-result>small{display:block;margin-top:4px}.onboarding-results small{grid-column:1/-1;color:var(--muted-foreground)}.onboarding-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}@keyframes onboarding-fade-in{0%{opacity:0}to{opacity:1}}@keyframes onboarding-rise{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onboarding-content-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes onboarding-orbit{to{transform:rotate(1turn)}}@keyframes onboarding-indeterminate{0%{left:-40%}to{left:100%}}@keyframes onboarding-breathe{50%{transform:scale(1.04);box-shadow:0 0 45px color-mix(in srgb,var(--primary) 16%,transparent)}}@keyframes onboarding-success-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (max-width:680px){.onboarding-overlay{padding:10px}.onboarding-container{min-height:min(690px,calc(100dvh - 20px));max-height:calc(100dvh - 20px);border-radius:18px}.onboarding-header{min-height:60px;padding:0 18px}.onboarding-stepper{justify-content:space-between;gap:8px;padding:19px 17px 9px}.onboarding-step{gap:6px;font-size:calc(var(--castrel-font-scale, 1) * 10px)}.onboarding-step-marker{width:22px;height:22px;flex-basis:22px}.onboarding-content{padding:14px 22px 28px}.onboarding-hero-art{height:125px;margin-bottom:11px;transform:scale(.88)}.onboarding-copy{font-size:calc(var(--castrel-font-scale, 1) * 13px)}.onboarding-intro-points{align-items:flex-start;flex-direction:column;width:fit-content;margin:23px auto 0;gap:11px}.onboarding-product-flow{grid-template-columns:1fr;gap:9px;margin-top:23px}.onboarding-product-card{display:grid;min-height:0;grid-template-columns:42px 1fr;column-gap:13px;padding:14px}.onboarding-product-icon{grid-row:span 2;margin:0}.onboarding-product-index{align-self:end}.onboarding-product-card h2{margin:3px 0}.onboarding-product-card p{grid-column:2}.onboarding-flow-arrow{display:none}.onboarding-product-footnote{margin-top:15px;line-height:1.6}.onboarding-footer{min-height:72px;padding:12px 16px}.onboarding-footer-meta{gap:8px;font-size:calc(var(--castrel-font-scale, 1) * 10px)}.onboarding-actions{gap:6px}.onboarding-primary{min-height:42px;padding:0 14px}.onboarding-back,.onboarding-primary{font-size:calc(var(--castrel-font-scale, 1) * 12px)}.onboarding-back{padding:8px}}@media (max-width:390px){.onboarding-step{flex-direction:column;gap:4px;text-align:center}.onboarding-footer-meta span{display:none}.onboarding-content h1,.onboarding-intro h1,.onboarding-loading h1,.onboarding-success h1{font-size:calc(var(--castrel-font-scale, 1) * 25px)}}@media (prefers-reduced-motion:reduce){.onboarding-container,.onboarding-content,.onboarding-loader-orbit,.onboarding-loader-orbit span,.onboarding-loading,.onboarding-loading-track span,.onboarding-overlay,.onboarding-success,.onboarding-success-icon{animation-duration:.01ms!important;animation-iteration-count:1!important}}