/* GFSX V28 — left-aligned logo; calm, responsive, functional navigation. */
.site-wrap{overflow:clip!important}
.topline{display:none!important}
:root{--g28-header-height:76px}
.site-header.g28-header{position:sticky!important;top:0!important;z-index:2200!important;width:100%;height:var(--g28-header-height)!important;min-height:var(--g28-header-height)!important;max-height:none!important;margin:0!important;padding:0!important;background:rgba(4,10,19,.96)!important;border:0!important;border-bottom:1px solid rgba(99,137,182,.20)!important;box-shadow:0 13px 45px rgba(0,0,0,.24)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible!important;color:#e9f5ff;font-family:'Manrope','DM Sans',sans-serif}
.g28-header *, .g28-header *::before,.g28-header *::after{box-sizing:border-box}
.g28-header .g28-shell{height:100%;max-width:1590px;width:calc(100% - clamp(40px,5.4vw,92px));margin:0 auto;display:flex;align-items:center;gap:clamp(18px,2.3vw,45px);position:relative}
.g28-header .g28-brand{display:flex;align-items:center;justify-content:flex-start;width:clamp(150px,11.8vw,184px);height:100%;flex:0 0 auto;padding:10px 0;line-height:0}
.g28-header .g28-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 11px rgba(22,108,225,.14))}
.g28-header .g28-nav{display:flex;align-items:center;gap:5px;min-width:0;margin-right:auto;height:100%}
.g28-header .g28-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;border:1px solid transparent;border-radius:10px;color:#b9cce0;text-decoration:none;white-space:nowrap;font:800 11px/1.2 'Manrope',sans-serif;transition:color .18s,background .18s}
.g28-header .g28-nav-link:hover,.g28-header .g28-nav-link:focus-visible{color:#fff;background:#15243a}
.g28-header .g28-nav-link:focus-visible,.g28-header .g28-brand:focus-visible,.g28-header summary:focus-visible,.g28-header button:focus-visible,.g28-header a:focus-visible,.g28-header input:focus-visible{outline:2px solid #76baff;outline-offset:3px}
.g28-header .g28-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;min-width:0;margin-left:auto}
.g28-header .header-dropdown{position:relative}
.g28-header .header-dropdown>summary{list-style:none!important;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 14px;color:#e9f2ff;white-space:nowrap;border-radius:11px;font:800 11px/1 'Manrope',sans-serif;transition:background .2s,border-color .2s}
.g28-header .header-dropdown>summary::-webkit-details-marker{display:none}
.g28-header .header-dropdown>summary svg{flex-shrink:0}
.g28-header .header-dropdown[open]>summary svg:last-child{transform:rotate(180deg)}
.g28-header .g28-services{z-index:6}
.g28-header .g28-service-trigger{border:1px solid #315879!important;background:#12283e!important;min-width:117px!important;padding:0 15px!important}
.g28-header .g28-service-trigger:hover,.g28-header .g28-services[open]>summary{background:#183c62!important;border-color:#5896d6!important}
.g28-header .g28-service-trigger svg:first-child{stroke:currentColor;stroke-width:1.6;fill:none}
.g28-header .g28-currency summary{background:#0d1928!important;border:1px solid #2b415d!important;min-width:95px!important;min-height:42px!important;padding:0 12px!important}
.g28-header .g28-currency summary:hover,.g28-header .g28-currency[open]>summary{background:#172941!important;border-color:#4c7faf!important}
.g28-header .currency-symbol{font-size:14px!important;min-width:12px!important;color:#78beff!important}
.g28-header .currency-code{font-size:11px!important;font-weight:800}
.g28-header .currency-panel{position:absolute;right:0;left:auto;top:calc(100% + 12px);width:300px;max-width:min(330px,calc(100vw - 24px));z-index:55;border:1px solid #2c4b6b!important;border-radius:14px;background:#0e1d2d!important;box-shadow:0 25px 75px #000a}
.g28-header .g28-join{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border-radius:11px;padding:0 17px;background:linear-gradient(110deg,#1765e2,#247cfa);border:1px solid #50a0ff;color:#fff;text-decoration:none;white-space:nowrap;font:850 11px/1 'Manrope',sans-serif;box-shadow:0 8px 25px rgba(16,99,239,.20);transition:background .2s,transform .2s}
.g28-header .g28-join:hover{background:linear-gradient(110deg,#287dfc,#4099ff);transform:translateY(-1px)}
.g28-header .g28-menu-toggle{display:none;align-items:center;justify-content:center;flex:0 0 auto;width:43px;height:42px;border-radius:11px;border:1px solid #375574;color:#d8ebff;background:#111e30;padding:0;cursor:pointer}
.g28-header .g28-menu-toggle:hover,.g28-header .g28-menu-toggle[aria-expanded="true"]{background:#1c3b5e;border-color:#5a9ee1}
.g28-header .g28-mobile-panel{display:none!important}
.g28-header.g28-scrolled{background:rgba(4,10,19,.99)!important;border-bottom-color:#2c4a6d!important;box-shadow:0 15px 40px #0009!important}
/* Searchable services directory */
.g28-header .g28-services-panel{position:absolute;top:calc(100% + 17px);left:0;width:425px;max-width:min(425px,calc(100vw - 24px));height:auto;max-height:min(74vh,670px);display:flex;flex-direction:column;overflow:hidden;color:#e8f3ff;background:linear-gradient(160deg,#101e30,#081421 85%);border:1px solid #335477;box-shadow:0 28px 90px #000b,0 0 0 1px #1f42651c;border-radius:18px;padding:0;animation:g28-panel-in .15s ease-out}
.g28-header .g28-services:not([open]) .g28-services-panel{display:none}
@keyframes g28-panel-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.g28-header .g28-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:22px 23px 15px}
.g28-header .g28-panel-heading>div{display:flex;flex-direction:column;gap:4px}
.g28-header .g28-panel-eyebrow{font:900 9px/1.2 'Manrope',sans-serif;letter-spacing:.17em;color:#6cb8ff}
.g28-header .g28-panel-heading strong{font:900 22px/1.18 'Manrope',sans-serif;letter-spacing:-.05em;color:#fff}
.g28-header .g28-panel-count{border:1px solid #355173;background:#172b45;border-radius:99px;padding:7px 10px;color:#a9d0f2;font:800 10px/1 'Manrope',sans-serif}
.g28-header .g28-services-search{margin:0 22px 14px;display:flex;align-items:center;gap:10px;border:1px solid #32547c;background:#0a1625;border-radius:11px;padding:0 13px;height:45px;min-height:45px}
.g28-header .g28-services-search:focus-within{border-color:#69b0ff;box-shadow:0 0 0 3px #2d7bdf25}
.g28-header .g28-services-search svg{stroke:#86aed8;stroke-width:2;fill:none;flex-shrink:0}
.g28-header .g28-services-search input{width:100%;min-width:0;border:0;background:transparent;outline:0;box-shadow:none;color:#e5f4ff;padding:10px 0;font:650 12px/1.5 'Manrope',sans-serif}
.g28-header .g28-services-search input::placeholder{color:#7e9bbf}
.g28-header .g28-service-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 11px 10px;scrollbar-width:thin;scrollbar-color:#3e6183 #0c192a}
.g28-header .g28-service-all{display:flex;align-items:center;justify-content:space-between;gap:13px;text-decoration:none;background:#183556;border:1px solid #2d5b89;border-radius:10px;padding:13px 13px;margin:0 10px 13px;color:#d9efff;font:850 11px/1.2 'Manrope',sans-serif}
.g28-header .g28-service-all:hover{background:#205080;border-color:#4f9bf0}
.g28-header .g28-service-all svg{stroke:#96d2ff;stroke-width:1.8;fill:none}
.g28-header .g28-services-group{margin:0 0 10px}
.g28-header .g28-services-group-title{padding:6px 12px 9px;margin:0;color:#759abe;font:900 9px/1.2 'Manrope',sans-serif;letter-spacing:.18em}
.g28-header .g28-service-item{display:flex;align-items:center;gap:12px;min-height:65px;border-radius:11px;padding:7px 10px;text-decoration:none;color:#d2e3f7;border:1px solid transparent}
.g28-header .g28-service-item:hover,.g28-header .g28-service-item:focus-visible{background:#182d46;border-color:#33567f}
.g28-header .g28-service-item img{width:46px;height:46px;flex:0 0 46px;object-fit:cover;border-radius:9px;border:1px solid #315277;background:#122039}
.g28-header .g28-service-item>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.g28-header .g28-service-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:850 11px/1.2 'Manrope',sans-serif;color:#eef6ff}
.g28-header .g28-service-item small{font:600 9px/1.2 'Manrope',sans-serif;color:#83a2c5}
.g28-header .g28-service-arrow{font-size:15px;color:#5f9ed6}
.g28-header [data-service-item][hidden],.g28-header [data-services-group][hidden],.g28-header [data-services-empty][hidden]{display:none!important}
.g28-header .g28-no-results{padding:16px;text-align:center;color:#afc7e2;font:650 12px 'Manrope',sans-serif}
.g28-header .g28-panel-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #274365;background:#101e31;padding:14px 21px;font:650 9px/1.4 'Manrope',sans-serif;color:#9cbbd6}
.g28-header .g28-panel-footer>span{display:flex;align-items:center;gap:9px}
.g28-header .g28-panel-footer a{font-weight:800;color:#96c9ff;text-decoration:none;white-space:nowrap}
.g28-header .g28-panel-footer .g28-online-dot{height:5px;width:5px}
.g28-header .mobile-nav{display:none}

@media(max-width:1210px){
 .g28-header .g28-shell{width:calc(100% - 44px);gap:18px}
 .g28-header .g28-brand{width:151px}
 .g28-header .g28-nav{gap:0}
 .g28-header .g28-nav-link{padding-inline:9px;font-size:10px}
 .g28-header .g28-actions{gap:8px}
 .g28-header .g28-join{padding-inline:12px}
}
@media(max-width:1050px){
 :root{--g28-header-height:70px}
 .g28-header .g28-nav-link{display:none!important}
 .g28-header .g28-nav{margin-left:auto;margin-right:0}
 .g28-header .g28-actions{margin-left:0}
 .g28-header .g28-brand{width:155px}
 .g28-header .g28-menu-toggle{display:inline-flex}
 .g28-header .g28-shell{gap:14px}
}
@media(max-width:700px){
 :root{--g28-header-height:66px}
 .g28-header .g28-shell{width:calc(100% - 34px);gap:8px}
 .g28-header .g28-brand{width:clamp(124px,30vw,150px);margin-right:auto;padding:8px 0}
 .g28-header .g28-nav{margin-left:0}
 .g28-header .g28-actions{margin-left:0;gap:8px}
 .g28-header .g28-join,.g28-header .g28-currency{display:none}
 .g28-header .g28-service-trigger{min-height:39px!important;min-width:94px!important;padding:0 10px!important;font-size:10px!important;gap:7px!important}
 .g28-header .g28-service-trigger svg:first-child{width:15px;height:15px}
 .g28-header .g28-service-trigger svg:last-child{display:none}
 .g28-header .g28-menu-toggle{height:39px;width:39px}
 .g28-header .g28-services-panel{position:fixed;top:calc(var(--g28-header-height) + 8px);left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - var(--g28-header-height) - 20px);border-radius:15px}
 .g28-header .g28-panel-heading{padding:19px 18px 14px}
 .g28-header .g28-services-search{margin-inline:17px}
 .g28-header .g28-panel-footer{padding:12px 15px}
}
@media(max-width:390px){
 .g28-header .g28-shell{width:calc(100% - 24px);gap:6px}
 .g28-header .g28-brand{width:118px}
 .g28-header .g28-service-trigger{min-width:83px!important}
 .g28-header .g28-menu-toggle{width:38px}
}
@media(max-width:1050px){
 .g28-header .g28-mobile-panel:not([hidden]){display:flex!important;position:absolute;top:var(--g28-header-height);left:0;right:0;flex-direction:column;gap:0;max-height:calc(100dvh - var(--g28-header-height));overflow-y:auto;overscroll-behavior:contain;padding:17px max(22px,calc((100vw - 720px)/2)) 24px;background:linear-gradient(155deg,#101f32,#06111f);border-bottom:1px solid #314a69;box-shadow:0 25px 65px #000c;z-index:40}
 .g28-header .g28-mobile-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #243b55;font:850 10px/1.2 'Manrope',sans-serif;letter-spacing:.14em;color:#79b5ed}
 .g28-header .g28-panel-close{border:1px solid #365779;background:#142940;color:#d5e8ff;width:30px;height:30px;border-radius:8px;cursor:pointer}
 .g28-header .g28-mobile-panel>a:not(.g28-mobile-discord){display:flex;justify-content:space-between;align-items:center;min-height:53px;padding:12px 3px;border-bottom:1px solid #263c55;color:#e8f5ff;text-decoration:none;font:800 13px 'Manrope',sans-serif}
 .g28-header .g28-mobile-panel>a span{color:#79c2ff}
 .g28-header .g28-mobile-currency{margin:15px 0 0}
 .g28-header .g28-mobile-currency .g28-currency{display:block!important}
 .g28-header .g28-mobile-currency .g28-currency>summary{width:100%;min-height:45px!important;justify-content:flex-end;padding:0 14px!important}
 .g28-header .g28-mobile-currency .g28-currency>summary::before{content:'Display currency';margin-right:auto;color:#a9c4df;font:750 11px 'Manrope',sans-serif}
 .g28-header .g28-mobile-currency .currency-panel{position:static!important;width:100%;max-width:none;box-shadow:none!important;margin-top:9px;max-height:260px;overflow-y:auto}
 .g28-header .g28-mobile-discord{display:flex;align-items:center;justify-content:space-between;min-height:51px;margin-top:17px;border-radius:11px;border:1px solid #5ba5ff;background:linear-gradient(130deg,#1669ee,#287df8);color:white!important;text-decoration:none;padding:0 17px;font:850 12px 'Manrope',sans-serif}
 .g28-header .g28-menu-footnote{font:600 10px/1.5 'Manrope',sans-serif;color:#85a4c2;text-align:center;margin:14px 0 0}
}
@media(prefers-reduced-motion:reduce){.g28-header *, .g28-header *::before,.g28-header *::after{animation:none!important;transition:none!important}}
