.scene{height:600svh;position:relative}.stage{perspective:1800px;height:100svh;position:sticky;top:0;overflow-x:clip}.stage-dark{background:var(--color-night);opacity:0;pointer-events:none;height:100lvh;position:absolute;inset:0 0 auto}.stage-screen{background:var(--color-screen);opacity:0;pointer-events:none;height:100lvh;position:absolute;inset:0 0 auto}@media (min-width:768px){.stage-screen{display:none}}.hero{z-index:1;padding-top:env(safe-area-inset-top);position:absolute;inset:0 0 auto}@supports (animation-timeline:scroll()){.hero{animation:linear both hero-out;animation-timeline:scroll(root);animation-range:4svh 36svh}}@keyframes hero-out{to{opacity:0;visibility:hidden;transform:translateY(-8svh)}}.phone{--sw:390px;--sh:844px;--r:54px;--b:12px;--tab-pb:30px;z-index:2;width:var(--sw);height:var(--sh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}@media (max-width:767px){.phone{--sw:100vw;--sh:100lvh;--r:44px;--b:10px;--tab-pb:max(12px, env(safe-area-inset-bottom,0px));top:0;transform:translate(-50%)scale(.5)}}.phone-bezel{inset:calc(var(--b) * -1);border-radius:calc(var(--r) + var(--b));background:var(--color-ink);position:absolute;box-shadow:inset 0 0 0 1px #ffffff12,0 40px 70px -30px #14182173}.phone-screen{--app-shadow:0 1px 2px #1418210d, 0 10px 24px -14px #1418212e;border-radius:var(--r);background:var(--color-screen);isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.app-statusbar{z-index:5;height:54px;color:var(--color-ink);justify-content:space-between;align-items:center;padding:4px 18px 0;display:flex;position:absolute;inset:0 0 auto}.app-statusbar-light{color:var(--color-paper)}.app-island{background:#000;border-radius:20px;width:122px;height:35px}.app-home-indicator{z-index:5;background:var(--color-ink);border-radius:3px;width:134px;height:5px;margin-left:-67px;position:absolute;bottom:8px;left:50%}.app-home-indicator-light{background:var(--color-paper)}.app-lock{z-index:9;background:linear-gradient(160deg, var(--color-night) 0%, #0040d6 55%, var(--color-lapis) 100%);position:absolute;inset:0;overflow:hidden}.app-lock-mark{opacity:.13;pointer-events:none;width:160%;max-width:none;height:auto;position:absolute;bottom:2%;right:-42%}.app-views{position:absolute;inset:0}.app-view{z-index:3;background:var(--color-screen);transition:transform .46s var(--ease-in-out), opacity .46s var(--ease-in-out);padding-top:62px;position:absolute;inset:0;overflow:hidden;transform:translate(calc(100% + 48px));box-shadow:-24px 0 40px -24px #14182147}.stage[data-step="0"] [data-view="0"],.stage[data-step="1"] [data-view="1"],.stage[data-step="2"] [data-view="2"]{z-index:2;transform:none}.stage[data-step="1"] [data-view="0"],.stage[data-step="2"] [data-view="0"],.stage[data-step="2"] [data-view="1"]{z-index:1;opacity:0;transform:translate(-28%)}.stage[data-instant] .app-view,.stage[data-instant] .app-card{transition:none}.app-card{opacity:0;transition:opacity 0s linear .47s,transform 0s linear .47s;transform:translateY(14px)}.stage[data-step="0"] [data-view="0"] .app-card,.stage[data-step="1"] [data-view="1"] .app-card,.stage[data-step="2"] [data-view="2"] .app-card{opacity:1;transition:opacity .42s var(--ease-out), transform .42s var(--ease-out);transition-delay:calc(var(--i,0) * 55ms + .16s);transform:none}.app-surface{isolation:isolate;background:var(--color-surface);box-shadow:var(--app-shadow);border-radius:20px;position:relative}.app-surface[data-changed]:before{content:"";z-index:-1;border-radius:inherit;background:var(--color-vermilion-tint);opacity:0;pointer-events:none;position:absolute;inset:0}.stage[data-open][data-proof][data-step="0"] [data-view="0"] [data-changed]:before,.stage[data-open][data-proof][data-step="1"] [data-view="1"] [data-changed]:before,.stage[data-open][data-proof][data-step="2"] [data-view="2"] [data-changed]:before{animation:card-flash 1.8s var(--ease-out) .2s both}@keyframes card-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.app-rail-dot{background:var(--color-screen);border:2px solid #c9ccd6;border-radius:50%;width:12px;height:12px;position:absolute;top:17px;left:53px}.app-rail-dot-now{border-color:var(--color-lapis);background:var(--color-lapis);box-shadow:0 0 0 4px #0050fc29}.app-bottom{z-index:4;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}@media (max-width:767px){.app-bottom{will-change:transform;transform:translateY(calc(100dvh - 100lvh))}.app-home-indicator{display:none}}.app-tabbar{height:64px;margin:0 12px var(--tab-pb);background:#fffffff2;border-radius:26px;grid-template-columns:repeat(5,1fr);padding:6px;display:grid;position:relative;box-shadow:0 0 0 1px #1418210d,0 14px 30px -14px #1418214d}.app-tab-pill-track{width:calc(20% - 2.4px);transition:transform .46s var(--ease-in-out);position:absolute;top:6px;bottom:6px;left:6px}.stage[data-step="1"] .app-tab-pill-track{transform:translate(100%)}.stage[data-step="2"] .app-tab-pill-track{transform:translate(200%)}.app-tab-pill{background:var(--color-lapis-tint);border-radius:20px;height:100%;display:block}.app-tab{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.app-tab-icon{width:23px;height:23px;display:block}.app-tab-off{color:var(--color-secondary);transition:opacity .3s var(--ease-out)}.app-tab-on{color:var(--color-lapis);opacity:0;transition:opacity .3s var(--ease-out);position:absolute;inset:0}.stage[data-step="0"] [data-tab="0"] .app-tab-on,.stage[data-step="1"] [data-tab="1"] .app-tab-on,.stage[data-step="2"] [data-tab="2"] .app-tab-on{opacity:1;transition-delay:.12s}.stage[data-step="0"] [data-tab="0"] .app-tab-off,.stage[data-step="1"] [data-tab="1"] .app-tab-off,.stage[data-step="2"] [data-tab="2"] .app-tab-off{opacity:0}.app-tab-badge{background:var(--color-vermilion);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9.5px;font-weight:700;line-height:1;display:grid;position:absolute;top:-4px;right:-9px}.notif-stack{z-index:5;transform-style:preserve-3d;pointer-events:none;position:absolute}.notif{opacity:0;backface-visibility:hidden;background:#f6f8ff;border-radius:24px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;inset:0 0 auto;box-shadow:inset 0 0 0 1px #ffffff80,0 28px 50px -22px #0220568c}.notif-icon{border-radius:9px;flex:none;width:38px;height:38px}.notif-avatar{background:var(--color-lapis-deep);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid;position:relative}.notif-avatar-badge{background:#fff;border:2px solid #fff;border-radius:6px;width:18px;height:18px;position:absolute;bottom:-4px;right:-4px}.notif-copy{top:calc(env(safe-area-inset-top,0px) + 5svh);z-index:3;text-align:center;opacity:0;position:absolute;left:24px;right:24px}@media (min-width:768px){.notif-copy{top:50%;right:auto;left:var(--copy-left,48px);width:var(--copy-w,320px);text-align:left;translate:0 -50%}}.app-caption-item,.desk-copy-item{opacity:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);grid-area:1/1;transform:translateY(10px)}.stage[data-step="0"] [data-feature="0"],.stage[data-step="1"] [data-feature="1"],.stage[data-step="2"] [data-feature="2"]{opacity:1;transition-duration:.46s;transition-delay:.16s;transform:none}.app-caption{background:var(--color-ink);opacity:0;border-radius:22px;margin:0 12px 10px;padding:14px 16px;display:grid;box-shadow:0 24px 48px -24px #14182180}.desk-copy,.desk-steps{z-index:3;opacity:0;position:absolute;top:50%}.desk-copy{left:var(--copy-left,48px);width:var(--copy-w,320px);display:grid;translate:0 -50%}.desk-steps{right:var(--copy-left,48px);translate:0 -50%}.desk-step{opacity:.4;transition:opacity .3s var(--ease-out)}.desk-step-line{transform-origin:0;transition:transform .46s var(--ease-in-out);transform:scaleX(0)}.stage[data-step="0"] [data-desk-step="0"],.stage[data-step="1"] [data-desk-step="1"],.stage[data-step="2"] [data-desk-step="2"]{opacity:1}.stage[data-step="0"] [data-desk-step="0"] .desk-step-line,.stage[data-step="1"] [data-desk-step="1"] .desk-step-line,.stage[data-step="2"] [data-desk-step="2"] .desk-step-line{transform:none}@media (max-width:767px){.desk-copy,.desk-steps{display:none}}@media (min-width:768px){.app-caption{display:none}}@media (max-width:1099px){.desk-steps{display:none}}.closing{z-index:6;padding:0 24px env(safe-area-inset-bottom);text-align:center;opacity:0;visibility:hidden;place-content:center;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hero{animation-name:hero-out-fade}.app-view,.stage[data-step="1"] [data-view="0"],.stage[data-step="2"] [data-view="0"],.stage[data-step="2"] [data-view="1"]{transform:none}.app-view{opacity:0;box-shadow:none}.stage[data-step="0"] [data-view="0"],.stage[data-step="1"] [data-view="1"],.stage[data-step="2"] [data-view="2"]{opacity:1}.app-card,.app-caption-item,.desk-copy-item{transform:none!important}.app-tab-pill-track{transition:none}}@keyframes hero-out-fade{to{opacity:0;visibility:hidden}}