.onb,.onb *,.onb *:before,.onb *:after{box-sizing:border-box}.onb{--acc: #2563eb;--acc-2: #3b82f6;--bg: #f6f7f9;--surface: #ffffff;--txt: #1f2430;--muted: #6b7280;--border: rgba(0, 0, 0, .08);--ring: rgba(37, 99, 235, .35);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--shadow-md: 0 8px 22px rgba(16, 24, 40, .1);position:fixed;inset:0;z-index:9999;overflow:hidden;display:grid;grid-template-columns:minmax(420px,560px) 1fr;background:var(--bg);transition:opacity .45s ease,transform .45s ease,background-color .4s ease}.onb-title,.onb-sub,.onb-eyebrow,.onb-opt-label,.onb-opt-sub{transition:color .4s ease}body[data-pc-theme=dark] .onb{--acc: #3b82f6;--acc-2: #93c5fd;--bg: #0f1116;--surface: #16181d;--txt: #e7e9ee;--muted: #8a8f9a;--border: rgba(255, 255, 255, .08);--ring: rgba(147, 197, 253, .4);--shadow-md: 0 8px 22px rgba(0, 0, 0, .45)}.onb-brand{position:relative;overflow:hidden;padding:56px 52px;color:#fff;background:radial-gradient(135% 120% at 0% 0%,#3b82f6,#3b82f600 42%),radial-gradient(120% 120% at 92% 96%,#0c2444 0%,transparent 55%),linear-gradient(150deg,#1e51c7,#173f8f 48%,#0e2a55)}.onb-brand:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:overlay}.onb-aura{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;mix-blend-mode:screen}.onb-aura-1{width:420px;height:420px;background:#4f93ff;opacity:.55;top:-120px;left:-90px;animation:onb-drift 22s ease-in-out infinite}.onb-aura-2{width:360px;height:360px;background:#2563eb;opacity:.45;bottom:-120px;right:-80px;animation:onb-drift 27s ease-in-out infinite reverse}@keyframes onb-drift{50%{transform:translate(26px,-20px)}}.onb-ring{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none;width:620px;height:620px;right:-260px;bottom:-240px}.onb-ring-2{width:420px;height:420px;right:-160px;bottom:-140px;border-color:#ffffff0f}.onb-brand-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.onb-brand-top{display:flex}.onb-brand-logo{height:40px;width:auto;flex:0 0 auto;max-width:78%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.25))}.onb-pill{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 13px 6px 11px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;color:#ffffffeb;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);margin-bottom:18px}.onb-pill-dot{width:7px;height:7px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 0 3px #7dd3fc40}.onb-brand-head{margin:0;font-size:clamp(28px,2.6vw,44px);font-weight:700;line-height:1.07;letter-spacing:-.02em}.onb-brand-tag{margin:16px 0 0;font-size:16px;line-height:1.55;color:#ffffffbd;max-width:34ch}.onb-brand-foot{display:flex;flex-direction:column;gap:16px}.onb-feats{display:flex;flex-wrap:wrap;gap:18px}.onb-feat{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:#ffffffb3}.onb-feat svg{color:#ffffff8c}.onb-copy{font-size:12px;color:#ffffff6b;letter-spacing:.02em}.onb-picker{display:grid;place-items:center;padding:40px;overflow-y:auto;background:var(--bg);transition:background-color .4s ease}.onb-card{width:min(460px,100%);display:flex;flex-direction:column;gap:24px}.onb-progress{display:flex;gap:8px;padding-left:18px}.onb-bar{height:4px;width:28px;border-radius:99px;background:var(--border);transition:background-color .4s ease}.onb-bar.is-on{background:var(--acc)}.onb-viewport,.onb-track{position:relative}.onb-step{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translate(18px) scale(.99);pointer-events:none;transition:opacity .38s ease,transform .45s cubic-bezier(.22,1,.36,1)}.onb-step.is-shown{position:relative;opacity:1;transform:none;pointer-events:auto}.onb-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600;color:var(--acc)}.onb-title{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--txt);outline:none}.onb-sub{margin:-8px 0 4px;font-size:14px;color:var(--muted)}.onb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.onb-opt{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;min-height:116px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;font-family:inherit;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .22s ease,background-color .22s ease}.onb-opt:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#2563eb59}.onb-opt:active{transform:translateY(-1px) scale(.99)}.onb-opt:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring),var(--shadow-md)}.onb-opt.is-active{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 6%,var(--surface));box-shadow:0 0 0 1px var(--acc),0 0 0 5px color-mix(in srgb,var(--acc) 12%,transparent)}.onb-opt-text{display:flex;flex-direction:column}.onb-opt-label{font-size:15px;font-weight:700;color:var(--txt);line-height:1.2}.onb-opt-sub{font-size:12px;color:var(--muted);margin-top:2px}.onb-check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .22s ease,transform .22s cubic-bezier(.34,1.56,.64,1)}.onb-opt.is-active .onb-check{opacity:1;transform:scale(1)}.onb-flag{width:32px;height:23px;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.onb-flag svg{display:block;width:100%;height:100%}.onb-prev{display:flex;height:52px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.onb-prev-rail{width:26%}.onb-prev-main{flex:1;padding:9px;display:flex;flex-direction:column;gap:6px}.onb-prev-line{height:6px;border-radius:3px}.onb-prev-line--sm{width:58%}.onb-prev--light{background:#fff}.onb-prev--light .onb-prev-rail{background:#eef2f7}.onb-prev--light .onb-prev-line{background:#dfe4ec}.onb-prev--light .onb-prev-line:first-child{background:#c9d2e0}.onb-prev--dark{background:#14161b}.onb-prev--dark .onb-prev-rail{background:#20242c}.onb-prev--dark .onb-prev-line{background:#2b303a}.onb-prev--dark .onb-prev-line:first-child{background:#3b4250}.onb-nav{display:flex;gap:12px;margin-top:8px}.onb-cta{flex:1;padding:14px 20px;border:0;border-radius:14px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;color:#fff;background:var(--acc);box-shadow:0 8px 22px #2563eb52;transition:background-color .2s ease,box-shadow .2s ease,transform .12s ease}.onb-cta:hover{background:#1d4ed8;box-shadow:0 10px 26px #2563eb66}.onb-cta:active{transform:scale(.985)}.onb-ghost{width:52px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--muted);transition:background-color .2s ease,color .2s ease,transform .12s ease}.onb-ghost:hover{background:color-mix(in srgb,var(--txt) 6%,transparent);color:var(--txt)}.onb-ghost:active{transform:scale(.96)}.onb-reveal{animation:onb-rise .6s cubic-bezier(.22,1,.36,1) both}@keyframes onb-rise{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(4px)}}.onb-brand{animation:onb-brand-in .65s cubic-bezier(.22,1,.36,1) both}@keyframes onb-brand-in{0%{opacity:0;transform:translate(-14px)}}.onb-picker{animation:onb-fade .55s ease both}@keyframes onb-fade{0%{opacity:0}}.onb-brand-logo.onb-reveal{animation-delay:.05s}.onb-brand-head.onb-reveal{animation-delay:.12s}.onb-brand-tag.onb-reveal{animation-delay:.18s}.onb-brand-foot.onb-reveal{animation-delay:.24s}.onb-progress.onb-reveal{animation-delay:.1s}.onb-step--enter>*{animation:onb-rise .55s cubic-bezier(.22,1,.36,1) both}.onb-step--enter>*:nth-child(1){animation-delay:.16s}.onb-step--enter>*:nth-child(2){animation-delay:.22s}.onb-step--enter>*:nth-child(3){animation-delay:.28s}.onb-step--enter>*:nth-child(4){animation-delay:.34s}.onb-step--enter>*:nth-child(5){animation-delay:.4s}@media(min-width:861px){.onb-card{width:min(540px,100%);gap:30px}.onb-step{gap:18px}.onb-title{font-size:30px}.onb-sub{font-size:15px}.onb-eyebrow{font-size:13px}.onb-grid{gap:14px}.onb-opt{min-height:142px;padding:20px;border-radius:18px;gap:14px}.onb-opt-label{font-size:16px}.onb-opt-sub{font-size:12.5px}.onb-flag{width:40px;height:29px}.onb-check{width:24px;height:24px;top:14px;right:14px}.onb-prev{height:68px}.onb-cta{padding:16px 22px;font-size:16px;border-radius:15px}.onb-ghost{width:56px;border-radius:15px}.onb-brand{padding:64px 60px}.onb-brand-logo{height:50px}}@media(max-width:860px){.onb{grid-template-columns:1fr;grid-template-rows:auto 1fr}.onb-brand{min-height:30vh;padding:28px 24px;border-radius:0 0 28px 28px;justify-content:flex-end}.onb-brand-inner{gap:16px}.onb-brand-tag,.onb-brand-foot{display:none}.onb-picker{padding:22px 18px 30px;align-items:start}}@media(max-width:380px){.onb-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.onb,.onb *{animation:none!important}.onb-track{transition:none}.onb-opt:hover{transform:none}}