@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#071e4b;--teal:#0a9ac0;--muted:#7c8594;--line:#e9edf1;--bg:#f6f8fa;--green:#218770}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:#f7f8fa;font-family:'DM Sans',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #0a9ac0;outline-offset:3px}button{border:0}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}.desktop-header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #e4e8ed}.brand img{width:151px;mix-blend-mode:multiply}.role-switch{display:flex;padding:5px;background:#e9edf1;border:1px solid #e3e7ec;border-radius:30px;gap:4px}.role-switch button{background:transparent;padding:10px 22px;border-radius:25px;color:#777f8f;font-size:12px;font-weight:600}.role-switch button.active{background:white;color:var(--navy);box-shadow:0 2px 5px #071e4b0b}.presentation{font-size:10px;letter-spacing:1.4px;color:#798292;display:flex;gap:9px;align-items:center}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal)}.stage{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 414px 1fr;gap:65px;align-items:center;padding:36px 32px 24px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#7b8998}.intro h1{font-family:Manrope,sans-serif;font-size:39px;font-weight:650;letter-spacing:-1.7px;line-height:1.3;margin:21px 0}.intro h1 em{font-style:normal;color:var(--teal)}.intro>p{font-size:15px;line-height:1.8;color:#7b8493}.corridor{display:flex;align-items:center;gap:9px;margin:34px 0 28px;font-size:24px}.corridor b{font-size:10px;display:block;white-space:nowrap}.corridor small{display:block;color:#929aa7;font-size:9px;margin-top:4px}.route-line{font-size:12px;color:#a5b7c5;white-space:nowrap}.intro-note{display:flex;border-top:1px solid #e2e7ed;padding:22px 0;gap:12px;align-items:center}.intro-note p{font-size:11px;line-height:1.8;color:#8690a0;margin:0}.small-icon{font-size:23px;color:var(--teal)}.meeting{font-size:8px;letter-spacing:1.5px;color:#939ba7;margin-top:64px}.meeting strong,.meeting small{display:block;letter-spacing:0}.meeting strong{font-size:12px;color:#59667b;margin:10px 0 5px}.meeting small{font-size:10px}.device{height:812px;border:7px solid #182337;outline:1px solid #abb1b9;border-radius:49px;background:white;box-shadow:0 25px 60px #071e4b18,0 4px 10px #071e4b12;overflow:hidden;position:relative}.statusbar{height:44px;position:relative;padding:12px 26px 0;display:flex;justify-content:space-between;font-size:12px;font-weight:700;background:white}.island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:103px;height:25px;background:#101725;border-radius:20px}.status-icons{font-size:12px;letter-spacing:1px}.home-indicator{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:116px;height:4px;background:#172438;border-radius:4px}.device-caption{display:flex;justify-content:center;align-items:center;gap:8px;color:#9098a5;font-size:9px;margin-top:17px}.device-caption i{width:5px;height:5px}.guide{padding-left:5px}.guide h2{font-family:Manrope,sans-serif;font-size:25px;line-height:1.4;letter-spacing:-.7px;font-weight:600;margin:18px 0 30px}.guide-step{display:flex;align-items:center;gap:13px;background:none;text-align:left;width:100%;margin:0 0 21px;padding:0}.step-number{height:28px;width:28px;border:1px solid #dbe2e9;border-radius:50%;display:grid;place-items:center;font-size:10px;flex-shrink:0;color:#9aa3af}.guide-step.current .step-number{color:white;background:var(--navy);border-color:var(--navy)}.guide-step b{font-weight:500;font-size:11px;display:block}.guide-step small{display:block;font-size:10px;color:#959dac;margin-top:4px}.guide-card{margin-top:35px;border:1px solid #dfe6ec;background:linear-gradient(135deg,#f0f7f8,#f8fafb);padding:21px;border-radius:15px}.shield{color:var(--teal);font-size:19px;margin-bottom:15px}.guide-card b{font-size:12px;font-weight:600}.guide-card p{font-size:11px;color:#82909e;line-height:1.8}.guide-card>span{font-size:8px;letter-spacing:1.4px;color:#80a1ac}.reset{background:none;font-size:11px;color:#929bab;margin-top:23px}.desktop-footer{margin:0 5%;border-top:1px solid #e3e7ed;padding:21px 0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#949eac}#app{height:calc(100% - 59px);display:flex;flex-direction:column}.screen{overflow-y:auto;flex:1;padding:20px 23px 18px;scrollbar-width:none;animation:enter .22s ease}.screen::-webkit-scrollbar{display:none}@keyframes enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.app-logo{width:95px}.circle-btn{position:relative;border:1px solid var(--line);background:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.badge-dot{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:#e5484d;border:2px solid #fff}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.greeting{font-size:12px;color:#87909f;margin:0 0 6px}.screen h1{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.9px;font-weight:750;margin:0 0 7px}.subtitle{color:#8a93a1;line-height:1.6;font-size:11px;margin:0 0 21px}.hero{background:var(--navy);border-radius:20px;padding:22px;color:#fff;position:relative;overflow:hidden;margin:23px 0}.hero:after{content:'';width:180px;height:180px;border:30px solid #ffffff05;border-radius:50%;position:absolute;right:-80px;top:-45px;pointer-events:none}.hero-top{display:flex;align-items:center;gap:7px;color:#b2c9e0;font-size:9px;letter-spacing:1px}.hero h2{font-size:23px;line-height:1.4;font-family:Manrope;margin:14px 0 7px;letter-spacing:-.6px;font-weight:600}.hero p{font-size:10px;color:#9daec8;margin-bottom:20px}.primary{background:var(--teal);color:white;padding:15px 18px;width:100%;border-radius:12px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.hero .primary{justify-content:space-between;background:white;color:var(--navy);padding:13px 16px;position:relative;z-index:1}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.section-heading h2{font-size:13px;font-weight:650;margin:0}.text-btn{background:none;padding:0;color:var(--teal);font-size:10px}.recipients{display:flex;gap:24px}.person{display:flex;flex-direction:column;align-items:center;background:none;padding:0;gap:8px;font-size:10px}.avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e5f2f1;color:#447971;font-size:13px;font-weight:600;position:relative}.avatar.peach{background:#f9ece5;color:#bc8468}.avatar.blue{background:#e9edf7;color:#6b7caa}.avatar.add{background:white;border:1px dashed #ccd5df;color:#8292a4;font-size:22px;font-weight:400}.avatar .flag{font-size:13px;position:absolute;right:-3px;bottom:-2px}.transaction{display:flex;align-items:center;gap:11px;width:100%;background:none;text-align:left;padding:15px 0;border-bottom:1px solid #f0f2f5}.transaction .avatar{width:37px;height:37px;font-size:11px}.transaction-main{flex:1}.transaction b{font-size:11px;font-weight:600;display:block}.transaction small{display:block;font-size:9px;color:#969dab;margin-top:5px}.transaction-end{text-align:right}.pill{font-size:8px!important;padding:4px 7px;border-radius:5px;display:inline-block!important;background:#eaf6f1;color:#39836b!important}.pill.amber{background:#fff4e3;color:#b48731!important}.pill.red{background:#fff0ec;color:#b56b5d!important}.pill.blue{background:#eaf3f9;color:#3989ac!important}.trust-note{font-size:9px;display:flex;justify-content:center;align-items:center;gap:7px;color:#95a0ac;margin:19px 0 4px}.trust-note .icon{width:13px;height:13px}.bottom-nav{display:flex;justify-content:space-around;border-top:1px solid var(--line);padding:12px 8px 9px;background:#fff;flex-shrink:0}.nav-item{background:none;display:flex;flex-direction:column;align-items:center;gap:5px;color:#99a3b2;font-size:8px;min-width:54px}.nav-item.active{color:var(--teal)}.nav-item .icon{width:20px;height:20px}.page-top{display:flex;align-items:center;gap:12px;margin-bottom:23px}.page-top b{font-size:12px}.page-top .step-label{margin-left:auto;font-size:9px;color:#99a1ac}.progress{display:flex;gap:5px;margin-bottom:25px}.progress span{height:3px;background:#e8edf2;border-radius:3px;flex:1}.progress .done{background:var(--teal)}.money-field{border:1px solid #dbe3ea;border-radius:13px;padding:14px 15px;margin:12px 0;background:white}.money-field label{font-size:10px;color:#8591a0;display:block;margin-bottom:8px}.money-row{display:flex;align-items:center;justify-content:space-between}.money-row input{width:65%;border:0;background:none;font-size:29px;font-family:Manrope;font-weight:650;outline:none;color:var(--navy);padding:0}.currency{background:#f2f5f8;padding:8px;border-radius:8px;font-size:11px}.rate-line{display:flex;justify-content:center;gap:9px;color:#66929f;font-size:10px;margin:15px 0}.detail-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:10px 0;color:#87909c}.detail-row b{font-weight:500;color:var(--navy);text-align:right}.details{border:1px solid var(--line);border-radius:13px;padding:9px 15px;margin:17px 0}.details .detail-row+.detail-row{border-top:1px solid #f1f3f5}.notice{padding:13px;background:#edf7f9;border-radius:10px;font-size:10px;line-height:1.7;color:#59828d;margin:17px 0}.notice.warning{background:#fff6e9;color:#9e793f}.field{display:block;font-size:10px;color:#758399;margin:15px 0}.field input,.field select,.field textarea,.search{display:block;width:100%;border:1px solid #dfe5ec;border-radius:10px;background:#fff;padding:13px 12px;margin-top:8px;color:var(--navy);outline-color:var(--teal);font-size:12px}.field textarea{resize:vertical;min-height:80px}.choice{border:1px solid var(--line);display:flex;align-items:center;text-align:left;gap:12px;width:100%;border-radius:12px;background:#fff;padding:15px;margin:10px 0}.choice.selected{border-color:var(--teal);background:#f2fafb}.choice>div{flex:1}.choice b{display:block;font-size:11px}.choice small{display:block;color:#8e99a7;font-size:10px;margin-top:5px}.choice .radio{width:16px;height:16px;border:1px solid #ccd4de;border-radius:50%}.choice.selected .radio{border:5px solid var(--teal)}.secondary{width:100%;border:1px solid #dfe5eb;border-radius:11px;background:white;font-size:11px;padding:13px;margin:10px 0}.tiny{font-size:9px;color:#95a0ad;line-height:1.7;text-align:center}.success-orb{width:66px;height:66px;border-radius:50%;background:#e5f5ef;color:#27886d;display:grid;place-items:center;font-size:29px;margin:20px auto}.center{text-align:center}.timeline{margin:23px 0}.timeline-item{position:relative;padding:0 0 23px 34px;font-size:11px}.timeline-item:before{content:'✓';position:absolute;left:0;top:-3px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#e6f4ef;color:#2e9378;font-size:10px;z-index:1}.timeline-item:after{content:'';position:absolute;left:10px;top:18px;bottom:1px;width:1px;background:#d9ece6}.timeline-item:last-child:after{display:none}.timeline-item.pending:before{content:'·';background:#edf0f4;color:#9da7b7}.timeline-item small{display:block;color:#9aa2ae;font-size:9px;margin-top:5px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.stat{background:#f6f8fa;border:1px solid #edf0f3;border-radius:13px;padding:15px}.stat small{font-size:9px;color:#8692a3}.stat strong{display:block;font-size:23px;letter-spacing:-.8px;margin:7px 0}.stat span{font-size:9px;color:#399c85}.tabs{display:flex;background:#f0f3f6;border-radius:9px;padding:4px;gap:3px;margin:18px 0}.tabs button{flex:1;background:none;padding:9px 5px;border-radius:6px;font-size:10px;color:#8a95a4}.tabs .active{background:white;color:var(--navy);box-shadow:0 1px 3px #071e4b0c}.bar-chart{height:95px;display:flex;gap:13px;align-items:flex-end;padding:10px 3px 0}.bar-chart div{flex:1;background:#d6edf2;border-radius:4px 4px 0 0;position:relative}.bar-chart div:last-child{background:var(--teal)}.chart-labels{display:flex;justify-content:space-between;font-size:8px;color:#a0a8b4;margin:9px 0}.list-card{border:1px solid var(--line);border-radius:12px;padding:15px;margin:10px 0;font-size:11px}.list-card b{font-size:11px}.list-card p{font-size:10px;color:#8a95a3;line-height:1.7;margin-bottom:0}.list-card .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.list-card button{margin-bottom:0}.flow-box{padding:13px;border-radius:10px;background:#eef6f9;font-size:11px;text-align:center;margin:7px 0}.flow-box.external{background:#f0edf8;color:#70618e}.flow-box small{display:block;font-size:9px;line-height:1.6;margin-top:4px;opacity:.7}.flow-arrow{text-align:center;color:#adb7c4;font-size:15px}.chat{background:#f1f5f8;padding:13px;border-radius:12px 12px 12px 3px;font-size:11px;line-height:1.7;margin:12px 28px 12px 0}.chat.mine{background:#e8f5f8;margin:12px 0 12px 28px;border-radius:12px 12px 3px 12px}.chat small{display:block;color:#8d9aa8;font-size:8px;margin-top:5px}.check-label{display:flex;gap:10px;font-size:10px;line-height:1.6;color:#7f8998;margin:18px 0}.check-label input{accent-color:var(--teal)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--navy);color:white;padding:13px 22px;border-radius:12px;font-size:12px;pointer-events:none;transition:.2s;z-index:20;max-width:90vw}#toast.show{transform:translate(-50%,0);opacity:1}.empty{text-align:center;color:#8b96a5;padding:35px 10px;font-size:12px}.balance-strip{height:7px;border-radius:5px;background:linear-gradient(to right,#0a9ac0 72%,#e9eef4 72%);margin:15px 0}.audit{font-size:10px;padding:12px 0;border-bottom:1px solid var(--line);line-height:1.6}.audit small{display:block;color:#9ba4b0;font-size:8px}.avatar-mini{background:var(--navy);color:#fff;font-size:10px;font-weight:700;border-color:var(--navy)}.profile-head{display:flex;align-items:center;gap:14px;margin:6px 0 22px}.profile-head .avatar.big{width:52px;height:52px;font-size:16px;background:#e5f2f1;color:#1c5c52}.profile-head b{display:block;font-size:14px}.profile-head small{display:block;color:#8a93a1;font-size:10px;margin-top:3px}.scan-ring{width:52px;height:52px;border-radius:50%;border:3px solid #e6edf1;border-top-color:var(--teal);margin:14px auto 4px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.check-trace{margin:16px 0;text-align:left}.check-line{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f5;font-size:10.5px;opacity:0;animation:checkin .35s ease forwards}.check-line:last-child{border-bottom:0}.check-line i{width:19px;height:19px;border-radius:50%;background:#e6f4ef;color:#2e9378;display:grid;place-items:center;font-style:normal;font-size:9px;flex-shrink:0}.check-line span{color:#5b6673;flex:1;line-height:1.5}@keyframes checkin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.scan-box{width:100%;border:1.5px dashed #cfd8e0;border-radius:13px;padding:20px;text-align:center;background:#fafbfc;margin:16px 0 2px}.scan-box:disabled{opacity:.5}.scan-box .scan-icon{font-size:25px;display:block;margin-bottom:8px}.scan-box b{display:block;font-size:12px}.scan-box small{display:block;color:#8a95a3;font-size:9px;margin-top:4px}
@media(min-width:1450px){.stage{gap:90px;max-width:1370px;padding-top:48px;padding-bottom:32px}}@media(max-width:1150px){.stage{gap:30px;grid-template-columns:1fr 390px 1fr;padding:30px 25px}.intro h1{font-size:30px}.corridor{gap:6px}.route-line{font-size:9px}.guide h2{font-size:22px}}@media(max-width:950px){.intro{display:none}.stage{grid-template-columns:400px 230px;justify-content:center;gap:50px}.desktop-header{height:85px}.presentation{display:none}}@media(max-width:700px){.guide{display:none}.stage{display:block;max-width:440px;padding:20px 13px}.desktop-header{height:72px;margin:0 18px;gap:10px}.brand img{width:100px}.role-switch button{padding:8px 11px;font-size:10px}.role-switch{padding:3px;gap:0}.desktop-footer{justify-content:center;padding:15px 0}.desktop-footer span:first-child,.desktop-footer span:last-child{display:none}.device{height:min(812px,calc(100dvh - 125px));min-height:580px;border-width:5px;border-radius:40px}.screen{padding:15px 20px}.device-caption{font-size:8px}.desktop-footer{display:none}.stage{padding-top:13px}body:has(.stage:not(.desk-stage)) .desktop-header{display:none}.stage:not(.desk-stage){padding:0}.stage:not(.desk-stage) .device-caption{display:none}.stage:not(.desk-stage) .device{border:0;outline:0;border-radius:0;box-shadow:none}.stage:not(.desk-stage) .statusbar{display:none}.stage:not(.desk-stage) #app{height:100%}.field input,.field select,.field textarea,.search,.recipient-modal input:not([type=checkbox]):not([type=radio]),.recipient-modal select{font-size:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}