"<!doctype html>\n<html lang=\"ru\" data-theme=\"zen\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>ZEN | Креативное маркетинговое агентство</title>\n<meta name=\"description\" content=\"Агентство ZEN помогает брендам найти своё направление, выстроить сильное позиционирование и стратегию роста, объединяя идею, систему и результат.\">\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css\">\n<style>\n@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');\n/* Source: Outfit, #9cff1e primary, #141414 ink; Manrope supplies Cyrillic. */\n:root, [data-theme=zen], .theme-zen {\n  --bulma-family-primary: 'Outfit', 'Manrope', sans-serif;\n  --bulma-family-secondary: 'Outfit', 'Manrope', sans-serif;\n  --bulma-family-code: monospace;\n  --bulma-primary-h: 86.4deg; --bulma-primary-s: 100%; --bulma-primary-l: 55.9%;\n  --bulma-link-h: 86.4deg; --bulma-link-s: 100%; --bulma-link-l: 25%;\n  --bulma-scheme-h: 75deg; --bulma-scheme-s: 25%;\n  --bulma-scheme-main-l: 98%; --bulma-scheme-main-bis-l: 96%; --bulma-scheme-main-ter-l: 94%;\n  --bulma-text-l: 8%; --bulma-text-strong-l: 8%; --bulma-text-weak-l: 40%;\n  --bulma-border-l: 80%; --bulma-border-weak-l: 88%;\n  --bulma-radius: .875rem; --bulma-radius-medium: 1rem; --bulma-radius-large: 1.125rem;\n  --bulma-size-1: 3.5rem; --bulma-size-2: 2.5rem; --bulma-body-font-size: 1rem;\n  --bulma-weight-normal: 400; --bulma-weight-bold: 800; --bulma-shadow: none;\n}\n/* Source component tokens: heavy headings, rounded pills, quiet borders. */\n.title { --bulma-title-weight: 800; --bulma-title-line-height: 1.08; letter-spacing: -.04em; }\n.subtitle { --bulma-subtitle-line-height: 1.6; }\n.button { --bulma-button-weight: 600; --bulma-button-border-width: 1px; min-height: 3.25rem; }\n.button.is-primary { --bulma-primary-invert-l: 5%; }\n.navbar { --bulma-navbar-background-color: #080a09; --bulma-navbar-item-color: #f8f8f5;\n  --bulma-navbar-h: 140deg; --bulma-navbar-s: 11%; --bulma-navbar-item-background-l: 3.5%;\n  --bulma-navbar-item-background-a: 0; --bulma-navbar-height: 5.5rem; }\n.navbar-burger { --bulma-navbar-burger-color: #f8f8f5; }\n.card { --bulma-card-radius: 1.125rem; --bulma-card-shadow: none; }\n.tag { --bulma-tag-background-color: #9cff1e; --bulma-tag-color: #141414; --bulma-tag-radius: 999px; }\n.input, .textarea { --bulma-input-background-l: 98%; --bulma-input-border-l: 76%;\n  --bulma-input-focus-h: 86.4deg; --bulma-input-focus-s: 100%; --bulma-input-focus-l: 35%; }\n.footer { --bulma-footer-background-color: #fafbf7; --bulma-footer-padding: 2.5rem 0; }\n/* Site-specific: source spacing, dark/light sections, ZEN artwork and grid. */\nhtml { scroll-behavior: smooth; scroll-padding-top: 6rem; }\n.container, .navbar > .container { max-width: 1280px !important; width: calc(100% - 6rem); }\n.navbar { position: sticky; top: 0; z-index: 30; }\n.navbar > .container { align-items: center; flex-grow: 0; }\n.navbar-brand img { max-height: 2rem; width: auto; }\n.navbar-menu { align-items: center; }\n.navbar-start { margin-inline: auto; gap: 2rem; }\n.navbar-end { margin-left: 0; }\n.navbar .button { background: transparent; color: #f8f8f5; border-color: #9cff1e; min-height: 2.75rem; padding-inline: 1.7rem; }\n.hero { background: #080a09; color: #f2f3f5; min-height: calc(100svh - 5.5rem); justify-content: center; position: relative; isolation: isolate; overflow: hidden; }\n.hero > canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; }\n.hero-body { padding: 3.5rem 0 5rem; position: relative; }\n.hero .image { width: min(100%, 750px); margin: 0 auto 2.8rem; }\n.hero .title { color: #f2f3f5; font-size: clamp(2.5rem, 4.5vw, 5.5rem); text-transform: uppercase; }\n.hero .title span { color: #d5ff51; }\n.hero .subtitle { color: #afb0b5; max-width: 540px; margin: 0 auto 1.8rem; font-size: 1.125rem; }\n.hero .button { background: linear-gradient(110deg, #dcff88, #a9f13c); border-color: #dcff88; padding-inline: 1.5rem; }\n.button .icon { margin-left: 1.75rem !important; }\n.section { padding: 6rem 0; }\n.section.is-dark { background: #000; color: #f2f3f5; overflow: hidden; }\n.section.is-dark .title { color: #f2f3f5; }\n.section.is-dark .content { max-width: 1050px; color: #a1a5a4; font-size: clamp(1.6rem, 3.1vw, 2.8rem); line-height: 1.3; font-weight: 500; }\n.tags { margin-top: 3rem; gap: .75rem; }\n.tags .tag { height: auto; white-space: normal; padding: .8rem 1.5rem; font-size: 1rem; }\n.tags .tag:nth-child(3n) { --bulma-tag-background-color: #192016; --bulma-tag-color: #b3e069; }\n.section.is-light { background-color: #fff; background-image: linear-gradient(#9cff1e15 1px, transparent 1px), linear-gradient(90deg, #9cff1e15 1px, transparent 1px); background-size: 68px 68px; }\n.section .subtitle { max-width: 620px; }\n.section.is-light .card { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.75rem; background: #9cff1e; color: #141414; min-height: 200px; }\n.section.is-light .card h3 { font-size: clamp(1.4rem, 2.3vw, 2rem); font-weight: 600; line-height: 1.05; max-width: 240px; }\n.section.is-light .card img { width: 32%; height: 150px; object-fit: contain; }\n.section.is-light .card .icon { font-size: 2rem; flex-shrink: 0; }\n.section.is-light .card:hover { filter: brightness(.95); }\n.level .buttons { flex-wrap: nowrap; }\n.columns.is-gapless { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 1.5rem; padding: .5rem .25rem 1.5rem; }\n.columns.is-gapless > .column { flex: 0 0 42%; scroll-snap-align: start; }\nbutton.card { display: block; width: 100%; border: 0; text-align: left; font: inherit; color: inherit; cursor: pointer; overflow: hidden; }\n.card .image img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; transition: transform .25s; }\nbutton.card:hover .image img { transform: scale(1.025); }\n.card-content { padding: 1.2rem; }\n.modal { margin: auto; padding: 3rem 1rem 1rem; border: 0; border-radius: 1rem; width: min(calc(56.25svh + 2rem), 94vw); max-height: 90svh; background: #080a09; }\n.modal[open] { display: block; position: fixed; inset: 0; }\n.modal::backdrop { background: #000c; }\n.modal .image img { max-height: 75svh; width: 100%; object-fit: contain; }\n.modal .delete { position: absolute; right: .75rem; top: .75rem; }\n.modal .image canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }\n.section .columns.is-vcentered { min-height: 400px; }\n.section .content li { list-style: none; margin: 1rem 0; }\n.section .content ul { margin-left: 0; }\n.section .content li::before { content: '✓'; color: #5c9b05; margin-right: .8rem; }\n.section .column > .image img { width: 100%; }\n.section .column > .image canvas { position: absolute; inset: 0; width: 100%; height: 100%; }\n.input { min-height: 3.25rem; }\n.footer .container { border-top: 1px solid #daddd3; padding-top: 2rem; }\n.footer .image { width: 140px; }\n.footer a { color: #686b65; }\na:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 3px solid #76bc12; outline-offset: 5px; }\n@media (max-width: 1023px) {\n  .navbar-menu { background: #080a09; box-shadow: none; }\n  .navbar > .container { display: block; }\n  .navbar-start { margin: 0; }\n}\n@media (max-width: 768px) {\n  .container, .navbar > .container { width: calc(100% - 2.5rem); }\n  .section { padding: 4rem 0; }\n  .hero-body { padding: 3.5rem 0; }\n  .hero .image { margin-bottom: 2.5rem; }\n  .hero .title { font-size: clamp(2.5rem, 9vw, 4rem); }\n  .title.is-1 { font-size: 2.5rem; }\n  .section.is-light .card { min-height: 155px; padding: 1.25rem; }\n  .section.is-light .card img { height: 110px; }\n  .columns.is-gapless > .column { flex-basis: 85%; }\n  .tags .tag { font-size: .875rem; padding: .6rem 1rem; }\n  .level { display: flex; gap: 1rem; flex-wrap: wrap; }\n}\n@media (prefers-reduced-motion: reduce) {\n  html { scroll-behavior: auto; }\n  .card .image img { transition: none; }\n}\n</style>\n<script src=\"https://unpkg.com/hyperscript.org@0.9.93\"></script>\n<script type=\"module\" src=\"/templates/zen-agency/webgl.js\"></script>\n<script type=\"module\" src=\"/templates/zen-agency/effects.js\"></script>\n</head>\n<body id=\"top\">\n<nav class=\"navbar\" aria-label=\"Основная навигация\">\n<div class=\"container\">\n  <div class=\"navbar-brand\">\n    <a class=\"navbar-item\" href=\"#top\" aria-label=\"ZEN — на главную\"><img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/brand/zen-mark.png\" alt=\"ZEN\" width=\"220\" height=\"68\"></a>\n    <button class=\"navbar-burger\" type=\"button\" aria-label=\"Открыть или закрыть меню\" aria-controls=\"site-menu\" aria-expanded=\"false\"\n      _=\"on click toggle .is-active on me toggle .is-active on #site-menu toggle between @aria-expanded='true' and @aria-expanded='false'\">\n      <span aria-hidden=\"true\"></span><span aria-hidden=\"true\"></span><span aria-hidden=\"true\"></span><span aria-hidden=\"true\"></span>\n    </button>\n  </div>\n  <div class=\"navbar-menu\" id=\"site-menu\"\n    _=\"on click if target.closest('a') remove .is-active from me remove .is-active from .navbar-burger set .navbar-burger's @aria-expanded to 'false' end\">\n    <div class=\"navbar-start\"><a class=\"navbar-item\" href=\"#about\">О нас</a><a class=\"navbar-item\" href=\"#services\">Услуги</a><a class=\"navbar-item\" href=\"#contact\">Контакты</a></div>\n    <div class=\"navbar-end\"><div class=\"navbar-item\"><a class=\"button is-rounded\" href=\"#contact\">ОБСУДИМ ПРОЕКТ <span class=\"icon\" aria-hidden=\"true\">↗</span></a></div></div>\n  </div>\n</div>\n</nav>\n<main>\n  <section class=\"hero has-text-centered\" aria-labelledby=\"hero-title\">\n    <canvas id=\"zen-webgl\" aria-hidden=\"true\"></canvas>\n    <div class=\"hero-body\"><div class=\"container\">\n      <figure class=\"image\" aria-label=\"ZEN: стратегия, дизайн и маркетинг\">\n        <svg viewBox=\"0 0 864 262\" role=\"img\" aria-label=\"ZEN\" xmlns=\"http://www.w3.org/2000/svg\">\n          <defs>\n            <clipPath id=\"mark-z\"><path d=\"M14 0H252Q273 0 273 21V63Q273 79 258 89L37 212L39 213L255 112Q273 103 273 118V248Q273 262 259 262H14Q0 262 0 248L1 210Q1 189 22 175L238 41L236 40L22 153Q0 166 0 149V14Q0 0 14 0Z\"/></clipPath>\n            <clipPath id=\"mark-e\"><path d=\"M14 0H259Q273 0 273 14V95Q273 119 249 111L32 28L29 29L161 99Q183 113 183 126V135Q183 151 163 161L42 236L40 238L41 239L245 140Q273 127 273 145V247Q273 261 259 261H14Q0 261 0 247V14Q0 0 14 0Z\"/></clipPath>\n            <clipPath id=\"mark-n\"><path d=\"M14 0H139Q155 0 164 12L223 228L224 223L183 22Q179 0 193 0H262Q276 0 276 14V247Q276 261 262 261H106Q88 261 88 239L137 55L136 51L63 258Q62 261 57 261H14Q0 261 0 247V14Q0 0 14 0Z\"/></clipPath>\n          </defs>\n          <image clip-path=\"url(#mark-z)\" href=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/zen/woman-poster.webp\" width=\"273\" height=\"262\" preserveAspectRatio=\"xMidYMid slice\"/>\n          <g transform=\"translate(294)\"><image clip-path=\"url(#mark-e)\" href=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/zen/building-poster.webp\" width=\"273\" height=\"262\" preserveAspectRatio=\"xMidYMid slice\"/></g>\n          <g transform=\"translate(588)\"><image clip-path=\"url(#mark-n)\" href=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/zen/light-trails-poster.webp\" width=\"276\" height=\"262\" preserveAspectRatio=\"xMidYMid slice\"/></g>\n        </svg>\n      </figure>\n      <h1 class=\"title\" id=\"hero-title\"><span>Идеи</span> двигают бизнес<span>.</span></h1>\n      <p class=\"subtitle\">Помогаем брендам расти — от стратегии до контента. Чётко, быстро и с результатом.</p>\n      <a class=\"button is-primary is-rounded\" href=\"#contact\">Начать рост <span class=\"icon\" aria-hidden=\"true\">↗</span></a>\n    </div></div>\n  </section>\n  <section class=\"section is-dark\" id=\"about\">\n    <div class=\"container\">\n      <h2 class=\"title is-1\">О нас</h2>\n      <p class=\"content\">Агентство ZEN помогает брендам найти своё направление, выстроить сильное позиционирование и стратегию роста, объединяя идею, систему и результат.</p>\n      <div class=\"tags\" aria-label=\"Направления работы\">\n        <span class=\"tag\">Брендинг и айдентика</span><span class=\"tag\">Веб-дизайн и интерфейсы</span><span class=\"tag\">Стратегия кампаний</span>\n        <span class=\"tag\">Создание контента</span><span class=\"tag\">Ведение соцсетей</span><span class=\"tag\">Анализ рынка и конкурентов</span>\n        <span class=\"tag\">Стратегия для соцсетей</span><span class=\"tag\">Контент-планирование</span><span class=\"tag\">Фото- и видеосъёмка</span>\n        <span class=\"tag\">Рилсы и сторис</span><span class=\"tag\">Графический дизайн</span><span class=\"tag\">Копирайтинг</span>\n        <span class=\"tag\">Публикация контента</span><span class=\"tag\">Управление коммуникациями</span>\n      </div>\n    </div>\n  </section>\n  <section class=\"section is-light\" id=\"services\">\n    <div class=\"container\">\n      <h2 class=\"title is-1\">Услуги</h2>\n      <p class=\"subtitle mb-6\">Всё, что нужно вашему бренду для ясной стратегии, сильного позиционирования и стабильного роста.</p>\n      <div class=\"columns is-multiline\">\n        <div class=\"column is-half\"><a class=\"card\" href=\"#contact\"><h3>Продвижение в соцсетях</h3>\n          <img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/services/social-illustration.webp\" alt=\"\" loading=\"lazy\" width=\"180\" height=\"150\"><span class=\"icon\" aria-hidden=\"true\">↗</span></a></div>\n        <div class=\"column is-half\"><a class=\"card\" href=\"#contact\"><h3>Контекстная реклама</h3>\n          <img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/services/ads-illustration.webp\" alt=\"\" loading=\"lazy\" width=\"180\" height=\"150\"><span class=\"icon\" aria-hidden=\"true\">↗</span></a></div>\n        <div class=\"column is-half\"><a class=\"card\" href=\"#contact\"><h3>Поисковая оптимизация</h3>\n          <img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/services/search-illustration.webp\" alt=\"\" loading=\"lazy\" width=\"180\" height=\"150\"><span class=\"icon\" aria-hidden=\"true\">↗</span></a></div>\n        <div class=\"column is-half\"><a class=\"card\" href=\"#contact\"><h3>Стратегия роста бренда</h3>\n          <img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/services/growth-illustration.webp\" alt=\"\" loading=\"lazy\" width=\"180\" height=\"150\"><span class=\"icon\" aria-hidden=\"true\">↗</span></a></div>\n      </div>\n    </div>\n  </section>\n  <section class=\"section\" id=\"work\">\n    <div class=\"container\">\n      <div class=\"level\"><div><h2 class=\"title is-1\">Наши работы</h2><p class=\"subtitle\">Избранные проекты: сайты, цифровые продукты и визуальный дизайн.</p></div>\n        <div class=\"buttons\">\n          <button class=\"button is-rounded\" type=\"button\" aria-label=\"Предыдущие проекты\" aria-controls=\"work-items\" _=\"on click call #work-items.scrollBy({left: #work-items.clientWidth * -0.85})\">←</button>\n          <button class=\"button is-rounded\" type=\"button\" aria-label=\"Следующие проекты\" aria-controls=\"work-items\" _=\"on click call #work-items.scrollBy({left: #work-items.clientWidth * 0.85})\">→</button>\n        </div>\n      </div>\n      <div class=\"columns is-gapless\" id=\"work-items\" role=\"region\" aria-label=\"Галерея проектов\" tabindex=\"0\"\n        _=\"on click set card to target.closest('button.card') if card set #project-image.src to card.querySelector('img').src set #project-image.alt to card.innerText call #project-preview.showModal() end\">\n        <div class=\"column\"><button class=\"card\" type=\"button\" aria-haspopup=\"dialog\"><span class=\"image\"><img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/work/interior-store.jpg\" alt=\"\" loading=\"lazy\" width=\"600\" height=\"480\"></span><span class=\"card-content is-block\">Магазин товаров для дома</span></button></div>\n        <div class=\"column\"><button class=\"card\" type=\"button\" aria-haspopup=\"dialog\"><span class=\"image\"><img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/work/agency-website.jpg\" alt=\"\" loading=\"lazy\" width=\"600\" height=\"480\"></span><span class=\"card-content is-block\">Сайт диджитал-агентства</span></button></div>\n        <div class=\"column\"><button class=\"card\" type=\"button\" aria-haspopup=\"dialog\"><span class=\"image\"><img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/work/fashion-store.jpg\" alt=\"\" loading=\"lazy\" width=\"600\" height=\"480\"></span><span class=\"card-content is-block\">Интернет-магазин одежды</span></button></div>\n        <div class=\"column\"><button class=\"card\" type=\"button\" aria-haspopup=\"dialog\"><span class=\"image\"><img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/work/travel-website.jpg\" alt=\"\" loading=\"lazy\" width=\"600\" height=\"480\"></span><span class=\"card-content is-block\">Туристический сайт</span></button></div>\n        <div class=\"column\"><button class=\"card\" type=\"button\" aria-haspopup=\"dialog\"><span class=\"image\"><img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/work/architecture-website.jpg\" alt=\"\" loading=\"lazy\" width=\"600\" height=\"480\"></span><span class=\"card-content is-block\">Сайт архитектурного бюро</span></button></div>\n        <div class=\"column\"><button class=\"card\" type=\"button\" aria-haspopup=\"dialog\"><span class=\"image\"><img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/work/website-mockup.jpg\" alt=\"\" loading=\"lazy\" width=\"600\" height=\"480\"></span><span class=\"card-content is-block\">Презентация сайта</span></button></div>\n      </div>\n      <dialog class=\"modal\" id=\"project-preview\" aria-label=\"Просмотр проекта\" _=\"on click if target is me call my.close() end\">\n        <button class=\"delete is-large\" type=\"button\" autofocus aria-label=\"Закрыть просмотр проекта\" _=\"on click call #project-preview.close()\"></button>\n        <figure class=\"image\"><img id=\"project-image\" alt=\"\"><canvas id=\"project-webgl\" aria-hidden=\"true\"></canvas></figure>\n      </dialog>\n    </div>\n  </section>\n  <section class=\"section\">\n    <div class=\"container\"><div class=\"columns is-vcentered\">\n      <div class=\"column is-half\">\n        <h2 class=\"title is-1\">Интеграция<br>чат-ботов с ИИ</h2>\n        <p class=\"subtitle\">Больше общения. Меньше рутины. Помогаем бизнесу быть на связи с клиентами круглосуточно.</p>\n        <div class=\"content\"><ul><li>Выше эффективность, ниже расходы</li><li>Автоматическая поддержка клиентов 24/7</li><li>Интеграция с вашими платформами</li></ul></div>\n      </div>\n      <div class=\"column is-half\"><figure class=\"image\" aria-label=\"Интерактивный 3D-робот\">\n        <img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/images/zen/robot-loading-mobile.png\" alt=\"Робот поддержки клиентов ZEN\" loading=\"lazy\" width=\"390\" height=\"320\">\n        <canvas id=\"robot-webgl\" aria-hidden=\"true\"></canvas>\n      </figure></div>\n    </div></div>\n  </section>\n  <section class=\"section is-light\" id=\"contact\">\n    <div class=\"container\"><div class=\"columns is-variable is-8-desktop\">\n      <div class=\"column is-two-fifths\"><h2 class=\"title is-1\">Обсудим проект.</h2></div>\n      <div class=\"column\">\n        <form action=\"#\" _=\"on submit halt the event remove .is-hidden from #contact-note\">\n          <div class=\"columns\">\n            <div class=\"column\"><div class=\"field\"><label class=\"label\" for=\"enquiry-name\">Имя</label><div class=\"control\"><input class=\"input\" id=\"enquiry-name\" name=\"name\" autocomplete=\"name\" placeholder=\"Ваше имя\" maxlength=\"100\" required></div></div></div>\n            <div class=\"column\"><div class=\"field\"><label class=\"label\" for=\"enquiry-email\">Электронная почта</label><div class=\"control\"><input class=\"input\" id=\"enquiry-email\" name=\"email\" type=\"email\" autocomplete=\"email\" placeholder=\"name@company.ru\" maxlength=\"254\" required></div></div></div>\n          </div>\n          <div class=\"field\"><label class=\"label\" for=\"enquiry-message\">Сообщение</label><div class=\"control\"><textarea class=\"textarea\" id=\"enquiry-message\" name=\"message\" placeholder=\"Расскажите о вашем проекте\" rows=\"5\" maxlength=\"5000\" required></textarea></div></div>\n          <button class=\"button is-primary is-rounded mt-4\" type=\"submit\">Отправить сообщение <span class=\"icon\" aria-hidden=\"true\">↗</span></button>\n          <p class=\"help mt-4\">Демонстрационная форма. Перед публикацией подключите обработчик заявок.</p>\n          <p class=\"notification is-hidden mt-4\" id=\"contact-note\" role=\"status\">Это предварительный просмотр шаблона. Сообщение не отправлено.</p>\n        </form>\n      </div>\n    </div></div>\n  </section>\n</main>\n<footer class=\"footer\"><div class=\"container\"><div class=\"columns is-vcentered\">\n  <div class=\"column is-narrow\"><figure class=\"image\"><img src=\"https://zen-customizable-webgl-shader-agency-template-v2.21st.app/brand/zen-lockup-light.png\" alt=\"ZEN — креативное маркетинговое агентство\" loading=\"lazy\" width=\"280\" height=\"150\"></figure></div>\n  <div class=\"column\"><p><strong>Креативное маркетинговое агентство.</strong><br>Стратегия, творчество и рост в одном пространстве.</p></div>\n  <div class=\"column is-narrow\"><a href=\"https://www.zenagency.ge\">www.zenagency.ge</a><br><a href=\"https://www.instagram.com/zenagencyge\">@zenagencyge</a></div>\n</div></div></footer>\n</body>\n</html>"