{
  "html": "<section class='hero'><div class='hero__blobs' aria-hidden='true'><span class='hero__blob hero__blob--1'></span><span class='hero__blob hero__blob--2'></span><span class='hero__blob hero__blob--3'></span></div><div class='hero__inner'><p class='hero__eyebrow'>Магазин для взрослых</p><h1 class='hero__title'><span class='hero__title-underline'>Секс-шоп «Пульс»</span></h1><p class='hero__subtitle'>Магазин интимных товаров и аксессуаров</p><p class='hero__lead'>Деликатный сервис, анонимная доставка и только проверенные бренды. Помогаем сделать отношения ярче и комфортнее — без стеснения и лишних вопросов.</p></div></section>",
  "css": ".hero { position: relative; overflow: hidden; animation: hero-breathe 7s ease-in-out infinite; } .hero .hero__blobs { position: absolute; inset: 0; pointer-events: none; z-index: 0; } .hero .hero__blob { position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.55; will-change: transform; } .hero .hero__blob--1 { width: 420px; height: 420px; top: -120px; left: -80px; background: radial-gradient(circle at 30% 30%, #60a5fa 0%, rgba(96, 165, 250, 0) 70%); animation: hero-blob-drift-1 16s ease-in-out infinite; } .hero .hero__blob--2 { width: 380px; height: 380px; bottom: -140px; right: -60px; background: radial-gradient(circle at 60% 40%, #3b82f6 0%, rgba(59, 130, 246, 0) 70%); animation: hero-blob-drift-2 20s ease-in-out infinite; } .hero .hero__blob--3 { width: 300px; height: 300px; top: 40%; left: 55%; background: radial-gradient(circle at 50% 50%, #bfdbfe 0%, rgba(191, 219, 254, 0) 70%); animation: hero-blob-drift-3 24s ease-in-out infinite; } .hero .hero__inner { position: relative; z-index: 1; } .hero .hero__title-underline { position: relative; display: inline-block; } .hero .hero__title-underline::after { content: ''; position: absolute; left: 0; right: 0; bottom: -6px; height: 6px; border-radius: 999px; background: linear-gradient(90deg, #60a5fa, #2563eb); transform: scaleX(0); transform-origin: left center; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); } .hero .hero__title:hover .hero__title-underline::after { transform: scaleX(1); } .hero .hero__eyebrow { animation: hero-float-shadow 5s ease-in-out infinite; } @keyframes hero-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.01); } } @keyframes hero-blob-drift-1 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(60px, 40px) scale(1.15); } } @keyframes hero-blob-drift-2 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-70px, -50px) scale(1.1); } } @keyframes hero-blob-drift-3 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-40px, 60px) scale(1.2); } } @keyframes hero-float-shadow { 0%, 100% { filter: drop-shadow(0 4px 6px rgba(37, 99, 235, 0.15)); } 50% { filter: drop-shadow(0 10px 18px rgba(37, 99, 235, 0.35)); } }"
}