.onb{min-height:100dvh;background:var(--paper);color:var(--ink)}.onb a{color:inherit}.onb a:hover{color:var(--orange-600)}.onb .col{position:relative;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.onb .btn{width:100%;height:56px;border:0;border-radius:16px;font:inherit;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-decoration:none;transition:transform .12s var(--ease)}.onb .btn:active{transform:scale(.97)}.onb .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.onb .primary{background:#f04f00;color:#fff;box-shadow:inset 0 1px #ffffff40,0 8px 20px #f04f0047}.onb a.primary:hover{color:#fff}.onb .ghost{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.onb .iconbtn{width:44px;height:44px;border-radius:14px;border:0;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}.onb .seg{height:4px;border-radius:999px;background:var(--line)}.onb .seg.on{background:var(--orange)}.onb .lab{font-size:13px;font-weight:600;color:var(--muted)}.onb .inp{width:100%;height:52px;border-radius:14px;border:0;padding:0 16px;font:inherit;font-size:16px;background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.onb .inp:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--orange)}.onb .inp[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--danger)}.onb .err{font-size:13px;font-weight:600;color:var(--danger-ink)}.onb .box{height:60px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);display:grid;place-items:center;font-size:26px;font-weight:800}.onb .box.cur{box-shadow:inset 0 0 0 2px var(--orange)}.onb .box.fill{box-shadow:inset 0 0 0 2px var(--ink)}.onb .caret{width:2px;height:28px;background:var(--orange);animation:blink 1s steps(1) infinite}.onb .shake{animation:shake .4s var(--ease)}.onb .tile{position:relative;min-width:0;min-height:88px;border-radius:18px;border:0;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:12px 14px;font:inherit;font-size:15px;font-weight:700;line-height:1.25;color:var(--ink);cursor:pointer;text-align:start;overflow-wrap:anywhere}.onb .tile[aria-checked=true]{background:var(--orange-soft);box-shadow:inset 0 0 0 2px var(--orange)}.onb .ti{width:36px;height:36px;border-radius:12px;background:var(--paper);display:grid;place-items:center;flex:none;color:var(--ink)}.onb .tile[aria-checked=true] .ti{background:#fff;color:var(--orange-ink)}.onb .tick{position:absolute;top:8px;inset-inline-end:8px;width:20px;height:20px;border-radius:50%;background:var(--orange-600);color:#fff;display:grid;place-items:center}.onb .mode{position:relative;width:100%;border:0;border-radius:24px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);padding:18px;display:flex;gap:16px;align-items:center;font:inherit;color:var(--ink);text-align:start;cursor:pointer}.onb .mode[aria-checked=true]{background:var(--orange-soft);box-shadow:inset 0 0 0 2px var(--orange)}.onb .prev{width:92px;height:116px;border-radius:18px;background:var(--card);box-shadow:0 6px 16px #11131614;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;position:relative}.onb .rec{align-self:flex-start;max-width:100%;padding:4px 10px;border-radius:10px;background:#111316;color:#fff;font-size:12px;font-weight:700;line-height:1.35;display:inline-flex;align-items:center}.onb .sw{position:relative;width:52px;height:32px;border-radius:999px;border:0;background:var(--line);cursor:pointer;flex:none}.onb .sw[aria-checked=true]{background:var(--orange-600)}.onb .sw span{position:absolute;top:3px;inset-inline-start:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #11131633;transition:transform .2s var(--ease)}.onb .sw[aria-checked=true] span{transform:translate(20px)}html[dir=rtl] .onb .sw[aria-checked=true] span{transform:translate(-20px)}.onb .key{height:60px;border-radius:14px;border:0;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),0 2px 0 var(--line);font:inherit;font-size:24px;font-weight:700;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.onb .key:active{transform:translateY(1px)}.onb .pin{height:56px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);display:grid;place-items:center}.onb .pin.fill{box-shadow:inset 0 0 0 2px var(--ink)}.onb .pin.cur{box-shadow:inset 0 0 0 2px var(--orange)}.onb .pin i{width:14px;height:14px;border-radius:50%;background:var(--ink);opacity:0;transform:scale(0);transition:transform .15s,opacity .15s}.onb .pin.fill i{opacity:1;transform:scale(1)}.onb .plan{position:relative;width:100%;border:0;border-radius:24px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);padding:20px;display:flex;flex-direction:column;gap:12px;font:inherit;color:var(--ink);text-align:start;cursor:pointer}.onb .plan[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--orange),0 10px 26px #f04f001f}.onb .plan.dark{background:#111316;color:#f7f5f0;box-shadow:none}.onb .plan.dark[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--orange),0 10px 26px #f04f001f}.onb .feat{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4}.onb .feat svg{flex:none;margin-top:1px}.onb .act{height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none}.onb .echo{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.6);opacity:0;animation:echo-onb 3s var(--ease) infinite}.onb .e2{animation-delay:.3s}.onb .swing{animation:swing-onb 3s var(--ease) infinite;transform-origin:50% 8%}.onb .up{animation:up .5s var(--ease) both}.onb .enter{animation:enter-onb .4s var(--ease) both}.onb .step{display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;border-radius:14px;font-size:15px;font-weight:600;color:var(--muted);text-decoration:none}.onb .step[aria-current=step]{background:var(--card);box-shadow:var(--sh-1);color:var(--ink);font-weight:700}.onb .dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none;background:var(--line);color:var(--muted)}.onb .step.done .dot{background:var(--orange-600);color:#fff}.onb .step[aria-current=step] .dot{background:var(--orange-soft);color:var(--orange-ink);box-shadow:inset 0 0 0 2px var(--orange)}.onb .dsk,.onb .rail,.onb .aside,.onb .dstep,.onb .dback{display:none}@media(min-width:900px){.onb.wide .frame{min-height:100dvh;display:flex;flex-wrap:wrap}.onb.wide .rail{flex:1 1 260px;max-width:300px;min-width:240px;padding:32px 20px;display:flex;flex-direction:column;gap:28px;border-inline-end:1px solid var(--line)}.onb.wide .col{flex:999 1 480px;max-width:none;min-width:0;margin:0;min-height:0;overflow:visible;padding:48px clamp(20px,5vw,72px);gap:24px}.onb.wide .mhead,.onb.wide .mob{display:none!important}.onb.wide .dsk{display:flex!important}.onb.wide .dstep{display:block;margin-bottom:-18px}.onb.wide .body{flex:none;padding:0!important;max-width:720px}.onb.wide .body h1{font-size:40px!important;line-height:1.1!important}.onb.wide .actions{flex-direction:row!important;flex-wrap:wrap;padding:8px 0 0!important;max-width:720px}.onb.wide .actions .btn{flex:1 1 200px}.onb.wide .dback{display:flex;font-size:17px}.onb.wide .aside{flex:1 1 340px;max-width:440px;padding:48px 32px;background:#ece8e1;display:flex;flex-direction:column;align-items:center;gap:16px}}@media(prefers-reduced-motion:reduce){.onb .echo,.onb .swing,.onb .caret,.onb .shake,.onb .up,.onb .enter{animation:none}.onb .sw span,.onb .pin i,.onb .btn{transition:none}}.onb{--soft: #f5f4f1;--grey: #6f6d68;background:#fff;font-family:Inter,var(--font);letter-spacing:-.011em}[dir=rtl] .onb{font-family:var(--font-ar);letter-spacing:0}.onb h1,.onb h2{font-weight:600!important;letter-spacing:-.03em!important}[dir=rtl] .onb h1,[dir=rtl] .onb h2{letter-spacing:0!important;font-weight:700!important}.onb .btn{border-radius:999px}.onb .primary{box-shadow:none}.onb .ghost{background:var(--soft);box-shadow:none}.onb .inp{border-radius:16px;background:var(--soft);box-shadow:inset 0 0 0 1px transparent}.onb .iconbtn{border-radius:999px;background:var(--soft);box-shadow:none}.onb .tile,.onb .mode,.onb .plan:not(.dark){background:var(--soft);box-shadow:none}.onb.wide .rail{border-inline-end:0;background:#fafaf8}.onb.wide .aside{background:var(--soft)}.onb.wel .wgrid{min-height:100dvh;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:32px 24px}.onb .wform{width:100%;max-width:420px;justify-self:center;display:flex;flex-direction:column;gap:28px}.onb .wlogo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;letter-spacing:-.04em;text-decoration:none}.onb .wlogo small{margin-inline-start:6px;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0}.onb .wform h1{margin:0;font-size:clamp(34px,4vw,44px);line-height:1.08;display:flex;flex-direction:column}.onb .g{color:var(--grey)}.onb .wform form{display:flex;flex-direction:column;gap:12px}.onb .wform .inp{height:54px}.onb .or{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--grey)}.onb .or i{flex:1;height:1px;background:var(--line)}.onb .wfoot{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}.onb .wfoot a{color:var(--ink);font-weight:600}.onb .wfoot .legal{font-size:12px;color:var(--grey)}.onb .wfoot .legal a{color:var(--grey);font-weight:400;text-decoration:underline}.onb .winfo{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:40px;border-radius:36px;background:var(--soft)}.onb .winfo h2{margin:0;font-size:30px}.onb .mini{position:relative;overflow:hidden;width:230px;padding:22px 18px 18px;border-radius:24px;background:#fff;box-shadow:0 24px 50px -28px #0000004d;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font);transform:rotate(-3deg)}.onb .mstrip{position:absolute;inset:0 0 auto;height:6px;background:#ff5a00}.onb .mcap{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6b6f76}.onb .mnum{font-size:76px;font-weight:800;line-height:1;letter-spacing:-.04em}.onb .mready{margin-top:8px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#f04f00;color:#fff;font-size:19px;font-weight:700;white-space:nowrap}.onb .ticks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;font-size:16px}.onb .ticks li{display:flex;align-items:flex-start;gap:10px}.onb .ticks svg{flex:none;margin-top:2px;color:#f04f00;stroke-width:3}.onb .trial{margin:0;font-size:14px;color:var(--muted)}.onb .wsteps{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.onb .wsteps li{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:#fff;font-size:13px;color:var(--muted)}.onb .wsteps b{width:24px;height:24px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:12px;color:var(--ink)}.onb .wsteps li.on{color:var(--ink);font-weight:600}.onb .wsteps li.on b{background:var(--ink);color:#fff}@media(max-width:899px){.onb.wel .wgrid{grid-template-columns:minmax(0,1fr);gap:32px;padding:24px 16px 40px;align-items:start}.onb .winfo{padding:28px 24px}.onb .mini{display:none}}