/* The floating bar is Framer markup, so a page that wears it needs site.css --
   the whole marketing stylesheet. The hand-written pages (/developers,
   /mission) load this straight after, for two reasons.

   One: site.css reaches past the bar and restyles the page. It paints the body
   dark through `:root body`, which outranks a plain `body` rule, so the answer
   has to match that selector; and it drops the base size to 12px for Framer's
   own em-based sizing, which the bar wants and the page does not.

   Two: the bar is positioned by a block each Framer page ships inline rather
   than by site.css, so those rules have to be restated here or the bar lands
   static at the top left. */
:root body{background:transparent}
body,input,textarea,select,button{font-size:16px}

.framer-1tgilwu-container{
  position:fixed;top:24px;left:50%;z-index:100;width:auto;
  font-size:12px;               /* Framer's base, which the bar sizes off */
}

/* Above 1360px the marketing pages zoom whole-page. Only the bar should. */
@media (min-width:1360px){
  body{zoom:1}
  .framer-1tgilwu-container{zoom:1.15}
}
