/* "Fun stuff" dropdown in the top bar of every page. Injected by /fun/nav.js.
   Dark glass panel to match the homepage; the trigger inherits each bar's own
   link styling so it sits in the row like a native item. */
.bbf{position:relative;display:inline-flex;align-items:center}
.bbf-btn{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;cursor:pointer;font:inherit;font-size:14px;font-weight:500;line-height:normal;color:rgba(255,255,255,.8);display:inline-flex;align-items:center;gap:5px;padding:6px 2px;border-radius:999px;white-space:nowrap;transition:color .2s}
.bbf-btn:hover,.bbf-btn[aria-expanded="true"]{color:#fff}
.bbf-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(120,170,255,.55)}
.bbf-btn svg{width:10px;height:10px;transition:transform .2s ease;opacity:.7}
.bbf-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.bbf-dot{width:5px;height:5px;border-radius:50%;background:#3DF08B;box-shadow:0 0 0 2px rgba(61,240,139,.16);margin-left:-1px;align-self:flex-start;margin-top:.35em;flex:none}
.bbf-panel{position:fixed;top:0;left:0;z-index:1000;width:340px;box-sizing:border-box;text-align:left;padding:8px;border-radius:20px;background:linear-gradient(180deg,rgba(18,24,42,.97),rgba(9,12,24,.97));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.06) inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
.bbf-panel:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.bbf-panel.open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .16s ease,transform .16s ease}
.bbf-panel .bbf-label{display:block;padding:8px 12px 6px;font:600 10.5px/1 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#8FBBFF}
.bbf-panel .bbf-item{display:flex !important;font-size:inherit;align-items:center;gap:14px;padding:12px;border-radius:14px;text-decoration:none;color:#F6F6FD;outline:none;transition:background .15s}
.bbf-panel .bbf-item:hover,.bbf-panel .bbf-item:focus-visible{background:rgba(255,255,255,.06)}
.bbf-panel .bbf-item:focus-visible{box-shadow:0 0 0 2px rgba(120,170,255,.55) inset}
.bbf-panel .bbf-item[aria-current="page"]{background:rgba(143,187,255,.08)}
.bbf-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(143,187,255,.16),rgba(143,187,255,.05));border:1px solid rgba(143,187,255,.22);color:#CFE3FF}
.bbf-ico svg{width:20px;height:20px}
.bbf-ico.roast{background:linear-gradient(180deg,rgba(61,240,139,.14),rgba(61,240,139,.04));border-color:rgba(61,240,139,.22);color:#9BE8BE}
.bbf-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.bbf-panel .bbf-txt b{color:#F6F6FD;font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:21px;line-height:1.05;letter-spacing:.1px}
.bbf-panel .bbf-txt span{font:400 13px/1.35 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,sans-serif;color:rgba(246,246,253,.62)}
.bbf-go{margin-left:auto;color:rgba(255,255,255,.35);font-size:16px;transition:transform .15s,color .15s}
.bbf-item:hover .bbf-go,.bbf-item:focus-visible .bbf-go{color:#fff;transform:translateX(2px)}
/* Phone: the trigger becomes a pill beside the bar's CTA and the panel a
   full-width sheet pinned under the bar (top set by nav.js). */
.bbf.compact .bbf-btn{padding:8px 13px;border:1px solid rgba(255,255,255,.2);font-size:13px;color:#fff}
.bbf.compact .bbf-dot{width:5px;height:5px;border-radius:50%;background:#3DF08B;box-shadow:0 0 0 2px rgba(61,240,139,.16);margin-left:-1px;align-self:flex-start;margin-top:.35em;flex:none}
/* Light bars (/business, /careers) keep a dark panel but a dark-ink trigger. */
.bbf.on-light .bbf-btn{color:inherit;opacity:.8;padding:6px 10px}
.bbf.on-light .bbf-btn:hover,.bbf.on-light .bbf-btn[aria-expanded="true"]{opacity:1}
.bbf.on-light.compact .bbf-btn{border-color:currentColor}
@media (prefers-reduced-motion:reduce){.bbf-panel,.bbf-btn svg,.bbf-go{transition:none}}
.bbf-panel{width:388px}
.bbf.short .bbf-more{display:none}

.bbf[hidden]{display:none!important}
.bbf.inline .bbf-btn{gap:5px}
.bbf.inline .bbf-btn svg{width:9px;height:9px;opacity:.55}
.bbf.on-light.inline .bbf-btn{opacity:1}
.bbf-no-portal [data-bb-portal-link]{display:none!important}
.bbf.inline:not(.on-light) .bbf-btn:hover,.bbf.inline:not(.on-light) .bbf-btn[aria-expanded="true"]{color:#fff!important}

/* ---------- Mobile menu (nav.js) ---------- */
.bbm-btn{appearance:none;-webkit-appearance:none;flex:none;width:36px;height:36px;margin:0 0 0 6px;padding:0;border-radius:999px;cursor:pointer;display:inline-grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.2);color:#fff;transition:background .2s,border-color .2s}
.bbm-btn[hidden]{display:none!important}
.bbm-btn:hover,.bbm-btn[aria-expanded="true"]{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.32)}
.bbm-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(120,170,255,.55)}
.bbm-bars{position:relative;width:16px;height:12px;display:block}
.bbm-bars i{position:absolute;left:0;width:16px;height:1.6px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease,top .2s ease}
.bbm-bars i:nth-child(1){top:0}.bbm-bars i:nth-child(2){top:5.2px}.bbm-bars i:nth-child(3){top:10.4px}
.bbm-btn[aria-expanded="true"] .bbm-bars i:nth-child(1){top:5.2px;transform:rotate(45deg)}
.bbm-btn[aria-expanded="true"] .bbm-bars i:nth-child(2){opacity:0}
.bbm-btn[aria-expanded="true"] .bbm-bars i:nth-child(3){top:5.2px;transform:rotate(-45deg)}
.bbm-btn.light{width:36px;height:36px;background:transparent;border-color:rgba(10,20,40,.16);color:#0B1220;margin-left:6px}
.bbm-btn.light:hover,.bbm-btn.light[aria-expanded="true"]{background:rgba(10,20,40,.05);border-color:rgba(10,20,40,.28)}
.f-nav nav .bbm-btn{width:36px;height:36px;margin-left:6px}
.bbm-scrim{position:fixed;inset:0;z-index:998;background:rgba(3,6,14,.45);opacity:0;transition:opacity .18s ease}
.bbm-scrim.open{opacity:1}
.bbm-scrim[hidden],.bbm-panel[hidden]{display:none!important}
.bbm-panel{position:fixed;left:12px;right:12px;top:0;z-index:999;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:8px;border-radius:22px;text-align:left;background:linear-gradient(180deg,rgba(18,24,42,.97),rgba(9,12,24,.97));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.06) inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease;font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,sans-serif}
.bbm-panel.open{opacity:1;transform:none}
.bbm-links{display:flex;flex-direction:column;padding:2px 0 6px}
.bbm-panel .bbm-link{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:14px;color:#F6F6FD;text-decoration:none;font-size:16px;font-weight:500;letter-spacing:.1px;outline:none;transition:background .15s}
.bbm-panel .bbm-link+.bbm-link{box-shadow:0 -1px 0 rgba(255,255,255,.06)}
.bbm-panel .bbm-link:hover,.bbm-panel .bbm-link:focus-visible{background:rgba(255,255,255,.06);box-shadow:none}
.bbm-panel .bbm-link:focus-visible{box-shadow:0 0 0 2px rgba(120,170,255,.55) inset}
.bbm-panel .bbm-link[aria-current="page"]{background:rgba(143,187,255,.08)}
.bbm-chev{color:rgba(255,255,255,.35);font-size:18px;line-height:1}
.bbm-fun{border-top:1px solid rgba(255,255,255,.08);padding-top:6px}
.bbm-label{display:flex;align-items:center;gap:8px;padding:10px 14px 6px;font-size:10.5px;font-weight:600;line-height:1;letter-spacing:1.6px;text-transform:uppercase;color:#8FBBFF}
.bbm-label .bbf-dot{margin:0;align-self:center}
.bbm-panel .bbm-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;text-decoration:none;color:#F6F6FD;outline:none;transition:background .15s}
.bbm-panel .bbm-item:hover,.bbm-panel .bbm-item:focus-visible{background:rgba(255,255,255,.06)}
.bbm-panel .bbm-item:focus-visible{box-shadow:0 0 0 2px rgba(120,170,255,.55) inset}
.bbm-panel .bbm-item[aria-current="page"]{background:rgba(143,187,255,.08)}
.bbm-panel .bbf-txt b{color:#F6F6FD;font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:21px;line-height:1.05}
.bbm-panel .bbf-txt span{font-size:13px;line-height:1.35;color:rgba(246,246,253,.62)}
.bbm-item:hover .bbf-go,.bbm-item:focus-visible .bbf-go{color:#fff;transform:translateX(2px)}
/* Light business bar variant */
.bbm-panel.light{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,249,255,.98));border-color:rgba(10,20,40,.1);box-shadow:0 24px 60px rgba(10,20,50,.18),0 1px 0 #fff inset}
.bbm-panel.light .bbm-link{color:#0B1220}
.bbm-panel.light .bbm-link+.bbm-link{box-shadow:0 -1px 0 rgba(10,20,40,.06)}
.bbm-panel.light .bbm-link:hover,.bbm-panel.light .bbm-link:focus-visible,.bbm-panel.light .bbm-item:hover,.bbm-panel.light .bbm-item:focus-visible{background:rgba(10,20,40,.05)}
.bbm-panel.light .bbm-link[aria-current="page"],.bbm-panel.light .bbm-item[aria-current="page"]{background:rgba(0,98,254,.07)}
.bbm-panel.light .bbm-chev{color:rgba(10,20,40,.35)}
.bbm-panel.light .bbm-fun{border-top-color:rgba(10,20,40,.08)}
.bbm-panel.light .bbm-label{color:#0062FE}
.bbm-panel.light .bbm-item{color:#0B1220}
.bbm-panel.light .bbf-txt b{color:#0B1220}
.bbm-panel.light .bbf-txt span{color:rgba(11,18,32,.6)}
.bbm-panel.light .bbf-go{color:rgba(10,20,40,.35)}
.bbm-panel.light .bbm-item:hover .bbf-go{color:#0B1220}
.bbm-panel.light .bbf-ico{background:linear-gradient(180deg,rgba(0,98,254,.12),rgba(0,98,254,.04));border-color:rgba(0,98,254,.2);color:#0062FE}
.bbm-panel.light .bbf-ico.roast{background:linear-gradient(180deg,rgba(16,185,99,.14),rgba(16,185,99,.04));border-color:rgba(16,185,99,.25);color:#0E9F57}
/* Business bar: on small screens the menu replaces the wrapped second row of links. */
.bbm-biz #site-bar .bar-nav{display:none!important}
.bbm-biz #site-bar.bar,.bbm-biz #site-bar .bar,.bbm-biz .bar{flex-wrap:nowrap}
.bbm-biz #site-bar .bar-right{margin-left:auto;display:flex;align-items:center}
.bbm-lock,.bbm-lock body{overflow:hidden!important}
@media (prefers-reduced-motion:reduce){.bbm-panel,.bbm-scrim,.bbm-bars i{transition:none}}
/* Small phones: give the homepage wordmark breathing room next to Join Waitlist + Menu. */
@media (max-width:400px){
  .nav-right .nav-cta.liquid-glass{padding-left:15px;padding-right:15px;font-size:13.5px}
  .nav-right .bbm-btn{width:34px;height:34px;margin-left:6px}
}
@media (max-width:370px){
  .nav-right .nav-cta.liquid-glass{padding-left:13px;padding-right:13px;font-size:13px}
}