.dashboard-onboarding,.dashboard-onboarding *{box-sizing:border-box}
.dashboard-onboarding[hidden],.dbo-welcome[hidden],.dbo-tour[hidden]{display:none!important}
.dashboard-onboarding{position:fixed;z-index:1000;inset:0;font-family:'Onest','Avenir Next',sans-serif;color:#182653}
.dbo-welcome{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:#16295591;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.dbo-welcome-card{position:relative;width:min(100%,548px);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #e6ecf5;border-radius:30px;padding:31px 34px 30px;background:radial-gradient(circle 125px at 92% 8%,#bba4f04a,transparent),radial-gradient(circle 150px at 2% 52%,#72baff30,transparent),radial-gradient(circle 115px at 90% 91%,#8cddb83d,transparent),radial-gradient(circle 95px at 8% 4%,#ffdc6940,transparent),#fff;box-shadow:0 32px 100px #101e4770}
.dbo-welcome-card h2{font-size:clamp(28px,5vw,35px);line-height:1.12;letter-spacing:-.055em;margin:0 35px 22px 0;color:#182653}
.dbo-close{position:absolute;z-index:2;top:17px;right:18px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#f1f5fa;color:#7182a0;font:400 23px/1 sans-serif;cursor:pointer}
.dbo-scene{position:relative;height:240px;overflow:hidden;border:1px solid #e7effb;border-radius:22px;background:radial-gradient(circle at 50% 40%,#fff 0,#f7faff 54%,#edf4ff 100%)}
.dbo-scene:before{content:'';position:absolute;inset:14px;border:1px dashed #d7e3f4;border-radius:16px}
.dbo-scene:after{content:'';position:absolute;left:50%;top:60%;width:280px;height:280px;border-radius:50%;background:#dceaff9e;filter:blur(30px);transform:translate(-50%,-50%)}
.dbo-stage{position:absolute;z-index:1;left:50%;top:50%;width:270px;height:190px;transform:translate(-50%,-50%)}
.dbo-mark{position:absolute;left:74px;top:28px;width:122px;height:122px;display:grid;place-items:center;border-radius:30px;background:#fff;box-shadow:0 18px 42px #29477827,0 2px 5px #29477815}
.dbo-mark svg{width:84px;height:84px;overflow:visible}.dbo-mark path{transform-box:fill-box;transform-origin:center}
.dbo-cursor{position:absolute;z-index:5;left:226px;top:145px;width:35px;height:42px;filter:drop-shadow(2px 4px 2px #18265340)}
.dbo-click{position:absolute;left:135px;top:88px;width:4px;height:4px;border:2px solid #6d91dd;border-radius:50%;opacity:0}
.dbo-ray{position:absolute;left:135px;top:90px;width:3px;height:15px;border-radius:5px;background:#6d91dd;transform:rotate(var(--angle)) translateY(-62px);transform-origin:50% -1px;opacity:0}.dbo-ray:nth-of-type(odd){background:#efbf40}
.dbo-animate .dbo-mark{animation:dbo-tile 5s ease-in-out infinite}.dbo-animate .dbo-mark path:nth-child(1){animation:dbo-piece-one 5s ease-in-out infinite}.dbo-animate .dbo-mark path:nth-child(2){animation:dbo-piece-two 5s ease-in-out infinite}.dbo-animate .dbo-mark path:nth-child(3){animation:dbo-piece-three 5s ease-in-out infinite}.dbo-animate .dbo-mark path:nth-child(4){animation:dbo-piece-four 5s ease-in-out infinite}.dbo-animate .dbo-cursor{animation:dbo-cursor 5s ease-in-out infinite}.dbo-animate .dbo-click{animation:dbo-click 5s infinite}.dbo-animate .dbo-ray{animation:dbo-ray 5s infinite}
.dbo-description{padding-top:19px}.dbo-description h3{font-size:19px;letter-spacing:-.03em;margin:0 0 7px;color:#182653}.dbo-description p{font-size:15px;line-height:1.55;color:#60708b;margin:0}
.dbo-welcome-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.dbo-welcome-actions button,.dbo-note-bottom button{min-height:41px;padding:0 14px;border-radius:12px;font:700 13px 'Onest','Avenir Next',sans-serif;cursor:pointer}.dbo-secondary{border:1px solid #dce6f4;background:#fff;color:#45638e}.dbo-primary{border:1px solid #246bcd;background:#347deb;color:#fff;box-shadow:0 6px 13px #347deb30}
.dbo-tour{position:fixed;inset:0;pointer-events:auto}.dbo-blur{position:fixed;z-index:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#f5f8ff42;pointer-events:none}.dbo-spotlight{position:fixed;z-index:1;border-radius:17px;box-shadow:0 0 0 4px #fff,0 0 0 7px #ffd74d;pointer-events:none}
.dbo-arrow{position:fixed;z-index:2;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.dbo-arrow path{fill:none;stroke:#050505;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.dbo-note{position:fixed;z-index:3;width:min(350px,calc(100vw - 30px));padding:20px 22px 18px;border-radius:20px;background:#fffdf7;box-shadow:0 20px 55px #071c4640;pointer-events:auto}.dbo-note:before{content:'';position:absolute;top:0;left:23px;width:58px;height:5px;border-radius:0 0 5px 5px;background:#ffd74d}.dbo-note h2{font-size:22px;letter-spacing:-.045em;line-height:1.15;margin:5px 0 8px;color:#182653}.dbo-note p{font-size:14px;line-height:1.5;color:#5f708c;margin:0}.dbo-note-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:19px}.dbo-progress{color:#657797;font-size:12px;font-weight:800}.dbo-skip{position:fixed;z-index:3;top:18px;right:18px;padding:10px 14px;border:1px solid #dce6f4;border-radius:11px;background:#fff;color:#485d80;font:700 12px 'Onest','Avenir Next',sans-serif;cursor:pointer;pointer-events:auto}
.dashboard-onboarding button:focus-visible,.dbo-note:focus-visible{outline:3px solid #347deb;outline-offset:3px}
@keyframes dbo-cursor{0%,9%{transform:translate(54px,34px);opacity:0}15%{opacity:1}28%,35%{transform:translate(-69px,-55px) scale(1)}39%{transform:translate(-69px,-55px) scale(.83)}46%,65%{transform:translate(-69px,-55px) scale(1)}78%{transform:translate(35px,30px);opacity:1}86%,100%{opacity:0;transform:translate(60px,48px)}}
@keyframes dbo-tile{0%,35%,48%,100%{transform:scale(1)}39%{transform:scale(.92)}59%,72%{transform:scale(1.06)}}
@keyframes dbo-piece-one{0%,46%,82%,100%{transform:translate(0,0) rotate(0)}60%,72%{transform:translate(-13px,-11px) rotate(-8deg)}}@keyframes dbo-piece-two{0%,46%,82%,100%{transform:translate(0,0) rotate(0)}60%,72%{transform:translate(13px,-10px) rotate(8deg)}}@keyframes dbo-piece-three{0%,46%,82%,100%{transform:translate(0,0) rotate(0)}60%,72%{transform:translate(-13px,12px) rotate(7deg)}}@keyframes dbo-piece-four{0%,46%,82%,100%{transform:translate(0,0) rotate(0)}60%,72%{transform:translate(13px,12px) rotate(-7deg)}}
@keyframes dbo-click{0%,38%,100%{opacity:0;transform:translate(-50%,-50%) scale(.2)}41%{opacity:.75}53%{opacity:0;transform:translate(-50%,-50%) scale(31)}}@keyframes dbo-ray{0%,39%,56%,100%{opacity:0}42%,48%{opacity:1}}
@media(max-width:560px){.dbo-welcome{padding:12px}.dbo-welcome-card{padding:25px 20px 22px;border-radius:25px;max-height:calc(100dvh - 24px)}.dbo-scene{height:205px}.dbo-description{padding-top:15px}.dbo-description p{font-size:14px}.dbo-welcome-actions{flex-wrap:wrap}.dbo-skip{top:8px;right:8px}.dbo-note{padding:17px 18px}.dbo-note h2{font-size:19px}.dbo-note p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.dbo-animate .dbo-stage *{animation:none!important}.dbo-cursor{display:none}.dbo-mark path:nth-child(1){transform:translate(-9px,-8px)}.dbo-mark path:nth-child(2){transform:translate(9px,-8px)}.dbo-mark path:nth-child(3){transform:translate(-9px,8px)}.dbo-mark path:nth-child(4){transform:translate(9px,8px)}}
/* Three-slide introduction */
.dbo-welcome-card{width:min(980px,calc(100vw - 36px));padding:24px;overflow:auto}
.dbo-welcome-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:stretch}
.dbo-art-stack{min-width:0;min-height:440px;display:grid;align-items:stretch}
.dbo-art{position:relative;grid-area:1/1;width:100%;height:100%;min-height:440px;overflow:hidden;border:1px solid #e7effb;border-radius:22px}
.dbo-art[hidden]{display:none!important}
.dbo-scene{height:auto}
.dbo-welcome-copy{min-width:0;display:flex;flex-direction:column;padding:32px 16px 12px 0}
.dbo-slide-kicker{color:#6681a9;font-size:11px;font-weight:800;letter-spacing:.14em}
.dbo-welcome-card h2{font-size:clamp(36px,4vw,50px);line-height:1.04;margin:22px 10px 0 0;max-width:390px}
.dbo-description{padding-top:25px}.dbo-description h3{font-size:23px;line-height:1.17}.dbo-description p{font-size:16px;line-height:1.55;max-width:370px}
.dbo-slide-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:26px}
.dbo-slide-progress{font-size:14px;font-weight:800;color:#6d81a0}.dbo-slide-buttons{display:flex;gap:9px}.dbo-slide-buttons button{min-height:44px;padding:0 15px;border-radius:12px;font:700 13px 'Onest','Avenir Next',sans-serif;cursor:pointer}.dbo-slide-buttons button[hidden]{display:none}
.dbo-text-skip{align-self:flex-start;border:0;background:transparent;color:#697d9e;padding:9px 0 0;font:700 12px 'Onest','Avenir Next',sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.dbo-note .dbo-text-skip{margin-top:7px}
.dbo-family-art{background:radial-gradient(circle at 55% 43%,#fff,#edf5ff 72%)}.dbo-family-orbit{position:absolute;left:50%;top:49%;width:300px;height:300px;border:1px dashed #bfd5f1;border-radius:50%;transform:translate(-50%,-50%)}.dbo-family-orbit:after{content:'';position:absolute;inset:45px;border:1px dashed #d8e5f6;border-radius:50%}.dbo-orbit-person{position:absolute;z-index:2;display:grid;place-items:center;width:58px;height:58px;border:5px solid #fff;border-radius:50%;box-shadow:0 12px 24px #24477722;font-size:20px;font-weight:800}.dbo-person-one{left:-18px;top:70px;background:#ffd74d}.dbo-person-two{right:11px;top:-18px;background:#b299ee}.dbo-person-three{right:-20px;bottom:42px;background:#8adbb7}.dbo-family-center{position:absolute;z-index:2;left:50%;top:50%;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:34px;background:#fff;box-shadow:0 20px 48px #2345762b;transform:translate(-50%,-50%)}.dbo-family-center svg{width:61px;height:61px}.dbo-family-center strong{font-size:19px}.dbo-family-label{position:absolute;padding:9px 12px;border-radius:11px;background:#fff;color:#567092;box-shadow:0 8px 25px #24477716;font-size:11px;font-weight:800}.dbo-family-label.one{left:20px;bottom:35px}.dbo-family-label.two{right:22px;top:33px}
.dbo-calendar-art{display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,#fff,#e9f3ff 80%)}.dbo-calendar-demo{width:min(86%,400px);height:290px;padding:21px 20px;border:1px solid #e0eaf7;border-radius:23px;background:#fff;box-shadow:0 22px 45px #29477820;transform:rotate(-4deg)}.dbo-calendar-top{display:flex;justify-content:space-between;align-items:center}.dbo-calendar-top strong{font-size:20px;letter-spacing:-.04em}.dbo-calendar-top span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#90a1b9}.dbo-calendar-days{display:grid;grid-template-columns:repeat(5,1fr);margin-top:24px;padding-bottom:10px;border-bottom:1px solid #e8eef7;text-align:center}.dbo-calendar-days b{color:#8a9bb5;font-size:10px}.dbo-calendar-grid{position:relative;height:170px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 41px,#ecf1f8 42px);display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:10px 2px}.dbo-calendar-grid i{font-size:11px;font-style:normal;font-weight:800;padding:9px 5px;border-radius:8px;color:#415473;align-self:start;white-space:nowrap;overflow:hidden}.dbo-calendar-grid .yellow{grid-column:1;grid-row:1;background:#fff0ba}.dbo-calendar-grid .blue{grid-column:3;grid-row:2;background:#d8ecff}.dbo-calendar-grid .violet{grid-column:4;grid-row:1;background:#eee2ff}.dbo-calendar-grid .green{grid-column:5;grid-row:3;background:#daf4e6}
@media(max-width:700px){.dbo-welcome-card{width:min(100%,520px);padding:17px;max-height:calc(100dvh - 24px)}.dbo-welcome-content{grid-template-columns:1fr;gap:0}.dbo-art-stack,.dbo-art{min-height:220px;height:220px}.dbo-welcome-copy{padding:20px 5px 4px}.dbo-slide-kicker{font-size:10px}.dbo-welcome-card h2{font-size:30px;margin:9px 28px 0 0}.dbo-description{padding-top:12px}.dbo-description h3{font-size:19px}.dbo-description p{font-size:14px;line-height:1.45}.dbo-slide-controls{padding-top:18px}.dbo-close{top:12px;right:12px}.dbo-family-orbit{transform:translate(-50%,-50%) scale(.61)}.dbo-family-label{font-size:9px}.dbo-family-label.one{bottom:13px}.dbo-family-label.two{top:15px}.dbo-calendar-demo{height:190px;padding:14px;transform:rotate(-3deg)}.dbo-calendar-top strong{font-size:16px}.dbo-calendar-days{margin-top:12px}.dbo-calendar-grid{height:110px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,#ecf1f8 27px)}.dbo-calendar-grid i{font-size:8px;padding:5px 2px}.dbo-stage{transform:translate(-50%,-50%) scale(.85)}}
@media(max-height:600px) and (min-width:701px){.dbo-art-stack,.dbo-art{min-height:340px}.dbo-welcome-copy{padding-top:16px}.dbo-welcome-card h2{margin-top:12px}.dbo-description{padding-top:12px}}
/* The second illustration gathers the three personal plans around the shared mark. */
.dbo-family-art.dbo-animate .dbo-person-one{animation:dbo-gather-one 6s ease-in-out infinite}
.dbo-family-art.dbo-animate .dbo-person-two{animation:dbo-gather-two 6s ease-in-out infinite}
.dbo-family-art.dbo-animate .dbo-person-three{animation:dbo-gather-three 6s ease-in-out infinite}
.dbo-family-art.dbo-animate .dbo-family-center{animation:dbo-family-heart 6s ease-in-out infinite}
.dbo-family-art.dbo-animate .dbo-family-label.one{animation:dbo-label-in 6s ease-in-out infinite}
.dbo-family-art.dbo-animate .dbo-family-label.two{animation:dbo-label-out 6s ease-in-out infinite}
@keyframes dbo-gather-one{0%,10%,65%,100%{transform:translate(0,0)}31%,45%{transform:translate(29px,24px)}}
@keyframes dbo-gather-two{0%,10%,65%,100%{transform:translate(0,0)}31%,45%{transform:translate(-20px,29px)}}
@keyframes dbo-gather-three{0%,10%,65%,100%{transform:translate(0,0)}31%,45%{transform:translate(-31px,-23px)}}
@keyframes dbo-family-heart{0%,25%,65%,100%{transform:translate(-50%,-50%) scale(1)}35%,48%{transform:translate(-50%,-50%) scale(1.08)}}
@keyframes dbo-label-in{0%,12%,72%,100%{opacity:1;transform:translateY(0)}35%,52%{opacity:.45;transform:translateY(8px)}}
@keyframes dbo-label-out{0%,23%,70%,100%{opacity:.55;transform:translateY(8px)}38%,57%{opacity:1;transform:translateY(0)}}
/* The third illustration places plans on the weekly calendar in sequence. */
.dbo-calendar-art.dbo-animate .dbo-calendar-demo{animation:dbo-calendar-settle 6s ease-in-out infinite}
.dbo-calendar-art.dbo-animate .dbo-calendar-grid i{animation:dbo-plan-arrive 6s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--dbo-plan-delay)}
.dbo-calendar-grid .yellow{--dbo-plan-delay:0s}.dbo-calendar-grid .blue{--dbo-plan-delay:.45s}.dbo-calendar-grid .violet{--dbo-plan-delay:.9s}.dbo-calendar-grid .green{--dbo-plan-delay:1.35s}
@keyframes dbo-calendar-settle{0%,12%,75%,100%{transform:rotate(-4deg) scale(1)}25%,52%{transform:rotate(-2deg) scale(1.025)}}
@keyframes dbo-plan-arrive{0%,8%{opacity:0;transform:translateY(-18px) scale(.9)}18%,75%{opacity:1;transform:translateY(0) scale(1)}90%,100%{opacity:0;transform:translateY(5px) scale(.98)}}
@media(max-width:700px){@keyframes dbo-calendar-settle{0%,12%,75%,100%{transform:rotate(-3deg) scale(1)}25%,52%{transform:rotate(-1deg) scale(1.025)}}}
@media(prefers-reduced-motion:reduce){.dbo-art.dbo-animate,.dbo-art.dbo-animate *{animation:none!important}.dbo-family-label.two{opacity:1}}
