:root{--ink:#111827;--muted:#667085;--line:#d7e4f5;--blue:#2f6bff;--green:#16a34a;--wash:#eef5ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 80% 12%,rgba(64,159,255,.18),transparent 28%),linear-gradient(180deg,#fbfdff,#eef5ff);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.demo-header{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;gap:20px;padding:0 max(28px,calc((100vw - 1200px)/2));border-bottom:1px solid rgba(215,228,245,.9);background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:850}.brand img{width:38px;height:38px;border-radius:11px}.demo-badge{padding:5px 11px;border-radius:999px;color:#2f6bff;background:#edf3ff;font-size:12px;font-weight:800}.back-link{margin-left:auto;color:#526176;font-size:14px;font-weight:700}.back-link:hover{color:#2f6bff}.demo-main{width:min(1200px,calc(100% - 48px));min-height:calc(100vh - 72px);margin:auto;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(460px,1.1fr);gap:80px;align-items:center;padding:68px 0}.eyebrow{display:inline-flex;padding:7px 13px;border:1px solid #dce8ff;border-radius:999px;color:#315fc5;background:#edf3ff;font-size:13px;font-weight:800}.demo-copy h1{margin:24px 0 18px;font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.055em}.demo-copy>p{max-width:570px;margin:0;color:var(--muted);font-size:17px}.demo-copy ul{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none;color:#344054;font-weight:700}.demo-copy li::before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;margin-right:9px;border-radius:99px;color:#fff;background:#16a34a;font-size:11px}.safe-note{max-width:570px;margin-top:30px;padding:18px 20px;border-left:5px solid #2f6bff;border-radius:14px;color:#526176;background:rgba(255,255,255,.75);font-size:13px}.safe-note strong,.safe-note span{display:block}.safe-note strong{margin-bottom:3px;color:#1d4ed8}.copy-actions{display:flex;gap:12px;margin-top:28px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-weight:800}.primary-action{color:#fff;background:#2f6bff;box-shadow:0 12px 28px rgba(47,107,255,.22)}.secondary-action{border:1px solid #d7e4f5;background:#fff}.phone-stage{display:flex;align-items:center;justify-content:center}.phone{position:relative;width:420px;min-height:760px;overflow:hidden;padding:12px 14px 74px;border:10px solid #172033;border-radius:46px;background:#eef5ff;box-shadow:0 44px 100px rgba(30,64,120,.25)}.phone-top{height:30px;display:flex;align-items:center;padding:0 12px;color:#111827;font-size:11px;font-weight:800}.phone-top i{width:70px;height:20px;margin:auto;border-radius:999px;background:#101828}.phone-top b{font-size:18px;letter-spacing:2px}.mini-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #d7e4f5;border-radius:18px;background:#fff}.mini-header img{width:38px;height:38px;border-radius:10px}.mini-header div{display:flex;flex-direction:column}.mini-header strong{font-size:15px}.mini-header small{color:#7b879e}.mini-header>span{margin-left:auto;padding:4px 9px;border-radius:999px;color:#2f6bff;background:#edf3ff;font-size:11px;font-weight:800}.mini-tabs,.mode-tabs{display:flex;gap:6px;margin:12px 0;padding:5px;border-radius:14px;background:#e7eef9}.mini-tabs button,.mode-tabs button{flex:1;padding:9px 6px;border:0;border-radius:10px;color:#6e7d95;background:transparent;font-size:12px;font-weight:800;cursor:pointer}.mini-tabs button.active,.mode-tabs button.active{color:#fff;background:#2f6bff;box-shadow:0 6px 16px rgba(47,107,255,.18)}.screen{display:none}.screen.active{display:block}.screen-card{margin-top:10px;padding:16px;border:1px solid #d7e4f5;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(17,24,39,.035)}.card-title{font-size:15px;font-weight:800}.card-desc{margin-top:2px;color:#667085;font-size:11px}.screen-card label,.field-row label{display:block;margin:12px 0 5px;color:#344054;font-size:11px;font-weight:700}.demo-input{height:40px;display:flex;align-items:center;padding:0 12px;border:1px solid #b9d2f2;border-radius:11px;color:#111827;background:#fff;font-size:13px}.demo-input.readonly{color:#667085;background:#f4f6f9}.demo-input.picker{justify-content:space-between}.green-button,.primary-button{width:100%;height:42px;margin-top:12px;border:0;border-radius:11px;color:#fff;background:#16a34a;font-size:13px;font-weight:800;cursor:pointer}.primary-button{background:#2f6bff}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.success-chip,.count-chip{padding:4px 8px;border-radius:999px;color:#16a34a;background:#f0fdf4;font-size:10px;font-weight:800;white-space:nowrap}.count-chip{color:#2f6bff;background:#edf3ff}.account-name{margin-top:15px;font-size:15px;font-weight:800}.account-id{color:#667085;font-size:11px}.money-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.money-grid div{min-width:0;padding:10px 8px;border:1px solid #d7e4f5;border-radius:11px;background:#f7faff}.money-grid span,.money-grid strong{display:block}.money-grid span{color:#667085;font-size:9px}.money-grid strong{margin-top:4px;font-size:12px;white-space:nowrap}.blue{color:#2f6bff}.green{color:#16a34a}.orange{color:#ff6b00}.mode-tabs{margin-top:10px}.field-row{margin-bottom:10px}.balance-box{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #b9d2f2;border-radius:13px;background:#edf7ff}.balance-box div{flex:1}.balance-box span,.balance-box strong{display:block}.balance-box span{color:#667085;font-size:10px}.balance-box strong{margin-top:2px;color:#16a34a;font-size:16px}.balance-box button{padding:7px 12px;border:0;border-radius:9px;color:#fff;background:#2f6bff;font-size:11px;font-weight:800}.target-card{margin-top:10px}.full{margin-top:12px}.mini-nav{position:absolute;left:14px;right:14px;bottom:12px;height:52px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #d7e4f5;border-radius:16px;background:#fff;box-shadow:0 -6px 20px rgba(30,64,120,.08)}.mini-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;color:#7b879e;background:transparent;font-size:10px;font-weight:800}.mini-nav button span{font-size:14px}.mini-nav button.active{color:#2f6bff}.toast{position:absolute;left:50%;bottom:82px;z-index:5;max-width:80%;padding:8px 12px;border-radius:999px;color:#fff;background:rgba(17,24,39,.88);font-size:11px;opacity:0;transform:translate(-50%,10px);transition:.2s ease;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.demo-main{grid-template-columns:1fr;gap:48px}.demo-copy{text-align:center}.demo-copy>p,.safe-note{margin-left:auto;margin-right:auto}.demo-copy ul{justify-items:center}.copy-actions{justify-content:center}}@media(max-width:520px){.demo-header{height:64px;padding:0 14px}.demo-badge{display:none}.back-link{font-size:12px}.demo-main{width:calc(100% - 28px);padding:44px 0}.demo-copy h1{font-size:42px}.copy-actions{display:grid}.phone{width:100%;min-height:735px;border-width:7px;border-radius:36px}.money-grid{grid-template-columns:1fr}.money-grid div{display:flex;align-items:center;justify-content:space-between}.money-grid strong{margin-top:0}}