.trade-demo{aspect-ratio:1236/835;color:#1c1c1e;background:radial-gradient(circle at 11% 3%,#baecdf52,#0000 28%),radial-gradient(circle at 94% 2%,#e5e0f5ad,#0000 31%),#f4f6f5;width:100%;padding:.72cqw;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;position:relative;overflow:hidden;container-type:inline-size}.trade-demo button,.trade-demo input{font:inherit}.trade-demo-grid{grid-template-rows:minmax(0,1.26fr) minmax(0,.57fr) minmax(0,.49fr);grid-template-columns:1.42fr 1fr;gap:.9cqw;width:100%;height:100%;min-height:0;display:grid}.trade-demo-column{grid-row:1/-1;grid-template-rows:subgrid;gap:.9cqw;min-width:0;min-height:0;display:grid}.trade-demo-column-sale{grid-column:1}.trade-demo-column-buy{grid-column:2}.trade-demo-column-sale .trade-entry-panel,.trade-demo-column-buy .trade-buy-panel{grid-row:1}.trade-demo-column-sale .trade-sold-panel{grid-row:2/4}.trade-demo-column-buy .trade-bought-panel{grid-row:2}.trade-demo-column-buy .trade-summary-panel{grid-row:3}.trade-panel{background:#ffffffc2;border:1px solid #ffffffe0;border-radius:2.15cqw;min-width:0;min-height:0;padding:1.85cqw;position:relative;overflow:hidden;box-shadow:0 1.6cqw 3.3cqw #2826280d,inset 0 1px #fffffff5}.trade-entry-panel{overflow:visible}.trade-panel-heading{justify-content:space-between;align-items:center;min-height:2.4cqw;display:flex}.trade-panel-heading>span{color:#70807b;letter-spacing:.2em;font-size:clamp(10px,1.28cqw,15px);font-weight:700}.trade-panel-heading>b{color:#78827f;background:#f1f5f3f0;border-radius:999px;padding:.72cqw 1.1cqw;font-size:clamp(10px,1.28cqw,15px);font-weight:500}.trade-soft-button{color:#5f6462;letter-spacing:0;background:#ffffffc7;border:0;border-radius:1.5cqw;min-height:4.1cqw;padding:0 1.8cqw;font-size:clamp(6px,.72cqw,9px);font-weight:400;box-shadow:0 1cqw 2.1cqw #201f2012}.trade-fields{gap:1.2cqw;display:grid}.trade-fields-two{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-entry-panel>.trade-fields{margin-top:1.45cqw}.trade-field{color:#69726f;gap:.65cqw;min-width:0;font-size:clamp(10px,1.28cqw,15px);display:grid;position:relative}.trade-control{color:#29292b;background:#f8fbfac7;border:1px solid #dee7e4db;border-radius:1.55cqw;outline:none;width:100%;height:4.5cqw;min-height:28px;padding:0 1.3cqw;font-size:clamp(11px,1.44cqw,17px);transition:border-color .18s,background .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffffe6,0 .8cqw 1.8cqw #22272506}.trade-control:focus{background:#fbfdfc;border-color:#54b2967a;box-shadow:0 0 0 .35cqw #baecdf47}.trade-select-wrap{position:relative}.trade-select{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;display:flex}.trade-select i{color:#202123;font-size:clamp(11px,1.48cqw,18px);font-style:normal}.trade-select.is-filled{color:#7957c8}.trade-dropdown{z-index:8;scrollbar-width:thin;scrollbar-color:#6f807a4d transparent;background:#fffffffa;border:1px solid #dde3e1f2;border-radius:1.2cqw;gap:.18cqw;max-height:18cqw;padding:.45cqw;animation:.18s both trade-dropdown-in;display:grid;position:absolute;top:calc(100% + .45cqw);left:0;right:0;overflow:hidden auto;box-shadow:0 1.2cqw 2.8cqw #211f2224}.trade-dropdown::-webkit-scrollbar{width:3px}.trade-dropdown::-webkit-scrollbar-thumb{background:#6f807a4d;border-radius:999px}.trade-dropdown button{color:#454548;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.75cqw;padding:.65cqw .9cqw;font-size:clamp(10px,1.3cqw,15px)}.trade-dropdown button.is-demo-target,.trade-dropdown button:hover{color:#236d58;background:#e5f6f0}.trade-total{background:#f9fcfbd1;border:1px solid #e0e7e5d1;border-radius:1.55cqw;justify-content:space-between;align-items:center;height:4.8cqw;min-height:30px;margin-top:1.3cqw;padding:0 1.45cqw;display:flex}.trade-total span{color:#77817e;font-size:clamp(10px,1.28cqw,15px)}.trade-total strong{letter-spacing:-.04em;font-size:clamp(14px,1.98cqw,24px);transition:color .2s,transform .2s}.trade-total.is-calculated strong{color:#1e2422;animation:.3s both trade-number-in}.trade-primary-button{color:#fff;cursor:pointer;letter-spacing:0;background:#222225;border:0;border-radius:1.3cqw;height:3.5cqw;min-height:25px;padding:0 1.7cqw;font-size:clamp(6px,.72cqw,9px);font-weight:400;transition:opacity .18s,transform .16s;box-shadow:0 1.1cqw 2.2cqw #201e2024}.trade-primary-button:active{transform:scale(.96)}.trade-primary-button:disabled{cursor:default;opacity:.34}.trade-demo .trade-primary-button,.trade-demo .trade-soft-button{letter-spacing:0;font-size:clamp(9px,1.05cqw,13px);font-weight:400;line-height:1}.trade-demo .trade-primary-button{font-size:clamp(10px,1.15cqw,14px)}.trade-sale-add{margin:.68cqw 0 0 auto;display:block;position:static}.trade-buy-panel{flex-direction:column;display:flex}.trade-buy-add{margin:.68cqw 0 0 auto;display:block;position:static}.trade-list-panel{padding:1.7cqw 2.1cqw}.trade-table-head,.trade-table-row{grid-template-columns:1.5fr .9fr 1fr 1fr;align-items:center;gap:.65cqw;display:grid}.trade-table-head{color:#76817d;letter-spacing:.13em;background:#f0f3f2;border-radius:1.3cqw 1.3cqw 0 0;min-height:3.6cqw;margin-top:1cqw;padding:0 1.35cqw;font-size:clamp(9px,1.12cqw,13px);font-weight:700}.trade-table-row{color:#555b59;opacity:.7;border:1px solid #e9eeec;border-top:0;border-radius:0 0 1.35cqw 1.35cqw;min-height:5.4cqw;padding:.8cqw 1.35cqw;font-size:clamp(10px,1.2cqw,14px)}.trade-table-row.is-visible{opacity:1;background:#f8fcfae6;animation:.42s cubic-bezier(.22,1,.36,1) both trade-row-in}.trade-table-row span,.trade-table-row strong,.trade-table-row small{min-width:0}.trade-table-row strong,.trade-table-row small{display:block}.trade-table-row span:first-child strong{color:#a36a18}.trade-table-row small{color:#7e8784;margin-top:.35cqw;font-size:.9em}.trade-table-row em{color:#8b918f;grid-column:1/-1;font-style:normal}.trade-tabs{grid-template-columns:repeat(3,1fr);gap:.9cqw;margin-top:1.45cqw;display:grid}.trade-tabs button{color:#656b69;cursor:pointer;background:#ffffffd1;border:0;border-radius:1.45cqw;height:4.3cqw;min-height:27px;font-size:clamp(11px,1.4cqw,16px);transition:background .22s,color .22s,transform .16s;box-shadow:0 .9cqw 1.8cqw #2525260b}.trade-tabs button.is-active{color:#1f2926;background:linear-gradient(135deg,#c6eee3,#f4faf8)}.trade-buy-content{margin-top:1.3cqw;animation:.3s both trade-content-swap}.trade-buy-content>.trade-field+.trade-fields{margin-top:1cqw}.trade-buy-content:not(.is-tl){grid-template-columns:.9fr 1.1fr;align-items:end;gap:.8cqw;display:grid}.trade-buy-content:not(.is-tl)>.trade-field+.trade-fields{margin-top:0}.trade-buy-content.is-tl{gap:1.05cqw;display:grid}.trade-payment-tabs{grid-template-columns:1fr 1fr;margin:0}.trade-payment-tabs button{height:3.8cqw}.trade-buy-total{height:4.2cqw;margin-top:1.1cqw}.trade-buy-table-head,.trade-buy-table-row{grid-template-columns:1.25fr .8fr 1fr 1fr}.trade-buy-table-row span:first-child strong{color:#29292b}.trade-summary-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6f807a47 transparent;padding:1.5cqw 2.1cqw;overflow:hidden auto}.trade-summary-panel::-webkit-scrollbar{width:3px}.trade-summary-panel::-webkit-scrollbar-thumb{background:#6f807a47;border-radius:999px}.trade-summary-panel .trade-panel-heading{margin-bottom:.55cqw}.trade-summary-panel>div:not(.trade-panel-heading){color:#747d7a;border-bottom:1px solid #e7ecead1;justify-content:space-between;align-items:center;min-height:2.8cqw;padding:0 1cqw;font-size:clamp(10px,1.24cqw,14px);display:flex}.trade-summary-panel>div:last-child{border-bottom:0}.trade-summary-panel strong{color:#242628;font-size:clamp(11px,1.4cqw,16px)}.trade-summary-panel .is-balanced strong{color:#21825f}.trade-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.trade-demo-cursor:before{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);background:#fff;position:absolute;inset:0}.trade-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);background:#17181a;position:absolute;inset:1px}.trade-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.trade-demo-cursor.is-visible{opacity:1}.trade-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.trade-demo-cursor.is-clicking i{animation:.42s ease-out both trade-click-ring}@keyframes trade-dropdown-in{0%{opacity:0;transform:translateY(-.5cqw)}to{opacity:1;transform:translateY(0)}}@keyframes trade-number-in{0%{opacity:.3;transform:translateY(.5cqw)}to{opacity:1;transform:translateY(0)}}@keyframes trade-row-in{0%{opacity:0;transform:translateY(1.1cqw)}to{opacity:1;transform:translateY(0)}}@keyframes trade-content-swap{0%{opacity:0;transform:translateY(.7cqw)}to{opacity:1;transform:translateY(0)}}@keyframes trade-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.trade-demo-cursor,.trade-dropdown,.trade-table-row,.trade-buy-content,.trade-total strong{transition:none!important;animation:none!important}}
.cari-demo{aspect-ratio:1236/835;color:#1c1c1e;background:radial-gradient(circle at 12% 3%,#baecdf4d,#0000 27%),radial-gradient(circle at 94% 2%,#e5e0f5b3,#0000 30%),#f4f6f5;width:100%;padding:1.25cqw;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;position:relative;overflow:hidden;container-type:inline-size}.cari-demo *,.cari-demo :before,.cari-demo :after{box-sizing:border-box}.cari-demo button,.cari-demo input,.cari-demo textarea{font:inherit}.cari-demo button{cursor:pointer}.cari-demo-titlebar{background:linear-gradient(115deg,#ffffffb8,#c9f1e8a3,#e7e4f8d1);border-radius:2cqw;flex-direction:column;justify-content:center;height:9.6cqw;padding:0 2.2cqw;display:flex}.cari-demo-titlebar span{color:#6d7572;font-size:clamp(7px,1cqw,12px)}.cari-demo-titlebar strong{letter-spacing:-.045em;margin-top:.55cqw;font-size:clamp(14px,2.15cqw,27px)}.cari-view{animation:.36s cubic-bezier(.22,1,.36,1) both cari-view-in}.cari-demo-balance{background:#ffffffb8;border-radius:2cqw;margin-top:1.3cqw;padding:1.55cqw;box-shadow:0 1.5cqw 3cqw #2724270d}.cari-demo-section-title{gap:.35cqw;display:grid}.cari-demo-section-title strong{color:#6f7e79;letter-spacing:.18em;font-size:clamp(7px,.9cqw,11px)}.cari-demo-section-title span{color:#69716f;font-size:clamp(7px,.95cqw,12px)}.cari-balance-cards{grid-template-columns:1fr 1fr;gap:1.1cqw;margin-top:1cqw;display:grid}.cari-balance-card{border-radius:1.45cqw;flex-direction:column;justify-content:center;min-height:6.9cqw;padding:1.2cqw 1.4cqw;display:flex}.cari-balance-receivable{color:#a74d42;background:#fbefed}.cari-balance-debt{color:#23885f;background:#e9f5f0}.cari-balance-card span,.cari-balance-card small{font-size:clamp(6px,.82cqw,10px)}.cari-balance-card strong{letter-spacing:-.03em;margin:.45cqw 0;font-size:clamp(11px,1.5cqw,19px)}.cari-balance-card small{opacity:.8}.cari-demo-toolbar{grid-template-columns:minmax(0,1fr) auto auto auto;gap:.8cqw;margin-top:1.3cqw;display:grid}.cari-demo-toolbar input,.cari-demo-toolbar button{color:#606765;background:#ffffffc7;border:1px solid #dae2dfe6;border-radius:1.45cqw;height:4.7cqw;min-height:30px;font-size:clamp(7px,1cqw,13px)}.cari-demo-toolbar input{outline:none;width:100%;padding:0 1.35cqw}.cari-demo-toolbar .cari-new-button{color:#fff;background:#252527;border-color:#252527;padding:0 1.7cqw;box-shadow:0 1cqw 2cqw #24212424}.cari-tool-button{padding:0 1.2cqw}.cari-demo-tabs{grid-template-columns:1fr 1fr;gap:.8cqw;margin-top:1.15cqw;display:grid}.cari-demo-tabs button,.cari-type-tabs button{color:#656b69;background:#fffc;border:0;border-radius:1.35cqw;height:4cqw;min-height:26px;font-size:clamp(7px,1cqw,13px)}.cari-demo-tabs button.is-active,.cari-type-tabs button.is-active{color:#202523;background:linear-gradient(110deg,#c3eee3,#f8fbfa)}.cari-demo-list{gap:.85cqw;margin-top:1.15cqw;display:grid}.cari-person-row{color:#242527;text-align:left;background:#ffffffd1;border:1px solid #ecefeef2;border-radius:1.6cqw;grid-template-columns:3.8cqw minmax(0,1fr) auto;align-items:center;gap:1cqw;width:100%;min-height:6.6cqw;padding:.8cqw 1.4cqw;transition:border-color .22s,background .22s,transform .22s;display:grid;box-shadow:0 .8cqw 1.8cqw #211f2109}.cari-person-row>strong{font-size:clamp(8px,1.15cqw,14px)}.cari-person-row.is-selected{background:linear-gradient(100deg,#ecfaf5,#fff);border-color:#47aa8c94;transform:translateY(-.15cqw)}.cari-person-new{animation:.43s cubic-bezier(.22,1,.36,1) both cari-row-in}.cari-person-new>i{color:#23885f;background:#e4f5ef;border-radius:999px;padding:.55cqw .9cqw;font-size:clamp(6px,.8cqw,10px);font-style:normal}.cari-avatar{color:#6d9bb7;background:#f4f7f6;border-radius:1.05cqw;place-items:center;width:3.3cqw;height:3.3cqw;font-size:clamp(7px,1cqw,12px);display:grid}.cari-person-balance{justify-items:end;gap:.35cqw;display:grid}.cari-person-balance b{color:#2c9b62;font-size:clamp(7px,1cqw,12px)}.cari-person-balance small{color:#4d7b68;background:#edf1ef;border-radius:999px;padding:.35cqw .75cqw;font-size:clamp(6px,.75cqw,9px)}.cari-modal-layer,.cari-transaction-layer{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#d8dcdbba;place-items:center;animation:.22s both cari-layer-in;display:grid;position:absolute;inset:0}.cari-modal{background:#fffffff7;border:1px solid #ffffffe6;border-radius:2.3cqw;width:min(58cqw,650px);padding:2.1cqw;animation:.34s cubic-bezier(.22,1,.36,1) both cari-modal-in;box-shadow:0 3cqw 7cqw #1f1d1f2e}.cari-modal-heading{justify-content:space-between;align-items:flex-start;display:flex}.cari-modal-heading>div{gap:.5cqw;display:grid}.cari-modal-heading span{color:#75827e;letter-spacing:.18em;font-size:clamp(6px,.8cqw,10px)}.cari-modal-heading strong{letter-spacing:-.04em;font-size:clamp(13px,1.8cqw,22px)}.cari-modal-heading>button,.cari-transaction-heading>button{color:#77817e;background:#f3f6f5;border:0;border-radius:1.1cqw;width:3.4cqw;height:3.4cqw}.cari-type-tabs{grid-template-columns:1fr 1fr;gap:.8cqw;margin-top:1.6cqw;display:grid}.cari-modal-fields{grid-template-columns:1fr 1fr;gap:1.1cqw;margin-top:1.5cqw;display:grid}.cari-modal-fields label{color:#68716e;gap:.55cqw;font-size:clamp(7px,.92cqw,11px);display:grid}.cari-name-field{grid-column:1/-1}.cari-modal-fields input{color:#252729;background:#f9fcfb;border:1px solid #e0e8e5;border-radius:1.4cqw;outline:none;height:4.7cqw;min-height:30px;padding:0 1.3cqw;font-size:clamp(8px,1.08cqw,14px)}.cari-modal-fields input:focus{border-color:#41a58785;box-shadow:0 0 0 .35cqw #baecdf4d}.cari-modal-actions{justify-content:flex-end;gap:.8cqw;margin-top:1.7cqw;display:flex}.cari-modal-actions button{color:#68706e;background:#f2f4f3;border:0;border-radius:1.25cqw;height:4cqw;min-height:27px;padding:0 1.8cqw;font-size:clamp(7px,.95cqw,12px)}.cari-modal-actions .cari-save-button{color:#fff;background:#242426}.cari-modal-actions .cari-save-button:disabled,.cari-dark-button:disabled{opacity:.35}.cari-detail-view{height:calc(100% - 10.85cqw);padding-top:1.3cqw}.cari-detail-panel{background:#ffffffb8;border-radius:2.1cqw;height:100%;padding:1.65cqw 1.8cqw;overflow:hidden;box-shadow:0 1.6cqw 3.5cqw #2724270d}.cari-detail-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:1cqw;display:grid}.cari-detail-heading>button:not(.cari-remove-button){color:#5c6562;background:#fff;border:0;border-radius:1.2cqw;width:3.9cqw;height:3.9cqw;font-size:clamp(11px,1.7cqw,21px)}.cari-detail-heading>strong{color:#75827e;letter-spacing:.22em;font-size:clamp(7px,.95cqw,12px)}.cari-remove-button{color:#c45e50;background:#fff8f6;border:1px solid #f0c8c1;border-radius:1.2cqw;height:3.9cqw;padding:0 1.45cqw;font-size:clamp(7px,1cqw,13px)}.cari-detail-cards{grid-template-columns:.93fr 1.07fr;gap:1.15cqw;margin-top:1.4cqw;display:grid}.cari-identity-card,.cari-detail-balance-card,.cari-detail-wide-card{background:#ffffffd1;border-radius:1.7cqw;box-shadow:0 1cqw 2.2cqw #1f1e1f0b}.cari-identity-card,.cari-detail-balance-card{height:13.6cqw;padding:1.55cqw}.cari-identity-card{color:#6d7572;align-content:space-between;font-size:clamp(7px,.95cqw,12px);display:grid}.cari-identity-card>div{align-items:center;gap:1cqw;display:flex}.cari-identity-card>div strong{color:#202123;letter-spacing:-.04em;font-size:clamp(13px,1.75cqw,22px)}.cari-identity-card>div b{color:#688176;background:#edf7f3;border-radius:999px;padding:.55cqw .9cqw;font-size:clamp(6px,.8cqw,10px)}.cari-identity-card footer{justify-content:space-between;gap:1cqw;display:flex}.cari-identity-card footer strong{color:#292a2c}.cari-detail-balance-card{flex-direction:column;display:flex}.cari-detail-balance-card header{justify-content:space-between;align-items:center;display:flex}.cari-detail-balance-card header>strong{font-size:clamp(11px,1.45cqw,18px)}.cari-detail-balance-card header>b{color:#2d9a60;background:#eaf4ef;border-radius:999px;padding:.5cqw .95cqw;font-size:clamp(6px,.82cqw,10px)}.cari-detail-balance-card.has-debt header>b{color:#cf6253;background:#faece9}.cari-detail-balance-card>p{color:#69716f;margin:1.3cqw 0 0;font-size:clamp(7px,1cqw,12px)}.cari-kind-balance{color:#ea7162;background:#fff2f0;border-radius:1cqw;grid-template-columns:1fr auto auto;gap:1.2cqw;margin-top:1.15cqw;padding:.8cqw 1cqw;font-size:clamp(7px,1cqw,12px);display:grid}.cari-kind-balance strong{color:#755fd2}.cari-detail-balance-card footer{color:#6d7472;border-top:1px solid #edf0ef;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:1cqw;font-size:clamp(6px,.84cqw,10px);display:flex}.cari-detail-balance-card footer>div{gap:.3cqw;display:grid}.cari-detail-balance-card footer strong{color:#242527;font-size:clamp(10px,1.3cqw,16px)}.cari-detail-balance-card.has-debt footer strong{color:#ef7666}.cari-detail-actions{gap:.8cqw;margin:1.15cqw 0;display:flex}.cari-detail-actions button{color:#5e6663;background:#fff;border:0;border-radius:1.25cqw;height:4cqw;padding:0 1.35cqw;font-size:clamp(7px,1cqw,12px);box-shadow:0 .7cqw 1.8cqw #1f1e1f0d}.cari-detail-wide-card{padding:1.35cqw 1.55cqw}.cari-detail-wide-card+.cari-detail-wide-card{margin-top:1.1cqw}.cari-detail-wide-card header{justify-content:space-between;align-items:center;display:flex}.cari-detail-wide-card header strong{font-size:clamp(10px,1.35cqw,17px)}.cari-detail-wide-card header b{color:#698075;background:#edf5f1;border-radius:999px;padding:.45cqw .9cqw;font-size:clamp(6px,.78cqw,10px)}.cari-detail-wide-card>p{color:#737a78;margin:1cqw 0 0;font-size:clamp(7px,.95cqw,12px)}.cari-operations-card{min-height:7.3cqw}.cari-operation-row{border:1px solid #f2cbc5;border-radius:1.1cqw;grid-template-columns:1.6fr .6fr .9fr 1fr;align-items:center;gap:1cqw;margin-top:.85cqw;padding:.8cqw 1cqw;font-size:clamp(6px,.82cqw,10px);display:grid}.cari-operation-row>div{gap:.3cqw;display:grid}.cari-operation-row span{color:#818784}.cari-operation-row b{color:#725bd0}.cari-operation-row>div:nth-child(2) strong,.cari-operation-row>div:nth-child(3) strong{color:#e56658}.cari-transaction-layer{z-index:12}.cari-transaction-modal{background:#fffffffa;border:1px solid #fffffff2;border-radius:2.2cqw;width:91cqw;height:62cqw;padding:2cqw;animation:.36s cubic-bezier(.22,1,.36,1) both cari-modal-in;overflow:hidden;box-shadow:0 3cqw 8cqw #1f1d1f33}.cari-transaction-heading{justify-content:space-between;align-items:flex-start;display:flex}.cari-transaction-heading>div{gap:.45cqw;display:grid}.cari-transaction-heading strong{letter-spacing:-.04em;font-size:clamp(13px,1.8cqw,22px)}.cari-transaction-heading span{color:#6f7774;font-size:clamp(8px,1.05cqw,13px)}.cari-transaction-grid{grid-template-columns:1.65fr .95fr;gap:1.5cqw;height:calc(100% - 5.2cqw);margin-top:1.5cqw;display:grid}.cari-transaction-left,.cari-transaction-right{flex-direction:column;gap:1.2cqw;min-height:0;display:flex}.cari-transaction-card,.cari-summary-card{background:#fff;border:1px solid #e7ecea;border-radius:1.7cqw;padding:1.4cqw}.cari-outgoing-card{flex:none;min-height:32.6cqw}.cari-transaction-card>header{gap:.4cqw;display:grid}.cari-transaction-card>header strong,.cari-summary-card>strong{font-size:clamp(10px,1.25cqw,16px)}.cari-transaction-card>header span{color:#707875;font-size:clamp(7px,.9cqw,11px)}.cari-transaction-fields{grid-template-columns:1fr 1fr;gap:1cqw;margin-top:1.2cqw;display:grid}.cari-transaction-fields label,.cari-payment-field,.cari-description-field{color:#66706c;gap:.55cqw;font-size:clamp(7px,.92cqw,11px);display:grid}.cari-transaction-fields button,.cari-transaction-fields input,.cari-payment-field input{color:#242527;text-align:left;background:#fbfdfc;border:1px solid #e3e9e7;border-radius:1.3cqw;outline:none;width:100%;height:4.5cqw;padding:0 1.2cqw;font-size:clamp(8px,1.08cqw,14px)}.cari-transaction-fields button{justify-content:space-between;align-items:center;display:flex}.cari-transaction-fields button i{font-style:normal}.cari-transaction-fields input:focus{border-color:#41a58785;box-shadow:0 0 0 .35cqw #baecdf4d}.cari-dark-button{color:#fff;background:#222225;border:0;border-radius:1.25cqw;box-shadow:0 1cqw 2.2cqw #221f2224}.cari-add-line-button{height:4.2cqw;margin-top:1.15cqw;padding:0 1.45cqw;font-size:clamp(8px,1.05cqw,13px)}.cari-empty-line{color:#727a77;margin:1.05cqw 0 0;font-size:clamp(7px,.9cqw,11px)}.cari-added-line{border:1px solid #eef0ef;border-radius:1.1cqw;justify-content:space-between;align-items:center;margin-top:1.05cqw;padding:.85cqw 1cqw;animation:.36s cubic-bezier(.22,1,.36,1) both cari-row-in;display:flex}.cari-added-line>div{gap:.3cqw;display:grid}.cari-added-line strong{color:#715ad0;font-size:clamp(7px,1cqw,12px)}.cari-added-line strong span{color:#242527}.cari-added-line small{color:#757d7a;font-size:clamp(6px,.8cqw,10px)}.cari-added-line>button{color:#d16455;background:#fff8f6;border:1px solid #f3cbc4;border-radius:.85cqw;padding:.55cqw .85cqw;font-size:clamp(6px,.8cqw,10px)}.cari-incoming-card{min-height:16cqw}.cari-payment-tabs{grid-template-columns:repeat(3,1fr);gap:.8cqw;margin-top:1cqw;display:grid}.cari-payment-tabs button{color:#616966;background:#fafbfb;border:0;border-radius:1.05cqw;height:3.7cqw;font-size:clamp(7px,.95cqw,12px)}.cari-payment-tabs button.is-active{color:#202423;background:linear-gradient(105deg,#c6f0e5,#f7fbfa)}.cari-payment-field{margin-top:1cqw}.cari-summary-card{flex:none}.cari-summary-card dl{gap:.65cqw;margin:1.1cqw 0 0;display:grid}.cari-summary-card dl>div{background:#fbfcfc;border-radius:1.15cqw;justify-content:space-between;align-items:center;gap:1cqw;min-height:4.3cqw;padding:0 1.05cqw;display:flex}.cari-summary-card dt{color:#747b79;font-size:clamp(7px,.92cqw,11px)}.cari-summary-card dd{margin:0;font-size:clamp(8px,1.02cqw,13px);font-weight:650}.cari-description-field{flex:1;min-height:0}.cari-description-field textarea{resize:none;background:#fff;border:1px solid #e6ebe9;border-radius:1.35cqw;outline:none;height:100%;min-height:0}.cari-transaction-save{flex:0 0 4.6cqw;font-size:clamp(8px,1.05cqw,13px)}.cari-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #0003);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .52s cubic-bezier(.22,1,.36,1),top .52s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.cari-demo-cursor:before,.cari-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.cari-demo-cursor:before{background:#fff;inset:0}.cari-demo-cursor:after{background:#17181a;inset:1px}.cari-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.cari-demo-cursor.is-visible{opacity:1}.cari-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.cari-demo-cursor.is-clicking i{animation:.42s ease-out both cari-click-ring}.cari-visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes cari-layer-in{0%{opacity:0}to{opacity:1}}@keyframes cari-modal-in{0%{opacity:0;transform:translateY(1.5cqw)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cari-view-in{0%{opacity:0;transform:translateY(.7cqw)}to{opacity:1;transform:translateY(0)}}@keyframes cari-row-in{0%{opacity:0;transform:translateY(1cqw)}to{opacity:1;transform:translateY(0)}}@keyframes cari-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.cari-modal-layer,.cari-transaction-layer,.cari-modal,.cari-transaction-modal,.cari-view,.cari-person-new,.cari-added-line,.cari-demo-cursor{transition:none!important;animation:none!important}}
.qr-demo{aspect-ratio:1236/835;color:#1c1c1e;background:radial-gradient(circle at 10% 2%,#baecdf4d,#0000 28%),radial-gradient(circle at 94% 2%,#e5e0f5b8,#0000 32%),#f4f6f5;width:100%;padding:1.2cqw;position:relative;overflow:hidden;container-type:inline-size}.qr-demo *,.qr-demo :before,.qr-demo :after{box-sizing:border-box}.qr-demo button,.qr-demo input{font:inherit}.qr-demo button{cursor:pointer}.qr-demo-titlebar{background:linear-gradient(115deg,#ffffffbf,#c9f1e8a3,#e7e4f8d1);border-radius:2.1cqw;justify-content:space-between;align-items:center;min-height:11.7cqw;padding:0 2.4cqw;display:flex}.qr-demo-titlebar>div{gap:.65cqw;display:grid}.qr-demo-titlebar span{color:#69726f;font-size:var(--demo-type-label)}.qr-demo-titlebar strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.qr-main-panel{background:#ffffffb8;border-radius:2cqw;margin-top:1.35cqw;padding:1.8cqw;box-shadow:0 1.7cqw 3.5cqw #2724270d}.qr-main-toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:.9cqw;display:grid}.qr-status-tabs{gap:.55cqw;margin-top:1.2cqw;display:flex}.qr-product-list{gap:.9cqw;margin-top:1.2cqw;display:grid}.qr-product-list article{background:#ffffffdb;border:1px solid #eef1f0;border-radius:1.55cqw;justify-content:space-between;align-items:center;min-height:8.2cqw;padding:1.25cqw 1.5cqw;display:flex;box-shadow:0 .8cqw 1.8cqw #221f2209}.qr-product-list article>div{gap:.4cqw;display:grid}.qr-product-list article>div:first-child strong{font-size:var(--demo-type-body-strong)}.qr-product-list article span,.qr-product-list article small{color:#737b78;font-size:var(--demo-type-caption)}.qr-product-list article span b{color:#755ed0}.qr-product-list article>div:last-child{justify-items:end}.qr-product-list article>div:last-child b{color:#2c805f;font-size:var(--demo-type-caption);background:#e7f5ef;border-radius:999px;padding:.45cqw .9cqw}.qr-product-list article>div:last-child strong{font-size:var(--demo-type-body-strong);margin-top:.5cqw}.qr-modal-layer{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#d6dad9c2;place-items:center;animation:.22s both qr-layer-in;display:grid;position:absolute;inset:0}.qr-modal{background:#fffffffa;border:1px solid #fffffff0;border-radius:2.2cqw;width:91cqw;height:64.5cqw;padding:1.5cqw 2cqw 1cqw;animation:.36s cubic-bezier(.22,1,.36,1) both qr-modal-in;overflow:hidden;box-shadow:0 3cqw 8cqw #1f1d1f33}.qr-modal-heading{justify-content:space-between;align-items:center;height:3.6cqw;display:flex}.qr-modal-heading>strong{font-size:var(--demo-type-modal-title);letter-spacing:var(--demo-tracking-tight)}.qr-source-card,.qr-product-card,.qr-print-card{background:#ffffffe6;border:1px solid #edf0ef;border-radius:1.65cqw;box-shadow:0 .9cqw 2.1cqw #201f2009}.qr-source-card{grid-template-columns:1fr 1fr;gap:1.2cqw;margin-top:.75cqw;padding:1cqw;display:grid;position:relative}.qr-select-wrap{position:relative}.qr-company-dropdown{animation:.18s both qr-dropdown-in}.qr-party-details-button{grid-column:2;justify-self:end}.qr-party-details-button span{margin-left:.5cqw}.qr-product-card{margin-top:.75cqw;padding:1cqw}.qr-product-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75cqw 1cqw;display:grid}.qr-photo-button{height:var(--demo-control-height);justify-content:flex-start;align-items:center;gap:.7cqw;display:flex}.qr-photo-button b{color:#6b7772;font-size:var(--demo-type-caption);background:#edf3f0;border-radius:.7cqw;padding:.45cqw .65cqw}.qr-add-list-button{margin:.65cqw 0 0 auto;display:block}.qr-print-card{margin-top:.75cqw;padding:.9cqw 1.1cqw}.qr-print-card>header{justify-content:space-between;align-items:center;display:flex}.qr-print-card>header>div{gap:.35cqw;display:grid}.qr-print-card>header strong{font-size:var(--demo-type-section-title)}.qr-print-card>header span{color:#747d79;font-size:var(--demo-type-caption)}.qr-print-card>header>b{color:#657b71;font-size:var(--demo-type-caption);background:#edf5f1;border-radius:999px;padding:.45cqw .9cqw}.qr-stock-summary{grid-template-columns:repeat(3,1fr);gap:.85cqw;margin-top:.65cqw;display:grid}.qr-stock-summary article{background:#f6f9f8;border-radius:1.1cqw;align-content:center;gap:.25cqw;min-height:4.1cqw;padding:.55cqw .9cqw;display:grid}.qr-stock-summary span{color:#77807d;font-size:var(--demo-type-caption)}.qr-stock-summary strong{font-size:var(--demo-type-body-strong)}.qr-print-row{background:#fbfefd;border:1px solid #dcebe6;border-radius:1.05cqw;grid-template-columns:1.6fr .7fr .7fr auto;align-items:center;gap:1cqw;margin-top:.55cqw;padding:.5cqw .9cqw;animation:.36s cubic-bezier(.22,1,.36,1) both qr-row-in;display:grid}.qr-print-row>div{gap:.2cqw;display:grid}.qr-print-row span{color:#78817e;font-size:var(--demo-type-caption)}.qr-print-row strong{font-size:var(--demo-type-body)}.qr-print-row>div:first-child strong{color:#7059cd}.qr-modal-actions{border-top:1px solid #eef0ef;justify-content:flex-end;gap:.8cqw;margin-top:.6cqw;padding-top:.6cqw;display:flex}.qr-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.qr-demo-cursor:before,.qr-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.qr-demo-cursor:before{background:#fff;inset:0}.qr-demo-cursor:after{background:#17181a;inset:1px}.qr-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.qr-demo-cursor.is-visible{opacity:1}.qr-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.qr-demo-cursor.is-clicking i{animation:.42s ease-out both qr-click-ring}.qr-visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes qr-layer-in{0%{opacity:0}to{opacity:1}}@keyframes qr-modal-in{0%{opacity:0;transform:translateY(1.3cqw)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes qr-dropdown-in{0%{opacity:0;transform:translateY(-.45cqw)}to{opacity:1;transform:translateY(0)}}@keyframes qr-row-in{0%{opacity:0;transform:translateY(.8cqw)}to{opacity:1;transform:translateY(0)}}@keyframes qr-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.qr-modal-layer,.qr-modal,.qr-company-dropdown,.qr-print-row,.qr-demo-cursor{transition:none!important;animation:none!important}}
.stock-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 8% 4%,#baecdf52,#0000 26%),radial-gradient(circle at 96% 2%,#e7e2f8c7,#0000 34%),#f4f6f5;padding:1.25cqw;position:relative;overflow:hidden;container-type:inline-size}.stock-demo *,.stock-demo :before,.stock-demo :after{box-sizing:border-box}.stock-demo button,.stock-demo input{font:inherit}.stock-demo-titlebar{background:linear-gradient(112deg,#ffffffb8,#ccf1e89c,#e8e5f8db);border-radius:2.15cqw;justify-content:space-between;align-items:center;height:12.7cqw;padding:1.8cqw 2.2cqw;display:flex}.stock-demo-titlebar>strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.stock-top-cards{grid-template-columns:1.08fr .96fr 1.08fr;gap:1cqw;height:100%;display:grid}.stock-top-cards article{background:#ffffffbd;border:1px solid #ffffffe6;border-radius:1.75cqw;align-content:center;gap:.7cqw;min-width:14.5cqw;padding:1.25cqw 1.45cqw;display:grid;box-shadow:0 1.1cqw 2.2cqw #28262809}.stock-top-cards span,.stock-type-overview header span,.stock-groups-card header span,.stock-detail-card header span{color:#717976;font-size:var(--demo-type-label)}.stock-top-cards b{font-size:var(--demo-type-body-strong)}.stock-top-cards .stock-count-card{color:#285493;background:#d2e5ffa8;border-color:#acd0ff}.stock-demo-columns{grid-template-columns:29.5% 31.5% 1fr;gap:1.35cqw;height:51.5cqw;margin-top:1.6cqw;display:grid}.stock-groups-card,.stock-type-overview,.stock-kinds-card,.stock-movements-card,.stock-detail-card,.stock-manual-card,.stock-detail-movements{background:#ffffffd1;border:1px solid #eff1f0e6;border-radius:2cqw;box-shadow:0 1.35cqw 2.8cqw #2523250b}.stock-groups-card{padding:2.1cqw 1.7cqw 1.3cqw;overflow:hidden}.stock-groups-card header,.stock-type-overview header>div,.stock-detail-card header>div{gap:.75cqw;display:grid}.stock-groups-card header strong,.stock-type-overview header strong,.stock-detail-card header strong,.stock-kinds-card header strong,.stock-movements-card>strong,.stock-manual-card>strong,.stock-detail-movements>strong{font-size:var(--demo-type-section-title);letter-spacing:var(--demo-tracking-tight)}.stock-groups-card header span,.stock-type-overview header span,.stock-detail-card header span{font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.stock-group-list{gap:.75cqw;margin-top:1.65cqw;display:grid}.stock-group-item{min-height:6.6cqw;color:var(--demo-color-ink);text-align:left;cursor:pointer;background:#ffffff9e;border:1px solid #e5ebe8;border-radius:1.55cqw;grid-template-columns:1fr auto;align-content:center;gap:.55cqw;padding:1.05cqw 1.4cqw;transition:background .22s,border-color .22s,transform .18s;display:grid;position:relative}.stock-group-item:active{transform:scale(.985)}.stock-group-item.is-active{background:linear-gradient(115deg,#ecfbf7fa,#dcf7efc2);border-color:#bfe7da}.stock-group-item strong{font-size:var(--demo-type-body-strong)}.stock-group-item>span{color:#707875;font-size:var(--demo-type-label);grid-column:1}.stock-group-item>b{color:#547568;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-medium);background:#ddf4ec;border-radius:999px;grid-area:1/2/3;align-self:start;padding:.35cqw .7cqw}.stock-group-item:nth-child(3) strong{color:#a46d13}.stock-group-item:nth-child(4) strong{color:#755bd0}.stock-group-item:nth-child(5) strong{color:#2c826b}.stock-group-item:nth-child(6) strong{color:#6176ad}.stock-group-item:nth-child(7) strong{color:#9a633b}.stock-type-column,.stock-detail-column{align-content:start;gap:1.15cqw;min-width:0;display:grid}.stock-type-overview{padding:1.75cqw}.stock-type-overview>header,.stock-detail-card>header,.stock-kinds-card>header{justify-content:space-between;align-items:flex-start;gap:1cqw;display:flex}.stock-type-totals,.stock-detail-totals{grid-template-columns:1fr 1fr;gap:1.05cqw;margin-top:1.5cqw;display:grid}.stock-type-totals article,.stock-detail-totals article{background:#ffffffe6;border-radius:1.55cqw;align-content:center;gap:1.15cqw;min-height:7.35cqw;padding:1.1cqw 1.35cqw;display:grid;box-shadow:0 .8cqw 1.6cqw #23212309}.stock-type-totals span,.stock-detail-totals span{color:#747c79;font-size:var(--demo-type-label)}.stock-type-totals strong,.stock-detail-totals strong{font-size:var(--demo-type-body-strong)}.stock-kinds-card{padding:1.5cqw}.stock-kinds-card>header{align-items:center}.stock-kinds-card>header span{color:#6c7b75;font-size:var(--demo-type-caption);background:#edf5f1;border-radius:999px;padding:.35cqw .7cqw}.stock-kind-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6c8c1 transparent;scroll-behavior:smooth;align-content:start;gap:.85cqw;height:14.5cqw;margin-top:1.25cqw;padding-right:.3cqw;display:grid;overflow-y:auto}.stock-kind-list::-webkit-scrollbar{width:.48cqw}.stock-kind-list::-webkit-scrollbar-track{background:0 0}.stock-kind-list::-webkit-scrollbar-thumb{background:#b6c8c1;border-radius:99px}.stock-kind-list article{background:#ffffffc7;border:1px solid #e2e8e5;border-radius:1.45cqw;justify-content:space-between;align-items:center;gap:1cqw;min-height:5.75cqw;padding:1cqw 1.25cqw;display:flex}.stock-kind-list article.is-active{background:#effbf7;border-color:#b9e2d5}.stock-kind-list article>div{gap:.35cqw;display:grid}.stock-kind-list article>div:last-child{text-align:right;justify-items:end}.stock-kind-list article strong{font-size:var(--demo-type-body-strong)}.stock-kind-list article span{color:#747d79;font-size:var(--demo-type-caption)}.stock-movements-card{padding:1.5cqw}.stock-movements-card>article{background:#ffffffc7;border-radius:1.35cqw;grid-template-columns:1fr auto;gap:.55cqw 1cqw;margin-top:1.2cqw;padding:1.05cqw;display:grid}.stock-movements-card article>div{gap:.35cqw;display:grid}.stock-movements-card article>div:nth-child(2){justify-items:end}.stock-movements-card article b{font-size:var(--demo-type-body)}.stock-movements-card article>div:nth-child(2) b{color:#c45c4c}.stock-movements-card article span,.stock-movements-card article small{color:#777f7c;font-size:var(--demo-type-caption)}.stock-movements-card article small{grid-column:1/-1}.stock-detail-card,.stock-manual-card,.stock-detail-movements{padding:1.8cqw}.stock-detail-card>p{color:#717976;font-size:var(--demo-type-label);margin:1.2cqw 0 0}.stock-manual-card{gap:1.25cqw;display:grid}.stock-manual-card>div:last-child{grid-template-columns:1fr 1fr;gap:1cqw;display:grid}.stock-manual-card>div:last-child .demo-button{width:100%}.stock-detail-movements p{color:#747d79;font-size:var(--demo-type-caption);margin:1.25cqw 0 0}.stock-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.stock-demo-cursor:before,.stock-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.stock-demo-cursor:before{background:#fff;inset:0}.stock-demo-cursor:after{background:#17181a;inset:1px}.stock-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.stock-demo-cursor>b{z-index:3;color:#3d4542;min-width:1.75cqw;min-height:2.6cqw;font-size:var(--demo-type-caption);opacity:0;background:#fffffff5;border:1px solid #d9dfdc;border-radius:.7cqw;place-items:center;padding:.25cqw;display:grid;position:absolute;top:1.3cqw;left:1.1cqw;box-shadow:0 .5cqw 1.1cqw #1f1e1f21}.stock-demo-cursor.is-visible{opacity:1}.stock-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.stock-demo-cursor.is-clicking i{animation:.42s ease-out both stock-click-ring}.stock-demo-cursor.is-scrolling>b{opacity:1;animation:.85s ease-in-out infinite stock-wheel}@keyframes stock-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@keyframes stock-wheel{0%,to{transform:translateY(-.18cqw)}50%{transform:translateY(.28cqw)}}@media (prefers-reduced-motion:reduce){.stock-demo-cursor,.stock-demo-cursor>b{transition:none!important;animation:none!important}}
.report-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 8% 3%,#baecdf4d,#0000 27%),radial-gradient(circle at 96% 2%,#e7e2f8c7,#0000 34%),#f4f6f5;position:relative;overflow:hidden;container-type:inline-size}.report-demo *,.report-demo :before,.report-demo :after{box-sizing:border-box}.report-opening-view,.report-opening-view img{width:100%;height:100%}.report-opening-view img{object-fit:cover;display:block}.report-tunahan-toggle{z-index:3;cursor:pointer;background:0 0;border:0;border-radius:1cqw;width:7.4%;height:8.5%;position:absolute;top:58.5%;right:3.7%}.report-tunahan-toggle:focus-visible{outline:.25cqw solid #2b8f7273}.report-expanded-view{height:100%;padding:1.7cqw;animation:.42s cubic-bezier(.22,1,.36,1) both report-view-in}.report-demo-titlebar{background:linear-gradient(112deg,#ffffffb8,#ccf1e89e,#e8e5f8db);border-radius:2.1cqw;justify-content:space-between;align-items:center;height:12.2cqw;padding:1.9cqw 2.25cqw;display:flex}.report-demo-titlebar>div{gap:.7cqw;display:grid}.report-demo-titlebar>div>span{color:#707875;font-size:var(--demo-type-label)}.report-demo-titlebar>div>strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.report-demo-titlebar>article{background:#ffffffd1;border:1px solid #ffffffeb;border-radius:1.75cqw;justify-content:space-between;align-items:center;gap:1cqw;min-width:23cqw;height:7.1cqw;padding:1cqw 1.2cqw 1cqw 1.6cqw;display:flex;box-shadow:0 1cqw 2.2cqw #2926290a}.report-demo-titlebar>article>div{gap:.5cqw;display:grid}.report-demo-titlebar>article span{color:#737c78;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.report-demo-titlebar>article strong{font-size:var(--demo-type-body-strong)}.report-demo-titlebar>article>b{color:#386c5c;width:4.3cqw;height:4.3cqw;font-size:var(--demo-type-body-strong);background:#dff7ef;border-radius:1.4cqw;place-items:center;display:grid}.report-expanded-shell{background:#ffffffb3;border-radius:2.15cqw;height:48.4cqw;margin-top:1.55cqw;padding:3.9cqw 2cqw 1.5cqw;overflow:hidden;box-shadow:0 1.5cqw 3cqw #2624260b}.report-expanded-card{background:#ffffffeb;border:1px solid #edf0ef;border-radius:1.8cqw;min-height:46cqw;padding:2.1cqw 1.8cqw 1.7cqw;box-shadow:0 1.2cqw 2.5cqw #2422240a}.report-expanded-card>header{justify-content:space-between;align-items:center;gap:1.5cqw;display:flex}.report-expanded-card>header>strong{font-size:var(--demo-type-modal-title);letter-spacing:var(--demo-tracking-tight)}.report-expanded-card>header>button{color:#737b78;font-size:var(--demo-type-label);cursor:pointer;background:0 0;border:0;padding:.5cqw}.report-expanded-card>header>button span{font-size:var(--demo-type-caption);margin-left:.9cqw}.report-operation-summary{color:#747c79;font-size:var(--demo-type-label);grid-template-columns:1.05fr 1.05fr 1fr 1.15fr;gap:.9cqw 2cqw;margin-top:1.35cqw;display:grid}.report-operation-summary b{color:var(--demo-color-ink);font-weight:var(--demo-weight-semibold)}.report-operation-summary>span:last-child{grid-column:1/-1}.report-detail-block{margin-top:2.6cqw;padding-inline:1.55cqw}.report-detail-block>strong{font-size:var(--demo-type-body-strong)}.report-detail-block>article{background:#f7faf9;border-radius:1.35cqw;margin-top:1.35cqw;padding:1.05cqw 1.25cqw}.report-detail-block p{color:#737c78;font-size:var(--demo-type-label);margin:0 0 .45cqw}.report-detail-block p:last-child{margin-bottom:0}.report-detail-block p b{color:#755bd0}.report-detail-block p strong{color:var(--demo-color-ink);font-size:var(--demo-type-body-strong)}.report-received-block{margin-top:2.2cqw}.report-received-block>p{margin-top:1.2cqw}.report-note{background:#f7f9f8;border-radius:1.25cqw;margin-top:2.5cqw;padding:1.05cqw 1.3cqw}.report-note p{color:#747d79;font-size:var(--demo-type-label);margin:0 0 .25cqw}.report-note p:last-child{margin-bottom:0}.report-note b{color:var(--demo-color-ink)}.report-expanded-card>footer{gap:.8cqw;margin-top:1.4cqw;display:flex}.report-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .56s cubic-bezier(.22,1,.36,1),top .56s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.report-demo-cursor:before,.report-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.report-demo-cursor:before{background:#fff;inset:0}.report-demo-cursor:after{background:#17181a;inset:1px}.report-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.report-demo-cursor.is-visible{opacity:1}.report-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.report-demo-cursor.is-clicking i{animation:.42s ease-out both report-click-ring}@keyframes report-view-in{0%{opacity:0;transform:translateY(.7cqw)}to{opacity:1;transform:translateY(0)}}@keyframes report-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.report-expanded-view,.report-demo-cursor{transition:none!important;animation:none!important}}
.order-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 8% 3%,#baecdf4d,#0000 27%),radial-gradient(circle at 96% 2%,#e7e2f8c7,#0000 34%),#f4f6f5;padding:1.65cqw;position:relative;overflow:hidden;container-type:inline-size}.order-demo *,.order-demo :before,.order-demo :after{box-sizing:border-box}.order-demo button,.order-demo input,.order-demo textarea{font:inherit}.order-demo-titlebar{background:linear-gradient(112deg,#ffffffb8,#ccf1e89e,#e8e5f8db);border-radius:2.15cqw;justify-content:space-between;align-items:center;gap:2cqw;height:12.25cqw;padding:1.9cqw 2.25cqw;display:flex}.order-demo-titlebar>div{gap:.7cqw;display:grid}.order-demo-titlebar span{color:#707875;font-size:var(--demo-type-label)}.order-demo-titlebar strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.order-list-shell{background:#ffffffbf;border-radius:2.1cqw;height:48cqw;margin-top:1.65cqw;padding:2cqw;box-shadow:0 1.5cqw 3cqw #2624260b}.order-list{gap:1.2cqw;margin-top:2cqw;display:grid}.order-list article{background:#ffffffe0;border:1px solid #edf0ef;border-radius:1.8cqw;grid-template-columns:1fr auto;gap:.65cqw 1cqw;min-height:10.7cqw;padding:1.65cqw;display:grid;box-shadow:0 1cqw 2.2cqw #23212309}.order-list article>div{gap:.7cqw;display:grid}.order-list article>div:first-child strong{font-size:var(--demo-type-body-strong)}.order-list article>div:first-child span,.order-list article small{color:#747d79;font-size:var(--demo-type-label)}.order-list article>div:first-child span b{color:#755bd0}.order-list article>div:nth-child(2){grid-auto-flow:column;align-items:start;gap:1.4cqw}.order-list article>div:nth-child(2) b{color:#2c805f;font-size:var(--demo-type-caption);background:#e7f5ef;border-radius:999px;padding:.35cqw .8cqw}.order-list article>div:nth-child(2) span{color:#777f7c;font-size:var(--demo-type-caption)}.order-list article>small:last-child{justify-self:end}.order-list-new{animation:.42s cubic-bezier(.22,1,.36,1) both order-row-in}.order-modal-layer{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#cdd3d1c2;place-items:center;animation:.22s both order-layer-in;display:grid;position:absolute;inset:0}.order-modal{background:#fffffffa;border:1px solid #fffffff2;border-radius:2.2cqw;grid-template-rows:3.6cqw minmax(0,1fr) auto;width:79cqw;height:64.5cqw;padding:1.35cqw 2cqw 1.15cqw;animation:.36s cubic-bezier(.22,1,.36,1) both order-modal-in;display:grid;overflow:hidden;box-shadow:0 3cqw 8cqw #1f1d1f33}.order-modal>header{justify-content:space-between;align-items:center;display:flex}.order-modal>header>strong{font-size:var(--demo-type-modal-title);letter-spacing:var(--demo-tracking-tight)}.order-form-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bcc7c3 transparent;scroll-behavior:smooth;min-height:0;padding:.8cqw .35cqw .8cqw 0;overflow-y:auto}.order-form-scroll::-webkit-scrollbar{width:.45cqw}.order-form-scroll::-webkit-scrollbar-track{background:0 0}.order-form-scroll::-webkit-scrollbar-thumb{background:#bcc7c3;border-radius:99px}.order-form-grid{grid-template-columns:1fr 1fr;gap:1.45cqw 1.6cqw;display:grid}.order-photo-button{width:100%;height:var(--demo-control-height);justify-content:flex-start}.order-date-field,.order-kind-field{z-index:4}.order-calendar{z-index:9;background:#fff;border:1px solid #e1e7e4;border-radius:1.3cqw;width:24cqw;padding:1cqw;animation:.18s both order-popover-in;position:absolute;top:calc(100% + .45cqw);right:0;box-shadow:0 1.4cqw 3cqw #23212329}.order-calendar>header{justify-content:space-between;align-items:center;display:flex}.order-calendar>header button,.order-calendar-days button{color:var(--demo-color-ink);cursor:pointer;background:0 0;border:0}.order-calendar>header strong{font-size:var(--demo-type-body)}.order-calendar-week,.order-calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:.2cqw;margin-top:.7cqw;display:grid}.order-calendar-week span{color:#7c8481;font-size:var(--demo-type-micro)}.order-calendar-days button,.order-calendar-days i{min-height:2.2cqw;font-size:var(--demo-type-caption);border-radius:.6cqw;place-items:center;font-style:normal;display:grid}.order-calendar-days .order-calendar-day-29{color:#236d58;font-weight:var(--demo-weight-semibold);background:#dff6ee}.order-kind-dropdown{max-height:19cqw;animation:.18s both order-popover-in;overflow-y:auto}.order-description-field{grid-column:1/-1}.order-description-field textarea{resize:none;border:1px solid var(--demo-color-line);border-radius:var(--demo-control-radius);background:var(--demo-color-control);width:100%;height:8.5cqw;min-height:64px;color:var(--demo-color-ink);outline:0;padding:1cqw 1.2cqw}.order-quantity,.order-payment-options{height:var(--demo-control-height);align-items:center;display:grid}.order-quantity{border:1px solid var(--demo-color-line);border-radius:var(--demo-control-radius);background:var(--demo-color-control);grid-template-columns:1fr 1fr 1fr}.order-quantity button{cursor:pointer;background:0 0;border:0;height:100%}.order-quantity strong{text-align:center;font-size:var(--demo-type-control)}.order-payment-options{grid-template-columns:1fr 1fr;gap:.7cqw}.order-payment-options .demo-button{border-radius:var(--demo-control-radius);width:100%;height:100%}.order-modal>footer{border-top:1px solid #edf0ef;grid-template-columns:1fr 1fr;gap:1.2cqw;padding-top:.8cqw;display:grid}.order-modal>footer .demo-button{width:100%}.order-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .48s cubic-bezier(.22,1,.36,1),top .48s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.order-demo-cursor:before,.order-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.order-demo-cursor:before{background:#fff;inset:0}.order-demo-cursor:after{background:#17181a;inset:1px}.order-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.order-demo-cursor.is-visible{opacity:1}.order-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.order-demo-cursor.is-clicking i{animation:.42s ease-out both order-click-ring}@keyframes order-layer-in{0%{opacity:0}to{opacity:1}}@keyframes order-modal-in{0%{opacity:0;transform:translateY(1.2cqw)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes order-popover-in{0%{opacity:0;transform:translateY(-.4cqw)}to{opacity:1;transform:translateY(0)}}@keyframes order-row-in{0%{opacity:0;transform:translateY(.9cqw)}to{opacity:1;transform:translateY(0)}}@keyframes order-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.order-modal-layer,.order-modal,.order-calendar,.order-kind-dropdown,.order-list-new,.order-demo-cursor{transition:none!important;animation:none!important}}
.employee-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 8% 3%,#baecdf4d,#0000 27%),radial-gradient(circle at 96% 2%,#e7e2f8c7,#0000 34%),#f4f6f5;padding:1.25cqw;position:relative;overflow:hidden;container-type:inline-size}.employee-demo *,.employee-demo :before,.employee-demo :after{box-sizing:border-box}.employee-demo button,.employee-demo input{font:inherit}.employee-list-screen{background:#ffffffa8;border:1px solid #ffffffd9;border-radius:2.4cqw;height:100%;padding:2.3cqw 2.7cqw;box-shadow:0 1.6cqw 3.2cqw #2624260b}.employee-list-screen>header{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.employee-list-screen>header>div{gap:.65cqw;display:grid}.employee-list-screen>header span{color:#727a77;font-size:var(--demo-type-label)}.employee-list-screen>header strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.employee-active-session{background:#ffffffdb;border:1px solid #edf0ef;border-radius:1.7cqw;justify-content:space-between;align-items:center;gap:2cqw;min-height:9.3cqw;margin-top:1.4cqw;padding:1.8cqw;display:flex;box-shadow:0 .9cqw 2cqw #22202209}.employee-active-session>div{gap:.55cqw;display:grid}.employee-active-session span{color:#76807c;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.employee-active-session strong{font-size:var(--demo-type-body-strong)}.employee-active-session small{color:#737c78;font-size:var(--demo-type-label)}.employee-active-session>b,.employee-row aside>i,.employee-row aside>b{color:#397561;font-size:var(--demo-type-caption);font-style:normal;font-weight:var(--demo-weight-medium);background:#e8f6f1;border-radius:999px;padding:.4cqw .9cqw}.employee-list-rows{gap:1.15cqw;margin-top:1.4cqw;display:grid}.employee-row{background:#ffffffdb;border:1px solid #edf0ef;border-radius:1.7cqw;grid-template-columns:5cqw 1fr auto;align-items:center;gap:1.15cqw;min-height:10.9cqw;padding:1.5cqw 1.7cqw;display:grid;box-shadow:0 .9cqw 2cqw #22202209}.employee-row.is-fresh{border-color:#c6eadf;animation:.44s cubic-bezier(.22,1,.36,1) both employee-row-in}.employee-avatar{color:#6b94b1;width:4.7cqw;height:4.7cqw;font-size:var(--demo-type-modal-title);background:#fafcfc;border-radius:1.3cqw;place-items:center;display:grid}.employee-row>div{gap:.32cqw;display:grid}.employee-row>div strong{font-size:var(--demo-type-body-strong)}.employee-row>div span{color:#727a77;font-size:var(--demo-type-label)}.employee-row>div small{color:#747d79;font-size:var(--demo-type-caption)}.employee-row aside{align-items:center;gap:.75cqw;display:flex}.employee-row aside>b{color:#4973aa;background:#edf6ff}.employee-row aside>strong{color:#7b8581;font-size:var(--demo-type-section-title);font-weight:var(--demo-weight-regular)}.employee-modal-layer{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ccd2d0c2;place-items:center;animation:.22s both employee-layer-in;display:grid;position:absolute;inset:0}.employee-modal{background:#fffffffa;border:1px solid #fffffff5;border-radius:2.15cqw;grid-template-rows:5.3cqw minmax(0,1fr) auto;width:75cqw;height:64.5cqw;padding:1.35cqw 2cqw 1.15cqw;animation:.36s cubic-bezier(.22,1,.36,1) both employee-modal-in;display:grid;overflow:hidden;box-shadow:0 3cqw 8cqw #1f1d1f33}.employee-modal>header{border-bottom:1px solid #edf0ef;justify-content:space-between;align-items:flex-start;gap:2cqw;display:flex}.employee-modal>header>div{gap:.5cqw;display:grid}.employee-modal>header span{color:#707875;font-size:var(--demo-type-label)}.employee-modal>header strong{font-size:var(--demo-type-modal-title);letter-spacing:var(--demo-tracking-tight)}.employee-form-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bcc7c3 transparent;min-height:0;padding:1.5cqw .35cqw 1cqw 0;overflow-y:auto}.employee-form-scroll::-webkit-scrollbar{width:.45cqw}.employee-form-scroll::-webkit-scrollbar-track{background:0 0}.employee-form-scroll::-webkit-scrollbar-thumb{background:#bcc7c3;border-radius:99px}.employee-form-grid{grid-template-columns:1fr 1fr;gap:1.35cqw 1.55cqw;display:grid}.employee-role-field{z-index:4}.employee-role-dropdown{animation:.18s both employee-popover-in}.employee-days-card,.employee-permissions{grid-column:1/-1}.employee-days-card{background:#ffffffdb;border:1px solid #eef1f0;border-radius:1.6cqw;padding:1.35cqw 1.55cqw;box-shadow:0 .8cqw 1.8cqw #23212309}.employee-days-card>header{gap:.35cqw;display:grid}.employee-days-card>header strong{color:#66706c;font-size:var(--demo-type-label);font-weight:var(--demo-weight-regular)}.employee-days-card>header span{color:#838b88;font-size:var(--demo-type-caption)}.employee-days-card>div{grid-template-columns:repeat(7,1fr);gap:.55cqw;margin-top:1.1cqw;display:grid}.employee-days-card button{color:#6d7672;min-height:3.1cqw;font-size:var(--demo-type-label);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.9cqw;padding:.4cqw}.employee-days-card button.is-active{color:#286f5a;background:#e2f7f0;border-color:#bfe7da}.employee-permissions{gap:.8cqw;display:grid}.employee-permissions>span{color:#68716e;font-size:var(--demo-type-label)}.employee-permissions>div{grid-template-columns:1fr 1fr;gap:.85cqw 1.2cqw;display:grid}.employee-permissions button{min-height:4.65cqw;color:var(--demo-color-ink);cursor:pointer;background:#ffffffe6;border:1px solid #edf0ef;border-radius:1.3cqw;justify-content:space-between;align-items:center;gap:1cqw;padding:0 1.35cqw;display:flex;box-shadow:0 .6cqw 1.4cqw #23212306}.employee-permissions button strong{font-size:var(--demo-type-body);font-weight:var(--demo-weight-medium)}.employee-permissions button i{border:1px solid #9da8a4;border-radius:50%;width:1.15cqw;min-width:8px;height:1.15cqw;min-height:8px}.employee-permissions button.is-active{background:#f1fbf7;border-color:#bfe7da}.employee-permissions button.is-active i{background:#2e9b72;border-color:#2e9b72;box-shadow:inset 0 0 0 .25cqw #fff}.employee-modal>footer{border-top:1px solid #edf0ef;grid-template-columns:1fr 1fr;gap:1.2cqw;padding-top:.8cqw;display:grid}.employee-modal>footer .demo-button{width:100%}.employee-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.employee-demo-cursor:before,.employee-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.employee-demo-cursor:before{background:#fff;inset:0}.employee-demo-cursor:after{background:#17181a;inset:1px}.employee-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.employee-demo-cursor>b{z-index:3;color:#3d4542;min-width:1.75cqw;min-height:2.6cqw;font-size:var(--demo-type-caption);opacity:0;background:#fffffff5;border:1px solid #d9dfdc;border-radius:.7cqw;place-items:center;padding:.25cqw;display:grid;position:absolute;top:1.3cqw;left:1.1cqw;box-shadow:0 .5cqw 1.1cqw #1f1e1f21}.employee-demo-cursor.is-visible{opacity:1}.employee-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.employee-demo-cursor.is-clicking i{animation:.42s ease-out both employee-click-ring}.employee-demo-cursor.is-scrolling>b{opacity:1;animation:.85s ease-in-out infinite employee-wheel}@keyframes employee-layer-in{0%{opacity:0}to{opacity:1}}@keyframes employee-modal-in{0%{opacity:0;transform:translateY(1.2cqw)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes employee-popover-in{0%{opacity:0;transform:translateY(-.4cqw)}to{opacity:1;transform:translateY(0)}}@keyframes employee-row-in{0%{opacity:0;transform:translateY(.9cqw)}to{opacity:1;transform:translateY(0)}}@keyframes employee-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@keyframes employee-wheel{0%,to{transform:translateY(-.18cqw)}50%{transform:translateY(.28cqw)}}@media (prefers-reduced-motion:reduce){.employee-modal-layer,.employee-modal,.employee-role-dropdown,.employee-row.is-fresh,.employee-demo-cursor,.employee-demo-cursor>b{transition:none!important;animation:none!important}}
.cash-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 8% 3%,#baecdf4d,#0000 27%),radial-gradient(circle at 96% 2%,#e7e2f8c7,#0000 34%),#f4f6f5;position:relative;overflow:hidden;container-type:inline-size}.cash-demo *,.cash-demo :before,.cash-demo :after{box-sizing:border-box}.cash-demo button{font:inherit}.cash-scroll-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8c6c1 transparent;position:absolute;inset:0;overflow-y:auto}.cash-scroll-viewport::-webkit-scrollbar{width:.5cqw}.cash-scroll-viewport::-webkit-scrollbar-track{background:0 0}.cash-scroll-viewport::-webkit-scrollbar-thumb{background:#b8c6c1;border-radius:99px}.cash-page{background:radial-gradient(circle at 8% 3%,#baecdf40,#0000 25%),radial-gradient(circle at 96% 2%,#e7e2f8ad,#0000 32%),#f4f6f5;min-height:190cqw;padding:1.4cqw}.cash-titlebar{background:linear-gradient(112deg,#ffffffb8,#ccf1e89e,#e8e5f8db);border-radius:2.1cqw;align-items:center;height:10cqw;padding:1.6cqw 2.2cqw;display:flex}.cash-titlebar>div{gap:.65cqw;display:grid}.cash-titlebar span{color:#707875;font-size:var(--demo-type-label)}.cash-titlebar strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.cash-top-cards{grid-template-columns:repeat(4,1fr);gap:.9cqw;margin-top:1.35cqw;display:grid}.cash-top-cards article{background:#ffffffd1;border:1px solid #edf0ef;border-radius:1.65cqw;align-content:center;gap:.65cqw;min-height:9.5cqw;padding:1.35cqw;display:grid;box-shadow:0 .9cqw 2cqw #23212309}.cash-top-cards span,.cash-top-cards small{color:#747d79;font-size:var(--demo-type-caption)}.cash-top-cards strong{font-size:var(--demo-type-body-strong)}.cash-top-cards article>b{color:#5f7069;font-size:var(--demo-type-micro)}.cash-real-summary{background:#ffffffc7;border:1px solid #edf0ef;border-radius:1.8cqw 1.8cqw 0 0;margin-top:1.35cqw;padding:1.5cqw;box-shadow:0 1.1cqw 2.4cqw #2321230a}.cash-real-summary>header{justify-content:space-between;align-items:center;gap:1.2cqw;display:flex}.cash-real-summary>header>div:first-child{gap:.55cqw;display:grid}.cash-real-summary>header>div:first-child span,.cash-action-section>header span{color:#73807b;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.cash-real-summary>header>div:first-child strong,.cash-action-section>header strong{font-size:var(--demo-type-section-title);letter-spacing:var(--demo-tracking-tight)}.cash-summary-pills{grid-template-columns:repeat(4,auto);gap:.6cqw;display:grid}.cash-summary-pills article{background:#ffffffe0;border:1px solid #edf0ef;border-radius:1.2cqw;gap:.35cqw;min-width:8.7cqw;padding:.75cqw .9cqw;display:grid}.cash-summary-pills span{color:#747d79;font-size:var(--demo-type-micro)}.cash-summary-pills strong{font-size:var(--demo-type-caption)}.cash-summary-pills article:nth-child(2),.cash-summary-pills article:nth-child(3){background:#effaf6;border-color:#c6e8dd}.cash-summary-pills article:nth-child(3) strong{color:#35725e}.cash-total-panel{background:#fbfffde6;border:1px solid #cce6dd;border-radius:1.35cqw;justify-content:space-between;align-items:flex-end;gap:1.2cqw;margin-top:1.2cqw;padding:1.15cqw 1.35cqw;display:flex}.cash-total-panel>div{gap:.55cqw;display:grid}.cash-total-panel span{color:#69736f;font-size:var(--demo-type-caption)}.cash-total-panel strong{font-size:var(--demo-type-total);letter-spacing:var(--demo-tracking-tight)}.cash-total-panel strong small{color:#5d6964;font-size:var(--demo-type-caption);letter-spacing:0}.cash-table{background:#f7fcfadb;border:1px solid #dfe9e5;border-top:0;border-radius:0 0 1.8cqw 1.8cqw;overflow:hidden}.cash-table>header,.cash-table>article{grid-template-columns:minmax(0,1fr) 11cqw 12cqw 12cqw 5.2cqw;align-items:center;gap:1cqw;display:grid}.cash-table>header{color:#7a827f;min-height:4cqw;font-size:var(--demo-type-micro);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-table);text-align:right;border-bottom:1px solid #e3eae7;padding:0 1.45cqw}.cash-table>header span:first-child{text-align:left}.cash-table>article{text-align:right;border-bottom:1px solid #e5ebe9;min-height:7.25cqw;padding:1cqw 1.45cqw}.cash-table>article:last-child{border-bottom:0}.cash-table>article>div{text-align:left;gap:.4cqw;display:grid}.cash-table>article>div strong,.cash-table>article>b,.cash-table>article>strong{font-size:var(--demo-type-body-strong)}.cash-table>article>div small,.cash-table>article>span,.cash-table>article>button{color:#737c78;font-size:var(--demo-type-label)}.cash-table>article>b,.cash-table>article>strong{font-weight:var(--demo-weight-semibold)}.cash-table>article>strong{color:#3a725f}.cash-table>article>strong.is-positive{color:#33745e}.cash-table>article>button{cursor:pointer;background:0 0;border:0}.cash-action-section{background:#ffffffb8;border:1px solid #edf0ef;border-radius:2cqw;margin-top:2.5cqw;padding:2cqw;box-shadow:0 1.2cqw 2.7cqw #2321230a}.cash-action-section>header{gap:.75cqw;display:grid}.cash-action-section>div{grid-template-columns:repeat(3,1fr);gap:1.2cqw;margin-top:1.5cqw;display:grid}.cash-action-section>div>article{background:#ffffffdb;border:1px solid #eef1f0;border-radius:1.7cqw;flex-direction:column;align-items:flex-start;min-height:22cqw;padding:2cqw;display:flex;box-shadow:0 .9cqw 2cqw #23212309}.cash-action-section article>span{color:#74807b;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.cash-action-section article>strong{font-size:var(--demo-type-section-title);letter-spacing:var(--demo-tracking-tight);margin-top:1.5cqw}.cash-action-section article>p{color:#747d79;font-size:var(--demo-type-label);line-height:1.55}.cash-action-section article>.demo-button{margin-top:auto}.cash-closing-grid{grid-template-columns:1fr 1fr;gap:1.25cqw;margin-top:1.4cqw;display:grid}.cash-movements-panel,.cash-reconcile-panel{background:#ffffffd6;border:1px solid #edf0ef;border-radius:1.8cqw;min-height:31cqw;padding:2cqw;box-shadow:0 1cqw 2.3cqw #23212309}.cash-movements-panel>strong,.cash-reconcile-panel>header>strong{font-size:var(--demo-type-section-title);letter-spacing:var(--demo-tracking-tight)}.cash-movements-panel>p,.cash-reconcile-panel>p{color:#747d79;font-size:var(--demo-type-label);line-height:1.55}.cash-movements-panel>span{color:#747d79;font-size:var(--demo-type-label);background:#f6f8f7;border-radius:1.25cqw;margin-top:1.5cqw;padding:1cqw 1.25cqw;display:block}.cash-reconcile-panel>header{justify-content:space-between;align-items:flex-start;display:flex}.cash-reconcile-panel>header>b{color:#6d7773;width:4.2cqw;height:4.2cqw;font-size:var(--demo-type-caption);text-align:center;background:#f3f5f4;border-radius:1.4cqw;place-items:center;display:grid}.cash-reconcile-panel>div{grid-template-columns:repeat(3,1fr);gap:.8cqw;display:grid}.cash-reconcile-panel>div article{background:#f6f8f7;border-radius:1.25cqw;align-content:center;gap:.75cqw;min-height:7.8cqw;padding:1.1cqw;display:grid}.cash-reconcile-panel>div span{color:#78817e;font-size:var(--demo-type-caption)}.cash-reconcile-panel>div strong{font-size:var(--demo-type-body-strong)}.cash-reconcile-panel>div article:nth-child(3) strong{color:#33745e}.cash-reconcile-panel>footer{grid-template-columns:1fr 1fr;gap:1cqw;margin-top:1.4cqw;display:grid}.cash-reconcile-panel>footer .demo-button{width:100%}.cash-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.cash-demo-cursor:before,.cash-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.cash-demo-cursor:before{background:#fff;inset:0}.cash-demo-cursor:after{background:#17181a;inset:1px}.cash-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.cash-demo-cursor>b{z-index:3;color:#3d4542;min-width:1.75cqw;min-height:2.6cqw;font-size:var(--demo-type-caption);opacity:0;background:#fffffff5;border:1px solid #d9dfdc;border-radius:.7cqw;place-items:center;padding:.25cqw;display:grid;position:absolute;top:1.3cqw;left:1.1cqw;box-shadow:0 .5cqw 1.1cqw #1f1e1f21}.cash-demo-cursor.is-visible{opacity:1}.cash-demo-cursor.is-scrolling>b{opacity:1;animation:.9s ease-in-out infinite cash-wheel}@keyframes cash-wheel{0%,to{transform:translateY(-.18cqw)}50%{transform:translateY(.28cqw)}}@media (prefers-reduced-motion:reduce){.cash-demo-cursor,.cash-demo-cursor>b{transition:none!important;animation:none!important}}
.live-rates-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 4% 3%,#beefe2a3,#0000 33%),radial-gradient(circle at 95% 1%,#e1defabf,#0000 34%),#f2f6f4;grid-template-rows:auto 1fr auto;gap:1.45cqw;padding:2.1cqw;display:grid;position:relative;overflow:hidden;container-type:inline-size}.live-rates-demo *,.live-rates-demo :before,.live-rates-demo :after{box-sizing:border-box}.live-rates-summary{background:#ffffffb8;border:1px solid #ffffffeb;border-radius:2cqw;justify-content:space-between;align-items:center;min-height:9.2cqw;padding:1.5cqw 1.85cqw;display:flex;box-shadow:0 1.2cqw 2.9cqw #232f2b0b}.live-rates-summary>div:first-child{gap:.55cqw;display:grid}.live-rates-summary>div:first-child>span{color:#75817d;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.live-rates-summary>div:first-child>strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.live-rates-meta{align-items:center;gap:1.2cqw;display:flex}.live-rates-meta time{color:#69736f;min-width:5.7cqw;font-size:var(--demo-type-label);font-variant-numeric:tabular-nums}.live-rates-status{color:#298463;min-height:2.8cqw;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-semibold);background:#e2f6ee;border-radius:999px;align-items:center;gap:.55cqw;padding:.55cqw 1cqw;display:inline-flex}.live-rates-status i,.live-rates-source span{background:currentColor;border-radius:50%;width:.6cqw;height:.6cqw}.live-rates-status.is-live i{animation:1.65s ease-in-out infinite live-rates-pulse}.live-rates-status.is-connecting,.live-rates-status.is-offline{color:#7f8683;background:#f3f4f3}.live-rates-status.is-stale{color:#9a6c28;background:#fff3df}.live-rates-columns{grid-template-columns:1.05fr .95fr;gap:1.45cqw;min-height:0;display:grid}.live-rate-panel{background:#ffffffd1;border:1px solid #e5ebe8e6;border-radius:2cqw;grid-template-rows:auto auto 1fr;min-height:0;display:grid;overflow:hidden;box-shadow:0 1.35cqw 2.9cqw #232f2b0d}.live-rate-panel>header{border-bottom:1px solid #e7ecea;justify-content:space-between;align-items:center;min-height:5.4cqw;padding:1.25cqw 1.55cqw;display:flex}.live-rate-panel>header strong{font-size:var(--demo-type-section-title);letter-spacing:var(--demo-tracking-tight)}.live-rate-panel>header span{color:#68736f;font-size:var(--demo-type-caption);background:#f0f4f2;border-radius:999px;padding:.45cqw .8cqw}.live-rate-columns-head,.live-rate-row,.live-rate-skeleton{grid-template-columns:1.08fr .96fr .96fr;align-items:center;gap:1cqw;display:grid}.live-rate-columns-head{min-height:3.1cqw;margin:1cqw 1.2cqw .7cqw}.live-rate-columns-head span{color:#727b78;font-size:var(--demo-type-table-head);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-table);text-align:center;background:#f4f7f6;border-radius:999px;padding:.65cqw .8cqw}.live-rate-columns-head span:nth-child(2){color:#307960;background:#e5f6f0;border:1px solid #c2eadc}.live-rate-columns-head span:nth-child(3){color:#5f6094;background:#eef;border:1px solid #dad7f9}.live-rate-list{align-content:start;gap:.45cqw;min-height:0;padding:0 1.15cqw 1.15cqw;display:grid;overflow:hidden}.live-rate-row{background:#f9fcfbe6;border:1px solid #e7edeb;border-radius:1.2cqw;min-height:4.25cqw;padding:.45cqw .8cqw;transition:border-color .24s,background .24s;position:relative;overflow:hidden}.live-rate-row strong{font-size:var(--demo-type-body-strong);font-weight:var(--demo-weight-semibold);padding-left:.45cqw}.live-rate-row>span{color:#248360;min-height:3cqw;font-size:var(--demo-type-body-strong);font-weight:var(--demo-weight-semibold);font-variant-numeric:tabular-nums;background:#e6f7f1;border-radius:.9cqw;justify-content:center;align-items:center;padding:.55cqw .65cqw;display:flex}.live-rate-row>span:last-child{color:#5d5f94;background:#eef}.live-rate-row.is-down>span{color:#c45e51;background:#fff0ee}.live-rate-row.is-down>span:last-child{color:#bd5046;background:#ffe8e5}.live-rate-row.is-same>span{color:#4e625b;background:#f0f5f3}.live-rate-row.is-flashing-up{animation:1.65s ease-out live-rates-flash-up}.live-rate-row.is-flashing-down{animation:1.65s ease-out live-rates-flash-down}.live-rate-skeleton{background:#f8fbfae0;border-radius:1.2cqw;min-height:4.25cqw;padding:.75cqw .85cqw}.live-rate-skeleton i{background:linear-gradient(100deg,#edf1ef 20%,#f8faf9 48%,#edf1ef 76%) 0 0/220% 100%;border-radius:999px;height:1.45cqw;animation:1.45s linear infinite live-rates-shimmer}.live-rates-source{color:#7b8581;font-size:var(--demo-type-micro);align-items:center;gap:.65cqw;padding:0 .7cqw;display:flex}.live-rates-source span{color:#4ea98b}@keyframes live-rates-pulse{0%,to{box-shadow:0 0 #2984631f}50%{box-shadow:0 0 0 .42cqw #2984631f}}@keyframes live-rates-shimmer{to{background-position:-220% 0}}@keyframes live-rates-flash-up{0%,to{background:#f9fcfbe6;border-color:#e7edeb}18%{background:#e7f9f2;border-color:#83d5b8}}@keyframes live-rates-flash-down{0%,to{background:#f9fcfbe6;border-color:#e7edeb}18%{background:#fff0ee;border-color:#efaca4}}@media (prefers-reduced-motion:reduce){.live-rates-status.is-live i,.live-rate-skeleton i,.live-rate-row{animation:none}}
.blog-index-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;padding-block:86px 76px;display:grid}.blog-index-hero h1{letter-spacing:-.06em;max-width:650px;margin:0;font-size:clamp(49px,5.5vw,74px);line-height:.98}.blog-index-hero h1 em{color:#826b3a;font-style:normal;font-weight:560}.blog-index-hero>div>p:last-child{max-width:600px;color:var(--muted);margin:26px 0 0;font-size:17px;line-height:1.65}.blog-featured-card{background:radial-gradient(circle at 80% 10%,#ece8fae6,#0000 40%),linear-gradient(145deg,#dff6ef,#f7f4ec);border:1px solid #d8dedb;border-radius:28px;flex-direction:column;min-height:420px;padding:38px;display:flex;box-shadow:0 28px 60px #2823261a}.blog-featured-card>span,.blog-card>div>span{letter-spacing:.14em;color:#697570;text-transform:uppercase;font-size:9px;font-weight:750}.blog-featured-card>strong{letter-spacing:-.05em;max-width:470px;margin:70px 0 16px;font-size:36px;line-height:1.02}.blog-featured-card p{color:#626c68;max-width:500px;font-size:13px;line-height:1.62}.blog-featured-card>b{margin-top:auto;font-size:12px}.blog-categories{border-bottom:1px solid var(--line);gap:8px;padding-bottom:34px;display:flex}.blog-categories span{border:1px solid var(--line);color:#69696d;background:#fff;border-radius:999px;padding:9px 13px;font-size:10px}.blog-categories span:first-child{background:var(--dark);border-color:var(--dark);color:#fff}.blog-grid-section{padding-block:90px 115px}.blog-grid-section>header{grid-template-columns:1fr .72fr;align-items:end;gap:80px;margin-bottom:42px;display:grid}.blog-grid-section>header h2{letter-spacing:-.05em;margin:0;font-size:52px;line-height:1.03}.blog-grid-section>header>p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.blog-card-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.blog-card{border:1px solid var(--line);background:#ffffffb3;border-radius:21px;grid-template-columns:38% 1fr;gap:24px;min-height:315px;padding:16px;transition:all .22s;display:grid}.blog-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 18px 38px #28232614}.blog-card-visual{background:linear-gradient(155deg,#d9f4eb,#f0ebf7);border-radius:14px;min-height:280px;position:relative;overflow:hidden}.blog-card-visual span{color:#586763;font-size:10px;font-weight:750;position:absolute;top:18px;left:18px}.blog-card-visual i{background:#ffffff61;border-radius:50%;width:90%;height:60%;position:absolute;right:-25%}.blog-card-visual i:nth-child(2){top:7%}.blog-card-visual i:nth-child(3){background:#ead4a559;bottom:-22%;left:-22%}.blog-card>div:last-child{flex-direction:column;padding:17px 10px 13px 0;display:flex}.blog-card h2{letter-spacing:-.04em;margin:25px 0 12px;font-size:24px;line-height:1.08}.blog-card p{-webkit-line-clamp:4;color:#707075;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.57;display:-webkit-box;overflow:hidden}.blog-card b{margin-top:auto;font-size:11px}.blog-calculator-band{background:var(--dark);color:#fff;padding-block:78px}.blog-calculator-band>.page-shell{grid-template-columns:.75fr 1.25fr;align-items:center;gap:90px;display:grid}.blog-calculator-band h2{letter-spacing:-.05em;margin:0;font-size:48px;line-height:1.02}.blog-calculator-band>div>div:last-child{gap:8px;display:grid}.blog-calculator-band a{background:#312e2f;border:1px solid #4b4749;border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;padding:22px;display:grid}.blog-calculator-band a span{color:var(--mint);font-size:9px}.blog-calculator-band a strong{font-size:16px}.article-hero{padding-block:58px 48px}.article-hero>nav{color:#777;white-space:nowrap;align-items:center;gap:9px;font-size:10px;display:flex;overflow:hidden}.article-hero>nav b{text-overflow:ellipsis;font-weight:500;overflow:hidden}.article-hero-copy{max-width:900px;margin-top:70px}.article-hero-copy h1{letter-spacing:-.062em;max-width:920px;margin:0;font-size:clamp(48px,6vw,80px);line-height:.98}.article-hero-copy>p:not(.kicker){color:#626267;max-width:790px;margin:28px 0 0;font-size:18px;line-height:1.65}.article-hero-copy>aside{border-left:3px solid var(--mint-deep);background:#fff;border-radius:0 13px 13px 0;grid-template-columns:115px 1fr;gap:18px;max-width:790px;margin-top:25px;padding:20px 23px;display:grid}.article-hero-copy>aside strong{text-transform:uppercase;letter-spacing:.11em;color:var(--mint-deep);font-size:11px}.article-hero-copy>aside span{color:#55575a;font-size:14px;line-height:1.6}.article-meta{border-top:1px solid var(--line);color:#777;gap:22px;margin-top:34px;padding-top:18px;font-size:10px;display:flex}.article-meta span+span:before{content:"•";color:#b1b1b4;margin-right:22px}.article-featured-visual{margin-bottom:80px}.editorial-visual{margin:58px 0}.editorial-visual-featured{margin:0}.editorial-visual-art{aspect-ratio:16/9;background:radial-gradient(circle at 22% 25%,#bbede0d1,#0000 34%),radial-gradient(circle at 80% 18%,#e7e2f9e6,#0000 39%),linear-gradient(145deg,#f6f7f6,#e9edeb);border:1px solid #dce2df;border-radius:24px;position:relative;overflow:hidden}.editorial-visual-art span{background:#ffffff73;border:1px solid #fffc;position:absolute;box-shadow:0 18px 40px #2c33300f}.editorial-visual-art span:first-child{border-radius:22px;width:45%;height:58%;top:18%;left:8%}.editorial-visual-art span:nth-child(2){border-radius:18px;width:29%;height:32%;top:18%;right:10%}.editorial-visual-art span:nth-child(3){border-radius:16px;width:29%;height:20%;bottom:20%;right:10%}.editorial-visual-art i{letter-spacing:.18em;color:#86908c;font-size:10px;font-style:normal;position:absolute;bottom:5%;right:4%}.editorial-visual figcaption{grid-template-columns:1fr 1fr;gap:40px;padding:19px 3px;display:grid}.editorial-visual figcaption>div>span{letter-spacing:.13em;color:var(--mint-deep);font-size:9px;font-weight:750}.editorial-visual figcaption strong{margin:8px 0;font-size:16px;display:block}.editorial-visual figcaption p,.editorial-visual dd{color:#737477;margin:0;font-size:11px;line-height:1.55}.editorial-visual dl{grid-template-columns:60px 1fr;gap:6px 10px;margin:0;display:grid}.editorial-visual dt{text-transform:uppercase;letter-spacing:.08em;color:#999;font-size:9px}.article-layout{grid-template-columns:235px minmax(0,760px);align-items:start;gap:80px;padding-bottom:110px;display:grid}.article-toc{padding-top:4px;position:sticky;top:108px}.article-toc>span{letter-spacing:.14em;color:#777;font-size:9px;font-weight:750}.article-toc nav{border-top:1px solid var(--line);margin-top:17px;display:grid}.article-toc a{border-bottom:1px solid var(--line);color:#67676b;grid-template-columns:26px 1fr;gap:7px;padding:12px 0;font-size:10px;line-height:1.35;display:grid}.article-toc small{color:#aaa;font-size:8px}.article-prose{min-width:0}.article-prose>p{color:#4f5054;margin:0 0 23px;font-size:16px;line-height:1.82}.article-prose h2{letter-spacing:-.045em;margin:75px 0 23px;scroll-margin-top:110px;font-size:38px;line-height:1.08}.article-prose h2:first-child{margin-top:0}.article-prose h3{letter-spacing:-.03em;margin:42px 0 16px;font-size:23px;line-height:1.17}.article-prose ul,.article-prose ol{color:#4f5054;margin:20px 0 30px;padding-left:24px}.article-prose li{padding:5px 0;font-size:15px;line-height:1.65}.article-prose a{color:#26795f;text-underline-offset:3px;-webkit-text-decoration:underline #b8ddcf;text-decoration:underline #b8ddcf}.article-prose code{color:#315b4e;background:#e9eeec;border-radius:6px;padding:3px 6px;font-size:.88em}.article-table-wrap{border:1px solid var(--line);background:#fff;border-radius:17px;max-width:100%;margin:30px 0 42px;overflow-x:auto}.article-table-wrap table{border-collapse:collapse;width:100%;min-width:620px}.article-table-wrap th,.article-table-wrap td{text-align:left;border-bottom:1px solid #e7e6e8;padding:14px 16px;font-size:12px}.article-table-wrap th{color:#59615e;text-transform:uppercase;letter-spacing:.09em;background:#f0f4f2;font-size:9px}.article-table-wrap tbody tr:last-child td{border-bottom:0}.article-inline-cta{background:var(--dark);color:#fff;border-radius:19px;justify-content:space-between;align-items:center;gap:30px;margin:42px 0;padding:28px;display:flex}.article-inline-cta>div{gap:7px;display:grid}.article-inline-cta span{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.article-inline-cta strong{font-size:18px}.article-inline-cta a{color:#242426;background:#fff;border-radius:10px;padding:13px 16px;font-size:11px;font-weight:700;text-decoration:none}.article-calculator{margin-bottom:72px}.gold-calculator{background:radial-gradient(circle at 90% 0,#ebe6fae6,#0000 36%),linear-gradient(145deg,#e0f6ef,#f7f6f2);border:1px solid #d6ddd9;border-radius:25px;padding:34px;box-shadow:0 24px 55px #272c2a14}.gold-calculator>header span{letter-spacing:.14em;color:var(--mint-deep);text-transform:uppercase;font-size:9px;font-weight:750}.gold-calculator>header h2{letter-spacing:-.045em;margin:9px 0 4px;font-size:38px}.gold-calculator>header p,.gold-calculator>small{color:#707773;font-size:11px}.calculator-layout{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}.gold-calculator form{background:#ffffffa6;border:1px solid #ffffffe6;border-radius:18px;grid-template-columns:1fr 1fr;gap:15px;padding:22px;display:grid}.gold-calculator label{color:#626965;gap:7px;font-size:11px;display:grid}.gold-calculator input,.gold-calculator select{width:100%;height:47px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dce4e0;border-radius:12px;outline:0;padding:0 14px;font-size:14px}.gold-calculator input:focus,.gold-calculator select:focus{border-color:#8fcdb8;box-shadow:0 0 0 3px #8fcdb833}.calculator-presets{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.calculator-presets button{color:#5d6662;cursor:pointer;background:#fff;border:1px solid #dae1de;border-radius:999px;padding:7px 10px;font-size:9px}.calculator-actions{grid-column:1/-1;gap:8px;margin-top:3px;display:flex}.calculator-actions button{cursor:pointer;background:#fff;border:1px solid #d9dddb;border-radius:11px;min-height:43px;padding:0 17px;font-size:11px;font-weight:650}.calculator-actions .calculator-primary{background:var(--dark);border-color:var(--dark);color:#fff}.calculator-result{background:#ffffffb3;border:1px solid #ffffffe6;border-radius:18px;flex-direction:column;justify-content:center;min-height:160px;padding:25px;display:flex}.calculator-result>span{letter-spacing:.12em;color:#727a76;text-transform:uppercase;font-size:9px}.calculator-result>strong{letter-spacing:-.04em;color:#26795f;margin:15px 0 8px;font-size:34px;line-height:1.05}.calculator-result>small{color:#737975;font-size:10px}.calculator-result.has-error>strong{color:#b14f45;font-size:17px}.calculator-results-stack{gap:10px;display:grid}.calculator-results-stack .calculator-result{min-height:110px}.gold-calculator>small{margin-top:16px;display:block}.calculator-wide-presets{margin-top:-4px}@media (max-width:900px){.blog-index-hero,.blog-grid-section>header,.blog-calculator-band>.page-shell{grid-template-columns:1fr;gap:42px}.blog-featured-card{min-height:360px}.blog-card-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:40px}.article-toc{position:static}.article-toc nav{grid-template-columns:1fr 1fr}.calculator-layout{grid-template-columns:1fr}.blog-calculator-band h2{font-size:40px}.article-hero-copy{margin-top:52px}}@media (max-width:560px){.blog-index-hero{padding-block:58px}.blog-index-hero h1,.article-hero-copy h1{font-size:43px}.blog-featured-card{min-height:330px;padding:26px}.blog-featured-card>strong{margin-top:48px;font-size:30px}.blog-categories{overflow-x:auto}.blog-categories span{white-space:nowrap}.blog-grid-section{padding-block:65px 80px}.blog-grid-section>header h2{font-size:38px}.blog-card{grid-template-columns:1fr;padding:12px}.blog-card-visual{min-height:170px}.blog-card h2{margin-top:18px}.article-hero{padding-block:38px}.article-hero-copy{margin-top:42px}.article-hero-copy>p:not(.kicker){font-size:16px}.article-hero-copy>aside{grid-template-columns:1fr;gap:7px}.article-meta{flex-wrap:wrap;gap:9px}.article-meta span+span:before{margin-right:9px}.article-featured-visual{margin-bottom:55px}.editorial-visual-art{border-radius:17px}.editorial-visual figcaption{grid-template-columns:1fr;gap:16px}.article-toc nav{grid-template-columns:1fr}.article-prose h2{margin-top:60px;font-size:31px}.article-prose h3{font-size:21px}.article-prose>p{font-size:15px}.article-inline-cta{flex-direction:column;align-items:stretch}.gold-calculator{padding:20px}.gold-calculator form{grid-template-columns:1fr;padding:16px}.calculator-presets,.calculator-actions{grid-column:1}.calculator-actions{flex-direction:column}.gold-calculator>header h2{font-size:31px}.calculator-result>strong{font-size:29px}}
.home-system{background:radial-gradient(circle at 12% 6%, #baecdf21, transparent 29%), radial-gradient(circle at 91% 90%, #e8d3a31a, transparent 27%), var(--dark);color:#fff;padding-block:92px;position:relative;overflow:hidden}.home-system:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:74px 74px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.home-system-shell{z-index:1;position:relative}.home-system-heading,.home-products-heading{grid-template-columns:1.1fr .72fr;align-items:end;gap:84px;display:grid}.home-system-heading{margin-bottom:42px}.home-system .section-label{color:var(--mint)}.home-system-heading h2,.home-products-heading h2,.home-proof-lead h2{letter-spacing:-.06em;max-width:760px;margin:0;font-size:clamp(42px,5.2vw,68px);font-weight:650;line-height:.99}.home-system-heading>p,.home-products-heading>p{color:#bbb7b9;margin:0;font-size:15px;line-height:1.72}.home-system-canvas{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#302d2ed1;border:1px solid #4c484a;border-radius:25px;grid-template-columns:.78fr 1.22fr;display:grid;overflow:hidden;box-shadow:0 32px 90px #00000038}.home-system-core{background:linear-gradient(145deg,#baecdf2e,#302d2e1f);border-right:1px solid #4c484a;flex-direction:column;justify-content:end;min-height:314px;padding:34px;display:flex;position:relative;overflow:hidden}.home-system-core:before,.home-system-core:after{content:"";border-radius:50%;position:absolute}.home-system-core:before{border:1px solid #baecdf40;width:220px;height:220px;top:-92px;right:-60px;box-shadow:0 0 0 35px #baecdf09,0 0 0 70px #baecdf06}.home-system-core:after{background:var(--mint);width:8px;height:8px;top:35px;left:35px;box-shadow:0 0 0 8px #baecdf1a}.home-system-core>*{z-index:1;position:relative}.home-system-core>span,.home-system-results article>span,.home-proof-card>span{color:var(--mint);letter-spacing:.14em;font-size:9px;font-weight:760}.home-system-core>strong{letter-spacing:-.05em;max-width:330px;margin-top:15px;font-size:clamp(31px,3vw,42px);line-height:1}.home-system-core>p{color:#bbb7b9;max-width:350px;margin:20px 0 0;font-size:12px;line-height:1.65}.home-system-results{background:#4c484a;grid-template-columns:1fr 1fr;gap:1px;display:grid}.home-system-results article{background:#302d2ef5;flex-direction:column;min-height:156px;padding:27px;transition:background .25s,transform .25s;display:flex}.home-system-results article:hover{background:#353132}.home-system-results article>strong{letter-spacing:-.035em;margin-top:auto;font-size:20px}.home-system-results article>p{color:#9f9a9c;margin:6px 0 0;font-size:10px}.home-system-flow{margin-top:14px}.home-system-flow>p{color:#bdb9bb;margin:0 0 12px;font-size:11px}.home-products{background:radial-gradient(circle at 80% 16%,#baecdf73,#0000 25%),radial-gradient(circle at 18% 88%,#ece8f2b8,#0000 30%),#f5f5f7;padding-block:108px;position:relative;overflow:hidden}.home-products:after{content:"";z-index:0;border:1px solid #2b8f721f;border-radius:50%;width:360px;height:360px;position:absolute;top:38%;right:-170px;box-shadow:0 0 0 70px #2b8f7206,0 0 0 140px #2b8f7205}.home-products>.page-shell{z-index:1;position:relative}.home-products-heading{margin-bottom:46px}.home-products-heading>p{color:var(--muted)}.home-product-stage{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffb8;border:1px solid #1c1c1e1c;border-radius:29px;grid-template-columns:220px minmax(0,1fr);gap:12px;padding:12px;display:grid;box-shadow:0 36px 90px #2b24281c}.home-product-tabs{flex-direction:column;gap:3px;padding:6px;display:flex}.home-product-tabs button{color:#6c696b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;width:100%;min-height:53px;padding:10px 12px;transition:background .2s,color .2s,transform .2s;display:grid}.home-product-tabs button:hover{color:var(--ink);background:#1c1c1e0b}.home-product-tabs button.active{color:#fff;background:var(--dark);box-shadow:0 14px 30px #2825262b}.home-product-tabs button:focus-visible{outline-offset:2px;outline:3px solid #2b8f724d}.home-product-tabs button>span{color:#aaa6a8;font-size:8px;font-weight:740}.home-product-tabs button.active>span{color:var(--mint)}.home-product-tabs button>strong{font-size:11px;font-weight:650}.home-product-tabs button>i{opacity:0;color:var(--mint);font-size:11px;font-style:normal;transition:opacity .2s,transform .2s;transform:translate(-4px,4px)}.home-product-tabs button.active>i{opacity:1;transform:translate(0)}.home-product-panel{background:#f0eff1;border-radius:21px;min-width:0;padding:22px}.home-product-panel-copy{grid-template-columns:1fr auto;align-items:end;gap:30px;min-height:122px;padding:2px 3px 23px;display:grid}.home-product-panel-copy .section-label{margin-bottom:10px}.home-product-panel-copy h3{letter-spacing:-.05em;max-width:680px;margin:0;font-size:clamp(28px,3vw,39px);line-height:1.03}.home-product-panel-copy p:not(.section-label){max-width:720px;color:var(--muted);margin:13px 0 0;font-size:11px;line-height:1.55}.home-product-panel-copy>a,.home-proof-lead>a{white-space:nowrap;font-size:10px;font-weight:720}.home-product-panel-copy>a span,.home-proof-lead>a span{margin-left:9px}.home-product-panel .product-visual{min-height:480px;box-shadow:0 22px 50px #2b24281c}.home-product-panel .visual-top{background:#ffffffc2}.home-proof{background:#e9e8ec;padding-block:108px}.home-proof-shell{grid-template-columns:.82fr 1.18fr;align-items:center;gap:76px;display:grid}.home-proof-lead h2{font-size:clamp(42px,4.6vw,62px)}.home-proof-lead h2 em{color:#816b3d;font-style:normal;font-weight:560}.home-proof-lead>p:not(.section-label){max-width:550px;color:var(--muted);margin:25px 0;font-size:14px;line-height:1.72}.home-proof-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.home-proof-card{background:#ffffffb0;border:1px solid #1c1c1e17;border-radius:21px;flex-direction:column;min-height:224px;padding:27px;transition:transform .25s,box-shadow .25s,background .25s;display:flex;overflow:hidden}a.home-proof-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 20px 42px #2b242814}.home-proof-card-featured{color:#fff;background:radial-gradient(circle at 82% 18%,#baecdf33,#0000 30%),linear-gradient(135deg,#282526,#393435);grid-column:span 2;min-height:274px;position:relative}a.home-proof-card-featured:hover{color:#fff;background:radial-gradient(circle at 82% 18%,#baecdf3d,#0000 30%),linear-gradient(135deg,#302c2d,#403a3b);box-shadow:0 22px 46px #2b242829}.home-proof-card-featured:after{content:"";border:1px solid #baecdf38;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-110px;right:-40px;box-shadow:0 0 0 35px #baecdf09,0 0 0 70px #baecdf06}.home-proof-card>*{z-index:1;position:relative}.home-proof-card>span{color:var(--mint-deep)}.home-proof-card-featured>span{color:var(--mint)}.home-proof-card>strong{letter-spacing:-.045em;max-width:470px;margin-top:auto;font-size:clamp(21px,2.3vw,31px);line-height:1.03}.home-proof-card-featured>strong{font-size:clamp(35px,4.2vw,52px)}.home-proof-card>p{color:#777378;max-width:490px;margin:10px 0 0;font-size:11px;line-height:1.55}.home-proof-card-featured>p{color:#bbb7b9}.home-proof-card>i{color:inherit;margin-top:20px;font-size:10px;font-style:normal;font-weight:680}@media (max-width:1000px){.home-product-stage{grid-template-columns:190px minmax(0,1fr)}.home-product-panel{padding:17px}.home-product-panel .product-visual{min-height:430px}}@media (max-width:900px){.home-system-heading,.home-products-heading,.home-proof-shell{grid-template-columns:1fr;gap:28px}.home-system-canvas{grid-template-columns:1fr}.home-system-core{border-bottom:1px solid #4c484a;border-right:0;min-height:250px}.home-product-stage{grid-template-columns:1fr}.home-product-tabs{grid-template-columns:repeat(3,1fr);display:grid}.home-proof-shell{gap:48px}}@media (max-width:560px){.home-system,.home-products,.home-proof{padding-block:72px}.home-system-heading h2,.home-products-heading h2,.home-proof-lead h2{font-size:40px}.home-system-canvas{border-radius:21px}.home-system-core{min-height:238px;padding:27px}.home-system-results{grid-template-columns:1fr}.home-system-results article{min-height:116px;padding:22px}.home-system-flow{display:none}.home-product-stage{border-radius:23px;width:calc(100% + 14px);margin-left:-7px;padding:7px}.home-product-tabs{scrollbar-width:none;flex-direction:row;gap:6px;padding:5px;display:flex;overflow-x:auto}.home-product-tabs::-webkit-scrollbar{display:none}.home-product-tabs button{min-width:max-content;min-height:45px;padding:9px 13px;display:flex}.home-product-tabs button>span,.home-product-tabs button>i{display:none}.home-product-panel{border-radius:17px;padding:13px}.home-product-panel-copy{grid-template-columns:1fr;gap:18px;min-height:auto;padding:7px 4px 19px}.home-product-panel-copy h3{font-size:29px}.home-product-panel-copy>a{white-space:normal}.home-product-panel .product-visual{border-radius:18px;min-height:340px}.home-proof-grid{grid-template-columns:1fr}.home-proof-card-featured{grid-column:auto;min-height:245px}.home-proof-card{min-height:190px;padding:24px}}
.trade-demo,.cari-demo,.product-demo-type{--demo-font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--demo-type-micro:clamp(8px, .9cqw, 11px);--demo-type-caption:clamp(9px, 1.05cqw, 13px);--demo-type-table-head:clamp(9px, 1.12cqw, 13px);--demo-type-button:clamp(10px, 1.15cqw, 14px);--demo-type-body:clamp(10px, 1.2cqw, 14px);--demo-type-label:clamp(10px, 1.28cqw, 15px);--demo-type-body-strong:clamp(11px, 1.4cqw, 16px);--demo-type-control:clamp(11px, 1.44cqw, 17px);--demo-type-section-title:clamp(12px, 1.62cqw, 20px);--demo-type-modal-title:clamp(13px, 1.8cqw, 22px);--demo-type-total:clamp(14px, 1.98cqw, 24px);--demo-type-page-title:clamp(15px, 2.15cqw, 27px);--demo-weight-regular:400;--demo-weight-medium:500;--demo-weight-semibold:650;--demo-weight-bold:700;--demo-tracking-eyebrow:.2em;--demo-tracking-table:.13em;--demo-tracking-tight:-.04em;font-family:var(--demo-font-family);font-size:var(--demo-type-body);font-weight:var(--demo-weight-regular);line-height:1.25}.trade-demo button,.trade-demo input,.trade-demo textarea,.cari-demo button,.cari-demo input,.cari-demo textarea,.product-demo-type button,.product-demo-type input,.product-demo-type textarea{font-family:var(--demo-font-family)}.trade-panel-heading>span,.cari-demo-section-title strong,.cari-modal-heading span,.cari-detail-heading>strong{font-size:var(--demo-type-label);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.trade-panel-heading>b,.trade-field,.trade-total span,.cari-demo-titlebar span,.cari-demo-section-title span,.cari-modal-fields label,.cari-identity-card,.cari-detail-balance-card>p,.cari-detail-actions button,.cari-detail-wide-card>p,.cari-transaction-heading span,.cari-transaction-card>header span,.cari-transaction-fields label,.cari-payment-field,.cari-description-field,.cari-summary-card dt{font-size:var(--demo-type-label);font-weight:var(--demo-weight-regular)}.trade-control,.trade-select i,.trade-dropdown button,.trade-tabs button,.cari-demo-toolbar input,.cari-demo-toolbar button,.cari-demo-tabs button,.cari-type-tabs button,.cari-modal-fields input,.cari-transaction-fields button,.cari-transaction-fields input,.cari-payment-field input,.cari-payment-tabs button{font-size:var(--demo-type-control);font-weight:var(--demo-weight-regular)}.trade-demo .trade-primary-button,.trade-demo .trade-soft-button,.cari-modal-actions button,.cari-remove-button,.cari-dark-button,.cari-added-line>button{font-size:var(--demo-type-button);font-weight:var(--demo-weight-regular);letter-spacing:0;line-height:1}.trade-table-head{font-size:var(--demo-type-table-head);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-table)}.trade-table-row,.trade-summary-panel>div:not(.trade-panel-heading),.cari-person-row>strong,.cari-kind-balance,.cari-operation-row,.cari-added-line strong,.cari-summary-card dd{font-size:var(--demo-type-body);font-weight:var(--demo-weight-regular);letter-spacing:0}.trade-summary-panel strong,.cari-balance-card strong,.cari-detail-balance-card footer strong,.cari-detail-wide-card header strong,.cari-operation-row strong{font-size:var(--demo-type-body-strong);font-weight:var(--demo-weight-semibold)}.trade-table-row small,.cari-balance-card span,.cari-balance-card small,.cari-person-new>i,.cari-avatar,.cari-person-balance b,.cari-person-balance small,.cari-identity-card>div b,.cari-detail-balance-card header>b,.cari-detail-balance-card footer,.cari-detail-wide-card header b,.cari-added-line small{font-size:var(--demo-type-caption);font-weight:var(--demo-weight-regular);letter-spacing:0}.cari-operation-row span,.cari-empty-line{font-size:var(--demo-type-micro);font-weight:var(--demo-weight-regular);letter-spacing:0}.cari-transaction-card>header strong,.cari-summary-card>strong,.cari-detail-balance-card header>strong,.cari-detail-wide-card header strong{font-size:var(--demo-type-section-title);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-tight)}.cari-modal-heading strong,.cari-transaction-heading strong,.cari-identity-card>div strong{font-size:var(--demo-type-modal-title);font-weight:var(--demo-weight-semibold);letter-spacing:var(--demo-tracking-tight)}.trade-total strong{font-size:var(--demo-type-total);font-weight:var(--demo-weight-semibold);letter-spacing:var(--demo-tracking-tight)}.cari-demo-titlebar strong{font-size:var(--demo-type-page-title);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-tight)}.cari-detail-heading>button:not(.cari-remove-button){font-size:var(--demo-type-section-title)}
.trade-demo,.cari-demo,.qr-demo,.product-demo-type{--demo-color-ink:#292a2c;--demo-color-muted:#68716e;--demo-color-line:#e2e9e6;--demo-color-control:#f9fcfb;--demo-color-white:#fff;--demo-color-primary:#242426;--demo-color-primary-text:#fff;--demo-color-soft:#f3f7f5;--demo-color-mint:#e5f6f0;--demo-color-mint-ink:#236d58;--demo-color-purple:#755bd0;--demo-color-danger:#cf6253;--demo-color-danger-bg:#fff8f6;--demo-control-height:4.15cqw;--demo-button-height:3.1cqw;--demo-button-radius:.95cqw;--demo-button-font:clamp(8px, 1cqw, 12px);--demo-control-radius:1.35cqw;--demo-control-shadow:inset 0 1px 0 #ffffffe6;--demo-primary-shadow:0 .65cqw 1.45cqw #221f221c}.demo-button{height:var(--demo-button-height);border:1px solid var(--demo-color-line);border-radius:var(--demo-button-radius);background:var(--demo-color-white);min-height:22px;color:var(--demo-color-ink);font-family:var(--demo-font-family);font-size:var(--demo-button-font);font-weight:var(--demo-weight-regular);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:.45cqw;padding:0 1.15cqw;line-height:1;transition:transform .16s,opacity .18s,background .18s,border-color .18s;display:inline-flex}.demo-button:active{transform:scale(.97)}.demo-button:disabled{cursor:default;opacity:.38}.demo-button-primary{border-color:var(--demo-color-primary);background:var(--demo-color-primary);color:var(--demo-color-primary-text);box-shadow:var(--demo-primary-shadow)}.demo-button-secondary{color:#4b504e;background:#ffffffe6;border-color:#eaeeec}.demo-button-soft{background:var(--demo-color-soft);color:var(--demo-color-muted);border-color:#0000}.demo-button-tab{color:var(--demo-color-muted);background:#fffc;border-color:#0000;border-radius:999px}.demo-button-tab.is-active{background:var(--demo-color-mint);color:var(--demo-color-mint-ink)}.demo-button-danger{background:var(--demo-color-danger-bg);color:var(--demo-color-danger);border-color:#f0cbc5}.demo-button-icon{width:var(--demo-button-height);background:var(--demo-color-soft);color:var(--demo-color-muted);font-size:var(--demo-type-section-title);border-color:#0000;padding:0}.demo-button-compact{--demo-button-height:2.75cqw;min-height:20px;padding-inline:.9cqw}.demo-button-large{--demo-button-height:4.7cqw;min-height:31px;font-size:var(--demo-type-label);border-radius:1.2cqw;padding-inline:1.4cqw}.demo-field{min-width:0;color:var(--demo-color-muted);font-size:var(--demo-type-label);gap:.55cqw;display:grid;position:relative}.demo-control{width:100%;height:var(--demo-control-height);border:1px solid var(--demo-color-line);border-radius:var(--demo-control-radius);background:var(--demo-color-control);min-height:28px;color:var(--demo-color-ink);font-family:var(--demo-font-family);font-size:var(--demo-type-control);font-weight:var(--demo-weight-regular);box-shadow:var(--demo-control-shadow);outline:0;padding:0 1.2cqw}.demo-control:focus{border-color:#54b2967a;box-shadow:0 0 0 .35cqw #baecdf47}.demo-input-positive{color:var(--demo-color-mint-ink);font-weight:var(--demo-weight-semibold)}.demo-input-large{--demo-control-height:4.7cqw;border-radius:1.2cqw;min-height:31px;padding-inline:1.35cqw}.demo-select{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:1cqw;display:flex}.demo-select>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.demo-select i{color:var(--demo-color-ink);flex:none;font-style:normal}.demo-select.is-filled{color:var(--demo-color-purple)}.demo-dropdown{z-index:8;border:1px solid var(--demo-color-line);border-radius:var(--demo-button-radius);background:var(--demo-color-white);gap:.2cqw;padding:.45cqw;display:grid;position:absolute;top:calc(100% + .4cqw);left:0;right:0;box-shadow:0 1.2cqw 2.8cqw #211f2224}.demo-dropdown-option{color:#454548;font-family:var(--demo-font-family);font-size:var(--demo-type-label);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.75cqw;padding:.65cqw .9cqw}.demo-dropdown-option:hover,.demo-dropdown-option.is-active{background:var(--demo-color-mint);color:var(--demo-color-mint-ink)}
.home-product-mobile{display:none}.mobile-demo-wrap{justify-items:center;gap:18px;display:grid}.mobile-demo-caption{justify-content:space-between;align-items:center;gap:18px;width:min(100%,390px);padding-inline:6px;display:flex}.mobile-demo-caption>span{color:var(--mint-deep);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:760}.mobile-demo-caption>strong{color:#68676b;text-align:right;font-size:10px;font-weight:620}.mobile-live-device{background:linear-gradient(150deg,#1c1d20,#08090a);border:2px solid #78797c;border-radius:48px;width:min(100%,390px);padding:10px;position:relative;box-shadow:0 34px 80px #18141647,inset 0 0 0 1px #ffffff14}.mobile-live-screen{background:#f5f5f7;border-radius:39px;height:720px;position:relative;overflow:hidden}.mobile-live-status{z-index:10;color:#111;pointer-events:none;grid-template-columns:1fr 1fr 1fr;align-items:center;height:55px;padding:8px 25px 0;display:grid;position:absolute;inset:0 0 auto}.mobile-live-status>b{letter-spacing:-.02em;font-size:13px}.mobile-live-island{background:#050505;border-radius:99px;justify-self:center;width:106px;height:30px}.mobile-live-status>div{justify-content:flex-end;align-items:end;gap:2px;display:flex}.mobile-live-status>div i{background:#111;border-radius:2px;width:2px}.mobile-live-status>div i:first-child{height:4px}.mobile-live-status>div i:nth-child(2){height:6px}.mobile-live-status>div i:nth-child(3){height:8px}.mobile-live-status>div em{background:#111;border:1.5px solid #111;border-radius:3px;width:18px;height:9px;margin-left:6px;box-shadow:inset 0 0 0 2px #f5f5f7}.mobile-live-scroll{overscroll-behavior:contain;scrollbar-width:none;height:100%;padding:67px 16px 28px;position:relative;overflow:hidden auto}.mobile-live-scroll::-webkit-scrollbar{display:none}.mobile-live-aura{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mobile-live-aura>span{filter:blur(1px);border-radius:50%;position:absolute}.mobile-live-aura>span:first-child{background:#baecdfeb;width:330px;height:330px;top:-120px;left:-120px;box-shadow:0 0 115px #aae2d2b8}.mobile-live-aura>span:nth-child(2){background:#cdefd78a;width:330px;height:390px;top:170px;right:-155px;box-shadow:0 0 125px #b6e3c67a}.mobile-live-aura>span:nth-child(3){background:#ceefeb85;width:300px;height:300px;top:430px;left:-120px;box-shadow:0 0 125px #b9e5de70}.mobile-live-header,.mobile-module-grid,.mobile-market-card{z-index:1;position:relative}.mobile-live-header{grid-template-columns:44px 1fr 44px;align-items:center;gap:9px;display:grid}.mobile-live-header>div{text-align:center;min-width:0}.mobile-live-header>div span,.mobile-live-header>div strong{display:block}.mobile-live-header>div span{color:#6b6b6f;letter-spacing:.7px;font-size:10px;font-weight:400}.mobile-live-header>div strong{color:#1c1c1e;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:17px;font-weight:600;overflow:hidden}.mobile-icon-button{color:#6b6b6f;cursor:pointer;background:#f2f2f5;border:0;border-radius:14px;place-items:center;width:44px;height:44px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:6px 6px 16px #0000000f,-4px -4px 10px #fffc}.mobile-icon-button:active{transform:scale(.96);box-shadow:inset 4px 4px 10px #0000000a,inset -4px -4px 10px #ffffffd9}.mobile-icon-button>svg{width:18px;height:18px}.mobile-icon-button>i{background:#e8d3a3;border-radius:50%;width:7px;height:7px;position:absolute;top:11px;right:11px}.mobile-module-grid{grid-template-columns:1fr 1fr;padding:18px 4px 14px;display:grid}.mobile-module-grid>a,.mobile-module-grid>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;align-items:center;gap:11px;min-width:0;min-height:76px;padding:14px 6px;transition:transform .18s,background .18s;display:flex}.mobile-module-grid>a:active,.mobile-module-grid>button:active{background:#ffffff57;transform:scale(.975)}.mobile-module-grid>a>span,.mobile-module-grid>button>span{color:#6b6b6f;background:#fff;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 3px 3px 8px #0000000b,inset -3px -3px 8px #ffffffeb,1px 1px 4px #00000006}.mobile-module-grid>a svg,.mobile-module-grid>button svg{width:20px;height:20px}.mobile-module-grid>a>strong,.mobile-module-grid>button>strong{color:#1c1c1e;letter-spacing:-.02em;font-size:15px;font-weight:500}.mobile-module-grid>:last-child{grid-column:1}.mobile-market-card{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#ffffff8a;border-radius:20px;margin-top:4px;padding:18px;overflow:hidden;box-shadow:6px 6px 16px #0000000f,-4px -4px 10px #fffc}.mobile-market-card>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-market-card>header>.mobile-market-open span,.mobile-market-card>header>.mobile-market-open strong{display:block}.mobile-market-card>header>.mobile-market-open span{color:#6b6b6f;letter-spacing:1.1px;font-size:10px;font-weight:600}.mobile-market-card>header>.mobile-market-open strong{color:#1c1c1e;margin-top:3px;font-size:16px;font-weight:500}.mobile-market-open{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.mobile-market-status{color:#6b6b6f;white-space:nowrap;background:#e8d3a333;border-radius:99px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:600;display:inline-flex}.mobile-market-status>i{background:#e8d3a3;border-radius:50%;width:6px;height:6px}.mobile-market-status.is-live{color:#2e9b5f;background:#42b88321}.mobile-market-status.is-live>i{background:#2e9b5f}.mobile-market-tabs{background:#eef0f3c7;border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;padding:4px;display:grid}.mobile-market-tabs button{color:#6b6b6f;cursor:pointer;background:0 0;border:0;border-radius:13px;min-height:36px;font-size:11px;font-weight:500;transition:color .2s,background .2s,box-shadow .2s}.mobile-market-tabs button.active{color:#1c1c1e;background:#fff;box-shadow:3px 3px 10px #0000000a,-2px -2px 8px #ffffffd9}.mobile-market-table{background:#ffffffc7;border-radius:18px;margin-top:14px;overflow:hidden;box-shadow:3px 3px 10px #0000000a,-2px -2px 8px #ffffffd9}.mobile-market-head,.mobile-market-row{grid-template-columns:minmax(0,1fr) 72px 72px;align-items:center;padding-inline:13px;display:grid}.mobile-market-head{background:#eff6f3c2;min-height:38px}.mobile-market-head>span{color:#6b6b6f;letter-spacing:.55px;font-size:9px;font-weight:600}.mobile-market-head>span:not(:first-child){text-align:right}.mobile-market-row{border-bottom:1px solid #1c1c1e0d;min-height:55px;position:relative}.mobile-market-row:last-child{border-bottom:0}.mobile-market-row>strong,.mobile-market-row>span{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.mobile-market-row>strong{color:#1c1c1e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-market-row>span{color:#1c1c1e;text-align:right}.mobile-market-row.is-up>span{color:#2e9b5f;animation:1.65s ease-out mobile-rate-up}.mobile-market-row.is-down>span{color:#c73a32;animation:1.65s ease-out mobile-rate-down}.mobile-live-side{background:#55565a;border-radius:3px;width:3px;position:absolute}.mobile-live-side-left{height:11%;top:20%;left:-5px;box-shadow:0 56px #55565a}.mobile-live-side-right{height:16%;top:29%;right:-5px}@keyframes mobile-rate-up{0%{background:#42b8834d}to{background:0 0}}@keyframes mobile-rate-down{0%{background:#c73a323d}to{background:0 0}}@media (max-width:700px){.home-product-desktop{display:none}.home-product-mobile{display:block}}@media (max-width:390px){.mobile-live-device{border-radius:42px;padding:8px}.mobile-live-screen{border-radius:34px;height:690px}.mobile-live-scroll{padding-inline:13px}.mobile-module-grid>a,.mobile-module-grid>button{gap:9px;padding-inline:4px}.mobile-module-grid>a>strong,.mobile-module-grid>button>strong{font-size:14px}.mobile-market-card{padding:14px}.mobile-market-head,.mobile-market-row{grid-template-columns:minmax(0,1fr) 67px 67px;padding-inline:10px}}@media (prefers-reduced-motion:reduce){.mobile-market-row>span{animation:none!important}}