body { margin: 0; background: #F7F6F3; }
* { box-sizing: border-box; }
a { color: #00796A; text-decoration: none; }
a:hover { color: #00A98F; text-decoration: underline; }
::selection { background: #3EE8B8; color: #10202B; }
input, button, select, textarea { font-family: 'IBM Plex Sans', sans-serif; }
input:focus-visible, button:focus-visible, a:focus-visible { outline: 2px solid #00A98F; outline-offset: 2px; }
button { font-family: 'IBM Plex Sans', sans-serif; }
h1, h2, h3, p { text-wrap: pretty; }

.nav-link { color: #3A4145; text-decoration: none; }
.nav-link:hover { color: #00796A; text-decoration: none; }

.btn-primary { border: none; background: #096355; color: #F7F6F3; font-size: 15px; font-weight: 500; padding: 17px 30px; cursor: pointer; display: inline-block; text-decoration: none; }
.btn-primary:hover { background: #00796A; color: #F7F6F3; text-decoration: none; }
.btn-outline { border: 1px solid #096355; background: transparent; color: #096355; font-size: 15px; font-weight: 500; padding: 17px 30px; cursor: pointer; display: inline-block; text-decoration: none; }
.btn-outline:hover { background: #EAF2F0; color: #096355; text-decoration: none; }
.btn-aqua { border: none; background: #3EE8B8; color: #10202B; font-size: 15px; font-weight: 500; padding: 17px 30px; cursor: pointer; display: inline-block; text-decoration: none; }
.btn-aqua:hover { background: #6FEFCC; color: #10202B; text-decoration: none; }
.btn-ondark { border: 1px solid rgba(247,246,243,0.32); background: transparent; color: #F7F6F3; font-size: 15px; font-weight: 500; padding: 17px 30px; cursor: pointer; display: inline-block; text-decoration: none; }
.btn-ondark:hover { background: rgba(247,246,243,0.08); color: #F7F6F3; text-decoration: none; }
.btn-nav { border: none; background: #096355; color: #F7F6F3; font-size: 14px; font-weight: 500; padding: 12px 22px; letter-spacing: 0.01em; display: inline-block; text-decoration: none; }
.btn-nav:hover { background: #00796A; color: #F7F6F3; text-decoration: none; }
.btn-ink { border: none; background: #10202B; color: #F7F6F3; font-size: 15px; font-weight: 500; padding: 17px 30px; cursor: pointer; display: inline-block; text-decoration: none; }
.btn-ink:hover { background: #1E3442; color: #F7F6F3; text-decoration: none; }

@media (max-width: 1024px) {
  .g2, .g3, .g4, .g5 { grid-template-columns: 1fr !important; }
  header nav .nav-link { display: none !important; }
  header nav { gap: 0 !important; }
}