:where([class^="ri-"])::before { content: "\f3c2"; }
      body {
          font-family: 'Inter', sans-serif;
          scroll-behavior: smooth;
      }
      .hero-section {
          background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 100%), url('https://public.readdy.ai/ai/img_res/090905595a2851560acfa1c5af69adcd.jpg');
          background-size: cover;
          background-position: center right;
      }
      .advantage-card:hover {
          transform: translateY(-5px);
          box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
      }
      .industry-card {
          transition: all 0.3s ease;
      }
      .industry-card:hover {
          transform: scale(1.03);
      }
      .language-switcher {
          position: relative;
      }
      .language-options {
          display: none;
          position: absolute;
          top: 100%;
          right: 0;
          background: white;
          border-radius: 8px;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          z-index: 50;
          min-width: 120px;
      }
      .language-switcher:hover .language-options {
          display: block;
      }
      .custom-checkbox {
          display: inline-block;
          position: relative;
          padding-left: 30px;
          cursor: pointer;
      }
      .custom-checkbox input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
      }
      .checkmark {
          position: absolute;
          top: 0;
          left: 0;
          height: 20px;
          width: 20px;
          background-color: #f3f4f6;
          border: 1px solid #d1d5db;
          border-radius: 4px;
      }
      .custom-checkbox:hover input ~ .checkmark {
          background-color: #e5e7eb;
      }
      .custom-checkbox input:checked ~ .checkmark {
          background-color: #E01E26;
          border-color: #E01E26;
      }
      .checkmark:after {
          content: "";
          position: absolute;
          display: none;
      }
      .custom-checkbox input:checked ~ .checkmark:after {
          display: block;
      }
      .custom-checkbox .checkmark:after {
          left: 7px;
          top: 3px;
          width: 6px;
          height: 10px;
          border: solid white;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg);
      }
      @keyframes fadeIn {
          from { opacity: 0; transform: translateY(20px); }
          to { opacity: 1; transform: translateY(0); }
      }
      .animate-on-scroll {
          opacity: 0;
          animation: fadeIn 0.6s ease-out forwards;
      }
      .delay-100 { animation-delay: 0.1s; }
      .delay-200 { animation-delay: 0.2s; }
      .delay-300 { animation-delay: 0.3s; }
      .delay-400 { animation-delay: 0.4s; }