body { font-family: 'Object Sans', Arial, sans-serif; }
    .shading-hero {
      background: linear-gradient(180deg, rgba(20,20,20,0.95) 0%, rgba(20,20,20,0.85) 60%, rgba(20,20,20,0.7) 100%);
    }
    html {
      scroll-behavior: smooth;
    }
    .fade-in-up {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.8s cubic-bezier(.4,0,.2,1), transform 0.8s cubic-bezier(.4,0,.2,1);
    }
    .fade-in-up.visible {
      opacity: 1;
      transform: translateY(0);
    }
    #mobile-menu {
      transition: transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s cubic-bezier(.4,0,.2,1);
      transform: translateY(-40px);
      opacity: 0;
    }
    #mobile-menu.menu-visible {
      transform: translateY(0);
      opacity: 1;
    }
    .make-in-india {
      position: absolute;
      top: 120px;
      right: 8vw;
      z-index: 30;
      width: 180px;
      opacity: 0.8;
      pointer-events: none;
    }
    @media (max-width: 900px) {
      .make-in-india { top: 80px; width: 120px; }
    }
    .section-container {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0.25rem;
      padding-right: 0.25rem;
    }
    @media (min-width: 480px) {
      .section-container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
    }
    @media (min-width: 640px) {
      .section-container {
        padding-left: 1rem;
        padding-right: 1rem;
      }
    }


    /* contact modal */
    #contact-modal input, #contact-modal textarea { font-size: 1.1rem; font-family: 'Objet Sans', sans-serif; }
    #contact-modal input:focus, #contact-modal textarea:focus { outline: none; border-color: #d35400; }
    #contact-modal-close { position: absolute; top: 16px; right: 16px; cursor: pointer; z-index: 10; }
    @media (max-width: 768px) {
      #contact-modal > div {
        flex-direction: column;
        max-height: 90vh;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #d35400 #18191A;
      }
      #contact-modal .flex-1 {
        min-width: 0;
      }
      #contact-modal form {
        min-width: 0;
      }
      #contact-modal > div::-webkit-scrollbar {
        width: 6px;
        background: #18191A;
      }
      #contact-modal > div::-webkit-scrollbar-thumb {
        background: #d35400;
        border-radius: 6px;
      }
    }


     @media (min-width: 768px) {
      .custom-divider {
        min-height: 340px;
        height: 80%;
        width: 2px;
        background: linear-gradient(to bottom, #e5e7eb 0%, #17171845 100%);
        opacity: 1;
      }
    }