body { 
        font-family: 'Inter', sans-serif; 
        -webkit-font-smoothing: antialiased; 
        -moz-osx-font-smoothing: grayscale; 
        background-color: #f8fafc; /* slate-50 */
      }
      html { scroll-behavior: smooth; }
      input[type=number]::-webkit-outer-spin-button, 
      input[type=number]::-webkit-inner-spin-button { 
        -webkit-appearance: none; 
        margin: 0; 
      }
      input[type=number] { -moz-appearance: textfield; }

      /* Custom Selection Color */
      ::selection {
        background-color: #6A4494;
        color: #f8fafc;
      }
      ::-moz-selection { /* Firefox */
        background-color: #6A4494;
        color: #f8fafc;
      }

      /* Loader Animation */
      .mondo-loader-container { display: flex; justify-content: center; align-items: center; margin: 1rem 0; padding: 0.5rem 0; }
      .mondo-loader-container svg { max-width: 480px; overflow: visible; }
      .mondo-main-text { font-family: 'Inter', sans-serif; font-weight: 800; font-size: 90px; fill: black; }
      .mondo-slogan-text { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 21px; fill: black; opacity: 0; }
      .clip-rect-animated { transform-origin: 50% 100%; transform: scaleY(0); animation-name: fillUpText; animation-duration: 0.8s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
      @keyframes fillUpText { 0% { transform: scaleY(0); } 100% { transform: scaleY(1); } }
      @keyframes fadeInSlogan { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } }
      .mondo-slogan-text-animated { animation-name: fadeInSlogan; animation-duration: 1.0s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
      
      @keyframes fadeIn {
        from { opacity: 0; transform: translateY(20px) scale(0.95); }
        to { opacity: 1; transform: translateY(0) scale(1); }
      }
      .fade-in-animation {
        animation: fadeIn 0.5s ease-in-out forwards;
      }

      /* Segmented Toggle Styling */
      .segmented-control {
        display: flex;
        background-color: #e2e8f0; /* slate-200 */
        padding: 4px;
        border-radius: 8px;
        border: 1px solid #cbd5e1;
        position: relative;
        flex-wrap: wrap;
        gap: 4px;
      }
      .segmented-control-option {
        flex: 1 0 calc(50% - 4px); /* Default 2 columns on small screens if needed */
        min-width: 80px;
        text-align: center;
        padding: 8px 4px;
        cursor: pointer;
        border-radius: 6px;
        font-size: 0.8125rem;
        font-weight: 600;
        transition: all 0.2s ease;
        user-select: none;
        color: #475569; /* slate-600 */
        z-index: 1;
        background-color: transparent;
      }
      @media (min-width: 640px) {
        .segmented-control-option {
          flex: 1;
          font-size: 0.875rem;
        }
      }
      .segmented-control-option.active {
        background-color: white;
        color: #6A4494;
        box-shadow: 0 2px 4px rgba(0,0,0,0.08);
        font-weight: 800;
      }
      .segmented-control-option:not(.active):hover {
        background-color: rgba(255,255,255,0.5);
        color: #0f172a; /* slate-900 */
      }

      .section-highlight {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        border: 1px solid transparent;
      }
      .section-highlight.active {
        background-color: #f5f3ff; /* very light purple */
        border-color: #ddd6fe; /* violet-200 */
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      }