* { box-sizing: border-box; }
body { margin: 0; background: #0b0b0b; font-family: Karla, sans-serif; color: #141414; }
a { color: inherit; text-decoration: none; }
a:hover { opacity: .7; }
.weux-input::placeholder { color: #7a746a; }
select.weux-input { -webkit-appearance: none; appearance: none; cursor: pointer; }
.weux-input:focus, .wx-handle-wrap:focus-within { border-color: #fff !important; background: #242424 !important; }
.wx-submit-btn:hover { opacity: .82; }
.wx-reset-btn { background: none; border: none; font-family: Jost; font-weight: 400; font-size: 13px; letter-spacing: .2em; color: #8a857c; text-transform: uppercase; cursor: pointer; }
@keyframes weuxFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.benefit { transition: transform .35s ease; }
.benefit:hover { transform: translateX(10px); }

@media (max-width: 860px) {
  .wx-section { padding-left: 26px !important; padding-right: 26px !important; padding-top: 84px !important; padding-bottom: 84px !important; }
  .wx-hero { min-height: 92vh !important; }
  .wx-topbar { padding: 26px 26px !important; }
  .wx-herobottom { padding: 0 26px 56px !important; }
  .wx-h1 { font-size: 54px !important; line-height: .98 !important; }
  .wx-h2 { font-size: 34px !important; }
  .wx-manifesto { font-size: 27px !important; }
  .wx-grid-2, .wx-grid-4, .wx-form-grid, .wx-form-fields { grid-template-columns: 1fr !important; }
  .wx-form-fields > label { grid-column: auto !important; }
  .wx-grid-2 { column-gap: 0 !important; row-gap: 0 !important; }
  .wx-form-grid { gap: 56px !important; }
  .wx-benefit-col2 { margin-top: 0 !important; }
  .wx-stats { flex-direction: column !important; gap: 34px !important; align-items: center !important; }
  .wx-community { height: auto !important; min-height: 76vh !important; }
  .wx-community-inner { padding: 0 26px !important; }
  .wx-form-sticky { position: static !important; }
  .wx-footer-inner { flex-direction: column !important; align-items: flex-start !important; gap: 28px !important; }
  .wx-footer-links { flex-wrap: wrap !important; gap: 20px 28px !important; }
}
@media (max-width: 480px) {
  .wx-h1 { font-size: 40px !important; }
  .wx-h2 { font-size: 28px !important; }
  .wx-manifesto { font-size: 22px !important; }
  .wx-grid-4 { grid-template-columns: 1fr 1fr !important; }
}