@charset "UTF-8";:root{--jb-denim-950: #05080f;--jb-denim-900: #070d18;--jb-denim-800: #0e1d36;--jb-denim-700: #1a3358;--jb-denim-600: #2e5586;--jb-denim-500: #3b6699;--jb-denim-400: #5b86bb;--jb-denim-300: #9bb7da;--jb-gold-100: #fff1c2;--jb-gold-300: #ffe29a;--jb-gold-500: #f3c14f;--jb-gold-600: #e0a52c;--jb-gold-800: #b87a12;--jb-on-gold: #2a1a02;--jb-thread: #f0b152;--jb-thread-light: #ffdfa3;--jb-thread-dark: #8a561c;--jb-copper: #d9975a;--jb-copper-dark: #7a4a22;--jb-ink: #eef2f7;--jb-ink-2: rgba(238, 242, 247, .72);--jb-ink-3: rgba(238, 242, 247, .55);--jb-ink-4: rgba(238, 242, 247, .4);--jb-income: #8fd9a8;--jb-danger: #f7866f;--jb-warning: #f3c14f;--jb-info: #7fb2ff;--jb-cat-groceries: #8fd9a8;--jb-cat-transport: #7fb2ff;--jb-cat-bills: #f3c14f;--jb-cat-phone: #b9a4ff;--jb-cat-food: #f7a07a;--jb-cat-rent: #f28bb5;--jb-cat-health: #74d3e8;--jb-cat-family: #c8e07a;--jb-glass-1-bg: rgba(255, 255, 255, .07);--jb-glass-1-border: rgba(255, 255, 255, .12);--jb-glass-2-bg: linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05));--jb-glass-2-border: rgba(255, 255, 255, .18);--jb-glass-3-bg: rgba(14, 29, 54, .55);--jb-glass-3-border: rgba(255, 255, 255, .14);--jb-blur-1: blur(24px) saturate(160%);--jb-blur-3: blur(36px) saturate(180%);--jb-highlight: inset 0 1px 0 rgba(255, 255, 255, .22);--jb-gold-gradient: linear-gradient(145deg, #ffe29a, #e0a52c);--jb-gold-glow: 0 12px 28px rgba(224, 165, 44, .4);--jb-font-display: "Sora", system-ui, sans-serif;--jb-font-ui: "Manrope", system-ui, sans-serif;--jb-font-ar: "Readex Pro", "Manrope", sans-serif;--jb-text-display: 600 34px/1.05 var(--jb-font-display);--jb-text-title: 600 26px/1.15 var(--jb-font-display);--jb-text-heading: 600 17px/1.3 var(--jb-font-display);--jb-text-amount: 600 15px/1.2 var(--jb-font-display);--jb-text-body: 500 14px/1.5 var(--jb-font-ui);--jb-text-caption: 500 12px/1.4 var(--jb-font-ui);--jb-text-micro: 600 10px/1.2 var(--jb-font-ui);--jb-r-xs: 11px;--jb-r-sm: 14px;--jb-r-md: 18px;--jb-r-lg: 24px;--jb-r-xl: 30px;--jb-r-sheet: 36px;--jb-s-1: 4px;--jb-s-2: 8px;--jb-s-3: 12px;--jb-s-4: 16px;--jb-s-5: 20px;--jb-s-6: 24px;--jb-s-8: 32px;--jb-screen-pad: 18px;--jb-tap: 44px;--jb-ease-out: cubic-bezier(.2, .8, .2, 1);--jb-ease-spring: cubic-bezier(.2, .9, .25, 1.2);--jb-ease-sheet: cubic-bezier(.2, .9, .25, 1);--jb-dur-fast: .15s;--jb-dur-base: .25s;--jb-dur-enter: .45s;--jb-dur-chart: .8s;--jb-stagger: 50ms;--ion-background-color: var(--jb-denim-900);--ion-text-color: var(--jb-ink);--ion-font-family: var(--jb-font-ui);--ion-color-primary: #f3c14f;--ion-color-primary-rgb: 243, 193, 79;--ion-color-primary-contrast: #2a1a02;--ion-color-primary-contrast-rgb: 42, 26, 2;--ion-color-primary-shade: #d6aa46;--ion-color-primary-tint: #f4c761;--ion-color-secondary: #3b6699;--ion-color-secondary-rgb: 59, 102, 153;--ion-color-secondary-contrast: #eef2f7;--ion-color-secondary-contrast-rgb: 238, 242, 247;--ion-color-secondary-shade: #345a87;--ion-color-secondary-tint: #4f75a3;--ion-color-success: #8fd9a8;--ion-color-danger: #f7866f;--ion-color-warning: #f3c14f}.jb-glass-1{background:var(--jb-glass-1-bg);border:1px solid var(--jb-glass-1-border);backdrop-filter:var(--jb-blur-1);-webkit-backdrop-filter:var(--jb-blur-1);border-radius:var(--jb-r-lg)}.jb-glass-2{background:var(--jb-glass-2-bg);border:1px solid var(--jb-glass-2-border);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:var(--jb-highlight),0 20px 40px #00000040;border-radius:var(--jb-r-xl)}.jb-glass-3{background:var(--jb-glass-3-bg);border:1px solid var(--jb-glass-3-border);backdrop-filter:var(--jb-blur-3);-webkit-backdrop-filter:var(--jb-blur-3);box-shadow:var(--jb-highlight),0 16px 40px #00000059}.jb-no-blur .jb-glass-1,.jb-no-blur .jb-glass-2,.jb-no-blur .jb-glass-3{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--jb-denim-800)}.jb-aurora{position:fixed;inset:0;overflow:hidden;background:var(--jb-denim-900);z-index:-1}.jb-aurora:before,.jb-aurora:after{content:"";position:absolute;border-radius:50%}.jb-aurora:before{width:340px;height:340px;top:-80px;left:-90px;background:radial-gradient(circle,#2e5586,#2e558600 70%);animation:jb-drift1 18s ease-in-out infinite}.jb-aurora:after{width:320px;height:320px;top:40%;right:-140px;opacity:.32;background:radial-gradient(circle,#e0a52c,#e0a52c00 70%);animation:jb-drift2 22s ease-in-out infinite}.jb-stitch{height:0;border:0;border-top:1.5px dashed var(--jb-thread);opacity:.6}.jb-btn-primary{height:54px;border-radius:var(--jb-r-md);border:0;background:var(--jb-gold-gradient);color:var(--jb-on-gold);font:600 16px var(--jb-font-display);box-shadow:var(--jb-gold-glow);transition:transform var(--jb-dur-fast)}.jb-btn-primary:active{transform:scale(.98)}.jb-btn-glass{height:48px;border-radius:var(--jb-r-md);background:var(--jb-glass-1-bg);border:1px solid var(--jb-glass-1-border);color:var(--jb-ink);font:600 14px var(--jb-font-ui)}.jb-chip{padding:8px 14px;border-radius:var(--jb-r-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--jb-ink-2);font:600 13px var(--jb-font-ui);transition:all var(--jb-dur-base)}.jb-chip.is-active{background:#f3c14f29;border-color:#f3c14f73;color:var(--jb-gold-500)}@keyframes jb-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes jb-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@keyframes jb-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes jb-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes jb-pulse{0%,to{box-shadow:0 0 #f3c14f73}50%{box-shadow:0 0 0 10px #f3c14f00}}@keyframes jb-drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,80px) scale(1.15)}}@keyframes jb-drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-70px,-50px) scale(.9)}}.jb-enter{animation:jb-fade-up var(--jb-dur-enter) var(--jb-ease-out) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}:root{--denim: #0f1a2e;--patch: #1b2a45;--patch-2: #16243d;--patch-edge: rgba(255, 255, 255, .07);--seam: #0a1322;--thread: #e0a44a;--thread-soft: rgba(224, 164, 74, .55);--coin: #f0bc45;--coin-edge: #a8761a;--coin-rim: rgba(122, 77, 5, .45);--on-coin: #2a1a02;--paper: #eef1f4;--paper-rule: #cdd4de;--ink: #1c2433;--ink-soft: #5d6879;--ink-income: #2b7f4f;--ink-danger: #b8432c;--text: var(--jb-ink);--text-2: var(--jb-ink-2);--text-3: rgba(238, 242, 247, .62);--text-4: var(--jb-ink-3);--text-5: var(--jb-ink-4);--accent: var(--coin);--on-accent: var(--on-coin);--income: var(--jb-income);--danger: var(--jb-danger);--warning: var(--jb-warning);--info: var(--jb-info);--font-display: "Bricolage Grotesque", "Readex Pro", system-ui, sans-serif;--font-body: "Readex Pro", system-ui, sans-serif;--font-receipt: "IBM Plex Mono", "Readex Pro", ui-monospace, monospace;--font-hand: "Kalam", "Aref Ruqaa", cursive;--font-icon: "Material Symbols Rounded";--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-paper: 4px;--ease-out: var(--jb-ease-out);--ease-sheet: var(--jb-ease-sheet);--ease-bounce: var(--jb-ease-spring);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--gutter: 18px;--tabbar-h: 64px;--tabbar-space: calc(var(--tabbar-h) + var(--safe-bottom) + 36px);--sidebar-w: 264px;--tint: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .12);--line-3: rgba(255, 255, 255, .22);--line-strong: rgba(255, 255, 255, .7);--shadow-k: 1;--weave-light: rgba(255, 255, 255, .028);--weave-dark: rgba(0, 0, 0, .16);--sheet: #13213a;--scrim: rgba(4, 8, 16, .6);--slot: #060d19;--tooltip: rgba(10, 15, 20, .85);--tooltip-ink: var(--text);--desk: #070d18;--bezel: #111418;--tag: var(--paper);--tag-ink: var(--ink);--coin-text: var(--coin);color-scheme:dark;--dir: 1}[dir=rtl]{--dir: -1}:root[lang=ar]{--font-hand: "Aref Ruqaa", "Kalam", cursive}:root[data-theme=light]{color-scheme:light;--denim: #dce4ee;--patch: #f7f9fc;--patch-2: #edf2f8;--patch-edge: rgba(28, 36, 51, .1);--seam: #f9fbfd;--sheet: #f4f7fb;--scrim: rgba(28, 36, 51, .35);--slot: #2b3a55;--tooltip: #1c2433;--tooltip-ink: #eef2f7;--desk: #c9d3e0;--bezel: #1c2433;--thread: #a8661a;--thread-soft: rgba(168, 102, 26, .55);--coin: #f0bc45;--coin-edge: #b8841f;--coin-text: #9a6812;--tag: #1c2433;--tag-ink: #f7f9fc;--paper: #ffffff;--paper-rule: #d3d9e2;--text: #1c2433;--text-2: rgba(28, 36, 51, .8);--text-3: rgba(28, 36, 51, .66);--text-4: rgba(28, 36, 51, .56);--text-5: rgba(28, 36, 51, .4);--income: #2b7f4f;--danger: #b8432c;--info: #2f64b8;--tint: rgba(28, 36, 51, .035);--line: rgba(28, 36, 51, .08);--line-2: rgba(28, 36, 51, .14);--line-3: rgba(28, 36, 51, .24);--line-strong: rgba(28, 36, 51, .65);--shadow-k: .35;--weave-light: rgba(255, 255, 255, .35);--weave-dark: rgba(46, 85, 134, .07)}:root[data-theme=light] :is([style^=color],[style*="; color"],[style*=";color"]):not(.sticker){filter:brightness(.62) saturate(1.4)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--desk);font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}a{color:var(--thread);text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}input,select,textarea{font:inherit;color:inherit}input::placeholder,textarea::placeholder{color:var(--text-5)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.noscroll{scrollbar-width:none}.noscroll::-webkit-scrollbar{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fabric{background-color:var(--denim);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .87 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(135deg,var(--weave-light) 0 1px,transparent 1px 3.5px),repeating-linear-gradient(45deg,var(--weave-dark) 0 1px,transparent 1px 5px)}html{scroll-behavior:smooth;scroll-padding-top:88px}html,body{height:auto}body{min-height:100vh;overscroll-behavior:auto;background-attachment:fixed}:root[lang=ar] body{font-family:Readex Pro,system-ui,sans-serif}.ms{font-family:var(--font-icon);font-weight:400;font-style:normal;font-size:22px;line-height:1;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-user-select:none;user-select:none}.flip{transform:scaleX(var(--dir))}.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}@media(max-width:600px){.wrap{padding:0 18px}}.section{padding:112px 0}@media(max-width:900px){.section{padding:72px 0}}.h1,.h2,.h3{margin:0;font-family:var(--font-display);font-weight:700;font-variation-settings:"wdth" 88;letter-spacing:-.025em;text-wrap:balance}.h1{font-size:clamp(40px,6.2vw,72px);line-height:1.02}.h2{font-size:clamp(30px,4vw,46px);line-height:1.08}.h3{font-size:clamp(24px,2.6vw,32px);line-height:1.12}:root[lang=ar] :is(.h1,.h2,.h3){letter-spacing:0;line-height:1.3}.lead{margin:0;font-size:clamp(17px,1.6vw,20px);line-height:1.65;color:var(--text-3);text-wrap:pretty}.kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--thread)}:root[lang=ar] .kicker{letter-spacing:0;font-size:15px}.kicker:before{content:"";width:22px;border-top:2px dashed var(--thread)}.hand{font-family:var(--font-hand);color:var(--thread)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:var(--r-md);font:600 16px var(--font-body);white-space:nowrap;transition:transform .12s,filter .15s,background .15s,border-color .15s}.btn:active{transform:translateY(2px)}.btn--coin{background:var(--coin);color:var(--on-coin);border:1px solid var(--coin-edge);box-shadow:0 3px 0 var(--coin-edge),0 10px 24px rgb(0,0,0,calc(.3 * var(--shadow-k)))}.btn--coin:hover{filter:brightness(1.06)}.btn--coin:active{box-shadow:0 1px 0 var(--coin-edge)}.btn--patch{color:var(--text);background:var(--patch);border:1px solid var(--line-2)}.btn--patch:hover{border-color:var(--line-3)}.btn .ms{font-size:20px}.patch{background:var(--patch);border:1px solid var(--patch-edge);border-radius:var(--r-lg);box-shadow:0 1px rgb(0,0,0,calc(.25 * var(--shadow-k)))}.stitched{position:relative}.stitched:after{content:"";position:absolute;inset:8px;border:1.5px dashed var(--thread-soft);border-radius:calc(var(--r-lg) - 6px);pointer-events:none}.paper{background:var(--paper);color:var(--ink);border-radius:var(--r-paper);box-shadow:0 14px 30px rgb(0,0,0,calc(.35 * var(--shadow-k)))}.paper--torn{--tooth: 10px;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - var(--tooth)) no-repeat,conic-gradient(from 135deg at top,#000 90deg,rgba(0,0,0,0) 0) bottom/calc(var(--tooth) * 2) var(--tooth) repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - var(--tooth)) no-repeat,conic-gradient(from 135deg at top,#000 90deg,rgba(0,0,0,0) 0) bottom/calc(var(--tooth) * 2) var(--tooth) repeat-x}.stitch-line{height:0;margin:0;border:0;border-top:2px dashed var(--thread-soft)}:root.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}:root.js .reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}:root.js .reveal{opacity:1;transform:none;transition:none}}