html {
      scroll-behavior: smooth;
    }

    body {
      font-family: Inter, sans-serif;
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
    }

    * {
      box-sizing: border-box;
    }

    img {
      display: block;
      max-width: 100%;
    }

    .grid > * {
      min-width: 0;
    }

    /* Hero */

    .hero-zoom {
      animation: heroZoom 14s ease-in-out infinite alternate;
    }

    @keyframes heroZoom {
      from {
        transform: scale(1);
      }

      to {
        transform: scale(1.08);
      }
    }

    /* Mobile Drawer */

    .drawer {
      transform: translateX(100%);
      transition: transform .35s ease;
    }

    .drawer.open {
      transform: translateX(0);
    }

    .overlay {
      opacity: 0;
      pointer-events: none;
      transition: opacity .3s ease;
    }

    .overlay.open {
      opacity: 1;
      pointer-events: auto;
    }

    /* Hamburger */

    .hamburger span {
      transition: .3s ease;
    }

    .hamburger.active span:nth-child(1) {
      transform: translateY(7px) rotate(45deg);
    }

    .hamburger.active span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg);
    }

    /* Product / Industry Cards */

    .product-card img,
    .industry-card img {
      transition: transform .5s ease;
    }

    .product-card:hover img,
    .industry-card:hover img {
      transform: scale(1.07);
    }

    /* FAQ */

    .faq-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height .35s ease;
    }

    .faq.open .faq-content {
      max-height: 220px;
    }

    .faq.open .chevron {
      transform: rotate(180deg);
    }

    /* Counter */

    .counter {
      font-variant-numeric: tabular-nums;
    }

    /* Mobile Navigation */

    .mobile-nav-item {
      position: relative;

      display: flex;
      align-items: center;

      width: 100%;

      min-height: 58px;

      padding: 0 14px;

      border-bottom: 1px solid rgba(255,255,255,.10);

      color: rgba(255,255,255,.90);

      font-size: 17px;
      font-weight: 500;

      transition:
        background-color .3s ease,
        color .3s ease,
        padding-left .3s ease;
    }

    .mobile-nav-item:hover {
      color: #ffffff;
      background: rgba(255,255,255,.05);
    }

    /* Active mobile item */

    .mobile-nav-item.active {
      color: #f47b20;

      background: rgba(244,123,32,.10);

      padding-left: 20px;

      font-weight: 700;

      border-radius: 10px;

      border-bottom-color: rgba(244,123,32,.20);
    }

    .mobile-nav-item.active::before {
      content: "";

      position: absolute;

      left: 0;
      top: 50%;

      width: 3px;
      height: 26px;

      border-radius: 0 5px 5px 0;

      background: #f47b20;

      transform: translateY(-50%);
    }

    @media (prefers-reduced-motion: reduce) {

      *,
      *::before,
      *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
      }

    }