/* FotFi v65 — compact home guidance and accessible deposit/FotFi information. */
.ff-app-home,.ff-app-bottom-nav{display:none}
#appGuestNotifications{display:none}
.ff-site-details{display:contents}
.ff-app-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#appGuestNotifications[hidden]{display:none!important}
body #menuDialog.ff-app-drawer{position:fixed!important;inset:0 0 0 auto!important;margin:0!important;width:min(84vw,360px)!important;max-width:360px!important;height:100dvh!important;max-height:100dvh!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#172139!important;overflow:hidden!important;box-shadow:-12px 0 45px #0f172a25!important}
body #menuDialog.ff-app-drawer[open]{display:flex!important;flex-direction:column!important}
#menuDialog.ff-app-drawer::backdrop{background:#0f172a70;backdrop-filter:blur(2px)}
body #menuDialog.ff-app-drawer .ff-drawer-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px 12px 20px;background:#fff;flex-shrink:0}
body #menuDialog.ff-app-drawer .ff-drawer-brand{display:flex;align-items:center;gap:5px;margin:0;color:#172139;font-family:var(--ff-font);font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.045em}
body #menuDialog.ff-app-drawer .ff-drawer-brand img{width:26px;height:26px;object-fit:contain;border-radius:6px}
body #menuDialog.ff-app-drawer .ff-drawer-brand>span>span{color:#2563eb}
body #menuDialog.ff-app-drawer .ff-drawer-profile{display:flex;align-items:center;gap:12px;padding:10px 20px 18px!important;box-sizing:border-box;background:#fff;color:#172139;border-bottom:1px solid #e7ebf2;flex-shrink:0}
body #menuDialog.ff-app-drawer .ff-drawer-avatar{width:44px;height:44px;border:1px solid #dce6f7;background:#edf3ff;color:#2563eb;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:15px;font-weight:600;line-height:1}
.ff-drawer-avatar svg{width:25px;height:25px}
.ff-drawer-avatar [hidden]{display:none!important}
.ff-drawer-identity{min-width:0}
.ff-drawer-profile strong{display:block;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.ff-drawer-profile p{margin:3px 0 0;color:#6b7280;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
body #menuDialog.ff-app-drawer #closeMenu{position:static;display:grid;place-items:center;width:36px;height:36px;min-height:36px;border:0;border-radius:50%;background:#f3f6fc;color:#172139;padding:7px;box-shadow:none;flex-shrink:0}
#closeMenu .ff-app-icon{width:20px;height:20px}
body #menuDialog.ff-app-drawer .kp-menu-content{padding:12px 12px max(18px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;gap:12px;overflow-y:auto!important;min-height:0!important;flex:1!important;overscroll-behavior:contain}
body #menuDialog.ff-app-drawer .kp_nav_primary{display:grid!important;gap:4px!important;padding:0!important;margin:0!important;list-style:none;background:transparent!important;border:0!important;box-shadow:none!important}
body #menuDialog.ff-app-drawer .kp_nav_primary li{margin:0!important;padding:0!important;border:0!important}
body #menuDialog.ff-app-drawer .kp_nav_primary li[hidden]{display:none!important}
body #menuDialog.ff-app-drawer .kp_nav_primary li>button{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:50px!important;padding:10px 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:#172139!important;text-align:left!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important}
body #menuDialog.ff-app-drawer .kp_nav_primary li>button[aria-current=page]{background:#edf3ff!important;color:#2563eb!important;font-weight:600!important}
body #menuDialog.ff-app-drawer .kp_nav_primary li>button:hover{background:#f3f6fc!important}
body #menuDialog.ff-app-drawer .kp_nav_primary .ff-app-icon{width:23px;height:23px;color:inherit}
body #menuDialog.ff-app-drawer .ff-drawer-auth{display:flex!important;gap:8px!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
body #menuDialog.ff-app-drawer .ff-drawer-auth button{flex:1;min-height:44px!important;border-radius:10px!important;padding:8px!important;font-size:12px!important;font-weight:600!important;line-height:1.25!important}
body #menuDialog.ff-app-drawer #kp-menu-login{background:#f0f5ff!important;color:#2563eb!important;border:1px solid #dae5ff!important}
body #menuDialog.ff-app-drawer #kp-menu-signup{background:#2563eb!important;color:#fff!important;border:1px solid #2563eb!important}
.ff-drawer-footer{margin-top:auto;padding:18px 12px 0;border-top:1px solid #e7ebf2}
body #menuDialog .ff-drawer-footer button{padding:4px 0;background:none;border:0;color:#6b7280;text-decoration:underline;font-size:12px!important;min-height:32px}
#appSupportDialog .ff-support-actions{display:grid;gap:10px;margin:20px 0}
#appSupportDialog .ff-support-actions button,#appSupportDialog .ff-support-actions a{min-height:44px;display:flex;align-items:center;padding:10px 14px;border:1px solid #e1e7f0;border-radius:12px;color:#172139;text-align:left;background:#fff;text-decoration:none}
.ff-support-company{font-size:12px;line-height:1.6;color:#6b7280}
#appSupportDialog .ff-support-info-list{display:grid;gap:10px;margin-top:18px}
#appSupportDialog .ff-support-info{border:1px solid #e1e7f0;border-radius:12px;background:#fff;overflow:hidden}
#appSupportDialog .ff-support-info summary{min-height:44px;padding:12px 14px;box-sizing:border-box;color:#172139;font-size:15px;font-weight:600;line-height:1.5;cursor:pointer}
#appSupportDialog .ff-support-info[open] summary{background:#f1f6ff;color:#2453a6}
#appSupportDialog .ff-support-info-body{padding:0 14px 14px;color:#526176;font-size:14px;line-height:1.65}
#appSupportDialog .ff-support-info-body p{margin:12px 0 0}
#appSupportDialog .ff-support-info-body ul{padding-left:20px;margin:12px 0 0}
#appSupportDialog .ff-support-info-body li+li{margin-top:10px}
#appSupportDialog .ff-support-info-body strong{color:#172139;font-weight:600}
#appSupportDialog .ff-info-example{padding:12px;border-radius:9px;background:#f7f9fd}
#appSupportDialog .ff-support-info summary:focus-visible{outline:3px solid #93b4ff;outline-offset:-3px}
@media(max-width:768px){
 html{scroll-padding-top:70px}
 body.public-view .site-header,body:not(.public-view) .site-header{background:#fff!important;border-bottom:1px solid #edf1f6!important;box-shadow:none!important;backdrop-filter:none!important;top:0!important;z-index:40!important}
 body .site-header .header-row,body.public-view .site-header .header-row{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px!important;align-items:center!important;height:56px!important;min-height:56px!important;width:100%!important;max-width:none!important;padding:0 14px!important;gap:0!important;box-sizing:border-box}
 body .site-header .header-row>a{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center}
 body .site-header .header-actions{display:contents!important}
 body .site-header :is(.landing-nav,.header-create,#accountButton,#headerPanel){display:none!important}
 body .site-header #menuButton{display:grid!important;position:static!important;left:auto!important;top:auto!important;transform:none!important;grid-column:3;grid-row:1;justify-self:end}
 body .site-header .header-actions #notificationButton:not([hidden]){display:grid!important}
 body .site-header #appGuestNotifications:not([hidden]){display:grid!important}
 body .site-header :is(#notificationButton,#appGuestNotifications){grid-column:2;grid-row:1;justify-self:end}
 body .site-header .icon-button{width:44px!important;height:44px!important;min-height:44px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#172139!important;padding:10px!important;box-shadow:none!important}
 body .site-header .icon-button[hidden]{display:none!important}
 body .site-header .ff-brand-logo.ff-compact-logo{gap:5px!important}
 body .site-header .ff-compact-logo .ff-logo-type{color:#172139!important;font-size:22px!important}
 body .site-header .ff-compact-logo .ff-logo-type span{color:#2563eb!important}
 body .site-header img.ff-header-symbol{width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important;margin:0!important;border-radius:6px!important;object-fit:contain}
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
 html.ff-native-shell body{padding-bottom:0!important}
 body.ff-app-home-view main{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
 body.ff-app-home-view .site-footer{display:none!important}
 body #page-home{padding:0!important}
 #page-home>.ff-site-details{display:none}
 body.ff-app-details-open #page-home>.ff-site-details{display:block;background:#fff}
 #page-home .ff-app-home{display:flex;flex-direction:column;min-height:calc(100dvh - 128px - env(safe-area-inset-bottom,0px));background:#fff;box-sizing:border-box}
 html.ff-native-shell #page-home .ff-app-home{min-height:calc(100dvh - 56px)}
 #page-home .ff-app-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:10px 12px 18px;margin:0;background:#fff}
 body #page-home .ff-app-category{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;min-height:90px;padding:0!important;border:0!important;background:none!important;color:#172139!important;box-shadow:none!important;font-size:11px!important;font-weight:500!important;line-height:1.3!important;white-space:nowrap}
 #page-home .ff-app-category-disc{display:grid;place-items:center;width:58px;height:58px;border:1px solid #dce6f7;border-radius:50%;background:#fff;color:#2563eb;box-sizing:border-box}
 #page-home .ff-app-category-disc svg{width:29px;height:29px}
 #page-home .ff-app-category:is(:active,:focus-visible) .ff-app-category-disc{background:#eaf1ff;border-color:#93b4ff;color:#1d4ed8;box-shadow:0 0 0 3px #eff6ff}
 body #page-home .ff-app-category:is(:active,:focus-visible){color:#1d4ed8!important}
 #page-home .ff-app-surface{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:12px;padding:16px 20px 16px;background:linear-gradient(#fff,#f8faff);border-radius:20px 20px 0 0;min-width:0}
 #page-home .ff-app-eyebrow{display:table;align-self:center;text-align:center;width:fit-content;max-width:100%;padding:5px 12px;border-radius:999px;background:#edf3ff;color:#2563eb;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.02em}
 body main #page-home .ff-app-title{text-align:center;margin:0!important;font-family:var(--ff-font)!important;font-size:28px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.04em!important;color:#172139!important}
 #page-home .ff-app-description{text-align:center;margin:0;color:#6b7280;font-size:14px;line-height:1.6}
 #page-home .ff-app-actions{display:grid;gap:10px;margin:3px 0 0}
 body #page-home .ff-app-primary,body #page-home .ff-app-secondary{display:flex;align-items:center;justify-content:center;gap:14px;min-height:50px!important;padding:12px 14px!important;border:1px solid #2563eb!important;border-radius:12px!important;font-family:var(--ff-font)!important;font-size:14px!important;font-weight:600!important;line-height:1.35!important;box-shadow:none!important}
 body #page-home .ff-app-primary{background:#2563eb!important;color:#fff!important}
 body #page-home .ff-app-secondary{min-height:46px!important;padding:10px 14px!important;border-color:#c7d7ef!important;background:#fff!important;color:#315fae!important}
 #page-home .ff-app-actions svg{width:23px;height:23px}
 #page-home .ff-app-process{border:1px solid #e1e7f0;border-radius:13px;padding:12px;margin:2px 0 0;background:#fff}
 body main #page-home .ff-app-process h2{font-family:var(--ff-font)!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:-.02em!important;margin:0 0 12px!important;color:#172139!important}
 #page-home .ff-app-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;padding:0;margin:0;list-style:none;gap:12px}
 #page-home .ff-app-process li{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;color:#172139;font-size:12px;font-weight:500;line-height:1.4;text-align:center}
 #page-home .ff-app-process li>svg{width:27px;height:27px;color:#2563eb}
 #page-home .ff-app-process li>strong{font-weight:600}
 #page-home .ff-app-process li>p{max-width:96px;min-height:2.9em;margin:0;color:#657286;font-size:11px;font-weight:400;line-height:1.45;text-wrap:pretty}
 #page-home .ff-app-process li>.ff-app-process-arrow{position:absolute;right:-14px;top:6px;width:16px;height:16px;color:#8495ad;stroke-width:1.5}
 #page-home .ff-app-definition{padding:2px 2px 4px;min-width:0}
 body main #page-home .ff-app-definition h2{margin:0 0 6px!important;font-family:var(--ff-font)!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:-.02em!important;color:#172139!important}
 #page-home .ff-app-definition p{margin:0;color:#526176;font-size:13px;line-height:1.65;overflow-wrap:break-word}
 #page-home .ff-app-learn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
 body #page-home .ff-app-learn button,body #page-home .ff-app-learn a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px;border:1px solid #e1e7f0;border-radius:10px;background:#fff;color:#315fae;font-family:var(--ff-font);font-size:12px!important;font-weight:600;line-height:1.4;text-decoration:none}
 body #page-home .ff-app-learn .ff-app-contract{grid-column:1/-1;justify-content:space-between;padding:10px 14px;background:#f1f6ff;text-align:left}
 #page-home .ff-app-contract small{display:block;margin-top:3px;color:#657286;font-size:11px;font-weight:400}
 #page-home .ff-app-learn .ff-app-icon{width:16px;height:16px}
 #page-home .ff-app-learn button:focus-visible,#page-home .ff-app-learn a:focus-visible{outline:3px solid #93b4ff;outline-offset:3px}
 #page-home .ff-app-footer{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:auto;padding-top:12px}
 #page-home .ff-app-launch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;color:#657286;font-size:11px;line-height:1.5;text-align:center}
 body #page-home .ff-app-launch button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce6fa;border-radius:9px;background:#edf3ff;color:#2453a6;padding:8px 11px;font-size:11px!important;font-weight:600;min-height:40px;text-decoration:none;line-height:1.4}
 body #page-home .ff-app-more{align-self:center;border:0;border-radius:8px;background:none;color:#526176;padding:8px 12px;min-height:40px;font-size:12px!important;line-height:1.5}
 body .ff-app-bottom-nav{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(72px + env(safe-area-inset-bottom,0px));padding:6px 6px env(safe-area-inset-bottom,0px);box-sizing:border-box;z-index:45;background:#fff;border-top:1px solid #e1e7f0}
 body #appBottomNavigation button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:54px;padding:4px 2px;border:0;background:none;color:#6b7280;font-size:10px!important;font-weight:500;line-height:1.3;white-space:nowrap}
 body #appBottomNavigation button[aria-current=page]{color:#2563eb;font-weight:600}
 .ff-app-bottom-nav svg{width:25px;height:25px}
 html.ff-native-shell .ff-app-bottom-nav{display:none!important}
 .ff-app-primary:focus-visible,.ff-app-secondary:focus-visible,.ff-app-category:focus-visible,.ff-app-launch button:focus-visible,.ff-app-more:focus-visible,.ff-app-bottom-nav button:focus-visible,#menuDialog button:focus-visible{outline:3px solid #93b4ff;outline-offset:3px}
}
@media(max-width:360px){
 #page-home .ff-app-category-disc{width:52px;height:52px}
 #page-home .ff-app-surface{padding:18px 16px 14px;gap:12px}
 body main #page-home .ff-app-title{font-size:26px!important}
 body #page-home .ff-app-category{font-size:10px!important}
}
@media(max-width:768px) and (max-height:720px){
 #page-home .ff-app-categories{padding-top:4px;padding-bottom:10px}
 body #page-home .ff-app-category{min-height:82px}
 #page-home .ff-app-surface{gap:10px;padding-top:17px}
 #page-home .ff-app-process{padding:10px}
 #page-home .ff-app-footer{padding-top:6px;gap:3px}
}
@media(max-width:768px) and (hover:hover){
 #page-home .ff-app-category:hover .ff-app-category-disc{background:#f2f6ff;border-color:#b5c9f0;color:#1d4ed8}
 body #page-home .ff-app-secondary:hover{background:#f6f9ff!important}
 body #page-home .ff-app-launch button:hover{background:#e3ecff}
 body #page-home .ff-app-more:hover{background:#edf3ff;color:#2453a6}
 body #page-home .ff-app-learn button:hover{background:#f1f6ff;border-color:#b5c9f0}
}
@media(prefers-reduced-motion:no-preference){
 #menuDialog.ff-app-drawer[open]{animation:ff-drawer-in .18s ease-out}
 @keyframes ff-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
}