.onb-scene{position:relative;isolation:isolate}.onb-aurora{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.onb-aurora:after,.onb-aurora:before{content:"";position:absolute;width:38rem;height:38rem;border-radius:var(--radius-full);filter:blur(90px);opacity:.5}.onb-aurora:before{inset-block-start:-12rem;inset-inline-end:-10rem;background:radial-gradient(circle,rgb(var(--color-violet-light)/.5),transparent 65%)}.onb-aurora:after{inset-block-end:-14rem;inset-inline-start:-12rem;background:radial-gradient(circle,rgb(var(--color-lavender)/.45),transparent 65%)}.onb-headline{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:var(--weight-black);line-height:1.22;text-wrap:balance}.onb-gradient{color:rgb(var(--color-accent-strong));background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.onb-progress{display:flex;gap:var(--space-2);align-items:center}.onb-progress i{position:relative;display:block;flex:1;height:.35rem;border-radius:var(--radius-full);background:rgb(var(--color-line)/.7);transition:background-color .45s ease}.onb-progress i.is-done{background:rgb(var(--color-accent)/.55)}.onb-progress i.is-active{background:rgb(var(--color-accent))}.onb-progress-mark{position:absolute;inset-block-start:50%;inset-inline-end:-.5rem;display:grid;place-items:center;inline-size:1.4rem;block-size:1.4rem;margin-block-start:-.7rem;border-radius:var(--radius-full);background:rgb(var(--color-panel))}.onb-bubble,.onb-progress-mark{box-shadow:var(--shadow-panel-soft)}.onb-bubble{position:relative;padding:var(--space-4) var(--space-5);border:1px solid rgb(var(--color-line)/.55);border-radius:var(--radius-3xl);background:rgb(var(--color-panel)/.72)}.onb-bubble .onb-headline{font-size:clamp(1.55rem,3.1vw,2.3rem)}.onb-bubble-tail:before{content:"";position:absolute;inset-block-start:1.7rem;inset-inline-start:-.45rem;inline-size:.9rem;block-size:.9rem;background:rgb(var(--color-panel)/.72);border-inline-start:1px solid rgb(var(--color-line)/.55);border-block-end:1px solid rgb(var(--color-line)/.55);transform:rotate(45deg)}[dir=rtl] .onb-bubble-tail:before{transform:rotate(-45deg)}.onb-hairline:before{content:"";inset-block-start:0;inset-inline:0;block-size:2px;background:var(--gradient-brand);border-start-start-radius:inherit;border-start-end-radius:inherit}.onb-hairline:before,.onb-tail{position:absolute;pointer-events:none}.onb-tail{inline-size:.85rem;block-size:.85rem;left:var(--onb-tail-offset,50%);margin-left:-.425rem;background:rgb(var(--color-panel));border:1px solid rgb(var(--color-line)/.7);transform:rotate(45deg)}.onb-tail--up{top:-.475rem;border-bottom:0;border-right:0}.onb-tail--down{bottom:-.475rem;border-top:0;border-left:0}.onb-cta{background-image:linear-gradient(0deg,rgb(var(--color-accent)/.9),rgb(var(--color-accent)/.9)),var(--gradient-brand);box-shadow:var(--shadow-glow)}.onb-stage{opacity:1}.onb-tick{display:inline-grid;place-items:center;inline-size:3.5rem;block-size:3.5rem;border-radius:var(--radius-full);color:rgb(var(--color-success));background:rgb(var(--color-success)/.12);border:2px solid rgb(var(--color-success)/.35)}.onb-pulse-ring{position:absolute;inset:0;border-radius:var(--radius-full);border:2px solid rgb(var(--color-accent)/.45);opacity:.35;pointer-events:none}.onb-phone{position:relative;inline-size:min(320px,88vw);aspect-ratio:390/760;margin-inline:auto;padding:10px;border-radius:50px;background-color:rgb(var(--color-ink));background-image:linear-gradient(115deg,transparent 42%,rgb(255 255 255/.16) 50%,transparent 58%);background-size:280% 100%;background-position:150% 0;box-shadow:inset 0 0 0 1px rgb(255 255 255/.16),inset 0 0 0 2.5px rgb(0 0 0/.6),var(--shadow-panel)}.onb-phone:before{top:20px;inline-size:78px;block-size:23px;background:radial-gradient(circle at 78% 50%,rgb(120 150 190/.5) 1.6px,rgb(var(--color-ink)/.92) 2.8px),rgb(var(--color-ink));box-shadow:inset 0 1px 1px rgb(255 255 255/.08),0 1px 3px rgb(0 0 0/.3)}.onb-phone:after,.onb-phone:before{content:"";position:absolute;z-index:2;left:50%;border-radius:var(--radius-full);transform:translateX(-50%)}.onb-phone:after{bottom:18px;inline-size:108px;block-size:4px;background:rgb(var(--color-ink)/.35)}.onb-phone-screen{position:relative;display:flex;flex-direction:column;gap:var(--space-2);justify-content:flex-end;block-size:100%;overflow:hidden;padding:var(--space-3);padding-block-start:3.4rem;border-radius:40px}.onb-phone-screen:after,.onb-phone-screen:before{position:absolute;z-index:2;top:21px;font-size:11px;font-weight:var(--weight-black);line-height:1;color:rgb(var(--color-ink)/.78);direction:ltr;unicode-bidi:isolate;pointer-events:none}.onb-phone-screen:before{content:"۱۲:۳۰";left:22px;letter-spacing:.02em}.onb-phone-screen:after{content:"▁▄▆ ▮";right:22px;letter-spacing:.04em}[dir=rtl] .onb-phone-screen:before{left:auto;right:22px}[dir=rtl] .onb-phone-screen:after{right:auto;left:22px}.onb-phone-screen--flush{--ccs-top-inset:2.2rem;--ccs-bottom-inset:1rem;gap:0;padding:0}@media (min-width:640px){.onb-phone{transform:rotate(-1.5deg)}.onb-phone--portrait{transform:none}}.onb-rail{display:grid;gap:.95rem;margin:0;padding:0;list-style:none}.onb-rail-step{position:relative;display:grid;grid-template-columns:1.7rem minmax(0,1fr);align-items:start;gap:.7rem}.onb-rail-step:before{content:"";position:absolute;inset-block:2rem -.95rem;inset-inline-start:.8rem;inline-size:2px;border-radius:var(--radius-full);background:rgb(var(--color-line)/.8)}.onb-rail-step:last-child:before{content:none}.onb-rail-step[data-state=done]:before{background:rgb(var(--color-success)/.35)}.onb-rail-num{position:relative;display:inline-grid;place-items:center;inline-size:1.7rem;block-size:1.7rem;border-radius:var(--radius-full);border:1px solid rgb(var(--color-line));background:rgb(var(--color-panel));color:rgb(var(--color-ink-faint));font-size:.75rem;font-weight:900;line-height:1}.onb-rail-step[data-state=current] .onb-rail-num{border-color:rgb(var(--color-accent)/.55);background:rgb(var(--color-accent-soft));color:rgb(var(--color-accent-strong))}.onb-rail-step[data-state=done] .onb-rail-num{border-color:rgb(var(--color-success)/.45);background:rgb(var(--color-success)/.12);color:rgb(var(--color-success))}.onb-rail-title{display:block;padding-block-start:.2rem;font-size:.8125rem;font-weight:800;line-height:1.6;color:rgb(var(--color-ink-muted))}.onb-rail-step[data-state=current] .onb-rail-title,.onb-rail-step[data-state=done] .onb-rail-title{color:rgb(var(--color-ink))}.onb-code-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--radius-full);border:1px solid rgb(var(--color-line)/.8);background:rgb(var(--color-canvas-soft));padding-block:.15rem;padding-inline:.6rem;font-size:.6875rem;font-weight:900;color:rgb(var(--color-ink-faint));font-variant-numeric:tabular-nums}.onb-code-pill--urgent{border-color:rgb(var(--color-saffron)/.45);background:rgb(var(--color-saffron-bright)/.18);color:rgb(var(--color-saffron))}.onb-code-pill--expired{border-color:rgb(var(--color-danger)/.35);background:rgb(var(--color-danger)/.08);color:rgb(var(--color-danger))}.onb-disclose{border-radius:var(--radius-xl);border:1px solid rgb(var(--color-line)/.7);background:rgb(var(--color-panel)/.6)}.onb-disclose>summary{display:flex;align-items:center;gap:.4rem;cursor:pointer;padding-block:.6rem;padding-inline:.75rem;font-size:.75rem;font-weight:900;color:rgb(var(--color-ink-muted));list-style:none}.onb-disclose>summary::-webkit-details-marker{display:none}.onb-disclose>summary:hover{color:rgb(var(--color-accent-strong))}.onb-disclose>summary:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px;border-radius:var(--radius-xl)}.onb-disclose-chevron{margin-inline-start:auto;transition:transform .2s ease}.onb-disclose[open] .onb-disclose-chevron{transform:rotate(180deg)}.onb-disclose-body{display:grid;gap:.55rem;border-block-start:1px solid rgb(var(--color-line)/.6);padding:.75rem;font-size:.75rem;font-weight:600;line-height:1.9;color:rgb(var(--color-ink-muted))}.onb-ig-halo{position:relative;display:grid;place-items:center;inline-size:4rem;block-size:4rem;border-radius:var(--radius-xl);isolation:isolate}.onb-ig-halo:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from 210deg,rgb(var(--color-saffron)/.95),rgb(var(--color-danger)/.9),rgb(var(--color-accent)/.95),rgb(var(--color-saffron)/.95));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.onb-ig-halo:after{content:"";position:absolute;inset:-6px;border-radius:calc(var(--radius-xl) + 6px);background:radial-gradient(circle at 50% 50%,rgb(var(--color-accent)/.16),transparent 70%);opacity:.9;z-index:-2}.onb-ig-halo--ready:after{background:radial-gradient(circle at 50% 50%,rgb(var(--color-success)/.22),transparent 70%)}.onb-ig-mark{display:block;inline-size:2.5rem;block-size:2.5rem;border-radius:.65rem}.onb-tg-halo{position:relative;display:grid;place-items:center;inline-size:4rem;block-size:4rem;border-radius:var(--radius-xl);isolation:isolate}.onb-tg-halo:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,rgb(var(--color-accent)/.9),rgb(var(--color-lavender)/.85),rgb(var(--color-accent-strong)/.9));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.onb-tg-halo:after{content:"";position:absolute;inset-block:38%;inset-inline:-30% 60%;border-radius:999px;background:linear-gradient(to left,rgb(var(--color-accent)/.45),transparent);opacity:0;z-index:-2}.onb-tg-mark{display:block;inline-size:2.5rem;block-size:2.5rem;border-radius:.65rem}.onb-igp-screen{display:flex;flex-direction:column;gap:var(--space-2);block-size:100%;padding:3.2rem var(--space-3) var(--space-4);background:radial-gradient(120% 80% at 50% 0,rgb(var(--color-accent)/.1),transparent 60%),rgb(var(--color-panel));overflow:hidden}.onb-igp-bar{display:flex;gap:var(--space-1);align-items:center;padding-block-end:var(--space-2);border-block-end:1px solid rgb(var(--color-line)/.7);font-size:10px;font-weight:var(--weight-black);color:rgb(var(--color-ink-muted))}.onb-igp-steps{display:flex;flex:1;flex-direction:column;gap:var(--space-2);justify-content:center;margin:0;padding:0;list-style:none}.onb-igp-step{position:relative;padding:var(--space-2);border:1px solid rgb(var(--color-line)/.8);border-radius:var(--radius-lg);background:rgb(var(--color-canvas)/.85)}.onb-igp-step[data-kind=proposal]{border-style:dashed;border-color:rgb(var(--color-accent)/.5);background:rgb(var(--color-accent)/.08)}.onb-igp-step[data-kind=match]{border-color:rgb(var(--color-accent)/.35);background:rgb(var(--color-panel))}.onb-igp-connector{position:absolute;inset-block-start:calc(var(--space-2) * -1 - 1px);inset-inline-start:50%;inline-size:2px;block-size:var(--space-2);background:rgb(var(--color-accent)/.55)}.onb-igp-label{margin:0;font-size:9px;font-weight:var(--weight-black);color:rgb(var(--color-ink-faint))}.onb-igp-step .onb-igp-body{margin:.2rem 0 0;font-size:11px;font-weight:var(--weight-bold);line-height:1.7;color:rgb(var(--color-ink))}.onb-igp-note{margin:.3rem 0 0;font-size:9px;font-weight:var(--weight-bold);line-height:1.6;color:rgb(var(--color-ink-muted))}.onb-igp-badge{margin:0;padding:var(--space-1) var(--space-2);border:1px solid rgb(var(--color-saffron)/.5);border-radius:var(--radius-full);background:rgb(var(--color-saffron)/.14);font-size:10px;font-weight:var(--weight-black);text-align:center;color:rgb(var(--color-ink))}.onb-igt-grid{display:grid;gap:var(--space-2);grid-template-columns:1fr}@media (min-width:640px){.onb-igt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.onb-igt-card{display:block;padding:var(--space-3);border:1px solid rgb(var(--color-line));border-radius:var(--radius-xl);background:rgb(var(--color-panel)/.7);text-align:start;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.onb-igt-card:hover{border-color:rgb(var(--color-accent)/.5)}.onb-igt-card:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.onb-igt-card[aria-pressed=true]{border-color:rgb(var(--color-accent));background:rgb(var(--color-accent)/.1)}.onb-igt-badge{display:inline-block;margin-block-end:var(--space-1);padding:.1rem .5rem;border-radius:var(--radius-full);background:rgb(var(--color-accent)/.16);font-size:10px;font-weight:var(--weight-black);color:rgb(var(--color-accent))}@media (prefers-reduced-motion:no-preference){.onb-aurora:before{animation:onb-drift-a 22s ease-in-out infinite}.onb-aurora:after{animation:onb-drift-b 26s ease-in-out infinite}@keyframes onb-drift-a{0%,to{transform:translate(0)}50%{transform:translate(-2.5rem,2rem)}}@keyframes onb-drift-b{0%,to{transform:translate(0)}50%{transform:translate(2rem,-2.5rem)}}.onb-stage{animation:onb-stage-in .42s cubic-bezier(.16,1,.3,1) both}@keyframes onb-stage-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.onb-float{animation:onb-float 5.5s ease-in-out infinite alternate;will-change:transform}.onb-hello{animation:onb-hello .6s cubic-bezier(.34,1.56,.64,1) both,onb-float 5.5s ease-in-out .64s infinite alternate}@keyframes onb-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes onb-hello{0%{opacity:0;transform:scale(.6) rotate(-9deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.onb-progress-mark{animation:onb-mark-in .45s cubic-bezier(.16,1,.3,1) both}@keyframes onb-mark-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.onb-tick{animation:onb-tick-pop .55s cubic-bezier(.16,1,.3,1) both}@keyframes onb-tick-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}button.onb-goal-card{transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .18s ease,background-color .18s ease,box-shadow .18s ease}button.onb-goal-card:active{transform:scale(.972)}.onb-pulse-ring{animation:onb-pulse-ring 1.1s cubic-bezier(.2,.7,.2,1) both}@keyframes onb-pulse-ring{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.onb-phone--portrait{animation:onb-phone-float 8s ease-in-out infinite alternate,onb-phone-sheen 26s cubic-bezier(.5,0,.5,1) 3s infinite;will-change:transform}@keyframes onb-phone-float{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes onb-phone-sheen{0%{background-position:150% 0}22%,to{background-position:-70% 0}}.onb-press:active{transform:scale(.975)}.onb-rail-step[data-state=current] .onb-rail-num:after{content:"";position:absolute;inset:-3px;border-radius:var(--radius-full);border:2px solid rgb(var(--color-accent)/.4);animation:onb-rail-halo 2.4s cubic-bezier(.2,.7,.2,1) infinite}@keyframes onb-rail-halo{0%{opacity:.5;transform:scale(.86)}70%,to{opacity:0;transform:scale(1.35)}}.onb-disclose[open] .onb-disclose-body{animation:onb-disclose-in .28s cubic-bezier(.16,1,.3,1) both}@keyframes onb-disclose-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.onb-ig-halo:before{animation:onb-ig-halo-in .62s cubic-bezier(.16,1,.3,1) both}@keyframes onb-ig-halo-in{0%{opacity:0;transform:rotate(-28deg) scale(.9)}to{opacity:1;transform:rotate(0deg) scale(1)}}.onb-ig-halo--waiting:after{animation:onb-ig-halo-wait 1.9s ease-in-out infinite}@keyframes onb-ig-halo-wait{0%,to{opacity:.55}50%{opacity:1}}.onb-ig-halo--ready:after{animation:onb-ig-halo-ready .44s cubic-bezier(.16,1,.3,1) both}@keyframes onb-ig-halo-ready{0%{opacity:.4;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.onb-tg-halo{animation:onb-tg-send .48s cubic-bezier(.16,1,.3,1) both}@keyframes onb-tg-send{0%{opacity:.4;transform:translateX(5px) scale(.96)}60%{opacity:1;transform:translateX(-2px) scale(1.01)}to{opacity:1;transform:translateX(0) scale(1)}}.onb-tg-halo:after{animation:onb-tg-trail .48s ease-out both}@keyframes onb-tg-trail{0%{opacity:0;transform:scaleX(.2)}45%{opacity:.7;transform:scaleX(1)}to{opacity:0;transform:scaleX(.6)}}.onb-igp:not([data-skipped=true]) .onb-igp-step{animation:onb-igp-step-in .42s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--onb-igp-i, 0) * .38s)}@keyframes onb-igp-step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.onb-igp:not([data-skipped=true]) .onb-igp-badge{animation:onb-igp-step-in .42s cubic-bezier(.16,1,.3,1) .76s both}.onb-igt-card:hover{transform:translateY(-1px)}}