html, body { margin: 0; padding: 0; background: #FFFFFF; }
body { font-family: Archivo, system-ui, sans-serif; color: #141B20; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: #2E414D; text-decoration: none; }
a:hover { color: #141B20; }
img { max-width: 100%; }
[hidden] { display: none !important; }
[role="button"] { user-select: none; }
[role="button"]:focus-visible, a:focus-visible { outline: 2px solid #2E414D; outline-offset: 2px; }
input:focus, textarea:focus { outline: 2px solid #2E414D; outline-offset: -1px; }

.hv0:hover { color:#FFFFFF !important }
.hv1:hover { background:#2E414D !important }
.hv2:hover { background:#EEF1F3 !important }
.hv3:hover { background:#1B2A2C !important; border-color:#3C4E50 !important }
.hv4:hover { background:#3A4F5A !important }
.hv5:hover { background:#F5F7F8 !important }
.hv6:hover { color:#2E414D !important }
.hv7:hover { background:#F7F9FA !important }

.menu-btn { display: none; }

@media (max-width: 960px) {
  .site-header > div { align-items: center !important; }
  .menu-btn { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 44px; height: 44px; margin-left: auto; padding: 0; background: none; border: 1px solid #37454E; cursor: pointer; }
  .menu-btn span { display: block; width: 18px; height: 2px; background: #FFFFFF; }
  .site-nav { display: none !important; flex-basis: 100% !important; flex-direction: column !important; padding-bottom: 12px; }
  .site-header.open .site-nav { display: flex !important; }
  .site-nav a { padding: 14px 2px !important; font-size: 13px !important; border-bottom: 1px solid #26323A !important; }
  .site-nav a[aria-current] { color: #FFFFFF !important; }
}

@media (max-width: 900px) {
  .g-split { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
  .g-multi { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .g-stats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .row-sb { flex-wrap: wrap !important; }
  main h1 { font-size: 40px !important; }
  main h2 { font-size: 30px !important; }
}

@media (max-width: 600px) {
  .wrap { padding-left: 20px !important; padding-right: 20px !important; }
  .site-header > div { padding-left: 20px !important; padding-right: 20px !important; }
  .g-multi { grid-template-columns: minmax(0, 1fr) !important; }
  .g-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .g-logos { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  main h1 { font-size: 34px !important; }
  main h2 { font-size: 26px !important; }
  main section { padding-top: 48px; }
  input, textarea { font-size: 16px !important; }
  #form-panel, #sent-panel { margin: 0; }
}