:root {
      --teal: #0e8c0e;
      --deep: #083d4d;
      --h: 78px;
    }

    /* ── баннер-полоска, высота не более 78px ── */
    .uzi-banner {
      position: relative;
      overflow: hidden;
      height: var(--h);
      max-height: var(--h);
      border-radius: .9rem;
      color: var(--deep);
      background:
        linear-gradient(90deg, rgba(245, 247, 244, 0.8) 0%, rgba(245, 247, 244, .4) 55%, rgba(8, 165, 15, 0.3) 100%),
        url("ultrasound-banner.jpg") center/cover no-repeat;
      /* ← ваш фон */
      /* box-shadow: 0 6px 18px rgba(8, 61, 77, .15); */
      animation: fadeUp .7s both;
    }

    @keyframes scan {
      0% {
        left: -15%;
        opacity: 0
      }

      8% {
        opacity: 1
      }

      92% {
        opacity: 1
      }

      100% {
        left: 110%;
        opacity: 0
      }
    }

    /* ── волна с бегущим импульсом на весь баннер ── */
    .wave {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      opacity: .4;
    }

    .wave .base {
      stroke: rgba(43, 140, 14, 0.35);
      stroke-width: 2.5;
      fill: none;
    }

    .wave .pulse {
      stroke: var(--teal);
      stroke-width: 3;
      fill: none;
      stroke-dasharray: 90 910;
      animation: travel 3s linear infinite;
      filter: drop-shadow(0 0 5px rgba(35, 140, 14, 0.7));
    }

    @keyframes travel {
      to {
        stroke-dashoffset: -1000
      }
    }

    /* ── мини-сонар (датчик) ── */
    .sonar {
      position: relative;
      flex: 0 0 44px;
      width: 44px;
      height: 44px;
    }

    .sonar span {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      border: 2px solid rgba(35, 140, 14, 0.7);
      animation: ring 2.6s ease-out infinite;
    }

    .sonar span:nth-child(2) {
      animation-delay: .85s
    }

    .sonar span:nth-child(3) {
      animation-delay: 1.7s
    }

    .sonar::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 10px;
      height: 10px;
      translate: -50% -50%;
      border-radius: 50%;
      background: var(--teal);
      box-shadow: 0 0 10px 2px rgba(35, 140, 14, 0.7);
    }

    @keyframes ring {
      0% {
        transform: scale(.2);
        opacity: 1
      }

      100% {
        transform: scale(1.5);
        opacity: 0
      }
    }

    .uzi-text {
      font-weight: 600;
      font-size: clamp(.82rem, 2.1vw, 1.1rem);
      line-height: 1.25;
    }

    .uzi-text .accent {
      color: var(--teal);
      font-weight: 800;
    }

    /* ── пульсирующая кнопка ── */
    .btn-uzi {
      background: var(--teal);
      color: #fff;
      border: none;
      border-radius: 999px;
      padding: .42rem 1.2rem;
      font-size: .85rem;
      font-weight: 600;
      white-space: nowrap;
      animation: btnPulse 2.4s 1s infinite;
      transition: background .2s, transform .2s;
    }

    .btn-uzi:hover {
      background: #28a745;
      color: #fff;
      transform: translateY(-1px);
    }

    @keyframes btnPulse {
      0% {
        box-shadow: 0 0 0 0 rgba(24, 140, 14, 0.45)
      }

      70% {
        box-shadow: 0 0 0 12px rgba(14, 124, 140, 0)
      }

      100% {
        box-shadow: 0 0 0 0 rgba(14, 124, 140, 0)
      }
    }

    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(14px);
        filter: blur(4px)
      }

      to {
        opacity: 1;
        transform: none;
        filter: none
      }
    }

    @media (prefers-reduced-motion:reduce) {
      * {
        animation: none !important;
      }
    }