(() => {
  const data = `
<style>
  /* Welcome hero — мультиязычная ротация приветствий */
  :root {
    --w-anim-duration: 5s;
    --w-total: 9;
    --w-cycle: calc(var(--w-anim-duration) * var(--w-total));
  }

  .w-hero {
    position: relative;
    width: min(1100px, 92vw);
    margin: 24px auto 32px;
    padding: 0;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(135deg, #0a0e1a 0%, #1a3a5c 55%, #2c7ec0 130%);
    color: #fff;
    box-shadow: 0 20px 60px rgba(10, 14, 26, 0.25);
    isolation: isolate;
  }

  /* Плавающие размытые пятна */
  .w-hero::before,
  .w-hero::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    opacity: 0.45;
    z-index: 0;
    pointer-events: none;
  }
  .w-hero::before {
    width: 360px; height: 360px;
    background: #ffb347;
    top: -100px; left: -80px;
    animation: w-drift 14s ease-in-out infinite;
  }
  .w-hero::after {
    width: 300px; height: 300px;
    background: #68a5db;
    bottom: -100px; right: -80px;
    animation: w-drift 18s ease-in-out infinite reverse;
  }
  @keyframes w-drift {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50%      { transform: translate(60px, 40px) scale(1.1); }
  }

  /* Тонкая grid-сетка поверх для глубины */
  .w-hero-grid-overlay {
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 40px 40px;
    -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
    mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
    z-index: 0;
    pointer-events: none;
  }

  .w-hero-content {
    position: relative;
    z-index: 2;
    padding: 56px 40px 48px;
    text-align: center;
  }

  .w-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 28px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.85);
  }
  .w-hero-badge .w-pulse {
    width: 7px; height: 7px;
    background: #4ade80;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(74,222,128,0.6);
    animation: w-pulse 2s infinite;
  }
  @keyframes w-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(74,222,128,0.6); }
    70%  { box-shadow: 0 0 0 10px rgba(74,222,128,0); }
    100% { box-shadow: 0 0 0 0 rgba(74,222,128,0); }
  }

  /* Контейнер ротатора текста с фиксированной высотой, чтобы не прыгал layout */
  .w-rotator {
    position: relative;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
  }
  .w-text-block {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 900px;
    color: #fff;
    text-align: center;
    opacity: 0;
    font-size: clamp(16px, 2.4vw, 28px);
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.3px;
    animation: w-fade var(--w-cycle) infinite;
    will-change: opacity, transform;
  }
  .w-text-block .w-brand {
    background: linear-gradient(135deg, #ffb347 0%, #ffd700 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 800;
  }

  /* Каждый блок занимает ~ (1/total)*100% цикла, плавно появляется и исчезает */
  @keyframes w-fade {
    0%   { opacity: 0; transform: translate(-50%, -42%); }
    2%   { opacity: 1; transform: translate(-50%, -50%); }
    9%   { opacity: 1; transform: translate(-50%, -50%); }
    11%  { opacity: 0; transform: translate(-50%, -58%); }
    100% { opacity: 0; transform: translate(-50%, -42%); }
  }

  .w-text-block:nth-child(1) { animation-delay: calc(var(--w-anim-duration) * 0); }
  .w-text-block:nth-child(2) { animation-delay: calc(var(--w-anim-duration) * 1); }
  .w-text-block:nth-child(3) { animation-delay: calc(var(--w-anim-duration) * 2); }
  .w-text-block:nth-child(4) { animation-delay: calc(var(--w-anim-duration) * 3); }
  .w-text-block:nth-child(5) { animation-delay: calc(var(--w-anim-duration) * 4); }
  .w-text-block:nth-child(6) { animation-delay: calc(var(--w-anim-duration) * 5); }
  .w-text-block:nth-child(7) { animation-delay: calc(var(--w-anim-duration) * 6); }
  .w-text-block:nth-child(8) { animation-delay: calc(var(--w-anim-duration) * 7); }
  .w-text-block:nth-child(9) { animation-delay: calc(var(--w-anim-duration) * 8); }

  /* Прогресс-индикатор языков (точки внизу) */
  .w-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 28px;
  }
  .w-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255,255,255,0.18);
    transition: all 0.3s ease;
  }
  .w-dot.is-active {
    background: #ffb347;
    width: 22px;
    border-radius: 100px;
    box-shadow: 0 0 12px rgba(255,179,71,0.5);
  }

  /* Подсказка-стрелка вниз */
  .w-hint {
    margin-top: 22px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
  }
  .w-hint-arrow {
    display: inline-block;
    animation: w-bounce 2s infinite;
  }
  @keyframes w-bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40%                     { transform: translateY(4px); }
    60%                     { transform: translateY(2px); }
  }

  @media (max-width: 700px) {
    .w-hero { width: calc(100% - 24px); margin: 16px auto 24px; border-radius: 18px; }
    .w-hero-content { padding: 40px 22px 32px; }
    .w-rotator { min-height: 180px; }
    .w-text-block { font-size: 17px; }
    .w-hint { font-size: 12px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .w-text-block { animation: none; opacity: 1; transition: none; }
    .w-text-block:not(:first-child) { display: none; }
    .w-hero::before, .w-hero::after,
    .w-pulse, .w-hint-arrow { animation: none; }
  }
</style>

<section class="w-hero">
  <div class="w-hero-grid-overlay"></div>
  <div class="w-hero-content">
    <div class="w-hero-badge">
      <span class="w-pulse"></span>
      <span>v3.0 · Live · 6+ jurisdictions</span>
    </div>

    <div class="w-rotator">
      <div class="w-text-block">Добро пожаловать на <span class="w-brand">GlobalLawGuide</span> — ваш универсальный юридический портал для поиска законов стран Мира с искусственным интеллектом</div>
      <div class="w-text-block">Welcome to <span class="w-brand">GlobalLawGuide</span> — your comprehensive legal portal for exploring the latest legislation of countries around the world with Artificial Intelligence</div>
      <div class="w-text-block">Բարի գալուստ <span class="w-brand">GlobalLawGuide</span> — ձեր համապարփակ իրավաբանական պորտալը՝ ուսումնասիրելու աշխարհի երկրների օրենսդրությունը Արհեստական Ինտելեկտի օգնությամբ</div>
      <div class="w-text-block">მოგესალმებით <span class="w-brand">GlobalLawGuide</span>-ზე — თქვენი კომპლექსური იურიდიული პორტალი, მსოფლიოს ქვეყნების კანონმდებლობის შესასწავლად ხელოვნური ინტელექტის დახმარებით</div>
      <div class="w-text-block">Benvenuti su <span class="w-brand">GlobalLawGuide</span> — il vostro portale legale completo per esplorare la legislazione più recente dei paesi del mondo con l'Intelligenza Artificiale</div>
      <div class="w-text-block">Bienvenue sur <span class="w-brand">GlobalLawGuide</span> — votre portail juridique complet pour explorer la législation la plus récente des pays du monde avec l'Intelligence Artificielle</div>
      <div class="w-text-block">Willkommen bei <span class="w-brand">GlobalLawGuide</span> — Ihr umfassendes juristisches Portal zur Erkundung der aktuellen Gesetzgebung von Ländern weltweit mit Künstlicher Intelligenz</div>
      <div class="w-text-block" style="direction: rtl;">مرحبًا بكم في <span class="w-brand">GlobalLawGuide</span> — بوابتكم القانونية الشاملة لاستكشاف أحدث التشريعات في دول العالم باستخدام الذكاء الاصطناعي</div>
      <div class="w-text-block"><span class="w-brand">GlobalLawGuide</span>'e hoş geldiniz — Yapay Zeka ile dünyanın farklı ülkelerinin en güncel mevzuatını incelemek için kapsamlı yasal portalınız</div>
    </div>

    <div class="w-dots" id="w-dots"></div>

    <div class="w-hint">
      <span class="w-hint-arrow">↓</span>
      <span>Выберите юрисдикцию ниже</span>
      <span class="w-hint-arrow">↓</span>
    </div>
  </div>
</section>
`;

  const target = document.getElementById('Welcome');
  if (!target) return;
  target.innerHTML = data;

  // Прогресс-индикатор: подсветка активной точки в такт ротации
  const TOTAL = 9;
  const STEP_MS = 5000; // соответствует --w-anim-duration
  const dotsHost = document.getElementById('w-dots');
  if (dotsHost) {
    for (let i = 0; i < TOTAL; i++) {
      const d = document.createElement('span');
      d.className = 'w-dot' + (i === 0 ? ' is-active' : '');
      dotsHost.appendChild(d);
    }
    let active = 0;
    setInterval(() => {
      const dots = dotsHost.querySelectorAll('.w-dot');
      dots[active].classList.remove('is-active');
      active = (active + 1) % TOTAL;
      dots[active].classList.add('is-active');
    }, STEP_MS);
  }
})();