.onb-page{--onb-indigo:#212442;--onb-lavender:#8d8be1;--onb-deep:#565cae;--onb-peach:#f7d7c2;--onb-paper:#f1f2fa;--onb-mist:#ecebfc;min-height:100svh;color:var(--onb-indigo);background:var(--onb-paper);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .28s,color .28s;display:flex;overflow-x:clip}.onb-page-dark{background:var(--onb-indigo);color:var(--onb-paper)}.onb-page button,.onb-page input{font-family:inherit}.onb-page button{cursor:pointer}.onb-page button:focus-visible,.onb-page a:focus-visible{outline:3px solid var(--onb-lavender);outline-offset:5px}.onb-page h1:focus{outline:0}.onb-skip-link{z-index:20;color:var(--onb-indigo);background:var(--onb-peach);border-radius:12px;padding:12px 18px;position:fixed;top:16px;left:24px;transform:translateY(-180%)}.onb-skip-link:focus{transform:none}.onb-header,.onb-main,.onb-controls{width:min(100% - 112px,1328px);margin-inline:auto}.onb-header{justify-content:space-between;align-items:center;gap:24px;min-height:112px;display:flex}.onb-brand{align-items:center;display:inline-flex}.onb-header-note{opacity:.55;font-size:13px;font-weight:450}.onb-app-link{background:var(--onb-peach);color:var(--onb-indigo);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:550;display:inline-flex}.onb-app-link:hover{opacity:1}.onb-main{flex:1;padding-top:24px;padding-bottom:36px}.onb-stage-top{align-items:center;gap:20px;margin-bottom:18px;font-size:12px;display:flex}.onb-step-counter{font-variant-numeric:tabular-nums;gap:7px;display:flex}.onb-step-counter span:first-child{font-weight:700}.onb-step-counter span:last-child{opacity:.35}.onb-step-name{opacity:.55}.onb-stage-host{position:relative}.onb-stage{grid-template-columns:1fr 1.12fr;align-items:center;gap:clamp(24px,5vw,80px);min-height:min(590px,100svh - 292px);display:grid}.onb-stage-1{gap:8px}.onb-hero{z-index:2;padding-block:32px;position:relative}.onb-eyebrow{align-items:center;gap:9px;margin-bottom:28px;font-size:12px;font-weight:550;display:inline-flex}.onb-eyebrow>span{background:var(--onb-deep);border-radius:50%;width:6px;height:6px}.onb-page-dark .onb-eyebrow{color:var(--onb-lavender)}.onb-page-dark .onb-eyebrow>span{background:var(--onb-lavender)}.onb-hero h1{letter-spacing:-.07em;margin:0 0 25px;font-size:clamp(52px,5.65vw,84px);font-weight:650;line-height:1.045}.onb-hero h1 span{color:var(--onb-deep)}.onb-stage-1 .onb-hero h1{margin-bottom:18px;font-size:clamp(66px,7.2vw,106px)}.onb-breath{letter-spacing:-.065em;color:var(--onb-peach);margin-bottom:28px;font-size:clamp(36px,4.3vw,63px);font-weight:580;line-height:1.15}.onb-hero>p{color:#2124429e;max-width:360px;margin-bottom:0;font-size:16px;line-height:1.75}.onb-page-dark .onb-hero>p{color:#f1f2fa8c}.onb-hero .onb-hero-promise{color:#f1f2fad1;margin-top:12px;font-size:14px}.onb-everyday{isolation:isolate;width:100%;height:560px;position:relative}.onb-everyday:before{content:"";z-index:-2;background:radial-gradient(#8d8be121,#0000 67%);border-radius:50%;position:absolute;inset:40px 10px 10px}.onb-scene-line{z-index:-1;border:1px solid #8d8be121;border-radius:50%;width:81%;height:320px;position:absolute;top:120px;left:7%;transform:rotate(-26deg)}.onb-everyday-card{color:var(--onb-indigo);background:var(--onb-paper);border-radius:19px;padding:19px;position:absolute;box-shadow:0 15px 50px #00000026}.onb-card-meta{color:#2124428f;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:9px;display:flex}.onb-card-meta>span:first-child{align-items:center;gap:6px;font-weight:600;display:inline-flex}.onb-card-meta>span:last-child{background:#2124420d;border-radius:5px;padding:3px 5px;font-size:8px}.onb-everyday-card h3{letter-spacing:-.035em;margin:14px 0 6px;font-size:17px;font-weight:620;line-height:1.3}.onb-card-caption{color:#2124428c;font-size:10px}.onb-card-outfit{z-index:3;width:240px;top:41px;left:8%}.onb-outfit-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.onb-outfit-options>div{background:var(--onb-mist);height:108px;color:var(--onb-deep);border-radius:11px;place-items:center;display:grid}.onb-outfit-options>div:last-child{background:var(--onb-peach);color:var(--onb-indigo)}.onb-card-plan{z-index:2;background:var(--onb-mist);width:218px;top:72px;right:1%}.onb-card-plan h3{margin-bottom:18px}.onb-plan-item{border-top:1px solid #21244214;align-items:center;gap:9px;min-height:34px;padding-block:5px;font-size:10px;display:flex}.onb-plan-item small{opacity:.5;margin-left:auto;font-size:8px}.onb-plan-check,.onb-plan-circle{border:1px solid #565cae4d;border-radius:5px;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.onb-plan-check{background:var(--onb-deep);color:var(--onb-paper);border-color:var(--onb-deep)}.onb-card-shopping{background:var(--onb-peach);z-index:4;width:236px;bottom:22px;left:5%}.onb-shopping-objects{background:#f1f2fa59;border-radius:10px;justify-content:center;align-items:flex-end;gap:28px;height:112px;display:flex}.onb-lamp{width:60px;height:100px;display:block;position:relative}.onb-lamp i{background:var(--onb-deep);border-radius:50% 50% 3px 3px;width:65px;height:43px;display:block;position:absolute;top:9px;left:-3px}.onb-lamp b{background:var(--onb-indigo);width:5px;height:40px;display:block;position:absolute;top:51px;left:27px}.onb-lamp em{background:var(--onb-indigo);border-radius:50%;width:47px;height:7px;display:block;position:absolute;bottom:8px;left:6px}.onb-vase{background:var(--onb-paper);border-radius:14px 14px 22px 22px;width:44px;height:64px;margin-bottom:8px;display:block;box-shadow:inset -10px -5px 15px #565cae12}.onb-card-note{z-index:1;width:223px;bottom:60px;right:3%}.onb-note-lines{gap:9px;padding-block:6px;display:grid}.onb-note-lines i{background:#565cae24;border-radius:99px;width:100%;height:4px}.onb-note-lines i:nth-child(2){width:78%}.onb-note-lines i:nth-child(3){width:88%}.onb-note-lines i:nth-child(4){background:#565cae52;width:46%}.onb-scene-point{width:49px;height:49px;color:var(--onb-peach);background:var(--onb-indigo);z-index:5;border:1px solid #f7d7c24d;border-radius:50%;place-items:center;display:grid;position:absolute;top:270px;right:42%}.onb-tip{align-items:flex-start;gap:13px;max-width:370px;margin-block:28px;display:flex}.onb-tip>span{background:var(--onb-mist);width:36px;height:36px;color:var(--onb-deep);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.onb-tip p{color:#212442b3;margin:0;font-size:13px;line-height:1.65}.onb-example-note{color:#21244280;max-width:350px;margin-top:24px;line-height:1.7;display:block}.onb-demo-wrap,.onb-preferences-wrap{justify-self:end;width:100%;max-width:560px}.onb-memory-note{max-width:330px;color:var(--onb-deep);align-items:flex-start;gap:10px;margin-top:28px;display:flex}.onb-memory-note svg{margin-top:2px}.onb-memory-note p{margin:0;font-size:13px;line-height:1.7}.onb-stage-4 .onb-hero h1{font-size:clamp(50px,4.95vw,74px)}.onb-final-note{margin-top:23px;color:var(--onb-deep)!important;font-size:13px!important}.onb-feature-scene{justify-self:end;width:100%;max-width:545px;padding-block:32px}.onb-feature-scene-label{color:#21244273;margin:0 0 20px 14px;font-size:11px;display:block}.onb-feature-card{background:#ffffffa6;border:1px solid #2124420d;border-radius:22px;align-items:center;gap:20px;min-height:126px;margin-bottom:13px;padding:26px;display:flex;box-shadow:0 8px 30px #21244206}.onb-feature-card h2{letter-spacing:-.04em;margin:0 0 7px;font-size:19px;font-weight:620}.onb-feature-card p{margin:0;font-size:12px;line-height:1.6}.onb-feature-card small{opacity:.5;margin-top:7px;font-size:10px;display:block}.onb-feature-icon{background:var(--onb-mist);width:54px;height:54px;color:var(--onb-deep);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.onb-feature-write{background:var(--onb-mist);margin-left:22px}.onb-feature-write .onb-feature-icon{background:#f1f2fabf}.onb-feature-together{background:var(--onb-peach);margin-left:43px}.onb-feature-together .onb-feature-icon{color:var(--onb-indigo);background:#f1f2fa80}.onb-feature-arrow{opacity:.3;margin-left:auto}.onb-feature-signoff{color:var(--onb-deep);justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:11px;display:flex}.onb-controls{border-top:1px solid #21244217;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:107px;display:grid}.onb-page-dark .onb-controls{border-color:#f1f2fa1f}.onb-back{background:0 0;border:0;justify-self:start;align-items:center;gap:10px;min-height:48px;padding:10px 0;font-size:13px;font-weight:550;display:inline-flex}.onb-progress-area{flex-direction:column;align-items:center;gap:5px;display:flex}.onb-progress{align-items:center;margin:0;padding:0;list-style:none;display:flex}.onb-progress button{background:0 0;border:0;justify-content:center;align-items:center;padding:0 6px;display:flex}.onb-progress span{background:var(--onb-deep);border-radius:99px;height:6px;display:block}.onb-page-dark .onb-progress span{background:var(--onb-lavender)}.onb-progress-caption,.onb-replay{color:inherit}.onb-replay{background:0 0;border:0;align-items:center;gap:5px;min-height:24px;padding:0;display:inline-flex}.onb-forward-controls{justify-content:flex-end;align-items:center;gap:24px;display:flex}.onb-skip{min-height:48px;color:inherit;opacity:.55;background:0 0;border:0;padding:10px 5px;font-size:12px}.onb-skip:hover{opacity:1}.onb-continue{background:var(--onb-deep);min-width:156px;min-height:53px;color:var(--onb-paper);border:0;border-radius:13px;justify-content:center;align-items:center;gap:22px;padding:13px 23px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.onb-page-dark .onb-continue{color:var(--onb-indigo);background:var(--onb-peach)}.onb-continue>span:not(.onb-cta-shine),.onb-continue>svg{z-index:1;position:relative}.onb-cta-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#f1f2fa4d,#0000);width:30%;animation:.8s .25s both onb-shine;position:absolute;inset:-100% auto -100% -60%;transform:rotate(25deg)}@keyframes onb-shine{0%{left:-60%}to{left:140%}}@media (min-width:1600px){.onb-main{padding-top:55px;padding-bottom:70px}.onb-stage{min-height:660px}.onb-everyday{height:590px}}@media (max-width:1100px){.onb-header,.onb-main,.onb-controls{width:calc(100% - 64px)}.onb-stage{grid-template-columns:.85fr 1fr;gap:24px}.onb-stage-1{gap:0}.onb-everyday{height:510px}.onb-card-outfit{width:208px;left:2%}.onb-card-plan{width:193px;right:-1%}.onb-card-shopping{width:204px;left:0}.onb-card-note{width:190px;right:0}.onb-everyday-card{padding:15px}.onb-everyday-card h3{font-size:15px}.onb-feature-card{gap:15px;padding:20px}}@media (max-width:820px){.onb-header,.onb-main,.onb-controls{width:calc(100% - 40px)}.onb-header{gap:15px;min-height:84px}.onb-header-note{display:none}.onb-app-link{font-size:11px}.onb-main{padding-top:14px;padding-bottom:27px}.onb-stage-top{gap:15px;margin-bottom:13px}.onb-stage{flex-direction:column;align-items:stretch;gap:16px;min-height:0;display:flex}.onb-hero{padding:15px 0 10px}.onb-eyebrow{margin-bottom:20px;font-size:11px}.onb-hero h1,.onb-stage-4 .onb-hero h1{margin-bottom:19px;font-size:clamp(45px,8.5vw,67px)}.onb-stage-1 .onb-hero h1{margin-bottom:9px;font-size:clamp(54px,11.5vw,85px)}.onb-stage-1 .onb-hero h1 br{display:none}.onb-breath{margin-bottom:19px;font-size:clamp(32px,7.5vw,49px)}.onb-hero>p{max-width:500px;font-size:14px;line-height:1.65}.onb-desktop-break{display:none}.onb-hero .onb-hero-promise{margin-top:7px;font-size:12px}.onb-everyday{align-self:center;max-width:520px;height:440px;margin-top:0}.onb-card-outfit{width:210px;top:13px;left:6%}.onb-card-plan{width:194px;top:34px;right:3%}.onb-card-shopping{width:210px;bottom:9px;left:5%}.onb-card-note{width:195px;bottom:42px;right:3%}.onb-scene-point{width:43px;height:43px;top:211px;right:41%}.onb-scene-line{height:250px;top:65px}.onb-outfit-options>div{height:82px}.onb-outfit-options svg{width:55px;height:55px}.onb-card-meta{margin-bottom:10px}.onb-everyday-card h3{margin-top:11px}.onb-shopping-objects{height:92px}.onb-lamp{transform-origin:bottom;transform:scale(.85)}.onb-vase{width:40px;height:55px}.onb-tip{max-width:500px;margin-block:18px 0}.onb-tip p{font-size:12px}.onb-example-note{max-width:500px;margin-top:15px}.onb-demo-wrap,.onb-preferences-wrap{align-self:center;max-width:580px}.onb-memory-note{max-width:500px;margin-top:18px}.onb-memory-note p{font-size:12px}.onb-feature-scene{align-self:center;max-width:580px;padding-block:10px 15px}.onb-feature-scene-label{margin-left:0;font-size:10px}.onb-feature-card{min-height:108px}.onb-feature-write{margin-left:12px}.onb-feature-together{margin-left:24px}.onb-feature-signoff{font-size:10px}.onb-controls{grid-template-columns:auto 1fr auto;gap:12px;min-height:93px;padding-block:13px}.onb-controls:before,.onb-controls:after{content:"";background:inherit;width:20px;position:absolute;top:-1px;bottom:0}.onb-controls:before{left:-20px}.onb-controls:after{right:-20px}.onb-forward-controls{gap:10px}.onb-back{gap:6px;font-size:12px}.onb-continue{gap:15px;min-width:120px;min-height:49px;padding:12px 16px;font-size:12px}.onb-progress button{padding-inline:3px}.onb-skip{font-size:11px}}@media (max-width:480px){.onb-stage-1 .onb-hero h1 br{display:block}.onb-stage-1 .onb-hero h1{font-size:clamp(57px,14vw,68px)}.onb-stage-1 .onb-hero{padding-bottom:0}.onb-hero h1,.onb-stage-4 .onb-hero h1{font-size:clamp(43px,11vw,55px)}.onb-everyday{height:376px}.onb-everyday-card{border-radius:15px;padding:12px}.onb-card-outfit{width:176px;top:13px;left:4%}.onb-card-plan{width:165px;top:30px;right:-1%}.onb-card-shopping{width:178px;bottom:3px;left:1%}.onb-card-note{width:163px;bottom:26px;right:0}.onb-everyday-card h3{font-size:13px}.onb-card-meta{gap:4px;font-size:8px}.onb-card-meta>span:last-child{padding:2px 4px;font-size:7px}.onb-card-meta svg{width:12px;height:12px}.onb-card-caption{font-size:9px}.onb-plan-item{gap:6px;min-height:29px;font-size:9px}.onb-card-plan h3{margin-bottom:13px}.onb-note-lines{gap:8px}.onb-outfit-options>div{height:66px}.onb-outfit-options svg{width:46px;height:46px}.onb-shopping-objects{gap:14px;height:77px}.onb-lamp{width:50px;transform:scale(.7)}.onb-vase{width:33px;height:45px}.onb-scene-point{width:38px;height:38px;top:180px;right:40%}.onb-scene-point svg{width:18px}.onb-progress-area{grid-area:2/1/auto/-1}.onb-controls{min-height:120px;padding-top:13px;padding-bottom:max(12px, env(safe-area-inset-bottom));grid-template-columns:auto 1fr;gap:0 14px}.onb-forward-controls{grid-area:1/2;gap:18px}.onb-progress-caption{display:none}.onb-progress button{padding-inline:5px}.onb-progress-area{flex-direction:row;justify-content:center;gap:12px}.onb-feature-card{gap:13px;padding:18px 15px}.onb-feature-icon{border-radius:13px;width:45px;height:45px}.onb-feature-icon svg{width:22px}.onb-feature-card h2{font-size:17px}.onb-feature-card p{font-size:11px}.onb-feature-arrow{display:none}.onb-feature-signoff{gap:5px;font-size:9px}}@media (max-width:360px){.onb-header,.onb-main,.onb-controls{width:calc(100% - 32px)}.onb-card-outfit,.onb-card-shopping{width:160px}.onb-card-plan,.onb-card-note{width:148px}.onb-card-plan{right:-2%}.onb-app-link{gap:5px;padding-inline:10px;font-size:10px}}@media (prefers-reduced-motion:reduce){.onb-page{transition:none}.onb-cta-shine{animation:none;display:none}.onb-page *,.onb-page :before,.onb-page :after{scroll-behavior:auto}}.onb-page-light .onb-hero>p,.onb-page-light .onb-example-note,.onb-feature-card p,.onb-feature-card small{color:var(--ink-muted)}.onb-example-note{font-size:12px}.onb-progress button{min-width:38px;min-height:44px}.onb-progress-caption,.onb-replay{opacity:.75;font-size:10px}.onb-page-light .onb-skip{opacity:.85}.onb-header .onb-app-link{min-height:44px}.onb-controls{z-index:10;background:var(--onb-paper);position:sticky;bottom:0}.onb-page-dark .onb-controls{background:var(--onb-indigo)}