/* Shared header and footer for public information pages. */
.nf-info-header{
  position:sticky;top:0;z-index:50;max-width:none;min-height:0;margin:0;padding:env(safe-area-inset-top) 0 0;
  background:rgba(255,255,255,.88);backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid transparent;transition:border-color .25s ease,background .25s ease;
}
.nf-info-header.scrolled{border-bottom-color:#e8e8ec}
.nf-info-header .nf-info-nav{
  width:100%;max-width:1140px;height:66px;margin:0 auto;padding:0 max(20px,6vw);
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.nf-info-header .nf-info-brand{display:flex;align-items:center;flex:none}
.nf-info-header .nf-info-brand img{display:block;width:auto;height:34px;max-width:124px}
.nf-info-header .nf-info-links{display:flex;align-items:center;justify-content:flex-end;gap:30px;min-width:0}
.nf-info-header .nf-info-links a{
  color:#52525b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:calc(14.5px + 0.5pt);font-weight:400;text-decoration:none;white-space:nowrap;transition:color .15s ease;
}
.nf-info-header .nf-info-links a:hover,.nf-info-header .nf-info-links a:focus-visible{color:#18181b}
.nf-info-header .nf-info-links .nf-info-cta{
  display:inline-flex;align-items:center;padding:9px 16px;border-radius:10px;background:#ffe140;color:#1a1a1a;
  font-weight:600;box-shadow:0 6px 16px -6px rgba(20,20,25,.18);transition:transform .12s ease,box-shadow .2s ease,background .2s ease;
}
.nf-info-header .nf-info-links .nf-info-cta:hover{
  color:#fff;background-image:linear-gradient(90deg,#ee0c8d,#ffe140,#007fff,#ee0c8d);background-size:600% 100%;
  animation:nf-info-cta-rotate 12s linear infinite;text-shadow:0 1px 3px rgba(0,0,0,.72);transform:translateY(-1px);box-shadow:0 12px 26px -8px rgba(0,0,0,.3);
}
@keyframes nf-info-cta-rotate{from{background-position:0% 50%}to{background-position:-120% 50%}}

.nf-info-footer{
  clear:both;border-top:1px solid #e9e9ec;background:#fff;padding:26px 20px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#8e9398;
}
.nf-info-footer,.nf-info-footer *{box-sizing:border-box}
.nf-info-footer .nf-info-footer-inner{max-width:900px;margin:0 auto;text-align:center}
.nf-info-footer .nf-info-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:12px}
.nf-info-footer .nf-info-footer-links a{color:#2b2d31;font-size:calc(13.5px + 0.5pt);font-weight:500;text-decoration:none}
.nf-info-footer .nf-info-footer-links a:hover,.nf-info-footer .nf-info-footer-links a:focus-visible{color:#0d0d0d;text-decoration:underline}
.nf-info-footer .nf-info-social{display:flex;justify-content:center;gap:8px;margin:0 0 13px}
.nf-info-footer .nf-info-social a{width:30px;height:30px;border:1px solid #dedfe3;border-radius:8px;display:grid;place-items:center;color:#555a61;text-decoration:none}
.nf-info-footer .nf-info-social a:hover,.nf-info-footer .nf-info-social a:focus-visible{color:#111;border-color:#bfc2c8;background:#f7f7f8}
.nf-info-footer .nf-info-social a:focus-visible{outline:2px solid #007fff;outline-offset:2px}
.nf-info-footer .nf-info-social svg{width:15px;height:15px;fill:currentColor}
.nf-info-footer .nf-info-social span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nf-info-footer .nf-info-company{font-size:calc(12.5px + 0.5pt);line-height:1.7}
.nf-info-footer .nf-info-company a{color:inherit}
.nf-info-footer .nf-info-disclaimer{max-width:760px;margin:6px auto 0;font-size:calc(11.5px + 0.5pt);line-height:1.6;color:#8e9398}

@media(max-width:780px){
  /* Keep the public-page brand clear of the browser/status area even where
     safe-area-inset-top reports zero, such as ordinary mobile browsers. */
  .nf-info-header{padding-top:max(10px,env(safe-area-inset-top))}
  .nf-info-header .nf-info-nav{height:62px;padding:0 20px}
  .nf-info-header .nf-info-brand img{height:29px;max-width:105px}
  .nf-info-header .nf-info-links{gap:12px}
  .nf-info-header .nf-info-links a:not(.nf-info-cta){display:none}
  .nf-info-header .nf-info-links .nf-info-cta{padding:8px 13px;font-size:calc(13px + 0.5pt)}
  .nf-info-footer{padding:24px 18px calc(24px + env(safe-area-inset-bottom))}
  .nf-info-footer .nf-info-footer-links{gap:8px 14px}
}