/* One feature at a time: native, responsive product examples. */
.feature-explorer{padding-block:72px 68px;scroll-margin-top:110px}
.feature-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.feature-heading .eyebrow{margin-bottom:15px}.feature-heading h2{font-size:42px;letter-spacing:-1.6px}
.feature-heading>p{color:var(--muted,#566c82);font-size:14px;margin-bottom:4px}
.feature-tabs{display:flex;gap:8px;flex-wrap:wrap;width:fit-content;margin-bottom:34px;padding:5px;border:1px solid #d6e3ef;background:#eaf1f9;border-radius:12px}
.feature-tabs button{font:500 14px/1.4 'DM Sans',system-ui,sans-serif;min-height:44px;padding:11px 22px;border:0;border-radius:8px;background:transparent;color:#526b83;cursor:pointer;transition:background .16s,color .16s}
.feature-tabs button[aria-selected=true]{background:#153a5d;color:#eff8ff;box-shadow:0 2px 6px #132e4914}
.feature-tabs button:hover:not([aria-selected=true]){background:#ddeaf6;color:#174d7d}
.feature-tabs button:focus-visible,.feature-panel:focus-visible{outline:2px solid #176ac0;outline-offset:4px}
.feature-panel{display:grid;grid-template-columns:.92fr 1.08fr;gap:74px;align-items:center;min-width:0}.feature-panel[hidden]{display:none!important}
.feature-copy{max-width:415px;min-width:0}.feature-index{display:block;font-size:10px;letter-spacing:1.4px;font-weight:600;color:#507697;margin-bottom:21px}
.feature-copy h3{font-size:39px;line-height:1.13;letter-spacing:-1.5px;font-weight:500}.feature-copy>p{font-size:15px;line-height:1.8;color:#60768b;margin-top:21px;max-width:365px}
.feature-copy ul{list-style:none;margin:24px 0 19px;padding:0;display:grid;gap:13px}.feature-copy li{position:relative;padding-left:21px;font-size:14px;line-height:1.7;color:#334f69}
.feature-copy li:before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border:1.5px solid #438bb4;border-radius:50%}.feature-copy .quiet-link{color:#176ac0;font-weight:600}
.feature-preview{--fp-text:#edf5ff;--fp-muted:#a3bdd4;min-width:0;min-height:429px;border:1px solid #4071913d;border-radius:19px;padding:23px 27px 19px;background:radial-gradient(ellipse at 110% 0%,#2361803b,transparent 60%),linear-gradient(135deg,#17324d,#10263f);box-shadow:0 14px 34px #1333500c;color:var(--fp-text);font-variant-numeric:tabular-nums}
.feature-preview-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid #abcde51d}.feature-preview-head>span{font-size:15px;font-weight:600}.feature-preview-head small{font-size:11px;color:#a6c1d8;white-space:nowrap}
.feature-account,.feature-movement,.feature-asset{display:flex;align-items:center;gap:13px;min-width:0;border-bottom:1px solid #abcde514}.feature-account{padding:17px 0;min-height:73px}
.feature-record{display:flex;flex-direction:column;gap:3px;min-width:0}.feature-record>b{font-size:13px;font-weight:500;color:#e9f3ff;line-height:1.4}.feature-record>small{font-size:11px;line-height:1.4;color:var(--fp-muted)}
.feature-account>strong,.feature-movement>strong,.feature-asset>strong{margin-left:auto;font-size:14px;font-weight:500;white-space:nowrap;flex-shrink:0}
.feature-currency{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 35px;height:35px;background:#d4eaff0c;border-radius:9px}
.feature-currency svg{width:28px;height:20px;border-radius:3px}.feature-currency>b{position:absolute;right:-2px;bottom:-2px;border:1px solid #3b6080;border-radius:8px;min-width:17px;padding:1px 3px;font-size:8px;line-height:1.3;text-align:center;color:#e9f6ff;background:#244b6b}
.feature-coin{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:50%;font-size:23px;font-weight:500;line-height:1}.feature-coin svg{width:23px;height:23px;fill:currentColor}
.feature-usdt{background:#237966;color:#f3fffa;font-size:24px}.feature-transfer{display:flex;align-items:center;gap:14px;border-radius:10px;background:#93d3f009;border:1px solid #a3dafa18;padding:15px;margin-top:18px}
.feature-transfer-icon{font-size:24px;color:#98e1ee;flex:0 0 24px}.feature-transfer b{font-size:12px;font-weight:500}.feature-transfer p{font-size:12px;color:#d1e7f9;margin:5px 0}.feature-transfer p span{margin-inline:6px;color:#7eb5d7}.feature-transfer small{display:block;font-size:10px;color:#9dbbd3}
.feature-preview-note{font-size:11px!important;line-height:1.6!important;color:#9bb7cd!important;margin-top:17px!important}
.feature-movement-totals{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 0 17px;border-bottom:1px solid #abcde51d}.feature-movement-totals>span{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#a7c0d8}.feature-movement-totals strong{font-size:21px;font-weight:500;line-height:1.25}
.feature-in{color:#75d7b3!important}.feature-out{color:#ff9cac!important}.feature-flow{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:#abcde509;font-size:19px}.feature-movement{padding:16px 0;align-items:center;min-height:66px}.feature-movement:has(.feature-proof){padding-block:15px}
.feature-proof{display:inline-flex;align-items:center;gap:5px;color:#90c5df;font-size:10px;margin-top:5px;line-height:1.5}.feature-proof svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.feature-debt-title{display:flex;align-items:center;gap:13px;padding-top:23px}.feature-debt-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:10px;background:#9fddff0d;color:#a5dcf1}.feature-debt-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round}
.feature-debt-title>div{display:flex;flex-direction:column;gap:3px;min-width:0}.feature-debt-title b{font-size:14px;font-weight:500}.feature-debt-title small{font-size:11px;color:var(--fp-muted)}.feature-debt-tag{margin-left:auto;white-space:nowrap;font-size:10px;color:#aedbe8;border:1px solid #9fddff28;border-radius:15px;padding:5px 9px}
.feature-debt-amount{display:flex;flex-direction:column;gap:7px;margin:25px 0 22px}.feature-debt-amount>span{font-size:12px;color:var(--fp-muted)}.feature-debt-amount>strong{font-size:37px;line-height:1.15;font-weight:500;letter-spacing:-1.2px}
.feature-debt-progress{height:6px;background:#b7d6ee16;border-radius:5px;overflow:hidden}.feature-debt-progress>span{display:block;width:25%;height:100%;background:linear-gradient(90deg,#80bbea,#81dce5);border-radius:5px}
.feature-debt-labels{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:10px;color:#a5bfd5}
.feature-payment{display:flex;align-items:center;gap:11px;padding:17px 0;border-top:1px solid #abcde51d;border-bottom:1px solid #abcde51d;margin-top:24px}.feature-payment-check{display:grid;place-items:center;flex:0 0 27px;height:27px;background:#93d5f014;border-radius:50%;font-size:14px;color:#a8dcec}.feature-payment>div{display:flex;flex-direction:column;gap:3px}.feature-payment b{font-size:12px;font-weight:500}.feature-payment small{font-size:11px;color:var(--fp-muted)}.feature-payment>strong{font-size:15px;font-weight:500;margin-left:auto;white-space:nowrap}
.feature-portfolio-total{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0 13px}.feature-portfolio-total>span{font-size:12px;color:var(--fp-muted)}.feature-portfolio-total>strong{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.7px}
.feature-asset{padding:9px 0;gap:11px;min-height:48px}.feature-asset .feature-record{gap:1px}.feature-asset .feature-record>b{font-size:12px}.feature-asset .feature-record>small{font-size:10px}.feature-asset>strong{font-size:13px}.feature-asset .feature-coin{flex-basis:28px;height:28px;font-size:22px}.feature-asset .feature-coin svg{width:20px;height:20px}
.feature-btc{background:#ee9227;color:#fff}.feature-eth{background:#768bab;color:#f0f7ff}.feature-sol{background:#173e56;color:#77dce5}.feature-xaut{background:#c5a553;color:#18283a}.feature-bnb{background:#f0bc38;color:#233449}.feature-portfolio .feature-preview-note{margin-top:14px!important}
@media(max-width:1050px){.feature-panel{gap:38px;grid-template-columns:.9fr 1.1fr}.feature-copy h3{font-size:35px}.feature-preview{padding-inline:22px}.feature-heading h2{font-size:37px}.feature-heading>p{max-width:215px}.feature-copy li{font-size:13px}.feature-account>strong{font-size:13px}.feature-account{gap:10px}}
@media(max-width:800px){.feature-explorer{padding-block:54px}.feature-heading{display:block}.feature-heading h2{font-size:36px}.feature-heading>p{max-width:none;margin-top:16px}.feature-tabs{margin-bottom:27px}.feature-tabs button{padding-inline:17px}.feature-panel{grid-template-columns:1fr;gap:29px}.feature-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;align-items:start}.feature-index{grid-column:1/-1;margin-bottom:17px}.feature-copy h3{grid-column:1}.feature-copy>p{grid-column:1;margin-top:16px;font-size:14px}.feature-copy ul{grid-column:2;grid-row:2/4;margin:3px 0 0}.feature-copy .quiet-link{grid-column:1/-1;margin-top:17px;width:fit-content}.feature-preview{max-width:560px;width:100%;margin-inline:auto}}
@media(max-width:600px){.feature-explorer{padding-block:43px;scroll-margin-top:145px}.feature-heading{margin-bottom:24px}.feature-heading h2{font-size:31px;letter-spacing:-1.1px}.feature-heading>p{font-size:13px;margin-top:14px}.feature-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:4px;width:100%;margin-bottom:24px;border-radius:10px}.feature-tabs button{min-width:0;padding:10px 5px;font-size:12px;min-height:44px;letter-spacing:-.1px}.feature-copy{display:block}.feature-copy h3{font-size:32px;letter-spacing:-1.1px}.feature-index{font-size:9px;margin-bottom:15px}.feature-copy>p{font-size:14px;max-width:none;margin-top:16px}.feature-copy ul{gap:10px;margin:18px 0 12px}.feature-copy li{font-size:13px;line-height:1.6;padding-left:18px}.feature-copy li:before{top:8px}.feature-copy .quiet-link{font-size:13px;margin-top:0}.feature-panel{gap:20px}.feature-preview{min-height:0;border-radius:15px;padding:20px 18px 17px}.feature-preview-head{gap:9px;padding-bottom:17px}.feature-preview-head>span{font-size:14px}.feature-preview-head small{font-size:10px}.feature-account{padding-block:16px;gap:10px;min-height:70px}.feature-account>strong{font-size:12px}.feature-record>b{font-size:12px}.feature-record>small{font-size:10px}.feature-currency{flex-basis:31px;width:31px;height:31px}.feature-currency svg{width:25px;height:18px}.feature-account .feature-coin{flex-basis:30px;height:30px}.feature-transfer{padding:13px;gap:11px;margin-top:16px}.feature-transfer p{font-size:11px}.feature-preview-note{font-size:10px!important}.feature-movement-totals strong{font-size:20px}.feature-movement{gap:9px;padding-block:15px}.feature-movement>strong{font-size:12px}.feature-flow{flex-basis:26px;width:26px;height:28px;font-size:18px}.feature-movement .feature-record>small{font-size:10px}.feature-proof{font-size:9px}.feature-debt-title{gap:10px;flex-wrap:wrap;padding-top:20px}.feature-debt-title b{font-size:13px}.feature-debt-title small{font-size:10px}.feature-debt-tag{font-size:9px;padding:4px 7px}.feature-debt-icon{flex-basis:33px;height:33px}.feature-debt-amount>strong{font-size:35px}.feature-payment>strong{font-size:14px}.feature-portfolio-total{padding-block:17px}.feature-asset{padding-block:10px;min-height:49px}}
@media(max-width:365px){.feature-tabs button{font-size:11px;padding-inline:3px}.feature-preview{padding-inline:14px}.feature-account{gap:8px}.feature-account>strong{font-size:11px}.feature-record>b{font-size:11px}.feature-debt-tag{margin-left:43px}.feature-movement>strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.feature-tabs button{transition:none}}