.site-nav{
  display:flex;align-items:center;justify-content:space-between;
  position:sticky;top:0;z-index:100;
  padding:14px 16px;
  min-height:84px;box-sizing:border-box;
  background:rgba(28,25,22,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  font-family:'IBM Plex Mono',ui-monospace,monospace;
}
.site-mark{color:#f4f8f2;text-decoration:none;font-size:20.7px;font-weight:700;letter-spacing:-.08em;line-height:1}
.site-mark .mark-af{color:#de534c}.site-mark .mark-ri{color:#e2bd45}.site-mark .mark-ca{color:#67a85c}
.hero-wordmark .mark-af{color:#de534c}.hero-wordmark .mark-ri{color:#e2bd45}.hero-wordmark .mark-ca{color:#67a85c}
@media(min-width:640px){
  .site-nav{padding:16px clamp(24px,5vw,64px)}
}
.site-nav .gs-menu-btn{width:38px;height:38px}
.site-nav .gs-menu-panel{z-index:999}
.site-nav-left{display:flex;flex-direction:column;align-items:center;gap:0;position:absolute;left:50%;transform:translateX(-50%);text-align:center}
.site-nav-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.gs-menu{position:relative}
.gs-menu-btn{
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  padding:0;border:0;border-radius:999px;background:#3a322c;color:#f4f8f2;
  box-shadow:0 7px 17px rgba(0,0,0,.24);transition:transform .18s ease,background .18s ease;
}
.gs-menu-btn:hover{background:#4a4038;transform:translateY(-1px)}
.gs-menu-btn:focus-visible{outline:2px solid #cbb897;outline-offset:3px}
.gs-menu-icon{display:grid;gap:3px;width:16px}
.gs-menu-icon span{display:block;height:2px;border-radius:999px;background:currentColor}
.gs-menu-panel{
  position:absolute;right:0;top:calc(100% + 10px);min-width:230px;padding:8px;
  border-radius:18px;border:0;background:#302a25;box-shadow:0 18px 42px rgba(0,0,0,.3);
  opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;z-index:999;
}
.gs-menu.open .gs-menu-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.gs-menu-panel a{
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;
  border-radius:12px;color:#f3ede6;text-decoration:none;font-size:12.5px;font-weight:600;
}
.gs-menu-panel a:hover,.gs-menu-panel a:focus-visible{background:#3a322c;color:#cbb897;outline:none}
.gs-menu-panel a[data-primary="true"]{margin-top:4px;background:#cbb897;color:#242220}
.gs-menu-panel a[data-primary="true"]:hover{background:#dfcfb5;color:#242220}
.beta-pill{
  display:inline-flex;flex-direction:row;align-items:center;gap:0;min-height:12px;
  background:transparent;border:0;color:#d4c4a8;box-shadow:none;
  margin-top:-1px;white-space:nowrap;text-decoration:none;font-size:9px;font-weight:400;letter-spacing:.04em;line-height:1;
}
.beta-pill::before{display:none}
.beta-pill .building-public{display:inline-flex;align-items:center;gap:5px;margin-left:7px;font-size:9px;letter-spacing:.04em}
.beta-pill .building-public::before{content:'';flex:0 0 auto;width:4.5px;height:4.5px;border-radius:50%;background:#de534c;animation:building-public-pulse 8s ease-in-out infinite}
@keyframes building-public-pulse{
  0%,19%{background:#de534c;box-shadow:0 7px 17px rgba(0,0,0,.24),0 0 0 0 rgba(222,83,76,.55),inset 0 1px 0 rgba(255,255,255,.34)}
  25%,44%{background:#e2bd45;box-shadow:0 7px 17px rgba(0,0,0,.24),0 0 0 7px rgba(226,189,69,0),inset 0 1px 0 rgba(255,255,255,.34)}
  50%,69%{background:#67a85c;box-shadow:0 7px 17px rgba(0,0,0,.24),0 0 0 0 rgba(103,168,92,.55),inset 0 1px 0 rgba(255,255,255,.34)}
  75%,94%{background:#5486cb;box-shadow:0 7px 17px rgba(0,0,0,.24),0 0 0 7px rgba(84,134,203,0),inset 0 1px 0 rgba(255,255,255,.34)}
  100%{background:#de534c}
}
@media(max-width:640px){.gs-menu-panel{right:-4px;min-width:min(80vw,260px)}}
@media(max-width:520px){.site-nav{padding:12px;min-height:68px}.site-nav-left{gap:0}.beta-pill{font-size:8px;letter-spacing:.025em;gap:0}.beta-pill .building-public{font-size:8px;letter-spacing:.025em;gap:4px;margin-left:5px}.beta-pill .building-public::before{width:3.5px;height:3.5px}}
@media(prefers-reduced-motion:reduce){.beta-pill .building-public::before{animation:none}}

/* Static information cards: light elevation without a boxed outline. */
.feature-card,.check-list-grid div,.board-hero,.ab-card,.ab-behind-card,.post,.program-card,.partner-callout,.builder,.apply-card,.login-card{
  border:0!important;
  box-shadow:0 12px 28px rgba(10,7,5,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
  animation:static-card-float 6.4s ease-in-out infinite;
}
.feature-card:nth-child(2n),.check-list-grid div:nth-child(2n),.ab-behind-card:nth-child(2n),.post:nth-child(2n),.program-card:nth-child(2n){animation-delay:-3.2s}
@keyframes static-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.feature-card,.check-list-grid div,.board-hero,.ab-card,.ab-behind-card,.post,.program-card,.partner-callout,.builder,.apply-card,.login-card{animation:none}}
