html.mac [data-for-os=windows] {
  display:none;
}

html.mac a {
  font-weight:500;
}

html.mac body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html.mac .heroine img {
  box-shadow:rgba(0,0,0,0.25) 0 5px 20px;
  max-width:1006px;
  border-radius:5px 5px 0 0;
  margin:0 auto;
}

html.mac .heroine {
  position:relative;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(83,173,247,0.08) 50%, rgba(113,27,181,0.15) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(83,173,247,0.08)), color-stop(100%,rgba(113,27,181,0.15)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(83,173,247,0.08) 50%,rgba(113,27,181,0.15) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(83,173,247,0.08) 50%,rgba(113,27,181,0.15) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(83,173,247,0.08) 50%,rgba(113,27,181,0.15) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(83,173,247,0.08) 50%,rgba(113,27,181,0.15) 100%);
}

html.mac .heroine:after {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:15px;
  box-shadow:inset rgba(0,0,0,0.1) 0 -1px 0;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
}

html.mac a.download {
  color:#fff;
  background: rgb(114,181,237);
  background: -moz-linear-gradient(top,  rgba(114,181,237,1) 0%, rgba(27,112,181,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,181,237,1)), color-stop(100%,rgba(27,112,181,1)));
  background: -webkit-linear-gradient(top,  rgba(114,181,237,1) 0%,rgba(27,112,181,1) 100%);
  background: -o-linear-gradient(top,  rgba(114,181,237,1) 0%,rgba(27,112,181,1) 100%);
  background: -ms-linear-gradient(top,  rgba(114,181,237,1) 0%,rgba(27,112,181,1) 100%);
  background: linear-gradient(to bottom,  rgba(114,181,237,1) 0%,rgba(27,112,181,1) 100%);
  border: 1px solid #1B70B5;
  border-radius: 4px;
}

html.mac .pull-request .screen {
  margin-right:-30px;
}

html.mac .cta {
  background: -moz-linear-gradient(top, rgba(83,173,247,0.08) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(83,173,247,0.08)), color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top,  rgba(83,173,247,0.08) 0%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top,  rgba(83,173,247,0.08) 0%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top,  rgba(83,173,247,0.08) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom,  rgba(83,173,247,0.08) 0%, rgba(255,255,255,0) 100%);
}