html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body {
  margin: 0;
  background: var(--bg-landing);
  color: #2b2b2b;
  font-size: 1.15em;
  line-height: 1.6;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3 {
  color: var(--ink-900);
  margin: 0 0 0.4em;
}
h1 {
  font-size: clamp(2rem, 3vw + 1rem, 3rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  text-align: center;
}
h2 {
  font-size: clamp(1.6rem, 2.2vw + 0.6rem, 2.3rem);
  font-weight: 800;
  text-align: center;
}
h3 {
  font-size: 1.25rem;
  font-weight: 800;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.hidden {
  display: none !important;
}

.logo {
  font-weight: 700;
  font-size: 1.3rem;
  letter-spacing: 1px;
  margin-right: 2rem;
}

.main nav {
  background: #0a2540;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  height: 64px;
  box-shadow: 0 2px 8px rgba(10, 37, 64, 0.05);
}

.main nav ul {
  list-style: none;
  display: flex;
  gap: 2rem;
  margin: 0;
  padding: 0;
}

.nav-item {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.nav-item:hover {
  text-decoration: underline;
  color: #00b4d8;
}

.nav-item.active {
  color: #00b4d8;
  border-bottom: 2px solid #00b4d8;
}

#logout {
  margin: 20px;
}

.main > header {
  background: #0a2540;
  display: flex;
  justify-content: space-between;
}

.main .d-none {
  display: none;
}

.main--identity {
  position: relative;
  background-image: url(https://cdn.finloop.com/home/identity-background.jpg);
  background-color: #171725ce;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100vw;
  min-height: calc(100vh);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: unset;
  padding: unset;
}

.offset-top {
  margin-top: -2rem;
  margin-bottom: -2rem;
}

.features-list {
  list-style-type: none;
  padding: 0;
  margin: 46px auto;
}

.feature-item {
  font-family: var(--font-family-body);
  font-weight: 400;
  font-size: var(--text-md);
  line-height: var(--text-md-line-height);
  color: var(--description);
  
  position: relative;
  padding-left: 34px;
  margin-bottom: 8px;
}

.feature-item.feature-item__xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl-line-height);
}

.feature-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 21px;
  height: 21px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 12C3 10.8181 3.23279 9.64778 3.68508 8.55585C4.13738 7.46392 4.80031 6.47177 5.63604 5.63604C6.47177 4.80031 7.46392 4.13738 8.55585 3.68508C9.64778 3.23279 10.8181 3 12 3C13.1819 3 14.3522 3.23279 15.4442 3.68508C16.5361 4.13738 17.5282 4.80031 18.364 5.63604C19.1997 6.47177 19.8626 7.46392 20.3149 8.55585C20.7672 9.64778 21 10.8181 21 12C21 14.3869 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.3869 21 12 21C9.61305 21 7.32387 20.0518 5.63604 18.364C3.94821 16.6761 3 14.3869 3 12ZM12 1.5C9.21523 1.5 6.54451 2.60625 4.57538 4.57538C2.60625 6.54451 1.5 9.21523 1.5 12C1.5 14.7848 2.60625 17.4555 4.57538 19.4246C6.54451 21.3938 9.21523 22.5 12 22.5C14.7848 22.5 17.4555 21.3938 19.4246 19.4246C21.3938 17.4555 22.5 14.7848 22.5 12C22.5 9.21523 21.3938 6.54451 19.4246 4.57538C17.4555 2.60625 14.7848 1.5 12 1.5ZM16.281 10.281C16.4218 10.1402 16.5009 9.94916 16.5009 9.75C16.5009 9.55084 16.4218 9.35983 16.281 9.219C16.1402 9.07817 15.9492 8.99905 15.75 8.99905C15.5508 8.99905 15.3598 9.07817 15.219 9.219L10.875 13.5645L8.781 11.469C8.71127 11.3993 8.62848 11.344 8.53738 11.3062C8.44627 11.2685 8.34862 11.2491 8.25 11.2491C8.15138 11.2491 8.05373 11.2685 7.96262 11.3062C7.87152 11.344 7.78873 11.3993 7.719 11.469C7.64927 11.5387 7.59395 11.6215 7.55621 11.7126C7.51848 11.8037 7.49905 11.9014 7.49905 12C7.49905 12.0986 7.51848 12.1963 7.55621 12.2874C7.59395 12.3785 7.64927 12.4613 7.719 12.531L10.344 15.156C10.4137 15.2258 10.4964 15.2813 10.5875 15.3191C10.6787 15.3569 10.7763 15.3763 10.875 15.3763C10.9737 15.3763 11.0713 15.3569 11.1625 15.3191C11.2536 15.2813 11.3363 15.2258 11.406 15.156L16.281 10.281Z" fill="%2300576E"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}