/* Outfinx shared shell — intentionally scoped to header/footer only. */
:root{--ofx-ink:#101828;--ofx-soft:#344054;--ofx-muted:#667085;--ofx-line:#e4e7ec;--ofx-blue:#155eef;--ofx-green:#0caa72;--ofx-blue-soft:#eef4ff;--ofx-green-soft:#e9f9f2;--ofx-ease:cubic-bezier(.22,1,.36,1);--ofx-shell:1220px}
body.menu-open{overflow:hidden!important}
.site-header{position:fixed!important;inset:0 0 auto!important;z-index:20000!important;padding:6px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none!important;backdrop-filter:none!important;transition:padding .25s var(--ofx-ease)!important}
.site-header.scrolled{padding:4px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.site-header .nav-shell{width:min(calc(100% - 32px),var(--ofx-shell))!important;margin-inline:auto!important;pointer-events:auto!important;display:grid!important;min-height:48px!important;grid-template-columns:118px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:4px 6px 4px 11px!important;border:1px solid rgba(208,213,221,.82)!important;border-radius:999px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 10px 28px rgba(16,24,40,.09)!important;backdrop-filter:blur(22px) saturate(160%)!important;-webkit-backdrop-filter:blur(22px) saturate(160%)!important}
.site-header.scrolled .nav-shell{min-height:46px!important}
.site-header .brand{display:inline-flex!important;width:fit-content!important;align-items:center!important}
.site-header .brand img{display:block!important;width:101px!important;height:auto!important;max-height:36px!important;object-fit:contain!important}
.site-header .desktop-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important}
.site-header .desktop-nav>a,.site-header .nav-trigger{position:relative!important;z-index:1!important;display:inline-flex!important;min-height:34px!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0 9px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--ofx-soft)!important;font:600 10.5px/1.1 "Poppins",Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;cursor:pointer!important;transition:color .25s ease,transform .28s var(--ofx-ease)!important}
.site-header .desktop-nav>a::before,.site-header .nav-trigger::before{position:absolute!important;inset:2px!important;z-index:-1!important;border-radius:inherit!important;background:linear-gradient(110deg,rgba(21,94,239,.095),rgba(12,170,114,.09))!important;content:""!important;opacity:0!important;transform:scale(.82)!important;transition:opacity .25s ease,transform .32s var(--ofx-ease)!important}
.site-header .desktop-nav>a:hover,.site-header .nav-trigger:hover,.site-header .nav-dropdown.open>.nav-trigger{color:var(--ofx-ink)!important;transform:translateY(-1px)!important}
.site-header .desktop-nav>a:hover::before,.site-header .nav-trigger:hover::before,.site-header .nav-dropdown.open>.nav-trigger::before{opacity:1!important;transform:scale(1)!important}
.site-header .nav-dropdown{position:relative!important;display:inline-flex!important}
.site-header .nav-trigger i{font-style:normal!important;font-size:10px!important;transition:transform .25s var(--ofx-ease)!important}
.site-header .nav-dropdown:hover .nav-trigger i,.site-header .nav-dropdown.open .nav-trigger i{transform:rotate(180deg)!important}
.site-header .dropdown-panel{position:absolute!important;top:calc(100% + 7px)!important;left:50%!important;display:grid!important;width:300px!important;gap:4px!important;padding:7px!important;border:1px solid rgba(208,213,221,.88)!important;border-radius:16px!important;background:rgba(255,255,255,.99)!important;box-shadow:0 24px 65px rgba(16,24,40,.16)!important;opacity:0!important;visibility:hidden!important;transform:translate(-50%,-7px) scale(.98)!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease,transform .28s var(--ofx-ease)!important}
.site-header .nav-dropdown:hover .dropdown-panel,.site-header .nav-dropdown.open .dropdown-panel{opacity:1!important;visibility:visible!important;transform:translate(-50%,0) scale(1)!important;pointer-events:auto!important}
.site-header .dropdown-panel a{display:grid!important;min-height:50px!important;grid-template-columns:35px 1fr 14px!important;align-items:center!important;gap:10px!important;padding:8px 9px!important;border:0!important;border-radius:13px!important;color:var(--ofx-ink)!important;text-decoration:none!important;transition:background .22s ease,transform .25s var(--ofx-ease)!important}
.site-header .dropdown-panel a:hover{background:linear-gradient(110deg,rgba(21,94,239,.07),rgba(12,170,114,.06))!important;transform:translateX(2px)!important}
.site-header .dd-icon{display:grid!important;width:35px!important;height:35px!important;place-items:center!important;border-radius:11px!important;background:var(--ofx-blue-soft)!important;color:var(--ofx-blue)!important;font:800 8px/1 "Poppins",Arial,sans-serif!important}.site-header .dd-icon.green{background:var(--ofx-green-soft)!important;color:var(--ofx-green)!important}.site-header .dd-copy{display:grid!important;gap:1px!important}.site-header .dd-copy strong{font:700 11px/1.25 "Poppins",Arial,sans-serif!important}.site-header .dd-copy small{color:var(--ofx-muted)!important;font:500 8px/1.35 "Poppins",Arial,sans-serif!important}.site-header .dd-arrow{color:#98a2b3!important;font-size:11px!important}
.site-header .nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important}.site-header .theme-toggle{display:grid!important;width:34px!important;height:34px!important;place-items:center!important;padding:0!important;border:1px solid var(--ofx-line)!important;border-radius:50%!important;background:#f8fafc!important;color:var(--ofx-soft)!important;font-size:16px!important;line-height:1!important;transition:transform .25s var(--ofx-ease),background .25s ease,color .25s ease!important}.site-header .theme-toggle:hover{transform:rotate(12deg)!important;background:var(--ofx-ink)!important;color:#fff!important}.site-header .contact-link{display:inline-flex!important;min-height:34px!important;align-items:center!important;padding:0 9px!important;border-radius:999px!important;color:var(--ofx-soft)!important;font:600 10.5px/1 "Poppins",Arial,sans-serif!important;text-decoration:none!important}.site-header .contact-link:hover{background:#f2f4f7!important;color:var(--ofx-blue)!important}
.site-header .button.button-dark{position:relative!important;display:inline-flex!important;min-height:36px!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 14px!important;overflow:hidden!important;border:0!important;border-radius:999px!important;background:var(--ofx-ink)!important;color:#fff!important;font:700 10.5px/1 "Poppins",Arial,sans-serif!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(16,24,40,.13)!important;transition:transform .28s var(--ofx-ease),background .28s ease!important}.site-header .button.button-dark i{font-style:normal!important;transition:transform .25s var(--ofx-ease)!important}.site-header .button.button-dark:hover{background:linear-gradient(100deg,var(--ofx-blue),var(--ofx-green))!important;transform:translateY(-1px)!important}.site-header .button.button-dark:hover i{transform:translate(2px,-2px)!important}
.site-header .menu-toggle{display:none!important;position:relative!important;width:39px!important;height:39px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--ofx-ink)!important}.site-header .menu-toggle span{position:absolute!important;left:50%!important;width:17px!important;height:1.5px!important;border-radius:999px!important;background:#fff!important;transform:translateX(-50%)!important;transition:top .28s var(--ofx-ease),transform .28s var(--ofx-ease)!important}.site-header .menu-toggle span:first-child{top:15px!important}.site-header .menu-toggle span:last-child{top:22px!important}.site-header .menu-toggle.active span:first-child{top:19px!important;transform:translateX(-50%) rotate(45deg)!important}.site-header .menu-toggle.active span:last-child{top:19px!important;transform:translateX(-50%) rotate(-45deg)!important}
.site-header .mobile-menu{position:fixed!important;inset:0!important;z-index:-1!important;display:block!important;height:100dvh!important;padding:64px 10px 14px!important;overflow:auto!important;border:0!important;background:rgba(247,249,252,.99)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-8px)!important;pointer-events:none!important;transition:opacity .28s ease,visibility .28s ease,transform .32s var(--ofx-ease)!important}.site-header .mobile-menu.open{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}.site-header .mobile-menu-inner{display:grid!important;width:min(100%,600px)!important;margin-inline:auto!important;gap:7px!important;padding:10px!important;border:1px solid var(--ofx-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 25px 70px rgba(16,24,40,.14)!important}.site-header .mobile-menu-inner>a,.site-header .mobile-group>button{display:flex!important;width:100%!important;min-height:50px!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:0 13px!important;border:0!important;border-bottom:1px solid #edf0f4!important;border-radius:12px!important;background:transparent!important;color:var(--ofx-ink)!important;font:600 15px/1.3 "Poppins",Arial,sans-serif!important;text-decoration:none!important;text-align:left!important}.site-header .mobile-submenu{display:grid!important;max-height:0!important;overflow:hidden!important;opacity:0!important;transition:max-height .38s var(--ofx-ease),opacity .25s ease!important}.site-header .mobile-group.open .mobile-submenu{max-height:520px!important;opacity:1!important}.site-header .mobile-submenu a{display:flex!important;min-height:45px!important;align-items:center!important;padding:0 13px 0 28px!important;border-bottom:1px solid #f0f2f5!important;color:#475467!important;font:500 13px/1.3 "Poppins",Arial,sans-serif!important;text-decoration:none!important}.site-header .mobile-bottom{display:grid!important;grid-template-columns:44px 1fr!important;gap:8px!important;margin-top:6px!important}.site-header .mobile-bottom .theme-toggle{width:44px!important;height:44px!important}.site-header .mobile-bottom .button{min-height:44px!important}

/* same footer across all inner pages */
.footer{position:relative!important;overflow:hidden!important;padding:64px 0 22px!important;background:linear-gradient(145deg,#071426,#0c213a)!important;color:#fff!important}.footer::before{position:absolute!important;inset:auto -15% -55% 35%!important;height:430px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(12,170,114,.13),transparent 65%)!important;content:""!important}.footer .footer-cta{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:32px!important;margin-bottom:48px!important;padding:28px 30px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:24px!important;background:rgba(255,255,255,.045)!important}.footer .footer-cta small{color:#83aaf6!important;font:700 8px/1.2 "Poppins",Arial,sans-serif!important;letter-spacing:.10em!important}.footer .footer-cta h2{max-width:620px!important;margin:7px 0 0!important;color:#fff!important;font:700 clamp(28px,3vw,42px)/1.08 "Space Grotesk","Inter",sans-serif!important;letter-spacing:-.04em!important}.footer .footer-cta p{max-width:680px!important;margin:9px 0 0!important;color:rgba(231,239,249,.65)!important;font:400 12px/1.7 "Poppins",Arial,sans-serif!important}.footer .footer-cta .button{display:inline-flex!important;min-height:44px!important;align-items:center!important;gap:8px!important;padding:0 17px!important;border-radius:999px!important;background:#fff!important;color:var(--ofx-ink)!important;font:700 10px/1 "Poppins",Arial,sans-serif!important;text-decoration:none!important}.footer .footer-grid{position:relative!important;display:grid!important;grid-template-columns:1.45fr repeat(4,1fr)!important;gap:32px!important;padding:36px 0!important;border-top:1px solid rgba(255,255,255,.09)!important}.footer .footer-brand img{width:116px!important;height:auto!important}.footer .footer-brand p{max-width:310px!important;margin:16px 0 14px!important;color:rgba(231,239,249,.63)!important;font:400 11px/1.7 "Poppins",Arial,sans-serif!important}.footer .market-row{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.footer .market-row span{padding:5px 8px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;color:#9bb2cc!important;font-size:7.5px!important}.footer .footer-grid>div:not(.footer-brand){display:grid!important;align-content:start!important;gap:8px!important}.footer .footer-grid strong{margin-bottom:4px!important;color:#fff!important;font:700 11px/1.3 "Poppins",Arial,sans-serif!important}.footer .footer-grid a,.footer .footer-grid>div>span{color:rgba(231,239,249,.58)!important;font:500 9px/1.5 "Poppins",Arial,sans-serif!important;text-decoration:none!important;transition:color .2s ease,transform .2s ease!important}.footer .footer-grid a:hover{color:#fff!important;transform:translateX(3px)!important}.footer .footer-bottom{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.09)!important;color:rgba(231,239,249,.50)!important;font:500 8.5px/1.4 "Poppins",Arial,sans-serif!important}.footer .footer-bottom-links{display:flex!important;flex-wrap:wrap!important;gap:12px!important}.footer .footer-bottom a{color:rgba(231,239,249,.56)!important;text-decoration:none!important}.footer #backToTop{display:grid!important;width:34px!important;height:34px!important;place-items:center!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:50%!important;background:rgba(255,255,255,.06)!important;color:#fff!important;cursor:pointer!important}

html[data-theme="dark"] .site-header .nav-shell{border-color:#25344a!important;background:rgba(10,22,39,.96)!important}.site-header .desktop-nav>a,html[data-theme="dark"] .site-header .nav-trigger{color:#d9e3f2!important}html[data-theme="dark"] .site-header .contact-link{color:#d9e3f2!important}html[data-theme="dark"] .site-header .dropdown-panel,html[data-theme="dark"] .site-header .mobile-menu-inner{border-color:#25344a!important;background:#0b1729!important;color:#fff!important}html[data-theme="dark"] .site-header .dropdown-panel a,html[data-theme="dark"] .site-header .mobile-menu-inner>a,html[data-theme="dark"] .site-header .mobile-group>button{color:#fff!important}html[data-theme="dark"] .site-header .dd-copy small,html[data-theme="dark"] .site-header .mobile-submenu a{color:#aebed2!important}html[data-theme="dark"] .site-header .theme-toggle{border-color:#2f4159!important;background:#122238!important;color:#fff!important}html[data-theme="dark"] .site-header .mobile-menu{background:rgba(5,15,29,.99)!important}

@media(max-width:1180px){.site-header .nav-shell{grid-template-columns:108px minmax(0,1fr) auto!important}.site-header .desktop-nav>a,.site-header .nav-trigger{padding-inline:7px!important;font-size:10px!important}}
@media(max-width:980px){.site-header .desktop-nav,.site-header .nav-actions>.theme-toggle,.site-header .nav-actions>.contact-link,.site-header .nav-actions>.button{display:none!important}.site-header .nav-shell{grid-template-columns:1fr auto!important}.site-header .menu-toggle{display:block!important}.footer .footer-grid{grid-template-columns:repeat(2,1fr)!important}.footer .footer-brand{grid-column:1/-1!important}.footer .footer-cta{align-items:flex-start!important;flex-direction:column!important}}
@media(max-width:640px){.site-header{padding:4px 0!important}.site-header .nav-shell{width:calc(100% - 14px)!important;min-height:47px!important;padding:3px 5px 3px 10px!important}.site-header .brand img{width:104px!important}.site-header .mobile-menu{padding-top:59px!important}.footer{padding-top:50px!important}.footer .footer-cta{padding:22px!important;border-radius:20px!important}.footer .footer-cta h2{font-size:30px!important}.footer .footer-cta p{font-size:13px!important}.footer .footer-grid{grid-template-columns:1fr!important;gap:24px!important}.footer .footer-brand{grid-column:auto!important}.footer .footer-brand p{font-size:13px!important}.footer .footer-grid strong{font-size:13px!important}.footer .footer-grid a,.footer .footer-grid>div>span{font-size:12px!important}.footer .footer-bottom{align-items:flex-start!important;flex-direction:column!important;font-size:11px!important}}
