/* Fintech page: static content first, interactions only on demand. */ html:has(.fintech-page) { scroll-behavior:auto; } .fintech-page { --ft-ink:#14233b; --ft-muted:#54647a; --ft-line:#dfe6ef; --ft-blue:#0041c2; --ft-green:#08785f; --text-white:#14233b; --text-dim:#54647a; --neon-blue:#0041c2; --neon-purple:#7042ba; --neon-green:#08785f; --neon-cyan:#087f9c; --neon-pink:#a72d77; } #fintech-content { color:var(--ft-ink); overflow:clip; } #fintech-content [hidden] { display:none!important; } #fintech-content iconify-icon { display:inline-block; flex-shrink:0; width:1em; height:1em; font-size:22px; vertical-align:middle; } #fintech-content :is(button,a,summary,[tabindex]):focus-visible { outline:3px solid #087f9c; outline-offset:5px; } #fintech-content button { font-family:inherit; cursor:pointer; } #fintech-content button:disabled { cursor:default; opacity:.42; } #fintech-content :is(section,[id^="svc-panel"]) { scroll-margin-top:150px; } #fintech-content .container { width:100%; } #fintech-content .ft-section { padding:88px 0; } #fintech-content :is(h1,h2,h3,h4,p) { margin:0; } #fintech-content :is(h2,.why-nl-title,.sec-title) { font-size:clamp(30px,3.1vw,44px); line-height:1.22; letter-spacing:-1.4px; font-weight:700; } #fintech-content p { color:var(--ft-muted); font-size:16px; line-height:1.85; } #fintech-content .ft-eyebrow,#fintech-content .sec-tag,#fintech-content .why-nl-tag { display:block; margin-bottom:16px; color:var(--ft-blue); font-size:12px; line-height:1.6; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; } #fintech-content .ft-section-heading,#fintech-content .sec-header { max-width:740px; margin-bottom:36px; } #fintech-content .ft-section-heading p { margin-top:16px; } #fintech-content .ft-helper { margin:20px 0 26px; } /* Hero and a working, explicitly labelled product preview. */ #fintech-content .ft-hero { padding:148px 0 74px; background:radial-gradient(ellipse at 92% 40%,#e8edff 0,transparent 48%),linear-gradient(120deg,#fff 30%,#f3f7fc); border-bottom:1px solid var(--ft-line); } #fintech-content .ft-hero-grid { display:grid; grid-template-columns:1.08fr 1fr; gap:72px; align-items:center; } #fintech-content .ft-breadcrumb { display:flex; align-items:center; gap:8px; width:fit-content; margin-bottom:28px; color:var(--ft-muted); font-size:13px; } #fintech-content .ft-breadcrumb iconify-icon { font-size:16px; } #fintech-content .ft-hero h1 { font-size:clamp(40px,4.25vw,62px); line-height:1.12; letter-spacing:-2.8px; font-weight:700; max-width:640px; } #fintech-content .ft-hero h1 em { font-style:normal; color:var(--ft-blue); } #fintech-content .ft-hero-copy>p { max-width:560px; margin-top:24px; font-size:17px; } #fintech-content .ft-hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; } #fintech-content .ft-hero-notes { display:flex; flex-wrap:wrap; gap:18px; margin-top:26px; color:var(--ft-muted); font-size:13px; } #fintech-content .ft-hero-notes span { display:flex; align-items:center; gap:7px; } #fintech-content .ft-hero-notes iconify-icon { color:var(--ft-green); font-size:18px; } #fintech-content .ft-preview { min-width:0; padding:26px; border:1px solid #d7dfed; border-radius:22px; background:#fff; box-shadow:0 24px 60px #223e7a12; position:relative; } #fintech-content .ft-preview-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:22px; } #fintech-content .ft-product-brand { display:flex; gap:9px; align-items:center; font-size:18px; font-weight:700; } #fintech-content .ft-product-brand b { display:grid; place-items:center; width:32px; height:32px; background:var(--ft-ink); color:#fff; border-radius:10px; font-size:17px; } #fintech-content .ft-demo-label { color:#5a6480; font-size:12px; letter-spacing:.2px; } #fintech-content .ft-preview-tabs { display:flex; gap:4px; padding:5px; background:#f1f4f9; border-radius:10px; margin-bottom:24px; } #fintech-content .ft-preview-tabs button { border:0; flex:1; background:transparent; padding:10px 6px; font-size:13px; font-weight:600; border-radius:7px; color:var(--ft-muted); transition:background .15s,color .15s; } #fintech-content .ft-preview-tabs button[aria-selected="true"] { background:#fff; color:var(--ft-blue); box-shadow:0 2px 5px #152c4c0b; } #fintech-content .ft-preview-panel { min-height:316px; } #fintech-content .ft-preview-panel h3 { font-size:20px; letter-spacing:-.5px; } #fintech-content .ft-preview-panel .ft-preview-help { font-size:14px; margin:4px 0 16px; } #fintech-content .ft-balance-heading { display:flex; justify-content:space-between; align-items:center; color:var(--ft-muted); font-size:14px; } #fintech-content .ft-currency { border:1px solid var(--ft-line); padding:3px 9px; border-radius:6px; font-size:12px; } #fintech-content .ft-balance { display:block; font-size:38px; letter-spacing:-1.8px; line-height:1.35; margin:6px 0; } #fintech-content .ft-balance>span { font-size:25px; color:#8491a3; } #fintech-content .ft-balance-change { display:flex; align-items:center; gap:5px; color:var(--ft-green); font-size:12px; } #fintech-content .ft-balance-change iconify-icon { font-size:16px; } #fintech-content .ft-chart { height:118px; position:relative; margin-top:20px; } #fintech-content .ft-chart-lines { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; } #fintech-content .ft-chart-lines span { display:block; border-bottom:1px dashed #dce5ee; font-size:12px; line-height:1.8; color:#64748b; } #fintech-content .ft-bars { position:absolute; inset:0 0 0 40px; display:flex; align-items:flex-end; gap:14px; } #fintech-content .ft-bars i { height:var(--bar); flex:1; border-radius:5px 5px 0 0; background:#c4d2fa; } #fintech-content .ft-bars i:nth-child(2n) { background:#95adf1; } #fintech-content .ft-bars i:last-child { background:var(--ft-blue); } #fintech-content .ft-chart-days { display:flex; margin:8px 0 0 40px; justify-content:space-around; font-size:12px; color:#64748b; } #fintech-content .ft-preview-summary { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:19px 0 8px; padding-top:16px; border-top:1px solid var(--ft-line); } #fintech-content .ft-preview-summary span { display:block; font-size:12px; color:var(--ft-muted); } #fintech-content .ft-preview-summary strong { display:block; font-size:19px; margin-top:2px; } #fintech-content .ft-preview-footer { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ft-muted); border-top:1px solid var(--ft-line); margin-top:20px; padding-top:16px; } #fintech-content .ft-preview-footer iconify-icon { color:var(--ft-green); font-size:20px; } #fintech-content .ft-transaction { display:flex; align-items:center; gap:10px; padding:17px 0; border-bottom:1px solid var(--ft-line); } #fintech-content .ft-tx-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:#edf3ff; color:var(--ft-blue); } #fintech-content .ft-transaction>div { flex:1; } #fintech-content .ft-transaction strong,#fintech-content .ft-transaction b { display:block; font-size:14px; } #fintech-content .ft-transaction>div>span { font-size:12px; color:var(--ft-muted); } #fintech-content .ft-credit { color:var(--ft-green); } #fintech-content .ft-preview-note { display:flex; align-items:center; gap:7px; font-size:13px; color:var(--ft-green); margin-top:20px; } #fintech-content .ft-bank-card { color:#fff; padding:24px; border-radius:15px; background:linear-gradient(120deg,#14274a,#354786); margin:18px 0; } #fintech-content .ft-bank-card>div { display:flex; justify-content:space-between; align-items:center; font-size:12px; } #fintech-content .ft-bank-card>strong { display:block; font-size:20px; letter-spacing:2px; margin:28px 0; } #fintech-content .ft-bank-card.is-frozen { background:#526075; } #fintech-content .ft-card-control { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:12px; } #fintech-content .ft-small-button { display:inline-flex; gap:6px; align-items:center; padding:10px 12px; min-height:42px; border:1px solid #cbd6e6; border-radius:8px; background:#fff; color:var(--ft-blue); font-size:12px; font-weight:600; } #fintech-content .ft-small-button iconify-icon { font-size:17px; } /* Compact proof strip and in-page navigation. */ #fintech-content .ft-stats { padding:26px 0; background:#fff; } #fintech-content .stats-grid { display:grid; grid-template-columns:repeat(4,1fr); border:0; gap:0; background:none; } #fintech-content .stat-item { display:grid; grid-template-columns:auto 1fr; column-gap:16px; padding:14px 30px; border-right:1px solid var(--ft-line); align-items:center; } #fintech-content .stat-item:first-child { padding-left:0; } #fintech-content .stat-item:last-child { border:0; } #fintech-content .stat-item::before,#fintech-content .stat-item::after { display:none; } #fintech-content .stat-icon { grid-row:span 2; color:var(--ft-blue); } #fintech-content .stat-icon iconify-icon { font-size:29px; } #fintech-content .stat-value { font-size:30px; line-height:1.25; font-weight:700; letter-spacing:-1px; } #fintech-content .stat-label { font-size:13px; color:var(--ft-muted); margin-top:5px; } #fintech-content .ft-section-nav { background:#fff; border-block:1px solid var(--ft-line); } #fintech-content .ft-section-nav>.container { display:flex; justify-content:space-between; gap:24px; overflow-x:auto; } #fintech-content .ft-section-nav a { display:flex; align-items:center; gap:10px; flex-shrink:0; padding:24px 0; white-space:nowrap; border-bottom:2px solid transparent; font-size:14px; font-weight:600; color:#43516b; } #fintech-content .ft-section-nav a span { color:#7985a0; font-size:12px; font-weight:500; } #fintech-content .ft-section-nav a:hover,#fintech-content .ft-section-nav a[aria-current="location"] { color:var(--ft-blue); border-bottom-color:var(--ft-blue); } /* Trust explorer: four user-selected views, with no background animation. */ #fintech-content #why-netleon { background:linear-gradient(180deg,#fff,#fafbfe); } #fintech-content .ft-why-heading { display:grid; grid-template-columns:1fr 1.05fr; gap:80px; margin-bottom:40px; align-items:start; } #fintech-content .ft-why-heading h2 { max-width:510px; } #fintech-content .ft-why-heading h2>span { color:var(--ft-blue); } #fintech-content .ft-why-intro p { font-size:15px; line-height:1.8; } #fintech-content .ft-why-intro p+p { margin-top:15px; } #fintech-content .ft-why-explorer { display:grid; grid-template-columns:.86fr 1.14fr; gap:40px; align-items:start; } #fintech-content .ft-why-explorer>* { min-width:0; } #fintech-content .ft-why-hint { font-size:13px; margin:0 0 14px; } #fintech-content .ft-why-tabs { display:grid; gap:10px; } #fintech-content .ft-why-tab { display:flex; align-items:center; gap:16px; position:relative; width:100%; padding:19px 20px; border:1px solid #e0e6f0; border-radius:13px; background:#fff; color:var(--ft-ink); text-align:left; transition:background .15s,border-color .15s,box-shadow .15s; } #fintech-content .ft-why-tab:disabled { opacity:1; } #fintech-content .ft-why-tab:hover:not(:disabled) { background:#f4f7ff; border-color:#b4c7e9; } #fintech-content .ft-why-tab[aria-selected="true"] { border-color:#8eade6; background:#eef4ff; box-shadow:inset 3px 0 0 var(--ft-blue),0 4px 12px #173b7610; } #fintech-content .ft-why-icon { display:grid; place-items:center; flex-shrink:0; width:46px; height:46px; border-radius:12px; background:#f0f4fa; color:#536b90; } #fintech-content .ft-why-icon iconify-icon { font-size:25px; } #fintech-content .ft-why-tab[aria-selected="true"] .ft-why-icon { color:#fff; background:var(--ft-blue); } #fintech-content .ft-why-tab-copy { flex:1; min-width:0; } #fintech-content .ft-why-tab-copy strong { display:block; font-size:16px; line-height:1.5; margin-bottom:5px; } #fintech-content .ft-why-tab-copy>span { display:block; color:var(--ft-muted); font-size:14px; line-height:1.65; } #fintech-content .ft-why-tab-arrow { color:#8091a9; transition:transform .15s; } #fintech-content .ft-why-tab-arrow iconify-icon { font-size:20px; } #fintech-content .ft-why-tab[aria-selected="true"] .ft-why-tab-arrow { color:var(--ft-blue); transform:translateX(3px); } #fintech-content .ft-why-cta { margin-top:24px; } #fintech-content .ft-why-stage { border:1px solid #28415f; border-radius:20px; overflow:hidden; color:#fff; background:radial-gradient(ellipse at 95% 80%,#1a4a57 0,transparent 65%),#112641; box-shadow:0 18px 42px #15345412; } #fintech-content .ft-why-stage-header { padding:20px 28px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-bottom:1px solid #ffffff21; background:#ffffff04; } #fintech-content .ft-why-stage-header>span:first-child { display:flex; align-items:center; gap:9px; font-size:14px; font-weight:600; } #fintech-content .ft-why-stage-header iconify-icon { color:#9fbef7; font-size:20px; } #fintech-content .ft-why-stage-label { font-size:12px; color:#acc1d9; } #fintech-content .ft-why-panel { display:flex; flex-direction:column; min-height:488px; padding:28px; } #fintech-content .ft-why-panel+.ft-why-panel:not([hidden]) { border-top:1px solid #ffffff21; } #fintech-content .ft-why-panel-heading>span { display:block; color:#8fe0d1; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:10px; } #fintech-content .ft-why-panel-heading h3 { color:#fff; font-size:26px; letter-spacing:-.7px; line-height:1.3; } #fintech-content .ft-why-panel-heading p { color:#b8cce0; font-size:14px; margin-top:9px; line-height:1.7; } #fintech-content .ft-why-panel-footer { display:flex; flex-wrap:wrap; gap:8px; border-top:1px solid #ffffff26; padding-top:18px; margin-top:auto; } #fintech-content .ft-why-panel-footer span { font-size:12px; color:#c8d9eb; background:#ffffff08; border:1px solid #ffffff25; border-radius:5px; padding:5px 9px; } /* Connected security diagram; connectors are decorative CSS, labels stay live text. */ #fintech-content .ft-security-map { display:grid; justify-items:center; gap:18px; margin:26px 0; position:relative; background-image:radial-gradient(#7397b32e .8px,transparent .8px); background-size:16px 16px; } #fintech-content .ft-map-node { display:flex; align-items:center; justify-content:center; gap:8px; position:relative; background:#1c3653; border:1px solid #48617e; border-radius:9px; padding:12px 14px; font-size:14px; color:#e2edf9; z-index:1; } #fintech-content .ft-map-node iconify-icon { color:#9cbffc; font-size:20px; } #fintech-content .ft-map-middle { display:grid; grid-template-columns:1fr 142px 1fr; gap:22px; width:100%; align-items:center; position:relative; } #fintech-content .ft-map-middle:before { content:''; position:absolute; top:50%; left:8%; right:8%; height:1px; background:#71b2b6; } #fintech-content .ft-map-core { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; width:142px; height:130px; border-radius:22px; position:relative; z-index:1; background:linear-gradient(145deg,#235963,#173e51); border:1px solid #64b9b0; box-shadow:0 0 0 6px #71c9bc0d; text-align:center; } #fintech-content .ft-map-core:before,#fintech-content .ft-map-core:after { content:''; position:absolute; left:50%; height:19px; width:1px; background:#71b2b6; } #fintech-content .ft-map-core:before { bottom:100%; } #fintech-content .ft-map-core:after { top:100%; } #fintech-content .ft-map-core>iconify-icon { color:#95ebd8; font-size:38px; } #fintech-content .ft-map-core strong { font-size:14px; line-height:1.5; } /* Availability view. */ #fintech-content .ft-reliability { margin:24px 0; } #fintech-content .ft-sla { display:flex; align-items:center; gap:22px; } #fintech-content .ft-sla>strong { color:#9ce8d6; font-size:60px; line-height:1.1; letter-spacing:-3px; } #fintech-content .ft-sla>strong>span { font-size:34px; } #fintech-content .ft-sla>div { border-left:1px solid #476782; padding-left:22px; } #fintech-content .ft-sla b { display:block; font-size:15px; } #fintech-content .ft-sla>div>span { font-size:12px; color:#b5c9df; } #fintech-content .ft-availability-label { display:flex; justify-content:space-between; gap:12px; margin-top:24px; font-size:12px; color:#b5c9df; } #fintech-content .ft-availability-bars { display:flex; gap:5px; margin:10px 0 18px; height:36px; } #fintech-content .ft-availability-bars i { background:#7cd4c2; flex:1; border-radius:3px; } #fintech-content .ft-availability-bars i:nth-child(5n) { background:#56b6ac; } #fintech-content .ft-reliability-rows { display:grid; gap:10px; } #fintech-content .ft-reliability-rows>div { display:flex; align-items:center; gap:10px; color:#dce8f5; font-size:14px; } #fintech-content .ft-reliability-rows iconify-icon { color:#9dbfed; font-size:20px; } /* Compliance and delivery views. */ #fintech-content .ft-compliance-list { margin:20px 0 24px; } #fintech-content .ft-compliance-list>div { display:flex; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid #ffffff1c; } #fintech-content .ft-compliance-list>div:last-child { border-bottom:0; } #fintech-content .ft-check-icon { display:grid; place-items:center; width:37px; height:37px; background:#ffffff0a; border:1px solid #ffffff26; border-radius:9px; flex-shrink:0; color:#9ce8d6; } #fintech-content .ft-compliance-list strong { display:block; font-size:14px; margin-bottom:3px; } #fintech-content .ft-compliance-list>div>div>span { color:#b8cce0; font-size:12px; } #fintech-content .ft-compliance-tag { margin-left:auto; border:1px solid #54728d; border-radius:5px; padding:3px 7px; color:#c0d6ec; font-size:12px; } #fintech-content .ft-delivery { display:grid; grid-template-columns:.75fr 1.25fr; gap:24px; align-items:start; margin:26px 0; } #fintech-content .ft-delivery-goal { border:1px solid #577c8e; border-radius:12px; padding:20px; background:#ffffff06; } #fintech-content .ft-delivery-goal>span { font-size:13px; color:#bfd2e6; } #fintech-content .ft-delivery-goal>strong { display:block; color:#9ce8d6; font-size:52px; line-height:1.15; letter-spacing:-2px; margin:10px 0; } #fintech-content .ft-delivery-goal>strong>span { display:block; color:#fff; font-size:17px; letter-spacing:0; } #fintech-content .ft-delivery-goal>p { color:#b8cce0; font-size:12px; line-height:1.7; } #fintech-content .ft-delivery-steps { list-style:none; margin:0; padding:0; display:grid; gap:20px; } #fintech-content .ft-delivery-steps li { display:flex; gap:12px; position:relative; } #fintech-content .ft-delivery-steps li>span { display:grid; place-items:center; height:29px; width:29px; border:1px solid #638098; color:#9ce8d6; border-radius:50%; flex-shrink:0; font-size:12px; background:#1c3952; } #fintech-content .ft-delivery-steps li:not(:last-child):after { content:''; position:absolute; left:14px; top:34px; bottom:-15px; width:1px; background:#42637a; } #fintech-content .ft-delivery-steps strong { display:block; font-size:14px; margin-bottom:5px; } #fintech-content .ft-delivery-steps div>span { display:block; font-size:13px; color:#b8cce0; line-height:1.7; } @media(max-width:1100px) { #fintech-content .ft-why-heading { gap:36px; } #fintech-content .ft-why-explorer { grid-template-columns:.9fr 1.1fr; gap:24px; } #fintech-content .ft-why-tab { padding:17px 14px; gap:12px; } #fintech-content .ft-why-icon { width:38px; height:38px; } #fintech-content .ft-why-tab-arrow { display:none; } #fintech-content .ft-why-stage-header { padding:20px; flex-wrap:wrap; } #fintech-content .ft-why-panel { padding:24px 20px; min-height:510px; } #fintech-content .ft-map-middle { grid-template-columns:1fr 108px 1fr; gap:10px; } #fintech-content .ft-map-core { width:108px; height:124px; } #fintech-content .ft-map-middle>.ft-map-node { flex-direction:column; padding:12px 7px; gap:7px; text-align:center; } #fintech-content .ft-compliance-tag { display:none; } #fintech-content .ft-delivery { gap:16px; } #fintech-content .ft-delivery-goal { padding:16px; } } @media(max-width:800px) { #fintech-content .ft-why-heading,#fintech-content .ft-why-explorer { grid-template-columns:1fr; gap:26px; } #fintech-content .ft-why-heading { margin-bottom:28px; } #fintech-content .ft-why-tabs { grid-template-columns:1fr 1fr; } #fintech-content .ft-why-tab { align-items:flex-start; } #fintech-content .ft-why-stage-header { padding:20px 26px; } #fintech-content .ft-why-panel { padding:26px; min-height:485px; } #fintech-content .ft-map-middle { grid-template-columns:1fr 142px 1fr; gap:22px; } #fintech-content .ft-map-core { width:142px; height:130px; } #fintech-content .ft-map-middle>.ft-map-node { flex-direction:row; padding:12px; } #fintech-content .ft-compliance-tag { display:block; } #fintech-content .ft-why-cta { margin-top:20px; } } @media(max-width:520px) { #fintech-content .ft-why-tabs { gap:8px; } #fintech-content .ft-why-tab { flex-direction:column; padding:15px 12px; gap:10px; } #fintech-content .ft-why-tab-copy strong { font-size:14px; } #fintech-content .ft-why-tab-copy>span { font-size:12px; line-height:1.7; } #fintech-content .ft-why-icon { width:34px; height:34px; border-radius:9px; } #fintech-content .ft-why-icon iconify-icon { font-size:21px; } #fintech-content .ft-why-stage { border-radius:15px; } #fintech-content .ft-why-stage-header { padding:17px 18px; gap:8px; } #fintech-content .ft-why-stage-label { display:none; } #fintech-content .ft-why-panel { padding:22px 18px; min-height:505px; } #fintech-content .ft-why-panel-heading h3 { font-size:23px; } #fintech-content .ft-map-middle { grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr); gap:9px; } #fintech-content .ft-map-core { width:96px; height:118px; border-radius:17px; } #fintech-content .ft-map-core>iconify-icon { font-size:32px; } #fintech-content .ft-map-middle>.ft-map-node { flex-direction:column; padding:11px 5px; font-size:12px; gap:8px; } #fintech-content .ft-map-node-top,#fintech-content .ft-map-node-bottom { font-size:14px; } #fintech-content .ft-sla { gap:16px; } #fintech-content .ft-sla>strong { font-size:48px; } #fintech-content .ft-sla>div { padding-left:16px; } #fintech-content .ft-availability-bars { gap:3px; } #fintech-content .ft-compliance-tag { display:none; } #fintech-content .ft-compliance-list>div { gap:9px; } #fintech-content .ft-delivery { grid-template-columns:1fr; gap:20px; } #fintech-content .ft-delivery-goal { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:8px 16px; padding:14px 16px; } #fintech-content .ft-delivery-goal>strong { grid-column:1; grid-row:2; font-size:38px; margin:0; } #fintech-content .ft-delivery-goal>strong>span { display:inline; font-size:14px; } #fintech-content .ft-delivery-goal>p { grid-column:2; grid-row:1 / 3; } } /* Services: all six remain readable without JavaScript. */ #fintech-content .ft-services { background:#f5f7fc; border-block:1px solid #e7ecf3; } #fintech-content .svc-tabs { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-bottom:20px; } #fintech-content .svc-tab { display:flex; flex-direction:column; gap:7px; align-items:flex-start; text-align:left; padding:16px; color:var(--ft-muted); font-size:14px; font-weight:600; border:1px solid #dce3ee; border-radius:10px; background:#fff; transition:background .15s,border-color .15s; } #fintech-content .svc-tab>span { font-size:12px; color:#718095; } #fintech-content .svc-tab:hover { border-color:#b4c8e8; background:#edf3ff; } #fintech-content .svc-tab[aria-selected="true"] { background:#132c56; color:#fff; border-color:#132c56; } #fintech-content .svc-tab[aria-selected="true"]>span { color:#bed1f9; } #fintech-content .svc-box { background:#fff; border:1px solid #dce3ee; border-radius:18px; overflow:hidden; } #fintech-content .svc-panel { display:grid; grid-template-columns:1.2fr 1fr; gap:42px; padding:40px; align-items:center; } #fintech-content .svc-panel>* { min-width:0; } #fintech-content .svc-panel+.svc-panel:not([hidden]) { border-top:1px solid var(--ft-line); } #fintech-content .svc-panel-badge { display:flex; align-items:center; gap:8px; color:var(--ft-blue); font-size:13px; margin-bottom:18px; font-weight:600; } #fintech-content .svc-panel-content h3 { font-size:32px; line-height:1.25; letter-spacing:-1px; margin-bottom:18px; } #fintech-content .svc-panel-features { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:24px 0; padding:0; list-style:none; } #fintech-content .svc-panel-features li { display:flex; gap:10px; align-items:flex-start; font-size:14px; color:#40546f; line-height:1.65; } #fintech-content .feat-dot { width:6px; height:6px; margin-top:9px; background:var(--ft-green); border-radius:50%; flex-shrink:0; } #fintech-content .svc-panel-phone { display:flex; flex-direction:column; align-items:center; gap:18px; padding:24px; border-radius:16px; background:#eef3fc; } #fintech-content .sp-glow,#fintech-content .sp-home { display:none; } #fintech-content .sp-device { width:250px; max-width:100%; min-height:405px; padding:10px; position:relative; border-radius:32px; background:#1d2b40; border:1px solid #415069; box-shadow:0 14px 20px #19366612; } #fintech-content .sp-notch { position:absolute; top:17px; left:50%; transform:translateX(-50%); width:64px; height:13px; border-radius:12px; background:#1d2b40; } #fintech-content .sp-screen { background:#fff; min-height:383px; border-radius:23px; padding:36px 12px 18px; overflow:hidden; } #fintech-content .sp-screen iconify-icon { font-size:18px; } #fintech-content .sp-screen svg { max-width:100%; } #fintech-content .svc-explorer-footer { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:18px 28px; border-top:1px solid var(--ft-line); } #fintech-content .svc-count { font-size:13px; color:var(--ft-muted); } #fintech-content .svc-controls { display:flex; gap:10px; } #fintech-content .svc-controls button { display:flex; align-items:center; gap:8px; border:1px solid #d4dfec; background:#fff; color:var(--ft-ink); padding:10px 14px; border-radius:8px; font-size:13px; } #fintech-content .svc-controls button:hover:not(:disabled) { background:#edf3ff; border-color:#a1bae0; } #fintech-content .svc-controls iconify-icon { font-size:18px; } /* Risk and capability grids. */ #fintech-content .ft-risk .ft-eyebrow { color:#a2562e; } #fintech-content .danger-list { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid #e5e6e9; border-radius:16px; overflow:hidden; list-style:none; padding:0; margin:0; } #fintech-content .danger-item { padding:26px; border-right:1px solid #e5e6e9; border-bottom:1px solid #e5e6e9; } #fintech-content .danger-item:nth-child(3n) { border-right:0; } #fintech-content .danger-item:nth-last-child(-n+3) { border-bottom:0; } #fintech-content .danger-icon { color:#a2562e; margin-bottom:16px; } #fintech-content .danger-icon iconify-icon { font-size:26px; } #fintech-content .danger-text h4 { font-size:17px; line-height:1.45; margin-bottom:10px; } #fintech-content .danger-text p { font-size:14px; } #fintech-content #features { background:#112744; } #fintech-content #features .ft-eyebrow { color:#9ec3ff; } #fintech-content #features h2 { color:#fff; } #fintech-content #features .ft-section-heading>p { color:#b9c9dd; } #fintech-content .bento-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } #fintech-content .bento-card { border:1px solid #344962; border-radius:14px; padding:28px; background:#1b314e; } #fintech-content .bento-card h3 { font-size:19px; line-height:1.5; color:#fff; margin-bottom:15px; } #fintech-content .bento-card h3 iconify-icon { display:block; margin-bottom:18px; color:#9dc0ff; font-size:29px; } #fintech-content .bento-card p { color:#c3cfe0; font-size:14px; } #fintech-content .bento-nodes { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; } #fintech-content .bento-node { border:1px solid #48617e; background:#233d5d; color:#dbe7f5; padding:4px 9px; border-radius:5px; font-size:12px; } /* Native disclosures: keyboard, touch and no-JS support. */ #fintech-content .ft-process { background:#f5f7fc; } #fintech-content .ft-process-grid,#fintech-content .ft-faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; } #fintech-content .ft-process-steps,#fintech-content .ft-faq-list { border-top:1px solid #cfdae8; } #fintech-content .ft-step-number { display:grid; place-items:center; width:42px; height:42px; border:1px solid #cddaea; border-radius:10px; font-size:13px; color:#617390; flex-shrink:0; } #fintech-content details[open] .ft-step-number { background:var(--ft-blue); border-color:var(--ft-blue); color:#fff; } #fintech-content summary small { display:block; color:var(--ft-muted); font-size:12px; font-weight:500; margin-bottom:4px; } #fintech-content summary strong { font-size:16px; font-weight:600; } #fintech-content .ft-process-steps details>p { padding:0 25px 24px 60px; font-size:15px; } #fintech-content .ft-faq-list details>p { padding:0 30px 24px 0; font-size:15px; } /* Existing project, with its original metrics. */ #fintech-content .case-cinematic { background:#edf3fc; border:1px solid #d9e4f3; border-radius:20px; overflow:hidden; } #fintech-content .case-inner { display:grid; grid-template-columns:1.25fr 1fr; gap:60px; padding:44px 52px; align-items:center; } #fintech-content .case-inner>div>span { display:block; font-size:12px; letter-spacing:1.7px; font-weight:700; color:var(--ft-blue); margin-bottom:16px; } #fintech-content .case-inner h3 { font-size:34px; letter-spacing:-1px; margin-bottom:16px; } #fintech-content .case-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:30px 0; padding-top:24px; border-top:1px solid #cedbef; } #fintech-content .case-metric-value { font-size:26px; font-weight:700; line-height:1.3; } #fintech-content .case-metric-value iconify-icon { font-size:18px; color:#ad7712; } #fintech-content .case-metric-label { font-size:12px; color:var(--ft-muted); margin-top:6px; } #fintech-content .case-phone-wrapper { display:flex; justify-content:center; } #fintech-content .case-phone { max-width:245px; width:100%; border:8px solid #1d2b40; border-radius:34px; overflow:hidden; box-shadow:0 18px 32px #1d3b6820; } #fintech-content .case-phone-screen img { width:100%; height:430px; object-fit:cover; object-position:top; } #fintech-content .ft-reasons { padding-top:0; } #fintech-content .why-panels { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; } #fintech-content .why-panel { padding-top:20px; border-top:2px solid #dce6f4; } #fintech-content .why-panel-num { color:#58729a; font-size:13px; margin-bottom:20px; } #fintech-content .why-panel h3 { font-size:19px; margin-bottom:14px; letter-spacing:-.4px; } #fintech-content .why-panel p { font-size:14px; } #fintech-content .site-faq .faq-question:focus-visible { outline-offset:-4px; } @media(min-width:1700px) { .fintech-page { zoom:1; } } @media(max-width:1100px) { #fintech-content .ft-hero-grid { gap:36px; } #fintech-content .ft-hero h1 { font-size:46px; } #fintech-content .ft-hero-grid,#fintech-content .ft-why-grid { grid-template-columns:1fr 1fr; } #fintech-content .ft-why-grid,#fintech-content .ft-process-grid,#fintech-content .ft-faq-grid { gap:40px; } #fintech-content .ft-preview { padding:22px; } #fintech-content .ft-demo-label { font-size:12px; } #fintech-content .stat-item { padding:10px 20px; column-gap:10px; } #fintech-content .stat-value { font-size:27px; } #fintech-content .svc-tabs { grid-template-columns:repeat(3,1fr); } #fintech-content .svc-tab { flex-direction:row; align-items:center; } #fintech-content .svc-panel { gap:28px; padding:30px; } #fintech-content .svc-panel-features { grid-template-columns:1fr; } #fintech-content .svc-panel-phone { padding:20px 10px; } #fintech-content .ft-assurance { padding:24px; } #fintech-content .ft-assurance-grid { grid-template-columns:1fr; } #fintech-content .bento-grid { grid-template-columns:repeat(2,1fr); } #fintech-content .case-inner { gap:36px; padding:36px; } #fintech-content .case-metrics { grid-template-columns:repeat(2,1fr); } #fintech-content .why-panels { grid-template-columns:repeat(2,1fr); gap:32px; } } @media(max-width:800px) { #fintech-content .ft-section { padding:64px 0; } #fintech-content .ft-hero { padding:128px 0 52px; } #fintech-content .ft-hero-grid,#fintech-content .ft-why-grid,#fintech-content .ft-process-grid,#fintech-content .ft-faq-grid { grid-template-columns:1fr; } #fintech-content .ft-hero h1 { max-width:650px; font-size:52px; } #fintech-content .ft-hero-copy>p { max-width:650px; } #fintech-content .ft-preview { width:100%; max-width:540px; justify-self:center; padding:26px; } #fintech-content .ft-assurance-grid { grid-template-columns:1fr 1fr; } #fintech-content .stats-grid { grid-template-columns:1fr 1fr; row-gap:24px; } #fintech-content .stat-item:nth-child(odd) { padding-left:0; } #fintech-content .stat-item:nth-child(even) { border-right:0; } #fintech-content .danger-list { grid-template-columns:1fr 1fr; } #fintech-content .danger-item:nth-child(n) { border:0; border-right:1px solid #e5e6e9; border-bottom:1px solid #e5e6e9; } #fintech-content .danger-item:nth-child(2n) { border-right:0; } #fintech-content .danger-item:nth-last-child(-n+2) { border-bottom:0; } #fintech-content .svc-panel { grid-template-columns:minmax(0,1fr); gap:30px; } #fintech-content .svc-panel-content h3 { max-width:480px; } #fintech-content .svc-panel-features { grid-template-columns:1fr 1fr; } #fintech-content .svc-panel-phone { padding:24px; } #fintech-content .case-inner { grid-template-columns:1fr; } #fintech-content .case-metrics { grid-template-columns:repeat(4,1fr); } #fintech-content .ft-reasons { padding-top:0; } } @media(max-width:520px) { #fintech-content .container { padding-left:20px; padding-right:20px; } #fintech-content .ft-hero { padding:112px 0 42px; } #fintech-content .ft-breadcrumb { margin-bottom:22px; } #fintech-content .ft-hero h1 { font-size:40px; letter-spacing:-1.8px; } #fintech-content .ft-hero-copy>p { font-size:16px; } #fintech-content .ft-hero .ft-eyebrow { font-size:12px; letter-spacing:1px; } #fintech-content .ft-hero-actions { gap:10px; } #fintech-content .ft-hero-notes { gap:10px; } #fintech-content .ft-hero-grid { gap:32px; } #fintech-content .ft-preview { padding:18px; border-radius:16px; } #fintech-content .ft-preview-top { gap:9px; } #fintech-content .ft-product-brand { font-size:16px; } #fintech-content .ft-preview-top .ft-demo-label { max-width:128px; text-align:right; } #fintech-content .ft-balance { font-size:33px; } #fintech-content .ft-preview-panel { min-height:323px; } #fintech-content .ft-bars { gap:10px; } #fintech-content .ft-bank-card { padding:20px; } #fintech-content .ft-bank-card>strong { font-size:17px; letter-spacing:1px; } #fintech-content .ft-card-control { flex-wrap:wrap; } #fintech-content .stat-item { padding:8px 0 8px 18px; column-gap:10px; } #fintech-content .stat-icon iconify-icon { font-size:24px; } #fintech-content .stat-value { font-size:25px; } #fintech-content .stat-label { font-size:12px; } #fintech-content .ft-section-nav>.container { justify-content:flex-start; gap:28px; } #fintech-content .ft-section-nav a { padding:19px 0; font-size:13px; } #fintech-content .ft-section { padding:52px 0; } #fintech-content .ft-section-heading,#fintech-content .sec-header { margin-bottom:28px; } #fintech-content .ft-assurance { padding:22px 18px; } #fintech-content .ft-assurance-grid>div { flex-direction:column; text-align:center; font-size:14px; padding:14px 8px; } #fintech-content .svc-tabs { grid-template-columns:1fr 1fr; gap:8px; } #fintech-content .svc-tab { font-size:13px; padding:13px 10px; gap:8px; } #fintech-content .svc-panel { padding:24px 20px; } #fintech-content .svc-panel-content h3 { font-size:28px; } #fintech-content .svc-panel-features { grid-template-columns:1fr; } #fintech-content .svc-panel-phone { padding:22px 12px; } #fintech-content .svc-explorer-footer { padding:16px; flex-wrap:wrap; } #fintech-content .svc-controls { margin-left:auto; } #fintech-content .danger-list,#fintech-content .bento-grid { grid-template-columns:1fr; } #fintech-content .danger-item:nth-child(n) { border-right:0; border-bottom:1px solid #e5e6e9; padding:24px; } #fintech-content .danger-item:last-child { border-bottom:0; } #fintech-content .bento-card { padding:25px; } #fintech-content .ft-process-grid,#fintech-content .ft-faq-grid { gap:18px; } #fintech-content summary { gap:12px; font-size:15px; } #fintech-content summary strong { font-size:15px; } #fintech-content .ft-process-steps details>p { padding-left:0; } #fintech-content .case-inner { padding:28px 24px; } #fintech-content .case-metrics { grid-template-columns:1fr 1fr; } #fintech-content .why-panels { grid-template-columns:1fr; gap:28px; } #fintech-content .ft-reasons { padding-top:0; } } /* Why Us: original reasons with optional, native approach disclosures. */ #fintech-content .ft-reasons-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:32px; } #fintech-content .ft-reasons-heading .ft-section-heading { max-width:780px; margin-bottom:0; } #fintech-content .ft-reasons-heading>p { max-width:225px; font-size:14px; padding-bottom:5px; } #fintech-content .ft-reasons-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start; } #fintech-content .ft-reason-card { --reason-accent:#0041c2; --reason-tint:#edf3ff; min-width:0; padding:30px 32px 0; border:1px solid #dbe5f1; border-radius:18px; background:linear-gradient(125deg,var(--reason-tint),#fff 68%); transition:border-color .15s,box-shadow .15s; } #fintech-content .ft-reason-card:hover { border-color:#a5bbd9; box-shadow:0 12px 28px #183c6809; } #fintech-content .ft-reason-card:has(details[open]) { border-color:var(--reason-accent); box-shadow:0 8px 28px #183c6809; } #fintech-content .ft-reason-1 { --reason-accent:#08785f; --reason-tint:#edf8f5; } #fintech-content .ft-reason-2 { --reason-accent:#6940ab; --reason-tint:#f5f0fd; } #fintech-content .ft-reason-3 { --reason-accent:#08738c; --reason-tint:#edf8fb; } #fintech-content .ft-reason-top { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; } #fintech-content .ft-reason-category { display:flex; align-items:center; gap:12px; color:var(--reason-accent); font-size:12px; text-transform:uppercase; letter-spacing:1.3px; font-weight:700; } #fintech-content .ft-reason-category iconify-icon { box-sizing:content-box; font-size:25px; padding:11px; border:1px solid #ffffff; border-radius:13px; background:#fff; box-shadow:0 3px 8px #183c6807; } #fintech-content .ft-reason-number { font-size:36px; line-height:1; font-weight:600; color:#95a9c0; letter-spacing:-1px; } #fintech-content .ft-reason-card h3 { font-size:24px; line-height:1.4; letter-spacing:-.65px; margin-bottom:12px; } #fintech-content .ft-reason-original { font-size:15px; min-height:84px; } #fintech-content .ft-reason-detail { margin-top:24px; border-top:1px solid #dbe5ef; } #fintech-content .ft-reason-detail summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; list-style:none; cursor:pointer; color:var(--reason-accent); font-size:14px; font-weight:600; } #fintech-content .ft-reason-detail summary::-webkit-details-marker { display:none; } #fintech-content .ft-reason-detail summary>iconify-icon { display:grid; place-items:center; box-sizing:content-box; padding:7px; font-size:18px; border:1px solid #d7e1ed; border-radius:50%; background:#fff; transition:transform .15s; } #fintech-content .ft-reason-detail[open] summary>iconify-icon { transform:rotate(180deg); } #fintech-content .ft-reason-hide,#fintech-content .ft-reason-detail[open] .ft-reason-show { display:none; } #fintech-content .ft-reason-detail[open] .ft-reason-hide { display:inline; } #fintech-content .ft-reason-approach { border-top:1px solid #dbe5ef; padding:22px 0 28px; } #fintech-content .ft-reason-approach ol { list-style:none; padding:0; margin:0; } #fintech-content .ft-reason-approach li { display:flex; align-items:flex-start; gap:14px; position:relative; padding-bottom:20px; } #fintech-content .ft-reason-approach li:last-child { padding-bottom:0; } #fintech-content .ft-reason-approach li:not(:last-child):before { content:''; position:absolute; top:30px; bottom:0; left:14px; width:1px; background:#d3deeb; } #fintech-content .ft-reason-step { display:grid; place-items:center; position:relative; width:29px; height:29px; border:1px solid #d3deeb; border-radius:50%; color:var(--reason-accent); background:#fff; font-size:12px; flex-shrink:0; } #fintech-content .ft-reason-approach h4 { font-size:14px; line-height:1.6; margin-bottom:4px; } #fintech-content .ft-reason-approach p { font-size:14px; line-height:1.7; } @media(max-width:900px) { #fintech-content .ft-reasons-heading { display:block; } #fintech-content .ft-reasons-heading>p { max-width:none; margin-top:20px; } #fintech-content .ft-reason-card { padding:26px 24px 0; } #fintech-content .ft-reason-card h3 { font-size:22px; } #fintech-content .ft-reason-original { min-height:112px; } } @media(max-width:650px) { #fintech-content .ft-reasons-grid { grid-template-columns:minmax(0,1fr); gap:18px; } #fintech-content .ft-reason-original { min-height:0; } #fintech-content .ft-reason-top { margin-bottom:22px; } #fintech-content .ft-reason-card { padding:24px 22px 0; } } /* Stocks.News: an on-demand gallery using existing project artwork. */ #fintech-content .ft-case-showcase { border:1px solid #d9e3f0; border-radius:24px; overflow:hidden; background:#fff; box-shadow:0 16px 48px #193c6908; } #fintech-content .ft-case-body { display:grid; grid-template-columns:1fr 1.06fr; } #fintech-content .ft-case-story { min-width:0; padding:44px 46px; } #fintech-content .ft-case-eyebrow { display:flex; align-items:center; gap:9px; margin-bottom:18px; text-transform:uppercase; letter-spacing:1.5px; font-size:12px; font-weight:700; color:#0041c2; } #fintech-content .ft-case-eyebrow>span { width:7px; height:7px; border-radius:50%; background:#0041c2; box-shadow:0 0 0 4px #edf2fc; } #fintech-content .ft-case-story h3 { font-size:clamp(34px,3.2vw,46px); line-height:1.2; letter-spacing:-1.6px; margin-bottom:20px; } #fintech-content .ft-case-description { max-width:540px; } #fintech-content .ft-case-explore { display:flex; align-items:center; justify-content:space-between; color:#60748e; font-size:12px; margin-top:28px; margin-bottom:10px; } #fintech-content .ft-case-explore iconify-icon { font-size:17px; } #fintech-content .ft-case-tabs { display:grid; gap:7px; margin-bottom:28px; } #fintech-content .ft-case-tabs button { display:flex; align-items:center; gap:12px; min-height:54px; width:100%; padding:8px 13px 8px 9px; border:1px solid #e0e7f1; border-radius:10px; background:#fff; color:#506480; text-align:left; font-size:14px; font-weight:600; transition:background .15s,border-color .15s,color .15s; } #fintech-content .ft-case-tab-icon { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; background:#f2f5fa; border-radius:8px; } #fintech-content .ft-case-tabs .ft-case-tab-icon iconify-icon { font-size:21px; } #fintech-content .ft-case-tabs .ft-case-tab-arrow { margin-left:auto; font-size:20px; color:#8193aa; transition:transform .15s; } #fintech-content .ft-case-tabs button:hover { border-color:#97b4e1; background:#f8faff; } #fintech-content .ft-case-tabs button[aria-selected="true"] { background:#edf3ff; border-color:#a9c2eb; color:#0041c2; } #fintech-content .ft-case-tabs button[aria-selected="true"] .ft-case-tab-icon { background:#0041c2; color:#fff; } #fintech-content .ft-case-tabs button[aria-selected="true"] .ft-case-tab-arrow { color:#0041c2; transform:translate(2px,-2px); } #fintech-content .ft-case-story>.btn { margin-top:8px; } #fintech-content .ft-case-gallery { min-width:0; padding:26px 28px; color:#fff; background:radial-gradient(ellipse at 100% 0,#14627666,transparent 60%),#0d2141; position:relative; } #fintech-content .ft-case-gallery-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:20px; } #fintech-content .ft-case-gallery-heading>span { display:flex; align-items:center; gap:9px; font-size:14px; color:#dbe8fc; } #fintech-content .ft-case-gallery-heading>span iconify-icon { color:#6fd6d2; font-size:20px; } #fintech-content .ft-case-gallery-heading button { display:flex; align-items:center; gap:7px; min-height:40px; padding:8px 12px; border:1px solid #506885; border-radius:8px; background:#ffffff08; font-size:12px; color:#fff; transition:background .15s,border-color .15s; } #fintech-content .ft-case-gallery-heading button:hover { border-color:#81dad7; background:#ffffff15; } #fintech-content .ft-case-gallery-heading button iconify-icon { font-size:17px; } #fintech-content .ft-case-panel { margin:0; } #fintech-content .ft-case-image { position:relative; display:flex; justify-content:center; align-items:center; height:410px; border-radius:16px; border:1px solid #ffffff14; background:linear-gradient(#6486b50a 1px,transparent 1px),linear-gradient(90deg,#6486b50a 1px,transparent 1px),#0a1c39; background-size:32px 32px; overflow:hidden; padding:16px; } #fintech-content .ft-case-image:before { content:''; position:absolute; inset:15% 10%; background:radial-gradient(ellipse,#008e9c20,transparent 70%); pointer-events:none; } #fintech-content .ft-case-image img { position:relative; display:block; max-width:100%; width:auto; height:auto; max-height:100%; object-fit:contain; border-radius:10px; box-shadow:0 12px 30px #0003; } #fintech-content .ft-case-panel figcaption { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; color:#c2d2e7; font-size:13px; line-height:1.8; padding:20px 2px 0; min-height:67px; } #fintech-content .ft-case-slide-number { flex-shrink:0; font-size:12px; color:#83d5d3; letter-spacing:1px; padding-top:1px; } #fintech-content .ft-case-results { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#f3f7fd; border-top:1px solid #d9e3f0; padding:26px 0; } #fintech-content .ft-case-result { display:flex; align-items:center; justify-content:center; gap:16px; padding:3px 20px; border-right:1px solid #d6e1ee; min-width:0; } #fintech-content .ft-case-result:last-child { border-right:0; } #fintech-content .ft-case-result>iconify-icon { font-size:25px; color:#557bb1; } #fintech-content .ft-case-result strong { display:flex; align-items:center; gap:4px; font-size:32px; line-height:1.3; letter-spacing:-1px; } #fintech-content .ft-case-result strong iconify-icon { font-size:18px; color:#a46d0d; } #fintech-content .ft-case-result div>span { display:block; font-size:13px; margin-top:6px; color:#546b86; } #fintech-content .ft-case-dialog { position:fixed; inset:0; margin:auto; width:min(940px,calc(100% - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:24px; border:1px solid #3e5779; border-radius:18px; background:#0d2141; color:#fff; box-shadow:0 24px 80px #0004; overflow:auto; } #fintech-content .ft-case-dialog::backdrop { background:#081426d9; } #fintech-content .ft-case-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; } #fintech-content .ft-case-dialog-heading h3 { color:#fff; font-size:18px; line-height:1.5; } #fintech-content .ft-case-dialog-heading button { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; border:1px solid #637b99; border-radius:9px; background:transparent; color:#fff; } #fintech-content .ft-case-dialog-heading button:hover { background:#ffffff15; } #fintech-content .ft-case-dialog>img { display:block; max-width:100%; max-height:calc(100dvh - 230px); width:auto; height:auto; object-fit:contain; margin:0 auto; border-radius:8px; } #fintech-content .ft-case-dialog>p { color:#c2d2e7; font-size:14px; text-align:center; margin-top:18px; } @media(max-width:1100px) { #fintech-content .ft-case-story { padding:34px 30px; } #fintech-content .ft-case-gallery { padding:24px; } #fintech-content .ft-case-image { height:430px; } #fintech-content .ft-case-result { gap:10px; padding:3px 14px; } #fintech-content .ft-case-result strong { font-size:28px; } } @media(max-width:800px) { #fintech-content .ft-case-body { grid-template-columns:minmax(0,1fr); } #fintech-content .ft-case-description { max-width:none; } #fintech-content .ft-case-image { height:390px; } #fintech-content .ft-case-results { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; } #fintech-content .ft-case-result { padding:22px; justify-content:flex-start; gap:16px; } #fintech-content .ft-case-result:nth-child(2) { border-right:0; } #fintech-content .ft-case-result:nth-child(-n+2) { border-bottom:1px solid #d6e1ee; } } @media(max-width:520px) { #fintech-content .ft-case-showcase { border-radius:18px; } #fintech-content .ft-case-story { padding:30px 22px; } #fintech-content .ft-case-gallery { padding:22px 18px; } #fintech-content .ft-case-image { height:340px; padding:12px; } #fintech-content .ft-case-panel figcaption { gap:12px; min-height:87px; } #fintech-content .ft-case-result { gap:10px; padding:20px 15px; } #fintech-content .ft-case-result>iconify-icon { font-size:21px; } #fintech-content .ft-case-result strong { font-size:26px; } #fintech-content .ft-case-result div>span { font-size:12px; } #fintech-content .ft-case-dialog { padding:18px; } #fintech-content .ft-case-dialog-heading h3 { font-size:16px; } } /* Delivery roadmap: stages are selected by the visitor, never auto-played. */ #fintech-content .ft-roadmap-heading { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:30px; } #fintech-content .ft-roadmap-heading .ft-section-heading { margin-bottom:0; } #fintech-content .ft-roadmap-heading>.btn { flex-shrink:0; } #fintech-content .ft-roadmap-guide { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; } #fintech-content .ft-roadmap-guide p { font-size:14px; } #fintech-content .ft-roadmap-guide>span { font-size:12px; color:#59728c; padding:6px 10px; border:1px solid #d6e2ee; border-radius:6px; background:#edf4fa; } #fintech-content .ft-roadmap-tabs { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:0; position:relative; padding:8px 0 24px; margin-bottom:20px; } #fintech-content .ft-roadmap-tabs button { position:relative; display:flex; flex-direction:column; align-items:center; padding:8px; border:0; background:transparent; color:#405b7d; min-width:0; } #fintech-content .ft-roadmap-tabs button:before { content:''; position:absolute; height:2px; background:#d3dfef; top:35px; left:0; width:100%; } #fintech-content .ft-roadmap-tabs button:first-child:before { left:50%; width:50%; } #fintech-content .ft-roadmap-tabs button:last-child:before { width:50%; } #fintech-content .ft-roadmap-node { display:grid; place-items:center; position:relative; z-index:1; width:56px; height:56px; background:#fff; border:1px solid #cbd8ea; border-radius:16px; margin-bottom:18px; transition:background .15s,border-color .15s,box-shadow .15s; } #fintech-content .ft-roadmap-node iconify-icon { font-size:26px; } #fintech-content .ft-roadmap-node small { position:absolute; right:-7px; bottom:-7px; min-width:24px; height:22px; display:grid; place-items:center; border:1px solid #d2dfef; border-radius:6px; background:#f6f9ff; color:#516c91; font-size:12px; } #fintech-content .ft-roadmap-tabs button>strong { font-size:14px; line-height:1.5; font-weight:600; } #fintech-content .ft-roadmap-time { font-size:12px; color:#698099; margin-top:5px; } #fintech-content .ft-roadmap-tabs button:hover .ft-roadmap-node { background:#eaf2ff; border-color:#7c9fd7; } #fintech-content .ft-roadmap-tabs button[aria-selected="true"] { color:#0041c2; } #fintech-content .ft-roadmap-tabs button[aria-selected="true"] .ft-roadmap-node { color:#fff; background:#0041c2; border-color:#0041c2; box-shadow:0 0 0 6px #0041c20b; } #fintech-content .ft-roadmap-tabs button[aria-selected="true"] small { border-color:#86a5df; color:#0041c2; } #fintech-content .ft-roadmap-panels { border:1px solid #dbe4f0; border-radius:20px 20px 0 0; background:#fff; overflow:hidden; } #fintech-content .ft-roadmap-panel { display:grid; grid-template-columns:1fr 1.05fr; } #fintech-content .ft-roadmap-panel>* { min-width:0; } #fintech-content .ft-roadmap-panel+[data-process-panel]:not([hidden]) { border-top:1px solid #dbe4f0; } #fintech-content .ft-roadmap-info { display:flex; flex-direction:column; padding:38px; background:radial-gradient(ellipse at 0 0,#e5edff,transparent 80%),#f8faff; border-right:1px solid #dbe4f0; } #fintech-content .ft-roadmap-kicker { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:12px; font-weight:600; color:#345b9a; margin-bottom:26px; } #fintech-content .ft-roadmap-kicker>span:first-child { text-transform:uppercase; letter-spacing:1.5px; } #fintech-content .ft-roadmap-kicker>span:last-child { background:#fff; border:1px solid #cddbf1; padding:5px 11px; border-radius:6px; } #fintech-content .ft-roadmap-stage-icon { display:grid; place-items:center; width:58px; height:58px; border-radius:16px; border:1px solid #b7caeb; background:#fff; color:#0041c2; margin-bottom:22px; box-shadow:0 5px 16px #284c9210; } #fintech-content .ft-roadmap-stage-icon iconify-icon { font-size:30px; } #fintech-content .ft-roadmap-info h3 { font-size:clamp(28px,2.55vw,36px); line-height:1.28; letter-spacing:-1px; max-width:480px; } #fintech-content .ft-roadmap-info>.ft-roadmap-original { font-size:16px; line-height:1.85; margin:20px 0 30px; } #fintech-content .ft-roadmap-context { display:flex; align-items:center; gap:8px; padding-top:18px; margin-top:auto; border-top:1px solid #dbe4f2; color:#647b98; font-size:12px; } #fintech-content .ft-roadmap-context iconify-icon { font-size:18px; } #fintech-content .ft-roadmap-workspace { padding:32px 34px; } #fintech-content .ft-roadmap-workspace-top { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:24px; color:#5c7493; font-size:12px; } #fintech-content .ft-roadmap-workspace-top>span:first-child { display:flex; gap:8px; align-items:center; color:#294c78; font-size:14px; font-weight:600; } #fintech-content .ft-roadmap-workspace-top iconify-icon { font-size:21px; } #fintech-content .ft-roadmap-modes { display:flex; gap:5px; border-radius:9px; padding:5px; background:#f0f4f9; margin-bottom:25px; } #fintech-content .ft-roadmap-modes button { border:0; border-radius:6px; padding:10px 8px; flex:1; background:transparent; color:#526b89; font-size:13px; font-weight:600; transition:background .15s,color .15s; } #fintech-content .ft-roadmap-modes button[aria-pressed="true"] { color:#0041c2; background:#fff; box-shadow:0 2px 5px #1c38510a; } #fintech-content .ft-roadmap-view { min-height:270px; } #fintech-content .ft-roadmap-view ol { list-style:none; padding:0; margin:0; } #fintech-content .ft-roadmap-view li { display:flex; align-items:flex-start; gap:14px; padding:18px 0; border-bottom:1px solid #e4ebf3; } #fintech-content .ft-roadmap-view li:first-child { padding-top:0; } #fintech-content .ft-roadmap-view li:last-child { border-bottom:0; padding-bottom:0; } #fintech-content .ft-roadmap-item-number { display:grid; place-items:center; width:31px; height:31px; border:1px solid #d3e1f1; background:#f3f7fd; color:#486995; border-radius:8px; flex-shrink:0; font-size:12px; } #fintech-content .ft-roadmap-view h4 { font-size:15px; line-height:1.5; margin-bottom:6px; font-weight:600; } #fintech-content .ft-roadmap-view p { font-size:14px; line-height:1.8; color:#64758c; } #fintech-content .ft-roadmap-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 28px; background:#fff; border:1px solid #dbe4f0; border-top:0; border-radius:0 0 20px 20px; } #fintech-content .ft-roadmap-footer>div:first-child { display:flex; align-items:center; gap:20px; } #fintech-content [data-process-count] { font-size:13px; color:#57718f; } #fintech-content .ft-roadmap-selection { display:flex; gap:5px; } #fintech-content .ft-roadmap-selection i { width:18px; height:3px; background:#dce6f3; border-radius:3px; } #fintech-content .ft-roadmap-selection i.is-active { background:#0041c2; } #fintech-content .ft-roadmap-controls { display:flex; gap:10px; } #fintech-content .ft-roadmap-controls button { display:flex; align-items:center; gap:8px; border:1px solid #d1deef; background:#fff; color:#315a8c; padding:10px 14px; border-radius:8px; font-size:13px; transition:background .15s,border-color .15s; } #fintech-content .ft-roadmap-controls button:hover:not(:disabled) { background:#edf4ff; border-color:#96b5df; } #fintech-content .ft-roadmap-controls iconify-icon { font-size:18px; } @media(max-width:1100px) { #fintech-content .ft-roadmap-tabs { display:flex; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#a4b9d8 #e7edf6; } #fintech-content .ft-roadmap-tabs button { flex:0 0 145px; } #fintech-content .ft-roadmap-info { padding:30px; } #fintech-content .ft-roadmap-workspace { padding:28px; } } @media(max-width:800px) { #fintech-content .ft-roadmap-panel { grid-template-columns:minmax(0,1fr); } #fintech-content .ft-roadmap-info { border-right:0; border-bottom:1px solid #dbe4f0; } #fintech-content .ft-roadmap-info h3 { max-width:600px; } #fintech-content .ft-roadmap-heading { flex-wrap:wrap; gap:22px; } #fintech-content .ft-roadmap-guide { flex-wrap:wrap; gap:12px; } #fintech-content .ft-roadmap-view { min-height:250px; } } @media(max-width:520px) { #fintech-content .ft-roadmap-heading { margin-bottom:25px; } #fintech-content .ft-roadmap-guide p { font-size:14px; } #fintech-content .ft-roadmap-guide { margin-bottom:16px; } #fintech-content .ft-roadmap-tabs { margin-bottom:16px; } #fintech-content .ft-roadmap-tabs button { flex-basis:128px; } #fintech-content .ft-roadmap-tabs button>strong { font-size:13px; } #fintech-content .ft-roadmap-info,#fintech-content .ft-roadmap-workspace { padding:25px 22px; } #fintech-content .ft-roadmap-stage-icon { width:48px; height:48px; border-radius:13px; } #fintech-content .ft-roadmap-info h3 { font-size:28px; } #fintech-content .ft-roadmap-info>.ft-roadmap-original { font-size:15px; } #fintech-content .ft-roadmap-view { min-height:320px; } #fintech-content .ft-roadmap-view li { gap:11px; } #fintech-content .ft-roadmap-footer { padding:18px; flex-wrap:wrap; gap:18px; } #fintech-content .ft-roadmap-footer>div:first-child { width:100%; justify-content:space-between; } #fintech-content .ft-roadmap-controls { width:100%; justify-content:space-between; } } /* Capability explorer: selectable layers and technology details. */ #fintech-content #features { background:radial-gradient(ellipse at 95% 5%,#1d3b5b 0,transparent 60%),#112744; } #fintech-content .ft-cap-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:36px; } #fintech-content .ft-cap-heading .ft-section-heading { margin:0; } #fintech-content .ft-cap-hint { display:flex; align-items:center; gap:8px; max-width:235px; color:#b3cbe4; font-size:13px; line-height:1.7; } #fintech-content .ft-cap-hint iconify-icon { font-size:20px; color:#9de2d4; } #fintech-content .ft-cap-explorer { display:grid; grid-template-columns:300px minmax(0,1fr); gap:24px; align-items:start; } #fintech-content .ft-cap-explorer>* { min-width:0; } #fintech-content .ft-cap-explorer:not(:has(.ft-cap-tabs:not([hidden]))) { grid-template-columns:1fr; } #fintech-content .ft-cap-tabs { display:grid; gap:9px; } #fintech-content .ft-cap-tabs button { display:flex; align-items:center; gap:12px; width:100%; padding:18px 15px; border:1px solid #3a516e; border-radius:12px; color:#d4e1f0; background:#ffffff04; text-align:left; transition:background .15s,border-color .15s; } #fintech-content .ft-cap-tabs button:hover { border-color:#7a9fbd; background:#ffffff0a; } #fintech-content .ft-cap-tabs button[aria-selected="true"] { background:#23465a; border-color:#79bdaf; box-shadow:inset 3px 0 0 #93dfcb; } #fintech-content .ft-cap-tab-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid #506884; border-radius:10px; color:#aac5ee; background:#ffffff05; flex-shrink:0; } #fintech-content .ft-cap-tab-icon iconify-icon { font-size:22px; } #fintech-content .ft-cap-tabs button[aria-selected="true"] .ft-cap-tab-icon { color:#a6efdc; border-color:#6ba795; background:#7cd7bd13; } #fintech-content .ft-cap-tabs strong { display:block; font-size:14px; font-weight:600; color:#f2f7fd; } #fintech-content .ft-cap-tabs small { display:block; margin-top:5px; font-size:12px; color:#b1c5dd; line-height:1.6; } #fintech-content .ft-cap-tab-arrow { margin-left:auto; color:#81b9ba; } #fintech-content .ft-cap-tab-arrow iconify-icon { font-size:18px; } #fintech-content .ft-cap-panel { padding:30px; border:1px solid #49647f; border-radius:17px; background:#1c3551; } #fintech-content .ft-cap-panel+[data-cap-panel]:not([hidden]) { margin-top:22px; } #fintech-content .ft-cap-panel-top { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:19px; color:#adc6e4; font-size:12px; } #fintech-content .ft-cap-panel-top>span:first-child { display:flex; align-items:center; gap:8px; text-transform:uppercase; letter-spacing:1.2px; color:#9be5d4; } #fintech-content .ft-cap-panel-top iconify-icon { font-size:21px; } #fintech-content .ft-cap-panel>h3 { color:#fff; font-size:clamp(25px,2.5vw,34px); line-height:1.3; letter-spacing:-.7px; } #fintech-content .ft-cap-panel>.ft-cap-original { color:#c2d3e6; font-size:15px; line-height:1.85; margin-top:16px; } #fintech-content .ft-cap-technologies { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; } #fintech-content .ft-cap-technologies button { display:flex; align-items:center; justify-content:center; min-height:40px; padding:9px 13px; background:#233f5e; border:1px solid #57718d; border-radius:8px; color:#dce8f5; font-size:13px; font-weight:600; transition:background .15s,border-color .15s,color .15s; } #fintech-content .ft-cap-technologies button:disabled { opacity:1; } #fintech-content .ft-cap-technologies button:hover:not(:disabled) { background:#30516f; border-color:#8aaccd; } #fintech-content .ft-cap-technologies button[aria-pressed="true"] { color:#153d36; border-color:#a0e4d1; background:#a0e4d1; } #fintech-content .ft-cap-detail { display:grid; grid-template-columns:1.1fr 1fr; gap:24px; border:1px solid #4b6580; border-radius:12px; padding:24px; background:#142b45; min-height:290px; } #fintech-content .ft-cap-detail>* { min-width:0; } #fintech-content .ft-cap-detail-label { display:block; font-size:12px; color:#a7bdd7; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px; } #fintech-content .ft-cap-term { display:inline-block; padding:4px 8px; font-size:12px; border:1px solid #567c87; border-radius:5px; background:#20474d; color:#a5e4d4; margin-bottom:12px; } #fintech-content .ft-cap-explanation h4 { color:#fff; font-size:20px; line-height:1.45; letter-spacing:-.3px; margin-bottom:12px; } #fintech-content .ft-cap-explanation p { color:#bed0e4; font-size:14px; line-height:1.8; } #fintech-content .ft-cap-map { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 0 0 22px; border-left:1px solid #3b5570; background-image:radial-gradient(#9dc5df20 .8px,transparent .8px); background-size:14px 14px; } #fintech-content .ft-cap-map-label { font-size:12px; color:#b7cce4; margin-bottom:16px; } #fintech-content .ft-cap-map-node { display:flex; align-items:center; justify-content:center; width:100%; min-height:38px; padding:8px 12px; background:#203e5a; border:1px solid #56718d; color:#dce9f7; font-size:14px; border-radius:8px; text-align:center; } #fintech-content .ft-cap-map-connector { display:flex; align-items:center; justify-content:center; height:27px; color:#83bdaf; } #fintech-content .ft-cap-map-connector iconify-icon { font-size:20px; } #fintech-content .ft-cap-map-core { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:54px; padding:12px; background:linear-gradient(120deg,#235c61,#224953); border:1px solid #79bbae; border-radius:10px; color:#b4f0df; box-shadow:0 0 0 4px #76d5b90a; } #fintech-content .ft-cap-map-core strong { color:#edfff9; font-size:15px; line-height:1.5; text-align:center; } #fintech-content .ft-cap-map-core iconify-icon { font-size:24px; } #fintech-content .ft-cap-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:24px; } #fintech-content .ft-cap-footer>span { display:flex; align-items:center; gap:7px; color:#b5cbe0; font-size:12px; } #fintech-content .ft-cap-footer>span iconify-icon { font-size:18px; color:#9bc7d0; } #fintech-content #features :is(button,a,[tabindex]):focus-visible { outline-color:#a1ecdd; } @media(max-width:1100px) { #fintech-content .ft-cap-hint { display:none; } #fintech-content .ft-cap-explorer { grid-template-columns:240px minmax(0,1fr); gap:18px; } #fintech-content .ft-cap-tabs button { padding:16px 12px; gap:10px; } #fintech-content .ft-cap-tab-arrow { display:none; } #fintech-content .ft-cap-panel { padding:25px; } #fintech-content .ft-cap-detail { padding:20px; gap:20px; grid-template-columns:1fr; } #fintech-content .ft-cap-map { border-left:0; border-top:1px solid #3b5570; padding:20px 0 0; } #fintech-content .ft-cap-map-node,#fintech-content .ft-cap-map-core { max-width:340px; } #fintech-content .ft-cap-footer { flex-wrap:wrap; } } @media(max-width:800px) { #fintech-content .ft-cap-explorer { grid-template-columns:1fr; gap:20px; } #fintech-content .ft-cap-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); } #fintech-content .ft-cap-tabs button { flex-direction:column; align-items:flex-start; gap:12px; } #fintech-content .ft-cap-tabs small { font-size:12px; } #fintech-content .ft-cap-detail { grid-template-columns:1fr 1fr; } #fintech-content .ft-cap-map { border-top:0; border-left:1px solid #3b5570; padding:0 0 0 20px; } } @media(max-width:520px) { #fintech-content .ft-cap-heading { margin-bottom:28px; } #fintech-content .ft-cap-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #fintech-content .ft-cap-tabs button { flex-direction:row; align-items:center; gap:8px; padding:13px 10px; } #fintech-content .ft-cap-tab-icon { width:29px; height:32px; border:0; background:none; } #fintech-content .ft-cap-tab-icon iconify-icon { font-size:22px; } #fintech-content .ft-cap-tabs strong { font-size:12px; } #fintech-content .ft-cap-tabs small { display:none; } #fintech-content .ft-cap-panel { padding:23px 18px; border-radius:14px; } #fintech-content .ft-cap-panel-top { gap:10px; font-size:12px; } #fintech-content .ft-cap-panel-top>span:first-child { letter-spacing:.5px; } #fintech-content .ft-cap-panel>h3 { font-size:26px; } #fintech-content .ft-cap-technologies { gap:7px; margin:21px 0; } #fintech-content .ft-cap-technologies button { padding:8px 10px; font-size:12px; } #fintech-content .ft-cap-detail { grid-template-columns:1fr; padding:20px 16px; gap:24px; } #fintech-content .ft-cap-map { border-left:0; border-top:1px solid #3b5570; padding:22px 0 0; } #fintech-content .ft-cap-footer { gap:16px; } #fintech-content .ft-cap-footer>.btn { width:100%; justify-content:center; } } /* Risk explorer: compare an illustrative risk path with its safeguards. */ #fintech-content .ft-risk { background:#fff; } #fintech-content .ft-risk-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:34px; } #fintech-content .ft-risk-heading .ft-section-heading { margin-bottom:0; max-width:850px; } #fintech-content .ft-risk-heading-note { display:flex; align-items:flex-start; gap:10px; flex-shrink:0; padding-bottom:4px; color:#64748b; font-size:13px; line-height:1.7; } #fintech-content .ft-risk-heading-note iconify-icon { color:#a2562e; font-size:20px; margin-top:2px; } #fintech-content .ft-risk-tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-bottom:18px; } #fintech-content .ft-risk-tabs button { display:flex; align-items:center; gap:9px; padding:15px 13px; border:1px solid #dfe5ee; border-radius:10px; background:#fff; color:#536780; transition:background .15s,border-color .15s,color .15s; } #fintech-content .ft-risk-tabs button>span { display:grid; place-items:center; } #fintech-content .ft-risk-tabs iconify-icon { font-size:21px; } #fintech-content .ft-risk-tabs strong { font-size:13px; font-weight:600; } #fintech-content .ft-risk-tabs small { margin-left:auto; font-size:12px; color:#7b8797; } #fintech-content .ft-risk-tabs button:hover { border-color:#cfad97; background:#fffaf6; } #fintech-content .ft-risk-tabs button[aria-selected="true"] { background:#fff1e8; border-color:#cb9473; color:#93401f; box-shadow:inset 0 -2px 0 #ae5932; } #fintech-content .ft-risk-tabs button[aria-selected="true"] small { color:#93401f; } #fintech-content .ft-risk-panels { border:1px solid #e0e4e9; border-radius:18px 18px 0 0; overflow:hidden; } #fintech-content .ft-risk-panel { display:grid; grid-template-columns:1fr 1fr; } #fintech-content .ft-risk-panel+[data-risk-panel]:not([hidden]) { border-top:1px solid #e0e4e9; } #fintech-content .ft-risk-panel>* { min-width:0; } #fintech-content .ft-risk-scenario { padding:34px; display:flex; flex-direction:column; background:radial-gradient(ellipse at 0 0,#ffe9d9,transparent 72%),#fff9f4; border-right:1px solid #eadfd7; } #fintech-content .ft-risk-kicker { display:flex; align-items:center; justify-content:space-between; gap:16px; color:#934724; margin-bottom:26px; font-size:12px; font-weight:600; letter-spacing:1px; } #fintech-content .ft-risk-kicker>span:first-child { display:flex; align-items:center; gap:8px; } #fintech-content .ft-risk-kicker iconify-icon { font-size:21px; } #fintech-content .ft-risk-scenario>h3 { color:#402c26; font-size:clamp(27px,2.5vw,35px); line-height:1.3; letter-spacing:-.9px; max-width:520px; } #fintech-content .ft-risk-scenario>.ft-risk-original { font-size:16px; color:#745a4e; line-height:1.8; margin:17px 0 28px; } #fintech-content .ft-risk-comparison { margin-top:auto; border:1px solid #e7cdbc; padding:18px; border-radius:13px; background:#ffffffb3; } #fintech-content .ft-risk-mode { display:flex; gap:5px; padding:4px; background:#f1e8e0; border-radius:8px; margin-bottom:18px; } #fintech-content .ft-risk-mode button { flex:1; padding:10px 6px; border:0; border-radius:6px; background:transparent; color:#715a4c; font-size:13px; font-weight:600; transition:background .15s,color .15s; } #fintech-content .ft-risk-mode button[aria-pressed="true"] { background:#fff; color:#96451e; box-shadow:0 2px 5px #4430210b; } #fintech-content .ft-risk-flow-label { font-size:12px; color:#795d4e; margin-bottom:18px; } #fintech-content .ft-risk-flow ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0; margin:0; list-style:none; } #fintech-content .ft-risk-flow li { display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; position:relative; } #fintech-content .ft-risk-flow li:not(:last-child):after { content:''; height:1px; background:#d5ad94; position:absolute; top:23px; left:calc(50% + 26px); width:calc(100% - 34px); } #fintech-content .ft-risk-flow li>span { display:grid; place-items:center; width:46px; height:46px; background:#fff1e6; border:1px solid #e1b798; color:#a04d26; border-radius:12px; } #fintech-content .ft-risk-flow li strong { font-size:14px; color:#6c4837; line-height:1.55; font-weight:600; } #fintech-content .ft-risk-flow-caption { display:block; margin-top:17px; padding-top:12px; border-top:1px solid #ebddd3; font-size:12px; color:#866f61; } #fintech-content .ft-risk-comparison.shows-safeguards { background:#f5fbf8; border-color:#b8d7c7; } #fintech-content .shows-safeguards .ft-risk-mode { background:#e4f0e8; } #fintech-content .shows-safeguards .ft-risk-mode button[aria-pressed="true"] { color:#14664d; } #fintech-content .shows-safeguards .ft-risk-flow-label,#fintech-content .shows-safeguards .ft-risk-flow-caption { color:#4c7163; } #fintech-content .shows-safeguards .ft-risk-flow li>span { color:#137259; background:#e5f5ee; border-color:#a8cebc; } #fintech-content .shows-safeguards .ft-risk-flow li strong { color:#2a6652; } #fintech-content .shows-safeguards .ft-risk-flow li:after { background:#a8cebc; } #fintech-content .shows-safeguards .ft-risk-flow-caption { border-color:#d2e5da; } #fintech-content .ft-risk-response { display:flex; flex-direction:column; align-items:flex-start; padding:34px; background:#fff; } #fintech-content .ft-risk-response-label { display:flex; align-items:center; gap:8px; color:#08785f; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:1.2px; margin-bottom:20px; } #fintech-content .ft-risk-response-label iconify-icon { font-size:21px; } #fintech-content .ft-risk-response>h3 { font-size:25px; line-height:1.4; letter-spacing:-.6px; } #fintech-content .ft-risk-response-list { display:grid; gap:23px; margin:28px 0; padding:0; list-style:none; } #fintech-content .ft-risk-response-list li { display:flex; align-items:flex-start; gap:13px; } #fintech-content .ft-risk-step-icon { display:grid; place-items:center; flex-shrink:0; width:38px; height:38px; border:1px solid #dce8e2; border-radius:10px; background:#f0f7f3; color:#23735b; } #fintech-content .ft-risk-step-icon iconify-icon { font-size:20px; } #fintech-content .ft-risk-response-list h4 { font-size:15px; font-weight:600; line-height:1.5; margin-bottom:5px; } #fintech-content .ft-risk-response-list p { font-size:14px; line-height:1.75; } #fintech-content .ft-risk-response>.btn { margin-top:auto; } #fintech-content .ft-risk-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 24px; border:1px solid #e0e4e9; border-top:0; border-radius:0 0 18px 18px; background:#fafbfc; } #fintech-content .ft-risk-footer>div:first-child { display:flex; align-items:center; gap:20px; } #fintech-content [data-risk-count] { font-size:14px; font-variant-numeric:tabular-nums; color:#334d6b; } #fintech-content .ft-risk-footer-label { font-size:13px; color:#63758b; } #fintech-content .ft-risk-nav { display:flex; gap:8px; } #fintech-content .ft-risk-nav button { display:grid; place-items:center; width:40px; height:40px; border:1px solid #ced9e5; border-radius:50%; background:#fff; color:#234b78; transition:background .15s,border-color .15s; } #fintech-content .ft-risk-nav button:hover:not(:disabled) { background:#eaf1fb; border-color:#92accd; } #fintech-content .ft-risk-nav iconify-icon { font-size:20px; } @media(max-width:1100px) { #fintech-content .ft-risk-heading-note { display:none; } #fintech-content .ft-risk-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); } #fintech-content .ft-risk-scenario,#fintech-content .ft-risk-response { padding:28px; } #fintech-content .ft-risk-comparison { padding:15px; } #fintech-content .ft-risk-flow ol { gap:12px; } #fintech-content .ft-risk-flow li:not(:last-child):after { width:calc(100% - 40px); } } @media(max-width:800px) { #fintech-content .ft-risk-panel { grid-template-columns:minmax(0,1fr); } #fintech-content .ft-risk-scenario { border-right:0; border-bottom:1px solid #eadfd7; } #fintech-content .ft-risk-scenario>h3 { max-width:600px; } #fintech-content .ft-risk-original { max-width:600px; } #fintech-content .ft-risk-flow ol { gap:20px; } #fintech-content .ft-risk-flow li:not(:last-child):after { width:calc(100% - 32px); } } @media(max-width:520px) { #fintech-content .ft-risk-heading { margin-bottom:26px; } #fintech-content .ft-risk-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #fintech-content .ft-risk-tabs button { padding:12px 10px; gap:7px; } #fintech-content .ft-risk-tabs strong { font-size:12px; } #fintech-content .ft-risk-tabs small { display:none; } #fintech-content .ft-risk-tabs iconify-icon { font-size:18px; } #fintech-content .ft-risk-scenario,#fintech-content .ft-risk-response { padding:25px 20px; } #fintech-content .ft-risk-kicker { margin-bottom:20px; } #fintech-content .ft-risk-scenario>h3 { font-size:28px; } #fintech-content .ft-risk-scenario>.ft-risk-original { font-size:15px; } #fintech-content .ft-risk-comparison { padding:13px 10px; } #fintech-content .ft-risk-mode button { font-size:12px; padding:10px 4px; } #fintech-content .ft-risk-flow ol { gap:10px; } #fintech-content .ft-risk-flow li>span { width:38px; height:38px; border-radius:10px; } #fintech-content .ft-risk-flow li>span iconify-icon { font-size:20px; } #fintech-content .ft-risk-flow li strong { font-size:12px; } #fintech-content .ft-risk-flow li:not(:last-child):after { top:19px; left:calc(50% + 22px); width:calc(100% - 34px); } #fintech-content .ft-risk-response>h3 { font-size:23px; } #fintech-content .ft-risk-response-list { gap:22px; } #fintech-content .ft-risk-response-list li { gap:10px; } #fintech-content .ft-risk-response>.btn { align-self:stretch; justify-content:center; } #fintech-content .ft-risk-footer { padding:14px 18px; } #fintech-content .ft-risk-footer-label { display:none; } } /* Interactive service workspaces. Keep shared CTA button styling intact. */ #fintech-content .svc-explorer-intro { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:20px; color:#526681; font-size:14px; } #fintech-content .svc-explorer-intro>span:last-child { display:flex; align-items:center; gap:7px; font-size:12px; } #fintech-content .svc-explorer-intro iconify-icon { font-size:17px; color:var(--ft-blue); } #fintech-content .svc-interactive .svc-tabs { gap:10px; margin-bottom:24px; } #fintech-content .svc-interactive .svc-tab { display:flex; flex-direction:column; align-items:stretch; gap:16px; padding:19px 18px; position:relative; border-radius:13px; background:#ffffffb8; transition:background .15s,border-color .15s,box-shadow .15s; } #fintech-content .svc-interactive .svc-tab-top { display:flex; align-items:center; justify-content:space-between; gap:8px; } #fintech-content .svc-interactive .svc-tab-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; color:#42608b; background:#edf2fa; } #fintech-content .svc-interactive .svc-tab-icon iconify-icon { font-size:23px; } #fintech-content .svc-interactive .svc-tab-number { font-size:12px; color:#687c99; } #fintech-content .svc-interactive .svc-tab-label { font-size:14px; font-weight:600; color:#334c6f; } #fintech-content .svc-interactive .svc-tab:hover { background:#edf3ff; border-color:#99b3dc; } #fintech-content .svc-interactive .svc-tab[aria-selected="true"] { background:#15335a; border-color:#15335a; box-shadow:0 8px 20px #18365d18; } #fintech-content .svc-interactive .svc-tab[aria-selected="true"] .svc-tab-label { color:#fff; } #fintech-content .svc-interactive .svc-tab[aria-selected="true"] .svc-tab-number { color:#c1d3eb; } #fintech-content .svc-interactive .svc-tab[aria-selected="true"] .svc-tab-icon { color:#a6eedf; background:#ffffff12; } #fintech-content .svc-interactive .svc-box { border-radius:22px; box-shadow:0 14px 40px #273e6508; } #fintech-content .svc-interactive .svc-panel { grid-template-columns:1fr 1fr; padding:0; gap:0; align-items:stretch; } #fintech-content .svc-interactive .svc-panel-content { padding:46px 40px; display:flex; flex-direction:column; justify-content:center; } #fintech-content .svc-interactive .svc-panel-badge { margin-bottom:22px; gap:10px; } #fintech-content .svc-interactive .svc-panel-badge .svc-icon { display:grid; place-items:center; width:34px; height:34px; background:#edf3ff; border-radius:9px; } #fintech-content .svc-interactive .svc-panel-badge iconify-icon { font-size:21px; } #fintech-content .svc-interactive .svc-panel-content h3 { font-size:clamp(28px,2.45vw,35px); max-width:560px; } #fintech-content .svc-interactive .svc-panel-content>p { font-size:16px; line-height:1.85; } #fintech-content .svc-interactive .svc-panel-features { grid-template-columns:1fr; gap:14px; margin:26px 0 30px; } #fintech-content .svc-interactive .svc-panel-features li { gap:10px; line-height:1.6; } #fintech-content .svc-interactive .svc-panel-features iconify-icon { color:#168068; font-size:19px; margin-top:2px; } #fintech-content .svc-demo { padding:26px 30px; min-width:0; background:radial-gradient(ellipse at 100% 0,#2b5369 0,transparent 70%),#142d4d; display:flex; flex-direction:column; justify-content:center; gap:18px; } #fintech-content .svc-demo-top { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#eef5ff; } #fintech-content .svc-demo-top>span:first-child { display:flex; align-items:center; gap:9px; font-size:14px; font-weight:600; } #fintech-content .svc-demo-top>span:last-child { border:1px solid #ffffff38; padding:4px 9px; border-radius:5px; color:#c1d3e7; font-size:12px; } #fintech-content .svc-demo-top iconify-icon { font-size:20px; color:#a3e5db; } #fintech-content .svc-demo-window { background:#fff; border-radius:15px; padding:22px; box-shadow:0 16px 35px #05132726; min-width:0; } #fintech-content .svc-demo-window-heading { display:flex; gap:12px; align-items:center; justify-content:space-between; padding-bottom:19px; border-bottom:1px solid #e4eaf2; } #fintech-content .svc-demo-window-heading strong { font-size:14px; } #fintech-content .svc-demo-window-heading iconify-icon { font-size:21px; color:#08785f; } #fintech-content .svc-demo-choices { display:flex; gap:5px; padding:4px; border-radius:8px; background:#edf2f8; margin:18px 0 22px; } #fintech-content .svc-demo-choices button { flex:1; min-width:0; border:0; border-radius:6px; padding:10px 5px; background:transparent; color:#52657f; font-size:12px; font-weight:600; transition:background .15s,color .15s; } #fintech-content .svc-demo-choices button[aria-pressed="true"] { color:#0041c2; background:#fff; box-shadow:0 2px 5px #122d4c0d; } #fintech-content .svc-demo-choices button:hover { color:#0041c2; } #fintech-content .svc-demo-view { min-height:285px; } #fintech-content .svc-demo-metric>span { display:block; font-size:14px; color:#5a6e87; } #fintech-content .svc-demo-metric>strong { display:block; font-size:34px; line-height:1.3; letter-spacing:-1px; color:#16345b; margin:6px 0; overflow-wrap:anywhere; } #fintech-content .svc-demo-metric>small { color:#168068; font-size:12px; } #fintech-content .svc-demo-rows { margin:20px 0; } #fintech-content .svc-demo-rows>div { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:13px 0; border-bottom:1px solid #e5ebf2; } #fintech-content .svc-demo-rows>div>span { font-size:13px; color:#5a6e87; } #fintech-content .svc-demo-rows strong { font-size:13px; font-weight:600; text-align:right; } #fintech-content .svc-demo-chip { display:inline-flex; gap:6px; align-items:center; border-radius:5px; padding:6px 9px; background:#edf8f3; color:#08785f; font-size:12px; } #fintech-content .svc-demo-chip iconify-icon { font-size:16px; } #fintech-content .svc-demo-privacy { display:flex; gap:7px; align-items:center; margin-top:16px; padding:8px 0; color:#365780; background:none; border:0; font-size:12px; font-weight:600; } #fintech-content .svc-demo-privacy iconify-icon { font-size:18px; } #fintech-content .svc-demo-caption { display:flex; align-items:center; gap:8px; font-size:12px; color:#bbcee4; } #fintech-content .svc-demo-caption iconify-icon { font-size:17px; } #fintech-content .svc-virtual-card { position:relative; padding:22px; background:linear-gradient(125deg,#184776,#253866); color:#fff; border-radius:12px; } #fintech-content .svc-virtual-card>span { font-size:12px; } #fintech-content .svc-virtual-card>iconify-icon { position:absolute; right:20px; top:20px; color:#a9d7f3; font-size:25px; } #fintech-content .svc-virtual-card>strong { display:block; font-size:19px; letter-spacing:1px; margin:26px 0; } #fintech-content .svc-virtual-card>div { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:12px; } #fintech-content .svc-demo-action { display:inline-flex; align-items:center; gap:7px; border:1px solid #b8cbe3; border-radius:8px; background:#f0f5ff; color:#174779; padding:10px 13px; font-size:13px; font-weight:600; } #fintech-content .svc-demo-action:hover { background:#e1edff; } #fintech-content .svc-demo-action iconify-icon { font-size:19px; } #fintech-content .svc-payment-result { font-size:13px; color:#5a6e87; margin:0 0 14px; line-height:1.6; } #fintech-content .is-complete .svc-payment-result { color:#08785f; padding:10px; border:1px solid #b4daca; background:#edf8f3; border-radius:7px; } #fintech-content .svc-market-chart { height:125px; position:relative; display:flex; align-items:flex-end; justify-content:space-between; padding-top:10px; margin:10px 0 0; color:#6b7e94; font-size:12px; } #fintech-content .svc-market-chart>div { position:absolute; inset:10px 0 25px; display:flex; gap:9px; align-items:flex-end; border-bottom:1px solid #dce5ee; } #fintech-content .svc-market-chart i { height:var(--bar); flex:1; border-radius:3px 3px 0 0; background:#79bdb0; } #fintech-content .svc-market-chart i:nth-child(2n) { background:#218773; } #fintech-content .svc-market-chart.is-negative i { background:#dca6a6; } #fintech-content .svc-market-chart.is-negative i:nth-child(2n) { background:#ad5757; } #fintech-content .svc-demo-subtitle { font-size:18px; font-weight:600; margin-bottom:20px; } #fintech-content .svc-document-list>div { display:flex; align-items:center; gap:9px; border:1px solid #dde6f0; border-radius:8px; padding:15px 11px; margin-bottom:10px; font-size:13px; } #fintech-content .svc-document-list iconify-icon { color:#526f95; font-size:19px; } #fintech-content .svc-document-list b { margin-left:auto; color:#08785f; font-size:12px; font-weight:500; } #fintech-content .svc-demo-note { color:#5a6e87; font-size:12px; line-height:1.7; margin-top:17px; } #fintech-content .svc-demo-timeline { display:grid; gap:24px; list-style:none; padding:0; } #fintech-content .svc-demo-timeline li { display:flex; align-items:flex-start; gap:12px; position:relative; } #fintech-content .svc-demo-timeline li>span { display:grid; place-items:center; width:30px; height:30px; font-size:12px; border:1px solid #c0d6e6; border-radius:50%; background:#eff6fc; color:#244d75; flex-shrink:0; } #fintech-content .svc-demo-timeline li:not(:last-child):after { content:''; position:absolute; top:34px; bottom:-20px; left:14px; width:1px; background:#d1deeb; } #fintech-content .svc-demo-timeline strong { display:block; font-size:14px; } #fintech-content .svc-demo-timeline small { display:block; margin-top:4px; font-size:12px; color:#5a6e87; } #fintech-content .svc-asset-symbol { float:right; display:grid; place-items:center; width:46px; height:46px; background:#f4f5fc; border:1px solid #e4e8f2; border-radius:13px; } #fintech-content .svc-asset-symbol iconify-icon { font-size:30px; } #fintech-content .svc-interactive .svc-explorer-footer { padding:20px 28px; } #fintech-content .svc-footer-state { display:flex; gap:20px; align-items:center; } #fintech-content .svc-progress { display:flex; gap:5px; } #fintech-content .svc-progress span { width:22px; height:3px; border-radius:3px; background:#dce5f0; } #fintech-content .svc-progress span.is-active { background:#0041c2; } @media(max-width:1100px) { #fintech-content .svc-interactive .svc-tab { padding:14px; gap:10px; } #fintech-content .svc-interactive .svc-panel-content { padding:30px 26px; } #fintech-content .svc-demo { padding:24px 20px; } #fintech-content .svc-demo-window { padding:18px; } #fintech-content .svc-interactive .svc-tab-icon { width:32px; height:32px; } } @media(max-width:800px) { #fintech-content .svc-interactive .svc-panel { grid-template-columns:minmax(0,1fr); } #fintech-content .svc-interactive .svc-tab { flex-direction:row; align-items:center; } #fintech-content .svc-interactive .svc-tab-number { display:none; } #fintech-content .svc-interactive .svc-tab-label { font-size:13px; } #fintech-content .svc-demo { padding:26px; } #fintech-content .svc-demo-window { width:100%; max-width:540px; margin:0 auto; padding:24px; } #fintech-content .svc-explorer-intro>span:last-child { display:none; } } @media(max-width:520px) { #fintech-content .svc-explorer-intro { font-size:13px; line-height:1.7; } #fintech-content .svc-interactive .svc-tabs { gap:8px; } #fintech-content .svc-interactive .svc-tab { padding:12px 10px; gap:8px; align-items:flex-start; } #fintech-content .svc-interactive .svc-tab-icon { width:28px; height:28px; border-radius:7px; } #fintech-content .svc-interactive .svc-tab-icon iconify-icon { font-size:18px; } #fintech-content .svc-interactive .svc-tab-label { font-size:12px; line-height:1.5; align-self:center; } #fintech-content .svc-interactive .svc-panel-content { padding:28px 22px; } #fintech-content .svc-interactive .svc-panel-content h3 { font-size:28px; } #fintech-content .svc-demo { padding:20px 14px; gap:16px; } #fintech-content .svc-demo-top { padding:0 4px; } #fintech-content .svc-demo-top>span:first-child { font-size:13px; gap:6px; } #fintech-content .svc-demo-top>span:last-child { font-size:12px; padding:3px 6px; } #fintech-content .svc-demo-window { padding:18px 14px; } #fintech-content .svc-demo-window-heading strong { font-size:13px; } #fintech-content .svc-demo-choices { gap:2px; } #fintech-content .svc-demo-choices button { font-size:12px; padding:10px 3px; } #fintech-content .svc-demo-metric>strong { font-size:29px; } #fintech-content .svc-demo-view { min-height:295px; } #fintech-content .svc-virtual-card { padding:18px 14px; } #fintech-content .svc-virtual-card>strong { font-size:16px; letter-spacing:0; } #fintech-content .svc-document-list>div { flex-wrap:wrap; gap:7px; } #fintech-content .svc-document-list b { font-size:12px; } #fintech-content .svc-interactive .svc-explorer-footer { padding:18px; } #fintech-content .svc-footer-state { flex:1 0 100%; justify-content:space-between; } #fintech-content .svc-controls { width:100%; justify-content:space-between; } #fintech-content .svc-demo-caption { align-items:flex-start; font-size:12px; } #fintech-content .svc-demo-caption iconify-icon { margin-top:2px; } } /* Shared Insights include sits outside #fintech-content. Match industry pages. */ .fintech-page > .insights-updates { padding:100px 0; background:#f8fafb; } .fintech-page > .insights-updates .heading { font-size:clamp(2rem,3.5vw,2.8rem); font-weight:700; color:#0f1b2d; line-height:1.25; } .fintech-page > .insights-updates .d-flex { display:flex; } .fintech-page > .insights-updates .flex-wrap { flex-wrap:wrap; } .fintech-page > .insights-updates .gap-20 { gap:20px; } .fintech-page > .insights-updates .align-item-center { align-items:center; } .fintech-page > .insights-updates .space-between { justify-content:space-between; } .fintech-page > .insights-updates .mb-60 { margin-bottom:60px; } .fintech-page > .insights-updates .d-grid { display:grid; } .fintech-page > .insights-updates .grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); } .fintech-page > .insights-updates .gap-30 { gap:30px; } .fintech-page > .insights-updates .blog-card { min-width:0; display:flex; flex-direction:column; background:#fff; border:1px solid #0000000f; border-radius:20px; overflow:hidden; box-shadow:0 4px 20px #0000000a; transition:transform .2s,box-shadow .2s,border-color .2s; } .fintech-page > .insights-updates .blog-card:hover { transform:translateY(-6px); box-shadow:0 20px 60px #0041c21f; border-color:#0041c21a; } .fintech-page > .insights-updates .blog-thumb { display:block; overflow:hidden; aspect-ratio:16/10; background:#f8f9fd; } .fintech-page > .insights-updates .blog-thumb img { width:100%; max-width:none!important; height:100%; object-fit:cover; transition:transform .2s; } .fintech-page > .insights-updates .blog-card:hover .blog-thumb img { transform:scale(1.04); } .fintech-page > .insights-updates .blog-card h4 { padding:24px 24px 16px; margin:0; } .fintech-page > .insights-updates .blog-card h4 a { font-size:1.25rem; font-weight:700; color:#0f1b2d; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .fintech-page > .insights-updates .blog-card:hover h4 a { color:#0041c2; } .fintech-page > .insights-updates .blog-card > .d-flex { margin-top:auto; gap:12px; flex-wrap:wrap; padding:0 24px 24px; } .fintech-page > .insights-updates .post-date { font-size:.875rem; color:#62718a; font-weight:500; } .fintech-page > .insights-updates .blog-card .btn-link { gap:4px; padding:0; font-size:.9rem; font-weight:600; color:#0041c2; } .fintech-page > .insights-updates .btn-link iconify-icon { font-size:1.2rem; } .fintech-page > .insights-updates a:focus-visible { outline:3px solid #087f9c; outline-offset:4px; } @media(max-width:1024px) { .fintech-page > .insights-updates { padding:70px 0; } .fintech-page > .insights-updates .grid-three { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:600px) { .fintech-page > .insights-updates { padding:52px 0; } .fintech-page > .insights-updates > .container { padding-left:20px; padding-right:20px; } .fintech-page > .insights-updates .grid-three { grid-template-columns:1fr; } .fintech-page > .insights-updates .mb-60 { margin-bottom:30px; } .fintech-page > .insights-updates .blog-card h4 { padding:22px 22px 16px; } .fintech-page > .insights-updates .blog-card > .d-flex { padding:0 22px 22px; } } @media(prefers-reduced-motion:reduce) { .fintech-page *, .fintech-page *::before, .fintech-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }