@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#27358b;--lime:#efe2d5;--paper:#f6f5f1;--muted:#626777;--line:#dedfe5;--sage:#e0e4ef;--peach:#e5cab0;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}body{margin:0;background:#e8e9ee;color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;padding:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible{outline:2px solid #b75d3c;outline-offset:4px}button{transition:background .18s,color .18s,transform .18s}button:active:not(:disabled){transform:scale(.98)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:550;letter-spacing:-1px}h2{font-size:17px;font-weight:650;letter-spacing:-.45px}small,.muted{color:var(--muted)}.app{position:relative;width:100%;max-width:390px;min-height:844px;height:100dvh;min-height:760px;margin:auto;background:var(--paper);overflow:hidden}.page{height:calc(100% - 79px);overflow-y:auto;scrollbar-width:none}.page::-webkit-scrollbar{display:none}.page.transfer,.page.success{height:100%}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#efd5c8;color:var(--ink);font-size:14px;font-weight:650}.avatar.sm{width:36px;height:36px;font-size:12px}.row{display:flex;align-items:center;justify-content:space-between}.primary{background:var(--ink);color:var(--paper);height:54px;padding:0 20px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:650;width:100%}.primary:hover{background:#1b286e}.primary.lime{background:var(--lime);color:var(--ink)}.secondary{background:#e8eaf3;border-radius:14px;height:54px;font-weight:650;font-size:15px}.link{font-size:13px;font-weight:650;min-height:32px}.link:hover{text-decoration:underline}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2px}.hero{padding:26px 24px 24px;background:var(--ink);color:var(--paper);border-radius:0 0 28px 28px;height:300px}.hero .icon-btn{border-color:#466053}.hero .avatar{background:#dce5be}.greeting{font-size:14px;color:#c8d3c4;margin-bottom:2px}.hero .person{font-size:18px;font-weight:600;letter-spacing:-.4px}.balance{margin-top:28px}.balance-label{display:flex;align-items:center;gap:7px;color:#c8d3c4;font-size:13px}.balance-label svg{width:16px;height:16px}.balance-number{font-size:49px;line-height:1.2;letter-spacing:-2.5px;font-weight:450;color:var(--lime);margin-top:7px;font-variant-numeric:tabular-nums}.balance-number .cents{color:#a6be8f;font-size:36px;letter-spacing:-1.5px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.hero-actions button{height:48px;border-radius:13px;font-size:14px}.hero-actions .secondary{background:#345548;color:#fff}.hero-actions svg{width:19px;height:19px}.home-body{padding:25px 24px 10px}.spend-title{font-size:14px;font-weight:600}.spend-month{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:3px}.spend-month svg{width:14px;height:14px}.spend-amount{font-size:26px;letter-spacing:-1px;margin:6px 0 10px;font-weight:550}.spend-amount span{font-size:12px;font-weight:450;letter-spacing:0;color:var(--muted);float:right;margin-top:12px}.spend-bar{height:8px;display:flex;gap:4px;border-radius:3px;overflow:hidden;background:#e8eaf3}.spend-bar i{display:block;height:100%;background:var(--ink);width:34%}.spend-bar i:nth-child(2){background:#94a879;width:19%}.spend-bar i:nth-child(3){background:#c7d79b;width:13%}.spend-bar i:nth-child(4){background:#dbc0a2;width:9%}.transactions{margin-top:25px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.transaction{width:100%;height:63px;display:flex;align-items:center;gap:12px;text-align:left;border-bottom:1px solid var(--line)}.transaction:last-child{border:0}.merchant{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;flex-shrink:0;background:#e3e6f4;font-weight:750;font-size:20px;letter-spacing:-1px}.merchant.ochre{background:#f3e1c6;font-family:Georgia,serif;font-size:25px;font-style:italic}.merchant.pink{background:#e9dbd0;font-size:18px}.txn-name{font-size:14px;font-weight:650}.txn-sub{font-size:12px;color:var(--muted);margin-top:3px}.txn-amount{margin-left:auto;font-size:14px;font-weight:650;white-space:nowrap}.income{color:#27358b}.goal{display:flex;gap:13px;align-items:center;background:#eeece7;border-radius:16px;padding:15px;margin-top:16px;width:100%;text-align:left}.goal-ring{width:41px;height:41px;flex-shrink:0;position:relative;border-radius:50%;background:conic-gradient(var(--ink) 0 62%,#ddd9d2 62%)}.goal-ring:after{content:'';position:absolute;inset:4px;background:#eeece7;border-radius:50%}.goal-ring svg{width:19px;height:19px;position:absolute;z-index:1;left:11px;top:11px}.goal .txn-sub{font-size:11px}.goal>svg{width:18px;height:18px;margin-left:auto}.bottom-nav{height:79px;position:absolute;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 16px 16px;z-index:3}.nav-item{display:flex;align-items:center;flex-direction:column;gap:6px;color:#626777;font-size:10px;font-weight:600;position:relative}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--ink)}.nav-item.active:after{content:'';width:4px;height:4px;background:var(--ink);border-radius:50%;position:absolute;bottom:-8px}.page-header{padding:29px 24px 21px;display:flex;align-items:center;justify-content:space-between}.card-content{padding:0 24px 20px}.card-kind{font-size:14px;font-weight:600}.card-kind span{font-size:12px;color:var(--muted);font-weight:450;margin-left:5px}.bank-card{height:213px;position:relative;background:var(--ink);border-radius:18px;overflow:hidden;color:var(--lime);padding:22px;margin:16px 0 15px;box-shadow:0 9px 19px #27358b16;transition:background .3s,color .3s}.card-brand{font-size:34px;font-weight:650;letter-spacing:-2px;line-height:1}.card-type{position:absolute;top:26px;right:22px;font-size:10px;letter-spacing:1.2px;color:#cad5bb}.card-art{position:absolute;width:212px;height:168px;right:-35px;top:49px;transform:rotate(-28deg);opacity:.95;transition:opacity .3s}.card-art i{position:absolute;width:132px;height:132px;border:27px solid #b2c78b;border-radius:50%;left:0;top:0}.card-art i+i{left:75px;border-color:var(--lime);mix-blend-mode:screen}.card-chip{width:31px;height:24px;border-radius:5px;border:1px solid #a9bd86;position:relative;margin-top:29px;background:#b2c78b30}.card-chip:before,.card-chip:after{content:'';position:absolute;inset:7px -1px;border-top:1px solid #a9bd86;border-bottom:1px solid #a9bd86}.card-chip:after{inset:-1px 9px;border:0;border-left:1px solid #a9bd86;border-right:1px solid #a9bd86}.card-number{position:absolute;bottom:47px;left:22px;font-size:14px;letter-spacing:2px}.card-holder{position:absolute;bottom:22px;left:22px;font-size:10px;letter-spacing:1px}.card-paymark{position:absolute;right:22px;bottom:22px;font-size:17px;font-weight:750;font-style:italic;letter-spacing:-.5px}.card-status{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:#27358b}.card-meta{display:flex;align-items:center;justify-content:space-between;padding:0 3px}.card-meta>.muted{font-size:13px}.card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 25px}.card-action{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600}.card-action>span{display:grid;place-items:center;width:48px;height:45px;border-radius:13px;background:#e8eaf3}.control-row{display:flex;align-items:center;gap:12px;min-height:74px;border-bottom:1px solid var(--line)}.control-row>svg{width:21px}.control-title{font-size:14px;font-weight:650}.control-sub{font-size:13px;color:var(--muted);margin-top:4px}.switch{margin-left:auto;width:44px;height:26px;border-radius:20px;background:#d8dce7;padding:3px;flex-shrink:0;transition:background .2s}.switch:after{content:'';display:block;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transform:translateX(0);transition:transform .22s var(--ease)}.switch.on{background:var(--ink)}.switch.on:after{transform:translateX(18px)}.limit-section{padding:17px 0 16px;border-bottom:1px solid var(--line)}.limit-numbers{margin-top:9px;font-size:13px}.limit-numbers span{color:var(--muted)}.limit-track{height:5px;background:#e1e4ec;margin-top:10px;border-radius:3px;overflow:hidden}.limit-track i{display:block;width:27.4%;height:100%;background:#27358b}.bank-card.frozen{background:#737d73;color:#edf0e7}.transfer-header{padding:25px 24px 22px;display:flex;justify-content:space-between;align-items:center}.transfer-header h1{font-size:20px;letter-spacing:-.6px}.step{font-size:12px;color:var(--muted)}.transfer-body{padding:0 24px}.recipient{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;width:100%;text-align:left;background:#fff5}.recipient .avatar{background:#e4cab4}.recipient .chevron{margin-left:auto;width:16px;height:16px}.recipient-label{font-size:11px;color:var(--muted);margin-bottom:2px}.recipient-name{font-size:15px;font-weight:650}.recipient-account{font-size:11px;color:var(--muted);margin-top:3px}.amount-area{text-align:center;padding:32px 0 24px}.amount-label{font-size:13px;color:var(--muted)}.amount-display{display:flex;align-items:baseline;justify-content:center;margin-top:10px}.amount-display .currency{font-size:32px;margin-right:3px;font-weight:400;align-self:center}.amount-display input{width:240px;min-width:0;background:none;border:0;color:var(--ink);font-size:66px;font-weight:450;line-height:1.2;letter-spacing:-3px;text-align:left;padding:0;outline:none;font-variant-numeric:tabular-nums}.amount-display input:focus-visible{outline:none}.amount-display:focus-within{outline:1px solid #b5c29c;outline-offset:7px;border-radius:8px}.amount-area .amount-help{margin-top:12px;font-size:12px;color:var(--muted);min-height:18px}.amount-help.error{color:#a13c30}.funding{display:flex;gap:11px;align-items:center;background:#e8eaf3;border-radius:13px;padding:14px 15px}.mini-card{width:33px;height:24px;background:var(--ink);color:var(--lime);border-radius:5px;display:grid;place-items:center;font-size:16px;font-weight:650}.funding .txn-sub{font-size:11px}.funding .funds{margin-left:auto;text-align:right;font-size:12px;font-weight:650}.funds span{display:block;font-size:10px;font-weight:450;color:var(--muted);margin-top:3px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0 18px;row-gap:4px}.key{height:61px;display:grid;place-items:center;border-radius:14px;font-size:28px;font-weight:450}.key:hover{background:#e8eaf3}.key svg{width:23px;height:23px}.transfer-bottom{padding:0 24px 22px}.fee-note{display:flex;justify-content:center;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin:14px 0 20px}.fee-note svg{width:13px;height:13px}.progress-track{display:flex;gap:4px;justify-content:center}.progress-track i{display:block;width:27px;height:3px;background:#dce3d4;border-radius:3px}.progress-track i:first-child{background:var(--ink)}.success{background:var(--ink);color:var(--paper);padding:28px 24px;display:flex;flex-direction:column}.success-top{display:flex;justify-content:space-between;align-items:center;color:#c4d1bd;font-size:12px}.success-top .icon-btn{border-color:#56705d;color:var(--paper)}.success-icon{border:1px solid #718969;border-radius:50%;width:83px;height:83px;display:grid;place-items:center;margin:47px auto 22px;background:#345442;color:var(--lime);position:relative}.success-icon svg{width:35px;height:35px;stroke-width:2;stroke-dasharray:60;stroke-dashoffset:60;animation:draw .55s .1s forwards}.success h1{text-align:center;font-size:32px;letter-spacing:-1.4px}.success-caption{text-align:center;font-size:13px;color:#c4d1bd;margin:8px 0 30px}.receipt{background:var(--paper);border-radius:19px;color:var(--ink);padding:24px 23px;position:relative;animation:receipt .45s var(--ease)}.receipt:before,.receipt:after{content:'';width:18px;height:18px;position:absolute;background:var(--ink);border-radius:50%;top:179px}.receipt:before{left:-9px}.receipt:after{right:-9px}.receipt-person{display:flex;gap:11px;align-items:center}.receipt-label{font-size:11px;color:var(--muted)}.receipt .recipient-name{margin-top:2px}.receipt-amount{font-size:43px;letter-spacing:-2px;margin-top:23px;font-weight:450}.receipt-amount span{font-size:14px;letter-spacing:0;margin-left:5px;color:var(--muted)}.receipt-divider{border-top:1px dashed #cbd4c1;margin:22px -3px 20px}.receipt-row{display:flex;justify-content:space-between;margin-bottom:15px;font-size:12px}.receipt-row>span:first-child{color:var(--muted)}.receipt-row:last-child{margin-bottom:0}.receipt-row strong{font-weight:600}.receipt-foot{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;display:flex;align-items:center;gap:6px;font-size:11px;color:#56754e}.receipt-foot svg{width:15px;height:15px}.success .done{margin-top:auto;padding-top:28px}.success .done p{text-align:center;color:#b7c9b0;font-size:11px;margin-top:14px}.review .amount-area{padding:29px 0 24px}.review .amount-display{font-size:61px;letter-spacing:-3px}.review-panel{margin:20px 0 0;border-top:1px solid var(--line);padding-top:22px}.review-panel .receipt-row{font-size:14px;margin-bottom:22px}.review-assurance{display:flex;gap:10px;align-items:flex-start;background:#e8eaf3;padding:17px;border-radius:14px;margin-top:28px;font-size:12px;line-height:1.6}.review-assurance svg{width:20px}.review .transfer-bottom{position:absolute;bottom:17px;left:0;right:0}.sheet-backdrop{position:absolute;inset:0;background:#20264266;z-index:10;display:flex;align-items:flex-end;animation:veil .18s}.sheet{width:100%;background:var(--paper);border-radius:25px 25px 0 0;padding:26px 24px 30px;animation:sheet .3s var(--ease);max-height:88%;overflow:auto}.sheet h2{font-size:22px;letter-spacing:-.7px;font-weight:550}.sheet .sheet-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sheet .icon-btn{width:32px;height:32px}.sheet .sheet-title svg{width:17px;height:17px}.person-choice{height:74px;border-bottom:1px solid var(--line);width:100%;display:flex;gap:12px;align-items:center;text-align:left}.person-choice>svg{margin-left:auto}.detail-value{font-size:35px;letter-spacing:-1.5px;margin:18px 0 26px}.sheet-copy{font-size:14px;line-height:1.7;color:var(--muted);margin:8px 0 24px}.field{display:flex;align-items:center;border:1px solid #cdd1df;border-radius:12px;padding:14px;margin:15px 0}.field input{background:none;border:none;min-width:0;width:100%;font-size:23px;outline:none}.toast{position:absolute;z-index:20;left:24px;right:24px;bottom:98px;border-radius:13px;background:var(--ink);color:var(--paper);padding:15px 17px;font-size:12px;box-shadow:0 6px 18px #27358b25;animation:receipt .2s var(--ease)}.first-load .hero .balance{animation:enter .45s var(--ease)}.first-load .home-body{animation:enter .45s .08s var(--ease) both}.simple-page{padding:0 24px}.savings-card{padding:24px;background:#e9eaf3;border-radius:18px;margin-top:12px}.savings-value{font-size:38px;letter-spacing:-1.6px;margin:15px 0 6px}.saving-track{height:8px;background:#d9deed;border-radius:4px;overflow:hidden;margin:23px 0}.saving-track i{display:block;background:var(--ink);height:100%;width:62%}.save-stats{display:flex;justify-content:space-between;font-size:13px}.gallery{background:#e8e9ef;min-width:1280px;padding:47px 64px 28px}.gallery-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto 36px}.gallery-wordmark{font-size:50px;line-height:1;font-weight:650;letter-spacing:-3px}.gallery-wordmark>span{font-size:13px;letter-spacing:0;margin-left:6px;vertical-align:top;display:inline-block;padding-top:7px}.gallery-header p{font-size:13px;color:#626777;margin-top:9px}.gallery-category{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:1px}.screen-grid{display:grid;grid-template-columns:repeat(3,390px);justify-content:center;gap:40px}.screen-label{display:flex;justify-content:space-between;margin-bottom:13px;font-size:10px;letter-spacing:.5px;font-weight:650}.screen-label span+span{color:#626777;font-weight:450;letter-spacing:0}.screen-grid iframe{border:0;width:390px;height:844px;display:block;border-radius:23px;box-shadow:0 8px 30px #27358b0a;background:var(--paper)}.gallery-footer{display:flex;justify-content:space-between;max-width:1250px;margin:29px auto 0;font-size:11px;color:#626777}.gallery iframe{color-scheme:light}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes receipt{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes sheet{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes veil{from{background:#20264200}to{background:#20264266}}@media(min-width:600px){body:not(.gallery){padding:25px 0}.app{height:844px;border-radius:23px;box-shadow:0 8px 30px #27358b0a}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}
.limit-section .link{display:flex;align-items:center;gap:3px}.limit-section .link svg{width:13px;height:13px}.receipt-row strong svg{width:13px;height:13px;vertical-align:-2px;color:#27358b}

/* Pact / seal blue and copper. Fix 1 replaces the funding composition. */
:root{--brand:#27358b;--ink:#242a43;--copper:#b75d3c;--lime:#efe2d5;--paper:#f6f5f1;--muted:#626777;--line:#dedfe5}
body{background:#e8e9ef}.primary{background:var(--brand);border-radius:28px}.primary:hover{background:#1c2873}.primary:disabled{opacity:1;background:#d9dce8;color:#626777}.primary.lime{background:#e9e3da;color:var(--brand)}.icon-btn{width:38px;height:38px}.avatar{background:#efd5c8}.account-header{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:center;height:80px}.account-header h1{font-size:23px;letter-spacing:-.8px}.greeting{color:var(--muted);font-size:12px;margin-bottom:3px}.header-tools{display:flex;gap:9px;align-items:center}
.pact-rings{display:block;position:relative;width:220px;height:160px;pointer-events:none}.pact-rings i{position:absolute;width:160px;height:160px;border:16px solid var(--brand);border-radius:50%;left:0;top:0}.pact-rings i+i{left:60px;border-color:var(--copper)}.pact-rings:after{content:'';position:absolute;left:72px;top:9px;width:24px;height:31px;border-left:16px solid var(--brand);transform:rotate(40deg);border-radius:50%}
.balance-stage{height:226px;position:relative;margin:0 24px}.balance-rings{width:342px;height:202px;position:absolute;top:5px}.balance-rings i{width:207px;height:207px;border-width:12px;left:4px}.balance-rings i+i{left:131px;border-color:var(--copper)}.balance-rings:after{left:149px;top:20px;border-left-width:12px;width:20px;height:28px}.balance{position:absolute;left:0;right:0;top:64px;margin:0;background:var(--paper);padding:8px 0 9px;text-align:center;z-index:1}.balance-label{color:var(--muted);margin:auto;font-size:12px}.balance-number{color:var(--brand);font-size:45px;letter-spacing:-2.4px;margin-top:4px;line-height:1.18;font-weight:450;white-space:nowrap}.balance-number .cents{color:#686fad;font-size:33px;letter-spacing:-1.4px}.hero-actions{position:absolute;left:74px;right:74px;top:157px;display:flex;justify-content:space-between;margin:0;gap:0;z-index:2}.money-action{font-size:11px;font-weight:650;display:flex;align-items:center;flex-direction:column;gap:6px;white-space:nowrap}.money-action span{display:grid;place-items:center;background:var(--brand);color:#fff;width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 5px var(--paper)}.money-action.add-action span{background:var(--paper);color:var(--copper);border:1px solid var(--copper)}.money-action svg{width:21px;height:21px}.home-frozen{position:absolute;top:205px;right:0;color:#4f647e;font-size:11px;display:flex;gap:5px;align-items:center;z-index:2;background:var(--paper)}.home-frozen svg{width:13px;height:13px}
.home-body{padding:14px 24px 12px}.spend-title{font-size:14px}.spend-amount{font-size:23px;font-weight:550;margin:6px 0 0;letter-spacing:-.8px}.spend-amount span{float:none;font-size:11px;letter-spacing:0;color:var(--muted);margin:0}.pace-label{color:#9a452c;font-size:10px;font-weight:650;margin-top:7px}.spend-chart{display:block;width:100%;height:65px;overflow:visible;stroke:none;margin-top:5px}.chart-grid{stroke:#e2e3e8;stroke-width:.65}.budget-pace{stroke:#747b90;stroke-width:1.2;stroke-dasharray:3 3}.spend-fill{fill:#27358b13}.spend-line{stroke:var(--brand);stroke-width:2;fill:none}.spend-chart circle{fill:var(--brand)}.today-line{stroke:var(--brand);stroke-width:.65;stroke-dasharray:2 3;opacity:.3}.spend-chart text{fill:var(--muted);font-size:8px;font-family:Manrope;stroke:none}.chart-legend{display:flex;justify-content:flex-end;gap:12px;color:var(--muted);font-size:9px;line-height:12px;margin-top:5px}.chart-legend span{display:flex;align-items:center;gap:4px}.chart-legend i{width:12px;border-top:2px solid var(--brand)}.chart-legend span+span i{border-top:1px dashed #747b90}.transactions{margin-top:13px}.section-top{margin-bottom:2px}.transaction{height:61px;gap:12px}.merchant{border-radius:50%;width:39px;height:39px;color:#27358b}.merchant svg{width:23px;height:23px;stroke-width:1.5}.merchant.ochre{color:#9c562c}.merchant.pink{color:#815241}.income{color:var(--brand)}.goal{margin-top:12px;padding:12px 13px;border-radius:11px;background:#edece8}.goal .txn-sub{font-size:12px}.goal-ring{width:38px;height:38px;background:conic-gradient(var(--brand) 0 62%,#d9d7d2 62%)}.goal-ring:after{background:#edece8}.goal-ring svg{left:10px;top:10px;width:18px;height:18px}.nav-item{font-size:11px}.nav-item.active{color:var(--brand)}.nav-item.active:after{background:var(--brand)}.bottom-nav{padding-top:12px}
.page-header{padding-top:29px;padding-bottom:21px}.bank-card{background:var(--brand) url('assets/card-surface.webp') center/cover;color:#fff;border-radius:14px;box-shadow:0 1px 1px #10194740,0 9px 17px #222d631c,inset 0 0 0 1px #c0c9ff59;isolation:isolate}.card-brand{font-size:34px;color:#fff}.card-art{top:5px;right:-40px;transform:rotate(-28deg);opacity:1;transition:transform 360ms var(--ease)}.card-art i{border-color:#965234;background:linear-gradient(125deg,#dd9975,#895036 35%,#f5c9a5 46%,#ad6245 57%,#e6a783);mask:radial-gradient(circle,transparent 47%,#000 48%);border:0;box-shadow:inset 0 0 0 1px #ffd0b299}.card-art i+i{background:linear-gradient(120deg,#ecbf9b,#ba7955 35%,#fff0d8 47%,#b46d48 55%,#d7926d);mix-blend-mode:normal;transition:transform 360ms var(--ease)}.card-chip{width:34px;height:27px;background:linear-gradient(140deg,#bfb3a3,#eee4cf 42%,#ac9b81 45%,#f8e7c9 70%,#9c8970);border:1px solid #92816a;box-shadow:inset 0 1px 1px #fff9;margin-top:25px}.card-chip:before,.card-chip:after{border-color:#8e7b6080}.card-number{font-size:14px;letter-spacing:1.8px;bottom:48px}.card-holder{font-size:10px;letter-spacing:1.4px;color:#e3e4f4}.card-paymark{z-index:2;color:#f5e5d5}.status-dot{background:var(--brand)}.card-meta>.muted{font-size:13px}.card-actions{margin:20px 0 14px}.card-action>span{background:none;width:38px;height:34px;border-radius:0}.card-action{font-size:13px;font-weight:500;color:var(--muted);gap:5px;min-height:55px}.card-action svg{width:20px;height:20px}.card-action:hover{color:var(--ink)}.control-row{min-height:73px}.control-sub:empty{display:none}.freeze-row{cursor:pointer;min-height:80px}.freeze-row .control-title{font-size:16px;font-weight:600}.freeze-row>svg{width:23px;height:23px;color:var(--brand)}.freeze-row .switch.on{background:#71839c}.switch{position:relative}.switch:before{content:'';position:absolute;inset:-10px 0}.switch.on{background:var(--brand)}.limit-section{display:flex;gap:12px;align-items:flex-start;padding:18px 0}.limit-section>svg{width:21px;flex-shrink:0}.limit-content{flex:1}.limit-track i{background:var(--brand)}.cards .control-row:last-child{border:0}.bank-card.frozen{background-color:var(--brand);color:#fff}.bank-card.frozen .card-brand,.bank-card.frozen .card-number,.bank-card.frozen .card-holder,.bank-card.frozen .card-chip,.bank-card.frozen .card-paymark{z-index:2;position:relative}.bank-card.frozen .card-number,.bank-card.frozen .card-holder,.bank-card.frozen .card-paymark{position:absolute;color:#29395a}
.transfer{display:flex;flex-direction:column;overflow:hidden}.transfer-header{padding:25px 24px 18px;flex-shrink:0}.transfer-body{flex:1;min-height:0;display:flex;flex-direction:column}.recipient{border-radius:0;border:0;border-bottom:1px solid var(--line);background:none;padding:14px 0 18px;flex-shrink:0}.recipient-label,.recipient-account{font-size:12px}.recipient .avatar{width:44px;height:44px}.recipient-name{display:flex;gap:8px;align-items:center}.verified{font-size:10px;color:var(--brand);font-weight:550;background:#e3e6f2;padding:3px 6px;border-radius:4px}.amount-area{padding:26px 0 20px;flex-shrink:0}.amount-display{margin-top:8px;position:relative;width:342px;min-height:80px;align-items:center}.amount-visible{display:inline-block;font-size:66px;font-weight:450;line-height:1.2;letter-spacing:-2px;font-variant-numeric:proportional-nums;color:var(--brand);white-space:nowrap}.amount-display .amount-input{position:absolute;inset:0;width:100%!important;height:100%;opacity:0;pointer-events:none}.amount-display:focus-within{outline:none}.amount-area .amount-help{margin-top:7px;min-height:18px;font-size:12px}.amount-help.error{color:#a13c30}.funding{border-radius:9px;background:#e8eaf2;padding:13px 12px;flex-shrink:0}.mini-card{position:relative;overflow:hidden;background:var(--brand);width:33px;height:24px}.mini-card .pact-rings{transform:scale(.11);transform-origin:0 0;left:4px;top:3px}.mini-card .pact-rings i{border-color:#d89971}.mini-card .pact-rings i+i{border-color:#f3d3b7}.mini-card .pact-rings:after{display:none}.funding .txn-sub{font-size:11px}.funds span{font-size:11px}.keypad{flex:1;min-height:220px;margin:18px 0 14px;gap:1px 6px;align-content:center}.key{height:58px;font-size:28px;border-radius:50%}.key:hover{background:#e8eaf2}.transfer-bottom{padding:0 24px 24px;flex-shrink:0}.fee-note{font-size:12px;margin:13px 0 0;color:var(--muted)}.fee-note svg{width:14px;height:14px}.review .amount-area{padding:36px 0 28px}.review .amount-display{display:block;min-height:74px;font-size:61px;letter-spacing:-2px;font-weight:450;color:var(--brand);width:max-content;max-width:342px;margin:8px auto 0;white-space:nowrap}.review-panel{margin-top:10px}.review-panel .receipt-row{font-size:14px;margin-bottom:24px}.review .transfer-bottom{position:static;padding-bottom:35px}.review-assurance.failed{background:#f1e1da;color:#943c2b;margin-top:15px;padding:15px;font-size:12px}.review-assurance.failed p{font-size:12px}.success{background:var(--brand);color:var(--paper);padding:40px 24px 29px;display:flex;flex-direction:column;overflow:hidden}.success-seal{position:relative;width:220px;height:160px;margin:15px auto 18px;flex-shrink:0;display:grid;place-items:center}.success-seal .pact-rings{position:absolute;inset:0}.success-seal .pact-rings i{border-color:#f3efe7;border-width:14px}.success-seal .pact-rings i+i{border-color:#e9aa82}.success-seal .pact-rings:after{border:14px solid #f3efe7;background:none}.success-seal>svg{width:38px;height:38px;color:#fff;margin-left:0;stroke-width:2}.success h1{font-size:30px;text-align:center;margin-bottom:25px;letter-spacing:-1.2px}.receipt{padding:22px 22px 15px;border-radius:12px;animation:none;color:var(--ink);flex-shrink:0}.receipt:before,.receipt:after{background:var(--brand);top:156px}.receipt-person{align-items:center}.receipt-amount{margin-top:19px;font-size:41px;line-height:1.25;letter-spacing:-1.8px}.receipt-number{font-size:inherit!important;letter-spacing:inherit!important;margin:0!important;color:var(--brand)!important;display:inline-block}.receipt-amount>span:last-child{font-size:12px;color:var(--muted)}.receipt-divider{margin:19px -3px 18px;border-color:#cdd0db}.receipt-row{font-size:12px;margin-bottom:15px}.receipt-row strong svg{color:var(--brand)}.success .done{margin-top:auto;padding-top:27px}.success .done .primary{background:#f3efe7;color:var(--brand)}.success .done p{color:#d9dced;font-size:12px}.first-load .home-body,.first-load .hero .balance{animation:none}.first-load .balance-rings i{animation:ring-entry 440ms var(--ease) both}.first-load .balance-rings i+i{animation-name:ring-entry-right}.first-load .balance{animation:balance-reveal 250ms 220ms both}.first-load .transactions{animation:none}.first-load .spend-chart{animation:chart-reveal 450ms 140ms both;transform-origin:left}
@keyframes ring-entry{from{transform:translateX(-40px) rotate(-18deg)}to{transform:none}}@keyframes ring-entry-right{from{transform:translateX(40px) rotate(18deg)}to{transform:none}}@keyframes balance-reveal{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes ledger-reveal{from{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes chart-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}

@keyframes send-wipe{to{clip-path:circle(950px at 50% var(--origin-y))}}@keyframes seal-left{from{transform:translateX(-45px)}to{transform:none}}@keyframes seal-right{from{transform:translateX(45px)}to{transform:none}}@keyframes overlay-out{to{opacity:0}}@keyframes receipt-land{0%{transform:translateY(-26px);opacity:0}75%{transform:translateY(3px);opacity:1}100%{transform:translateY(0);opacity:1}}@keyframes unit-in{from{opacity:0}to{opacity:1}}
.gallery{padding:36px 64px 40px;background:#e8e9ef}.gallery-header{margin-bottom:28px;max-width:1250px}.gallery-wordmark{color:var(--brand)}.gallery-category{font-family:Manrope;font-size:14px;letter-spacing:0;color:var(--muted)}.screen-label{font-size:13px;letter-spacing:0;font-weight:600;margin-bottom:14px;color:#515970}.screen-grid iframe{border-radius:18px;box-shadow:0 8px 30px #242a4310}.savings-card{background:#e8eaf2}.sheet-backdrop{background:#20264266}.sheet{background:var(--paper)}.toast{background:var(--brand)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}}
.hero-actions button{height:auto;border-radius:0;font-size:11px;width:78px}.money-action span{flex-shrink:0}.transactions{margin-top:10px}.transaction{height:58px}.goal{margin-top:10px}.page-snapshot{position:absolute;left:0;top:0;width:100%;z-index:4;pointer-events:none;background:var(--paper)}
.page.transfer{background:var(--paper)}.page.success{background:var(--brand)}
.pact-rings:after{left:0;top:0;width:160px;height:160px;border:16px solid var(--brand);border-radius:50%;background:none;transform:none;clip-path:polygon(50% 0,100% 0,100% 35%,50% 35%)}.balance-rings:after{left:4px;top:0;width:207px;height:207px;border:12px solid var(--brand)}.page.home,.page.cards{background:var(--paper)}.pact-rings:after{box-sizing:border-box}
.first-load .balance-rings:after{animation:ring-entry 440ms var(--ease) both}
.card-art:after{content:'';position:absolute;left:0;top:0;width:132px;height:132px;border-radius:50%;background:linear-gradient(125deg,#dd9975,#895036 35%,#f5c9a5 46%,#ad6245 57%,#e6a783);mask:radial-gradient(circle,transparent 47%,#000 48%);clip-path:polygon(65% 0,100% 0,100% 35%,65% 35%)}
.pace-label{font-size:11px}.chart-legend{font-size:10px}



.home-frozen{top:-25px;left:126px;right:auto;padding:4px 6px;border-radius:4px;background:#e4e9f0;white-space:nowrap}

/* Fix 2 — rounded open seals, independent actions, and visible physical transitions. */
.balance-stage{height:228px}
.balance-rings{position:absolute;top:0;left:0;width:342px;height:156px;fill:none;stroke:var(--brand);stroke-width:12;stroke-linecap:round;overflow:visible}
.balance-ring-right{stroke:var(--copper)}
.balance{top:55px;padding:0;background:none}
.hero-actions{top:172px;left:74px;right:74px}
.money-action{gap:5px}.money-action span{width:38px;height:38px;box-shadow:none}.money-action svg{width:20px;height:20px}
.home-body{padding-top:12px}
.first-load .balance-ring-left,.first-load .balance-weave{animation:seal-entry-left 560ms linear both;transform-origin:110px 82px}
.first-load .balance-ring-right{animation:seal-entry-right 560ms linear both;transform-origin:232px 82px}
.first-load .balance{animation:none}
@keyframes seal-entry-left{from{transform:translateX(-25px)}to{transform:none}}
@keyframes seal-entry-right{from{transform:translateX(25px)}to{transform:none}}
.merchant{flex-shrink:0;width:39px;height:39px}.merchant svg{width:39px;height:39px;stroke:none}
.merchant-coffee{background:#ead1a0;color:#67411b;border-radius:50%;box-shadow:inset 0 0 0 2px #ead1a0,inset 0 0 0 3px #67411b33}
.merchant-studio{background:#30313a;color:#f5f1e7;border-radius:2px}
.merchant-market{background:#e9c9bb;color:#7b3c36;border-radius:11px 3px 11px 3px}
.merchant-person{border-radius:50%;color:#754a3c;font-size:13px;font-weight:650}
.limit-section>svg{margin-top:5px;height:21px}
.card-ink{position:absolute;inset:0;padding:22px;pointer-events:none;z-index:0}
.bank-card:after{display:none}
.card-frost{position:absolute;inset:0;background:linear-gradient(110deg,#dce8f4ee,#eaf1f8ee),url('assets/card-surface.webp') center/cover;mask-image:linear-gradient(90deg,transparent 0 25%,#000 45% 100%);mask-size:400% 100%;mask-position:0% 0;transition:mask-position 380ms cubic-bezier(.4,0,.6,1);z-index:1;pointer-events:none}
.bank-card.frozen .card-frost{mask-position:100% 0}

.bank-card .card-brand,.bank-card.frozen .card-brand{color:#fff;position:static}
.bank-card .card-number,.bank-card.frozen .card-number{color:#fff;position:absolute}
.bank-card .card-holder,.bank-card.frozen .card-holder{color:#e3e4f4;position:absolute}
.bank-card .card-paymark,.bank-card.frozen .card-paymark{color:#f5e5d5;position:absolute}
.bank-card .card-chip,.bank-card.frozen .card-chip{position:relative}
.bank-card .card-frost .card-brand,.bank-card .card-frost .card-number,.bank-card .card-frost .card-holder,.bank-card .card-frost .card-paymark{color:#29395a}
.card-art,.bank-card.frozen .card-art{opacity:1;transform:rotate(-28deg);transition:none;z-index:2}
.card-art i,.card-art i+i,.card-art:after{transition:transform 380ms cubic-bezier(.4,0,.6,1);background:conic-gradient(from 25deg,#925039,#eab692 12%,#fbe5cb 22%,#ae6848 31%,#8e4c33 47%,#e6a886 60%,#fff0d7 70%,#b67654 80%,#925039)}
.card-art i+i{background:conic-gradient(from 195deg,#925039,#eab692 12%,#fbe5cb 22%,#ae6848 31%,#8e4c33 47%,#e6a886 60%,#fff0d7 70%,#b67654 80%,#925039)}
.bank-card.frozen .card-art i:first-child,.bank-card.frozen .card-art:after{transform:translate(-8px,8px)}
.bank-card.frozen .card-art i+i{transform:translate(46px,-32px)}

.mini-card>svg{width:27px;height:20px;stroke:#f3efe7;stroke-width:1.7;fill:none;stroke-linecap:round}
.send-overlay{position:absolute;inset:0;z-index:12;pointer-events:none}
.send-wipe{position:absolute;inset:0;background:var(--brand);clip-path:circle(0 at 50% var(--origin-y));animation:send-wipe 250ms cubic-bezier(.4,0,.55,1) forwards}
.flying-seal{position:absolute;left:85px;top:55px;width:220px;height:160px}
.flying-seal .pact-rings i{border-color:#f3efe7;border-width:14px;transform:translateX(-70px);animation:none}
.flying-seal .pact-rings i+i{border-color:#e9aa82;transform:translateX(70px);animation:none}
.flying-seal .pact-rings:after{border:14px solid #f3efe7;transform:translateX(-70px);animation:none}
.just-sent .success-seal .pact-rings i,.just-sent .success-seal .pact-rings:after{animation:couple-left 280ms cubic-bezier(.4,0,.6,1) both}
.just-sent .success-seal .pact-rings i+i{animation-name:couple-right}
.just-sent .success-seal>svg{stroke-dasharray:32;stroke-dashoffset:32;animation:draw 180ms 230ms both}
.just-sent .success h1{animation:unit-in 120ms 230ms both}
.just-sent .receipt{animation:receipt-land 280ms 250ms both}
.just-sent .receipt-person,.just-sent .receipt-amount{animation:none}
.just-sent .receipt-divider{animation:unit-in 80ms 290ms both}
.just-sent .receipt-row{animation:unit-in 80ms 290ms both}
.just-sent .receipt-row:nth-of-type(3){animation-delay:330ms}
.just-sent .receipt-row:nth-of-type(4){animation-delay:370ms}
.just-sent .receipt-row:nth-of-type(5){animation-delay:410ms}
.just-sent .receipt-row:nth-of-type(6){animation-delay:450ms}
.just-sent .done{animation:unit-in 120ms 400ms both}
@keyframes couple-left{0%{transform:translateX(-70px)}85%{transform:translateX(3px)}100%{transform:translateX(0)}}
@keyframes couple-right{0%{transform:translateX(70px)}85%{transform:translateX(-3px)}100%{transform:translateX(0)}}
@keyframes receipt-land{0%{transform:translateY(-24px);opacity:0}18%{opacity:1}78%{transform:translateY(4px);opacity:1}100%{transform:translateY(0);opacity:1}}

/* Art 1 — the balance is the only lead on Home; supporting objects stay neutral. */
.home .balance-stage{height:258px;margin-top:28px}
.home .balance-number{font-size:48px}
.home .balance-number .cents{font-size:35px}
.home .hero-actions{top:182px}
.home .money-action span{width:44px;height:44px}
.home .home-body{padding:8px 24px 32px}
.home .transactions{margin-top:0}
.home .section-top{margin-bottom:8px}
.home .section-top h2{font-size:16px;font-weight:600}
.home .section-top .link{color:var(--muted);font-size:12px}
.home .transaction{height:78px}
.home .txn-sub{margin-top:5px}
.home .merchant{width:38px;height:38px}
.home .merchant svg{width:38px;height:38px}
.home .txn-amount,.home .income{color:var(--ink);font-weight:600}
.merchant-coffee{background:none;color:#515768;box-shadow:none}
.merchant-market{background:#e4e6eb;color:#515768}
.merchant-person{background:#e7e9ef!important;color:var(--ink)}
.avatar{background:#e7e9ef!important;color:var(--ink)}
.nav-item.active{color:var(--ink)}.nav-item.active:after{background:var(--ink)}
.cards .switch.on{background:#626b7c}.cards .freeze-row .switch.on{background:#71839c}
.cards .limit-track i{background:#747c8c}.cards .status-dot{background:#626b7c!important}
.verified{color:#565e70;background:#e7e9ef}
.mini-card{background:#626b7c}
.receipt-number{color:var(--ink)!important}
.success .done .primary{background:var(--paper);color:var(--ink)}
.activity-spending-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0 0;margin-top:12px;border-top:1px solid var(--line);font-size:14px;font-weight:600}
.activity-spending-link svg{width:17px;height:17px;color:var(--muted)}
.sheet .spend{margin:8px 0 24px}
.sheet .spend-amount{font-size:30px;margin-top:8px;color:var(--ink)}
.sheet .pace-label{color:var(--muted)}

/* Acceptance 1 — first-level navigation, unobstructed freeze, compact budget. */
.savings .savings-card{margin-top:12px}
.savings .simple-page>.primary{margin-top:24px}
.monthly-spending{display:flex;align-items:center;gap:8px;width:100%;height:52px;margin-top:18px;border-top:1px solid var(--line);font-size:13px;white-space:nowrap;color:var(--muted);text-align:left}
.monthly-spending strong{font-weight:600;color:var(--ink)}
.monthly-spending svg{margin-left:auto}
.monthly-spending svg{width:13px;height:13px;flex-shrink:0}
.income{color:var(--ink);font-weight:600}
.review .amount-display,.receipt-number,.savings-value{font-variant-numeric:proportional-nums}
.card-chip{background:linear-gradient(110deg,#c6b79b,#f0e7d2 48%,#cbbb9c);border-color:#9e8e72;box-shadow:inset 0 0 0 .5px #fff8,0 .5px 1px #08154355;overflow:hidden}
.card-chip:before,.card-chip:after{display:none}
.card-chip svg{display:block;width:100%;height:100%;fill:none;stroke:#8d7e64;stroke-width:.6;stroke-linejoin:round;filter:drop-shadow(0 .5px 0 #fff8)}