/* Dracula Theme v1.2.5
 *
 * https://github.com/zenorocha/dracula-theme
 *
 * Copyright 2016, All rights reserved
 *
 * Code licensed under the MIT license
 * http://zenorocha.mit-license.org
 *
 * @author Rob G <wowmotty@gmail.com>
 * @author Chris Bracco <chris@cbracco.me>
 * @author Zeno Rocha <hi@zenorocha.com>
 * @author Piruin Panichphol <piruin.p@gmail.com>
 */
/*
 * Variables
 */
/*
 * Styles
 */
.highlight {
  background: #282a36;
  color: #f8f8f2;
  border-radius: 6px; }
  .highlight .hll,
  .highlight .s,
  .highlight .sa,
  .highlight .sb,
  .highlight .sc,
  .highlight .dl,
  .highlight .sd,
  .highlight .s2,
  .highlight .se,
  .highlight .sh,
  .highlight .si,
  .highlight .sx,
  .highlight .sr,
  .highlight .s1,
  .highlight .ss {
    color: #f1fa8c; }
  .highlight .go {
    color: #44475a; }
  .highlight .err,
  .highlight .g,
  .highlight .l,
  .highlight .n,
  .highlight .x,
  .highlight .p,
  .highlight .ge,
  .highlight .gr,
  .highlight .gh,
  .highlight .gi,
  .highlight .gp,
  .highlight .gs,
  .highlight .gu,
  .highlight .gt,
  .highlight .ld,
  .highlight .no,
  .highlight .nd,
  .highlight .ni,
  .highlight .ne,
  .highlight .nn,
  .highlight .nx,
  .highlight .py,
  .highlight .w,
  .highlight .bp {
    color: #f8f8f2; }
  .highlight .gh,
  .highlight .gi,
  .highlight .gu {
    font-weight: bold; }
  .highlight .ge {
    text-decoration: underline; }
  .highlight .bp {
    font-style: italic; }
  .highlight .c,
  .highlight .ch,
  .highlight .cm,
  .highlight .cpf,
  .highlight .c1,
  .highlight .cs {
    color: #6272a4; }
  .highlight .kd,
  .highlight .kt,
  .highlight .nb,
  .highlight .nl,
  .highlight .nv,
  .highlight .vc,
  .highlight .vg,
  .highlight .vi,
  .highlight .vm {
    color: #8be9fd; }
  .highlight .kd,
  .highlight .nb,
  .highlight .nl,
  .highlight .nv,
  .highlight .vc,
  .highlight .vg,
  .highlight .vi,
  .highlight .vm {
    font-style: italic; }
  .highlight .na,
  .highlight .nc,
  .highlight .nf,
  .highlight .fm {
    color: #50fa7b; }
  .highlight .k,
  .highlight .o,
  .highlight .cp,
  .highlight .kc,
  .highlight .kn,
  .highlight .kp,
  .highlight .kr,
  .highlight .nt,
  .highlight .ow {
    color: #ff79c6; }
  .highlight .m,
  .highlight .mb,
  .highlight .mf,
  .highlight .mh,
  .highlight .mi,
  .highlight .mo,
  .highlight .il {
    color: #bd93f9; }
  .highlight .gd {
    color: #ff5555; }
@font-face {
  font-family: 'source-code-pro';
  src: url(/assets/source-code-pro.woff) format("woff"), url(/assets/source-code-pro.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }
@-webkit-keyframes pulse {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0); }
  80% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }
@keyframes pulse {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0); }
  80% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }
@-webkit-keyframes barbershop {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 24px 0; } }
@keyframes barbershop {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 24px 0; } }
/* @group core */
* {
  border: 0;
  text-decoration: none;
  padding: 0;
  margin: 0;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  outline: none; }

html, input, button:not(.gm-control-active) {
  font-size: 16px;
  line-height: 24px;
  font-family: -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #2a2f3d;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

html {
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

img {
  display: block;
  -webkit-user-drag: none; }

a {
  color: #ef4141;
  cursor: pointer;
  touch-action: manipulation; }
  a:active {
    color: #c83d40; }

article {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 840px;
  padding: 0 12px;
  margin: 60px auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text; }
  article > *:first-child {
    margin-top: 0; }
  article > *:last-child {
    margin-bottom: 0; }

:not(.gm-control-active) > img {
  border-radius: 6px;
  max-width: 100%;
  margin: 24px auto; }

h1, h2, h3, h4 {
  font-weight: normal;
  color: #2a2f3d;
  margin: 24px 0; }

h1, h2 {
  font-size: 36px;
  line-height: 48px; }

h3 {
  font-size: 24px;
  line-height: 36px; }

h4 {
  font-size: 18px;
  line-height: 24px; }

p, ul, ol {
  color: rgba(42, 47, 61, 0.6);
  margin: 24px 0; }

li ul, li ol {
  margin: 0; }

li {
  position: relative;
  margin-left: 30px; }

ul li {
  list-style-type: none; }

ul li::before {
  content: '';
  position: absolute;
  top: 12px;
  left: -18px;
  background: #2a2f3d;
  border: 1px solid #2a2f3d;
  border-radius: 50%;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  margin-top: -3px; }

ul ul li::before {
  background: none; }

blockquote {
  color: rgba(42, 47, 61, 0.6);
  margin-left: 30px; }

code {
  display: inline-block;
  background: rgba(42, 47, 61, 0.05);
  border-radius: 3px;
  font-size: 14px;
  line-height: 18px;
  font-family: 'Menlo', 'source-code-pro', monospace;
  padding: 0 6px; }

pre {
  background: #fbfbfb;
  border-radius: 6px;
  line-height: 18px;
  padding: 12px 24px;
  margin: 18px 0;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor: text; }
  pre code {
    background: none;
    border-radius: 0;
    padding: 0;
    margin-right: 60px; }

.highlight {
  position: relative; }

.ios-icon-512 {
  border-radius: 57px; }

.ios-icon-128 {
  border-radius: 28px; }

aside.note {
  border-radius: 6px;
  padding: 12px;
  background-color: #f4f5f5; }
  aside.note p {
    margin: 12px 0; }
  aside.note img {
    margin: auto; }

aside.appstore-advert {
  display: flex;
  justify-content: space-between; }
  aside.appstore-advert p {
    margin: 12px; }

.appstore-links {
  display: flex;
  width: 420px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between; }
  .appstore-links img {
    display: inline-block;
    margin: auto; }
  .appstore-links a {
    display: block; }

.appstore-links-product {
  margin: 20px 0 0 0; }

/* @end */
.menu-bar {
  position: relative;
  font-size: 14px;
  padding: 12px 6px;
  z-index: 10; }
  .menu-bar section {
    display: flex;
    justify-content: space-between;
    max-width: 1008px;
    height: 24px;
    margin: 0 auto; }
  .menu-bar a {
    color: #2a2f3d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 12px; }
    .menu-bar a:active {
      color: rgba(42, 47, 61, 0.8); }
    .menu-bar a.selected {
      background: rgba(42, 47, 61, 0.2);
      border-radius: 6px; }
  .menu-bar .mark {
    position: relative;
    font-weight: bold;
    color: #ef4141;
    padding-left: 42px; }
    .menu-bar .mark svg {
      position: absolute;
      top: -3px;
      left: 9px;
      width: 30px;
      height: 30px; }
    .menu-bar .mark path {
      fill: #ef4141; }
    .menu-bar .mark:active {
      color: #c83d40; }
      .menu-bar .mark:active path {
        fill: #c83d40; }
  .menu-bar .menu-control {
    display: none;
    position: relative;
    width: 24px;
    height: 24px; }
    .menu-bar .menu-control span {
      position: absolute;
      height: 2px;
      width: 24px;
      background: #2a2f3d;
      border-radius: 1px;
      opacity: 1;
      left: 6px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      transition: all 0.3s ease-in-out; }
      .menu-bar .menu-control span:nth-child(1) {
        top: 3px; }
      .menu-bar .menu-control span:nth-child(2), .menu-bar .menu-control span:nth-child(3) {
        top: 11px; }
      .menu-bar .menu-control span:nth-child(4) {
        bottom: 3px; }
    .menu-bar .menu-control:active {
      opacity: 0.8; }
  .menu-bar .search {
    flex-shrink: 0;
    background: url("/media/sprite.png") -576px -288px;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 12px; }
    .menu-bar .search:active {
      opacity: 0.8; }

.search-form {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 60px;
  z-index: 10;
  -webkit-transform: translate3d(0, 0, 1200px);
          transform: translate3d(0, 0, 1200px); }
  .search-form section {
    display: flex;
    flex-direction: column;
    position: relative;
    background: rgba(42, 47, 61, 0.95);
    border-radius: 6px;
    box-shadow: 0 15px 36px rgba(42, 47, 61, 0.1), 0 6px 15px rgba(42, 47, 61, 0.05);
    max-width: 480px;
    min-height: 48px;
    max-height: 100%;
    margin: 0 auto; }
    .backdropfilter .search-form section {
      background-color: rgba(42, 47, 61, 0.7);
      -webkit-backdrop-filter: saturate(200%) blur(20px); }
  .search-form input {
    display: block;
    background: none;
    color: #fff;
    padding: 12px 24px; }
    .search-form input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.2);
      opacity: 1; }
    .search-form input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.2);
      opacity: 1; }
    .search-form input::-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.2);
      opacity: 1; }
    .search-form input::placeholder {
      color: rgba(255, 255, 255, 0.2);
      opacity: 1; }
  .search-form ::-webkit-search-decoration,
  .search-form ::-webkit-search-cancel-button,
  .search-form ::-webkit-search-results-button,
  .search-form ::-webkit-search-results-decoration {
    display: none;
    -webkit-appearance: none;
            appearance: none; }
  .search-form ::-ms-clear {
    display: none; }
  .search-form [type="reset"] {
    position: absolute;
    top: 15px;
    right: 15px;
    background: url("/media/sprite.png") -615px -291px;
    width: 18px;
    height: 18px;
    opacity: 0.6;
    cursor: pointer; }
    .search-form [type="reset"]:active {
      opacity: 0.8; }
  .search-form .results {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    max-width: 480px;
    overflow-y: auto; }
    .search-form .results a {
      display: block;
      padding: 6px 24px; }
      .search-form .results a:first-child {
        margin-top: 18px; }
      .search-form .results a:last-child {
        margin-bottom: 18px; }
      .search-form .results a:active {
        background: rgba(42, 47, 61, 0.1); }
    .search-form .results time {
      color: rgba(255, 255, 255, 0.6);
      margin-left: 12px;
      float: right; }
    .search-form .results h3, .search-form .results p {
      font-size: 16px;
      line-height: 24px;
      color: #fff;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      margin: 0; }
    .search-form .results p {
      color: rgba(255, 255, 255, 0.6); }
    .search-form .results .highlighted {
      background-color: #ef4141; }
      .search-form .results .highlighted:active {
        background-color: #db3f41; }
  .search-form.active section {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
    background-size: 24px 24px;
    -webkit-animation: barbershop 1.5s linear infinite;
            animation: barbershop 1.5s linear infinite; }
  .search-invoked .search-form {
    display: block; }

.search-invoked {
  overflow: hidden; }

.cta {
  display: inline-block;
  background: #eaeaec;
  border-radius: 6px;
  color: rgba(42, 47, 61, 0.6) !important;
  white-space: nowrap;
  padding: 6px 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .cta:active {
    -webkit-filter: brightness(90%);
            filter: brightness(90%); }
  .cta + .cta {
    margin-left: 0; }
  p .cta {
    margin: 6px 12px 6px 0; }

.take-away {
  display: flex;
  position: relative;
  background: #ef4141;
  background-image: linear-gradient(to bottom, #ef4141, #ba1010);
  min-height: 25vh;
  padding: 96px 0 108px;
  margin-top: -48px;
  overflow: hidden; }
  .take-away::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    height: 1px; }
  .take-away .angle {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; }
    .take-away .angle polygon {
      fill: #f4f5f5; }
    .take-away .angle polygon + polygon {
      fill: #fff; }
  .take-away video, .take-away img.poster {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #2a2f3d;
    width: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    z-index: -1; }
  .take-away article {
    margin: auto; }
  .take-away h1 {
    color: #fff;
    margin: 0; }
  .take-away h2 {
    color: rgba(255, 255, 255, 0.8);
    margin: 0; }
  .take-away .cta {
    background-color: #fff;
    box-shadow: 0 15px 36px rgba(0, 0, 0, 0.1), 0 6px 15px rgba(0, 0, 0, 0.05);
    margin: 12px 0 0 12px;
    float: right; }

.meta cite {
  font-style: normal;
  white-space: nowrap; }
.meta img {
  display: inline-block;
  border-radius: 50%;
  vertical-align: text-bottom;
  width: 18px;
  height: 18px;
  margin: 0;
  -webkit-filter: grayscale(100%) brightness(90%);
          filter: grayscale(100%) brightness(90%); }

footer {
  display: flex;
  justify-content: space-between;
  position: relative;
  font-size: 14px;
  max-width: 984px;
  padding: 30px 12px;
  margin: 60px auto 0; }
  footer::before {
    content: '';
    position: absolute;
    top: 0;
    right: 12px;
    left: 12px;
    background: rgba(42, 47, 61, 0.1);
    height: 1px; }
  footer a {
    color: rgba(42, 47, 61, 0.6); }
    footer a:active {
      color: #2a2f3d; }
  footer nav {
    display: flex; }
  footer ul {
    color: rgba(42, 47, 61, 0.4);
    width: 168px;
    margin: 0; }
  footer li {
    list-style-type: none;
    margin-left: 0; }
    footer li::before {
      display: none; }
  footer div {
    font-size: inherit;
    text-align: right;
    color: rgba(42, 47, 61, 0.4); }
    footer div p {
      margin: 0; }
  footer .version {
    display: inline-block;
    background: #f4f5f5;
    line-height: 18px;
    padding: 0 6px;
    border-radius: 3px;
    margin-right: -6px; }

.features {
  display: flex;
  margin: 30px 72px 30px -12px; }
  .features li {
    flex: 1;
    margin: 0 12px; }
    .features li::before {
      position: static;
      display: block;
      background: url("/media/sprite.png");
      border: none;
      border-radius: 0;
      width: 24px;
      height: 24px;
      margin-top: 0;
      margin-bottom: 12px; }
  .features h4 {
    margin-top: 0; }
  .features p {
    margin-bottom: 0; }

.api-first {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid rgba(42, 47, 61, 0.1);
  max-width: 816px;
  padding-bottom: 72px;
  margin: 60px auto; }
  .api-first article {
    padding: 0;
    margin: auto; }
  .api-first article::before {
    content: '';
    display: block;
    background: url("/media/sprite.png") -624px -132px;
    border: none;
    border-radius: 0;
    width: 60px;
    height: 48px;
    margin-bottom: 12px; }
  .api-first figure {
    flex-shrink: 0;
    position: relative;
    width: 396px;
    height: 240px;
    margin-left: 24px; }
    .api-first figure img {
      position: absolute;
      box-shadow: 0 15px 36px rgba(0, 0, 0, 0.1), 0 6px 15px rgba(0, 0, 0, 0.05);
      border-radius: 6px;
      width: 100%;
      height: 100%;
      margin: 0;
      -webkit-transform: translate(84px, -36px);
              transform: translate(84px, -36px); }
    .api-first figure img + img {
      -webkit-transform: translate(0, 30px);
              transform: translate(0, 30px); }

.anomaly-dna {
  max-width: 840px;
  margin: 60px auto; }
  .anomaly-dna .feature-list-mini {
    flex-direction: row;
    margin-right: 84px; }
    .anomaly-dna .feature-list-mini li {
      margin-right: 12px;
      margin-left: 12px; }

.client-services {
  position: relative;
  width: auto;
  max-width: none;
  padding-right: 0;
  padding-left: 0;
  margin: 60px auto; }
  .client-services li {
    max-width: 480px;
    padding: 30px 336px 30px 0;
    margin: 0 auto; }
    .client-services li::before {
      display: none; }
    .client-services li:last-child {
      position: absolute;
      top: 0;
      right: 50%;
      bottom: 0;
      background: #fff;
      border-radius: 6px;
      box-sizing: border-box;
      box-shadow: 0 15px 36px rgba(0, 0, 0, 0.1), 0 6px 15px rgba(0, 0, 0, 0.05);
      width: 336px;
      padding: 30px 54px;
      margin-right: -462px; }
  .client-services h4 {
    position: relative;
    margin-top: 0; }
    .client-services h4::before {
      content: '';
      position: absolute;
      left: -36px;
      background: url("/media/sprite.png");
      width: 24px;
      height: 24px; }
  .client-services p {
    margin-bottom: 0; }
  .client-services .feature-working-prototypes h4::before {
    background-position: -228px -252px; }
  .client-services .feature-true-applications h4::before {
    background-position: -228px -288px; }
  .client-services .feature-technology-stack h4 {
    padding-top: 24px;
    clear: both; }
    .client-services .feature-technology-stack h4::before {
      display: none; }
  .client-services .feature-technology-stack i {
    background: url("/media/sprite.png");
    width: 72px;
    height: 72px;
    margin: -6px;
    float: left; }
    .client-services .feature-technology-stack i + i {
      margin-left: 18px; }
    .client-services .feature-technology-stack i.tech-python {
      background-position: -402px -198px; }
    .client-services .feature-technology-stack i.tech-app-engine {
      background-position: -474px -198px; }
    .client-services .feature-technology-stack i.tech-prestans {
      background-position: -546px -198px; }

.case-studies {
  overflow: hidden;
  margin: -60px auto; }
  .case-studies div {
    display: flex;
    align-items: center;
    max-width: 840px;
    padding: 60px;
    margin: 0 auto; }
  .case-studies article {
    box-sizing: border-box;
    width: 50%;
    padding: 0 12px;
    margin: 0; }
  .case-studies section {
    padding: 24px;
    margin: -24px 60px -24px -24px; }
    .case-studies section + section {
      margin-top: 36px; }
    .case-studies section::before {
      content: '';
      display: block;
      background: url("/media/sprite.png") -12px -132px;
      width: 120px;
      height: 120px;
      margin: -9px; }
    .case-studies section.case-study-gpa-connect::before {
      background-position: -138px -126px; }
    .case-studies section.case-study-smart-tools::before {
      background-position: -6px -126px; }
  .case-studies h3, .case-studies p {
    margin-bottom: 0; }
  .case-studies h4 {
    margin-top: 0; }
  .case-studies figure {
    position: relative;
    box-sizing: border-box;
    width: 50%;
    padding: 0 12px;
    margin: 0; }
    .case-studies figure img {
      border-radius: 6px;
      box-shadow: 0 15px 36px rgba(0, 0, 0, 0.1), 0 6px 15px rgba(0, 0, 0, 0.05);
      max-width: none;
      max-height: 100%;
      margin: 0;
      -webkit-transform: translate(0, 30px);
              transform: translate(0, 30px); }
    .case-studies figure img + img {
      position: absolute;
      top: 0;
      left: 12px;
      -webkit-transform: translate(114px, -30px);
              transform: translate(114px, -30px); }

.product-spotlight {
  display: flex;
  max-width: 1008px;
  margin: 60px auto; }
  .product-spotlight article {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background: rgba(42, 47, 61, 0.05);
    border-radius: 6px;
    padding: 24px 84px 60px;
    margin: 0 12px;
    overflow: hidden; }
  .product-spotlight .icon {
    display: block;
    background: url("/media/sprite.png");
    width: 120px;
    height: 120px;
    margin: 0 auto; }
  .product-spotlight h3, .product-spotlight p {
    text-align: center;
    margin: 0; }
  .product-spotlight .features {
    flex-direction: column;
    margin-right: 0;
    margin-left: 0; }
    .product-spotlight .features li {
      margin: 6px 0 6px 36px; }
    .product-spotlight .features li::before {
      margin: 0 0 0 -36px;
      float: left; }

.project-promote {
  display: flex;
  max-width: 1008px;
  margin: auto; }
  .project-promote article {
    padding: 18px;
    min-height: 216px;
    margin: 0 auto 0 auto;
    background: rgba(42, 47, 61, 0.05);
    border-radius: 6px;
    width: 31%; }
    .project-promote article h3 {
      font-size: 18px; }
    .project-promote article .cta {
      background-color: #7bc96f;
      color: #fff !important; }

.pulse-ribbon {
  display: flex;
  align-items: center; }
  .pulse-ribbon a:first-child {
    max-width: 564px; }
    .pulse-ribbon a:first-child::before, .pulse-ribbon a:first-child::after {
      content: '';
      position: absolute;
      top: 50%;
      left: -42px;
      border-radius: 50%; }
    .pulse-ribbon a:first-child::before {
      background: #ef4141;
      box-shadow: 0 0 0 2px #fef6f6;
      width: 12px;
      height: 12px;
      margin: -6px 0 0 -6px; }
    .pulse-ribbon a:first-child::after {
      border: 6px solid rgba(239, 65, 65, 0.4);
      box-shadow: 0 0 6px rgba(239, 65, 65, 0.2);
      width: 84px;
      height: 84px;
      margin: -48px 0 0 -48px;
      -webkit-animation: pulse 6s infinite;
              animation: pulse 6s infinite; }
    .pulse-ribbon a:first-child p {
      margin: 0; }
    .pulse-ribbon a:first-child p + p {
      margin-top: 12px; }
    .pulse-ribbon a:first-child h3 {
      color: #ef4141;
      margin: 0; }
    .pulse-ribbon a:first-child:active h3 {
      color: #c83d40; }
  .pulse-ribbon .cta {
    margin-left: auto; }

.post {
  max-width: 672px;
  margin: 90px auto; }
  .post > *:first-child {
    margin: 0 0 12px !important; }
  .post > *:last-child {
    margin-bottom: 0 !important; }
  .post .meta {
    margin: 0; }
  .post .tags {
    margin: 6px -3px 36px; }
    .post .tags::after {
      content: '';
      display: block;
      clear: both; }
    .post .tags a {
      background: rgba(42, 47, 61, 0.1);
      line-height: 24px;
      border-radius: 12px;
      color: rgba(42, 47, 61, 0.6);
      padding: 0 12px;
      margin: 0 3px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      float: left; }
      .post .tags a:active {
        color: #2a2f3d; }
  .post h2 {
    font-size: 24px;
    line-height: 36px; }

.focus-areas {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  max-width: 1008px;
  margin: 60px auto; }
  .focus-areas a {
    flex: 1;
    position: relative;
    box-sizing: border-box;
    color: #2a2f3d;
    padding: 0 12px; }
    .focus-areas a::before {
      content: '';
      display: block;
      background-image: url("/media/sprite.png");
      width: 120px;
      height: 120px;
      margin: 0 auto 12px; }
    .focus-areas a:active::before {
      -webkit-filter: brightness(80%);
              filter: brightness(80%); }
    .focus-areas a h4 {
      margin-top: 0; }
  .focus-areas [href="/capabilities/"]::before {
    border-radius: 30px;
    background-color: #FFD507;
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/mark-wattle.svg); }
  .focus-areas [href="/open-source/"]::before {
    background-position: -138px -6px; }
  .focus-areas [href="/case-studies/"]::before {
    background-position: -138px -126px; }
  .focus-areas [href="/blog/"]::before {
    background-position: -534px -6px; }

.view-home .menu-bar a {
  color: #fff !important; }
  .view-home .menu-bar a:active {
    color: rgba(255, 255, 255, 0.8) !important; }
  .view-home .menu-bar a.selected {
    background-color: rgba(42, 47, 61, 0.4); }
.view-home .menu-bar .mark path {
  fill: #fff; }
.view-home .menu-bar .mark:active path {
  fill: rgba(255, 255, 255, 0.8); }
.view-home .menu-bar .menu-control span {
  background-color: #fff; }
.view-home .menu-bar .search {
  background-position: -540px -288px; }

.view-company .menu-bar a {
  color: #fff !important; }
  .view-company .menu-bar a:active {
    color: rgba(255, 255, 255, 0.8) !important; }
  .view-company .menu-bar a.selected {
    background-color: rgba(42, 47, 61, 0.4); }
.view-company .menu-bar .mark path {
  fill: #fff; }
.view-company .menu-bar .mark:active path {
  fill: rgba(255, 255, 255, 0.8); }
.view-company .menu-bar .menu-control span {
  background-color: #fff; }
.view-company .menu-bar .search {
  background-position: -540px -288px; }
.view-company .menu-bar {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
  .view-company .menu-bar a.selected {
    background-color: rgba(42, 47, 61, 0.6); }
.view-company .take-away {
  background: none; }
  .view-company .take-away::after {
    display: none; }
  .view-company .take-away .angle {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  .view-company .take-away + article h1 {
    color: #ef4141;
    margin-bottom: 0; }
  .view-company .take-away + article h2 {
    font-size: 24px;
    line-height: 36px;
    margin-top: 0; }
.view-company .what::before {
  content: '';
  display: block;
  background: url("/media/sprite.png") -276px -261px;
  width: 48px;
  height: 6px;
  margin: 0 auto;
  opacity: 0.2; }
.view-company .what .features li::before {
  width: 60px;
  height: 60px; }
.view-company .how {
  background: rgba(42, 47, 61, 0.05);
  padding: 60px 0; }
  .view-company .how article {
    margin-top: 0;
    margin-bottom: 0; }
.view-company .feature-first-principles::before {
  background-position: -12px -324px; }
.view-company .feature-adaptable::before {
  background-position: -84px -324px; }
.view-company .feature-robust::before {
  background-position: -156px -324px; }
.view-company .feature-prototypes::before {
  background-position: -228px -252px; }
.view-company .feature-delivery::before {
  background-position: -120px -288px; }
.view-company .feature-ever-evolving::before {
  background-position: -156px -288px; }

.view-capabilities .menu-bar a {
  color: #fff !important; }
  .view-capabilities .menu-bar a:active {
    color: rgba(255, 255, 255, 0.8) !important; }
  .view-capabilities .menu-bar a.selected {
    background-color: rgba(42, 47, 61, 0.4); }
.view-capabilities .menu-bar .mark path {
  fill: #fff; }
.view-capabilities .menu-bar .mark:active path {
  fill: rgba(255, 255, 255, 0.8); }
.view-capabilities .menu-bar .menu-control span {
  background-color: #fff; }
.view-capabilities .menu-bar .search {
  background-position: -540px -288px; }
.view-capabilities .take-away {
  background-color: #279ef5;
  background-image: linear-gradient(to bottom, #279ef5, #0868ae); }
.view-capabilities article a {
  color: #279ef5; }
  .view-capabilities article a:active {
    color: #2888d0; }
.view-capabilities .pulse-ribbon a::before {
  background-color: #279ef5;
  box-shadow: 0 0 0 2px #f4faff; }
.view-capabilities .pulse-ribbon a::after {
  border-color: rgba(39, 158, 245, 0.4);
  box-shadow: 0 0 6px rgba(39, 158, 245, 0.2); }
.view-capabilities .pulse-ribbon a h3 {
  color: #0868ae; }
.view-capabilities .pulse-ribbon a:active h3 {
  color: #2888d0; }
.view-capabilities .list {
  width: 840px;
  margin: auto;
  display: grid;
  grid-gap: 12px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr; }
  .view-capabilities .list article {
    margin: 30px 0; }
.view-capabilities .feature-designed-in-code::before {
  background-position: -12px -288px; }
.view-capabilities .feature-built-to-scale::before {
  background-position: -48px -288px; }
.view-capabilities .feature-quality-control::before {
  background-position: -84px -288px; }
.view-capabilities .product-spotlight {
  /* @todo .spotlight-twine-ios used to inherit these classes */ }
  .view-capabilities .product-spotlight .spotlight-twine .icon {
    background-position: -6px -6px; }
  .view-capabilities .product-spotlight .spotlight-wattle {
    background-color: rgba(42, 47, 61, 0.8); }
    .view-capabilities .product-spotlight .spotlight-wattle .icon {
      /* background-position: -270px -126px; */
      background-size: 85%;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url(/assets/mark-wattle.svg); }
    .view-capabilities .product-spotlight .spotlight-wattle h3 {
      color: #fff; }
    .view-capabilities .product-spotlight .spotlight-wattle p, .view-capabilities .product-spotlight .spotlight-wattle ul {
      color: rgba(255, 255, 255, 0.6); }
  .view-capabilities .product-spotlight .feature-tasks::before {
    background-position: -228px -324px; }
  .view-capabilities .product-spotlight .feature-tags::before {
    background-position: -264px -324px; }
  .view-capabilities .product-spotlight .feature-taskpads::before {
    background-position: -300px -324px; }
  .view-capabilities .product-spotlight .feature-metadata::before {
    background-position: -372px -324px; }
  .view-capabilities .product-spotlight .feature-notifications::before {
    background-position: -336px -324px; }
  .view-capabilities .product-spotlight .feature-discussion::before {
    background-position: -408px -324px; }
  .view-capabilities .product-spotlight .cta {
    background-color: #279ef5;
    color: #fff !important; }
    .view-capabilities .product-spotlight .cta.disabled {
      background: rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.6) !important;
      -webkit-filter: none;
              filter: none;
      cursor: default; }

.view-open-source .take-away {
  background-color: #7bc96f;
  background-image: linear-gradient(to bottom, #7bc96f, #469939); }
.view-open-source article a {
  color: #7bc96f; }
  .view-open-source article a:active {
    color: #6baa65; }
.view-open-source .pulse-ribbon a::before {
  background-color: #7bc96f;
  box-shadow: 0 0 0 2px #f8fcf8; }
.view-open-source .pulse-ribbon a::after {
  border-color: rgba(123, 201, 111, 0.4);
  box-shadow: 0 0 6px rgba(123, 201, 111, 0.2); }
.view-open-source .pulse-ribbon a h3 {
  color: #469939; }
.view-open-source .pulse-ribbon a:active h3 {
  color: #6baa65; }
.view-open-source .menu-bar {
  background: rgba(255, 255, 255, 0.95); }
  .view-open-source .menu-bar .mark {
    color: #7bc96f; }
    .view-open-source .menu-bar .mark path {
      fill: #7bc96f; }
    .view-open-source .menu-bar .mark:active {
      color: #6baa65; }
      .view-open-source .menu-bar .mark:active path {
        fill: #6baa65; }
.view-open-source.backdropfilter .menu-bar {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: saturate(200%) blur(20px); }
.view-open-source .take-away {
  flex-direction: column;
  background: none;
  height: 50vh;
  max-height: 456px;
  padding: 0;
  overflow: visible; }
  .view-open-source .take-away svg {
    position: absolute;
    bottom: 132px;
    left: 0;
    width: 100%;
    height: 324px; }
    .view-open-source .take-away svg rect:not([fill]) {
      fill: #fff; }
  .view-open-source .take-away article {
    box-sizing: border-box;
    padding: 0 96px;
    margin-bottom: 0; }
    .view-open-source .take-away article svg {
      fill: #7bc96f; }
  .view-open-source .take-away h1 {
    color: #7bc96f; }
  .view-open-source .take-away h2 {
    font-size: 24px;
    line-height: 36px;
    color: #2a2f3d; }
  .view-open-source .take-away .cta {
    background-color: #eaeaec;
    margin-right: -84px; }
.view-open-source .prestans {
  margin: 60px auto; }
  .view-open-source .prestans article {
    padding-left: 96px; }
  .view-open-source .prestans .features {
    margin-right: -12px; }
    .view-open-source .prestans .features li::before {
      width: 60px;
      height: 60px; }
  .view-open-source .prestans .icon {
    background: url("/media/sprite.png") -138px -6px;
    width: 120px;
    height: 120px;
    margin-left: -156px;
    float: left; }
  .view-open-source .prestans h3 {
    margin-top: 0; }
.view-open-source .feature-no-dependencies::before {
  background-position: -408px -132px; }
.view-open-source .feature-data-integrity::before {
  background-position: -480px -132px; }
.view-open-source .feature-client-agnostic::before {
  background-position: -552px -132px; }
.view-open-source .product-spotlight .spotlight-vishnu .icon {
  background-position: -270px -6px; }
.view-open-source .product-spotlight .spotlight-silhouette .icon {
  background-position: -402px -6px; }
.view-open-source .product-spotlight .feature-tamper-proof::before {
  background-position: -12px -252px; }
.view-open-source .product-spotlight .feature-security::before {
  background-position: -48px -252px; }
.view-open-source .product-spotlight .feature-cusomisable::before {
  background-position: -84px -252px; }
.view-open-source .product-spotlight .feature-version-controllable::before {
  background-position: -120px -252px; }
.view-open-source .product-spotlight .feature-external::before {
  background-position: -156px -252px; }
.view-open-source .product-spotlight .feature-buildfarm-friendly::before {
  background-position: -192px -252px; }
.view-open-source .product-spotlight .cta {
  background-color: #7bc96f;
  color: #fff !important; }
  .view-open-source .product-spotlight .cta.disabled {
    background: rgba(42, 47, 61, 0.1);
    color: rgba(42, 47, 61, 0.6) !important;
    -webkit-filter: none;
            filter: none;
    cursor: default; }

.view-case-studies .menu-bar a {
  color: #fff !important; }
  .view-case-studies .menu-bar a:active {
    color: rgba(255, 255, 255, 0.8) !important; }
  .view-case-studies .menu-bar a.selected {
    background-color: rgba(42, 47, 61, 0.4); }
.view-case-studies .menu-bar .mark path {
  fill: #fff; }
.view-case-studies .menu-bar .mark:active path {
  fill: rgba(255, 255, 255, 0.8); }
.view-case-studies .menu-bar .menu-control span {
  background-color: #fff; }
.view-case-studies .menu-bar .search {
  background-position: -540px -288px; }
.view-case-studies .take-away {
  background-color: #BC6694;
  background-image: linear-gradient(to bottom, #BC6694, #833961); }
.view-case-studies article a {
  color: #BC6694; }
  .view-case-studies article a:active {
    color: #9f5b83; }
.view-case-studies .pulse-ribbon a::before {
  background-color: #BC6694;
  box-shadow: 0 0 0 2px #fcf7fa; }
.view-case-studies .pulse-ribbon a::after {
  border-color: rgba(188, 102, 148, 0.4);
  box-shadow: 0 0 6px rgba(188, 102, 148, 0.2); }
.view-case-studies .pulse-ribbon a h3 {
  color: #833961; }
.view-case-studies .pulse-ribbon a:active h3 {
  color: #9f5b83; }
.view-case-studies .take-away .angle {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }
.view-case-studies .feature-designed-in-code::before {
  background-position: -120px -288px; }
.view-case-studies .feature-built-to-scale::before {
  background-position: -156px -288px; }
.view-case-studies .feature-quality-control::before {
  background-position: -192px -288px; }

.view-contact .menu-bar a {
  color: #fff !important; }
  .view-contact .menu-bar a:active {
    color: rgba(255, 255, 255, 0.8) !important; }
  .view-contact .menu-bar a.selected {
    background-color: rgba(42, 47, 61, 0.4); }
.view-contact .menu-bar .mark path {
  fill: #fff; }
.view-contact .menu-bar .mark:active path {
  fill: rgba(255, 255, 255, 0.8); }
.view-contact .menu-bar .menu-control span {
  background-color: #fff; }
.view-contact .menu-bar .search {
  background-position: -540px -288px; }
.view-contact .take-away {
  background-color: #8f53c3;
  background-image: linear-gradient(to bottom, #8f53c3, #5b2e82); }
.view-contact article a {
  color: #8f53c3; }
  .view-contact article a:active {
    color: #7b4ca8; }
.view-contact .pulse-ribbon a::before {
  background-color: #8f53c3;
  box-shadow: 0 0 0 2px #f9f6fc; }
.view-contact .pulse-ribbon a::after {
  border-color: rgba(143, 83, 195, 0.4);
  box-shadow: 0 0 6px rgba(143, 83, 195, 0.2); }
.view-contact .pulse-ribbon a h3 {
  color: #5b2e82; }
.view-contact .pulse-ribbon a:active h3 {
  color: #7b4ca8; }
.view-contact .map-canvas {
  background-color: #e5e3df;
  border-radius: 6px;
  max-width: 984px;
  height: 480px;
  margin: 60px auto 0; }
.view-contact .feature-support::before {
  background-position: -276px -288px; }
.view-contact .feature-enquiries::before {
  background-position: -312px -288px; }
.view-contact .feature-accounts::before {
  background-position: -348px -288px; }
.view-contact .feature-office::before {
  background-position: -384px -288px; }
.view-contact .feature-postal::before {
  background-position: -420px -288px; }
.view-contact .feature-hours::before {
  background-position: -456px -288px; }

.view-brand .swatch {
  display: inline-block;
  border-radius: 3px;
  line-height: 18px;
  text-indent: -9999em;
  width: 18px;
  margin-right: 3px; }
  .view-brand .swatch.swatch-red {
    background-color: #ef4141; }
  .view-brand .swatch.swatch-purple {
    background-color: #8f53c3; }
  .view-brand .swatch.swatch-white {
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #d4d5d8; }
  .view-brand .swatch.swatch-charcoal {
    background-color: #2a2f3d; }

.view-release-notes h2, .view-release-notes h3, .view-release-notes h4 {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 6px; }
.view-release-notes time {
  font-weight: normal; }
.view-release-notes article ul {
  margin-top: 6px; }
  .view-release-notes article ul:last-child li {
    padding-left: 0; }
.view-release-notes article li {
  padding-left: 108px;
  margin-left: 0; }
  .view-release-notes article li + li {
    margin-top: 6px; }
.view-release-notes article ul li::before {
  display: none; }
.view-release-notes i {
  background-color: #279ef5;
  border-radius: 6px;
  font-style: normal;
  text-align: center;
  color: #fff;
  width: 96px;
  margin-left: -108px;
  float: left; }
  .view-release-notes i.adds {
    background-color: #7bc96f; }
  .view-release-notes i.fixes {
    background-color: #BC6694; }
  .view-release-notes i.drops {
    background-color: #ef4141; }
  .view-release-notes i.restores {
    background-color: #8f53c3; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .menu-bar .search,
  .features li::before,
  .api-first article::before,
  .client-services h4::before,
  .client-services .feature-technology-stack i,
  .case-studies section::before,
  .focus-areas a::before,
  .product-spotlight .icon,
  .search-form [type="reset"],
  .view-company .what::before {
    background-image: url("/media/sprite@2x.png");
    background-size: 708px; } }
@media (max-width: 1032px) {
  .view-capabilities .list {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    width: auto; }

  .menu-bar a {
    padding-right: 6px;
    padding-left: 6px; }
  .menu-bar .mark {
    padding-left: 36px; }
    .menu-bar .mark svg {
      left: 3px; }
  .menu-bar .search {
    margin-right: 6px;
    margin-left: 6px; }

  .api-first {
    border-bottom: none;
    padding: 0 12px;
    margin-top: 24px;
    margin-bottom: 24px; }
    .api-first article::before {
      float: left; }
    .api-first h3 {
      padding-left: 72px;
      margin-top: 6px; }
    .api-first figure {
      display: none; } }
@media (max-width: 888px) {
  h1, h2 {
    font-size: 24px;
    line-height: 36px; }

  article {
    margin-top: 24px;
    margin-bottom: 24px; }

  .menu-bar a {
    display: none; }
  .menu-bar .mark, .menu-bar .search, .menu-bar .menu-control {
    display: inherit; }
  .menu-bar .search {
    position: absolute;
    left: 50%;
    margin-left: -12px; }

  .take-away {
    min-height: 0;
    padding-top: 60px;
    padding-bottom: 48px; }
    .take-away .angle {
      height: 30px; }
    .take-away .cta {
      display: none; }

  .focus-areas {
    text-align: left;
    margin-top: 24px;
    margin-bottom: 24px; }
    .focus-areas a {
      flex: inherit;
      padding-left: 84px; }
      .focus-areas a + a {
        margin-top: 24px; }
      .focus-areas a::before {
        position: absolute;
        top: -36px;
        left: -18px;
        -webkit-transform: scale(0.5);
                transform: scale(0.5); }
      .focus-areas a h4 {
        margin-bottom: 0; }
      .focus-areas a p {
        margin: 0; }

  .pulse-ribbon .cta {
    display: none; }

  .features {
    flex-direction: column;
    margin: 24px 0; }
    .features li {
      margin: 0; }
      .features li + li {
        margin-top: 24px; }
      .features li::before {
        position: absolute;
        top: 0;
        left: 0; }
      .features li h4 {
        padding-left: 36px;
        margin-top: 0;
        margin-bottom: 12px; }
      .features li p {
        margin: 0; }

  .product-spotlight {
    flex-direction: column;
    margin-top: 24px;
    margin-bottom: 24px; }
    .product-spotlight article {
      align-items: flex-start;
      width: auto;
      padding-right: 24px;
      padding-bottom: 24px;
      padding-left: 24px;
      margin: 0 12px 12px; }
    .product-spotlight .icon + .icon {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      margin: -30px -30px -24px; }
    .product-spotlight p {
      text-align: left; }
    .product-spotlight .features {
      margin-top: 18px;
      margin-bottom: 18px; }

  .project-promote {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex: 3 1 auto; }
    .project-promote article {
      margin: 0 12px 12px; }

  footer {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 24px;
    display: flex;
    flex-direction: column-reverse; }
    footer nav {
      display: none; }
    footer small {
      text-align: left;
      margin-left: 0; }

  .menu-open {
    overflow: hidden; }
    .menu-open .menu-bar a {
      color: #fff !important; }
      .menu-open .menu-bar a:active {
        color: rgba(255, 255, 255, 0.8) !important; }
      .menu-open .menu-bar a.selected {
        background-color: rgba(42, 47, 61, 0.4); }
    .menu-open .menu-bar .mark path {
      fill: #fff; }
    .menu-open .menu-bar .mark:active path {
      fill: rgba(255, 255, 255, 0.8); }
    .menu-open .menu-bar .menu-control span {
      background-color: #fff; }
    .menu-open .menu-bar .search {
      background-position: -540px -288px; }
    .menu-open .menu-bar .menu-control span {
      background-color: #fff; }
      .menu-open .menu-bar .menu-control span:nth-child(1), .menu-open .menu-bar .menu-control span:nth-child(4) {
        opacity: 0; }
      .menu-open .menu-bar .menu-control span:nth-child(2) {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .menu-open .menu-bar .menu-control span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .menu-open footer nav {
      display: block;
      flex-direction: column;
      position: fixed;
      top: -12px;
      right: -12px;
      bottom: -12px;
      left: -12px;
      background: rgba(42, 47, 61, 0.95);
      border-top: 60px solid transparent;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
      padding: 24px;
      overflow-y: auto; }
      .menu-open footer nav ul {
        text-align: center;
        width: 100%; }
        .menu-open footer nav ul + ul {
          border-top: 1px solid rgba(255, 255, 255, 0.2);
          padding-top: 12px;
          margin-top: 12px; }
      .menu-open footer nav a {
        display: block;
        color: #fff; }
        .menu-open footer nav a:active {
          color: rgba(255, 255, 255, 0.8); }
    .menu-open.backdropfilter footer nav {
      background-color: rgba(42, 47, 61, 0.7);
      -webkit-backdrop-filter: saturate(200%) blur(20px); }

  .post {
    margin-top: 30px;
    margin-bottom: 30px; }

  .appstore-advert {
    flex-direction: column; }
    .appstore-advert p {
      text-align: center; }

  .client-services {
    margin-top: 24px;
    margin-bottom: 24px; }
    .client-services h4 {
      margin-bottom: 0; }
    .client-services p {
      margin-top: 0; }
    .client-services ul {
      padding: 0 12px; }
    .client-services li {
      max-width: none;
      padding: 0 0 0 36px; }
    .client-services li + li {
      margin-top: 18px; }
    .client-services li:last-child {
      position: static;
      background: none;
      box-shadow: none;
      width: auto;
      padding: 0 36px;
      margin-right: auto; }

  .case-studies {
    margin: 0; }
    .case-studies div {
      padding: 18px 0; }
    .case-studies section {
      padding: 0;
      margin: 0; }
    .case-studies section::before {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      margin: -48px -30px; }
    .case-studies article {
      width: auto; }
    .case-studies figure {
      display: none; }

  .view-company .what .features li {
    padding-left: 72px; }
    .view-company .what .features li::before {
      top: -6px; }
    .view-company .what .features li h4 {
      padding-left: 0;
      margin-bottom: 0; }
  .view-company .how {
    padding-top: 24px;
    padding-bottom: 24px; }

  .view-open-source.menu-open .menu-bar {
    background: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none; }
  .view-open-source .take-away svg {
    bottom: 108px; }
  .view-open-source .take-away article {
    padding: 12px; }
  .view-open-source .prestans {
    margin-top: 24px;
    margin-bottom: 24px; }
    .view-open-source .prestans article {
      padding-left: 12px; }
    .view-open-source .prestans .features li {
      padding-left: 72px; }
      .view-open-source .prestans .features li::before {
        top: -6px; }
      .view-open-source .prestans .features li h4 {
        padding-left: 0;
        margin-bottom: 0; }

  .view-contact .map-canvas {
    border-radius: 0;
    max-width: none;
    height: 360px;
    margin-top: 24px;
    margin-bottom: 24px; } }