.f-hero{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:65px;padding-block:86px 88px}.f-hero h1{font-size:clamp(44px,5.2vw,74px);letter-spacing:-.06em;line-height:1.1}.f-hero h1 em{font-style:normal;color:var(--blue)}.f-hero-copy>p{max-width:440px;margin:25px 0 30px;font-size:17px;color:#61717a;line-height:1.75}.f-hero .actions{gap:22px}.f-text-link{font-size:13px;font-weight:650;min-height:44px;display:inline-flex;align-items:center;gap:10px}.f-free-note{margin-top:22px;font-size:12px;color:#65727a;display:flex;gap:9px;align-items:center}.f-free-note>span{display:grid;place-items:center;border:1px solid #bdcce0;border-radius:50%;width:18px;height:18px;color:#175df5;font-size:10px}.f-lifestyle{margin:0;position:relative;background:#e4e5e2;border-radius:26px 80px 26px 26px;overflow:hidden;box-shadow:0 20px 55px #18364b0d}.f-lifestyle>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.f-lifestyle video{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/9;object-fit:contain;opacity:0;transition:opacity .3s}.f-lifestyle video.is-playing{opacity:1}.f-lifestyle figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:100px;padding:23px 28px;background:#e4eaf0;color:#20394d;font-size:13px;line-height:1.6}.f-lifestyle figcaption b{font:650 23px/1.4 Manrope,sans-serif;letter-spacing:-.04em}.f-video-toggle{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:#fff9;border:1px solid #becbd5;border-radius:50%;color:#193648;font-size:16px}.f-video-toggle[hidden]{display:none}.f-video-toggle:hover{background:#fff}
.f-showcase{background:#102936;color:#f5f6f5;padding:78px 0 35px;border-radius:36px 36px 0 0;overflow:clip}.f-showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.f-showcase-heading h2{font-size:clamp(36px,4vw,57px);letter-spacing:-.055em}.f-showcase-heading .eyebrow{color:#9fbacb}.f-showcase-heading .eyebrow:before{background:#78a9ff}.f-showcase-heading>p{max-width:250px;font-size:15px;color:#b4c5cf;margin-bottom:4px}.f-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid #425766;gap:14px}.f-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;padding:19px 5px;color:#b8c7d0;min-height:64px;font-size:12px;font-weight:600;border-radius:11px 11px 0 0}.f-tabs button svg{width:22px;height:22px;flex-shrink:0}.f-tabs button:after{position:absolute;content:'';height:3px;bottom:-1px;left:0;right:0;border-radius:5px;background:transparent}.f-tabs button[aria-selected=true]{color:white;background:#ffffff08}.f-tabs button[aria-selected=true]:after{background:#89b4ff}.f-tabs button:hover{background:#ffffff08;color:white}.f-panel{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:592px;padding:35px 0}.f-panel[hidden]{display:none}.f-panel:focus{outline-offset:-5px}.f-feature-copy{max-width:470px}.f-chapter{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#92b0c4}.f-feature-copy h3{margin:21px 0;font-size:clamp(31px,3.3vw,46px);line-height:1.15;letter-spacing:-.05em;font-weight:650}.f-feature-copy p{max-width:415px;font-size:15px;color:#c0cdd5;line-height:1.8}.f-feature-copy ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:25px 0 30px}.f-feature-copy li{border:1px solid #486170;padding:8px 12px;border-radius:25px;color:#c0d2dd;font-size:10px}.f-detail-link{min-height:44px;display:inline-flex;align-items:center;gap:35px;font-size:13px;font-weight:650;border-bottom:1px solid #8db6da;color:#d5e5ff}.f-detail-link:hover{color:#fff}.f-device-scene{display:flex;justify-content:center;position:relative;padding:4px 0;isolation:isolate}.f-device-scene:before{content:'';position:absolute;z-index:-1;inset:20% -10% 5%;background:radial-gradient(ellipse,#7396b52b,transparent 68%);pointer-events:none}.f-device{width:365px;max-width:100%;background:#f4f6f8;color:#233849;border:6px solid #526978;border-radius:28px;overflow:hidden;box-shadow:3px 5px 0 #081923,18px 28px 65px #07172155;transform:perspective(1800px) rotateY(-8deg) rotateZ(1deg)}.f-device-top{height:56px;padding:14px 19px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #e1e7ed;background:#fff}.f-device-top .brand-mark{width:23px;height:23px;border-radius:6px}.f-device-top .brand-mark:before{top:6px;left:5px;width:14px}.f-device-top .brand-mark:after{left:10px;top:6px;height:12px}.f-device-top>b{font:800 17px Manrope,sans-serif;letter-spacing:-.8px}.f-device-profile{margin-left:auto;background:#e6ebf2;border-radius:50%;font-size:9px;font-weight:650;padding:8px}.f-screen{padding:20px 19px;min-height:395px}.f-screen-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;font-weight:700;letter-spacing:-.03em;margin-bottom:18px}.f-ui-tag{font-size:8px;letter-spacing:0;font-weight:500;color:#566d7d;background:#e6edf3;padding:6px 8px;border-radius:9px}.f-total{padding:16px 19px;background:#183e6c;border-radius:14px;color:#fff;margin-bottom:13px}.f-total small,.f-total>span{display:block;font-size:9px;color:#b8d1f1}.f-total strong{font:700 35px/1.4 Manrope,sans-serif;letter-spacing:-1.6px;display:block;margin-bottom:4px}.f-total em,.f-debt-card em{font-size:23px;font-style:normal;letter-spacing:-1px}.f-row{display:flex;gap:10px;align-items:center;min-height:58px;border-bottom:1px solid #e0e7ed;font-size:11px}.f-row-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;background:#e9eef5;color:#466782;font-style:normal;font-size:19px;font-weight:600}.f-row b{font-weight:650;display:block}.f-row small{display:block;font-size:8px;color:#708291;margin-top:4px}.f-row>strong{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:700}.f-coin{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;overflow:hidden}.f-coin img{width:26px;height:18px;object-fit:cover;border-radius:3px}.f-usdt{background:#daf0e9;color:#25856f}.f-ui-button{margin-top:17px;padding:12px;background:#175df5;border-radius:10px;color:#fff;text-align:center;font-size:10px;font-weight:650}.f-device-bottom{display:flex;justify-content:space-around;padding:15px 5px;font-size:8px;background:white;border-top:1px solid #e0e7ed;color:#637a8b}.f-device-bottom>span:first-child{color:#175df5}.f-income{color:#167152!important}.f-expense{color:#bd413e!important}.f-stat-pair{display:flex;gap:10px;margin-bottom:16px}.f-stat-pair>div{flex:1;padding:15px 12px;border-radius:12px;background:#fff;border:1px solid #dfe7ec}.f-stat-pair small{font-size:9px;color:#617789;display:block}.f-stat-pair strong{display:block;font:700 20px/1.4 Manrope,sans-serif;margin-top:5px;letter-spacing:-.7px}.f-search{font-size:10px;color:#6d8291;padding:11px 12px;background:white;border:1px solid #dce4ec;border-radius:9px}.f-debt-card{background:#fff;border:1px solid #dce4ec;border-radius:15px;padding:20px}.f-debt-card>span{font-size:11px;font-weight:650}.f-debt-card>strong{display:block;font:700 35px/1.4 Manrope,sans-serif;letter-spacing:-1.6px;margin-top:12px}.f-debt-card small{font-size:9px;color:#687f90}.f-progress{height:7px;border-radius:10px;background:#e3ebf3;margin:20px 0 9px;overflow:hidden}.f-progress i{display:block;width:65%;height:100%;background:#175df5;border-radius:10px}.f-debt-caption{display:flex;justify-content:space-between;font-size:9px;color:#657b8d}.f-attached{margin-top:15px;font-size:9px;color:#527664;display:flex;align-items:center;gap:7px;padding:11px;border-radius:9px;background:#e6eee9}.f-attached svg{width:18px;height:18px}.f-portfolio-note{font-size:14px;color:#476277;padding:5px 0 15px}.f-portfolio-note small{display:block;font-size:8px;line-height:1.6;margin-top:7px;max-width:250px}.f-btc.f-row-icon{background:#ffebd8;color:#b8791a}.f-gold.f-row-icon{background:#f2ead7;color:#89732e;font-size:15px}.f-paper{background:#fffefa;border:1px solid #e2dfd5;box-shadow:0 8px 20px #233a4a0b;border-radius:10px;padding:22px 19px}.f-paper>div:first-child{display:flex;align-items:center;gap:9px}.f-paper-icon{font-size:22px;color:#7e90a3}.f-paper small{font-size:8px;letter-spacing:.08em;color:#617a8d}.f-paper h3{font-size:18px;line-height:1.3;letter-spacing:-.03em;margin:17px 0 23px}.f-paper-line{display:flex;justify-content:space-between;font-size:10px;margin-top:15px}.f-paper-line>span{color:#6c8090}.f-paper p{font-size:9px;margin-top:20px;padding-top:14px;border-top:1px dashed #ced5d8;color:#39795e}.f-space-current{display:flex;gap:13px;align-items:center;border:1px solid #a8c7ee;background:#e8f0fc;border-radius:14px;padding:20px 14px;margin-bottom:16px}.f-profile{display:grid;place-items:center;width:40px;height:40px;background:#ceddf3;color:#245f9c;border-radius:50%;font-size:11px;font-weight:700}.f-space-current small{font-size:7px;letter-spacing:.1em;display:block;color:#567da7}.f-space-current b{display:block;font-size:14px;margin:5px 0}.f-space-current em{font-style:normal;font-size:8px;color:#607f9d;display:block}.f-space-current>strong{margin-left:auto;color:#175df5}.f-space-item{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #dee7ee}.f-space-item>i{display:grid;place-items:center;background:#f0e7db;border-radius:10px;width:36px;height:36px;color:#7c684a}.f-space-item svg{width:21px;height:21px}.f-space-item b{display:block;font-size:11px}.f-space-item small{font-size:9px;display:block;margin-top:5px;color:#688091}.f-space-item>span:last-child{margin-left:auto;color:#7491a8}.f-showcase-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #425766;padding-top:20px;gap:15px}.f-showcase-controls>p{font-size:10px;color:#9ab0be}.f-showcase-controls>div{display:flex;gap:7px}.f-showcase-controls button{color:#e1edf7;border:1px solid #587282;min-width:44px;min-height:44px;border-radius:12px;font-size:17px}.f-showcase-controls button:hover{background:#ffffff10}.f-showcase-controls [data-features-play]{font-size:11px;min-width:115px;padding:0 13px}.f-panel.is-entering .f-feature-copy,.f-panel.is-entering .f-screen{animation:f-enter .38s ease both}.f-panel.is-entering .f-row{animation:f-enter .4s ease both;animation-delay:.1s}.f-panel.is-entering .f-row:nth-of-type(4){animation-delay:.18s}.f-panel.is-entering .f-row:nth-of-type(5){animation-delay:.25s}@keyframes f-enter{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.f-everyday{padding-block:100px;display:grid;grid-template-columns:.9fr 1.5fr;gap:55px;align-items:center}.f-everyday-title h2{font-size:clamp(34px,4vw,52px)}.f-everyday-title>p{font-size:16px;color:#617482;margin-top:22px;max-width:290px}.f-everyday-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.f-everyday-cards article{padding:30px 25px;background:#fffefa;border:1px solid #e0e2de;border-radius:22px}.f-benefit-icon{width:45px;height:45px;background:#e7eef9;color:#3a6bba;display:grid;place-items:center;border-radius:13px;margin-bottom:25px}.f-benefit-icon svg{width:25px;height:25px}.f-everyday-cards h3{font-size:23px;line-height:1.2}.f-everyday-cards p{font-size:13px;line-height:1.75;color:#617482;margin-top:16px;min-height:70px}.f-everyday-cards a{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:22px;padding-top:14px;border-top:1px solid #e0e5e7;font-size:12px;font-weight:650;min-height:44px;color:#255fbe}.f-business-wrap{padding-bottom:85px}.f-business{background:#e8e0d3;border-radius:26px;padding:48px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:45px}.f-business .eyebrow{font-size:10px;color:#79674c}.f-business .eyebrow:before{background:#a27b4e}.f-business h2{font-size:clamp(32px,3.6vw,48px);line-height:1.16;color:#3c3a32}.f-business p{font-size:14px;max-width:360px;color:#736b5e;margin:21px 0 25px}.f-business .action{background:#273d4a;font-size:12px}.f-business small{display:block;font-size:9px;color:#6f685b;line-height:1.6;max-width:320px;margin-top:15px}.f-business-photos{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.f-business-photos img{width:100%;height:275px;object-fit:cover;border-radius:17px}.f-business-photos img:nth-child(2){margin-top:65px}.f-last{padding:0 0 85px;display:flex;align-items:center;justify-content:space-between;gap:35px}.f-last h2{font-size:clamp(28px,3vw,42px)}.f-last p{margin-top:18px;color:#667c8b;font-size:14px}.f-last .action{font-size:12px}.f-last .actions{flex-shrink:0}
@media(max-width:1100px){.f-hero{gap:35px}.f-hero .actions{gap:12px}.f-hero .action{font-size:12px;padding-inline:19px}.f-text-link{font-size:12px}.f-panel{gap:35px}.f-feature-copy h3{font-size:36px}.f-everyday{gap:35px;grid-template-columns:1fr 1.5fr}.f-everyday-cards{gap:12px}.f-everyday-cards article{padding:25px 20px}.f-business{padding:35px;gap:25px}.f-last{align-items:start;flex-direction:column}.f-business-photos img{height:240px}}
@media(max-width:800px){.f-hero{grid-template-columns:1fr;padding-block:50px;gap:35px}.f-hero h1{font-size:54px}.f-hero-copy>p{max-width:540px}.f-lifestyle{max-width:620px;width:100%;justify-self:center}.f-showcase{padding-top:55px}.f-showcase-heading{gap:20px}.f-showcase-heading>p{max-width:200px}.f-tabs{gap:4px}.f-tabs button{flex-direction:column;font-size:10px;gap:7px;min-height:76px}.f-panel{grid-template-columns:.9fr 1fr;gap:25px;min-height:620px}.f-feature-copy h3{font-size:31px}.f-feature-copy p{font-size:13px}.f-feature-copy li{font-size:9px;padding:7px 10px}.f-screen{padding:18px 13px}.f-device{transform:none}.f-screen-title{font-size:14px}.f-row{gap:7px}.f-row>strong{font-size:10px}.f-stat-pair strong{font-size:18px}.f-everyday{grid-template-columns:1fr;padding-block:65px}.f-everyday-title h2 br{display:none}.f-everyday-title>p{max-width:none}.f-business{grid-template-columns:1fr}.f-business-photos img{height:auto;aspect-ratio:3/2}.f-business-photos img:nth-child(2){margin-top:0}.f-business p{max-width:500px}.f-business-wrap{padding-bottom:65px}.f-everyday-cards p{min-height:44px}}
@media(max-width:620px){.f-hero{padding-block:38px 44px;gap:30px}.f-hero h1{font-size:44px}.f-hero .eyebrow{font-size:9px;margin-bottom:21px}.f-hero-copy>p{font-size:15px;margin-block:20px 25px}.f-hero .actions{gap:18px}.f-hero .action{min-height:48px}.f-lifestyle{border-radius:20px 48px 20px 20px}.f-lifestyle figcaption{min-height:83px;padding:17px 20px;font-size:11px}.f-lifestyle figcaption b{font-size:20px}.f-showcase{border-radius:25px 25px 0 0;padding:40px 0 25px}.f-showcase-heading{display:block;margin-bottom:24px}.f-showcase-heading h2{font-size:36px}.f-showcase-heading>p{max-width:280px;margin-top:19px;font-size:13px}.f-tabs{grid-template-columns:repeat(3,1fr);border:0;gap:6px}.f-tabs button{flex-direction:row;min-height:48px;font-size:9px;gap:6px;border:1px solid #3a5261;border-radius:12px;padding:8px 3px}.f-tabs button svg{width:18px;height:18px}.f-tabs button:after{display:none}.f-tabs button[aria-selected=true]{background:#d9e8ff;color:#173c66;border-color:#d9e8ff}.f-panel{grid-template-columns:1fr;gap:25px;padding-block:28px 25px;min-height:850px;align-content:start}.f-feature-copy{min-height:267px}.f-feature-copy h3{font-size:30px;max-width:330px;margin:15px 0}.f-feature-copy p{font-size:13px;max-width:370px}.f-feature-copy ul{margin-block:18px 16px;gap:6px}.f-chapter{font-size:9px}.f-detail-link{font-size:12px}.f-device{width:340px;border-width:5px;border-radius:25px}.f-screen{padding:18px 16px;min-height:390px}.f-screen-title{font-size:16px}.f-row>strong{font-size:11px}.f-device-top{height:50px}.f-device-bottom{padding:13px 5px}.f-showcase-controls{flex-wrap:wrap;gap:14px}.f-showcase-controls>p{font-size:9px;flex:1;max-width:150px;line-height:1.6}.f-showcase-controls>div{gap:5px}.f-showcase-controls [data-features-play]{min-width:90px;font-size:10px;padding:0 8px}.f-everyday{padding-block:50px;gap:26px}.f-everyday-title h2{font-size:35px}.f-everyday-title>p{font-size:14px;margin-top:16px}.f-everyday-cards{grid-template-columns:1fr;gap:14px}.f-everyday-cards article{padding:24px}.f-everyday-cards h3{font-size:23px}.f-benefit-icon{margin-bottom:18px}.f-everyday-cards p{min-height:0}.f-business{padding:26px 23px;border-radius:22px;gap:28px}.f-business h2{font-size:32px}.f-business-photos{gap:9px}.f-business-photos img{border-radius:11px;aspect-ratio:1;object-position:center}.f-business-wrap{padding-bottom:45px}.f-last{padding-bottom:55px;gap:22px}.f-last .actions{gap:10px;flex-wrap:wrap}.f-last .action{font-size:11px;padding-inline:18px}.f-last p{font-size:13px;margin-top:14px}.f-last h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.f-panel.is-entering .f-feature-copy,.f-panel.is-entering .f-screen,.f-panel.is-entering .f-row{animation:none}.f-lifestyle video{transition:none}.f-device{transform:none}}

/* Stable stage dimensions prevent the page shifting as the demonstration advances. */
.f-screen{height:430px;min-height:430px;overflow:hidden}.f-panel{min-height:630px}.f-device-bottom{height:41px;align-items:center}@media(max-width:620px){.f-panel{min-height:900px}}
/* Shared grid sizing reserves the tallest example before it is selected. */
.f-panels{display:grid}.f-panel{grid-area:1/1}.f-panel[hidden]{display:grid;visibility:hidden;pointer-events:none}.f-screen{height:450px;min-height:450px}.f-panel{min-height:650px}
@media(max-width:620px){.f-panel{min-height:920px}}