/* Hero section background */

.hero {
  position: relative;
  background-image: url("https://images.pexels.com/photos/1054397/pexels-photo-1054397.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 8rem 2rem;
  text-align: center;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: inherit;
  background-position: inherit;
  filter: blur(1080px); /* 👈 Blur and darken */
  transform: scale(1.1); /* Slight zoom to hide blur edges */
  z-index: 0;
}


.navigation-wrapper {
  display: contents;
}
 
.navigation-container1 {
  display: contents;
}
 
.navigation-container2 {
  display: none;
}
 
.navigation-container3 {
  display: contents;
}
 
.navigation-navigationtoggle-icon1 {
  color: var(--color-on-surface);
  width: 24px;
  height: 24px;
  display: flex;
  transition: all 0.3s var(--animation-curve-primary);
  align-items: center;
  justify-content: center;
}
 
.navigation-navigationtoggle-icon2 {
  color: var(--color-on-surface);
  width: 24px;
  height: 24px;
  display: flex;
  transition: all 0.3s var(--animation-curve-primary);
  align-items: center;
  justify-content: center;
}
 
.navigation-container4 {
  display: none;
}
 
.navigation-container5 {
  display: contents;
}
 
.navigation-container6 {
  display: none;
}
 
.navigation-container7 {
  display: contents;
}

.footer-wrapper {
  display: contents;
}
 
.footer-container1 {
  display: contents;
}
 
.footer-container2 {
  display: none;
}
 
.footer-container3 {
  display: contents;
}
 
.footer-container4 {
  display: none;
}
 
.footer-container5 {
  display: contents;
}
 
.footer-container6 {
  display: none;
}
 
.footer-container7 {
  display: contents;
}

.home-container1 {
  width: 100%;
  display: block;
  min-height: 100vh;
}
 
.home-container2 {
  display: none;
}
 
.home-container3 {
  display: contents;
}
 
.home-typing-text {
  display: inline-block;
  overflow: hidden;
  animation: typing 2s steps(20) var(--animation-curve-primary),
      blink 0.7s step-end infinite;
  max-width: fit-content;
  white-space: nowrap;
  border-right: 3px solid var(--color-primary);
}
 
.home-card-background1 {
  background-image: url('https://images.pexels.com/photos/17323801/pexels-photo-17323801.jpeg?auto=compress&cs=tinysrgb&w=1500');
}
 
.home-card-background2 {
  background-image: url('https://images.pexels.com/photos/17489163/pexels-photo-17489163.jpeg?auto=compress&cs=tinysrgb&w=1500');
}
 
.home-card-background3 {
  background-image: url('https://images.pexels.com/photos/5716001/pexels-photo-5716001.jpeg?auto=compress&cs=tinysrgb&w=1500');
}
 
.home-card-background4 {
  background-image: url('https://images.pexels.com/photos/19226354/pexels-photo-19226354.jpeg?auto=compress&cs=tinysrgb&w=1500');
}
 
.home-tile-header1 {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.home-industry-preview1 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
}
 
.home-roi-metric1 {
  gap: var(--spacing-xs);
  display: flex;
  margin-top: var(--spacing-xs);
  align-items: baseline;
}
 
.home-tile-expandable1 {
  color: var(--color-on-surface-secondary);
  opacity: 0;
  overflow: hidden;
  font-size: var(--font-size-sm);
  max-height: 0;
  transition: max-height var(--animation-duration-standard)
        var(--animation-curve-primary),
      opacity var(--animation-duration-standard) var(--animation-curve-primary);
}
 
.home-tile-header2 {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.home-industry-preview2 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
}
 
.home-roi-metric2 {
  gap: var(--spacing-xs);
  display: flex;
  margin-top: var(--spacing-xs);
  align-items: baseline;
}
 
.home-tile-expandable2 {
  color: var(--color-on-surface-secondary);
  opacity: 0;
  overflow: hidden;
  font-size: var(--font-size-sm);
  max-height: 0;
  transition: max-height var(--animation-duration-standard)
        var(--animation-curve-primary),
      opacity var(--animation-duration-standard) var(--animation-curve-primary);
}
 
.home-tile-header3 {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.home-industry-preview3 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
}
 
.home-roi-metric3 {
  gap: var(--spacing-xs);
  display: flex;
  margin-top: var(--spacing-xs);
  align-items: baseline;
}
 
.home-tile-expandable3 {
  color: var(--color-on-surface-secondary);
  opacity: 0;
  overflow: hidden;
  font-size: var(--font-size-sm);
  max-height: 0;
  transition: max-height var(--animation-duration-standard)
        var(--animation-curve-primary),
      opacity var(--animation-duration-standard) var(--animation-curve-primary);
}
 
.home-tile-header4 {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.home-industry-preview4 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
}
 
.home-roi-metric4 {
  gap: var(--spacing-xs);
  display: flex;
  margin-top: var(--spacing-xs);
  align-items: baseline;
}
 
.home-tile-expandable4 {
  color: var(--color-on-surface-secondary);
  opacity: 0;
  overflow: hidden;
  font-size: var(--font-size-sm);
  max-height: 0;
  transition: max-height var(--animation-duration-standard)
        var(--animation-curve-primary),
      opacity var(--animation-duration-standard) var(--animation-curve-primary);
}
 
.home-tile-header5 {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.home-industry-preview5 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
}
 
.home-roi-metric5 {
  gap: var(--spacing-xs);
  display: flex;
  margin-top: var(--spacing-xs);
  align-items: baseline;
}
 
.home-tile-expandable5 {
  color: var(--color-on-surface-secondary);
  opacity: 0;
  overflow: hidden;
  font-size: var(--font-size-sm);
  max-height: 0;
  transition: max-height var(--animation-duration-standard)
        var(--animation-curve-primary),
      opacity var(--animation-duration-standard) var(--animation-curve-primary);
}
 
.home-tile-header6 {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.home-industry-preview6 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
}
 
.home-roi-metric6 {
  gap: var(--spacing-xs);
  display: flex;
  margin-top: var(--spacing-xs);
  align-items: baseline;
}
 
.home-tile-expandable6 {
  color: var(--color-on-surface-secondary);
  opacity: 0;
  overflow: hidden;
  font-size: var(--font-size-sm);
  max-height: 0;
  transition: max-height var(--animation-duration-standard)
        var(--animation-curve-primary),
      opacity var(--animation-duration-standard) var(--animation-curve-primary);
}
 
.home-channel-icon4 {
  color: var(--color-primary);
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.home-channel-text5 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
}
 
.home-container4 {
  display: none;
}
 
.home-container5 {
  display: contents;
}
 
.home-container6 {
  display: none;
}
 
.home-container7 {
  display: contents;
}