.site-intro {
      --intro-orange: #f4511e;
      --intro-red: #a92713;
      /* "UZMETKOMBINAT" yozuvi va progress chizig'ining ochilish tezligi.
         O'zgartirsangiz, pastdagi site-intro-controller'dagi minimumTime'ni ham moslang. */
      --intro-word-duration: 1s;
      --intro-progress-duration: .8s;
      position: fixed;
      inset: 0;
      z-index: 99999;
      display: grid;
      place-items: center;
      overflow: hidden;
      background: linear-gradient(135deg, #060708 0%, #101518 52%, #071015 100%);
      opacity: 1;
      visibility: visible;
      transition: opacity 0.3s cubic-bezier(.22, 1, .36, 1),
                  visibility 0s linear 0.3s,
                  filter 0.3s ease,
                  transform 0.3s cubic-bezier(.22, 1, .36, 1);
    }

    .site-intro::before {
      content: "";
      position: absolute;
      inset: -30%;
      background:
        repeating-linear-gradient(117deg, transparent 0 28px, rgba(255,255,255,.014) 29px 30px),
        linear-gradient(90deg, transparent, rgba(255,255,255,.025), transparent);
      transform: rotate(-5deg);
      animation: introAtmosphere 10s linear infinite;
      pointer-events: none;
    }

    .site-intro.is-leaving {
      opacity: 0;
      visibility: hidden;
      filter: blur(10px);
      transform: scale(1.035);
      pointer-events: none;
    }

    .intro-stage {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      min-width: min(84vw, 460px);
      transform: translateY(-1.2vh);
    }

    .intro-logo-wrap {
      position: relative;
      width: clamp(124px, 15vw, 184px);
      aspect-ratio: 568 / 445;
      animation: introLogoLift 1.3s cubic-bezier(.22, 1, .36, 1) both;
    }

    .intro-logo {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .intro-wordmark {
      display: flex;
      align-items: baseline;
      margin-top: 1.05rem;
      color: #eef1f2;
      font-size: clamp(1rem, 1.65vw, 1.35rem);
      font-weight: 700;
      letter-spacing: .17em;
      text-transform: uppercase;
      clip-path: inset(0 100% 0 0);
      opacity: 0;
      transform: translateY(10px);
      animation: introWordmark var(--intro-word-duration) .9s cubic-bezier(.22, 1, .36, 1) forwards;
    }

    /* butun soʻz bitta uzluksiz gradientda — logotipdagidek kumushrangdan toʻq sariqqa.
       Gradientli matnda text-shadow rangni xiralashtiradi, shuning uchun drop-shadow ishlatiladi. */
    .intro-wordmark span {
      color: transparent;
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(90deg, #d4d8db 0%, #f1d6c4 18%, #ffb784 36%, #ff8c45 54%, var(--intro-orange) 74%, #c73a18 100%);
      -webkit-background-clip: text;
      background-clip: text;
      filter: drop-shadow(0 6px 16px rgba(0,0,0,.5));
    }

    .intro-progress {
      position: relative;
      width: clamp(170px, 24vw, 265px);
      height: 1px;
      margin-top: 1.8rem;
      overflow: hidden;
      background: rgba(255,255,255,.10);
      opacity: 0;
      animation: introProgressReveal .15s 1s ease forwards;
    }

    .intro-progress::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(255,255,255,.18), #f4511e 78%, #ff9a66);
      transform: translateX(-101%);
      animation: introProgress var(--intro-progress-duration) 1.05s cubic-bezier(.65, 0, .35, 1) forwards;
      box-shadow: 0 0 12px rgba(244,81,30,.75);
    }

    body.intro-running {
      overflow: hidden;
    }

    @keyframes introWordmark {
      from { clip-path: inset(0 100% 0 0); opacity: 0; transform: translateY(10px); }
      to { clip-path: inset(0 0 0 0); opacity: 1; transform: translateY(0); }
    }

    @keyframes introProgressReveal {
      to { opacity: 1; }
    }

    @keyframes introProgress {
      to { transform: translateX(0); }
    }

    @keyframes introLogoLift {
      0% { transform: translateY(12px) scale(.92); }
      100% { transform: translateY(0) scale(1); }
    }

    @keyframes introAtmosphere {
      to { transform: translate3d(4%, -2%, 0) rotate(-5deg); }
    }

    @media (prefers-reduced-motion: reduce) {
      .site-intro * {
        animation-duration: .01ms !important;
        animation-delay: 0s !important;
      }
    }
  
.site-intro{font-family:"Open Sans",sans-serif;line-height:1.5}.site-intro *{box-sizing:border-box}