/* Canonical GTN tokens. Homepage palette; shared by every Next page. */
:root{--gtn-navy:#102d43;--gtn-sky:#b7dff5;--gtn-pale:#edf4f8;--gtn-accent:#487e9d;--gtn-muted:#4b6072;--gtn-radius:30px;--gtn-pill:999px;--gtn-motion:cubic-bezier(.2,.7,.2,1);--gtn-section-space:clamp(72px,6vw,96px)}
body .gtn-page-navigation{position:fixed;z-index:35;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:50%;display:flex;gap:4px;padding:6px;max-width:calc(100% - 140px);width:max-content;border:0;border-radius:var(--gtn-pill);background:var(--gtn-navy);box-shadow:0 8px 28px #102d4326;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,14px);transition:opacity .3s,transform .4s var(--gtn-motion),visibility .3s}
body .gtn-page-navigation.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
body .gtn-page-navigation a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:0;border-radius:var(--gtn-pill);font:400 13px/1.2 Exo,Exo 2,sans-serif;white-space:nowrap;color:var(--gtn-sky);transition:color .25s,background .25s}
body .gtn-page-navigation a:hover,body .gtn-page-navigation a[aria-current=location]{background:var(--gtn-sky);color:var(--gtn-navy)}
body .gtn-page-navigation a:focus-visible{outline:2px solid white;outline-offset:2px}
body .g-section{padding-block:var(--gtn-section-space)}
body main .g-kicker{font-size:11px;font-weight:500;letter-spacing:.12em;line-height:1.5;margin-bottom:22px}
body main :is(.g-split-heading,.bc-network-copy,.bc-method,.bc-faq,.fe-split) h2{font-size:clamp(34px,3.8vw,58px);font-weight:400;line-height:1.14;letter-spacing:-.035em}
body main :is(.g-split-heading,.bc-network-copy,.bc-method,.bc-faq,.fe-split) h2 span{color:var(--gtn-accent)}
body main :is(.sector-solutions,.bc-operations,.g-presence,.fe-workshop) h2 span{color:var(--gtn-sky)}
body main .g-split-heading{gap:32px;align-items:end}
body main :is(.g-split-heading>p,.g-hero-description,.bc-network-copy>p:not(.g-kicker),.sector-lead){font-size:17px;font-weight:400;line-height:1.75}
body main :is(.sector-priorities,.sector-support,.bc-support-grid,.bc-method-grid) p{font-weight:400;line-height:1.75}
body main :is(.g-button,.fe-button){min-height:52px;padding:13px 24px;border:0;border-radius:var(--gtn-pill);font-size:15px;font-weight:400;transition:background .25s,color .25s,transform .35s var(--gtn-motion)}
body main :is(.g-button-dark,.fe-button){background:var(--gtn-navy);color:var(--gtn-sky)}
body main :is(.g-button-dark,.fe-button):hover{background:#1b4966;color:#fff}
body main .fe-button-light{background:var(--gtn-sky);color:var(--gtn-navy)}
body main :is(.sector-modes button,.bc-ops-tabs button){border:0;border-radius:var(--gtn-pill);font-weight:400}
body main :is(.sector-modes button[aria-pressed=true],.bc-ops-tabs button[aria-selected=true]){background:var(--gtn-sky);color:var(--gtn-navy)}
body main :is(.bc-number,.bc-network-stats strong){color:var(--gtn-accent)}
body main :is(.bc-support-grid article,.sector-support,.bc-assistance,.bc-verification){background:var(--gtn-pale)}
body main .bc-support-grid article:hover{background:var(--gtn-navy);color:#edf7ff}
body main>section[id]{scroll-margin-top:110px}
@media(max-width:700px){body .gtn-page-navigation{max-width:calc(100% - 24px);width:calc(100% - 24px);gap:0;padding:4px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}body .gtn-page-navigation a{flex:1;min-width:0;padding:9px 3px;font-size:clamp(10px,2.8vw,12px)}body:has(.gtn-page-navigation) .g-top{bottom:calc(82px + env(safe-area-inset-bottom,0px))}body main .g-split-heading{gap:24px}body main :is(.g-split-heading>p,.g-hero-description,.bc-network-copy>p:not(.g-kicker),.sector-lead){font-size:16px}body main :is(.g-split-heading,.bc-network-copy,.bc-method,.bc-faq,.fe-split) h2{font-size:clamp(30px,7.8vw,42px)}}
@media(prefers-reduced-motion:reduce){body .gtn-page-navigation,body .gtn-page-navigation a,body main :is(.g-button,.fe-button){transition:none}}
/* Refined floating navigation: one quiet surface, not a row of buttons. */
body .gtn-page-navigation{padding:8px 14px;gap:5px;background:linear-gradient(120deg,#163b53ed,#102d43e8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 32px #061b3024;bottom:calc(22px + env(safe-area-inset-bottom,0px))}
body .gtn-page-navigation a{position:relative;padding:12px 19px 14px;color:#c0d6e4;font-size:13px;letter-spacing:.015em}
body .gtn-page-navigation a:hover{background:#b7dff510;color:#fff}
body .gtn-page-navigation a[aria-current=location]{background:#b7dff514;color:#fff}
body .gtn-page-navigation a:after{content:'';position:absolute;bottom:5px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--gtn-sky);opacity:0;transform:translateX(-50%) scale(.4);transition:opacity .25s,transform .3s}
body .gtn-page-navigation a[aria-current=location]:after{opacity:1;transform:translateX(-50%) scale(1)}
body .gtn-scroll-top{display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s;box-shadow:0 6px 22px #102d4320;background:#102d43e8;color:#b7dff5}
body .gtn-scroll-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
body .gtn-scroll-top svg{width:22px;height:22px}
body .gtn-scroll-top:hover{background:#285770;color:white}
@media(max-width:700px){body .gtn-page-navigation{padding:5px 7px;gap:0;width:calc(100% - 32px);bottom:calc(14px + env(safe-area-inset-bottom,0px))}body .gtn-page-navigation a{font-size:clamp(10px,2.8vw,12px);padding:12px 3px 15px}body .gtn-scroll-top{width:42px;height:42px;right:18px}}
@media(prefers-reduced-motion:reduce){body .gtn-scroll-top,body .gtn-page-navigation a:after{transition:none}}

/* Horizontal touch browsing of chapters: swiping does not select a link. */
@media(max-width:700px){html body .gtn-page-navigation{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scroll-snap-type:x proximity}html body .gtn-page-navigation::-webkit-scrollbar{display:none}html body .gtn-page-navigation a{flex:0 0 auto;min-width:max-content;padding:12px 18px 15px;font-size:12px;scroll-snap-align:start}}
