*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7ff;color:#17213f;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.topbar{height:38px;background:#4665e8;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;font-size:11px}.topbar span{margin-left:24px;opacity:.85}.site-header{height:86px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:relative;z-index:10;box-shadow:0 8px 30px rgba(42,61,135,.08)}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:20px}.brand sup{font:700 9px Arial;color:#4665e8;align-self:flex-start;margin-top:5px}.brand-mark{font:30px Arial;color:#4665e8;line-height:.6;position:relative;display:inline-block;transform:rotate(45deg)}.brand-mark i{font-style:normal;position:absolute;left:8px;top:8px;color:#82a3ff}.site-header nav{display:flex;gap:31px;font-size:11px;letter-spacing:.08em;color:#637092}.site-header nav a:hover{color:#4665e8}.header-actions{display:flex;gap:24px;align-items:center}.login-link{font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;padding:15px 24px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:.25s ease}.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(44,76,185,.2)}.button-green{background:linear-gradient(135deg,#37c982,#35a8db);color:#fff}.button-white{background:#fff;color:#4665e8}.button-outline{border:1px solid rgba(255,255,255,.75);color:#fff}.button-blue{background:linear-gradient(135deg,#4665e8,#2abfbd);color:#fff}.hero{min-height:720px;height:calc(100vh - 124px);max-height:900px;min-height:690px;position:relative;overflow:hidden;background:#10142c;color:#fff}.hero-media,.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;opacity:0;transition:opacity .8s ease,transform 8s ease;transform:scale(1.05)}.hero-image.is-active{opacity:1;transform:scale(1)}.hero-shade{background:linear-gradient(90deg,rgba(8,13,35,.92) 0%,rgba(8,13,35,.6) 44%,rgba(8,13,35,.05) 100%),linear-gradient(0deg,rgba(8,13,35,.62),transparent 42%)}.hero-copy{position:absolute;z-index:2;left:7vw;top:15%;max-width:555px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:#fff;opacity:.85}.eyebrow.blue{color:#4665e8}.hero h1{font:700 clamp(52px,6vw,92px)/.94 Arial,sans-serif;letter-spacing:-.065em;margin:26px 0 23px}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#c7d0ff}.hero-lede{font-size:17px;line-height:1.65;max-width:475px;color:#f5f7ff}.hero-actions{display:flex;gap:17px;margin-top:30px}.hero-note{font-size:12px;margin-top:56px;color:#fff}.hero-note span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#64dda0;margin-right:9px;box-shadow:0 0 0 5px rgba(100,221,160,.13)}.balance-card{position:absolute;right:8vw;bottom:24%;z-index:3;background:linear-gradient(135deg,#4665e8,#34c39b);padding:23px 26px;width:245px;transform:rotate(7deg);box-shadow:0 25px 60px rgba(4,9,49,.36);border-radius:3px}.balance-card small,.balance-card span{display:block;font-size:9px;letter-spacing:.1em}.balance-card strong{display:block;font-size:29px;margin:26px 0 20px}.balance-card sup{font-size:12px}.balance-card span i{float:right;font-style:normal}.slider-controls{display:flex;gap:12px;align-items:center;margin-top:34px}.slider-controls button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:50%;width:38px;height:38px}.slider-controls .slider-dots{display:flex;gap:7px;margin-left:12px}.slider-controls .dot{width:31px;height:3px;border:0;border-radius:0;background:rgba(255,255,255,.45)}.slider-controls .dot.active{background:#fff}.feature-dock{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);margin:-73px auto 0;max-width:1080px;background:#fff;box-shadow:0 18px 44px rgba(42,61,135,.16)}.feature-dock>div,.feature-dock>a{min-height:118px;border-right:1px solid #e6e9f4;display:flex;align-items:center;justify-content:center;gap:17px}.feature-dock>div,.feature-dock>a:last-child{border:0}.feature-dock b{font-size:27px;color:#4665e8}.feature-dock>div,.feature-dock>a:nth-child(2) b{color:#2bbba1}.feature-dock>div,.feature-dock>a:nth-child(3) b{color:#42b985}.feature-dock>div,.feature-dock>a:nth-child(4) b{color:#d6ae43}.feature-dock span{font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.04em}.section{padding:120px 7vw}.section-heading h2,.step-copy h2{font:700 clamp(42px,5vw,69px)/.98 Arial,sans-serif;letter-spacing:-.06em;margin:20px 0}.section-heading>p:last-child,.step-copy>p:last-of-type{font-size:16px;line-height:1.7;color:#6c7694;max-width:500px}.banking-intro{background:#f7f8ff}.dashboard-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;margin-top:60px}.dashboard-card{background:#fff;border-radius:24px;padding:20px;box-shadow:0 24px 70px rgba(44,67,153,.14);transform:rotate(-2deg);max-width:530px}.dash-top{background:linear-gradient(135deg,#4665e8,#36bbad);color:#fff;border-radius:15px;padding:18px 20px;margin-bottom:14px}.dash-top span{font-size:12px}.dash-top b{display:block;font-size:29px;margin-top:28px}.dash-row{background:#f3f5ff;border-radius:11px;padding:18px;margin:9px 0;display:flex;justify-content:space-between;color:#47516b}.dash-row.active{background:#4665e8;color:#fff}.mini-panel{background:#fff;border-radius:24px;padding:46px;box-shadow:0 20px 55px rgba(44,67,153,.12)}.mini-panel h3{font:700 38px/1.05 Georgia,serif;margin:20px 0}.mini-panel p:last-child{line-height:1.7;color:#6c7694}.route-line{height:90px;position:relative;margin:25px 0}.route-line:before{content:"";position:absolute;top:44px;left:0;right:0;border-top:1px dashed #95a7e8;transform:rotate(-8deg)}.route-line span,.route-line i,.route-line b{position:absolute;width:12px;height:12px;border-radius:50%;background:#4665e8;top:39px}.route-line span{left:10%}.route-line i{left:50%;background:#e5b846}.route-line b{right:10%;background:#2bbba1}.centered{text-align:center;margin:auto}.centered>p:last-child{margin:0 auto}.products{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}.product-card{padding:37px;border-radius:24px;min-height:340px;position:relative;overflow:hidden;transition:.35s cubic-bezier(.23,1,.32,1);box-shadow:0 14px 40px rgba(45,70,145,.1)}.product-card:hover{transform:translateY(-12px) rotateX(2deg);box-shadow:0 30px 55px rgba(45,70,145,.2)}.product-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-75px;top:-70px;background:rgba(255,255,255,.17)}.blue-card{background:linear-gradient(135deg,#4665e8,#6684ef);color:#fff}.mint-card{background:linear-gradient(135deg,#dff9ed,#a3e2d3);color:#193e43}.lilac-card{background:linear-gradient(135deg,#f0efff,#d4ddff);color:#314272}.card-icon{font-size:36px;display:block;margin-bottom:55px}.product-card h3{font:700 27px/1.05 Arial,sans-serif;letter-spacing:-.04em;margin:16px 0}.product-card p:not(.eyebrow){line-height:1.65;font-size:14px;max-width:300px;opacity:.86}.product-card a{position:absolute;bottom:34px;font-size:12px;font-weight:700}.steps{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#f7f8ff}.step-copy .button{margin-top:23px}.step-list{display:flex;flex-direction:column;gap:16px}.step-list>div{display:flex;gap:24px;align-items:flex-start;background:#fff;padding:27px;border-radius:17px;box-shadow:0 12px 30px rgba(42,61,135,.08);transition:.25s}.step-list>div:hover{transform:translateX(8px);box-shadow:0 20px 36px rgba(42,61,135,.14)}.step-list b{color:#4665e8;font-size:13px}.step-list strong,.step-list small{display:block}.step-list strong{font-size:16px}.step-list small{color:#7d87a1;margin-top:8px;line-height:1.5}.site-footer{background:#131b3b;color:#fff;padding:74px 7vw 25px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:50px;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:55px}.footer-brand{color:#fff}.footer-main p{color:#b5bfdc;max-width:250px;line-height:1.6}.footer-main small{display:block;color:#8ea1dd;letter-spacing:.15em;font-size:10px;margin-bottom:18px}.footer-main>div:not(:first-child) a{display:block;color:#eef1ff;margin:12px 0;font-size:13px}.footer-main>div:not(:first-child) a:hover{color:#67ddb0}.footer-bottom{display:flex;justify-content:space-between;color:#99a4c7;font-size:11px;padding-top:23px}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s cubic-bezier(.23,1,.32,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header nav{display:none}.hero{height:auto;min-height:760px}.hero-copy{top:12%;left:7vw;right:7vw}.balance-card{right:7vw;bottom:24%}.feature-dock{margin:-1px 18px 0;grid-template-columns:repeat(2,1fr)}.feature-dock>div,.feature-dock>a{min-height:88px}.dashboard-wrap,.steps{grid-template-columns:1fr;gap:30px}.product-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:repeat(2,1fr)}.footer-bottom{gap:12px;flex-wrap:wrap}}@media(max-width:560px){.topbar{font-size:9px;padding:0 18px}.topbar>div:last-child span{display:none}.site-header{height:72px;padding:0 18px}.header-actions{gap:10px}.login-link{font-size:12px}.button-green{padding:12px 13px;font-size:9px}.hero{min-height:770px}.hero-copy{top:11%;left:24px;right:24px}.hero h1{font-size:52px}.hero-lede{font-size:14px}.hero-actions{flex-wrap:wrap}.balance-card{bottom:21%;right:24px;width:205px;padding:18px}.balance-card strong{font-size:24px;margin:18px 0}.slider-controls{margin-top:25px}.feature-dock{margin:0 12px;grid-template-columns:1fr 1fr}.feature-dock>div,.feature-dock>a{gap:9px;padding:10px}.feature-dock span{font-size:10px}.section{padding:76px 24px}.section-heading h2,.step-copy h2{font-size:47px}.dashboard-card{padding:12px}.mini-panel{padding:28px}.product-card{min-height:310px;padding:28px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}}.brand-logo{height:46px;width:auto;display:block}
.footer-brand .brand-logo{height:40px}
.site-header nav a{position:relative}
.site-header nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:#4665e8;transition:width .25s ease}
.site-header nav a:hover:after{width:100%}
.feature-dock>div,.feature-dock>a{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
.feature-dock>div,.feature-dock>a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(42,61,135,.12)}
.feature-dock a{display:flex;align-items:center;justify-content:center;gap:17px}
.product-card a b,.platform-card a b,.button b{display:inline-block;transition:transform .25s ease}
.product-card a:hover b,.platform-card a:hover b,.button:hover b{transform:translateX(5px)}
.product-card a,.platform-card a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s ease,padding-bottom .3s ease}
.product-card a:hover,.platform-card a:hover{background-size:100% 1px;padding-bottom:3px}
@keyframes fbFadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes fbFadeIn{from{opacity:0}to{opacity:1}}
@keyframes fbShimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.hero-copy .eyebrow{animation:fbFadeIn .7s ease .1s both}
.hero h1{animation:fbFadeUp .8s cubic-bezier(.23,1,.32,1) .25s both}
.hero-lede{animation:fbFadeUp .8s cubic-bezier(.23,1,.32,1) .45s both}
.hero-actions{animation:fbFadeUp .8s cubic-bezier(.23,1,.32,1) .6s both}
.hero-note{animation:fbFadeIn .8s ease .8s both}
.hero h1 em{background:linear-gradient(90deg,#c7d0ff,#8fd7c9,#c7d0ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fbShimmer 6s linear infinite}
@media(prefers-reduced-motion:reduce){.hero-copy .eyebrow,.hero h1,.hero-lede,.hero-actions,.hero-note,.hero h1 em{animation:none}.hero h1 em{color:#c7d0ff;-webkit-text-fill-color:currentColor;background:none}}
.fleet-section{background:#fff}
.fleet-card{display:grid;grid-template-columns:380px 1fr;gap:46px;align-items:start;background:#f7f8ff;border-radius:24px;padding:42px;box-shadow:0 18px 44px rgba(42,61,135,.10)}
.fleet-media{margin:0}
.fleet-media img{width:100%;height:auto;display:block;border-radius:14px}
.fleet-copy h3{font:700 34px/1.1 Arial,sans-serif;letter-spacing:-.04em;margin:14px 0 20px;color:#17213f}
.fleet-label{font-weight:700;color:#17213f;margin:0 0 10px;font-size:15px}
.fleet-text{margin:0;font-size:15px;line-height:1.75;color:#5c6685;text-align:left;overflow-wrap:break-word}
@media(max-width:900px){.fleet-card{grid-template-columns:1fr;padding:26px;gap:26px}.fleet-copy h3{font-size:27px}}
.feature-dock{border-radius:16px;overflow:hidden;margin:-48px auto 0}
.feature-dock>div,.feature-dock>a{min-height:102px}
@media(max-width:900px){.feature-dock{margin:-1px 18px 0}}
.salary{background:#fff}
.salary-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.salary-copy p{line-height:1.7;color:#6c7694;max-width:480px}
.salary-points{list-style:none;padding:0;margin:28px 0 30px;display:grid;gap:14px}
.salary-points li{display:flex;flex-direction:column;background:#f7f8ff;border-radius:14px;padding:16px 20px;border:1px solid #e8ecf8}
.salary-points b{color:#4665e8;font-size:15px;letter-spacing:.02em}
.salary-points span{color:#6c7694;font-size:13px;margin-top:4px}
.salary-card{background:linear-gradient(135deg,#101a3f,#2a3f8f);color:#fff;border-radius:22px;padding:34px;box-shadow:0 24px 60px rgba(16,26,63,.35)}
.salary-row{display:flex;justify-content:space-between;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:14px}
.salary-row span{opacity:.75}
.salary-row b{font-size:20px;letter-spacing:-.02em}
.salary-row.fee b{color:#64dda0}
.salary-row.total{border-bottom:0;padding-top:18px}
.salary-row.total b{font-size:30px;color:#64dda0}
.salary-note{margin:14px 0 0;font-size:11.5px;line-height:1.5;opacity:.6}
.salary-media{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.salary-media figure{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(42,61,135,.12)}
.salary-media img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.23,1,.32,1)}
.salary-media figure:hover img{transform:scale(1.05)}
.community{background:#f7f8ff}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px}
.gallery-item{margin:0;position:relative;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(42,61,135,.10);aspect-ratio:3/4}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.23,1,.32,1)}
.gallery-item:hover img{transform:scale(1.07)}
.gallery-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 16px 14px;background:linear-gradient(0deg,rgba(10,16,40,.85),transparent);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:900px){.salary-grid{grid-template-columns:1fr;gap:34px}.salary-media{grid-template-columns:1fr}.salary-media img{height:230px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.salary-card{padding:24px}.salary-row b{font-size:17px}.salary-row.total b{font-size:25px}}
.card-icon,.platform-icon{transition:transform .35s cubic-bezier(.23,1,.32,1)}
.product-card:hover .card-icon,.platform-card:hover .platform-icon{transform:rotate(-10deg) scale(1.18)}
.gallery-item,.salary-media figure{transition:transform .35s ease,box-shadow .35s ease}
.gallery-item:hover,.salary-media figure:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(42,61,135,.16)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* Extended two-scroll banking SaaS content */
.saas-platform{background:#fff}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:54px}.platform-card{position:relative;min-height:330px;padding:30px;border-radius:22px;background:#f7f8ff;border:1px solid #e4e8f5;box-shadow:0 15px 34px rgba(42,61,135,.08);transition:.32s cubic-bezier(.23,1,.32,1);overflow:hidden}.platform-card:hover{transform:translateY(-10px) rotateX(2deg);box-shadow:0 28px 50px rgba(42,61,135,.17)}.platform-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;bottom:-80px;background:linear-gradient(135deg,rgba(70,101,232,.13),rgba(43,187,161,.12))}.platform-card.highlighted{background:linear-gradient(145deg,#4665e8,#5f86ee);color:#fff;border-color:transparent}.platform-number{font-size:11px;letter-spacing:.12em;color:#7d89ae}.highlighted .platform-number{color:#dce3ff}.platform-icon{font-size:36px;color:#4665e8;margin:42px 0 18px}.highlighted .platform-icon{color:#8ce9ca}.platform-card h3{font-size:22px;letter-spacing:-.04em;margin:0 0 12px}.platform-card p{font-size:13px;line-height:1.6;color:#6d7797;max-width:220px}.highlighted p{color:#eef2ff}.platform-card a{position:absolute;bottom:28px;font-size:11px;font-weight:700;color:#4665e8;z-index:1}.highlighted a{color:#fff}.security-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#eef2ff}.security-photo{height:500px;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px rgba(36,52,128,.2)}.security-photo img{width:100%;height:100%;object-fit:cover}.security-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,20,67,.56),transparent 58%)}.photo-label{position:absolute;z-index:1;bottom:25px;left:28px;color:#fff;font-size:11px;letter-spacing:.12em;font-weight:700}.security-copy>p:not(.eyebrow){line-height:1.7;color:#6c7694;max-width:490px}.security-list{margin-top:32px;display:flex;flex-direction:column;gap:16px}.security-list>div{display:flex;gap:15px;align-items:flex-start}.security-list b{width:28px;height:28px;border-radius:50%;background:#d9f6e8;color:#2eaf79;display:grid;place-items:center}.security-list strong,.security-list small{display:block}.security-list strong{font-size:15px}.security-list small{font-size:12px;color:#7d87a1;margin-top:5px;line-height:1.5}.expat-section{background:#fff}.toolkit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:52px}.toolkit-card{padding:27px;background:#f6f8ff;border:1px solid #e4e8f5;border-radius:18px;min-height:180px;transition:.27s ease}.toolkit-card:hover{background:linear-gradient(135deg,#eef1ff,#edfff8);transform:translateY(-7px);box-shadow:0 18px 35px rgba(42,61,135,.1)}.toolkit-card>span{font-size:27px;color:#4665e8;font-weight:700}.toolkit-card h3{font-size:17px;margin:25px 0 9px}.toolkit-card p{font-size:12px;color:#77819d;line-height:1.55}.metrics-band{display:grid;grid-template-columns:repeat(4,1fr);background:#4665e8;color:#fff;padding:58px 7vw;gap:20px}.metrics-band>div{padding-left:25px;border-left:1px solid rgba(255,255,255,.25)}.metrics-band strong,.metrics-band span{display:block}.metrics-band strong{font:700 39px Arial;letter-spacing:-.06em}.metrics-band span{font-size:11px;letter-spacing:.06em;color:#d7e0ff;margin-top:8px}.final-cta{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(135deg,#18214b,#245a76);color:#fff;min-height:320px}.final-cta h2{font:700 clamp(42px,5vw,66px)/.98 Arial;letter-spacing:-.06em;margin:20px 0}.final-cta h2 em{color:#9cf1d4}.final-cta>div:last-child{padding-left:30px;border-left:1px solid rgba(255,255,255,.2)}.final-cta>div:last-child p{max-width:360px;line-height:1.7;color:#c7d4ee;margin-bottom:25px}@media(max-width:900px){.platform-grid,.toolkit-grid{grid-template-columns:repeat(2,1fr)}.security-section{grid-template-columns:1fr;gap:40px}.security-photo{height:390px}.metrics-band{grid-template-columns:repeat(2,1fr);gap:35px}.final-cta{grid-template-columns:1fr;gap:25px}.final-cta>div:last-child{padding:25px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.2)}}@media(max-width:560px){.platform-grid,.toolkit-grid{grid-template-columns:1fr}.platform-card{min-height:290px}.security-photo{height:290px}.metrics-band{grid-template-columns:1fr;padding:45px 24px}.metrics-band>div{padding-left:18px}.final-cta{min-height:420px;padding-top:70px;padding-bottom:70px}}