/* Hero: hidden scrollbar, labelled pills + arrows + autoplay progress */
.carousel{scrollbar-width:none;-ms-overflow-style:none}
.carousel::-webkit-scrollbar{display:none;height:0}
.hnav{display:flex;align-items:center;gap:10px;padding:18px clamp(16px,4vw,56px) 40px;margin-top:8px}
.hnav-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:2px}
.hnav-pills::-webkit-scrollbar{display:none}
.hnav-pill{position:relative;flex:0 0 auto;border:1px solid #3a3a3a;background:transparent;color:#cfcfcf;font-family:'Archivo',sans-serif;font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:12px 16px;min-height:44px;cursor:pointer;overflow:hidden;transition:background .2s,color .2s,border-color .2s}
.hnav-pill:hover{border-color:#1E7BD4;color:#fff}
.hnav-pill.on{background:#1E7BD4;border-color:#1E7BD4;color:#fff}
.hnav-pill i{position:absolute;left:0;bottom:0;height:3px;width:0;background:#fff;opacity:.85}
.hnav-pill.on.run i{animation:hfill var(--hdur,7s) linear forwards}
@keyframes hfill{from{width:0}to{width:100%}}
.hnav-arrow{flex:0 0 auto;width:44px;height:44px;border:1px solid #3a3a3a;background:#111;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hnav-arrow:hover{background:#1E7BD4;border-color:#1E7BD4}
.hnav-pill:focus-visible,.hnav-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
.onf-link{display:inline-flex;align-items:center;color:inherit}
@media (max-width:700px){.hnav{padding:14px 16px 28px;gap:8px}.hnav-arrow{display:none}.hnav-pill{font-size:12px;padding:12px 14px}}
@media (prefers-reduced-motion:reduce){.hnav-pill.on.run i{animation:none;width:100%}}
/* hero arrows sit either side of the pills */
.hnav-pills{flex:0 1 auto}
/* legal pages */
.legal{max-width:820px;margin:0 auto;padding:24px clamp(16px,4vw,56px) 72px;color:#e8e8e8;font-size:17px;line-height:1.65}
.legal h1{font-family:'Archivo',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(30px,5vw,48px);line-height:1.05;margin:8px 0 10px;color:#fff}
.legal h2{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.5px;font-size:20px;margin:36px 0 8px;color:#fff;border-top:1px solid #2a2a2a;padding-top:20px}
.legal h3{font-size:17px;margin:20px 0 6px;color:#fff}
.legal-meta{color:#8A8A8A;font-size:14px;margin:0 0 18px}
.legal a{color:#5aa7ff}
.legal ul,.legal ol{padding-left:22px}
/* compact header on phones: one-line scrollable menu */
@media (max-width:700px){
.z1.z1{justify-content:center}
.z1.z1>span:first-child{display:none}
.z3.z3{padding:12px 16px;gap:10px 12px}
.zc.zc{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:20px;font-size:14px;scrollbar-width:none;padding:4px 0 2px}
.zc.zc::-webkit-scrollbar{display:none}
.zc.zc a{white-space:nowrap;padding:10px 0}
.ze.ze{font-size:14px;padding:10px 14px;min-height:42px}
}