/* fix37 tap cues on What we've built. Local preview only. */
#company-area .f36-demos > .mid{margin-bottom:12px}
#company-area .f37-prompt{
  font:400 20px/1.45 var(--sans);
  color:var(--cream);
  margin:0 0 24px;
  max-width:42ch;
}
#company-area .f37-desk{display:none}
#company-area .f37-unit{
  border:1px solid var(--blush);
  border-radius:2px;
  background:rgba(0,0,0,.13);
  overflow:hidden;
}
#company-area .f37-unit .f36-tabs{
  margin:0;
  padding:12px 12px 0;
  border-bottom:1px solid var(--blush);
}
#company-area .f37-unit .f36-stage{
  border:0;
  background:transparent;
  border-radius:0;
}
#company-area .f36-tabs a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
#company-area .f36-tabs a::after{
  content:"";
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(-45deg);
  margin-top:-1px;
  flex:0 0 auto;
}
#company-area .f36-tabs a[aria-selected=true]{
  position:relative;
  z-index:1;
  margin-bottom:-1px;
  border-bottom-color:var(--blush);
}
#company-area .f36-tabs a[aria-selected=true]::after{
  transform:rotate(45deg);
  margin-top:-4px;
}
@media(min-width:761px){
  #company-area .f37-phone{display:none}
  #company-area .f37-desk{display:inline}
  #company-area .f37-prompt{font-size:21px;margin-bottom:28px}
  #company-area .f36-demos > .mid{margin-bottom:16px}
  #company-area .f37-unit .f36-tabs{padding:16px 16px 0}
}
@media(max-width:760px){
  #company-area .f37-prompt{font-size:19px;margin-bottom:20px}
  #company-area .f36-demos > .mid{margin-bottom:10px}
  #company-area .f37-unit .f36-tabs{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;
    padding:8px;
    margin-bottom:0;
  }
  #company-area .f36-tabs a{
    gap:5px;
    padding:14px 5px;
    white-space:nowrap;
    min-width:0;
    font-size:16px;
  }
  #company-area .f36-tabs a::after{
    width:6px;
    height:6px;
  }
}
