.demo-intro{grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);align-items:center;gap:30px;padding:65px 0 28px;display:grid}.demo-intro h1{max-width:730px;margin:16px 0 18px;font-size:clamp(2.6rem,5.4vw,4.75rem)}.demo-intro-accent{color:var(--green)}.demo-intro .lead{max-width:65ch;font-size:1.09rem}.demo-explainer{color:#31564a;background:#e4f6ec;border:1px solid #c7e9d7;border-radius:15px;align-items:flex-start;gap:12px;max-width:665px;margin:25px 0;padding:17px 19px;font-size:.89rem;line-height:1.65;display:flex}.demo-explainer .icon{color:#087859;margin-top:3px}.demo-intro-side{background:radial-gradient(circle at 65% 30%,#b4eccb 2%,#dbf5e8 48%,#f0fbf6 75%);border-radius:35px;place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.demo-big-symbol{color:#ccf572;background:linear-gradient(155deg,#07614e,#062d29);border-radius:43px;place-items:center;width:154px;height:154px;font-size:6.5rem;font-weight:750;display:grid;transform:rotate(-12deg);box-shadow:0 24px 52px #063d313d}.demo-intro-orbit{color:#185545;background:#f8fffb;border:1px solid #aedccc;border-radius:10px;padding:7px 12px;font-size:.73rem;font-weight:800;position:absolute;top:38px;left:17px;transform:rotate(-8deg)}.demo-intro-orbit.last{inset:auto 8px 36px auto;transform:rotate(7deg)}.demo-frame-section{margin:26px auto 70px}.demo-frame-caption{justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px;display:flex}.demo-frame-caption h2{margin:5px 0 0;font-size:clamp(1.9rem,3.7vw,2.8rem)}.demo-frame-caption h2 span{color:var(--green)}.demo-caption-kicker,.demo-small-overline{color:#659284;letter-spacing:.12em;font-size:.64rem;font-weight:850}.demo-fake-tag{white-space:nowrap;letter-spacing:.08em;color:#0a6853;background:#e2f6ea;border:1px solid #b5dfc9;border-radius:30px;align-items:center;padding:9px 14px;font-size:.67rem;font-weight:800;display:inline-flex}.demo-shell{--demo-ink:#1a3934;background:#f5f8f6;border:1px solid #d0e2d8;border-radius:27px;grid-template-columns:237px minmax(0,1fr);min-height:780px;display:grid;overflow:hidden;box-shadow:0 27px 80px #0631261f}.demo-sidebar{color:#ebfff5;background:#103b34;flex-direction:column;gap:44px;padding:25px 13px 19px;display:flex}.demo-brand{align-items:center;gap:10px;padding:0 9px;display:flex}.demo-brandmark{color:#104335;background:#c9f56a;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.demo-brandmark .icon{width:22px;height:22px}.demo-brand strong{letter-spacing:-.045em;font-size:.94rem;display:block}.demo-brand small{color:#abcec0;font-size:.7rem;display:block}.demo-nav-group{flex-direction:column;gap:5px;display:flex}.demo-nav-label{letter-spacing:.13em;color:#9bbdb1;margin:0 0 11px;padding:0 14px;font-size:.62rem;font-weight:850}.demo-nav-link{color:#c9e3d8;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;font-size:.82rem;font-weight:650;display:flex}.demo-nav-link:hover,.demo-nav-link.active{color:#fff;background:#275f4e}.demo-nav-link.active{box-shadow:inset 3px 0 #c9f56a}.demo-nav-link .icon{width:18px;height:18px}.demo-sidebar-foot{border-top:1px solid #30574c;margin-top:auto;padding:12px 8px 0}.demo-demo-user{align-items:center;gap:9px;display:flex}.demo-user-avatar{color:#154d3a;background:#c9f56a;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:850;display:grid}.demo-demo-user strong{font-size:.75rem;display:block}.demo-demo-user small{color:#b8d8ca;font-size:.67rem;display:block}.demo-sidebar-foot p{color:#a0bdaf;margin:14px 0 0;font-size:.69rem}.demo-workspace{flex-direction:column;min-width:0;display:flex}.demo-toolbar{background:#fff;border-bottom:1px solid #e2ece7;justify-content:space-between;align-items:center;gap:12px;height:84px;padding:16px 29px;display:flex}.demo-toolbar-left{align-items:center;gap:12px;display:flex}.demo-toolbar h3{letter-spacing:-.04em;margin:2px 0 0;font-size:1.23rem}.demo-toolbar-actions{align-items:center;gap:12px;display:flex}.demo-top-demo-badge{color:#24634d;letter-spacing:.07em;background:#e2f5e7;border:1px solid #c5e5d1;border-radius:7px;padding:7px 10px;font-size:.61rem;font-weight:900}.demo-reset-btn{color:#365b4e;background:#fff;border:1px solid #d9e6e0;border-radius:10px;align-items:center;gap:8px;padding:8px 11px;font-size:.76rem;font-weight:750;display:inline-flex}.demo-reset-btn:hover{background:#f1f8f4}.demo-reset-btn .icon{width:16px;height:16px}.demo-menu-toggle{color:#134e3a;background:#fff;border:1px solid #d1e6dc;border-radius:9px;padding:7px;display:none}.demo-menu-toggle .icon{width:20px;height:20px}.demo-main{flex:1;min-width:0;padding:27px 27px 38px}.demo-flash{color:#145f47;background:#e0f5e9;border:1px solid #a4d4ba;border-radius:10px;margin:20px 27px 0;padding:10px 14px;font-size:.85rem;font-weight:650}.demo-flash.error{color:#8a382a;background:#fff1ea;border-color:#e7b9aa}.demo-flash[hidden]{display:none}.demo-view-intro{justify-content:space-between;align-items:center;gap:18px;margin:4px 0 24px;display:flex}.demo-view-intro h4{letter-spacing:-.045em;margin:3px 0 7px;font-size:clamp(1.3rem,2vw,1.7rem)}.demo-view-intro p{margin:0;font-size:.83rem}.demo-view-kicker{letter-spacing:.11em;color:#669182;font-weight:850;font-size:.65rem!important}.demo-action-button,.demo-solid-btn{white-space:nowrap;color:#0d533d;background:#fff;border:1px solid #cae0d3;border-radius:11px;padding:11px 14px;font-size:.8rem;font-weight:800}.demo-action-button.primary,.demo-solid-btn{color:#fff;background:#0f624e;border-color:#0f624e}.demo-action-button:hover,.demo-solid-btn:hover{filter:brightness(1.08)}.demo-snapshot-grid{grid-template-columns:1.65fr 1fr 1fr;gap:13px;margin-bottom:17px;display:grid}.demo-balance-hero{color:#fff;background:linear-gradient(132deg,#0b604d,#043f34);border-radius:19px;flex-direction:column;align-items:flex-start;min-height:205px;padding:23px 24px;display:flex;position:relative;overflow:hidden}.demo-hero-pattern{border:1px solid #ffffff37;border-radius:50%;width:240px;height:240px;position:absolute;top:-65px;right:-70px;box-shadow:0 0 0 35px #ffffff08,0 0 0 72px #ffffff08}.demo-on-dark-label{letter-spacing:.12em;color:#c5e8d7;z-index:1;font-size:.65rem;font-weight:800}.demo-balance-hero>strong{letter-spacing:-.04em;z-index:1;margin:12px 0 5px;font-size:clamp(1.35rem,2.5vw,2.1rem);line-height:1.15}.demo-balance-meta{color:#c9e9dc;z-index:1;font-size:.74rem}.demo-balance-bottom{color:#c7e7da;z-index:1;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:auto;font-size:.67rem;display:flex}.demo-balance-coin{color:#c9f56a;font-size:2rem;font-weight:850}.demo-card{background:#fff;border:1px solid #e0ebe4;border-radius:18px;min-width:0;padding:21px;box-shadow:0 3px 18px #073c3206}.demo-stat-card{flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.demo-stat-label{letter-spacing:.08em;color:#789488;font-size:.64rem;font-weight:900}.demo-stat-value{color:#153c30;letter-spacing:-.05em;margin:10px 0;font-size:clamp(1.07rem,1.8vw,1.55rem)}.demo-stat-card p{margin:0;font-size:.72rem}.demo-stat-icon{color:#12865d;background:#e6f6ed;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:850;display:grid;position:absolute;top:13px;right:15px}.demo-stat-icon.expense{color:#b9692e;background:#fff3e4}.demo-2col{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.demo-section-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.demo-section-head h4{margin:0 0 5px;font-size:1.05rem}.demo-section-head p{margin:0;font-size:.74rem;line-height:1.5}.demo-section-actions{flex-shrink:0}.demo-text-action{color:#15785d;background:0 0;border:0;padding:0;font-size:.73rem;font-weight:850}.demo-text-action:hover{text-decoration:underline}.demo-mini-wallet,.demo-due-row{border-bottom:1px solid #eff4f0;align-items:center;gap:10px;padding:12px 0;display:flex}.demo-mini-wallet:last-child,.demo-due-row:last-child{border-bottom:0;padding-bottom:0}.demo-mini-wallet-icon{color:#126449;background:#e6f5ed;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.demo-mini-wallet>span:nth-child(2),.demo-due-row>div{flex:1;min-width:0}.demo-mini-wallet strong,.demo-due-row strong{font-size:.77rem;line-height:1.3;display:block}.demo-mini-wallet small,.demo-due-row small{color:#739082;margin-top:4px;font-size:.67rem;display:block}.demo-mini-wallet b,.demo-due-row b{white-space:nowrap;font-size:.8rem}.demo-due-calendar{color:#278460;text-align:center;background:#e6f7ed;border-radius:9px;min-width:50px;padding:8px 6px;font-size:.69rem;font-weight:850}.demo-full-card{margin-bottom:5px}.demo-entry{border-bottom:1px solid #edf1ed;align-items:center;gap:11px;padding:12px 0;display:flex}.demo-entry:last-child{border-bottom:0}.demo-entry-symbol{color:#526f64;background:#f1f5f2;border-radius:12px;place-items:center;width:36px;height:36px;font-size:1rem;display:grid}.demo-entry-symbol.income{color:#14925e;background:#e1f7e9}.demo-entry-symbol.expense{color:#bb6e38;background:#fff1e7}.demo-entry-main{flex:1;min-width:0}.demo-entry-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;display:block;overflow:hidden}.demo-entry-main small{color:#718b7e;font-size:.66rem}.demo-amount{white-space:nowrap;font-size:.82rem}.demo-amount.income{color:#128457}.demo-amount.expense{color:#b75f36}.demo-wallet-total,.demo-obligation-stat{color:#fff;background:#0b5c49;border-radius:18px;flex-direction:column;gap:5px;margin-bottom:16px;padding:24px 27px;display:flex}.demo-wallet-total>span,.demo-obligation-stat>span{letter-spacing:.1em;color:#c3ecdb;font-size:.68rem;font-weight:800}.demo-wallet-total>strong,.demo-obligation-stat>strong{letter-spacing:-.05em;font-size:clamp(1.8rem,3vw,2.8rem)}.demo-wallet-total>small,.demo-obligation-stat>small{color:#c4e9d9;font-size:.72rem}.demo-wallet-grid,.demo-debt-grid,.demo-jewelry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:17px;display:grid}.demo-wallet-card{padding:22px 19px}.demo-wallet-card-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.demo-wallet-avatar{color:#0c654a;background:#e4f5ec;border-radius:12px;place-items:center;width:41px;height:41px;font-size:1.3rem;display:grid}.demo-wallet-kind{color:#779282;background:#eef6f0;border-radius:7px;padding:5px 8px;font-size:.65rem}.demo-wallet-card h5,.demo-debt-card h5,.demo-jewel-card h5{margin:0 0 11px;font-size:.93rem}.demo-wallet-caption{color:#8da196;margin-top:17px;font-size:.68rem;display:block}.demo-wallet-card>strong{letter-spacing:-.045em;font-size:clamp(1.16rem,2vw,1.55rem)}.demo-muted-line,.demo-inline-note{color:#6c877b;font-size:.8rem}.demo-filter-row{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.demo-filter{color:#5b7a68;background:#f6faf7;border:1px solid #d7e7db;border-radius:20px;padding:7px 13px;font-size:.73rem;font-weight:800}.demo-filter.active{color:#fff;background:#135c45;border-color:#135c45}.demo-debt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-debt-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.demo-debt-avatar{color:#0e845c;background:#e6f7ed;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.demo-debt-tag{color:#845e23;background:#fff3dd;border-radius:20px;padding:5px 9px;font-size:.67rem;font-weight:850;display:inline-flex}.demo-debt-tag.paid{color:#277544;background:#e7f8ea}.demo-debt-card p{font-size:.74rem}.demo-debt-numbers{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.demo-debt-numbers span{color:#688475;font-size:.7rem}.demo-debt-numbers strong{font-size:1.16rem}.demo-progress{background:#eaf1eb;border-radius:10px;height:7px;margin:11px 0 17px;overflow:hidden}.demo-progress span{background:#30a779;border-radius:10px;height:100%;display:block}.demo-debt-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-debt-bottom small{color:#789385;font-size:.7rem}.demo-debt-bottom strong{color:#288b60;font-size:.74rem}.demo-jewelry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-jewel-card .demo-debt-tag{float:right}.demo-jewel-icon{color:#7965a6;background:#f4f2ff;border-radius:13px;place-items:center;width:45px;height:45px;margin-bottom:18px;display:grid}.demo-jewel-card p{font-size:.77rem}.demo-jewel-info{border-top:1px solid #e7eee9;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;display:flex}.demo-jewel-info small{color:#8da197;font-size:.67rem;display:block}.demo-jewel-info strong{font-size:.88rem;display:block}.demo-education{color:#376650;background:#eff9f3;border:1px solid #cce3d7;border-radius:13px;align-items:flex-start;gap:11px;padding:16px;font-size:.78rem;display:flex}.demo-education .icon{color:#0b7b51}.demo-calendar-row{border-bottom:1px solid #edf3ee;align-items:center;gap:14px;padding:13px 0;display:flex}.demo-calendar-row:last-child{border-bottom:0}.demo-date-tile{text-align:center;color:#146b4e;background:#eaf7ef;border-radius:12px;width:55px;min-width:55px;padding:9px 3px}.demo-date-tile b{font-size:1.2rem;line-height:1.1;display:block}.demo-date-tile small{text-transform:uppercase;font-size:.65rem;font-weight:800}.demo-calendar-row>div:nth-child(2){flex:1;min-width:0}.demo-calendar-row>div:nth-child(2)>strong,.demo-calendar-row>div:nth-child(2)>small{display:block}.demo-calendar-row>div:nth-child(2)>strong{font-size:.81rem}.demo-calendar-row>div:nth-child(2)>small{color:#799587;font-size:.68rem}.demo-calendar-row>b{white-space:nowrap;font-size:.85rem}.demo-event-type{color:#0c8c65;font-size:.62rem;font-weight:850}.demo-report-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:17px;display:grid}.demo-report-stats .demo-card span,.demo-report-stats .demo-card small{color:#7a9586;font-size:.73rem;display:block}.demo-report-stats .demo-card strong{color:#103f2e;letter-spacing:-.05em;margin:11px 0 5px;font-size:1.33rem;display:block}.demo-bars{gap:18px;display:grid}.demo-bar-top{justify-content:space-between;gap:10px;margin-bottom:9px;display:flex}.demo-bar-top strong,.demo-bar-top b{font-size:.79rem}.demo-bar-track{background:#eaf1ec;border-radius:99px;height:10px;overflow:hidden}.demo-bar-track>span{background:linear-gradient(90deg,#1c8f6d,#83c7a0);border-radius:99px;height:100%;display:block}.demo-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.demo-more-grid button{color:#153e30;text-align:left;background:#fff;border:1px solid #dae8df;border-radius:16px;flex-direction:column;gap:13px;min-height:195px;padding:24px 20px;display:flex}.demo-more-grid button:hover{border-color:#20976b;box-shadow:0 9px 25px #0b533312}.demo-more-grid .icon{color:#16835e;width:35px;height:35px}.demo-more-grid strong{font-size:1.07rem}.demo-more-grid span{color:#758f81;font-size:.77rem;line-height:1.45}.demo-empty{text-align:center;color:#698475;padding:25px}.demo-bottom-nav{display:none}.demo-footnote{align-items:flex-start;gap:10px;padding:20px 4px 0;display:flex}.demo-footnote .icon{color:#0e7958;flex-shrink:0;margin-top:3px}.demo-footnote p{margin:0;font-size:.83rem}.demo-after{background:#e5f4e9;border-radius:21px;justify-content:space-between;align-items:center;gap:25px;margin:55px 0 0;padding:32px 38px;display:flex}.demo-after h2{margin:0 0 7px;font-size:1.65rem}.demo-after p{margin:0;font-size:.85rem}.demo-dialog{color:#1a3d32;border:1px solid #dae9df;border-radius:22px;width:min(430px,100% - 28px);max-height:min(90vh,720px);padding:0;box-shadow:0 30px 90px #002c2655}.demo-dialog::backdrop{backdrop-filter:blur(3px);background:#092d2bbd}.demo-form{gap:14px;padding:25px;display:grid}.demo-dialog-head{justify-content:space-between;align-items:flex-start;margin-bottom:5px;display:flex}.demo-dialog-head h3{margin:4px 0 0;font-size:1.3rem}.demo-close{color:#194735;background:#eef6f0;border:0;border-radius:9px;padding:6px 10px;font-size:1.45rem;line-height:1}.demo-form label{gap:6px;font-size:.81rem;font-weight:800;display:grid}.demo-form input,.demo-form select{color:#1b4336;background:#fcfefd;border:1px solid #c9e0d0;border-radius:10px;width:100%;padding:11px 12px;font-size:.9rem}.demo-dialog-hint{margin:0;font-size:.77rem;line-height:1.55}.demo-dialog-actions{justify-content:flex-end;gap:9px;margin-top:8px;display:flex}.demo-muted-btn{color:#466f5c;background:#fff;border:1px solid #d4e5d8;border-radius:10px;padding:10px 13px;font-size:.8rem;font-weight:800}.demo-form-error{color:#a3381e;background:#fff0eb;border:1px solid #ecc4b6;border-radius:10px;padding:11px;font-size:.8rem}.demo-form-error[hidden]{display:none}@media (width<=1120px){.demo-shell{grid-template-columns:210px minmax(0,1fr)}.demo-snapshot-grid{grid-template-columns:1.4fr 1fr 1fr}.demo-balance-hero{padding:21px 18px}.demo-sidebar{padding:22px 9px 16px}.demo-main{padding:23px 18px 30px}.demo-card{padding:17px}.demo-toolbar{padding:15px 18px}.demo-mini-wallet b{font-size:.73rem}}@media (width<=900px){.demo-intro{grid-template-columns:1fr}.demo-intro-side{display:none}.demo-shell{grid-template-columns:1fr;min-height:0;position:relative}.demo-sidebar{z-index:20;width:250px;display:none;position:absolute;top:66px;bottom:0;left:0;box-shadow:15px 15px 30px #001d1833}.demo-sidebar.open{display:flex}.demo-toolbar{height:67px}.demo-menu-toggle{place-items:center;display:grid}.demo-main{min-height:490px}.demo-bottom-nav{z-index:10;background:#fff;border-top:1px solid #dfece4;justify-content:space-around;gap:5px;padding:10px 5px 8px;display:flex;position:sticky;bottom:0}.demo-bottom-nav button{color:#73887c;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:5px 8px;font-size:.64rem;font-weight:800;display:flex}.demo-bottom-nav button.active{color:#0e7a58}.demo-bottom-nav button .icon{width:21px;height:21px}.demo-bottom-nav .demo-mobile-add{color:#0c674c;position:relative}.demo-add-circle{color:#fff;box-sizing:content-box;background:#0a684e;border:4px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-top:-22px;font-size:1.5rem;line-height:1;display:grid;box-shadow:0 5px 12px #0c513c30}.demo-fake-tag{font-size:.59rem}}@media (width<=660px){.demo-intro{padding:46px 0 10px}.demo-intro h1{font-size:clamp(2.35rem,11vw,3.6rem)}.demo-frame-caption{flex-direction:column;align-items:flex-start;gap:10px}.demo-shell{border-radius:20px}.demo-toolbar{padding:10px 13px}.demo-toolbar h3{font-size:1rem}.demo-reset-btn{padding:7px;font-size:.69rem}.demo-reset-btn .icon,.demo-top-demo-badge{display:none}.demo-main{padding:17px 13px 23px}.demo-view-intro{flex-direction:column;align-items:flex-start}.demo-view-intro .demo-action-button{align-self:flex-start}.demo-snapshot-grid{grid-template-columns:1fr 1fr}.demo-balance-hero{grid-column:span 2;min-height:185px}.demo-2col,.demo-wallet-grid,.demo-debt-grid,.demo-jewelry-grid,.demo-report-stats,.demo-more-grid{grid-template-columns:1fr}.demo-more-grid button{gap:7px;min-height:130px}.demo-after{flex-direction:column;align-items:flex-start;padding:26px 21px}.demo-snapshot-grid .demo-stat-card{min-height:150px}.demo-amount{font-size:.72rem}.demo-entry-main strong{font-size:.74rem}.demo-calendar-row>b{font-size:.7rem}.demo-footnote p{font-size:.76rem}}@media (prefers-reduced-motion:reduce){.demo-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.phone-demo-heading{text-align:center;max-width:920px;padding-top:56px}.phone-demo-heading h1{letter-spacing:-.055em;margin:18px auto 15px;font-size:clamp(2.35rem,5.7vw,4.1rem);line-height:1.12}.phone-demo-heading .lead{max-width:720px;margin:0 auto;line-height:1.7}.demo-frame-section{margin-top:48px}.demo-frame-caption{margin-bottom:26px}.demo-experience{grid-template-columns:minmax(190px,1fr) minmax(320px,410px) minmax(190px,1fr);place-items:center stretch;gap:clamp(18px,3vw,44px);display:grid}.demo-walkthrough{color:#21483d;align-self:center;padding:24px 0}.demo-walkthrough h3{letter-spacing:-.035em;margin:11px 0 9px;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.2}.demo-walkthrough p{color:#6b887d;margin:8px 0 0;font-size:.86rem;line-height:1.65}.demo-walkthrough-step{border-bottom:1px solid #d9e7dc;align-items:flex-start;gap:13px;padding:21px 0;display:flex}.demo-walkthrough-step>span{color:#126b50;background:#e0f5e9;border-radius:11px;flex:0 0 33px;place-items:center;height:33px;font-size:.75rem;font-weight:900;display:grid}.demo-walkthrough-step strong{color:#163e32;font-size:.9rem}.demo-walkthrough-step p{margin:4px 0 0}.demo-walkthrough-step kbd{color:#0f654a;background:#e0f5e9;border-radius:6px;padding:3px 7px;font-weight:850}.demo-walkthrough-privacy{color:#235e49;background:#e7f6ee;border:1px solid #cfebda;border-radius:16px;gap:12px;margin-top:23px;padding:17px;font-size:.78rem;line-height:1.6;display:flex}.demo-walkthrough-privacy .icon{flex-shrink:0;width:22px;height:22px;margin-top:2px}.demo-walkthrough-right{background:linear-gradient(#fbfefc,#f0f8f3);border:1px solid #dcece3;border-radius:24px;padding:28px 23px}.demo-feature-tags{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.demo-feature-tags span{color:#19503c;background:#fff;border:1px solid #d9eade;border-radius:9px;padding:8px 10px;font-size:.72rem;font-weight:750}.demo-android-link{color:#0f604a;justify-content:space-between;align-items:center;gap:9px;width:100%;margin-top:23px;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.demo-android-link:hover{text-decoration:underline}.demo-device-area{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.demo-device-frame{background:#142d2b;border:3px solid #2e4944;border-radius:52px;width:100%;max-width:410px;height:794px;padding:10px;position:relative;box-shadow:0 48px 85px #04392e33,0 14px 38px #052e2940,inset 0 0 0 2px #415b54}.demo-device-frame:before{content:"";background:#455b56;border-radius:4px 0 0 4px;width:3px;height:66px;position:absolute;top:135px;left:-6px}.demo-device-frame:after{content:"";background:#455b56;border-radius:0 4px 4px 0;width:3px;height:85px;position:absolute;top:185px;right:-6px}.demo-earpiece{z-index:10;background:#142d2b;border-radius:12px;width:98px;height:15px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.demo-earpiece:after{content:"";background:#496861;border-radius:4px;width:22px;height:4px;position:absolute;top:5px;left:39px}.demo-phone-screen{isolation:isolate;background:#f4f9f5;border-radius:40px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.demo-phone-status{z-index:8;color:#fff;letter-spacing:.01em;background:#103c35;flex:0 0 34px;justify-content:space-between;align-items:center;height:34px;padding:6px 25px 3px;font-size:.73rem;font-weight:850;display:flex;position:relative}.demo-phone-screen[data-phone-stage=home] .demo-phone-status{background:#163b5c}.demo-phone-screen[data-phone-stage=pin] .demo-phone-status{background:#0a4a3b}.demo-phone-signal{letter-spacing:1px;white-space:nowrap;font-size:.67rem}.demo-phone-home{isolation:isolate;color:#fff;background:radial-gradient(circle at 78% 38%,#79d5c5,#0000 38%),radial-gradient(circle at 12% 96%,#102748,#0000 55%),linear-gradient(145deg,#143c60 0%,#1e6e80 52%,#0b3c38 100%);flex-direction:column;flex:1;min-height:0;padding:25px 24px 8px;display:flex;position:relative;overflow:hidden}.demo-phone-home:before{content:"";z-index:-1;border:1px solid #ffffff50;border-radius:50%;width:310px;height:310px;position:absolute;top:160px;right:-60px;box-shadow:0 0 0 50px #ffffff09,0 0 0 115px #ffffff08}.demo-home-top{margin-top:44px}.demo-home-top>span{letter-spacing:.19em;color:#e0f4ec;font-size:.74rem;font-weight:850}.demo-home-top strong{letter-spacing:-.065em;margin-top:7px;font-size:4.55rem;font-weight:550;line-height:1.1;display:block}.demo-home-top strong span{color:#c7f176}.demo-home-top p{color:#d5f6eb;margin:4px 0;font-size:.8rem}.demo-home-apps{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:8px;margin:auto 0 12px;display:grid}.demo-launch-app{color:#fff;cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:8px 0;display:flex}.demo-launch-app:focus-visible{outline-offset:3px;border-radius:14px;outline:3px solid #d1f77a}.demo-launch-icon{background:linear-gradient(145deg,#0e896a,#0b5a4a);border:1px solid #ffffff4a;border-radius:17px;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 9px 23px #002b2455}.demo-launch-icon .icon{color:#d3f783;width:29px;height:29px}.demo-launch-app strong{text-shadow:0 2px 5px #07232685;max-width:75px;font-size:.67rem;font-weight:700;line-height:1.25}.demo-home-placeholder{flex-direction:column;align-items:center;gap:8px;padding:8px 0;display:flex}.demo-placeholder-icon{backdrop-filter:blur(8px);color:#fff;background:#ffffff36;border-radius:17px;place-items:center;width:58px;height:58px;font-size:1.65rem;display:grid}.demo-placeholder-icon.sunny{background:#e8ae52b5}.demo-home-placeholder small{color:#ecfcf8;text-shadow:0 2px 5px #07232685;font-size:.68rem}.demo-home-bottom{margin-top:18px}.demo-home-search{color:#fff;backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff5;border-radius:25px;align-items:center;gap:13px;height:40px;padding:0 15px;font-size:1.4rem;display:flex}.demo-home-search span{font-size:.75rem}.demo-home-dock{backdrop-filter:blur(9px);background:#ffffff26;border-radius:23px;justify-content:space-around;align-items:center;margin-top:16px;padding:12px 8px;display:flex}.demo-home-dock span{background:#ffffff38;border-radius:13px;place-items:center;width:44px;height:44px;font-size:1.5rem;display:grid}.demo-home-bottom p{text-align:center;color:#dbf1ed;letter-spacing:.17em;margin:12px 0 3px;font-size:.55rem;font-weight:800}.demo-phone-pin{color:#fff;background:linear-gradient(165deg,#0d5746,#04392f);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow-y:auto}.demo-pin-back{color:#d4ede2;background:0 0;border:0;align-self:start;align-items:center;gap:7px;margin:14px 0 0 17px;padding:5px 10px;font-size:1.25rem;display:flex}.demo-pin-back span{font-size:.78rem}.demo-pin-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;min-height:0;padding:10px 22px 13px;display:flex}.demo-pin-logo{color:#0d6149;background:#cdf37b;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:13px;display:grid}.demo-pin-logo .icon{width:34px;height:34px}.demo-pin-content h3{letter-spacing:-.04em;color:#fff;margin:0;font-size:1.48rem}.demo-pin-content>p{color:#d1e9df;margin:8px 0;font-size:.79rem}.demo-pin-dots{justify-content:center;gap:13px;margin:20px 0 2px;display:flex}.demo-pin-dots span{background:0 0;border:1.5px solid #c3e1d1;border-radius:50%;width:13px;height:13px;transition:background .12s}.demo-pin-dots span.filled{background:#c8f06e;border-color:#c8f06e}.demo-pin-error{color:#ffe1cf;text-align:center;height:28px;min-height:28px;margin:4px 0 8px;font-size:.72rem}.demo-pin-pad{grid-template-columns:repeat(3,72px);justify-content:center;gap:6px 13px;display:grid}.demo-pin-pad button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:50%;width:72px;height:57px;font-size:1.4rem;font-weight:600}.demo-pin-pad button:hover{background:#ffffff25}.demo-pin-pad button:focus-visible{outline-offset:2px;outline:3px solid #c9f56a}.demo-pin-content .demo-pin-hint{letter-spacing:.06em;color:#c9f2d8;text-align:center;margin-top:19px;font-size:.68rem}.demo-pin-hint strong{color:#d7fb85}.demo-phone-gesture{z-index:12;background:#f4f9f5;flex:0 0 24px;place-items:center;height:24px;display:grid}.demo-phone-screen[data-phone-stage=home] .demo-phone-gesture{background:#0b3e3a}.demo-phone-screen[data-phone-stage=pin] .demo-phone-gesture{background:#04392f}.demo-phone-gesture button{background:0 0;border:0;border-radius:20px;place-items:center;width:95px;height:18px;padding:0;display:grid}.demo-phone-gesture button span{background:#123b30;border-radius:5px;width:95px;height:4px;display:block}.demo-phone-screen[data-phone-stage=home] .demo-phone-gesture button span,.demo-phone-screen[data-phone-stage=pin] .demo-phone-gesture button span{background:#d6eee6}.demo-phone-gesture button:focus-visible{outline:2px solid #c9f56a}.demo-phone-app{background:#f4f8f5;flex:1;min-height:0;display:flex;position:relative}.demo-phone-app[hidden],.demo-phone-home[hidden],.demo-phone-pin[hidden]{display:none!important}.demo-phone-app .demo-shell{min-width:0;min-height:0;box-shadow:none;background:#f4f8f5;border:0;border-radius:0;flex:1;display:flex;position:relative;overflow:hidden}.demo-phone-app .demo-workspace{flex-direction:column;width:100%;min-width:0;height:100%;display:flex}.demo-phone-app .demo-toolbar{background:#fff;flex-shrink:0;height:58px;padding:9px 12px}.demo-phone-app .demo-toolbar h3{margin:0;font-size:1.05rem}.demo-phone-app .demo-small-overline{font-size:.53rem}.demo-phone-app .demo-top-demo-badge{display:none}.demo-phone-app .demo-reset-btn{gap:2px;padding:7px 8px;font-size:.63rem}.demo-phone-app .demo-reset-btn .icon{display:none}.demo-phone-app .demo-menu-toggle{place-items:center;padding:7px;display:grid}.demo-phone-app .demo-sidebar{z-index:40;gap:22px;width:83%;max-width:295px;padding:20px 12px 15px;display:none;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:10px 0 22px #00261e38}.demo-phone-app .demo-sidebar.open{display:flex}.demo-phone-app .demo-main{overscroll-behavior:contain;flex:1;min-height:0;padding:15px 13px 21px;overflow-y:auto}.demo-phone-app .demo-flash{margin:7px 10px 0;padding:8px;font-size:.71rem}.demo-phone-app .demo-bottom-nav{z-index:10;background:#fff;border-top:1px solid #dfece4;flex-shrink:0;justify-content:space-around;align-items:stretch;gap:2px;padding:7px 3px 6px;display:flex;position:relative;bottom:auto;box-shadow:0 -5px 18px #1b503508}.demo-phone-app .demo-bottom-nav button{color:#718a80;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:4px 0;font-size:.61rem;font-weight:750;display:flex}.demo-phone-app .demo-bottom-nav button.active{color:#0d7b59}.demo-phone-app .demo-bottom-nav button .icon{width:20px;height:20px}.demo-phone-app .demo-add-circle{width:29px;height:29px;margin-top:-16px;font-size:1.35rem}.demo-phone-app .demo-snapshot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.demo-phone-app .demo-balance-hero{border-radius:15px;grid-column:span 2;min-height:150px;padding:19px 18px}.demo-phone-app .demo-balance-hero>strong{font-size:1.55rem}.demo-phone-app .demo-card{border-radius:13px;padding:14px 12px}.demo-phone-app .demo-snapshot-grid .demo-stat-card{min-height:126px}.demo-phone-app .demo-stat-label{font-size:.58rem}.demo-phone-app .demo-stat-value{overflow-wrap:anywhere;font-size:1.02rem}.demo-phone-app .demo-stat-card p{font-size:.63rem}.demo-phone-app .demo-stat-icon{width:25px;height:25px;top:7px;right:7px}.demo-phone-app .demo-2col,.demo-phone-app .demo-wallet-grid,.demo-phone-app .demo-debt-grid,.demo-phone-app .demo-jewelry-grid,.demo-phone-app .demo-report-stats,.demo-phone-app .demo-more-grid{grid-template-columns:1fr}.demo-phone-app .demo-view-intro{flex-direction:column;align-items:start;gap:8px;margin-bottom:13px}.demo-phone-app .demo-view-intro h4{font-size:1.16rem}.demo-phone-app .demo-view-intro .demo-action-button{align-self:start}.demo-phone-app .demo-mini-wallet b,.demo-phone-app .demo-due-row b,.demo-phone-app .demo-calendar-row>b{font-size:.69rem}.demo-phone-app .demo-entry-main strong{font-size:.73rem}.demo-phone-app .demo-amount{font-size:.71rem}.demo-phone-app .demo-calendar-row{gap:7px}.demo-phone-app .demo-more-grid button{min-height:90px}.demo-phone-controls{color:#5b8275;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:17px;font-size:.7rem;display:flex}.demo-phone-controls>span{align-items:center;gap:6px;display:flex}.demo-indicator-dot{background:#21a16f;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.demo-phone-controls button{color:#155942;cursor:pointer;background:#fff;border:1px solid #d3e8d8;border-radius:10px;align-items:center;gap:6px;padding:8px;font-size:.68rem;font-weight:750;display:flex}.demo-phone-controls button .icon{width:14px;height:14px}.demo-footnote{margin-top:28px}.demo-dialog{width:min(365px,100vw - 28px);max-width:min(365px,100vw - 28px)}@media (width<=1100px){.demo-experience{grid-template-columns:minmax(205px,1fr) minmax(315px,410px)}.demo-walkthrough-right{display:none}}@media (width<=760px){.phone-demo-heading{padding-top:37px}.phone-demo-heading h1{font-size:clamp(2.25rem,9vw,3.2rem)}.demo-frame-section{margin-top:30px}.demo-frame-caption{text-align:center;align-items:center}.demo-experience{flex-direction:column;gap:18px;display:flex}.demo-walkthrough{order:2;max-width:450px;padding:6px 4px 12px}.demo-walkthrough-intro{display:none}.demo-walkthrough-step{padding:10px 0}.demo-walkthrough-privacy{margin-top:13px}.demo-device-area{order:1;max-width:410px}.demo-device-frame{height:760px;min-height:605px;max-height:85svh}.demo-phone-controls{padding:0 3px}.demo-frame-caption h2{font-size:1.9rem}}@media (width<=390px){.demo-device-frame{border-radius:43px;height:720px;min-height:600px;padding:8px}.demo-phone-screen{border-radius:34px}.demo-pin-pad{grid-template-columns:repeat(3,66px);gap:5px 10px}.demo-pin-pad button{width:66px;height:52px}.demo-home-top strong{font-size:4rem}.demo-launch-icon{width:52px;height:52px}.demo-placeholder-icon{width:50px;height:50px}.demo-phone-controls{flex-direction:column;align-items:center}.demo-phone-app .demo-main{padding:11px 9px}}@media (prefers-reduced-motion:reduce){.demo-phone-screen *{transition:none!important;animation:none!important}}