/* The top bar: full width, white, a hairline under it once the page scrolls. On phones, a menu sheet. */
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid transparent;transition:border-color .2s var(--ease)}
.top.scrolled{border-bottom-color:var(--rule)}
@supports (backdrop-filter:blur(8px)){.top{background:rgba(255,255,255,.82);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}}
.top .wrap{display:flex;align-items:center;gap:28px;height:68px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:20px;letter-spacing:-.02em}
.brand svg{width:26px;height:26px}
.menu-links{display:flex;gap:4px;margin-left:8px}
.menu-links a{font-size:15px;color:var(--ink-2);text-decoration:none;padding:8px 10px;border-radius:var(--r-sm)}
.menu-links a:hover{color:var(--ink);background:var(--paper-2)}
.menu-links a.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink);border-radius:0}
.top .end{margin-left:auto;display:flex;align-items:center;gap:8px}
.burger{display:none;width:42px;height:42px;border-radius:var(--r-sm);border:1px solid var(--rule-2);position:relative}
.burger span{position:absolute;left:12px;width:16px;height:1.5px;background:var(--ink);transition:transform .25s var(--ease),top .25s var(--ease)}
.burger span:nth-child(1){top:16px}.burger span:nth-child(2){top:23px}
.burger[aria-expanded="true"] span:nth-child(1){top:19.5px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){top:19.5px;transform:rotate(-45deg)}
#sheet{position:fixed;inset:68px 0 0;z-index:19;background:var(--paper);border-top:1px solid var(--rule);padding:12px var(--gutter) 32px;overflow:auto;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s .2s}
#sheet.open{opacity:1;visibility:visible;transform:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}
#sheet a.row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--rule);font-size:22px;font-weight:650;letter-spacing:-.01em;text-decoration:none}
#sheet .ctas{margin-top:24px}
@media (max-width:980px){
  .menu-links,.top .end .btn-line{display:none}
  .burger{display:block}
  .top .wrap{gap:12px}
}
@media (max-width:420px){.top .end .btn-ink{display:none}}