:root { --bank-navy:#102b42; --bank-teal:#0b766e; --bank-teal-dark:#085c56; --bank-ink:#173248; --bank-soft:#eff7f5; --bank-line:#d7e5e2; }
:root { --color-primary-50:#eff9f6; --color-primary-100:#d7f0e9; --color-primary-200:#b5e4d8; --color-primary-300:#7cd7c5; --color-primary-400:#35b3a0; --color-primary-500:#0b766e; --color-primary-600:#08675f; --color-primary-700:#085c56; --color-primary-800:#104b48; --color-primary-900:#103d3c; --color-primary-950:#082a2a; }
.bank-contact-photo { padding:40px; display:flex; align-items:center; }
.bank-brand { display:inline-flex; align-items:center; gap:10px; min-width:0; max-width:100%; font-family:Inter,Arial,sans-serif; color:var(--bank-navy); line-height:1.2; text-align:left; }
.bank-brand img { width:36px!important; height:36px!important; flex-shrink:0; filter:none!important; }
.bank-brand-name { min-width:0; font-size:18px; font-weight:750; overflow-wrap:anywhere; }
.bank-brand-name { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.public-site .icon-modern,.public-site .bank-split a:not(.bank-action) { color:var(--bank-teal); }
.ui-to-top { background:var(--bank-teal)!important; }.ui-to-top:hover { background:var(--bank-teal-dark)!important; }
.button-primary { background:var(--bank-teal); border-color:var(--bank-teal); }.button-primary:hover { background:var(--bank-teal-dark); border-color:var(--bank-teal-dark); }
.rd-navbar-brand { max-width:290px; }
#sidebar .bank-brand { flex:1; margin-right:8px; }
#sidebar .bank-brand-name { font-size:15px; }
#sidebar.w-\[80px\] .bank-brand-name { display:none; }
.settings-brand { min-width:0; max-width:65%; }
.settings-brand .bank-brand-name { font-size:16px; }
.dark .bank-brand { color:#f0f8f7; }
.bank-footer { background:var(--bank-navy); color:#c4d6de; padding:52px max(24px,calc((100% - 1140px)/2)); font-family:Inter,Arial,sans-serif; }
.bank-footer .bank-brand { color:#fff; }.bank-footer p { margin-top:18px; font-size:14px; }
.bank-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:35px; }
.bank-footer nav { display:flex; flex-direction:column; gap:14px; }.bank-footer a { color:#d4e7e6; font-size:14px; }
.bank-footer a:hover { color:#fff; text-decoration:underline; }
.bank-footer-bottom { border-top:1px solid #355065; margin-top:36px; padding-top:22px; font-size:12px; }
.bank-wrap { width:min(1140px,calc(100% - 48px)); margin-inline:auto; }
.bank-hero { background:var(--bank-soft); }
.bank-hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:54px; padding-block:64px; }
.bank-eyebrow { display:block; color:var(--bank-teal); font-size:12px; font-weight:750; letter-spacing:.16em; text-transform:uppercase; margin-bottom:16px; }
.public-site .bank-hero h1 { font-size:clamp(34px,4.3vw,58px); line-height:1.08; letter-spacing:-.04em; color:var(--bank-navy); margin:0; }
.bank-hero p { font-size:17px; line-height:1.75; max-width:520px; margin:24px 0; }
.bank-photo { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:20px; }
.bank-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:26px; }
.bank-action { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border:1px solid var(--bank-teal); border-radius:8px; background:var(--bank-teal); color:#fff!important; font-size:14px; font-weight:650; }
.bank-action:hover { background:var(--bank-teal-dark); }.bank-action-secondary { background:transparent; color:var(--bank-teal)!important; }.bank-action-secondary:hover { background:#dbeee8; }
.bank-section { padding:72px 0; }.bank-section-soft { background:#f5f9f8; }
.public-site .bank-section h2 { color:var(--bank-navy); font-size:clamp(26px,3vw,36px); line-height:1.2; letter-spacing:-.025em; margin:0 0 18px; }
.bank-section-lead { max-width:660px; margin-bottom:32px; }.bank-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:32px; }
.bank-feature { border:1px solid var(--bank-line); border-radius:14px; padding:28px; background:#fff; min-width:0; }
.bank-feature .bank-step { font-size:13px; color:var(--bank-teal); font-weight:750; display:block; margin-bottom:24px; }
.public-site .bank-feature h3 { font-size:20px; line-height:1.3; color:var(--bank-navy); margin:0 0 12px; }
.bank-feature p { font-size:15px; line-height:1.7; margin:0; }.bank-feature a { display:inline-block; color:var(--bank-teal); margin-top:18px; font-size:14px; font-weight:650; }
.bank-split { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }.bank-split p { line-height:1.8; }
.bank-cta { border-radius:20px; padding:42px; background:var(--bank-navy); color:#dbe8ec; display:flex; gap:30px; align-items:center; justify-content:space-between; }
.public-site .bank-cta h2 { color:#fff; margin-bottom:12px; }.bank-cta .bank-action { flex-shrink:0; background:var(--bank-teal); }
.public-site .breadcrumbs-custom { background-image:linear-gradient(90deg,#102b42 10%,#102b42b8),url('/images/brand/connections.svg')!important; background-position:center!important; background-size:cover!important; }
.public-site .breadcrumbs-custom-inner { padding:48px 0; }.public-site .breadcrumbs-custom-title { font-size:clamp(30px,4vw,44px); letter-spacing:-.03em; }.public-site .breadcrumbs-custom-subtitle { color:#b8e8df; }
.public-site .button-primary,.auth-card button[type=submit],.settings-save,.dashboard-button { background:var(--bank-teal); border-color:var(--bank-teal); }
.public-site .button-primary:hover,.auth-card button[type=submit]:hover,.settings-save:hover,.dashboard-button:hover { background:var(--bank-teal-dark); border-color:var(--bank-teal-dark); }
.public-site .button-primary-outline { color:var(--bank-teal); border-color:var(--bank-teal); }.public-site .text-primary,.public-site .rd-nav-item.active>.rd-nav-link,.public-site .rd-nav-link:hover,.settings-back,.dashboard-link { color:var(--bank-teal)!important; }
.public-site .rd-navbar-static .rd-nav-link::before { background:var(--bank-teal); }
.public-site .bg-primary-darker { background:var(--bank-navy); }
.auth-intro { background:linear-gradient(180deg,#102b42ed,#102b42b8),url('/images/brand/everyday-banking.webp') center/cover; color:#fff; }
.auth-intro .bank-brand { color:#fff; }.auth-intro h2 { color:#fff; }.auth-intro p { color:#d1e5e8; }.auth-intro .bank-brand-name { font-size:24px; }
.auth-page { background:#f4f8f7; }.auth-card a { color:var(--bank-teal); }
.settings-remove input { accent-color:var(--bank-teal); }
[class~="bg-primary-500"],[class~="bg-primary-600"] { background-color:var(--bank-teal)!important; }
[class~="text-primary-500"],[class~="text-primary-600"] { color:var(--bank-teal)!important; }
[class~="border-primary-500"] { border-color:var(--bank-teal)!important; }
.dark .settings-back,.dark .dashboard-link,.dark [class~="text-primary-500"],.dark [class~="text-primary-600"] { color:#7cd7c5!important; }
.dark .settings-nav a { color:#7cd7c5; }.settings-nav a { color:var(--bank-teal); }
:is(a,button,input,select,textarea):focus-visible { outline-color:var(--bank-teal)!important; }
@media(max-width:991px) { .bank-hero-grid { gap:28px; }.rd-navbar-brand { max-width:calc(100vw - 130px); }.rd-navbar-brand .bank-brand-name { font-size:15px; }.bank-feature-grid { grid-template-columns:1fr; }.bank-split { gap:30px; } }
@media(max-width:640px) { .bank-wrap { width:calc(100% - 32px); }.bank-hero-grid,.bank-split { grid-template-columns:1fr; }.bank-hero-grid { padding-block:36px; }.bank-hero p { font-size:16px; }.bank-section { padding:44px 0; }.bank-hero .bank-photo { border-radius:14px; }.bank-footer-grid { grid-template-columns:1fr; gap:28px; }.bank-cta { padding:28px; flex-direction:column; align-items:flex-start; }.bank-feature { padding:24px; }.auth-intro .bank-brand-name { font-size:20px; }.settings-header { gap:15px; } }
/* Shared editorial pages and compact service navigation. */
.editorial-site { margin:0; background:#fff; }.editorial-site a { text-decoration:none; }.editorial-site p { margin:0 0 20px; }.editorial-site h1,.editorial-site h2,.editorial-site h3 { font-weight:600; }
.bank-header { position:sticky; top:0; z-index:100; background:#fffffffa; border-bottom:1px solid var(--bank-line); font-family:Inter,Arial,sans-serif; }
.bank-header-inner { width:min(1280px,calc(100% - 48px)); min-height:88px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.bank-home { max-width:310px; min-width:0; flex:1; text-decoration:none; }.bank-navigation { display:flex; align-items:center; gap:24px; }
.bank-navigation a,.bank-navigation summary { font-size:14px; text-decoration:none; }.bank-navigation>a:not(.bank-action) { color:var(--bank-ink); font-weight:600; }
.bank-dropdown { position:relative; }.bank-dropdown summary { cursor:pointer; list-style:none; padding:20px 0; color:var(--bank-ink); font-weight:600; white-space:nowrap; }
.bank-dropdown summary::-webkit-details-marker { display:none; }.bank-dropdown summary::after { content:'⌄'; margin-left:8px; color:var(--bank-teal); }.bank-dropdown[open] summary::after { content:'⌃'; }
.bank-submenu { position:absolute; top:100%; left:-24px; width:290px; padding:12px; background:#fff; border:1px solid var(--bank-line); border-radius:12px; box-shadow:0 18px 48px #102b421f; }
.bank-submenu a { display:block; padding:12px; border-radius:6px; color:var(--bank-ink); line-height:1.45; }.bank-submenu a:hover,.bank-submenu a[aria-current=page] { background:var(--bank-soft); color:var(--bank-teal); }
.bank-submenu strong { display:block; font-size:14px; }.bank-submenu span { display:block; font-size:12px; color:#607684; margin-top:4px; }
.bank-menu-toggle.rd-navbar-toggle { display:none; position:static; transform:none; margin:0; width:44px; height:44px; padding:0; background:var(--bank-soft); border:1px solid var(--bank-line); border-radius:8px; color:var(--bank-teal); cursor:pointer; }
.bank-menu-toggle.rd-navbar-toggle span { display:inline; width:auto; height:auto; margin:0; background:none; font-size:24px; line-height:1; transform:none; }.bank-menu-toggle.rd-navbar-toggle span::before,.bank-menu-toggle.rd-navbar-toggle span::after { display:none; }
.bank-skip { position:fixed; left:16px; top:-90px; z-index:200; padding:14px 20px; background:var(--bank-teal); color:#fff; }.bank-skip:focus { top:10px; }
.bank-breadcrumb { display:flex; gap:8px; flex-wrap:wrap; font-size:12px; line-height:1.5; margin-bottom:24px; color:#5c7282; }.bank-breadcrumb a { color:var(--bank-teal); }
.bank-section-nav { border-bottom:1px solid var(--bank-line); background:#fff; }.bank-section-nav .bank-wrap { display:flex; gap:30px; flex-wrap:wrap; padding-block:18px; }.bank-section-nav a { font-size:13px; color:var(--bank-ink); font-weight:600; }
.bank-introduction { display:grid; grid-template-columns:.85fr 1.15fr; gap:72px; }.bank-introduction p { line-height:1.85; }
.bank-grid-four { grid-template-columns:repeat(4,1fr); }.bank-feature { display:flex; flex-direction:column; }.bank-feature a { margin-top:auto; padding-top:20px; }.bank-feature p { flex:1; }
.bank-process-section { background:var(--bank-navy); color:#d0e0e7; }.public-site .bank-process-section h2 { color:#fff; max-width:720px; }.bank-process-section .bank-eyebrow,.bank-cta .bank-eyebrow { color:#8ddbcc; }
.bank-process { margin:40px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }.bank-process-four { grid-template-columns:repeat(4,1fr); }.bank-process li { border-top:1px solid #466373; padding-top:24px; min-width:0; }
.bank-process-number { color:#8ddbcc; display:block; margin-bottom:22px; font-size:24px; }.public-site .bank-process h3 { color:#fff; font-size:20px; line-height:1.4; margin:0 0 14px; }.bank-process p { font-size:15px; line-height:1.75; }
.bank-faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:64px; }.bank-faq-layout>div>a { color:var(--bank-teal); font-weight:600; font-size:14px; }.bank-faq details { border-bottom:1px solid var(--bank-line); }.bank-faq details:first-child { border-top:1px solid var(--bank-line); }
.bank-faq summary { padding:22px 30px 22px 0; cursor:pointer; font-weight:600; color:var(--bank-navy); font-size:16px; }.bank-faq details p { padding:0 15px 10px 0; font-size:15px; line-height:1.8; }
.bank-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:32px; }.bank-related { display:flex; flex-direction:column; border-top:2px solid #a4c8bf; padding-top:24px; color:var(--bank-ink); }
.bank-related>span:first-child { font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--bank-teal); font-weight:700; }.public-site .bank-related h3 { font-size:21px; margin:14px 0; line-height:1.35; color:var(--bank-navy); }.bank-related p { font-size:14px; line-height:1.75; }.bank-related-link { margin-top:auto; font-weight:700; font-size:14px; color:var(--bank-teal); }.bank-related:hover h3 { text-decoration:underline; }
.bank-sources { background:var(--bank-soft); padding:24px; border-radius:10px; box-sizing:border-box; }.public-site .bank-sources h2 { font-size:18px; margin:0 0 10px; }.bank-sources p,.bank-sources a { font-size:13px; }.bank-sources a { display:block; color:var(--bank-teal); margin-top:8px; text-decoration:underline; }
.bank-footer-grid { grid-template-columns:1.6fr 1fr 1fr 1fr; }.bank-footer nav>strong { color:#fff; font-size:14px; margin-bottom:4px; }.bank-footer-bottom p { margin:0 0 8px; font-size:12px; max-width:900px; }
.bank-contact-intro { max-width:760px; padding-block:40px; }.bank-contact-intro h2 { font-size:30px; color:var(--bank-navy); margin-bottom:16px; }
#main-content { outline:none; }.bank-section[id] { scroll-margin-top:112px; }
.dashboard-balance { background:#eff7f5; border-color:#cfe4dd; }.dashboard-accounts { border-color:#cfe4dd; }.dark .dashboard-balance { background:#132e32; }.dark .settings-nav a:hover { background:#153b39; }
[class~="bg-primary-200"] { background-color:#d7f0e9!important; }[class~="bg-primary-100"] { background-color:#e3f4ee!important; }[class~="shadow-primary-500/20"] { --tw-shadow-color:rgb(11 118 110 / .2)!important; }
.dark [class~="dark:bg-primary-600/20"] { background-color:rgb(11 118 110 / .2)!important; }
.bank-admin-brand { padding:20px max(20px,calc((100% - 1140px)/2)); background:#fff; }
[class~="hover:text-primary-500"]:hover,[class~="hover:text-primary-600"]:hover,.group:hover [class~="group-hover:text-primary-500"] { color:var(--bank-teal)!important; }
[class~="hover:bg-primary-500"]:hover,[class~="hover:bg-primary-600"]:hover { background:var(--bank-teal-dark)!important; }
[class~="bg-primary-50"] { background:#eff9f6!important; }[class~="text-primary-400"] { color:#35b3a0!important; }
@media(max-width:1199px) { .bank-navigation { gap:18px; }.bank-nav-contact { display:none; }.bank-grid-four { grid-template-columns:repeat(2,1fr); }.bank-process-four { grid-template-columns:repeat(2,1fr); } }
@media(max-width:1023px) { .bank-header-inner { min-height:74px; }.bank-menu-toggle.rd-navbar-toggle { display:block; flex-shrink:0; }.bank-navigation { display:none; position:absolute; left:0; right:0; top:100%; padding:16px 24px 24px; border-bottom:1px solid var(--bank-line); background:#fff; max-height:calc(100dvh - 90px); overflow:auto; }.bank-navigation.is-open { display:flex; flex-direction:column; align-items:stretch; gap:0; }.bank-navigation>.bank-action { margin-top:16px; }.bank-dropdown summary { padding:16px 0; border-bottom:1px solid var(--bank-line); }.bank-submenu { position:static; width:auto; box-shadow:none; border:0; padding:0 0 10px 12px; }.bank-home { max-width:calc(100% - 64px); }.bank-home .bank-brand-name { font-size:17px; }.bank-faq-layout { gap:36px; }.bank-introduction { gap:36px; } }
@media(max-width:640px) { .bank-header-inner { width:calc(100% - 32px); }.bank-section-nav .bank-wrap { gap:12px 22px; }.bank-section-nav a { font-size:12px; }.bank-introduction,.bank-faq-layout,.bank-grid-four,.bank-process,.bank-process-four,.bank-related-grid,.bank-footer-grid { grid-template-columns:1fr; }.bank-introduction { gap:12px; }.bank-related-grid { gap:32px; }.bank-process { gap:24px; }.bank-section[id] { scroll-margin-top:90px; }.bank-contact-photo { padding:20px; } }
@media(prefers-reduced-motion:no-preference) { html:focus-within { scroll-behavior:smooth; } }
.bank-current-label{display:block;font-size:10px;line-height:1.3;color:var(--bank-teal);font-weight:500;margin-top:3px}.bank-dropdown.is-current-section>summary{color:var(--bank-teal)}
.bank-submenu a[aria-current=page]{border-left:3px solid var(--bank-teal);font-weight:700;background:#e0f1eb}.bank-submenu a[aria-current=page]::after{content:'Current page';display:block;font-size:11px;font-weight:500;margin-top:6px;color:var(--bank-teal)}
.bank-nav-backdrop{position:fixed;inset:0;z-index:90;background:rgb(16 43 66 / .38)}.bank-nav-backdrop[hidden]{display:none}
.bank-section-nav-sticky{position:sticky;top:var(--bank-header-height,88px);z-index:80;box-shadow:0 3px 10px #102b4208}
.bank-section-nav .bank-wrap{position:relative;flex-wrap:nowrap;gap:8px;padding-block:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a4c8bf transparent}
.bank-section-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;flex-shrink:0;white-space:nowrap;border-radius:7px}.bank-section-nav a[aria-current=location]{background:var(--bank-soft);color:var(--bank-teal);box-shadow:inset 0 -3px var(--bank-teal)}
.bank-section[id],.service-anchor{scroll-margin-top:calc(var(--bank-header-height,88px) + var(--bank-section-height,60px) + 20px)!important}
@media(max-width:1023px){
 body.bank-menu-open{overflow:hidden}
 .bank-navigation{padding:12px 16px max(20px,env(safe-area-inset-bottom));max-height:calc(100dvh - var(--bank-header-height,74px));overscroll-behavior:contain;border-radius:0 0 16px 16px;box-shadow:0 16px 32px #102b421a}
 .bank-dropdown>summary{min-height:58px;padding:14px 12px;position:relative;border-radius:8px;white-space:normal}.bank-dropdown>summary::after{position:absolute;right:14px;top:17px}.bank-dropdown.is-current-section>summary{background:#eff7f5}
 .bank-submenu{padding:8px 0 12px 10px;margin-left:12px;border-left:1px solid var(--bank-line)}.bank-submenu a{min-height:48px;padding:14px 12px;margin:4px 0;line-height:1.5}.bank-submenu span{line-height:1.5;margin-top:5px}
 .bank-navigation>.bank-action{min-height:48px;margin-top:12px}.bank-section-nav .bank-wrap{width:100%;padding-inline:12px;gap:4px}.bank-section-nav a{font-size:12px;padding-inline:12px}
}