.onboarding-site{color:#182453;background:radial-gradient(at 85% 5%,#eee8ff 0,#0000 45%),#f8f9fd;min-height:100dvh}.onboarding-site-nav{box-sizing:border-box;border-bottom:1px solid #e8ecfa;justify-content:space-between;align-items:center;max-width:1320px;height:80px;margin:auto;padding:0 48px;display:flex}.onboarding-site-logo{color:#202129;letter-spacing:-3px;align-items:baseline;font-size:42px;font-weight:850;line-height:1;text-decoration:none;display:inline-flex}.onboarding-site-logo svg{color:#7955cf;width:16px;height:14px;margin-left:3px}.onboarding-site-nav nav{gap:24px;font-size:13px;font-weight:600;display:flex}.onboarding-site-nav nav a{color:#635478;text-decoration:none}.onboarding-site-nav a:focus-visible{outline-offset:5px;outline:2px solid #8960d6}.onboarding-site .ob-live{background:0 0;min-height:calc(100dvh - 80px);padding:20px}.onboarding-site .ob-live .ob-phone{border:1px solid #e6e1f2;border-radius:24px;height:calc(100dvh - 120px);min-height:440px;box-shadow:0 12px 45px #51427a08}.onboarding-site .ob-live .ob-device-area{padding:0}.onboarding-site .ob-live .ob-phone:before{display:none}@media (max-width:600px){.onboarding-site-nav{height:64px;padding:0 22px}.onboarding-site-logo{font-size:34px}.onboarding-site-nav nav{gap:16px;font-size:12px}.onboarding-site .ob-live{min-height:calc(100dvh - 64px);padding:0}.onboarding-site .ob-live .ob-phone{height:calc(100dvh - 64px);min-height:0;box-shadow:none;border:0;border-radius:0}}@media (min-width:701px){.onboarding-site-nav{height:64px}.onboarding-site .ob-live{box-sizing:border-box;min-height:calc(100dvh - 64px);padding:12px 28px}.onboarding-site .ob-live .ob-device-area{width:100%;max-width:1200px}.onboarding-site .ob-live .ob-phone{width:100%;max-width:1200px;height:calc(100dvh - 88px);min-height:0}.onboarding-site .ob-header{padding:12px 28px}.onboarding-site .ob-header .ob-wordmark{visibility:hidden}.onboarding-site .ob-bottom{padding:12px 28px}.onboarding-site .ob-scroll{min-height:0}.onboarding-site .ob-screen{box-sizing:border-box;width:100%;max-width:100%;padding:20px 40px}.onboarding-site .ob-screen h2{margin:10px 0 14px;font-size:clamp(28px,3vw,40px)}.onboarding-site .ob-screen>p{margin:0 0 16px}.onboarding-site :is(.ob-step-name,.ob-step-goal,.ob-step-pain,.ob-step-priorities,.ob-step-question,.ob-step-demo,.ob-step-report,.ob-step-save,.ob-step-dupli){grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:min-content;align-content:center;column-gap:64px;min-height:100%;display:grid}.onboarding-site :is(.ob-step-name,.ob-step-goal,.ob-step-pain,.ob-step-priorities,.ob-step-question,.ob-step-demo,.ob-step-report,.ob-step-save,.ob-step-dupli)>*{grid-column:1}.onboarding-site .ob-screen>:is(.ob-options,.ob-priorities,.ob-chat,.ob-report,.ob-signup-fields,.ob-profile){grid-area:1/2/span 5;align-self:center;margin:0}.onboarding-site .ob-step-question>.ob-options{grid-row:1/span 3}.onboarding-site .ob-step-question>.ob-input-label{grid-area:4/2;margin-top:12px}.onboarding-site .ob-step-question>textarea{grid-area:5/2;height:70px;min-height:70px}.onboarding-site .ob-step-name>.ob-input-label{grid-area:2/2;align-self:end}.onboarding-site .ob-step-name>.ob-name{grid-area:3/2;align-self:center}.onboarding-site .ob-step-name>.ob-name-preview{grid-area:4/2;margin:10px 0}.onboarding-site .ob-small-art{height:140px;margin:0}.onboarding-site .ob-small-art .ob-mascot{width:140px;height:140px}.onboarding-site .ob-step-save>.ob-terms{grid-area:6/2;margin:12px 0 0}.onboarding-site .ob-step-save>.ob-signup-disclaimer{grid-area:7/2;margin-top:10px}.onboarding-site .ob-step-save>.ob-photo-error{grid-area:8/2}.onboarding-site .ob-screen .ob-options{gap:10px}.onboarding-site .ob-screen .ob-options button{padding:14px 16px}.onboarding-site .ob-step-paywall>p,.onboarding-site .ob-step-paywall>.ob-included{position:static;top:auto}.onboarding-site .ob-step-paywall{column-gap:64px;padding:18px 40px}.onboarding-site .ob-step-paywall>.ob-included{grid-row:4/span 2;margin-top:70px}.onboarding-site .ob-step-paywall>p{grid-row:4}.onboarding-site .ob-plans button{padding:10px 14px!important}.onboarding-site .ob-plan-detail,.onboarding-site .ob-footnote{font-size:10px}}@media (min-width:701px) and (max-height:780px){.onboarding-site .ob-screen{padding-top:12px;padding-bottom:12px}.onboarding-site .ob-screen h2{font-size:30px}.onboarding-site .ob-welcome-art,.onboarding-site .ob-success-art{height:240px}.onboarding-site .ob-welcome-art .ob-mascot,.onboarding-site .ob-success-art .ob-mascot{width:240px;height:240px}.onboarding-site .ob-icon{margin:0 0 12px}.onboarding-site .ob-screen .ob-options button{padding:11px 14px}}.onboarding-site .ob-live .ob-device-area{zoom:1}.onboarding-site .ob-live{align-items:stretch;height:calc(100dvh - 80px);min-height:0}@media (min-width:701px){.onboarding-site .ob-live{height:calc(100dvh - 64px)}.onboarding-site .ob-step-photo{grid-template-columns:1fr 1fr;align-content:center;gap:0 32px;min-height:100%;display:grid}.onboarding-site .ob-step-photo>*{grid-column:1}.onboarding-site .ob-step-photo>.ob-photo-stage{grid-area:1/2/span 4;align-self:center;height:190px;margin:0}.onboarding-site .ob-step-photo>.ob-photo-add{grid-area:5/2;align-self:start;margin:14px 0 0}.onboarding-site .ob-step-photo>.ob-crop-controls{grid-column:1;margin:12px 0}.onboarding-site .ob-step-photo>.ob-footnote{margin-top:12px}}@media (min-width:701px) and (max-width:1000px){.onboarding-site .ob-screen{padding-left:24px;padding-right:24px;column-gap:24px!important}.onboarding-site .ob-welcome-art .ob-mascot{width:210px;height:210px}.onboarding-site .ob-screen:has(.ob-welcome-art) h2{font-size:32px}.onboarding-site .ob-photo-stage{transform-origin:50%;transform:scale(.8)}}@media (max-width:600px){.onboarding-site .ob-live{height:calc(100dvh - 64px)}}@media (min-width:701px){.onboarding-site .ob-step-photo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:center;gap:20px 40px;padding:28px 40px}.onboarding-site .ob-step-photo>.ob-photo-intro{grid-area:1/1}.onboarding-site .ob-photo-intro h2{margin:12px 0 16px}.onboarding-site .ob-photo-intro p{color:#8991a5;max-width:290px;margin:0;font-size:14px;line-height:1.7}.onboarding-site .ob-step-photo>.ob-photo-upload{flex-direction:column;grid-area:1/2;align-items:center;gap:24px;min-width:0;display:flex}.onboarding-site .ob-photo-upload .ob-photo-stage{justify-content:center;align-items:flex-end;gap:8px;width:100%;height:auto;min-height:170px;margin:0;padding:0;transform:none}.onboarding-site .ob-photo-upload .ob-photo-placeholder,.onboarding-site .ob-photo-upload .ob-photo-crop{flex:0 0 120px;width:120px;height:120px}.onboarding-site .ob-photo-upload .ob-photo-selfie{bottom:0}.onboarding-site .ob-photo-upload .ob-photo-selfie .ob-mascot{width:90px;height:90px}.onboarding-site .ob-photo-upload .ob-photo-add{width:auto;min-width:190px;margin:0;padding:13px 24px}.onboarding-site .ob-step-photo>.ob-crop-controls{grid-area:2/2;justify-self:center;width:100%;max-width:300px;margin:0}.onboarding-site .ob-step-photo>.ob-photo-error{grid-area:3/2}.onboarding-site .ob-step-photo>.ob-photo-upload{position:relative;top:-24px}.onboarding-site .ob-step-paywall>.ob-promo{grid-area:6/2;max-width:none;margin:12px 0 0}.onboarding-site .ob-step-paywall>.ob-promo summary{text-align:left}.onboarding-site .ob-step-paywall{grid-template-rows:auto auto auto auto auto auto;position:relative}.onboarding-site .ob-step-paywall>.ob-footnote{margin-bottom:0}.onboarding-site .ob-step-paywall>.ob-promo{align-self:start;margin-top:4px}}.ob-billing-terms>.ob-footnote{margin:0;display:block}.ob-billing-terms>.ob-promo{max-width:none;margin:12px 0 0}.ob-billing-terms>.ob-promo summary{text-align:left}@media (min-width:701px){.onboarding-site .ob-step-paywall>.ob-billing-terms{grid-area:5/2;align-self:start;margin-top:10px}}