@property --stage-angle{syntax:"<angle>";inherits:true;initial-value:192deg}@property --stage-brand-stop{syntax:"<percentage>";inherits:true;initial-value:27%}@property --stage-light-stop{syntax:"<percentage>";inherits:true;initial-value:40.5%}@property --stage-paper-stop{syntax:"<percentage>";inherits:true;initial-value:48.5%}@property --stage-deep-x{syntax:"<percentage>";inherits:true;initial-value:12%}@property --stage-deep-y{syntax:"<percentage>";inherits:true;initial-value:10%}@property --stage-bloom-x{syntax:"<percentage>";inherits:true;initial-value:78%}@property --stage-bloom-y{syntax:"<percentage>";inherits:true;initial-value:44%}.onb-screen{--stage-angle:192deg;--stage-brand-stop:27%;--stage-light-stop:40.5%;--stage-paper-stop:48.5%;--stage-deep-x:12%;--stage-deep-y:10%;--stage-bloom-x:78%;--stage-bloom-y:44%;--stage-deep-delay:0s;--stage-bloom-delay:-5s;--pad-x:24px;--gap-block:32px;--gap-stack:16px;--gap-label:8px;--control:48px;--color-live:#33c26a;--cta-from:#5b90fc;--cta-to:var(--color-brand-dark);isolation:isolate;min-height:100dvh;color:var(--color-ink);background:linear-gradient(var(--stage-angle), var(--color-brand) 0%, var(--color-brand) var(--stage-brand-stop), var(--blue-light) var(--stage-light-stop), var(--color-paper) var(--stage-paper-stop), var(--color-paper) 100%);transition:--stage-angle .9s var(--ease-reveal), --stage-brand-stop .9s var(--ease-reveal), --stage-light-stop .9s var(--ease-reveal), --stage-paper-stop .9s var(--ease-reveal), --stage-deep-x .9s var(--ease-reveal), --stage-deep-y .9s var(--ease-reveal), --stage-bloom-x .9s var(--ease-reveal), --stage-bloom-y .9s var(--ease-reveal);flex-direction:column;display:flex;position:relative;overflow:clip}.onb-screen[data-stage="2"]{--stage-angle:172deg;--stage-brand-stop:28%;--stage-light-stop:42%;--stage-paper-stop:54%;--stage-deep-x:84%;--stage-deep-y:8%;--stage-bloom-x:78%;--stage-bloom-y:32%;--stage-deep-delay:-4s;--stage-bloom-delay:-11s}.onb-screen[data-stage="3"]{--stage-angle:176deg;--stage-brand-stop:30%;--stage-light-stop:46%;--stage-paper-stop:58%;--stage-deep-x:46%;--stage-deep-y:0%;--stage-bloom-x:90%;--stage-bloom-y:26%;--stage-deep-delay:-8s;--stage-bloom-delay:-2s}.onb-screen[data-stage="4"]{--stage-angle:198deg;--stage-brand-stop:18%;--stage-light-stop:30%;--stage-paper-stop:40%;--stage-deep-x:10%;--stage-deep-y:16%;--stage-bloom-x:72%;--stage-bloom-y:36%;--stage-deep-delay:-6s;--stage-bloom-delay:-13s}.onb-screen[data-stage="5"]{--stage-angle:184deg;--stage-brand-stop:24%;--stage-light-stop:38%;--stage-paper-stop:50%;--stage-deep-x:78%;--stage-deep-y:6%;--stage-bloom-x:18%;--stage-bloom-y:28%;--stage-deep-delay:-9s;--stage-bloom-delay:-3s}.onb-screen:before,.onb-screen:after{content:"";z-index:0;pointer-events:none;will-change:transform;height:78%;-webkit-mask:linear-gradient(var(--stage-angle), #000 0 52%, transparent 82%);-webkit-mask:linear-gradient(var(--stage-angle), #000 0 52%, transparent 82%);mask:linear-gradient(var(--stage-angle), #000 0 52%, transparent 82%);position:absolute;inset:-18% -18% auto}.onb-screen:before{background:radial-gradient(64% 54% at var(--stage-deep-x) var(--stage-deep-y), color-mix(in srgb, var(--blue-deep) 82%, transparent) 0%, color-mix(in srgb, var(--blue-deep) 0%, transparent) 76%);animation:onb-stage-deep 12s cubic-bezier(.4, 0, .6, 1) var(--stage-deep-delay) infinite}.onb-screen:after{background:radial-gradient(56% 40% at var(--stage-bloom-x) var(--stage-bloom-y), #ffffff85 0%, #fff0 66%);animation:onb-stage-bloom 16s cubic-bezier(.4, 0, .6, 1) var(--stage-bloom-delay) infinite}@keyframes onb-stage-deep{0%,to{opacity:.72;transform:translate(-4%,-3%)scale(1)}50%{opacity:1;transform:translate(9%,6%)scale(1.3)}}@keyframes onb-stage-bloom{0%,to{opacity:.62;transform:translate(5%,4%)scale(1.06)}50%{opacity:1;transform:translate(-9%,-5%)scale(1.34)}}.onb-band{height:var(--stage-brand-stop);pointer-events:none;position:absolute;inset:0 0 auto}.onb-body{z-index:1;width:100%;max-width:480px;padding:calc(env(safe-area-inset-top,0px) + var(--nav-band)) var(--pad-x) max(24px, env(safe-area-inset-bottom,0px));flex-direction:column;flex:auto;margin-inline:auto;display:flex;position:relative}.onb-step{flex-direction:column;flex:auto;display:flex}.onb-stage,.onb-panel,.onb-panel-inner{display:contents}.onb-wordmark{display:none}.onb-step:not([data-static]) .onb-headline,.onb-step:not([data-static]) .onb-sub,.onb-step:not([data-static]) .onb-panel-inner>.onb-sheet,.onb-step:not([data-static]) .onb-setup>:not(.onb-actions),.onb-step:not([data-static]):not([data-keep-actions]) .onb-actions{animation:onb-enter .42s var(--ease-reveal) both}.onb-step[data-static] .onb-headline,.onb-step[data-static] .onb-sub,.onb-step[data-static] .onb-copy,.onb-step[data-static] .onb-panel-inner,.onb-step[data-static] .onb-panel-inner>.onb-sheet{animation:none}.onb-step:not([data-static]) .onb-sub{animation-delay:60ms}.onb-step:not([data-static]) .onb-panel-inner>.onb-sheet,.onb-step:not([data-static]) .onb-setup>:not(.onb-actions){animation-delay:.12s}.onb-step:not([data-static]):not([data-keep-actions]) .onb-actions{animation-delay:.18s}.onb-step[data-leaving] .onb-headline,.onb-step[data-leaving] .onb-sub,.onb-step[data-leaving] .onb-panel-inner>.onb-sheet,.onb-step[data-leaving] .onb-setup>:not(.onb-actions),.onb-step[data-leaving]:not([data-keep-actions]) .onb-actions{animation:onb-leave .2s var(--ease-reveal) both}@keyframes onb-enter{0%{opacity:0;transform:translateY(12px)}}@keyframes onb-leave{to{opacity:0;transform:translateY(-8px)}}.onb-copy{margin-bottom:var(--gap-block)}.onb-headline{letter-spacing:-.03em;color:var(--on-blue);margin:0;font-size:32px;font-weight:600;line-height:1.125}.onb-screen .onb-headline:focus{outline:none}.onb-sub{margin:var(--gap-label) 0 0;letter-spacing:-.005em;max-width:34ch;color:var(--on-blue-soft);font-size:14px;font-weight:400;line-height:1.5}.onb-screen :focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.onb-sheet{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);background:linear-gradient(140deg,#ffffff2b,#ffffff14 42%,#ffffff21),radial-gradient(circle at 35% 85%,#575eff47,#0000 46%);border:1px solid #ffffff40;padding:24px;box-shadow:inset 0 1px #ffffff61,inset 0 0 28px #ffffff1a,0 14px 35px #4934af17}.onb-turnstile{min-height:65px;margin:4px 0 8px}.onb-oauth{width:100%;height:var(--control);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink);letter-spacing:-.015em;cursor:pointer;box-shadow:inset 0 1px 0 #ffffffe6, 0 4px 12px -10px color-mix(in srgb, var(--color-ink) 28%, transparent);transition:transform .2s var(--ease-reveal), box-shadow .2s var(--ease-reveal);justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}@media (hover:hover){.onb-oauth:hover{box-shadow:inset 0 1px 0 #ffffffe6, 0 8px 18px -12px color-mix(in srgb, var(--color-ink) 30%, transparent);transform:translateY(-1px)}}.onb-oauth:active{box-shadow:0 2px 8px -8px color-mix(in srgb, var(--color-ink) 32%, transparent);transform:translateY(1px)}.onb-divider{color:var(--color-muted);align-items:center;gap:12px;margin:16px 0;font-size:14px;font-weight:500;display:flex}.onb-divider:before,.onb-divider:after{content:"";background:color-mix(in srgb, var(--color-ink) 14%, transparent);flex:auto;height:1px}.onb-field+.onb-field{margin-top:var(--gap-stack)}.onb-label{margin-bottom:var(--gap-label);letter-spacing:-.01em;color:var(--color-muted);font-size:14px;font-weight:500;line-height:1.4;display:block}.onb-label-row{margin-bottom:var(--gap-label);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.onb-label-row .onb-label{margin-bottom:0}.onb-optional{letter-spacing:-.01em;color:var(--color-muted);font-size:12px;font-weight:400}.onb-field--bio{z-index:2;position:relative}.onb-area-foot{align-items:center;gap:6px;display:flex;position:absolute;bottom:6px;right:10px}.onb-area-foot .onb-count{position:static}.onb-emoji{flex:none;position:relative}.onb-emoji-btn{border-radius:var(--radius-pill);width:28px;height:28px;color:var(--color-muted);cursor:pointer;transition:color .2s var(--ease-reveal), background .2s var(--ease-reveal);background:0 0;border:0;place-items:center;padding:0;font-size:15px;line-height:1;display:grid}.onb-emoji-btn:hover,.onb-emoji-btn[aria-expanded=true]{color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 12%, transparent)}.onb-emoji-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px}.onb-emoji-menu{z-index:8;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 12px 34px -16px color-mix(in srgb, var(--color-ink) 34%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 8%, transparent);animation:onb-enter .2s var(--ease-reveal) both;grid-template-columns:repeat(4,36px);gap:4px;margin:0;padding:8px;list-style:none;display:grid;position:absolute;top:calc(100% + 8px);right:0}.onb-emoji-menu button{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--color-ink);transition:background .2s var(--ease-reveal);place-items:center;font-size:18px;line-height:1;display:grid}.onb-emoji-menu button:hover,.onb-emoji-menu button[aria-selected=true]{background:var(--color-brand-tint)}.onb-input{height:var(--control);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 11%, transparent);transition:box-shadow .2s var(--ease-reveal), background .2s var(--ease-reveal);background:#ffffff57;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.onb-input:focus-within{box-shadow:inset 0 0 0 1.5px var(--color-brand);background:#fff9}.onb-icon{color:color-mix(in srgb, var(--color-muted) 90%, transparent);flex:none;justify-content:center;align-items:center;display:flex}.onb-input input,.onb-input textarea{letter-spacing:-.01em;min-width:0;color:var(--color-ink);background:0 0;border:none;outline:none;flex:auto;font-size:14px;font-weight:400}.onb-setup .onb-input input,.onb-setup .onb-input textarea{font-weight:500}.onb-input input::placeholder,.onb-input textarea::placeholder{color:color-mix(in srgb, var(--color-muted) 62%, transparent)}.onb-input--area{align-items:flex-start;height:auto;min-height:96px;padding:12px 16px 32px}.onb-input--area .onb-icon{margin-top:4px}.onb-input textarea{resize:none;min-height:48px;line-height:1.5}.onb-count{letter-spacing:-.01em;color:var(--color-muted);pointer-events:none;font-size:12px;font-weight:500;position:absolute;bottom:8px;right:16px}.onb-toggle{border-radius:var(--radius-pill);color:var(--color-ink-soft);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:2px;display:flex}.onb-input--glass{-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);background:linear-gradient(140deg,#ffffff2b,#ffffff14 42%,#ffffff21),radial-gradient(circle at 35% 85%,#575eff47,#0000 46%);border:1px solid #ffffff40;box-shadow:inset 0 1px #ffffff61,inset 0 0 28px #ffffff1a,0 14px 35px #4934af17}.onb-input--glass:focus-within{box-shadow:inset 0 0 0 1.5px var(--color-brand), inset 0 1px 0 #ffffff61, 0 14px 35px #4934af17;background:linear-gradient(140deg,#ffffff47,#ffffff1f 42%,#fff3),radial-gradient(circle at 35% 85%,#575eff47,#0000 46%)}.onb-prefix{letter-spacing:-.02em;color:var(--color-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;flex:none;font-size:14px;font-weight:400}.onb-check{color:var(--color-live);flex:none;display:flex}.onb-check.is-taken{color:var(--color-muted)}.onb-next{width:100%;height:var(--control);border-radius:var(--radius-pill);background:linear-gradient(100deg, var(--cta-from) 0%, var(--cta-to) 100%);color:var(--on-blue);letter-spacing:-.01em;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff47, 0 14px 26px -18px color-mix(in srgb, var(--cta-to) 55%, transparent);transition:transform .2s var(--ease-reveal), box-shadow .2s var(--ease-reveal), opacity .2s var(--ease-reveal);justify-content:center;align-items:center;gap:12px;margin-top:24px;font-size:14px;font-weight:600;display:flex}@media (hover:hover){.onb-next:hover{box-shadow:inset 0 1px 0 #ffffff47, 0 20px 34px -20px color-mix(in srgb, var(--cta-to) 62%, transparent);transform:translateY(-1px)}}.onb-next:active{box-shadow:inset 0 2px 6px #0f2c7842, 0 8px 18px -14px color-mix(in srgb, var(--cta-to) 70%, transparent);transform:translateY(1px)}.onb-next:disabled,.onb-next:disabled:hover{cursor:not-allowed;opacity:.45;box-shadow:inset 0 1px 0 #ffffff47, 0 8px 18px -16px color-mix(in srgb, var(--cta-to) 40%, transparent);transform:none}.onb-setup{flex-direction:column;flex:auto;display:flex}.onb-actions{align-items:center;gap:12px;margin-top:auto;padding-top:24px;display:flex}.onb-actions .onb-next{flex:auto;width:auto;min-width:0;margin-top:0}.onb-back{flex:0 0 var(--control);width:var(--control);height:var(--control);color:var(--color-ink);background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);cursor:pointer;box-shadow:inset 0 1px 0 #ffffffeb, 0 8px 20px -12px color-mix(in srgb, var(--color-ink) 32%, transparent);transition:transform .2s var(--ease-reveal), box-shadow .2s var(--ease-reveal);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.onb-back:hover{box-shadow:inset 0 1px 0 #ffffffeb, 0 12px 24px -12px color-mix(in srgb, var(--color-ink) 36%, transparent);transform:translateY(-1px)}}.onb-back:active{transform:translateY(1px)}.onb-hero{justify-content:center;display:flex}.onb-hero-face{border-radius:var(--radius-pill);background:var(--color-brand-tint);width:128px;height:128px;color:var(--color-brand-dark);box-shadow:0 0 0 4px #ffffffe0, 0 18px 36px -18px color-mix(in srgb, var(--color-ink) 38%, transparent);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.onb-hero-layer{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .28s var(--ease-reveal);position:absolute;inset:0}.onb-hero-layer.is-on{opacity:1}.onb-hero-icon{z-index:1;transition:opacity .28s var(--ease-reveal);display:flex;position:relative}.onb-hero-icon.is-off{opacity:0}.onb-rail{margin-top:var(--gap-stack);margin-inline:calc(-1 * var(--pad-x));padding:16px calc((100% - 64px) / 2 + var(--pad-x)) 48px;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;align-items:flex-start;gap:12px;display:flex;position:relative;overflow:auto hidden}.onb-rail::-webkit-scrollbar{display:none}.onb-pick{border-radius:var(--radius-pill);background:var(--color-surface);cursor:pointer;width:64px;height:64px;box-shadow:0 8px 18px -12px color-mix(in srgb, var(--color-ink) 28%, transparent);will-change:transform;flex:0 0 64px;padding:0;position:relative}.onb-pick img{object-fit:cover;border-radius:var(--radius-pill);pointer-events:none;width:100%;height:100%;display:block}.onb-pick.is-on{box-shadow:0 0 0 3px var(--color-brand), 0 8px 18px -12px color-mix(in srgb, var(--color-ink) 28%, transparent)}.onb-pick--upload{background:var(--color-brand-tint);color:var(--color-brand-dark);justify-content:center;align-items:center;display:flex}.onb-pick--upload.has-file{background:var(--color-surface)}.onb-error--form{margin:8px 0 0}.onb-text-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.onb-verify{z-index:4;background:color-mix(in srgb, var(--color-surface) 88%, transparent);max-width:min(92vw,420px);color:var(--color-ink,#111);text-align:center;border-radius:999px;margin:0;padding:10px 16px;font-size:13px;position:fixed;top:18px;left:50%;transform:translate(-50%)}.onb-preview{margin-bottom:var(--gap-stack);align-items:center;gap:12px;display:flex}.onb-preview-face{border-radius:var(--radius-pill);background:var(--color-brand-tint);width:48px;height:48px;color:var(--color-brand-dark);box-shadow:0 0 0 3px #ffffffe0, 0 10px 22px -14px color-mix(in srgb, var(--color-ink) 38%, transparent);flex:0 0 48px;justify-content:center;align-items:center;display:flex;overflow:hidden}.onb-preview-face img{object-fit:cover;width:100%;height:100%}.onb-preview-url{border-radius:var(--radius-md);min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 11%, transparent);background:#ffffff57;flex:auto;padding:8px 16px}.onb-preview-kicker{letter-spacing:-.01em;color:var(--color-muted);margin:0;font-size:12px;font-weight:500}.onb-preview-handle{letter-spacing:-.015em;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:14px;font-weight:500;overflow:hidden}.onb-preview-handle strong{color:var(--color-brand);font-weight:600}.onb-note{margin:0 0 var(--gap-stack);letter-spacing:-.01em;color:var(--color-muted);font-size:14px;font-weight:400}.onb-next{position:relative}.onb-screen[data-finale] .onb-next{box-shadow:inset 0 1px #ffffff57,0 0 0 1.5px #7ba6fc,0 0 0 6px #3d7dfb21,0 0 36px #5cdbff8c}.onb-screen[data-finale] .onb-next:after{content:"";border-radius:inherit;pointer-events:none;border:1.5px solid #3d7dfb8c;animation:.76s cubic-bezier(.22,.61,.36,1) both onb-ping;position:absolute;inset:-6px}@keyframes onb-ping{0%{opacity:0;transform:scale(.985)}25%{opacity:.65}to{opacity:0;transform:scale(1.075)}}.onb-screen[data-finale=reveal]{transform-origin:var(--finale-x) var(--finale-y);will-change:transform, filter, opacity;animation:.6s cubic-bezier(.55,0,1,.45) forwards onb-punch}@keyframes onb-punch{0%{filter:blur();opacity:1;visibility:visible;transform:scale(1)}55%{opacity:1}99%{opacity:0;visibility:visible}to{filter:blur(7px);opacity:0;visibility:hidden;transform:scale(1.6)}}.onb-finale{z-index:60;position:fixed;inset:0}.onb-finale.is-intro{pointer-events:none}:root.onb-locked{background:var(--blue-deep);overflow:hidden}:root:has(.onb-finale){background:#fff;overflow:hidden}:root:has(.onb-finale.is-intro){background:var(--blue-deep)}:root.onb-locked body{top:var(--onb-scroll,0px);left:0;right:var(--onb-gutter,0px);background:0 0;position:fixed}:root.onb-locked .site-nav{opacity:0;pointer-events:none;transition:opacity .4s var(--ease-reveal)}:root:has(.onb-finale) .site-nav{opacity:0;pointer-events:none;transition:opacity .4s var(--ease-reveal)}.onb-iris{background:#fff;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.onb-finale:not(.is-intro) .onb-iris{overflow-y:auto}.onb-finale.is-intro .onb-iris{clip-path:circle(0 at var(--iris-x) var(--iris-y));animation:.56s cubic-bezier(.76,0,.24,1) 80ms forwards onb-iris}@keyframes onb-iris{to{clip-path:circle(150% at var(--iris-x) var(--iris-y))}}.onb-finale .dap-profile{--card-radius:0px;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(20px + env(safe-area-inset-bottom,0px));flex:1 0 auto}.onb-finale.is-intro .dap-profile{animation:.68s cubic-bezier(.16,1,.3,1) .64s both onb-settle}@keyframes onb-settle{0%{transform:scale(1.08)}}.onb-finale.is-intro :is(.avatar-wrap,.social-pill){animation:onb-pop .62s cubic-bezier(.34, 1.56, .64, 1) var(--at) both}.onb-finale.is-intro :is(.dap-profile-topbar,.display,.sub,.quote-chip,.cta-primary){animation:onb-rise .48s var(--ease-reveal) var(--at) both}.onb-finale.is-intro .avatar-wrap{--at:.78s}.onb-finale.is-intro .dap-profile-topbar{--at:.86s}.onb-finale.is-intro .display{--at:.9s}.onb-finale.is-intro .sub{--at:.95s}.onb-finale.is-intro .social-pill:first-child{--at:1.01s}.onb-finale.is-intro .social-pill:nth-child(2){--at:1.06s}.onb-finale.is-intro .social-pill:nth-child(3){--at:1.11s}.onb-finale.is-intro .social-pill:nth-child(4){--at:1.16s}.onb-finale.is-intro .quote-chip{--at:1.22s}.onb-finale.is-intro .cta-primary{--at:1.28s}@keyframes onb-pop{0%{opacity:0;transform:scale(.6)}}@keyframes onb-rise{0%{opacity:0;transform:translateY(16px)}}.onb-finale-rim{pointer-events:none;animation:.64s 1.82s forwards onb-rim-out;position:absolute;inset:0}.onb-finale-rim .siri-rim{animation:.7s cubic-bezier(.22,.61,.36,1) .44s both rim-in,4.6s ease-in-out 1.14s infinite rim-breathe}@keyframes onb-rim-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.onb-screen[data-finale],.onb-screen[data-finale] .onb-next:after,.onb-finale.is-intro .onb-iris,.onb-finale.is-intro .dap-profile,.onb-finale.is-intro :is(.avatar-wrap,.social-pill),.onb-finale.is-intro :is(.dap-profile-topbar,.display,.sub,.quote-chip,.cta-primary),.onb-finale-rim,.onb-finale-rim .siri-rim{animation:none}.onb-finale.is-intro .onb-iris{clip-path:none}}@media (min-width:768px){.onb-screen{--stage-angle:168deg;--stage-deep-x:22%;--stage-deep-y:18%;--stage-bloom-x:72%;--stage-bloom-y:36%;--stage-deep-delay:0s;--stage-bloom-delay:-5s;--gap-copy:16px;--form-max:440px;--pad-x:0px;background:linear-gradient(90deg, transparent 0 50%, color-mix(in srgb, var(--blue-light) 32%, transparent) 50%, var(--color-paper) calc(50% + 96px)), linear-gradient(var(--stage-angle), var(--color-brand) 0%, var(--color-brand) 42%, var(--blue-light) 100%) left top / 50% 100% no-repeat, var(--color-paper);height:100dvh}.onb-screen[data-stage="2"]{--stage-angle:184deg;--stage-deep-x:78%;--stage-deep-y:12%;--stage-bloom-x:24%;--stage-bloom-y:42%;--stage-deep-delay:-4s;--stage-bloom-delay:-11s}.onb-screen[data-stage="3"]{--stage-angle:156deg;--stage-deep-x:48%;--stage-deep-y:8%;--stage-bloom-x:86%;--stage-bloom-y:22%;--stage-deep-delay:-8s;--stage-bloom-delay:-2s}.onb-screen[data-stage="4"]{--stage-angle:176deg;--stage-deep-x:16%;--stage-deep-y:24%;--stage-bloom-x:70%;--stage-bloom-y:48%;--stage-deep-delay:-6s;--stage-bloom-delay:-13s}.onb-screen[data-stage="5"]{--stage-angle:162deg;--stage-deep-x:80%;--stage-deep-y:16%;--stage-bloom-x:18%;--stage-bloom-y:30%;--stage-deep-delay:-9s;--stage-bloom-delay:-3s}.onb-screen:before,.onb-screen:after{height:auto;inset:-18% 50% -18% -18%;-webkit-mask:linear-gradient(90deg,#000 0 72%,#0000 100%);mask:linear-gradient(90deg,#000 0 72%,#0000 100%)}:root:has(.onb-screen) .site-nav{display:none}.onb-band{display:none}.onb-body{max-width:none;min-height:0;padding:0}.onb-step{grid-template-columns:repeat(var(--layout-columns), minmax(0, 1fr));column-gap:var(--layout-gap);width:100%;max-width:var(--layout-max-width);padding-inline:var(--layout-gutter);min-height:0;margin-inline:auto;display:grid}.onb-stage{--stage-pad:48px;z-index:1;min-width:0;padding-block:var(--stage-pad);color:var(--on-blue);flex-direction:column;grid-column:2/7;justify-content:center;display:flex;position:relative}.onb-wordmark{letter-spacing:-.035em;width:fit-content;color:var(--on-blue);font-size:32px;font-weight:700;line-height:1;display:block;position:absolute;inset-block-start:var(--stage-pad);inset-inline-start:0}.onb-copy{max-width:none;margin-bottom:0}.onb-sub{margin-top:var(--gap-copy);max-width:none;font-size:16px}.onb-panel{z-index:1;flex-direction:column;grid-column:7/12;min-width:0;min-height:0;padding-block:48px;display:flex;position:relative;overflow-y:auto}.onb-panel-inner{width:100%;max-width:var(--form-max);flex-direction:column;min-width:0;margin:auto;display:flex}.onb-setup{flex:none}.onb-actions{width:100%;max-width:var(--form-max);margin-top:24px;margin-inline:auto;padding-top:0}.onb-step:not([data-static]) .onb-headline,.onb-step:not([data-static]) .onb-sub,.onb-step:not([data-static]) .onb-panel-inner>.onb-sheet,.onb-step:not([data-static]) .onb-setup>:not(.onb-actions),.onb-step:not([data-static]):not([data-keep-actions]) .onb-actions,.onb-step[data-leaving] .onb-headline,.onb-step[data-leaving] .onb-sub,.onb-step[data-leaving] .onb-panel-inner>.onb-sheet,.onb-step[data-leaving] .onb-setup>:not(.onb-actions),.onb-step[data-leaving]:not([data-keep-actions]) .onb-actions{animation:none}.onb-step:not([data-static]) .onb-copy{animation:onb-enter .42s var(--ease-reveal) both}.onb-step:not([data-static]) .onb-panel-inner{animation:onb-enter .42s var(--ease-reveal) 90ms both}.onb-step[data-leaving] .onb-copy,.onb-step[data-leaving] .onb-panel-inner{animation:onb-leave .2s var(--ease-reveal) both}.onb-rail{--rail-fade:56px;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--rail-fade), #000 calc(100% - var(--rail-fade)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--rail-fade), #000 calc(100% - var(--rail-fade)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--rail-fade), #000 calc(100% - var(--rail-fade)), transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.onb-finale .dap-profile{width:min(100%,480px);margin-inline:auto}}@media (prefers-reduced-motion:reduce){.onb-step :is(.onb-headline,.onb-sub,.onb-copy,.onb-panel-inner,.onb-sheet,.onb-setup>*,.onb-actions){animation:none!important}}@media (min-width:1024px){.onb-headline{font-size:44px}}@media (min-width:1280px){.onb-headline{font-size:52px}.onb-stage{--stage-pad:64px}.onb-panel{padding-block:64px}}.onb-scene{display:none}@media (min-width:768px){.onb-finale .onb-iris{--scene-ground:#eceff7;background:linear-gradient(168deg,#f1f4fa 0%,#eaeef6 58%,#eff2f9 100%)}.onb-scene{z-index:0;grid-template-columns:repeat(var(--layout-columns), minmax(0, 1fr));column-gap:var(--layout-gap);width:100%;max-width:var(--layout-max-width);padding:clamp(28px, 4vh, 48px) var(--layout-gutter);pointer-events:none;grid-template-rows:repeat(8,1fr);margin-inline:auto;display:grid;position:absolute;inset:0}.onb-finale .dap-profile{z-index:1;background:0 0;justify-content:center;width:min(100%,480px);margin-inline:auto;position:relative}.onb-finale .profile-body{flex:none}.onb-finale .cta-primary{margin-top:32px}.onb-scene-tile{--size:1;--tile:calc(clamp(60px, 6.6vw, 98px) * var(--size));--rot:0deg;--spin:3deg;--drift:12px;--beat:14s;--lag:0s;width:var(--tile);height:var(--tile);border-radius:calc(var(--tile) / 3.2);color:#141a2b;transform:rotate(var(--rot));animation:onb-scene-float var(--beat) ease-in-out var(--lag) infinite;background:linear-gradient(145deg,#f2f5fb 0%,#e5eaf4 100%);place-self:center;place-items:center;display:grid;box-shadow:12px 14px 26px #a3b1c67a,-10px -10px 22px #ffffffeb,inset 1px 1px 1px #fff9,inset -1px -1px 1px #a3b1c638}.onb-scene-tile svg{width:calc(var(--tile) * .36);height:calc(var(--tile) * .36);opacity:.82}.onb-scene-tile--chart{--size:.92;--rot:-12deg;--beat:13s;--lag:-1s;grid-area:2/3}.onb-scene-tile--send{--size:1.06;--rot:-6deg;--beat:16s;--lag:-6s;grid-area:4/2}.onb-scene-tile--doc{--size:.86;--rot:9deg;--beat:15s;--lag:-3s;grid-area:7/3}.onb-scene-tile--people{--size:.97;--rot:10deg;--beat:14s;--lag:-8s;grid-area:2/10;align-self:start}.onb-scene-tile--globe{--size:1.1;--rot:12deg;--beat:17s;--lag:-2s;grid-area:4/11}.onb-scene-tile--star{--size:.89;--rot:-10deg;--beat:13.5s;--lag:-5s;grid-area:7/10}@keyframes onb-scene-float{0%,to{transform:translate3d(0, 0, 0) rotate(var(--rot))}50%{transform:translate3d(0, calc(var(--drift) * -1), 0) rotate(calc(var(--rot) + var(--spin)))}}.onb-finale.is-intro .onb-scene{animation:onb-scene-in .9s var(--ease-reveal) .9s both}@keyframes onb-scene-in{0%{opacity:0}}}@media (prefers-reduced-motion:reduce){.onb-scene-tile,.onb-finale.is-intro .onb-scene{animation:none}}.onb-topbar{z-index:2;padding:calc(24px + env(safe-area-inset-top,0px)) 24px 0;flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.onb-topbar-mark{letter-spacing:-.025em;color:#141a2b;font-size:22px;font-weight:600;line-height:1}.onb-topbar-mark .mark-dot{color:#3d7dfb}.onb-topbar-edit{border-radius:var(--radius-pill);letter-spacing:-.01em;color:#141a2b;cursor:pointer;height:38px;transition:transform .2s var(--ease-reveal), box-shadow .2s var(--ease-reveal), color .2s var(--ease-reveal);background:linear-gradient(145deg,#fff 0%,#eceff5 100%);border:none;align-items:center;gap:8px;padding-inline:14px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:4px 4px 10px #9faec76b,inset 1.5px 1.5px 1px #fffffff2,inset -1.5px -1.5px 1.5px #9faec74d}@media (hover:hover){.onb-topbar-edit:hover{transform:translateY(-1px)}}.onb-topbar-edit:active{transform:translateY(1px);box-shadow:inset 3px 3px 6px #9faec76b,inset -2px -2px 5px #ffffffe6}.onb-finale.is-intro .onb-topbar{animation:onb-rise .48s var(--ease-reveal) .86s both}.onb-sheet-dialog{background:0 0;border:none;width:min(100%,520px);max-width:none;max-height:100dvh;margin:auto;padding:12px;overflow:visible}.onb-sheet-dialog::backdrop{background:#11224a57;animation:.24s cubic-bezier(.22,.61,.36,1) both onb-scrim-in}.onb-sheet-dialog[data-closing]::backdrop{animation:.2s cubic-bezier(.4,0,1,1) both onb-scrim-out}.onb-sheet-dialog[data-closing] .onb-sheet-panel{pointer-events:none;animation:.2s cubic-bezier(.4,0,1,1) both onb-sheet-out}@keyframes onb-scrim-in{0%{opacity:0}}@keyframes onb-scrim-out{to{opacity:0}}@keyframes onb-sheet-out{to{opacity:0;transform:translateY(12px)scale(.98)}}.onb-sheet-panel{--pad-x:24px;--gap-block:32px;--gap-stack:16px;--gap-label:8px;--control:48px;--color-live:#33c26a;--cta-from:#5b90fc;--cta-to:var(--color-brand-dark);--color-danger:#d23b3b;max-height:calc(100dvh - 24px);color:var(--color-ink);-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);animation:onb-sheet-in .24s var(--ease-reveal) both;background:linear-gradient(140deg,#ffffff94,#ffffff61 42%,#ffffff80),radial-gradient(circle at 12% 0,#7db1eb59,#0000 42%),radial-gradient(circle at 88% 100%,#3d7dfb42,#0000 48%);border:1px solid #ffffffb3;border-radius:28px;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff1f,inset 0 0 48px #ffffff38,0 28px 70px -24px #0b16368c}@keyframes onb-sheet-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.onb-sheet-scroll{--scroll-inset:8px;overscroll-behavior:contain;min-height:0;padding:8px calc(var(--pad-x) - var(--scroll-inset) - 2px) 8px var(--pad-x);flex:auto;margin:16px 0;overflow:hidden auto}@property --fade-top{syntax:"<length>";inherits:false;initial-value:0}@property --fade-bottom{syntax:"<length>";inherits:false;initial-value:0}.onb-sheet-scroll{--fade-size:32px;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent 100%);transition:--fade-top .2s var(--ease-reveal), --fade-bottom .2s var(--ease-reveal)}.onb-sheet-scroll[data-fade-top]{--fade-top:var(--fade-size)}.onb-sheet-scroll[data-fade-bottom]{--fade-bottom:var(--fade-size)}.onb-sheet-scroll::-webkit-scrollbar-track{background:0 0}.onb-sheet-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-ink) 22%, transparent)}.onb-sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.onb-sheet-title{letter-spacing:-.015em;margin:0;font-size:17px;font-weight:600}.onb-sheet-close{width:36px;height:36px;color:var(--color-ink);background:var(--color-surface);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 6px 16px -10px #0b0b1066}.onb-edit{gap:var(--gap-block);flex-direction:column;display:flex}.onb-edit-col{min-width:0}.onb-edit-col--face{--pad-x:0px}.onb-edit-col--face .onb-rail{--rail-fade:40px;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--rail-fade), #000 calc(100% - var(--rail-fade)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--rail-fade), #000 calc(100% - var(--rail-fade)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--rail-fade), #000 calc(100% - var(--rail-fade)), transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.onb-sheet-foot{margin-top:var(--gap-block);flex-direction:column;gap:12px;display:flex}.onb-sheet-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.onb-sheet-actions form{min-width:0;display:grid}.onb-account-btn{width:100%;min-width:0;height:var(--control,48px);border-radius:var(--radius-pill);color:var(--color-ink);font:inherit;letter-spacing:-.01em;white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 11%, transparent);cursor:pointer;transition:background .2s var(--ease-reveal), box-shadow .2s var(--ease-reveal), color .2s var(--ease-reveal);background:#ffffff80;border:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.onb-account-btn:hover{background:#fffc}.onb-account-btn--danger{color:var(--color-danger);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-danger) 22%, transparent)}.onb-account-btn--danger:hover{background:color-mix(in srgb, var(--color-danger) 9%, #ffffffb3)}.onb-account-btn:focus-visible,.onb-sheet-done:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.onb-sheet-done{width:100%;height:var(--control,48px);border-radius:var(--radius-pill);background:linear-gradient(100deg, #5b90fc 0%, var(--color-brand-dark) 100%);color:#fff;letter-spacing:-.01em;cursor:pointer;border:none;flex:none;font-size:14px;font-weight:600}@media (min-width:768px){.onb-sheet-dialog{width:min(100%,800px);padding:24px}.onb-sheet-panel{--pad-x:32px;max-height:calc(100dvh - 48px)}.onb-sheet-scroll{margin-block:20px}.onb-sheet-head{margin-bottom:20px}.onb-sheet-title{font-size:20px}.onb-edit{gap:var(--gap-block) 32px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onb-edit-col--face{grid-column:1/-1;justify-self:center;width:min(100%,420px)}.onb-sheet-foot{flex-direction:row;justify-content:flex-end;align-items:center}.onb-sheet-actions{grid-auto-columns:max-content;margin-right:auto}.onb-account-btn{padding:0 18px}.onb-sheet-done{width:180px}}@media (min-width:1024px){.onb-sheet-dialog{width:min(100%,1080px)}.onb-edit{grid-template-columns:280px repeat(2,minmax(0,1fr))}.onb-edit-col--face{grid-column:auto;align-self:center;width:100%}}@media (prefers-reduced-motion:reduce){.onb-sheet-panel,.onb-sheet-dialog::backdrop,.onb-finale.is-intro .onb-topbar{animation:none}}@media (min-width:768px){.onb-topbar{grid-template-columns:repeat(var(--layout-columns), minmax(0, 1fr));column-gap:var(--layout-gap);width:100%;max-width:var(--layout-max-width);padding:clamp(28px, 4vh, 48px) var(--layout-gutter) 0;align-items:center;margin-inline:auto;display:grid}.onb-topbar-mark{grid-column:2;justify-self:start;font-size:clamp(22px,2.2vw,28px)}.onb-topbar-edit{grid-column:11;justify-self:end}.onb-scene{z-index:0}}