.home-hero, #how {
  color: #EDEFF2;
  font-family: Inter, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.55;
}
.home-hero a:hover, #how a:hover { filter: brightness(1.08); }
.home-hero a:focus-visible, #how a:focus-visible,
.home-hero button:focus-visible, .home-hero [role="tabpanel"]:focus-visible {
  outline: 2px solid #2F6E60;
  outline-offset: 4px;
}
.home-hero #watchDemo { font-family: inherit; cursor: pointer; }
.product-preview, #how .how-step { overflow-wrap: anywhere; }
.preview-toolbar { flex-wrap: wrap; }
.vs-tab {
  font: inherit;
  font-size: 14px;
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 10px 0;
  margin-bottom: -1px;
  cursor: pointer;
  min-height: 44px;
  color: #5D6672;
  font-weight: 500;
}
.vs-tab[aria-selected="true"] { color: #1C2735; font-weight: 600; border-bottom-color: #2F6E60; }
.product-preview [hidden] { display: none !important; }
#how { padding: 0; }
#how .how-steps { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)) !important; }
#how .how-step { min-width: 0; }
#how .how-integrations { text-align: center; }
#how .how-integrations p { color: #9AA3AF; margin-bottom: 20px; }
@media (max-width: 820px) {
  .home-hero .app-side { display: none !important; }
}
@media (max-width: 480px) {
  .home-hero .preview-main { padding: 16px !important; }
  #how .how-step { padding: 20px !important; }
}