{"id":5517,"date":"2025-06-19T11:57:37","date_gmt":"2025-06-19T09:57:37","guid":{"rendered":"https:\/\/agilera.eu\/?page_id=5517"},"modified":"2026-10-27T22:58:07","modified_gmt":"2026-10-27T21:58:07","slug":"agilera","status":"publish","type":"page","link":"https:\/\/agilera.eu\/cs\/","title":{"rendered":"Agilera"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5517\" class=\"elementor elementor-5517\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b62fff7 e-flex e-con-boxed e-con e-parent\" data-id=\"b62fff7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78c40ee elementor-widget elementor-widget-html\" data-id=\"78c40ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<section class=\"agh-hero\" id=\"agilera-hero\">\n\n  <div class=\"agh-hero__container\">\n\n    <!-- TEXTOV\u00c1 \u010cAS\u0164 -->\n    <div class=\"agh-copy\">\n\n      <div class=\"agh-platforms\" aria-label=\"Platformy, se kter\u00fdmi pracujeme\">\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-205.png\" alt=\"Meta\" loading=\"eager\" decoding=\"async\">\n\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-210.png\" alt=\"TikTok\" loading=\"eager\" decoding=\"async\">\n\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-206.png\" alt=\"Spotify\" loading=\"eager\" decoding=\"async\">\n\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-207.png\" alt=\"Pinterest\" loading=\"eager\" decoding=\"async\">\n      <\/div>\n\n      <h1 class=\"agh-heading\">\n        <span class=\"agh-heading__line agh-heading__line--lead\">\n          OBSAH, KTER\u00dd PROD\u00c1V\u00c1.\n        <\/span>\n\n        <span class=\"agh-heading__line agh-heading__line--core\">\n          KAMPAN\u011a, KTER\u00c9 VYD\u011aL\u00c1VAJ\u00cd.\n        <\/span>\n      <\/h1>\n\n      <p class=\"agh-subheadline\">\n        Spojujeme obsahovou produkci a v\u00fdkonnostn\u00ed kampan\u011b do syst\u00e9mu, kter\u00fd systematicky podporuje r\u016fst firem, jako je ta va\u0161e.\n      <\/p>\n\n      <div class=\"agh-actions\">\n        <a class=\"agilera-button\" href=\"#kontakt\" aria-label=\"Chci v\u00fdsledky \u2013 kontaktovat AGILERU\">\n          <span class=\"agilera-button__mark\" aria-hidden=\"true\">\n            <span><\/span>\n          <\/span>\n\n          <span class=\"agilera-button__label\">\n            Chci v\u00fdsledky\n          <\/span>\n\n          <span class=\"agilera-button__action\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M7 17L17 7\"><\/path>\n              <path d=\"M9 7H17V15\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- GRAFIKA \/ CAROUSEL -->\n    <div class=\"agcp-carousel\" data-autoplay=\"7000\" role=\"region\" aria-label=\"Uk\u00e1zky projekt\u016f AGILERA\" aria-roledescription=\"carousel\">\n\n      <div class=\"agcp-viewport\">\n\n        <!-- SLIDE 1 -->\n        <div class=\"agcp-composition agcp-slide-1 is-active\" data-slide=\"0\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 z 8: Decathlon - Sportovn\u00ed prodejce\" aria-hidden=\"false\">\n          <img fetchpriority=\"high\" class=\"agcp-layer agcp-person\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Zvysna-grafika-Decathlon.png\" alt=\"Projekt pro desetiboj\" width=\"1087\" height=\"920\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\n\n          <img class=\"agcp-layer agcp-logos\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Loga-AGILERA-x-Decathlon.png\" alt=\"Decathlon \u00d7 Agilera\" width=\"401\" height=\"140\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\n\n          <img class=\"agcp-layer agcp-click\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Click-to-view-pre-vsetky.png\" alt=\"\" width=\"188\" height=\"151\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\n\n          <img class=\"agcp-layer agcp-title\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Text-Decathlon.png\" alt=\"Sportovn\u00ed prodejce\" width=\"765\" height=\"157\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\n        <\/div>\n        <!-- SLIDE 2 -->\n        <div class=\"agcp-composition agcp-slide-2\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 z 8: Jinag - Agentura pro inovace\" aria-hidden=\"true\">\n          <img loading=\"lazy\" class=\"agcp-layer agcp-person\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Zvysna-grafika-JINAG.png\" alt=\"Projekt pro Jinag\" width=\"1087\" height=\"920\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-logos\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Loga-AGILERA-x-JINAG.png\" alt=\"Jinag \u00d7 Agilera\" width=\"401\" height=\"140\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-click\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Click-to-view-pre-vsetky.png\" alt=\"\" width=\"188\" height=\"151\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-title\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Text-Jinag.png\" alt=\"Agentura pro inovace\" width=\"765\" height=\"157\" decoding=\"async\" draggable=\"false\">\n        <\/div>\n        <!-- SLIDE 3 -->\n        <div class=\"agcp-composition agcp-slide-3\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 z 8: Garmin \u2013 Sportovn\u00ed elektronika\" aria-hidden=\"true\">\n          <img loading=\"lazy\" class=\"agcp-layer agcp-person\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Zvysna-grafika-Garmin-2.png\" alt=\"Projekt pro Garmin\" width=\"1087\" height=\"920\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-logos\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Loga-AGILERA-x-GARMIN.png\" alt=\"Garmin \u00d7 AGILERA\" width=\"401\" height=\"140\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-click\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Click-to-view-pre-vsetky.png\" alt=\"\" width=\"188\" height=\"151\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-title\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Text-Garmin.png\" alt=\"Sportovn\u00ed elektronika\" width=\"765\" height=\"157\" decoding=\"async\" draggable=\"false\">\n        <\/div>\n        <!-- SLIDE 4 -->\n        <div class=\"agcp-composition agcp-slide-4\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 z 8: Fixiu \u2013 Nemovitosti\" aria-hidden=\"true\">\n          <img loading=\"lazy\" class=\"agcp-layer agcp-person\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Zvysna-grafika-Ofixiu.png\" alt=\"Projekt pro Ofixia\" width=\"1087\" height=\"920\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-logos\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Loga-GILERA-x-OFIXIU.png\" alt=\"Ofixia \u00d7 Agilera\" width=\"401\" height=\"140\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-click\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Click-to-view-pre-vsetky.png\" alt=\"\" width=\"188\" height=\"151\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-title\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Text-Ofixiu.png\" alt=\"Nemovitost\" width=\"765\" height=\"157\" decoding=\"async\" draggable=\"false\">\n        <\/div>\n        <!-- SLIDE 5 -->\n        <div class=\"agcp-composition agcp-slide-5\" data-slide=\"4\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 z 8: Merida \u2013 zna\u010dka kol\" aria-hidden=\"true\">\n          <img loading=\"lazy\" class=\"agcp-layer agcp-person\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Zvysna-grafika-merida-02.png\" alt=\"Projekt pro Meridu\" width=\"1087\" height=\"920\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-logos\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Loga-AGILERA-x-Merida.png\" alt=\"Merida \u00d7 Agilera\" width=\"401\" height=\"140\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-click\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Click-to-view-pre-vsetky.png\" alt=\"\" width=\"188\" height=\"151\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-title\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Text-Merida.png\" alt=\"Zna\u010dka kol\" width=\"765\" height=\"157\" decoding=\"async\" draggable=\"false\">\n        <\/div>\n        <!-- SLIDE 6 -->\n        <div class=\"agcp-composition agcp-slide-6\" data-slide=\"5\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 z 8: Wash - Detailing Shop\" aria-hidden=\"true\">\n          <img loading=\"lazy\" class=\"agcp-layer agcp-person\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Zvysna-grafika-Umyem-1.png\" alt=\"Projekt na myt\u00ed\" width=\"1087\" height=\"920\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-logos\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Loga-AGILERA-x-UMYEM.png\" alt=\"UMYEM \u00d7 AGILERA\" width=\"401\" height=\"140\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-click\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Click-to-view-pre-vsetky.png\" alt=\"\" width=\"188\" height=\"151\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-title\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Text-Umyem.png\" alt=\"Detailn\u00ed obchod\" width=\"765\" height=\"157\" decoding=\"async\" draggable=\"false\">\n        <\/div>\n        <!-- SLIDE 7 -->\n        <div class=\"agcp-composition agcp-slide-7\" data-slide=\"6\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 z 8: Echit - Sol\u00e1rn\u00ed energie\" aria-hidden=\"true\">\n          <img loading=\"lazy\" class=\"agcp-layer agcp-person\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Zvysna-grafika-Ecohit-2.png\" alt=\"Projekt Echit\" width=\"1087\" height=\"920\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-logos\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Loga-AGILERA-x-ECOHIT.png\" alt=\"ECOHIT \u00d7 AGILERA\" width=\"401\" height=\"140\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-click\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Click-to-view-pre-vsetky.png\" alt=\"\" width=\"188\" height=\"151\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-title\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Text-Ecohit.png\" alt=\"Slune\u010dn\u00ed energie\" width=\"765\" height=\"157\" decoding=\"async\" draggable=\"false\">\n        <\/div>\n        <!-- SLIDE 8 -->\n        <div class=\"agcp-composition agcp-slide-8\" data-slide=\"7\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 z 8: Maxident\u00e1ln\u00ed - Zubn\u00ed klinika\" aria-hidden=\"true\">\n          <img loading=\"lazy\" class=\"agcp-layer agcp-person\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Zvysna-grafika-Maxidental.png\" alt=\"Projekt pro MaxIdental\" width=\"1087\" height=\"920\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-logos\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Loga-AGILERA-x-maxidental.png\" alt=\"Maxidental \u00d7 Agilera\" width=\"401\" height=\"140\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-click\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Click-to-view-pre-vsetky.png\" alt=\"\" width=\"188\" height=\"151\" decoding=\"async\" draggable=\"false\">\n\n          <img loading=\"lazy\" class=\"agcp-layer agcp-title\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Text-Maxidental.png\" alt=\"Zubn\u00ed klinika\" width=\"765\" height=\"157\" decoding=\"async\" draggable=\"false\">\n        <\/div>\n\n      <\/div>\n\n      <!-- OVL\u00c1DANIE -->\n      <div class=\"agcp-controls\">\n        <button class=\"agcp-arrow agcp-prev\" type=\"button\" aria-label=\"P\u0159edchoz\u00ed projekt\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M14.5 5.5L8 12l6.5 6.5\"><\/path>\n          <\/svg>\n        <\/button>\n\n        <button class=\"agcp-arrow agcp-next\" type=\"button\" aria-label=\"Dal\u0161\u00ed projekt\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M9.5 5.5L16 12l-6.5 6.5\"><\/path>\n          <\/svg>\n        <\/button>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   Z\u00c1KLAD\n========================================================= *\/\n\n#agilera-hero,\n#agilera-hero *,\n#agilera-hero *::before,\n#agilera-hero *::after {\n  box-sizing: border-box;\n}\n\n#agilera-hero {\n  --agh-header-overlap: 100px;\n\n  position: relative;\n  width: var(--agh-viewport-width, 100%);\n  max-width: none;\n\n  margin-top: calc((var(--agh-header-overlap) + 2px) * -1);\n  margin-left: var(--agh-bleed-left, 0px);\n  margin-right: 0;\n\n  min-height: clamp(720px, 100svh, 950px);\n\n  display: flex;\n  align-items: center;\n\n  overflow: hidden;\n  isolation: isolate;\n\n  background: transparent;\n  color: #fff;\n}\n\n\/* =========================================================\n   ROZLO\u017dENIE\n========================================================= *\/\n\n#agilera-hero .agh-hero__container {\n  position: relative;\n  z-index: 2;\n\n  width: min(calc(100% - 80px), 1600px);\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  align-items: center;\n  gap: clamp(40px, 4vw, 80px);\n\n  padding:\n    clamp(125px, 13vh, 165px)\n    0\n    clamp(95px, 10vh, 135px);\n}\n\n#agilera-hero .agh-copy {\n  position: relative;\n  z-index: 5;\n\n  width: 100%;\n  min-width: 0;\n  max-width: 760px;\n\n  container-type: inline-size;\n}\n\n\/* =========================================================\n   LOG\u00c1 PLATFORIEM\n========================================================= *\/\n\n#agilera-hero .agh-platforms {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex-wrap: wrap;\n\n  gap: 28px;\n  margin: 0 0 34px;\n  padding: 0;\n\n  opacity: 0;\n  filter: blur(6px);\n\n  animation: aghBlurFadeIn .8s ease-out .1s forwards;\n}\n\n#agilera-hero .agh-platforms img {\n  display: block;\n  width: auto;\n  height: 15px;\n  object-fit: contain;\n\n  filter: grayscale(100%);\n  opacity: .6;\n  transform: scale(1);\n\n  transition:\n    transform .6s ease,\n    opacity .6s ease,\n    filter .6s ease;\n}\n\n#agilera-hero .agh-platforms img.active {\n  transform: scale(1.4);\n  opacity: 1;\n  filter: grayscale(0%);\n}\n\n@keyframes aghBlurFadeIn {\n  from {\n    opacity: 0;\n    filter: blur(6px);\n  }\n\n  to {\n    opacity: 1;\n    filter: blur(0);\n  }\n}\n\n\/* =========================================================\n   HEADLINE\n========================================================= *\/\n\n#agilera-hero .agh-heading {\n  width: fit-content;\n  max-width: 100%;\n  margin: 0;\n\n  font-family: \"Unbounded\", Arial, sans-serif;\n  font-weight: 400;\n\n  font-size: clamp(24px, 2vw, 42px);\n  font-size: clamp(24px, 5.3cqw, 42px);\n\n  line-height: 1.22;\n  letter-spacing: -.035em;\n  text-transform: uppercase;\n  font-synthesis: none;\n\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  opacity: 0;\n  filter: blur(5px);\n  transform: translate3d(-22px, 0, 0);\n\n  animation:\n    aghHeadlineReveal\n    .9s\n    cubic-bezier(.22, .8, .22, 1)\n    .18s\n    forwards;\n}\n\n#agilera-hero .agh-heading__line {\n  display: block;\n  width: fit-content;\n  max-width: 100%;\n\n  white-space: normal;\n  overflow-wrap: normal;\n  text-wrap: balance;\n\n  background:\n    linear-gradient(\n      90deg,\n      #fff 0%,\n      #c6c6c6 48%,\n      #929292 100%\n    );\n\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: #fff;\n  -webkit-text-fill-color: transparent;\n}\n\n#agilera-hero .agh-heading__line--core {\n  margin-top: .23em;\n}\n\n@keyframes aghHeadlineReveal {\n  to {\n    opacity: 1;\n    filter: blur(0);\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n\/* =========================================================\n   SUBHEADLINE\n========================================================= *\/\n\n#agilera-hero .agh-subheadline {\n  width: 100%;\n  max-width: var(--agh-heading-width, 100%);\n\n  margin: clamp(24px, 2vw, 31px) 0 0;\n\n  font-family: \"Unbounded\", Arial, sans-serif;\n  font-size: clamp(13px, .92vw, 16px);\n  font-weight: 300;\n\n  line-height: 1.72;\n  letter-spacing: -.008em;\n  color: #c4c4c4;\n\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  opacity: 0;\n  transform: translate3d(0, 8px, 0);\n\n  animation: aghSubReveal .7s ease .46s forwards;\n}\n\n@keyframes aghSubReveal {\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n#agilera-hero .agh-actions {\n  display: flex;\n  align-items: center;\n  margin-top: clamp(30px, 3vw, 42px);\n}\n\n#agilera-hero .agilera-button {\n  --ag-accent: #55dde5;\n  --ag-cursor-x: 50%;\n  --ag-cursor-y: 50%;\n\n  position: relative;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  min-height: 56px;\n  padding: 6px 6px 6px 18px;\n  gap: 13px;\n\n  overflow: hidden;\n  isolation: isolate;\n\n  border: 1px solid rgba(255, 255, 255, .16);\n  border-radius: 16px;\n\n  background: rgba(255, 255, 255, .025);\n  color: #fff !important;\n  text-decoration: none !important;\n\n  font-family: \"Unbounded\", Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1;\n  letter-spacing: -.012em;\n\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);\n  transform: translate3d(0, 0, 0);\n\n  transition:\n    border-color .32s ease,\n    background .32s ease,\n    transform .32s cubic-bezier(.22, .8, .22, 1),\n    box-shadow .32s ease;\n}\n\n#agilera-hero .agilera-button::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  pointer-events: none;\n  opacity: 0;\n\n  background:\n    radial-gradient(\n      125px circle at var(--ag-cursor-x) var(--ag-cursor-y),\n      rgba(85, 221, 229, .20),\n      rgba(85, 221, 229, .085) 34%,\n      rgba(85, 221, 229, .03) 56%,\n      transparent 76%\n    );\n\n  transition: opacity .28s ease;\n}\n\n#agilera-hero .agilera-button__mark {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n\n  width: 9px;\n  height: 22px;\n}\n\n#agilera-hero .agilera-button__mark span {\n  display: block;\n\n  width: 2px;\n  height: 14px;\n\n  border-radius: 99px;\n  background: var(--ag-accent);\n  opacity: .9;\n\n  transform-origin: center;\n\n  transition:\n    height .38s cubic-bezier(.22, .8, .22, 1),\n    opacity .3s ease;\n}\n\n#agilera-hero .agilera-button__label {\n  position: relative;\n  z-index: 2;\n  display: block;\n  white-space: nowrap;\n\n  color: rgba(255, 255, 255, .94);\n  transition: color .3s ease;\n}\n\n#agilera-hero .agilera-button__action {\n  position: relative;\n  z-index: 3;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n\n  width: 42px;\n  height: 42px;\n  margin-left: 4px;\n\n  border-radius: 12px;\n  background: var(--ag-accent);\n  color: #071012;\n\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32);\n  transform: translate3d(0, 0, 0);\n\n  transition:\n    border-radius .38s cubic-bezier(.22, .8, .22, 1),\n    background .3s ease,\n    box-shadow .3s ease;\n}\n\n#agilera-hero .agilera-button__action svg {\n  display: block;\n\n  width: 20px;\n  height: 20px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n  transform: rotate(0deg);\n  transform-origin: 50% 50%;\n\n  transition: transform .42s cubic-bezier(.22, .8, .22, 1);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  #agilera-hero .agilera-button:hover {\n    border-color: rgba(85, 221, 229, .42);\n    background: rgba(255, 255, 255, .047);\n\n    transform: translate3d(0, -1px, 0);\n\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, .075),\n      0 12px 36px rgba(0, 0, 0, .14);\n  }\n\n  #agilera-hero .agilera-button:hover::before {\n    opacity: 1;\n  }\n\n  #agilera-hero .agilera-button:hover .agilera-button__mark span {\n    height: 20px;\n    opacity: 1;\n  }\n\n  #agilera-hero .agilera-button:hover .agilera-button__label {\n    color: #fff;\n  }\n\n  #agilera-hero .agilera-button:hover .agilera-button__action {\n    border-radius: 14px;\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);\n  }\n\n  #agilera-hero .agilera-button:hover .agilera-button__action svg {\n    transform: rotate(45deg);\n  }\n}\n\n#agilera-hero .agilera-button:active {\n  transform: translate3d(0, 0, 0) scale(.985);\n}\n\n#agilera-hero .agilera-button:active .agilera-button__action {\n  transform: scale(.96);\n}\n\n#agilera-hero .agilera-button:focus-visible {\n  outline: 2px solid var(--ag-accent);\n  outline-offset: 4px;\n  border-color: rgba(85, 221, 229, .55);\n}\n\n\/* =========================================================\n   CAROUSEL\n========================================================= *\/\n\n#agilera-hero .agcp-carousel {\n  position: relative !important;\n  display: block !important;\n\n  width: min(100%, 680px) !important;\n  min-width: 0 !important;\n\n  margin: 0 0 0 auto !important;\n  padding: 0 !important;\n\n  overflow: visible !important;\n  isolation: isolate;\n  z-index: 10 !important;\n\n  line-height: 0;\n}\n\n#agilera-hero .agcp-viewport {\n  position: relative;\n  display: block;\n  width: 100%;\n\n  aspect-ratio: 1265 \/ 1086;\n\n  overflow: visible;\n  isolation: isolate;\n  touch-action: pan-y;\n}\n\n#agilera-hero .agcp-composition {\n  position: absolute !important;\n  inset: 0 !important;\n\n  display: block !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: visible !important;\n\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none;\n\n  z-index: 1;\n\n  transform: translate3d(0, 10px, 0) scale(.985);\n\n  transition:\n    opacity 520ms ease,\n    transform 620ms cubic-bezier(.22, .8, .22, 1),\n    visibility 0s linear 620ms;\n}\n\n#agilera-hero .agcp-composition.is-active {\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto;\n\n  z-index: 2;\n\n  transform: translate3d(0, 0, 0) scale(1);\n  transition-delay: 0s;\n}\n\n\/* =========================================================\n   VRSTVY GRAFIKY\n========================================================= *\/\n\n#agilera-hero .agcp-layer {\n  position: absolute !important;\n  display: block !important;\n\n  max-width: none !important;\n  height: auto !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n\n  object-fit: contain;\n  transform-origin: center center;\n\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n\n  transition:\n    transform 220ms cubic-bezier(.22, .8, .22, 1),\n    filter 220ms ease;\n\n  cursor: default;\n  user-select: none;\n  -webkit-user-select: none;\n  -webkit-user-drag: none;\n}\n\n\/* Plynul\u00fd parallax po\u010das sledovania kurzora *\/\n#agilera-hero .agcp-viewport.is-parallax-active .agcp-layer {\n  transition: filter 220ms ease;\n  will-change: transform;\n}\n\n#agilera-hero .agcp-layer.is-hovered {\n  z-index: 20 !important;\n}\n\n#agilera-hero .agcp-person {\n  left: 7.3518%;\n  top: 8.011%;\n  width: 85.4545%;\n\n  z-index: 1;\n\n  --depth: 1.25;\n  --hover-scale: 1;\n}\n\n#agilera-hero .agcp-logos {\n  top: 0;\n  z-index: 3;\n\n  --depth: 1.7;\n  --hover-scale: 1.05;\n}\n\n#agilera-hero .agcp-slide-1 .agcp-logos,\n#agilera-hero .agcp-slide-6 .agcp-logos,\n#agilera-hero .agcp-slide-8 .agcp-logos {\n  left: 34.2292%;\n  width: 31.6996%;\n}\n\n#agilera-hero .agcp-slide-2 .agcp-logos,\n#agilera-hero .agcp-slide-7 .agcp-logos {\n  left: 35.4941%;\n  width: 29.0119%;\n}\n\n#agilera-hero .agcp-slide-3 .agcp-logos,\n#agilera-hero .agcp-slide-4 .agcp-logos,\n#agilera-hero .agcp-slide-5 .agcp-logos {\n  left: 32.4111%;\n  width: 35.1779%;\n}\n\n#agilera-hero .agcp-click {\n  left: 0;\n  top: 56.5378%;\n  width: 14.8617%;\n\n  z-index: 4;\n\n  --depth: 2.1;\n  --hover-scale: 1.07;\n}\n\n#agilera-hero .agcp-title {\n  left: 46%;\n  top: 84.9908%;\n  width: 54%;\n\n  z-index: 5;\n\n  --depth: 1.85;\n  --hover-scale: 1.045;\n}\n\n#agilera-hero .agcp-slide-2 .agcp-title {\n  left: 40%;\n  width: 60%;\n}\n\n\/* Ve\u013ekos\u0165 grafick\u00fdch nadpisov na notebookoch a monitoroch *\/\n@media (min-width: 901px) {\n  #agilera-hero .agcp-title {\n    left: 50%;\n    width: 50%;\n  }\n\n  #agilera-hero .agcp-slide-1 .agcp-title,\n  #agilera-hero .agcp-slide-3 .agcp-title {\n    left: 55%;\n    width: 45%;\n  }\n\n  #agilera-hero .agcp-slide-2 .agcp-title {\n    left: 45%;\n    width: 55%;\n  }\n}\n\n\/* =========================================================\n   OVL\u00c1DANIE CAROUSELU\n========================================================= *\/\n\n#agilera-hero .agcp-controls {\n  position: absolute;\n  inset: 0;\n\n  z-index: 30;\n  pointer-events: none;\n}\n\n#agilera-hero button.agcp-arrow {\n  position: absolute;\n  top: 50%;\n\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  width: 44px !important;\n  min-width: 44px !important;\n  height: 44px !important;\n  min-height: 44px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  appearance: none !important;\n  -webkit-appearance: none !important;\n\n  border: 1px solid rgba(255, 255, 255, .78) !important;\n  border-radius: 50% !important;\n\n  background: rgba(11, 11, 11, .16) !important;\n  color: #fff !important;\n\n  box-shadow: none !important;\n\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n\n  cursor: pointer;\n  pointer-events: auto;\n\n  transform: translateY(-50%) scale(1);\n\n  transition:\n    transform 220ms cubic-bezier(.22, .8, .22, 1),\n    background-color 220ms ease,\n    color 220ms ease,\n    border-color 220ms ease !important;\n\n  -webkit-tap-highlight-color: transparent;\n}\n\n#agilera-hero .agcp-prev {\n  left: -22px;\n}\n\n#agilera-hero .agcp-next {\n  right: -22px;\n}\n\n#agilera-hero button.agcp-arrow svg {\n  display: block !important;\n\n  width: 19px !important;\n  height: 19px !important;\n\n  fill: none !important;\n  stroke: currentColor !important;\n\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n  pointer-events: none;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  #agilera-hero button.agcp-arrow:hover {\n    border-color: #fff !important;\n    background: #fff !important;\n    color: #000 !important;\n\n    transform: translateY(-50%) scale(1.12);\n  }\n}\n\n#agilera-hero button.agcp-arrow:active {\n  background: #fff !important;\n  color: #000 !important;\n\n  transform: translateY(-50%) scale(.96);\n}\n\n#agilera-hero button.agcp-arrow:focus-visible {\n  outline: 2px solid #55dde5 !important;\n  outline-offset: 4px;\n}\n\n\/* =========================================================\n   VE\u013dK\u00c9 OBRAZOVKY\n========================================================= *\/\n\n@media (min-width: 1800px) {\n  #agilera-hero .agh-hero__container {\n    width: min(calc(100% - 120px), 1660px);\n  }\n}\n\n\/* =========================================================\n   NOTEBOOK\n========================================================= *\/\n\n@media (max-width: 1360px) {\n  #agilera-hero .agh-hero__container {\n    width: min(calc(100% - 64px), 1320px);\n  }\n}\n\n@media (max-width: 1120px) and (min-width: 901px) {\n  #agilera-hero .agh-hero__container {\n    width: calc(100% - 48px);\n  }\n\n  #agilera-hero .agh-subheadline {\n    font-size: 13px;\n  }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n  #agilera-hero .agh-heading {\n    font-weight: 500;\n  }\n\n  #agilera-hero {\n    --agh-header-overlap: 88px;\n    min-height: auto;\n  }\n\n  #agilera-hero .agh-hero__container {\n    width: min(calc(100% - 52px), 780px);\n\n    grid-template-columns: 1fr;\n    gap: 46px;\n\n    padding: 125px 0 90px;\n  }\n\n  #agilera-hero .agh-copy {\n    max-width: 720px;\n    margin-inline: auto;\n  }\n\n  #agilera-hero .agcp-carousel {\n    width: min(88%, 620px) !important;\n    margin: 10px auto 0 !important;\n  }\n}\n\n\/* =========================================================\n   MOBIL\n========================================================= *\/\n\n@media (max-width: 767px) {\n  #agilera-hero {\n    --agh-header-overlap: 76px;\n  }\n\n  #agilera-hero .agh-hero__container {\n    width: calc(100% - 40px);\n    gap: 64px;\n\n    padding:\n      calc(var(--agh-header-overlap) + 64px)\n      0\n      86px;\n  }\n\n  #agilera-hero .agh-copy {\n    text-align: center;\n  }\n\n  #agilera-hero .agh-platforms {\n    justify-content: center;\n    gap: 24px;\n    margin-bottom: 38px;\n  }\n\n  #agilera-hero .agh-platforms img {\n    height: 13px;\n  }\n\n  #agilera-hero .agh-platforms img.active {\n    transform: scale(1.28);\n  }\n\n  #agilera-hero .agh-heading {\n    margin-inline: auto;\n\n    font-size: clamp(23px, 5.2vw, 34px);\n    line-height: 1.25;\n    letter-spacing: -.03em;\n  }\n\n  #agilera-hero .agh-heading__line {\n    margin-inline: auto;\n  }\n\n  #agilera-hero .agh-heading__line--core {\n    margin-top: .3em;\n  }\n\n  #agilera-hero .agh-subheadline {\n    margin: 30px auto 0;\n    font-size: clamp(12px, 3.1vw, 14px);\n    line-height: 1.8;\n  }\n\n  #agilera-hero .agh-actions {\n    justify-content: center;\n    margin-top: 36px;\n  }\n\n  #agilera-hero .agilera-button {\n    min-height: 52px;\n    padding: 5px 5px 5px 16px;\n    gap: 11px;\n\n    border-radius: 15px;\n    font-size: 12px;\n  }\n\n  #agilera-hero .agilera-button__mark {\n    width: 8px;\n    height: 20px;\n  }\n\n  #agilera-hero .agilera-button__mark span {\n    height: 13px;\n  }\n\n  #agilera-hero .agilera-button__action {\n    width: 40px;\n    height: 40px;\n    border-radius: 11px;\n  }\n\n  #agilera-hero .agilera-button__action svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  #agilera-hero .agcp-carousel {\n    width: min(100%, 520px) !important;\n    margin: 0 auto !important;\n  }\n\n  #agilera-hero .agcp-viewport {\n    aspect-ratio: 1 \/ 1;\n  }\n\n  #agilera-hero .agcp-person {\n    width: 88%;\n    left: 6%;\n    top: 13%;\n  }\n\n  #agilera-hero .agcp-slide-1 .agcp-logos,\n  #agilera-hero .agcp-slide-2 .agcp-logos,\n  #agilera-hero .agcp-slide-6 .agcp-logos,\n  #agilera-hero .agcp-slide-7 .agcp-logos,\n  #agilera-hero .agcp-slide-8 .agcp-logos {\n    width: 36%;\n    left: 32%;\n    top: 0;\n  }\n\n  #agilera-hero .agcp-slide-3 .agcp-logos,\n  #agilera-hero .agcp-slide-4 .agcp-logos,\n  #agilera-hero .agcp-slide-5 .agcp-logos {\n    width: 40%;\n    left: 30%;\n    top: 0;\n  }\n\n  #agilera-hero .agcp-click {\n    width: 16%;\n    left: 0;\n    top: 61%;\n  }\n\n  #agilera-hero .agcp-title {\n    width: 58%;\n    left: 21%;\n    top: 81%;\n  }\n\n  #agilera-hero .agcp-slide-2 .agcp-title {\n    width: 70%;\n    left: 15%;\n    top: 84%;\n  }\n\n  #agilera-hero .agcp-controls {\n    position: relative;\n    inset: auto;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 100%;\n    margin-top: 28px;\n    gap: 16px;\n\n    pointer-events: auto;\n  }\n\n  #agilera-hero button.agcp-arrow {\n    position: relative;\n    top: auto;\n    left: auto;\n    right: auto;\n\n    flex-shrink: 0;\n    transform: scale(1);\n  }\n\n  #agilera-hero button.agcp-arrow:hover {\n    transform: scale(1);\n  }\n\n  #agilera-hero button.agcp-arrow:active {\n    transform: scale(.96);\n  }\n\n  #agilera-hero .agcp-prev {\n    order: 1;\n  }\n\n  #agilera-hero .agcp-next {\n    order: 3;\n  }\n}\n\n\/* =========================================================\n   MAL\u00c9 TELEF\u00d3NY\n========================================================= *\/\n\n@media (max-width: 430px) {\n  #agilera-hero .agh-platforms img {\n    height: 11px;\n  }\n}\n\n@media (max-width: 360px) {\n  #agilera-hero .agh-hero__container {\n    width: calc(100% - 32px);\n  }\n\n  #agilera-hero .agh-platforms {\n    gap: 20px;\n  }\n\n  #agilera-hero .agilera-button {\n    min-height: 50px;\n    padding: 5px 5px 5px 14px;\n    gap: 10px;\n    font-size: 11.5px;\n  }\n\n  #agilera-hero .agilera-button__action {\n    width: 38px;\n    height: 38px;\n  }\n\n  #agilera-hero .agilera-button__action svg {\n    width: 17px;\n    height: 17px;\n  }\n}\n\n\/* =========================================================\n   OBMEDZEN\u00c9 ANIM\u00c1CIE\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #agilera-hero .agh-platforms,\n  #agilera-hero .agh-heading,\n  #agilera-hero .agh-subheadline {\n    opacity: 1;\n    filter: none;\n    transform: none;\n    animation: none;\n  }\n\n  #agilera-hero .agh-platforms img,\n  #agilera-hero .agcp-composition,\n  #agilera-hero .agcp-layer,\n  #agilera-hero button.agcp-arrow,\n  #agilera-hero .agilera-button,\n  #agilera-hero .agilera-button::before,\n  #agilera-hero .agilera-button * {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const hero = document.getElementById(\"agilera-hero\");\n\n  if (!hero || hero.dataset.aghReady) return;\n\n  hero.dataset.aghReady = \"true\";\n\n  const motion = window.matchMedia(\n    \"(prefers-reduced-motion: reduce)\"\n  );\n\n  const fine = window.matchMedia(\n    \"(hover: hover) and (pointer: fine)\"\n  );\n\n  const heading = hero.querySelector(\".agh-heading\");\n  const subheadline = hero.querySelector(\".agh-subheadline\");\n  const button = hero.querySelector(\".agilera-button\");\n\n  \/* =====================================================\n     \u0160\u00cdRKA SEKCIE A SUBHEADLINU\n  ===================================================== *\/\n\n  let resizeFrame = 0;\n\n  function layout() {\n    if (!hero.isConnected) return;\n\n    hero.style.setProperty(\"--agh-bleed-left\", \"0px\");\n    hero.style.setProperty(\"--agh-viewport-width\", \"100%\");\n\n    const left = hero.getBoundingClientRect().left;\n    const viewportWidth = document.documentElement.clientWidth;\n\n    hero.style.setProperty(\n      \"--agh-bleed-left\",\n      -left + \"px\"\n    );\n\n    hero.style.setProperty(\n      \"--agh-viewport-width\",\n      viewportWidth + \"px\"\n    );\n\n    subheadline.style.setProperty(\n      \"--agh-heading-width\",\n      heading.offsetWidth + \"px\"\n    );\n  }\n\n  function queueLayout() {\n    window.cancelAnimationFrame(resizeFrame);\n    resizeFrame = window.requestAnimationFrame(layout);\n  }\n\n  window.addEventListener(\"resize\", queueLayout, {\n    passive: true\n  });\n\n  if (window.ResizeObserver && hero.parentElement) {\n    const resizeObserver = new ResizeObserver(queueLayout);\n    resizeObserver.observe(hero.parentElement);\n  }\n\n  if (document.fonts) {\n    document.fonts.ready.then(queueLayout);\n  }\n\n  layout();\n\n  \/* =====================================================\n     SVETLO CTA\n  ===================================================== *\/\n\n  button.addEventListener(\"pointermove\", function (event) {\n    if (!fine.matches || motion.matches) return;\n\n    const rect = button.getBoundingClientRect();\n\n    button.style.setProperty(\n      \"--ag-cursor-x\",\n      event.clientX - rect.left + \"px\"\n    );\n\n    button.style.setProperty(\n      \"--ag-cursor-y\",\n      event.clientY - rect.top + \"px\"\n    );\n  });\n\n  button.addEventListener(\"pointerleave\", function () {\n    button.style.setProperty(\"--ag-cursor-x\", \"50%\");\n    button.style.setProperty(\"--ag-cursor-y\", \"50%\");\n  });\n\n  \/* =====================================================\n     ANIM\u00c1CIA LOG\n  ===================================================== *\/\n\n  const platformLogos = Array.from(\n    hero.querySelectorAll(\".agh-platforms img\")\n  );\n\n  let platformIndex = 0;\n\n  function highlightPlatform() {\n    if (!platformLogos.length) return;\n\n    platformLogos.forEach(function (logo, index) {\n      logo.classList.toggle(\n        \"active\",\n        index === platformIndex\n      );\n    });\n\n    platformIndex = (\n      platformIndex + 1\n    ) % platformLogos.length;\n  }\n\n  if (!motion.matches) {\n    highlightPlatform();\n  }\n\n  const platformTimer = window.setInterval(function () {\n    if (!hero.isConnected) {\n      window.clearInterval(platformTimer);\n      return;\n    }\n\n    if (document.hidden || motion.matches) return;\n\n    highlightPlatform();\n  }, 2000);\n\n  \/* =====================================================\n     CAROUSEL\n  ===================================================== *\/\n\n  const carousel = hero.querySelector(\".agcp-carousel\");\n  const viewport = carousel.querySelector(\".agcp-viewport\");\n\n  const slides = Array.from(\n    carousel.querySelectorAll(\".agcp-composition\")\n  );\n\n  const previousButton = carousel.querySelector(\".agcp-prev\");\n  const nextButton = carousel.querySelector(\".agcp-next\");\n\n  let currentIndex = 0;\n  let autoplayTimer = 0;\n\n  let visible = true;\n\n  let pointerFrame = 0;\n  let pointerInside = false;\n  let targetX = 0;\n  let targetY = 0;\n  let currentX = 0;\n  let currentY = 0;\n  let lastPointerTime = 0;\n  let hoveredLayer = null;\n\n  const autoplayDelay = Math.max(\n    3000,\n    Number(carousel.dataset.autoplay) || 7000\n  );\n\n  function resetLayers() {\n    window.cancelAnimationFrame(pointerFrame);\n    pointerFrame = 0;\n    pointerInside = false;\n    targetX = 0;\n    targetY = 0;\n    currentX = 0;\n    currentY = 0;\n    lastPointerTime = 0;\n    hoveredLayer = null;\n    viewport.classList.remove(\"is-parallax-active\");\n\n    slides.forEach(function (slide) {\n      slide.querySelectorAll(\".agcp-layer\").forEach(\n        function (layer) {\n          layer.style.transform = \"\";\n          layer.classList.remove(\"is-hovered\");\n        }\n      );\n    });\n  }\n\n  function scheduleAutoplay() {\n    window.clearTimeout(autoplayTimer);\n\n    if (\n      !hero.isConnected ||\n      slides.length < 2 ||\n      !visible ||\n      document.hidden ||\n      motion.matches\n    ) {\n      return;\n    }\n\n    autoplayTimer = window.setTimeout(function () {\n      showSlide(currentIndex + 1);\n    }, autoplayDelay);\n  }\n\n  function showSlide(nextIndex) {\n    resetLayers();\n\n    currentIndex = (\n      nextIndex + slides.length\n    ) % slides.length;\n\n    slides.forEach(function (slide, index) {\n      const active = index === currentIndex;\n\n      slide.classList.toggle(\"is-active\", active);\n      slide.setAttribute(\"aria-hidden\", String(!active));\n    });\n\n    scheduleAutoplay();\n  }\n\n  previousButton.addEventListener(\"click\", function () {\n    showSlide(currentIndex - 1);\n  });\n\n  nextButton.addEventListener(\"click\", function () {\n    showSlide(currentIndex + 1);\n  });\n\n  \/* =====================================================\n     KL\u00c1VESNICA A FOCUS\n  ===================================================== *\/\n\n  carousel.addEventListener(\"keydown\", function (event) {\n    if (\n      event.key !== \"ArrowLeft\" &&\n      event.key !== \"ArrowRight\"\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n\n    showSlide(\n      currentIndex + (\n        event.key === \"ArrowRight\" ? 1 : -1\n      )\n    );\n  });\n\n  \/* =====================================================\n     SWIPE NA MOBILE\n  ===================================================== *\/\n\n  let touchStart = null;\n\n  viewport.addEventListener(\n    \"touchstart\",\n    function (event) {\n      if (event.touches.length !== 1) {\n        touchStart = null;\n        return;\n      }\n\n      touchStart = {\n        x: event.touches[0].clientX,\n        y: event.touches[0].clientY\n      };\n    },\n    { passive: true }\n  );\n\n  viewport.addEventListener(\n    \"touchcancel\",\n    function () {\n      touchStart = null;\n    },\n    { passive: true }\n  );\n\n  viewport.addEventListener(\n    \"touchend\",\n    function (event) {\n      if (\n        !touchStart ||\n        !event.changedTouches.length\n      ) {\n        return;\n      }\n\n      const touch = event.changedTouches[0];\n\n      const differenceX = touch.clientX - touchStart.x;\n      const differenceY = touch.clientY - touchStart.y;\n\n      touchStart = null;\n\n      if (\n        Math.abs(differenceX) <= 45 ||\n        Math.abs(differenceX) <= Math.abs(differenceY)\n      ) {\n        return;\n      }\n\n      showSlide(\n        currentIndex + (differenceX < 0 ? 1 : -1)\n      );\n    },\n    { passive: true }\n  );\n\n  \/* =====================================================\n     PARALLAX\n  ===================================================== *\/\n\n  \/\/ H\u013abku a hover scale na\u010d\u00edtame len raz\n  const layerSettings = slides.map(function (slide) {\n    return Array.from(slide.querySelectorAll(\".agcp-layer\")).map(\n      function (layer) {\n        const style = window.getComputedStyle(layer);\n        return {\n          layer: layer,\n          depth: parseFloat(style.getPropertyValue(\"--depth\")) || 1.5,\n          hoverScale: parseFloat(style.getPropertyValue(\"--hover-scale\")) || 1\n        };\n      }\n    );\n  });\n\n  function animateParallax(time) {\n    pointerFrame = 0;\n\n    if (!pointerInside || !fine.matches || motion.matches) return;\n\n    \/\/ Plynul\u00e9 tlmenie pohybu nez\u00e1visl\u00e9 od FPS\n    const elapsed = lastPointerTime ? Math.min(time - lastPointerTime, 50) : 16;\n    lastPointerTime = time;\n    const easing = 1 - Math.exp(-elapsed \/ 90);\n\n    currentX += (targetX - currentX) * easing;\n    currentY += (targetY - currentY) * easing;\n\n    layerSettings[currentIndex].forEach(function (item) {\n      const layer = item.layer;\n      const depth = item.depth;\n      const isHovered = layer === hoveredLayer;\n      const scale = isHovered ? item.hoverScale : 1;\n\n      layer.classList.toggle(\"is-hovered\", isHovered);\n      layer.style.transform = `\n        perspective(1400px)\n        translate3d(\n          ${currentX * depth * 6}px,\n          ${currentY * depth * 4}px,\n          0\n        )\n        rotateX(${currentY * depth * -3.2}deg)\n        rotateY(${currentX * depth * 4.2}deg)\n        scale(${scale})\n      `;\n    });\n\n    if (\n      Math.abs(targetX - currentX) > 0.001 ||\n      Math.abs(targetY - currentY) > 0.001\n    ) {\n      pointerFrame = window.requestAnimationFrame(animateParallax);\n    }\n  }\n\n  viewport.addEventListener(\"pointermove\", function (event) {\n    if (!fine.matches || motion.matches) return;\n\n    const rect = viewport.getBoundingClientRect();\n    if (!rect.width || !rect.height) return;\n\n    targetX = Math.max(-1, Math.min(1,\n      (event.clientX - rect.left) \/ rect.width * 2 - 1\n    ));\n    targetY = Math.max(-1, Math.min(1,\n      (event.clientY - rect.top) \/ rect.height * 2 - 1\n    ));\n\n    hoveredLayer = (\n      event.target.classList.contains(\"agcp-layer\") &&\n      !event.target.classList.contains(\"agcp-person\")\n    ) ? event.target : null;\n\n    if (!pointerInside) {\n      pointerInside = true;\n      lastPointerTime = 0;\n      viewport.classList.add(\"is-parallax-active\");\n    }\n\n    if (!pointerFrame) {\n      pointerFrame = window.requestAnimationFrame(animateParallax);\n    }\n  });\n\n  viewport.addEventListener(\"pointerleave\", resetLayers);\n\n  \/* =====================================================\n     VIDITE\u013dNOS\u0164 A OBMEDZEN\u00c9 ANIM\u00c1CIE\n  ===================================================== *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    scheduleAutoplay\n  );\n\n  if (window.IntersectionObserver) {\n    const intersectionObserver = new IntersectionObserver(\n      function (entries) {\n        visible = entries[0].isIntersecting;\n        scheduleAutoplay();\n      }\n    );\n\n    intersectionObserver.observe(hero);\n  }\n\n  function syncMotion() {\n    if (motion.matches) {\n      resetLayers();\n\n      platformLogos.forEach(function (logo) {\n        logo.classList.remove(\"active\");\n      });\n    }\n\n    scheduleAutoplay();\n  }\n\n  motion.addEventListener(\"change\", syncMotion);\n\n  syncMotion();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c28c3dc e-flex e-con-boxed e-con e-parent\" data-id=\"c28c3dc\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\"}'>\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e8ee90 elementor-widget elementor-widget-heading\" data-id=\"7e8ee90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ov\u011b\u0159eno t\u011bmi nejlep\u0161\u00edmi...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73119c7 elementor-widget elementor-widget-html\" data-id=\"73119c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div class=\"logo-carousel-wrapper\">\r\n  <div class=\"logo-slider\">\r\n    <div class=\"logo-track\">\r\n\r\n      <!-- Nov\u00fdch 20 log pod\u013ea zadania -->\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/trutnov_logo-300x300-1.png\" alt=\"Trutnov Trails\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/karel_logo-1.png\" alt=\"Mindless Brand Consulting\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/akubar_logo_bile_pruhledne-1.png\" alt=\"Akubar\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/stribrny_potok_logo-300x300-1.png\" alt=\"Chata St\u0159\u00edbrn\u00fd Potok\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Decathlon-Logo-500x281-1.png\" alt=\"Decathlon\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/rys_logo_barevne-300x300-1.png\" alt=\"Rychlebsk\u00e9 stezky\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/maxidental_logo-1.png\" alt=\"Maxidental\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/mtbitaly_logo-1.png\" alt=\"MTB Italy\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/464690315_9199119560098028_4430350588989321837_n-1-1.png\" alt=\"Lepope\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/paganella_logo_barevne-300x300-1.png\" alt=\"Dolomiti Paganella Bike\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/10\/logo_umyem-1.png\" alt=\"UMYEM\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/masurda_logo_bile-1.png\" alt=\"Mario Mi\u0161urda\"><\/div>\r\n      <!-- 14. logo \u2013 Garmin -->\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/Garmin-logo.png\" alt=\"Garmin\"><\/div>\r\n      <!-- Pokra\u010dovanie -->\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/ecohit_logo-300x300-1.png\" alt=\"Ecohit\"><\/div>\r\n      <div class=\"logo-item logo-big\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/JINAG-1.png\" alt=\"JINAG\"><\/div>\r\n      <div class=\"logo-item logo-big\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-275.png\" alt=\"SEBA Academy\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/bajkova_skolka_logo-300x300-1.png\" alt=\"Bajkov\u00e1 \u0161kolka\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/channels4_profile-1.png\" alt=\"YouTube\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/toppng.com-merida-bikes-logo-1077x403-1.png\" alt=\"Merida\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/shredwear_logo-300x300-1.png\" alt=\"Shredwear\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/plotmarket_logo_blackandwhite_transparent_background-1.png\" alt=\"Plotmarket\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/thinktank_logo-300x300-1.png\" alt=\"ThinkTank\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Logo-ofixiu.png\" alt=\"Ofixia\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/goodaccess-1.png\" alt=\"dobr\u00fd p\u0159\u00edstup\"><\/div>\r\n\r\n      <!-- Duplikovan\u00fdch prv\u00fdch 10 log pre plynul\u00e9 pos\u00favanie -->\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/trutnov_logo-300x300-1.png\" alt=\"Trutnov Trails\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/karel_logo-1.png\" alt=\"Mindless Brand Consulting\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/akubar_logo_bile_pruhledne-1.png\" alt=\"Akubar\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/stribrny_potok_logo-300x300-1.png\" alt=\"Chata St\u0159\u00edbrn\u00fd Potok\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Decathlon-Logo-500x281-1.png\" alt=\"Decathlon\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/rys_logo_barevne-300x300-1.png\" alt=\"Rychlebsk\u00e9 stezky\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/maxidental_logo-1.png\" alt=\"Maxidental\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/mtbitaly_logo-1.png\" alt=\"MTB Italy\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/464690315_9199119560098028_4430350588989321837_n-1-1.png\" alt=\"Lepope\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/paganella_logo_barevne-300x300-1.png\" alt=\"Dolomiti Paganella Bike\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/10\/logo_umyem-1.png\" alt=\"UMYEM\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/masurda_logo_bile-1.png\" alt=\"Mario Mi\u0161urda\"><\/div>\r\n      <!-- 14. duplikovan\u00e9 logo \u2013 Garmin -->\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/Garmin-logo.png\" alt=\"Garmin\"><\/div>\r\n      <!-- Pokra\u010dovanie duplik\u00e1tov -->\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/ecohit_logo-300x300-1.png\" alt=\"Ecohit\"><\/div>\r\n      <div class=\"logo-item logo-big\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/JINAG-1.png\" alt=\"JINAG\"><\/div>\r\n      <div class=\"logo-item logo-big\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-275.png\" alt=\"SEBA Academy\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/bajkova_skolka_logo-300x300-1.png\" alt=\"Bajkov\u00e1 \u0161kolka\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/channels4_profile-1.png\" alt=\"YouTube\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/toppng.com-merida-bikes-logo-1077x403-1.png\" alt=\"Merida\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/shredwear_logo-300x300-1.png\" alt=\"Shredwear\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/plotmarket_logo_blackandwhite_transparent_background-1.png\" alt=\"Plotmarket\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/thinktank_logo-300x300-1.png\" alt=\"ThinkTank\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Logo-ofixiu.png\" alt=\"Ofixia\"><\/div>\r\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/goodaccess-1.png\" alt=\"dobr\u00fd p\u0159\u00edstup\"><\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a3402d e-flex e-con-boxed e-con e-parent\" data-id=\"3a3402d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c9cd3d elementor-widget elementor-widget-spacer\" data-id=\"9c9cd3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28f1748 elementor-widget elementor-widget-html\" data-id=\"28f1748\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"agilera-statement\" id=\"agilera-statement\">\r\n\r\n    <div class=\"agilera-statement__inner\">\r\n\r\n        <p class=\"agilera-statement__text\">\r\n            Formujeme zp\u016fsob, jak\u00fdm lid\u00e9 va\u0161i zna\u010dku vn\u00edmaj\u00ed, zapamatuj\u00ed si ji a nakonec se rozhodnou pr\u00e1v\u011b pro ni.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   AGILERA \u2014 STATEMENT\r\n   ========================================================= *\/\r\n\r\n.agilera-statement {\r\n    position: relative;\r\n    width: 100%;\r\n\r\n    background: transparent;\r\n\r\n    overflow: visible;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.agilera-statement__inner {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 1700px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        clamp(75px, 7vw, 115px)\r\n        clamp(24px, 6vw, 110px);\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TYPOGRAPHY\r\n   ========================================================= *\/\r\n\r\n.agilera-statement__text {\r\n    position: relative;\r\n\r\n    margin: 0 auto;\r\n\r\n    max-width: 1500px;\r\n\r\n    text-align: center;\r\n\r\n    font-family: \"Unbounded\", sans-serif;\r\n\r\n    font-size: clamp(26px, 2.4vw, 42px);\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1.34;\r\n\r\n    letter-spacing: -0.02em;\r\n\r\n    color: #696969;\r\n\r\n    white-space: normal;\r\n    overflow-wrap: normal;\r\n    word-break: normal;\r\n\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORDS\r\n   ========================================================= *\/\r\n\r\n.agilera-statement__word {\r\n    display: inline;\r\n\r\n    color: rgb(105, 105, 105);\r\n\r\n    will-change: color;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .agilera-statement__inner {\r\n        padding:\r\n            75px\r\n            clamp(28px, 6vw, 60px);\r\n    }\r\n\r\n\r\n    .agilera-statement__text {\r\n        max-width: 100%;\r\n\r\n        font-size: clamp(25px, 3.8vw, 36px);\r\n\r\n        line-height: 1.36;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .agilera-statement__inner {\r\n        padding:\r\n            65px\r\n            clamp(20px, 6vw, 28px);\r\n    }\r\n\r\n\r\n    .agilera-statement__text {\r\n        max-width: 100%;\r\n\r\n        font-size: clamp(21px, 5.6vw, 27px);\r\n\r\n        font-weight: 300;\r\n\r\n        line-height: 1.4;\r\n\r\n        letter-spacing: -0.015em;\r\n\r\n        white-space: normal;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .agilera-statement__text {\r\n        font-size: clamp(20px, 5.5vw, 24px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .agilera-statement__word {\r\n        color: #FFFFFF !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const section =\r\n        document.getElementById('agilera-statement');\r\n\r\n    if (!section) return;\r\n\r\n\r\n    const textElement =\r\n        section.querySelector('.agilera-statement__text');\r\n\r\n    if (!textElement) return;\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       SETTINGS\r\n       ===================================================== *\/\r\n\r\n    const MIN_FULL_REVEAL_TIME = 1800;\r\n\r\n    const START_VIEWPORT_POSITION = 0.95;\r\n\r\n    const END_VIEWPORT_POSITION = 0.22;\r\n\r\n    const WORD_OVERLAP = 0.28;\r\n\r\n    const FOLLOW_SMOOTHNESS = 180;\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       TEXT \u2192 WORDS\r\n       ===================================================== *\/\r\n\r\n    const originalText =\r\n        textElement.textContent\r\n            .replace(\/\\s+\/g, ' ')\r\n            .trim();\r\n\r\n\r\n    textElement.setAttribute(\r\n        'aria-label',\r\n        originalText\r\n    );\r\n\r\n\r\n    const words =\r\n        originalText.split(\/\\s+\/);\r\n\r\n\r\n    textElement.innerHTML =\r\n        words\r\n            .map(word =>\r\n\r\n                `<span\r\n                    class=\"agilera-statement__word\"\r\n                    aria-hidden=\"true\"\r\n                >${word}<\/span>`\r\n\r\n            )\r\n            .join(' ');\r\n\r\n\r\n    const wordElements =\r\n        Array.from(\r\n            textElement.querySelectorAll(\r\n                '.agilera-statement__word'\r\n            )\r\n        );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       COLORS\r\n       ===================================================== *\/\r\n\r\n    const startColor = {\r\n        r: 105,\r\n        g: 105,\r\n        b: 105\r\n    };\r\n\r\n\r\n    const endColor = {\r\n        r: 255,\r\n        g: 255,\r\n        b: 255\r\n    };\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       HELPERS\r\n       ===================================================== *\/\r\n\r\n    function clamp(value, min, max) {\r\n\r\n        return Math.min(\r\n            Math.max(value, min),\r\n            max\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function interpolate(start, end, progress) {\r\n\r\n        return Math.round(\r\n            start +\r\n            (end - start) *\r\n            progress\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function smootherStep(value) {\r\n\r\n        value =\r\n            clamp(value, 0, 1);\r\n\r\n\r\n        return (\r\n            value *\r\n            value *\r\n            value *\r\n            (\r\n                value *\r\n                (\r\n                    value * 6 - 15\r\n                )\r\n                + 10\r\n            )\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       ANIMATION STATE\r\n       ===================================================== *\/\r\n\r\n    let targetProgress = 0;\r\n\r\n    let currentProgress = 0;\r\n\r\n    let animationFrame = null;\r\n\r\n    let lastTime =\r\n        performance.now();\r\n\r\n\r\n    const MAX_PROGRESS_PER_MS =\r\n        1 \/ MIN_FULL_REVEAL_TIME;\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       CALCULATE SCROLL PROGRESS\r\n       ===================================================== *\/\r\n\r\n    function calculateTargetProgress() {\r\n\r\n        const rect =\r\n            textElement.getBoundingClientRect();\r\n\r\n\r\n        const viewportHeight =\r\n            window.innerHeight;\r\n\r\n\r\n        const startPoint =\r\n            viewportHeight *\r\n            START_VIEWPORT_POSITION;\r\n\r\n\r\n        const endPoint =\r\n            viewportHeight *\r\n            END_VIEWPORT_POSITION;\r\n\r\n\r\n        const textCenter =\r\n            rect.top +\r\n            rect.height * 0.5;\r\n\r\n\r\n        let progress =\r\n            (\r\n                startPoint -\r\n                textCenter\r\n            )\r\n            \/\r\n            (\r\n                startPoint -\r\n                endPoint\r\n            );\r\n\r\n\r\n        targetProgress =\r\n            clamp(\r\n                progress,\r\n                0,\r\n                1\r\n            );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       WORD RENDERING\r\n       ===================================================== *\/\r\n\r\n    function renderWords(progress) {\r\n\r\n        const totalWords =\r\n            wordElements.length;\r\n\r\n\r\n        wordElements.forEach(\r\n            (word, index) => {\r\n\r\n                const normalizedIndex =\r\n                    totalWords > 1\r\n\r\n                    ? index \/\r\n                      (totalWords - 1)\r\n\r\n                    : 0;\r\n\r\n\r\n                const wordStart =\r\n                    normalizedIndex *\r\n                    (1 - WORD_OVERLAP);\r\n\r\n\r\n                let localProgress =\r\n                    (\r\n                        progress -\r\n                        wordStart\r\n                    )\r\n                    \/\r\n                    WORD_OVERLAP;\r\n\r\n\r\n                localProgress =\r\n                    clamp(\r\n                        localProgress,\r\n                        0,\r\n                        1\r\n                    );\r\n\r\n\r\n                localProgress =\r\n                    smootherStep(\r\n                        localProgress\r\n                    );\r\n\r\n\r\n                const r =\r\n                    interpolate(\r\n                        startColor.r,\r\n                        endColor.r,\r\n                        localProgress\r\n                    );\r\n\r\n\r\n                const g =\r\n                    interpolate(\r\n                        startColor.g,\r\n                        endColor.g,\r\n                        localProgress\r\n                    );\r\n\r\n\r\n                const b =\r\n                    interpolate(\r\n                        startColor.b,\r\n                        endColor.b,\r\n                        localProgress\r\n                    );\r\n\r\n\r\n                word.style.color =\r\n                    `rgb(${r}, ${g}, ${b})`;\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       SMOOTH ANIMATION\r\n       ===================================================== *\/\r\n\r\n    function animate(time) {\r\n\r\n        const deltaTime =\r\n            Math.min(\r\n                time - lastTime,\r\n                50\r\n            );\r\n\r\n\r\n        lastTime = time;\r\n\r\n\r\n        const difference =\r\n            targetProgress -\r\n            currentProgress;\r\n\r\n\r\n        const smoothingFactor =\r\n            1 -\r\n            Math.exp(\r\n                -deltaTime \/\r\n                FOLLOW_SMOOTHNESS\r\n            );\r\n\r\n\r\n        let desiredStep =\r\n            difference *\r\n            smoothingFactor;\r\n\r\n\r\n        const maxStep =\r\n            deltaTime *\r\n            MAX_PROGRESS_PER_MS;\r\n\r\n\r\n        desiredStep =\r\n            clamp(\r\n                desiredStep,\r\n                -maxStep,\r\n                maxStep\r\n            );\r\n\r\n\r\n        currentProgress +=\r\n            desiredStep;\r\n\r\n\r\n        currentProgress =\r\n            clamp(\r\n                currentProgress,\r\n                0,\r\n                1\r\n            );\r\n\r\n\r\n        renderWords(\r\n            currentProgress\r\n        );\r\n\r\n\r\n        if (\r\n            Math.abs(\r\n                targetProgress -\r\n                currentProgress\r\n            ) > 0.0001\r\n        ) {\r\n\r\n            animationFrame =\r\n                requestAnimationFrame(\r\n                    animate\r\n                );\r\n\r\n        }\r\n\r\n        else {\r\n\r\n            currentProgress =\r\n                targetProgress;\r\n\r\n\r\n            renderWords(\r\n                currentProgress\r\n            );\r\n\r\n\r\n            animationFrame =\r\n                null;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       UPDATE\r\n       ===================================================== *\/\r\n\r\n    function update() {\r\n\r\n        calculateTargetProgress();\r\n\r\n\r\n        if (!animationFrame) {\r\n\r\n            lastTime =\r\n                performance.now();\r\n\r\n\r\n            animationFrame =\r\n                requestAnimationFrame(\r\n                    animate\r\n                );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       EVENTS\r\n       ===================================================== *\/\r\n\r\n    window.addEventListener(\r\n        'scroll',\r\n        update,\r\n        { passive: true }\r\n    );\r\n\r\n\r\n    window.addEventListener(\r\n        'resize',\r\n        update,\r\n        { passive: true }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       INITIAL STATE\r\n       ===================================================== *\/\r\n\r\n    calculateTargetProgress();\r\n\r\n    renderWords(0);\r\n\r\n    update();\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4406d3 elementor-widget elementor-widget-menu-anchor\" data-id=\"f4406d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"onas\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6b49c4 e-flex e-con-boxed e-con e-parent\" data-id=\"b6b49c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9c84e2 elementor-widget elementor-widget-html\" data-id=\"d9c84e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* =====================================================\r\n   AGILERA \u2013 SOCIAL PERFORMANCE STUDIO VIDEO\r\n===================================================== *\/\r\n\r\n.ag-video-section {\r\n    position: relative;\r\n    display: block;\r\n\r\n    width: min(100%, 1180px);\r\n    margin: 0 auto;\r\n    padding: clamp(45px, 6vw, 90px) 20px;\r\n\r\n    overflow: visible;\r\n    isolation: isolate;\r\n\r\n    background: #0b0b0b;\r\n\r\n    line-height: normal;\r\n\r\n    --ag-video-bg: #0b0b0b;\r\n    --ag-video-white: #ffffff;\r\n    --ag-video-gray: #696969;\r\n}\r\n\r\n\/* =====================================================\r\n   HLAVI\u010cKA SEKCIE\r\n===================================================== *\/\r\n\r\n.ag-video-header {\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n    margin-bottom: clamp(24px, 3vw, 42px);\r\n\r\n    text-align: center;\r\n}\r\n\r\n\/* Zv\u00e4\u010d\u0161en\u00e1 grafika 1# *\/\r\n.ag-video-number {\r\n    display: block;\r\n\r\n    width: clamp(115px, 11vw, 165px);\r\n    height: auto;\r\n\r\n    margin: 0 0 12px;\r\n    padding: 0;\r\n\r\n    border: 0;\r\n    outline: 0;\r\n\r\n    object-fit: contain;\r\n\r\n    user-select: none;\r\n    pointer-events: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n}\r\n\r\n\/* Vy\u0161\u0161ia \u0161pecificita pre glob\u00e1lnu typografiu Elementoru *\/\r\n.ag-video-section h2.ag-video-title {\r\n    display: block !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    font-family: \"Unbounded\", sans-serif !important;\r\n    font-size: clamp(18px, 1.7vw, 25px) !important;\r\n    font-weight: 400 !important;\r\n    font-style: normal !important;\r\n    line-height: 1.2 !important;\r\n\r\n    text-align: center !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: -0.035em !important;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at center,\r\n            #ffffff 30%,\r\n            #696969 100%\r\n        ) !important;\r\n\r\n    -webkit-background-clip: text !important;\r\n    background-clip: text !important;\r\n\r\n    -webkit-text-fill-color: transparent !important;\r\n    color: transparent !important;\r\n}\r\n\r\n\/* =====================================================\r\n   N\u00c1H\u013dAD VIDEA\r\n===================================================== *\/\r\n\r\n.ag-video-preview {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: min(100%, 900px);\r\n    aspect-ratio: 16 \/ 9;\r\n\r\n    margin: 0 auto;\r\n\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n\r\n    background: var(--ag-video-bg);\r\n\r\n    border-radius: 2px;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\/*\r\n * Plynul\u00fd prechod v\u0161etk\u00fdch str\u00e1n videa\r\n * do farby pozadia #0B0B0B.\r\n *\/\r\n.ag-video-preview::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: -2px;\r\n\r\n    z-index: 2;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to right,\r\n            #0b0b0b 0%,\r\n            rgba(11, 11, 11, 0.97) 3%,\r\n            rgba(11, 11, 11, 0.82) 9%,\r\n            rgba(11, 11, 11, 0.58) 17%,\r\n            rgba(11, 11, 11, 0.31) 27%,\r\n            rgba(11, 11, 11, 0.12) 36%,\r\n            rgba(11, 11, 11, 0) 45%\r\n        ),\r\n        linear-gradient(\r\n            to left,\r\n            #0b0b0b 0%,\r\n            rgba(11, 11, 11, 0.97) 3%,\r\n            rgba(11, 11, 11, 0.82) 9%,\r\n            rgba(11, 11, 11, 0.58) 17%,\r\n            rgba(11, 11, 11, 0.31) 27%,\r\n            rgba(11, 11, 11, 0.12) 36%,\r\n            rgba(11, 11, 11, 0) 45%\r\n        ),\r\n        linear-gradient(\r\n            to bottom,\r\n            #0b0b0b 0%,\r\n            rgba(11, 11, 11, 0.96) 3%,\r\n            rgba(11, 11, 11, 0.8) 10%,\r\n            rgba(11, 11, 11, 0.55) 18%,\r\n            rgba(11, 11, 11, 0.29) 28%,\r\n            rgba(11, 11, 11, 0.11) 37%,\r\n            rgba(11, 11, 11, 0) 46%\r\n        ),\r\n        linear-gradient(\r\n            to top,\r\n            #0b0b0b 0%,\r\n            rgba(11, 11, 11, 0.96) 3%,\r\n            rgba(11, 11, 11, 0.8) 10%,\r\n            rgba(11, 11, 11, 0.55) 18%,\r\n            rgba(11, 11, 11, 0.29) 28%,\r\n            rgba(11, 11, 11, 0.11) 37%,\r\n            rgba(11, 11, 11, 0) 46%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.ag-video-preview-video {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border: 0;\r\n    outline: 0;\r\n\r\n    object-fit: cover;\r\n\r\n    filter:\r\n        grayscale(1)\r\n        brightness(0.62)\r\n        contrast(1.12);\r\n\r\n    transform: scale(1.015);\r\n\r\n    transition:\r\n        filter 450ms ease,\r\n        transform 700ms cubic-bezier(.22, .8, .22, 1);\r\n\r\n    user-select: none;\r\n    pointer-events: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n    .ag-video-preview:hover .ag-video-preview-video {\r\n        filter:\r\n            grayscale(1)\r\n            brightness(0.7)\r\n            contrast(1.1);\r\n\r\n        transform: scale(1.035);\r\n    }\r\n}\r\n\r\n\/* =====================================================\r\n   PLAY BUTTON\r\n===================================================== *\/\r\n\r\n.ag-video-section button.ag-video-play {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n\r\n    z-index: 5;\r\n\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    width: clamp(66px, 6.2vw, 84px) !important;\r\n    min-width: clamp(66px, 6.2vw, 84px) !important;\r\n    height: clamp(66px, 6.2vw, 84px) !important;\r\n    min-height: clamp(66px, 6.2vw, 84px) !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    border: 1.5px solid rgba(255, 255, 255, 0.95) !important;\r\n    border-radius: 50% !important;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 38% 30%,\r\n            rgba(255, 255, 255, 0.13),\r\n            rgba(255, 255, 255, 0.035) 48%,\r\n            rgba(11, 11, 11, 0.18) 100%\r\n        ) !important;\r\n\r\n    background-color: rgba(11, 11, 11, 0.18) !important;\r\n\r\n    color: #ffffff !important;\r\n\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.2),\r\n        inset 0 -10px 25px rgba(0, 0, 0, 0.12),\r\n        0 10px 38px rgba(0, 0, 0, 0.4) !important;\r\n\r\n    backdrop-filter: blur(5px);\r\n    -webkit-backdrop-filter: blur(5px);\r\n\r\n    cursor: pointer;\r\n\r\n    transform:\r\n        translate(-50%, -50%)\r\n        scale(1);\r\n\r\n    transition:\r\n        transform 260ms cubic-bezier(.22, .8, .22, 1),\r\n        background-color 260ms ease,\r\n        color 260ms ease,\r\n        box-shadow 260ms ease !important;\r\n\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n\/* Vonkaj\u0161ia pulzuj\u00faca kru\u017enica *\/\r\n.ag-video-section button.ag-video-play::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: -12px;\r\n\r\n    z-index: -1;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.65);\r\n    border-radius: 50%;\r\n\r\n    opacity: 0;\r\n\r\n    transform: scale(0.82);\r\n\r\n    animation:\r\n        ag-video-play-pulse\r\n        2.6s\r\n        cubic-bezier(.22, .8, .22, 1)\r\n        infinite;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Jemn\u00e1 vn\u00fatorn\u00e1 kru\u017enica *\/\r\n.ag-video-section button.ag-video-play::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 7px;\r\n\r\n    z-index: 0;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n        inset 0 0 18px rgba(255, 255, 255, 0.035);\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        border-color 260ms ease,\r\n        opacity 260ms ease;\r\n}\r\n\r\n@keyframes ag-video-play-pulse {\r\n    0% {\r\n        opacity: 0;\r\n        transform: scale(0.82);\r\n    }\r\n\r\n    22% {\r\n        opacity: 0.62;\r\n    }\r\n\r\n    70%,\r\n    100% {\r\n        opacity: 0;\r\n        transform: scale(1.18);\r\n    }\r\n}\r\n\r\n.ag-video-section button.ag-video-play svg {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: block !important;\r\n\r\n    width: 31%;\r\n    height: 31%;\r\n\r\n    margin-left: 5%;\r\n\r\n    fill: currentColor !important;\r\n    stroke: none !important;\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 2px 5px rgba(0, 0, 0, 0.3)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n    .ag-video-section button.ag-video-play:hover {\r\n        border-color: #ffffff !important;\r\n\r\n        background: #ffffff !important;\r\n        background-color: #ffffff !important;\r\n        background-image: none !important;\r\n\r\n        color: #0b0b0b !important;\r\n\r\n        box-shadow:\r\n            0 12px 40px rgba(0, 0, 0, 0.42),\r\n            0 0 34px rgba(255, 255, 255, 0.13) !important;\r\n\r\n        transform:\r\n            translate(-50%, -50%)\r\n            scale(1.09);\r\n    }\r\n\r\n    .ag-video-section button.ag-video-play:hover::before {\r\n        animation-play-state: paused;\r\n        opacity: 0.25;\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    .ag-video-section button.ag-video-play:hover::after {\r\n        border-color: rgba(11, 11, 11, 0.16);\r\n    }\r\n\r\n    .ag-video-section button.ag-video-play:hover svg {\r\n        filter: none;\r\n    }\r\n}\r\n\r\n.ag-video-section button.ag-video-play:active {\r\n    transform:\r\n        translate(-50%, -50%)\r\n        scale(0.96);\r\n}\r\n\r\n.ag-video-section button.ag-video-play:focus-visible {\r\n    outline: 2px solid #ffffff !important;\r\n    outline-offset: 7px;\r\n}\r\n\r\n\/* =====================================================\r\n   MOD\u00c1LNE OKNO\r\n===================================================== *\/\r\n\r\n.ag-video-modal {\r\n    position: fixed;\r\n    inset: 0;\r\n\r\n    z-index: 999999;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 30px;\r\n\r\n    background: rgba(11, 11, 11, 0.9);\r\n\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        opacity 320ms ease,\r\n        visibility 0s linear 320ms;\r\n}\r\n\r\n.ag-video-modal.is-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n\r\n    transition-delay: 0s;\r\n}\r\n\r\n.ag-video-modal-dialog {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: min(88vw, 1120px);\r\n    max-height: 82vh;\r\n\r\n    overflow: visible;\r\n\r\n    background: #000000;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 30px 100px rgba(0, 0, 0, 0.72);\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translate3d(0, 18px, 0)\r\n        scale(0.965);\r\n\r\n    transition:\r\n        opacity 320ms ease,\r\n        transform 420ms cubic-bezier(.22, .8, .22, 1);\r\n}\r\n\r\n.ag-video-modal.is-open .ag-video-modal-dialog {\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translate3d(0, 0, 0)\r\n        scale(1);\r\n}\r\n\r\n.ag-video-modal-video {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-height: 78vh;\r\n    aspect-ratio: 16 \/ 9;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border: 0;\r\n    border-radius: 15px;\r\n\r\n    background: #000000;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\/* =====================================================\r\n   ZATV\u00c1RACIE TLA\u010cIDLO\r\n========================================================= *\/\r\n\r\n.ag-video-section button.ag-video-close {\r\n    position: absolute;\r\n    top: -18px;\r\n    right: -18px;\r\n\r\n    z-index: 10;\r\n\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    width: 44px !important;\r\n    min-width: 44px !important;\r\n    height: 44px !important;\r\n    min-height: 44px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    border: 1px solid #ffffff !important;\r\n    border-radius: 50% !important;\r\n\r\n    background: #0b0b0b !important;\r\n    background-color: #0b0b0b !important;\r\n    background-image: none !important;\r\n\r\n    color: #ffffff !important;\r\n\r\n    box-shadow:\r\n        0 8px 30px rgba(0, 0, 0, 0.5) !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform 220ms ease,\r\n        background-color 220ms ease,\r\n        color 220ms ease !important;\r\n\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.ag-video-section button.ag-video-close::before,\r\n.ag-video-section button.ag-video-close::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 18px;\r\n    height: 1.5px;\r\n\r\n    border-radius: 2px;\r\n\r\n    background: currentColor;\r\n}\r\n\r\n.ag-video-section button.ag-video-close::before {\r\n    transform: rotate(45deg);\r\n}\r\n\r\n.ag-video-section button.ag-video-close::after {\r\n    transform: rotate(-45deg);\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n    .ag-video-section button.ag-video-close:hover {\r\n        background: #ffffff !important;\r\n        background-color: #ffffff !important;\r\n        color: #000000 !important;\r\n\r\n        transform: scale(1.1);\r\n    }\r\n}\r\n\r\n.ag-video-section button.ag-video-close:active {\r\n    transform: scale(0.94);\r\n}\r\n\r\n.ag-video-section button.ag-video-close:focus-visible {\r\n    outline: 2px solid #ffffff !important;\r\n    outline-offset: 4px;\r\n}\r\n\r\n\/* =====================================================\r\n   RESPONZIVITA\r\n===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n    .ag-video-section {\r\n        box-sizing: border-box;\r\n        width: 100%;\r\n        max-width: 100%;\r\n        padding:\r\n            42px\r\n            12px\r\n            54px;\r\n    }\r\n\r\n    .ag-video-section .ag-video-header {\r\n        box-sizing: border-box !important;\r\n        position: relative;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        width: 100vw !important;\r\n        max-width: 100vw !important;\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n        margin: 0 0 22px !important;\r\n        padding: 0 12px !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .ag-video-section img.ag-video-number {\r\n        display: block !important;\r\n        width: 100px;\r\n        max-width: 100px !important;\r\n        margin: 0 auto 10px !important;\r\n        align-self: center !important;\r\n    }\r\n\r\n    .ag-video-section h2.ag-video-title {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        margin: 0 auto !important;\r\n        font-size: clamp(15px, 4.5vw, 19px) !important;\r\n        line-height: 1.25 !important;\r\n        letter-spacing: -0.03em !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .ag-video-preview {\r\n        width: 100%;\r\n        border-radius: 0;\r\n    }\r\n\r\n    .ag-video-modal {\r\n        padding: 18px 10px;\r\n    }\r\n\r\n    .ag-video-modal-dialog {\r\n        width: 96vw;\r\n        max-height: 80vh;\r\n\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .ag-video-modal-video {\r\n        max-height: 76vh;\r\n        border-radius: 9px;\r\n    }\r\n\r\n    .ag-video-section button.ag-video-close {\r\n        top: -14px;\r\n        right: -4px;\r\n\r\n        width: 40px !important;\r\n        min-width: 40px !important;\r\n        height: 40px !important;\r\n        min-height: 40px !important;\r\n    }\r\n}\r\n\r\n@media (max-height: 560px) and (orientation: landscape) {\r\n    .ag-video-modal {\r\n        padding: 12px 40px;\r\n    }\r\n\r\n    .ag-video-modal-dialog {\r\n        width: min(84vw, 960px);\r\n        max-height: 92vh;\r\n    }\r\n\r\n    .ag-video-modal-video {\r\n        max-height: 88vh;\r\n    }\r\n}\r\n\r\n\/* Obmedzenie anim\u00e1ci\u00ed *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .ag-video-preview-video,\r\n    .ag-video-play,\r\n    .ag-video-modal,\r\n    .ag-video-modal-dialog,\r\n    .ag-video-close {\r\n        transition: none !important;\r\n    }\r\n\r\n    .ag-video-preview-video {\r\n        transform: none !important;\r\n    }\r\n\r\n    .ag-video-section button.ag-video-play::before {\r\n        animation: none !important;\r\n        opacity: 0 !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"ag-video-section\" aria-labelledby=\"ag-video-section-title\">\r\n    <header class=\"ag-video-header\">\r\n        <img class=\"ag-video-number\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/1.png\" alt=\"\u010c\u00edslo jedna\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n\r\n        <h2 class=\"ag-video-title\" id=\"ag-video-section-title\">\r\n            Social Performance Studio\r\n        <\/h2>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"ag-video-preview\">\r\n        <video class=\"ag-video-preview-video\" autoplay muted loop playsinline preload=\"metadata\" disablepictureinpicture aria-hidden=\"true\">\r\n            <source src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/AGILERA_en_web_1080p30.mp4\" type=\"video\/mp4\">\r\n        <\/source><\/video>\r\n\r\n        <button class=\"ag-video-play\" type=\"button\" aria-label=\"P\u0159ehrajte video se zvukem\" aria-haspopup=\"dialog\">\r\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M8 5.5v13l10-6.5z\"><\/path>\r\n            <\/svg>\r\n        <\/button>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ag-video-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Video Social Performance Studio\" aria-hidden=\"true\">\r\n        <div class=\"ag-video-modal-dialog\">\r\n            <button class=\"ag-video-close\" type=\"button\" aria-label=\"Zav\u0159ete video\"><\/button>\r\n\r\n            <video class=\"ag-video-modal-video\" controls playsinline preload=\"none\">\r\n                <source src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/AGILERA_en_web_1080p30.mp4\" type=\"video\/mp4\">\r\n\r\n                V\u00e1\u0161 prohl\u00ed\u017ee\u010d nepodporuje p\u0159ehr\u00e1v\u00e1n\u00ed videa.\r\n            <\/source><\/video>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n    const sections = document.querySelectorAll(\r\n        '.ag-video-section:not([data-ag-video-initialized])'\r\n    );\r\n\r\n    if (!sections.length) return;\r\n\r\n    sections.forEach((section) => {\r\n        section.setAttribute(\r\n            'data-ag-video-initialized',\r\n            'true'\r\n        );\r\n\r\n        const preview =\r\n            section.querySelector('.ag-video-preview');\r\n\r\n        const previewVideo =\r\n            section.querySelector('.ag-video-preview-video');\r\n\r\n        const playButton =\r\n            section.querySelector('.ag-video-play');\r\n\r\n        const modal =\r\n            section.querySelector('.ag-video-modal');\r\n\r\n        const dialog =\r\n            section.querySelector('.ag-video-modal-dialog');\r\n\r\n        const modalVideo =\r\n            section.querySelector('.ag-video-modal-video');\r\n\r\n        const closeButton =\r\n            section.querySelector('.ag-video-close');\r\n\r\n        if (\r\n            !preview ||\r\n            !previewVideo ||\r\n            !playButton ||\r\n            !modal ||\r\n            !dialog ||\r\n            !modalVideo ||\r\n            !closeButton\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        let lastFocusedElement = null;\r\n        let previousBodyOverflow = '';\r\n\r\n        function startPreviewVideo() {\r\n            previewVideo.muted = true;\r\n\r\n            const playPromise =\r\n                previewVideo.play();\r\n\r\n            if (\r\n                playPromise &&\r\n                typeof playPromise.catch === 'function'\r\n            ) {\r\n                playPromise.catch(() => {});\r\n            }\r\n        }\r\n\r\n        function openVideo() {\r\n            lastFocusedElement =\r\n                document.activeElement;\r\n\r\n            previousBodyOverflow =\r\n                document.body.style.overflow;\r\n\r\n            document.body.style.overflow =\r\n                'hidden';\r\n\r\n            modal.classList.add('is-open');\r\n\r\n            modal.setAttribute(\r\n                'aria-hidden',\r\n                'false'\r\n            );\r\n\r\n            previewVideo.pause();\r\n\r\n            modalVideo.currentTime = 0;\r\n            modalVideo.muted = false;\r\n            modalVideo.volume = 1;\r\n\r\n            window.requestAnimationFrame(() => {\r\n                closeButton.focus({\r\n                    preventScroll: true\r\n                });\r\n\r\n                const playPromise =\r\n                    modalVideo.play();\r\n\r\n                if (\r\n                    playPromise &&\r\n                    typeof playPromise.catch ===\r\n                        'function'\r\n                ) {\r\n                    playPromise.catch(() => {});\r\n                }\r\n            });\r\n        }\r\n\r\n        function closeVideo() {\r\n            modal.classList.remove('is-open');\r\n\r\n            modal.setAttribute(\r\n                'aria-hidden',\r\n                'true'\r\n            );\r\n\r\n            modalVideo.pause();\r\n            modalVideo.currentTime = 0;\r\n\r\n            document.body.style.overflow =\r\n                previousBodyOverflow;\r\n\r\n            startPreviewVideo();\r\n\r\n            if (\r\n                lastFocusedElement &&\r\n                typeof lastFocusedElement.focus ===\r\n                    'function'\r\n            ) {\r\n                lastFocusedElement.focus({\r\n                    preventScroll: true\r\n                });\r\n            }\r\n        }\r\n\r\n        playButton.addEventListener(\r\n            'click',\r\n            openVideo\r\n        );\r\n\r\n        preview.addEventListener(\r\n            'click',\r\n            (event) => {\r\n                if (\r\n                    event.target.closest(\r\n                        '.ag-video-play'\r\n                    )\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n                openVideo();\r\n            }\r\n        );\r\n\r\n        closeButton.addEventListener(\r\n            'click',\r\n            closeVideo\r\n        );\r\n\r\n        modal.addEventListener(\r\n            'click',\r\n            (event) => {\r\n                if (event.target === modal) {\r\n                    closeVideo();\r\n                }\r\n            }\r\n        );\r\n\r\n        dialog.addEventListener(\r\n            'click',\r\n            (event) => {\r\n                event.stopPropagation();\r\n            }\r\n        );\r\n\r\n        document.addEventListener(\r\n            'keydown',\r\n            (event) => {\r\n                if (\r\n                    event.key === 'Escape' &&\r\n                    modal.classList.contains(\r\n                        'is-open'\r\n                    )\r\n                ) {\r\n                    closeVideo();\r\n                }\r\n            }\r\n        );\r\n\r\n        if ('IntersectionObserver' in window) {\r\n            const observer =\r\n                new IntersectionObserver(\r\n                    (entries) => {\r\n                        const entry =\r\n                            entries[0];\r\n\r\n                        if (\r\n                            entry &&\r\n                            entry.isIntersecting &&\r\n                            entry.intersectionRatio >\r\n                                0.15 &&\r\n                            !modal.classList.contains(\r\n                                'is-open'\r\n                            )\r\n                        ) {\r\n                            startPreviewVideo();\r\n                        } else {\r\n                            previewVideo.pause();\r\n                        }\r\n                    },\r\n                    {\r\n                        threshold: [\r\n                            0,\r\n                            0.15,\r\n                            0.4\r\n                        ]\r\n                    }\r\n                );\r\n\r\n            observer.observe(section);\r\n        } else {\r\n            startPreviewVideo();\r\n        }\r\n\r\n        document.addEventListener(\r\n            'visibilitychange',\r\n            () => {\r\n                if (document.hidden) {\r\n                    previewVideo.pause();\r\n                    modalVideo.pause();\r\n                } else if (\r\n                    !modal.classList.contains(\r\n                        'is-open'\r\n                    )\r\n                ) {\r\n                    startPreviewVideo();\r\n                }\r\n            }\r\n        );\r\n\r\n        startPreviewVideo();\r\n    });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7990bd0 e-flex e-con-boxed e-con e-parent\" data-id=\"7990bd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce3a59 elementor-widget elementor-widget-spacer\" data-id=\"1ce3a59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-799c6d9 elementor-widget elementor-widget-menu-anchor\" data-id=\"799c6d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"sluzby\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f3381a elementor-widget elementor-widget-html\" data-id=\"9f3381a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<section class=\"ag-trust-section\">\n\n    <div class=\"ag-trust-carousel\">\n\n        <div class=\"ag-trust-grid\">\n\n            <!-- STRAT\u00c9GIA -->\n            <div class=\"ag-trust-item\">\n                <div class=\"ag-trust-art\">\n\n                    <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/09\/Grafika-strategia-1.png\" alt=\"Strategie\" class=\"ag-trust-image\" draggable=\"false\">\n\n                    <div class=\"ag-trust-spotlight\"><\/div>\n\n                    <h3 class=\"ag-trust-item-title\">\n                        Strategie\n                    <\/h3>\n\n                <\/div>\n            <\/div>\n\n            <!-- PERFORMANCE -->\n            <div class=\"ag-trust-item\">\n                <div class=\"ag-trust-art\">\n\n                    <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/09\/Grafika-performace-ads.png\" alt=\"V\u00fdkonnostn\u00ed kampan\u011b\" class=\"ag-trust-image\" draggable=\"false\">\n\n                    <div class=\"ag-trust-spotlight\"><\/div>\n\n                    <h3 class=\"ag-trust-item-title\">\n                        Performance<br>kampane\n                    <\/h3>\n\n                <\/div>\n            <\/div>\n\n            <!-- PRODUKCIA -->\n            <div class=\"ag-trust-item\">\n                <div class=\"ag-trust-art\">\n\n                    <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/09\/Grafika-produkcia.png\" alt=\"Produkce obsahu\" class=\"ag-trust-image\" draggable=\"false\">\n\n                    <div class=\"ag-trust-spotlight\"><\/div>\n\n                    <h3 class=\"ag-trust-item-title\">\n                        Produkcia<br>obsahu\n                    <\/h3>\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- TABLET + MOBILE NAVIGATION -->\n        <button class=\"ag-trust-arrow ag-trust-arrow--prev\" type=\"button\" aria-label=\"P\u0159edchoz\u00ed slu\u017eba\">\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M15 5L8 12L15 19\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <button class=\"ag-trust-arrow ag-trust-arrow--next\" type=\"button\" aria-label=\"N\u00e1sleduj\u00edc\u00ed slu\u017eba\">\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M9 5L16 12L9 19\"><\/path>\n            <\/svg>\n        <\/button>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.ag-trust-section,\n.ag-trust-section *,\n.ag-trust-section *::before,\n.ag-trust-section *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ag-trust-section {\n    position: relative;\n    width: 100%;\n    margin: 0 !important;\n\n    padding:\n        clamp(28px, 3vw, 44px)\n        0\n        clamp(55px, 5vw, 80px);\n\n    background: transparent !important;\n    overflow: hidden;\n    isolation: isolate;\n}\n\n\n\/* =========================================================\n   CAROUSEL WRAPPER\n========================================================= *\/\n\n.ag-trust-carousel {\n    position: relative;\n    width: 100%;\n}\n\n\n\/* =========================================================\n   DESKTOP GRID\n========================================================= *\/\n\n.ag-trust-grid {\n    width: min(71vw, 1080px);\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    column-gap:\n        clamp(30px, 3.7vw, 60px);\n\n    align-items: start;\n}\n\n\n\/* =========================================================\n   ITEM\n========================================================= *\/\n\n.ag-trust-item {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n\n    background: transparent !important;\n    border: 0 !important;\n    box-shadow: none !important;\n\n    opacity: 0;\n    filter: blur(4px);\n\n    transform:\n        translate3d(0, 14px, 0);\n\n    animation:\n        agTrustItemReveal\n        .85s\n        cubic-bezier(.22,.8,.22,1)\n        forwards;\n}\n\n.ag-trust-item:nth-child(1) {\n    animation-delay: .24s;\n}\n\n.ag-trust-item:nth-child(2) {\n    animation-delay: .33s;\n}\n\n.ag-trust-item:nth-child(3) {\n    animation-delay: .42s;\n}\n\n@keyframes agTrustItemReveal {\n    to {\n        opacity: 1;\n        filter: blur(0);\n        transform: translate3d(0, 0, 0);\n    }\n}\n\n\n\/* =========================================================\n   ART\n========================================================= *\/\n\n.ag-trust-art {\n    --spot-x: 50%;\n    --spot-y: 42%;\n\n    position: relative;\n    display: block;\n    width: 100%;\n\n    aspect-ratio: .845 \/ 1;\n\n    margin: 0;\n    padding: 0;\n\n    background: transparent !important;\n    border: 0 !important;\n    box-shadow: none !important;\n\n    overflow: hidden;\n\n    border-radius:\n        clamp(16px, 1.3vw, 21px);\n\n    isolation: isolate;\n}\n\n\n\/* =========================================================\n   PNG\n========================================================= *\/\n\n.ag-trust-image {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n\n    display: block;\n\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    border: 0 !important;\n    outline: 0 !important;\n\n    object-fit: contain;\n    object-position: center;\n\n    user-select: none;\n    pointer-events: none;\n\n    -webkit-user-select: none;\n    -webkit-user-drag: none;\n\n    transform: none !important;\n\n    transition:\n        filter\n        500ms\n        cubic-bezier(.22,.8,.22,1);\n}\n\n\n\/* =========================================================\n   SPOTLIGHT\n========================================================= *\/\n\n.ag-trust-spotlight {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n\n    pointer-events: none;\n    opacity: 0;\n\n    background:\n        radial-gradient(\n            circle\n            clamp(220px, 24vw, 390px)\n            at var(--spot-x) var(--spot-y),\n\n            rgba(255,255,255,.105) 0%,\n            rgba(255,255,255,.082) 14%,\n            rgba(255,255,255,.055) 29%,\n            rgba(255,255,255,.032) 45%,\n            rgba(255,255,255,.016) 59%,\n            rgba(255,255,255,.006) 71%,\n            transparent 86%\n        );\n\n    mix-blend-mode: screen;\n    filter: blur(7px);\n\n    transition:\n        opacity\n        500ms\n        cubic-bezier(.22,.8,.22,1);\n}\n\n\n\/* =========================================================\n   CARD TITLE\n========================================================= *\/\n\n.ag-trust-section h3.ag-trust-item-title {\n    position: absolute;\n    z-index: 4;\n\n    left: 0;\n    right: 0;\n\n    bottom:\n        clamp(24px, 1.85vw, 32px);\n\n    width: 100%;\n\n    margin: 0 !important;\n    padding: 0 10px !important;\n\n    font-family:\n        \"Unbounded\",\n        sans-serif !important;\n\n    font-size:\n        clamp(14px, 1.18vw, 18px) !important;\n\n    font-weight: 400 !important;\n    font-style: normal !important;\n    line-height: 1.17 !important;\n    letter-spacing: -0.035em !important;\n\n    text-align: center !important;\n\n    background:\n        radial-gradient(\n            circle at center,\n            #ffffff 30%,\n            #696969 100%\n        ) !important;\n\n    -webkit-background-clip: text !important;\n    background-clip: text !important;\n\n    -webkit-text-fill-color:\n        transparent !important;\n\n    color: transparent !important;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   HOVER\n========================================================= *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n    .ag-trust-art:hover\n    .ag-trust-spotlight {\n        opacity: .9;\n    }\n\n    .ag-trust-art:hover\n    .ag-trust-image {\n        filter:\n            brightness(1.035)\n            contrast(1.008);\n    }\n\n}\n\n\n\/* =========================================================\n   ARROWS DEFAULT\n   DESKTOP = HIDDEN\n========================================================= *\/\n\n.ag-trust-arrow {\n    display: none !important;\n}\n\n\n\/* =========================================================\n   TABLET + MOBILE CAROUSEL\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .ag-trust-section {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n    \/* CAROUSEL WRAPPER *\/\n\n    .ag-trust-carousel {\n        position: relative;\n        width: min(100%, 430px);\n        margin: 0 auto;\n    }\n\n    \/* ONE CARD *\/\n\n    .ag-trust-grid {\n        width: min(72vw, 320px);\n        margin: 0 auto;\n\n        display: flex;\n\n        grid-template-columns: none;\n        column-gap: 0;\n        gap: 0;\n\n        overflow-x: auto;\n        overflow-y: hidden;\n\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n\n        touch-action: pan-x;\n    }\n\n    .ag-trust-grid::-webkit-scrollbar {\n        display: none;\n    }\n\n    .ag-trust-item,\n    .ag-trust-item:nth-child(3) {\n        flex: 0 0 100%;\n\n        width: 100%;\n        min-width: 100%;\n\n        grid-column: auto;\n        justify-self: auto;\n\n        scroll-snap-align: center;\n        scroll-snap-stop: always;\n    }\n\n    \/* NAVIGATION ARROWS *\/\n\n    .ag-trust-section\n    button.ag-trust-arrow {\n        position: absolute !important;\n        z-index: 20 !important;\n\n        top: 50% !important;\n\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n\n        width: 42px !important;\n        min-width: 42px !important;\n        max-width: 42px !important;\n\n        height: 42px !important;\n        min-height: 42px !important;\n        max-height: 42px !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        appearance: none !important;\n        -webkit-appearance: none !important;\n\n        background:\n            rgba(16,16,16,.68) !important;\n\n        background-color:\n            rgba(16,16,16,.68) !important;\n\n        background-image: none !important;\n\n        border:\n            1px solid rgba(255,255,255,.20) !important;\n\n        border-radius: 50% !important;\n        color: #ffffff !important;\n\n        box-shadow:\n            inset 0 1px 0 rgba(255,255,255,.08),\n            0 8px 30px rgba(0,0,0,.24)\n            !important;\n\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n\n        text-shadow: none !important;\n        cursor: pointer;\n\n        transform: translateY(-50%);\n\n        transition:\n            background-color 220ms ease,\n            border-color 220ms ease,\n            color 220ms ease,\n            opacity 220ms ease\n            !important;\n\n        -webkit-tap-highlight-color: transparent;\n    }\n\n    .ag-trust-section\n    button.ag-trust-arrow--prev {\n        left: 0 !important;\n    }\n\n    .ag-trust-section\n    button.ag-trust-arrow--next {\n        right: 0 !important;\n    }\n\n    \/* ARROW ICON *\/\n\n    .ag-trust-section\n    button.ag-trust-arrow svg {\n        display: block !important;\n\n        width: 18px !important;\n        height: 18px !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        fill: none !important;\n        stroke: #ffffff !important;\n        color: #ffffff !important;\n\n        stroke-width: 1.5 !important;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n\n        pointer-events: none;\n    }\n\n    .ag-trust-section\n    button.ag-trust-arrow svg path {\n        fill: none !important;\n        stroke: #ffffff !important;\n    }\n\n    \/* HOVER *\/\n\n    @media (hover:hover) and (pointer:fine) {\n\n        .ag-trust-section\n        button.ag-trust-arrow:hover {\n            background:\n                rgba(255,255,255,.10) !important;\n\n            background-color:\n                rgba(255,255,255,.10) !important;\n\n            background-image: none !important;\n\n            border-color:\n                rgba(255,255,255,.42) !important;\n\n            color: #ffffff !important;\n        }\n\n    }\n\n    \/* ACTIVE *\/\n\n    .ag-trust-section\n    button.ag-trust-arrow:active {\n        background:\n            rgba(255,255,255,.14) !important;\n\n        background-color:\n            rgba(255,255,255,.14) !important;\n\n        background-image: none !important;\n\n        border-color:\n            rgba(255,255,255,.48) !important;\n\n        color: #ffffff !important;\n    }\n\n    \/* DISABLED *\/\n\n    .ag-trust-section\n    button.ag-trust-arrow:disabled {\n        opacity: 1 !important;\n\n        background:\n            rgba(15,15,15,.36) !important;\n\n        background-color:\n            rgba(15,15,15,.36) !important;\n\n        background-image: none !important;\n\n        border-color:\n            rgba(145,145,145,.15) !important;\n\n        color: #666666 !important;\n        cursor: default !important;\n    }\n\n    .ag-trust-section\n    button.ag-trust-arrow:disabled svg {\n        color: #666666 !important;\n        stroke: #666666 !important;\n    }\n\n    .ag-trust-section\n    button.ag-trust-arrow:disabled svg path {\n        stroke: #666666 !important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 620px) {\n\n    .ag-trust-section {\n        padding:\n            28px\n            18px\n            50px;\n    }\n\n    .ag-trust-carousel {\n        width: min(100%, 390px);\n    }\n\n    .ag-trust-grid {\n        width: min(78vw, 310px);\n        margin-top: 0;\n\n        flex-direction: column;\n        gap: 24px;\n\n        overflow-x: visible;\n        overflow-y: visible;\n        scroll-snap-type: none;\n        scroll-behavior: auto;\n        touch-action: auto;\n    }\n\n    .ag-trust-item {\n        flex: 0 0 auto;\n        scroll-snap-align: none;\n        scroll-snap-stop: normal;\n    }\n\n    .ag-trust-section\n    h3.ag-trust-item-title {\n        bottom: 27px;\n\n        font-size:\n            clamp(15px, 4.6vw, 18px) !important;\n    }\n\n    .ag-trust-section\n    button.ag-trust-arrow {\n        display: none !important;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n    .ag-trust-grid {\n        width: min(74vw, 285px);\n    }\n\n    .ag-trust-section\n    button.ag-trust-arrow {\n        width: 38px !important;\n        min-width: 38px !important;\n        max-width: 38px !important;\n\n        height: 38px !important;\n        min-height: 38px !important;\n        max-height: 38px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .ag-trust-item {\n        opacity: 1 !important;\n        filter: none !important;\n        transform: none !important;\n        animation: none !important;\n    }\n\n    .ag-trust-grid {\n        scroll-behavior: auto;\n    }\n\n    .ag-trust-spotlight,\n    .ag-trust-image {\n        transition: none !important;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n    const sections =\n        document.querySelectorAll(\n            '.ag-trust-section:not([data-ag-trust-ready])'\n        );\n\n    if (!sections.length) return;\n\n    sections.forEach(function(section) {\n\n        section.setAttribute(\n            'data-ag-trust-ready',\n            'true'\n        );\n\n\n        \/* =====================================================\n           SMOOTH PREMIUM SPOTLIGHT\n        ===================================================== *\/\n\n        const arts =\n            section.querySelectorAll(\n                '.ag-trust-art'\n            );\n\n        arts.forEach(function(art) {\n\n            let currentX = 50;\n            let currentY = 42;\n\n            let targetX = 50;\n            let targetY = 42;\n\n            let frameId = null;\n            let hovering = false;\n\n\n            function animateSpotlight() {\n\n                currentX +=\n                    (targetX - currentX) * 0.085;\n\n                currentY +=\n                    (targetY - currentY) * 0.085;\n\n                art.style.setProperty(\n                    '--spot-x',\n                    currentX + '%'\n                );\n\n                art.style.setProperty(\n                    '--spot-y',\n                    currentY + '%'\n                );\n\n                const dx =\n                    Math.abs(targetX - currentX);\n\n                const dy =\n                    Math.abs(targetY - currentY);\n\n                if (\n                    hovering ||\n                    dx > 0.05 ||\n                    dy > 0.05\n                ) {\n\n                    frameId =\n                        requestAnimationFrame(\n                            animateSpotlight\n                        );\n\n                } else {\n\n                    frameId = null;\n\n                }\n\n            }\n\n\n            function ensureAnimation() {\n\n                if (frameId === null) {\n\n                    frameId =\n                        requestAnimationFrame(\n                            animateSpotlight\n                        );\n\n                }\n\n            }\n\n\n            art.addEventListener(\n                'pointerenter',\n                function(event) {\n\n                    if (\n                        event.pointerType === 'touch'\n                    ) {\n                        return;\n                    }\n\n                    hovering = true;\n                    ensureAnimation();\n\n                }\n            );\n\n\n            art.addEventListener(\n                'pointermove',\n                function(event) {\n\n                    if (\n                        event.pointerType === 'touch'\n                    ) {\n                        return;\n                    }\n\n                    const rect =\n                        art.getBoundingClientRect();\n\n                    targetX =\n                        (\n                            (\n                                event.clientX -\n                                rect.left\n                            )\n                            \/\n                            rect.width\n                        )\n                        *\n                        100;\n\n                    targetY =\n                        (\n                            (\n                                event.clientY -\n                                rect.top\n                            )\n                            \/\n                            rect.height\n                        )\n                        *\n                        100;\n\n                    ensureAnimation();\n\n                }\n            );\n\n\n            art.addEventListener(\n                'pointerleave',\n                function() {\n\n                    hovering = false;\n\n                    targetX = 50;\n                    targetY = 42;\n\n                    ensureAnimation();\n\n                }\n            );\n\n        });\n\n\n        \/* =====================================================\n           TABLET + MOBILE CAROUSEL\n        ===================================================== *\/\n\n        const slider =\n            section.querySelector(\n                '.ag-trust-grid'\n            );\n\n        const items =\n            Array.from(\n                section.querySelectorAll(\n                    '.ag-trust-item'\n                )\n            );\n\n        const prevButton =\n            section.querySelector(\n                '.ag-trust-arrow--prev'\n            );\n\n        const nextButton =\n            section.querySelector(\n                '.ag-trust-arrow--next'\n            );\n\n        if (\n            !slider ||\n            !items.length ||\n            !prevButton ||\n            !nextButton\n        ) {\n            return;\n        }\n\n        let activeIndex = 0;\n\n\n        function isCarouselMode() {\n\n            return window.matchMedia(\n                '(min-width: 621px) and (max-width: 900px)'\n            ).matches;\n\n        }\n\n\n        function updateButtons() {\n\n            if (!isCarouselMode()) {\n                return;\n            }\n\n            prevButton.disabled =\n                activeIndex <= 0;\n\n            nextButton.disabled =\n                activeIndex >=\n                items.length - 1;\n\n        }\n\n\n        function goToSlide(index) {\n\n            if (!isCarouselMode()) {\n                return;\n            }\n\n            activeIndex =\n                Math.max(\n                    0,\n                    Math.min(\n                        items.length - 1,\n                        index\n                    )\n                );\n\n            const item =\n                items[activeIndex];\n\n            slider.scrollTo({\n\n                left:\n                    item.offsetLeft -\n                    slider.offsetLeft,\n\n                behavior:\n                    'smooth'\n\n            });\n\n            updateButtons();\n\n        }\n\n\n        prevButton.addEventListener(\n            'click',\n            function() {\n\n                goToSlide(\n                    activeIndex - 1\n                );\n\n            }\n        );\n\n\n        nextButton.addEventListener(\n            'click',\n            function() {\n\n                goToSlide(\n                    activeIndex + 1\n                );\n\n            }\n        );\n\n\n        let scrollTimer = null;\n\n\n        slider.addEventListener(\n            'scroll',\n            function() {\n\n                if (!isCarouselMode()) {\n                    return;\n                }\n\n                clearTimeout(\n                    scrollTimer\n                );\n\n                scrollTimer =\n                    setTimeout(\n                        function() {\n\n                            let closestIndex = 0;\n\n                            let smallestDistance =\n                                Infinity;\n\n                            items.forEach(\n                                function(item,index) {\n\n                                    const distance =\n                                        Math.abs(\n                                            item.offsetLeft -\n                                            slider.offsetLeft -\n                                            slider.scrollLeft\n                                        );\n\n                                    if (\n                                        distance <\n                                        smallestDistance\n                                    ) {\n\n                                        smallestDistance =\n                                            distance;\n\n                                        closestIndex =\n                                            index;\n\n                                    }\n\n                                }\n                            );\n\n                            activeIndex =\n                                closestIndex;\n\n                            updateButtons();\n\n                        },\n                        80\n                    );\n\n            },\n            {\n                passive: true\n            }\n        );\n\n\n        window.addEventListener(\n            'resize',\n            function() {\n\n                if (isCarouselMode()) {\n\n                    goToSlide(\n                        activeIndex\n                    );\n\n                }\n\n            }\n        );\n\n\n        updateButtons();\n\n    });\n\n})();\n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f357f3 e-flex e-con-boxed e-con e-parent\" data-id=\"7f357f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ad4d7e elementor-widget elementor-widget-spacer\" data-id=\"8ad4d7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ecdc8d elementor-widget elementor-widget-html\" data-id=\"7ecdc8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- ================================================\r\n     AGILERA \u2014 REFERENCIE \/ INFINITE CAROUSEL\r\n     Elementor HTML Widget\r\n     ================================================ -->\r\n\r\n<section class=\"ag-references\" id=\"agilera-references\" aria-labelledby=\"ag-references-title\">\r\n\r\n  <!-- HEADLINE -->\r\n  <div class=\"ag-references__inner\">\r\n\r\n    <h2 class=\"ag-references__title\" id=\"ag-references-title\">\r\n\r\n      <span class=\"ag-references__number\">\r\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/40.png\" alt=\"40+\" loading=\"eager\" decoding=\"async\">\r\n      <\/span>\r\n\r\n      <span class=\"ag-references__title-text\">\r\n        ZNA\u010cEK, KTER\u00c9 N\u00c1M D\u016eV\u011a\u0158UJ\u00cd.\r\n      <\/span>\r\n\r\n    <\/h2>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- INFINITE CAROUSEL -->\r\n  <div class=\"ag-references__viewport\" aria-label=\"Reference a spolupr\u00e1ce AGILERA\">\r\n\r\n    <div class=\"ag-references__track\">\r\n\r\n      <div class=\"ag-references__group\">\r\n\r\n        <!-- 1. UMYEM -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/eshop.umyem.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"UMYEM \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/UMYEM-_-AG-_-1.png\" alt=\"UMYEM\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 2. NOVANTIS -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/www.novantis.sk\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"NOVANTIS \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/NOVANTIS-_-AG-_-2.png\" alt=\"Novantis\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 3. LEPOPE -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/www.lepope.sk\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LEPOPE \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/LEPOPE-_-AG-_-3.png\" alt=\"LEPOPE\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 4. ECOHIT -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/ecohit.sk\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"ECOHIT \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/ECOHIT-_-AG-_-4.png\" alt=\"ECOHIT\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 5. DECATHLON -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/www.decathlon.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"DECATHLON \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/DECATHLON-_-AG-_-5.png\" alt=\"DECATHLON\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 6. GARMIN -->\r\n        <div class=\"ag-references__item ag-references__item--static\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/GARMIN-_-AG-_-6.png\" alt=\"Garmin\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <!-- 7. MAXIDENTAL -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/maxidental.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"MAXIDENTAL \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/MAXIDENTAL-_-AG-_-7.png\" alt=\"MAXIDENTAL\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 8. MERIDA -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/prodejce.merida-bike.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"MERIDA \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/MERIDA-_-AG-_-8.png\" alt=\"Merida\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 9. JINAG -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/jinag.eu\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"JINAG \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/JINAG-_-AG-_-9.png\" alt=\"JINAG\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 10. SEBA -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/sebacademy.cz\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"SEBA \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/SEBA-_-AG-_-10.png\" alt=\"SEBA\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 11. MINDLESS -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/www.brand.family\/about\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"MINDLESS \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/MINDLESS-_-AG-_-11.png\" alt=\"MINDLESS\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 12. AKUBAR -->\r\n        <div class=\"ag-references__item ag-references__item--static\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/AKUBAR-_-AG-_-12.png\" alt=\"AKUBAR\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <!-- 13. MTB ITALY -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/www.mtbfinale.eu\/en\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"MTB ITALY \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/MTBITALY_-AG-_-13.png\" alt=\"MTB ITALY\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 14. MI\u0160URDA -->\r\n        <div class=\"ag-references__item ag-references__item--static\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/MISURDA-_-AG-_-14.png\" alt=\"MI\u0160URDA\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <!-- 15. PLOTMARKET -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/www.plotmarket.sk\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"PLOTMARKET \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/PLOTMARKET-_-AG-_-15.png\" alt=\"Plotmarket\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 16. THINK TANK -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/www.thinktankphoto.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"THINK TANK \u2013 otev\u0159\u00edt web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/THINKTANK-_-AG-_-16.png\" alt=\"Think Tank\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 17. OFIXIU -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/www.ofixiu.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Ofixiu - Otev\u0159ete web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/THINKTANK-_-AG-_-17.png\" alt=\"Ofixia\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <!-- 18. GOODACCESS -->\r\n        <a class=\"ag-references__item\" href=\"https:\/\/www.goodaccess.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"GoodAccess - Otev\u0159ete web\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/THINKTANK-_-AG-_-18.png\" alt=\"dobr\u00fd p\u0159\u00edstup\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ================================================\r\n   AGILERA \u2014 REFERENCIE\r\n   ================================================ *\/\r\n\r\n#agilera-references,\r\n#agilera-references * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#agilera-references {\r\n\r\n  --ag-ref-gap: clamp(16px, 2.75vw, 29px);\r\n  --ag-ref-size: clamp(225px, 23.5vw, 350px);\r\n  --ag-edge-color: #0B0B0B;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  padding:\r\n    clamp(54px, 6.7vw, 86px)\r\n    0\r\n    clamp(76px, 10vw, 120px);\r\n\r\n  background: transparent !important;\r\n  color: #2B2B2B;\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   HEADLINE CONTAINER\r\n   ================================================ *\/\r\n\r\n#agilera-references .ag-references__inner {\r\n\r\n  width: min(100%, 1420px);\r\n  margin: 0 auto;\r\n\r\n  padding:\r\n    0\r\n    clamp(24px, 9.8vw, 124px);\r\n\r\n}\r\n\r\n#agilera-references .ag-references__title {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n\r\n  gap: clamp(22px, 3vw, 40px);\r\n\r\n  width: 100%;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    clamp(67px, 9.7vw, 100px);\r\n\r\n  padding: 0;\r\n\r\n  border: 0;\r\n  background: none;\r\n\r\n  text-align: left;\r\n  text-transform: none;\r\n\r\n  line-height: 1.28;\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   40+ GRAPHIC\r\n   ================================================ *\/\r\n\r\n#agilera-references .ag-references__number {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  width: clamp(175px, 21vw, 245px);\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  border: 0;\r\n  border-radius: 0;\r\n\r\n  background: transparent;\r\n\r\n}\r\n\r\n#agilera-references .ag-references__number img {\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: auto;\r\n\r\n  max-width: 100%;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  border: 0;\r\n  border-radius: 0;\r\n\r\n  background: transparent;\r\n  box-shadow: none;\r\n\r\n  object-fit: contain;\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   HEADLINE TEXT\r\n   ================================================ *\/\r\n\r\n#agilera-references .ag-references__title-text {\r\n\r\n  display: block;\r\n\r\n  max-width: 830px;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  color: #FFFFFF !important;\r\n\r\n  font-family: 'Unbounded', sans-serif !important;\r\n\r\n  font-size: clamp(20px, 3vw, 43px) !important;\r\n\r\n  font-style: normal;\r\n  font-weight: 400 !important;\r\n\r\n  letter-spacing: -0.02em;\r\n\r\n  line-height: 1.28;\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   CAROUSEL VIEWPORT\r\n   ================================================ *\/\r\n\r\n#agilera-references .ag-references__viewport {\r\n\r\n  position: relative;\r\n  z-index: 0;\r\n\r\n  width: 100%;\r\n\r\n  --ag-hover-clearance: 22px;\r\n\r\n  padding-block: var(--ag-hover-clearance);\r\n\r\n  margin-block: calc(-1 * var(--ag-hover-clearance));\r\n\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n\r\n  scrollbar-width: none;\r\n  overscroll-behavior-x: contain;\r\n\r\n  -webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n#agilera-references .ag-references__viewport::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n#agilera-references.ag-references--animated\r\n.ag-references__viewport {\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   EDGE FADE \u2014 #0B0B0B\r\n   ================================================ *\/\r\n\r\n#agilera-references .ag-references__viewport::before,\r\n#agilera-references .ag-references__viewport::after {\r\n\r\n  content: '';\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  bottom: 0;\r\n\r\n  z-index: 10;\r\n\r\n  width: clamp(26px, 6vw, 90px);\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n#agilera-references .ag-references__viewport::before {\r\n\r\n  left: 0;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--ag-edge-color) 0%,\r\n    transparent 100%\r\n  );\r\n\r\n}\r\n\r\n#agilera-references .ag-references__viewport::after {\r\n\r\n  right: 0;\r\n\r\n  background: linear-gradient(\r\n    270deg,\r\n    var(--ag-edge-color) 0%,\r\n    transparent 100%\r\n  );\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   CAROUSEL TRACK\r\n   ================================================ *\/\r\n\r\n#agilera-references .ag-references__track {\r\n\r\n  display: flex;\r\n  align-items: stretch;\r\n\r\n  width: max-content;\r\n\r\n  overflow: visible;\r\n\r\n  transform: translate3d(0, 0, 0);\r\n  will-change: transform;\r\n\r\n}\r\n\r\n#agilera-references .ag-references__group {\r\n\r\n  display: flex;\r\n  flex: 0 0 auto;\r\n\r\n  align-items: stretch;\r\n\r\n  gap: var(--ag-ref-gap);\r\n  padding-right: var(--ag-ref-gap);\r\n\r\n  overflow: visible;\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   IMAGE CARDS\r\n   ================================================ *\/\r\n\r\n#agilera-references .ag-references__item {\r\n\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  display: block;\r\n\r\n  flex: 0 0 var(--ag-ref-size);\r\n\r\n  width: var(--ag-ref-size);\r\n  height: var(--ag-ref-size);\r\n\r\n  min-width: 0;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  aspect-ratio: 1 \/ 1;\r\n\r\n  overflow: visible;\r\n\r\n  border: 0;\r\n  border-radius: 0;\r\n\r\n  background: transparent;\r\n  box-shadow: none;\r\n\r\n  outline-offset: 5px;\r\n\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n\r\n  transform: scale(1);\r\n  transform-origin: center center;\r\n\r\n  transition:\r\n    transform .45s cubic-bezier(.18, .75, .2, 1),\r\n    box-shadow .45s ease;\r\n\r\n  -webkit-tap-highlight-color: transparent;\r\n\r\n}\r\n\r\n#agilera-references .ag-references__item--static {\r\n  cursor: default;\r\n}\r\n\r\n\r\n\/* ================================================\r\n   CARD IMAGES\r\n   ================================================ *\/\r\n\r\n#agilera-references .ag-references__item img {\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  max-width: none;\r\n\r\n  padding: 0;\r\n  margin: 0;\r\n\r\n  border: none;\r\n  border-radius: 0;\r\n\r\n  box-shadow: none;\r\n\r\n  object-fit: contain;\r\n  vertical-align: middle;\r\n\r\n  pointer-events: none;\r\n  user-select: none;\r\n\r\n  -webkit-user-drag: none;\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   HOVER EFFECT\r\n\r\n   Obr\u00e1zok sa jemne zv\u00e4\u010d\u0161\u00ed.\r\n   Carousel sa NEZASTAVUJE.\r\n   ================================================ *\/\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n\r\n  #agilera-references .ag-references__item:hover {\r\n\r\n    z-index: 5;\r\n\r\n    transform: scale(1.055);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   KEYBOARD FOCUS\r\n   ================================================ *\/\r\n\r\n#agilera-references a.ag-references__item:focus-visible {\r\n\r\n  z-index: 5;\r\n\r\n  outline: 2px solid #68e0df;\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   TABLET\r\n   ================================================ *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  #agilera-references {\r\n\r\n    --ag-ref-size: clamp(222px, 28vw, 275px);\r\n\r\n  }\r\n\r\n  #agilera-references .ag-references__number {\r\n\r\n    width: clamp(175px, 22vw, 220px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   MOBILE\r\n   ================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #agilera-references {\r\n\r\n    --ag-ref-size: clamp(210px, 69vw, 270px);\r\n    --ag-ref-gap: 16px;\r\n\r\n    padding: 52px 0 76px;\r\n\r\n  }\r\n\r\n  #agilera-references .ag-references__inner {\r\n\r\n    padding: 0 22px;\r\n\r\n  }\r\n\r\n  #agilera-references .ag-references__title {\r\n\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n\r\n    gap: 21px;\r\n\r\n    margin-bottom: 52px;\r\n\r\n  }\r\n\r\n  #agilera-references .ag-references__number {\r\n\r\n    width: clamp(180px, 48vw, 215px);\r\n\r\n  }\r\n\r\n  #agilera-references .ag-references__title-text {\r\n\r\n    max-width: 370px;\r\n\r\n    font-size: clamp(20px, 5.25vw, 26px) !important;\r\n\r\n    line-height: 1.4;\r\n\r\n  }\r\n\r\n  #agilera-references .ag-references__viewport::before,\r\n  #agilera-references .ag-references__viewport::after {\r\n\r\n    width: 28px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   REDUCED MOTION\r\n   ================================================ *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #agilera-references .ag-references__item,\r\n  #agilera-references .ag-references__item:hover {\r\n\r\n    transform: none;\r\n    transition: none;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(() => {\r\n\r\n  'use strict';\r\n\r\n  const root = document.getElementById('agilera-references');\r\n\r\n  if (!root || root.dataset.agRefInitialized === 'true') {\r\n    return;\r\n  }\r\n\r\n  root.dataset.agRefInitialized = 'true';\r\n\r\n  const viewport = root.querySelector('.ag-references__viewport');\r\n  const track = root.querySelector('.ag-references__track');\r\n  const firstGroup = root.querySelector('.ag-references__group');\r\n\r\n  if (!viewport || !track || !firstGroup) {\r\n    return;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     REDUCED MOTION\r\n     ========================================= *\/\r\n\r\n  const reducedMotion = window.matchMedia(\r\n    '(prefers-reduced-motion: reduce)'\r\n  );\r\n\r\n  if (reducedMotion.matches) {\r\n    return;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     INFINITE LOOP CLONE\r\n     ========================================= *\/\r\n\r\n  const clone = firstGroup.cloneNode(true);\r\n\r\n  clone.setAttribute('aria-hidden', 'true');\r\n\r\n  clone.querySelectorAll('a').forEach(link => {\r\n    link.setAttribute('tabindex', '-1');\r\n  });\r\n\r\n  track.appendChild(clone);\r\n\r\n  root.classList.add('ag-references--animated');\r\n\r\n\r\n  \/* =========================================\r\n     SETTINGS\r\n     ========================================= *\/\r\n\r\n  \/\/ Speed in pixels per second.\r\n  \/\/ Higher value = faster movement.\r\n\r\n  const SPEED = 48;\r\n\r\n\r\n  \/* =========================================\r\n     STATE\r\n     ========================================= *\/\r\n\r\n  let groupWidth = 0;\r\n  let position = 0;\r\n  let lastTime = 0;\r\n\r\n  let keyboardFocus = false;\r\n  let keyboardNavigation = false;\r\n\r\n  let onScreen = true;\r\n\r\n\r\n  \/* =========================================\r\n     RENDER POSITION\r\n     ========================================= *\/\r\n\r\n  function draw() {\r\n\r\n    track.style.transform =\r\n      `translate3d(${-position.toFixed(3)}px, 0, 0)`;\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     RESPONSIVE WIDTH\r\n     ========================================= *\/\r\n\r\n  function recalculate() {\r\n\r\n    const newWidth = firstGroup.getBoundingClientRect().width;\r\n\r\n    if (!newWidth) {\r\n      return;\r\n    }\r\n\r\n    if (groupWidth > 0) {\r\n\r\n      position =\r\n        (position \/ groupWidth) * newWidth;\r\n\r\n      position = position % newWidth;\r\n\r\n    }\r\n\r\n    groupWidth = newWidth;\r\n\r\n    draw();\r\n\r\n  }\r\n\r\n  recalculate();\r\n\r\n\r\n  \/* =========================================\r\n     RESIZE OBSERVER\r\n     ========================================= *\/\r\n\r\n  const resizeObserver = ('ResizeObserver' in window)\r\n    ? new ResizeObserver(recalculate)\r\n    : null;\r\n\r\n  if (resizeObserver) {\r\n\r\n    resizeObserver.observe(firstGroup);\r\n\r\n  } else {\r\n\r\n    window.addEventListener(\r\n      'resize',\r\n      recalculate,\r\n      { passive: true }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     KEYBOARD INPUT DETECTION\r\n\r\n     Carousel sa pri hoveri my\u0161ou\r\n     nezastavuje.\r\n\r\n     Pauza pri kl\u00e1vesnicovom fokuse\r\n     zost\u00e1va kv\u00f4li pr\u00edstupnosti.\r\n     ========================================= *\/\r\n\r\n  function onKeyDown(event) {\r\n\r\n    if (event.key === 'Tab') {\r\n\r\n      keyboardNavigation = true;\r\n\r\n    }\r\n\r\n  }\r\n\r\n  window.addEventListener(\r\n    'keydown',\r\n    onKeyDown,\r\n    true\r\n  );\r\n\r\n\r\n  \/* =========================================\r\n     POINTER INPUT DETECTION\r\n     ========================================= *\/\r\n\r\n  root.addEventListener(\r\n    'pointerdown',\r\n    () => {\r\n\r\n      keyboardNavigation = false;\r\n      keyboardFocus = false;\r\n\r\n    },\r\n    true\r\n  );\r\n\r\n\r\n  \/* =========================================\r\n     KEYBOARD FOCUS\r\n     ========================================= *\/\r\n\r\n  viewport.addEventListener('focusin', event => {\r\n\r\n    if (\r\n      keyboardNavigation &&\r\n      event.target.closest('a.ag-references__item')\r\n    ) {\r\n\r\n      keyboardFocus = true;\r\n\r\n    }\r\n\r\n  });\r\n\r\n\r\n  viewport.addEventListener('focusout', event => {\r\n\r\n    if (!viewport.contains(event.relatedTarget)) {\r\n\r\n      keyboardFocus = false;\r\n\r\n    }\r\n\r\n  });\r\n\r\n\r\n  \/* =========================================\r\n     LINK CLICK HANDLING\r\n     ========================================= *\/\r\n\r\n  viewport.addEventListener('click', event => {\r\n\r\n    const link = event.target.closest(\r\n      'a.ag-references__item'\r\n    );\r\n\r\n    if (!link) {\r\n      return;\r\n    }\r\n\r\n    keyboardFocus = false;\r\n    keyboardNavigation = false;\r\n\r\n  });\r\n\r\n\r\n  \/* =========================================\r\n     WINDOW AND TAB FOCUS HANDLING\r\n     ========================================= *\/\r\n\r\n  window.addEventListener('blur', () => {\r\n\r\n    keyboardFocus = false;\r\n    keyboardNavigation = false;\r\n\r\n    lastTime = 0;\r\n\r\n  });\r\n\r\n\r\n  window.addEventListener('focus', () => {\r\n\r\n    lastTime = 0;\r\n\r\n  });\r\n\r\n\r\n  document.addEventListener(\r\n    'visibilitychange',\r\n    () => {\r\n\r\n      lastTime = 0;\r\n\r\n      if (document.hidden) {\r\n\r\n        keyboardFocus = false;\r\n        keyboardNavigation = false;\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  window.addEventListener('pageshow', () => {\r\n\r\n    lastTime = 0;\r\n\r\n  });\r\n\r\n\r\n  \/* =========================================\r\n     INTERSECTION OBSERVER\r\n\r\n     Optimaliz\u00e1cia: mimo obrazovky\r\n     sa pozastavia v\u00fdpo\u010dty anim\u00e1cie.\r\n     ========================================= *\/\r\n\r\n  const intersectionObserver =\r\n    ('IntersectionObserver' in window)\r\n\r\n      ? new IntersectionObserver(\r\n          ([entry]) => {\r\n\r\n            onScreen = entry.isIntersecting;\r\n\r\n            if (onScreen) {\r\n              lastTime = 0;\r\n            }\r\n\r\n          },\r\n          {\r\n            threshold: 0\r\n          }\r\n        )\r\n\r\n      : null;\r\n\r\n\r\n  if (intersectionObserver) {\r\n\r\n    intersectionObserver.observe(viewport);\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     PAUSE CONDITIONS\r\n\r\n     \u017dIADNE ZASTAVENIE PRI HOVERI.\r\n\r\n     Zost\u00e1va len kl\u00e1vesnicov\u00fd fokus.\r\n     ========================================= *\/\r\n\r\n  function shouldPause() {\r\n\r\n    return keyboardFocus;\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     INFINITE ANIMATION LOOP\r\n     ========================================= *\/\r\n\r\n  function animate(now) {\r\n\r\n    \/\/ Cleanup after Elementor removes\r\n    \/\/ the section from the document.\r\n\r\n    if (!root.isConnected) {\r\n\r\n      resizeObserver?.disconnect();\r\n      intersectionObserver?.disconnect();\r\n\r\n      window.removeEventListener(\r\n        'keydown',\r\n        onKeyDown,\r\n        true\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if (!lastTime) {\r\n\r\n      lastTime = now;\r\n\r\n    }\r\n\r\n\r\n    \/\/ Cap delta to prevent large jumps\r\n    \/\/ after background-tab inactivity.\r\n\r\n    const delta = Math.min(\r\n      now - lastTime,\r\n      64\r\n    );\r\n\r\n    lastTime = now;\r\n\r\n\r\n    const canAnimate = (\r\n      groupWidth > 0 &&\r\n      onScreen &&\r\n      !document.hidden &&\r\n      !shouldPause()\r\n    );\r\n\r\n\r\n    if (canAnimate) {\r\n\r\n      \/\/ Continuous linear movement.\r\n      \/\/ Wrap exactly at one group width\r\n      \/\/ so the next group aligns perfectly.\r\n\r\n      position = (\r\n        position +\r\n        SPEED * delta \/ 1000\r\n      ) % groupWidth;\r\n\r\n      draw();\r\n\r\n    }\r\n\r\n\r\n    requestAnimationFrame(animate);\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     START CAROUSEL\r\n     ========================================= *\/\r\n\r\n  requestAnimationFrame(animate);\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53c5fa2 e-flex e-con-boxed e-con e-parent\" data-id=\"53c5fa2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b586142 elementor-widget elementor-widget-html\" data-id=\"b586142\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n.agref-section, .agref-section *, .agref-section *::before, .agref-section *::after { box-sizing: border-box; }\r\n.agref-section { --agref-main-text: #555555; --agref-secondary: #858585; --agref-highlight: #dedede; --agref-white: #ffffff; --agref-center-gap: clamp(58px, 4.2vw, 78px); --agref-copy-gap: clamp(37px, 3.15vw, 43px); position: relative; width: 100%; margin: 0 !important; padding: clamp(68px, 5.8vw, 86px) 0 clamp(64px, 5.5vw, 84px); background: transparent !important; overflow: hidden; isolation: isolate; }\r\n.agref-layout { position: relative; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; width: min(1180px, calc(100vw - 64px)); height: 315px; min-height: 315px; margin: 0 auto !important; padding: 0 !important; }\r\n.agref-divider { position: absolute; z-index: 3; top: 0; bottom: 0; left: 50%; width: 1px; height: 100%; margin: 0; padding: 0; background: rgba(255,255,255,.17); transform: translateX(-0.5px); pointer-events: none; }\r\n.agref-intro { position: relative; min-width: 0; height: 100%; margin: 0; padding: 0 var(--agref-center-gap) 0 0 !important; }\r\n.agref-intro-top { position: relative; display: flex !important; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; min-height: clamp(53px, 4.6vw, 61px); margin: 0; padding: 0; }\r\n.agref-profile { display: flex; align-items: center; flex: 0 0 auto; min-width: 0; margin: 0; padding: 0; }\r\n.agref-profile-photo { display: block; flex: 0 0 auto; width: clamp(53px, 4.6vw, 61px); height: clamp(53px, 4.6vw, 61px); margin: 0; padding: 0; border: 0; border-radius: 50%; object-fit: cover; user-select: none; pointer-events: none; -webkit-user-select: none; -webkit-user-drag: none; }\r\n.agref-profile-copy { min-width: 0; margin-left: clamp(17px, 1.55vw, 22px); }\r\n.agref-section h2.agref-profile-name { display: block !important; margin: 0 !important; padding: 0 !important; font-family: \"Unbounded\", sans-serif !important; font-size: clamp(17px, 1.45vw, 22px) !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.1 !important; letter-spacing: -0.045em !important; text-transform: uppercase !important; white-space: nowrap !important; text-align: left !important; color: #ffffff !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n.agref-profile-role { display: block; margin-top: 4px; font-family: \"Unbounded\", sans-serif; font-size: clamp(10px, .9vw, 13px); font-weight: 300; line-height: 1; letter-spacing: -.03em; text-transform: uppercase; text-align: left; color: var(--agref-secondary); }\r\n.agref-intro-quote { position: static !important; display: block; flex: 0 0 auto; width: clamp(68px, 5.2vw, 80px); height: auto; margin: 0 0 0 clamp(55px, 3.8vw, 75px) !important; padding: 0; border: 0; outline: 0; object-fit: contain; user-select: none; pointer-events: none; -webkit-user-select: none; -webkit-user-drag: none; }\r\n.agref-intro-statement { display: block; width: min(100%, 445px); margin: var(--agref-copy-gap) 0 0 !important; padding: 0 !important; font-family: \"Unbounded\", sans-serif; font-size: clamp(19px, 1.65vw, 26px); font-weight: 300; line-height: 1.23; letter-spacing: -.045em; color: var(--agref-main-text) !important; text-align: left !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n.agref-carousel { position: relative; min-width: 0; width: 100%; height: 315px; min-height: 315px; margin: 0 !important; padding: 0 !important; text-align: left !important; }\r\n.agref-stage { position: relative; display: block !important; width: calc(100% - var(--agref-center-gap)) !important; margin: 0 0 0 var(--agref-center-gap) !important; padding: 0 !important; overflow: visible; text-align: left !important; touch-action: pan-y; }\r\n.agref-slide { position: relative !important; display: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; translate: none !important; scale: none !important; pointer-events: none; text-align: left !important; transition: none !important; transition-property: none !important; transition-duration: 0s !important; animation: none !important; animation-duration: 0s !important; animation-delay: 0s !important; }\r\n.agref-slide *, .agref-slide *::before, .agref-slide *::after { transition: none !important; transition-property: none !important; animation: none !important; }\r\n.agref-slide.is-active { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto; transform: none !important; transition: none !important; animation: none !important; }\r\n.agref-section .agref-client-head { position: relative; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-height: clamp(53px, 4.6vw, 61px) !important; height: clamp(53px, 4.6vw, 61px); margin: 0 !important; padding: 0 !important; text-align: left !important; }\r\n.agref-section .agref-logo-wrap { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex: 0 0 auto !important; width: var(--agref-logo-space, 110px) !important; height: clamp(53px, 4.6vw, 61px) !important; min-height: clamp(53px, 4.6vw, 61px) !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }\r\n.agref-section .agref-logo { display: block !important; width: var(--agref-logo-width, 105px) !important; max-width: 100% !important; max-height: 54px !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; object-fit: contain; object-position: left center; filter: grayscale(1) brightness(0) invert(1); user-select: none; pointer-events: none; -webkit-user-select: none; -webkit-user-drag: none; }\r\n.agref-section .agref-person { display: block !important; flex: 1 1 auto !important; min-width: 0; margin: 0 0 0 clamp(17px, 1.4vw, 21px) !important; padding: 0 !important; text-align: left !important; }\r\n.agref-section h3.agref-person-name { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; font-family: \"Unbounded\", sans-serif !important; font-size: clamp(17px, 1.4vw, 22px) !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.1 !important; letter-spacing: -0.045em !important; text-transform: uppercase !important; white-space: nowrap !important; text-align: left !important; color: #ffffff !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n.agref-section .agref-person-role { display: block !important; width: 100% !important; margin: 4px 0 0 !important; padding: 0 !important; font-family: \"Unbounded\", sans-serif !important; font-size: clamp(10px, .9vw, 13px) !important; font-weight: 300 !important; line-height: 1 !important; letter-spacing: -.03em !important; text-transform: uppercase !important; text-align: left !important; color: var(--agref-secondary) !important; }\r\n.agref-section .agref-text { display: block !important; width: 100% !important; max-width: 570px; margin: var(--agref-copy-gap) 0 0 !important; padding: 0 !important; font-family: \"Unbounded\", sans-serif !important; font-size: clamp(14.5px, 1vw, 17.5px) !important; font-weight: 300 !important; line-height: 1.24 !important; letter-spacing: -.038em !important; color: var(--agref-main-text) !important; text-align: left !important; text-indent: 0 !important; text-wrap: pretty; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n.agref-section .agref-highlight { color: var(--agref-highlight) !important; font-weight: 400 !important; }\r\n.agref-section .agref-controls { position: absolute !important; z-index: 20; left: var(--agref-center-gap); bottom: 0; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 46px !important; column-gap: 46px !important; row-gap: 0 !important; width: calc(100% - var(--agref-center-gap)); margin: 0 !important; padding: 0 !important; text-align: left !important; pointer-events: auto; }\r\n.agref-section button.agref-arrow { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 39px !important; width: 39px !important; min-width: 39px !important; max-width: 39px !important; height: 39px !important; min-height: 39px !important; max-height: 39px !important; margin: 0 !important; padding: 0 !important; appearance: none !important; -webkit-appearance: none !important; border: 1.5px solid #ffffff !important; border-radius: 50% !important; background: transparent !important; background-color: transparent !important; background-image: none !important; color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color 180ms ease, color 180ms ease, transform 180ms ease !important; }\r\n.agref-section button.agref-arrow svg { display: block !important; width: 17px !important; height: 17px !important; margin: 0 !important; padding: 0 !important; fill: none !important; stroke: #ffffff !important; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }\r\n.agref-section button.agref-arrow svg path { fill: none !important; stroke: #ffffff !important; }\r\n@media (hover:hover) and (pointer:fine) {\r\n    .agref-section button.agref-arrow:hover { background: #ffffff !important; background-color: #ffffff !important; color: #0b0b0b !important; border-color: #ffffff !important; transform: scale(1.06); }\r\n    .agref-section button.agref-arrow:hover svg, .agref-section button.agref-arrow:hover svg path { stroke: #0b0b0b !important; }\r\n}\r\n.agref-section button.agref-arrow:active { transform: scale(.94); }\r\n@media (max-width: 1500px) {\r\n    .agref-section { --agref-center-gap: clamp(52px, 4vw, 68px); }\r\n    .agref-intro-quote { margin-left: clamp(45px, 3.5vw, 65px) !important; }\r\n    .agref-section .agref-text { font-size: clamp(13px, 1vw, 15px) !important; }\r\n}\r\n@media (max-width: 1200px) {\r\n    .agref-section { --agref-center-gap: clamp(45px, 4vw, 60px); }\r\n    .agref-intro-quote { margin-left: clamp(35px, 3vw, 50px) !important; width: 65px; }\r\n    .agref-intro-statement { max-width: 410px; }\r\n    .agref-section .agref-text { max-width: 500px; font-size: clamp(12px, 1.1vw, 14px) !important; }\r\n    .agref-section .agref-controls { gap: 40px !important; column-gap: 40px !important; }\r\n}\r\n@media (max-width: 900px) {\r\n    .agref-section { --agref-center-gap: 38px; padding: 58px 24px 62px; }\r\n    .agref-layout { width: 100%; height: 330px; min-height: 330px; }\r\n    .agref-carousel { height: 330px; min-height: 330px; }\r\n    .agref-intro-quote { width: 55px; margin-left: 25px !important; }\r\n    .agref-intro-statement { max-width: 350px; font-size: clamp(17px,2.5vw,22px); }\r\n    .agref-section .agref-logo-wrap { width: var(--agref-logo-space, 92px) !important; }\r\n    .agref-section .agref-person { margin-left: 14px !important; }\r\n    .agref-section .agref-text { max-width: 100%; font-size: clamp(11px,1.4vw,13px) !important; line-height: 1.3 !important; }\r\n    .agref-section .agref-controls { gap: 34px !important; column-gap: 34px !important; }\r\n}\r\n@media (max-width: 720px) {\r\n    .agref-section { --agref-center-gap: 0px; padding: 48px 20px 54px; }\r\n    .agref-layout { display: block !important; width: min(100%,580px); height: auto; min-height: 0; }\r\n    .agref-intro { height: auto; padding: 0 !important; }\r\n    .agref-intro-top { width: 100%; }\r\n    .agref-intro-quote { margin-left: auto !important; width: 58px; }\r\n    .agref-intro-statement { width: min(100%,430px); max-width: 430px; margin-top: 32px !important; font-size: clamp(18px,5vw,23px); }\r\n    .agref-divider { position: relative; top: auto; bottom: auto; left: auto; display: block; width: 100%; height: 1px; margin: 40px 0; transform: none; background: linear-gradient(to right, transparent 0%, rgba(255,255,255,.15) 12%, rgba(255,255,255,.15) 88%, transparent 100%); }\r\n    .agref-carousel { width: 100%; height: auto; min-height: 0; padding: 0 !important; }\r\n    .agref-stage { width: 100% !important; margin: 0 !important; }\r\n    .agref-section .agref-text { max-width: 100%; margin-top: 32px !important; font-size: clamp(11.5px,2.7vw,14px) !important; line-height: 1.34 !important; }\r\n    .agref-section .agref-controls { position: relative !important; left: auto; bottom: auto; width: 100%; margin-top: 32px !important; gap: 36px !important; column-gap: 36px !important; }\r\n}\r\n@media (max-width: 480px) {\r\n    .agref-section { padding: 42px 17px 50px; }\r\n    .agref-profile-photo { width: 49px; height: 49px; }\r\n    .agref-profile-copy { margin-left: 13px; }\r\n    .agref-section h2.agref-profile-name { font-size: clamp(14px,4vw,17px) !important; }\r\n    .agref-profile-role { font-size: 9px; }\r\n    .agref-intro-quote { width: 48px; margin-left: auto !important; }\r\n    .agref-intro-statement { padding-right: 10px; font-size: clamp(17px,5vw,21px); }\r\n    .agref-section .agref-client-head { min-height: 49px !important; height: 49px !important; }\r\n    .agref-section .agref-logo-wrap { width: var(--agref-logo-space, 85px) !important; height: 49px !important; min-height: 49px !important; }\r\n    .agref-section .agref-logo { max-height: 45px !important; }\r\n    .agref-section .agref-person { margin-left: 13px !important; }\r\n    .agref-section h3.agref-person-name { white-space: normal !important; font-size: clamp(13px,3.8vw,16px) !important; }\r\n    .agref-section .agref-person-role { font-size: 9px !important; }\r\n    .agref-section .agref-text { font-size: clamp(11.5px,3.15vw,13.5px) !important; }\r\n    .agref-section .agref-controls { gap: 34px !important; column-gap: 34px !important; }\r\n    .agref-section button.agref-arrow { flex: 0 0 38px !important; width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; }\r\n}\r\n\r\n\/* Vlajky pred menom a poz\u00edciou *\/\r\n.agref-section .agref-name-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    min-width: 0;\r\n}\r\n.agref-section .agref-name-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n}\r\n.agref-section .agref-country-flag {\r\n    display: block;\r\n    flex: 0 0 32px;\r\n    width: 32px;\r\n    height: 32px;\r\n    object-fit: cover;\r\n    border-radius: 50%;\r\n}\r\n@media (max-width: 480px) {\r\n    .agref-section .agref-name-row { gap: 12px; }\r\n    .agref-section .agref-country-flag {\r\n        flex-basis: 30px;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"agref-section\" aria-label=\"Reference klient\u016f AGILERA\">\r\n    <div class=\"agref-layout\">\r\n\r\n        <aside class=\"agref-intro\">\r\n            <div class=\"agref-intro-top\">\r\n                <div class=\"agref-profile\">\r\n                    <img class=\"agref-profile-photo\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/09\/Profilovka-vajda.png\" alt=\"Tade\u00e1\u0161 Vajda\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n                    <div class=\"agref-profile-copy\">\r\n                        <h2 class=\"agref-profile-name\">TADE\u00c1\u0160 VAJDA<\/h2>\r\n                        <span class=\"agref-profile-role\">CEO<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <img class=\"agref-intro-quote\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/09\/Uvodzovky.png\" alt=\"\" aria-hidden=\"true\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n            <\/div>\r\n\r\n            <p class=\"agref-intro-statement\">\r\n                D\u00f4vera je najcennej\u0161\u00ed kapit\u00e1l,<br>\r\n                ktor\u00fd m\u00f4\u017eete v podnikan\u00ed<br>\r\n                budova\u0165.\r\n            <\/p>\r\n        <\/aside>\r\n\r\n        <div class=\"agref-divider\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"agref-carousel\" role=\"region\" aria-label=\"Reference klient\u016f\" aria-roledescription=\"carousel\">\r\n            <div class=\"agref-stage\" aria-live=\"off\" aria-atomic=\"true\">\r\n\r\n                <!-- 1. MTB ITALY \/ FABRIZIO INSERRA -->\r\n\r\n                <article class=\"agref-slide is-active\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 ze 7 \u2013 mtbitals\" aria-hidden=\"false\" lang=\"en\">\r\n                    <div class=\"agref-client-head\">\r\n                        <div class=\"agref-logo-wrap\" style=\"--agref-logo-space:110px;\">\r\n                            <img class=\"agref-logo\" style=\"--agref-logo-width:102px;\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/mtbitaly_logo-1.png\" alt=\"MTBiTALY\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n                        <\/div>\r\n\r\n                        <div class=\"agref-person\">\r\n                            <div class=\"agref-name-row\">\r\n                                <img class=\"agref-country-flag\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/talianska-vlajka-kruh.png\" alt=\"Taliansko\" title=\"Taliansko\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                                <div class=\"agref-name-info\">\r\n                                    <h3 class=\"agref-person-name\">\r\n                                        FABRIZIO INSERRA\r\n                                    <\/h3>\r\n                                    <span class=\"agref-person-role\">\r\n                                        MAJITEL\r\n                                    <\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <p class=\"agref-text\">\r\n                        AGILERA company did an\r\n                        <span class=\"agref-highlight\">\r\n                            outstanding job\r\n                        <\/span>\r\n                        capturing the essence of our TransLiguria mountain bike tour.\r\n                        The final video\r\n                        <span class=\"agref-highlight\">\r\n                            exceeded our expectations\r\n                        <\/span>\r\n                        in every way. We were particularly impressed with their\r\n                        ability to capture the\r\n                        <span class=\"agref-highlight\">\r\n                            stunning scenery\r\n                        <\/span>\r\n                        and the excitement of the ride. They will definitely be our\r\n                        go-to for future video projects.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <!-- 2. MAXIDENTAL -->\r\n\r\n                <article class=\"agref-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 ze 7 \u2013 Maxi Dental\" aria-hidden=\"true\" lang=\"cs\">\r\n                    <div class=\"agref-client-head\">\r\n                        <div class=\"agref-logo-wrap\" style=\"--agref-logo-space:125px;\">\r\n                            <img class=\"agref-logo\" style=\"--agref-logo-width:115px;\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/maxidental_logo-1.png\" alt=\"Maxi Dental\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                        <\/div>\r\n\r\n                        <div class=\"agref-person\">\r\n                            <div class=\"agref-name-row\">\r\n                                <img class=\"agref-country-flag\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/ceska-vlajka-kruh.png\" alt=\"\u010cesko\" title=\"\u010cesko\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                                <div class=\"agref-name-info\">\r\n                                    <h3 class=\"agref-person-name\">\r\n                                        ELENA AD\u017dIOVSK\u00c1\r\n                                    <\/h3>\r\n                                    <span class=\"agref-person-role\">\r\n                                        MANA\u017dER PROVOZU\r\n                                    <\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <p class=\"agref-text\">\r\n                        S panem Vajdou a jeho kolegy m\u00e1me jen ty nejlep\u0161\u00ed zku\u0161enosti.\r\n                        <span class=\"agref-highlight\">\r\n                            Spolupr\u00e1ce je na vysok\u00e9 \u00farovni,\r\n                        <\/span>\r\n                        sami navrhuj\u00ed a \u0159e\u0161\u00ed, na\u0161e pr\u00e1ce ve vyhotovov\u00e1n\u00ed podklad\u016f je\r\n                        pouze minim\u00e1ln\u00ed, v podstat\u011b t\u00e9m\u011b\u0159 \u017e\u00e1dn\u00e1 a m\u00e1me v\u00fdsledky!\r\n                        Tak si to p\u0159edstavujeme.\r\n                        <span class=\"agref-highlight\">\r\n                            V\u0159ele doporu\u010dujeme takov\u00e9 profesion\u00e1ly.\r\n                        <\/span>\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <!-- 3. RYCHLEBSK\u00c9 STEZKY -->\r\n\r\n                <article class=\"agref-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 ze 7 \u2013 Rychlebsk\u00e9 stezky\" aria-hidden=\"true\" lang=\"en\">\r\n                    <div class=\"agref-client-head\">\r\n                        <div class=\"agref-logo-wrap\" style=\"--agref-logo-space:110px;\">\r\n                            <img class=\"agref-logo\" style=\"--agref-logo-width:100px;\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/rys_logo_barevne-300x300-1.png\" alt=\"Rychlebsk\u00e9 stezky\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                        <\/div>\r\n\r\n                        <div class=\"agref-person\">\r\n                            <div class=\"agref-name-row\">\r\n                                <img class=\"agref-country-flag\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/ceska-vlajka-kruh.png\" alt=\"\u010cesko\" title=\"\u010cesko\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                                <div class=\"agref-name-info\">\r\n                                    <h3 class=\"agref-person-name\">\r\n                                        PAVEL HORN\u00cdK\r\n                                    <\/h3>\r\n                                    <span class=\"agref-person-role\">\r\n                                        MAJITEL\r\n                                    <\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <p class=\"agref-text\">\r\n                        The work of the AGILERA team is a showcase of\r\n                        <span class=\"agref-highlight\">\r\n                            honest craftsmanship\r\n                        <\/span>,\r\n                        filled with creativity and a love for nature and mountain biking.\r\n                        They seamlessly combine the poetry of nature with action,\r\n                        drawing you into their videos. Both main creators are, for me,\r\n                        <span class=\"agref-highlight\">\r\n                            amazing individuals on a personal level,\r\n                        <\/span>\r\n                        and I would be happy to collaborate with them anytime or\r\n                        simply go for a bike ride with them.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <!-- 4. DECATHLON -->\r\n\r\n                <article class=\"agref-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 ze 7 \u2013 desetiboj\" aria-hidden=\"true\" lang=\"cs\">\r\n                    <div class=\"agref-client-head\">\r\n                        <div class=\"agref-logo-wrap\" style=\"--agref-logo-space:110px;\">\r\n                            <img class=\"agref-logo\" style=\"--agref-logo-width:102px;\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Decathlon-Logo-500x281-1.png\" alt=\"Decathlon\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                        <\/div>\r\n\r\n                        <div class=\"agref-person\">\r\n                            <div class=\"agref-name-row\">\r\n                                <img class=\"agref-country-flag\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/ceska-vlajka-kruh.png\" alt=\"\u010cesko\" title=\"\u010cesko\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                                <div class=\"agref-name-info\">\r\n                                    <h3 class=\"agref-person-name\">\r\n                                        JAKUB VAN\u00cd\u010cEK\r\n                                    <\/h3>\r\n                                    <span class=\"agref-person-role\">\r\n                                        CONTENT LEADER \/ MARKETING TEAM\r\n                                    <\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <p class=\"agref-text\">\r\n                        S Eduardem jsme v Decathlonu spolupracovali na\r\n                        videoreportu ze dvou cyklistick\u00fdch akc\u00ed. Na\u0161\u00edm c\u00edlem bylo\r\n                        zachytit atmosf\u00e9ru, n\u00e1\u0161 st\u00e1nek i p\u0159irozen\u00fd branding \u2013\r\n                        a to se d\u00edky jeho\r\n                        <span class=\"agref-highlight\">\r\n                            profesion\u00e1ln\u00edmu p\u0159\u00edstupu\r\n                        <\/span>\r\n                        poda\u0159ilo na jedni\u010dku. V\u00fdsledn\u00e1 videa skv\u011ble dokumentuj\u00ed\r\n                        akce, na kter\u00e9 jsme hrd\u00ed a jejich\u017e p\u0159\u00edprav\u011b jsme v\u011bnovali\r\n                        n\u011bkolik m\u011bs\u00edc\u016f.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <!-- 5. DOMINIQ -->\r\n\r\n                <article class=\"agref-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 ze 7 \u2013 Dominiq\" aria-hidden=\"true\" lang=\"sk\">\r\n                    <div class=\"agref-client-head\">\r\n                        <div class=\"agref-logo-wrap\" style=\"--agref-logo-space:150px;\">\r\n                            <img class=\"agref-logo\" style=\"--agref-logo-width:140px;\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/07\/Dominiq-logo.png\" alt=\"DOMINIQ\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                        <\/div>\r\n\r\n                        <div class=\"agref-person\">\r\n                            <div class=\"agref-name-row\">\r\n                                <img class=\"agref-country-flag\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/slovenska-vlajka-kruh.png\" alt=\"Slovensko\" title=\"Slovensko\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                                <div class=\"agref-name-info\">\r\n                                    <h3 class=\"agref-person-name\">\r\n                                        EVA BEDERKOV\u00c1\r\n                                    <\/h3>\r\n                                    <span class=\"agref-person-role\">\r\n                                        REFERENTKA\r\n                                    <\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <p class=\"agref-text\">\r\n                        Neskuto\u010dn\u00e1 spokojnos\u0165. T\u00fdm AGILERA n\u00e1m pomohol vyrie\u0161i\u0165\r\n                        probl\u00e9m, kde sme sa nevedeli dosta\u0165 do n\u00e1\u0161ho firemn\u00e9ho FB\r\n                        profilu z komplikovan\u00fdch d\u00f4vodov.\r\n                        <span class=\"agref-highlight\">\r\n                            Skvel\u00e1 spolupr\u00e1ca, pomoc vo dne v noci \ud83d\ude42\r\n                            \u00dastretovos\u0165 a v\u017edy mil\u00fd a ochotn\u00fd \ud83d\ude42\r\n                        <\/span>\r\n                        \u010eakujeme ve\u013emi pekne.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <!-- 6. LENTILS \/ JURAJ KOV\u00c1\u010c -->\r\n\r\n                <article class=\"agref-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 ze 7 \u2013 \u010do\u010dka\" aria-hidden=\"true\" lang=\"sk\">\r\n                    <div class=\"agref-client-head\">\r\n                        <div class=\"agref-logo-wrap\" style=\"--agref-logo-space:110px;\">\r\n                            <img class=\"agref-logo\" style=\"--agref-logo-width:102px;\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/logo_white-lentils-scaled.png\" alt=\"\u010do\u010dka\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                        <\/div>\r\n\r\n                        <div class=\"agref-person\">\r\n                            <div class=\"agref-name-row\">\r\n                                <img class=\"agref-country-flag\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/slovenska-vlajka-kruh.png\" alt=\"Slovensko\" title=\"Slovensko\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                                <div class=\"agref-name-info\">\r\n                                    <h3 class=\"agref-person-name\">\r\n                                        Juraj Kov\u00e1\u010d\r\n                                    <\/h3>\r\n                                    <span class=\"agref-person-role\">\r\n                                        CEO\r\n                                    <\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <p class=\"agref-text\">\r\n                        S agent\u00farou AGILERA spolupracujeme u\u017e nejak\u00fd \u010das a spolupr\u00e1cu\r\n                        hodnot\u00edme ve\u013emi pozit\u00edvne.\r\n                        <span class=\"agref-highlight\">\r\n                            Profesion\u00e1lny pr\u00edstup, ochota v\u017edy pom\u00f4c\u0165 a h\u013eada\u0165 rie\u0161enia,\r\n                        <\/span>\r\n                        to je to \u010do si na partnerskom vz\u0165ahu cen\u00edme najviac.\r\n                        S\u00fa to\r\n                        <span class=\"agref-highlight\">\r\n                            skuto\u010dn\u00ed profesion\u00e1li v oblasti soci\u00e1lnych siet\u00ed.\r\n                        <\/span>\r\n                        Vrelo odpor\u00fa\u010dame.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <!-- 7. DANIEL BORIS -->\r\n\r\n                <article class=\"agref-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 ze 7 \u2013 Daniel Boris\" aria-hidden=\"true\" lang=\"sk\">\r\n                    <div class=\"agref-client-head\">\r\n                        <div class=\"agref-logo-wrap\" style=\"--agref-logo-space:110px;\"><\/div>\r\n\r\n                        <div class=\"agref-person\">\r\n                            <div class=\"agref-name-row\">\r\n                                <img class=\"agref-country-flag\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/slovenska-vlajka-kruh.png\" alt=\"Slovensko\" title=\"Slovensko\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n                                <div class=\"agref-name-info\">\r\n                                    <h3 class=\"agref-person-name\">\r\n                                        Daniel Boris\r\n                                    <\/h3>\r\n                                    <span class=\"agref-person-role\">\r\n                                        \u0158editel | Vextra S.R.O.\r\n                                    <\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <p class=\"agref-text\">\r\n                        S agent\u00farou Agilera sme ve\u013emi spokojn\u00ed.\r\n                        Spolupracovali sme na tvorbe vide\u00ed, marketingu\r\n                        na soci\u00e1lnych sie\u0165ach, tla\u010dovin\u00e1ch, log\u00e1ch aj brandingu.\r\n                        Pom\u00e1hali n\u00e1m tie\u017e pri organizovan\u00ed konferencie pre samospr\u00e1vy.\r\n                        <span class=\"agref-highlight\">\r\n                            Oce\u0148ujeme ich tvorivos\u0165, profesion\u00e1lny pr\u00edstup\r\n                            a pr\u00edjemn\u00fa komunik\u00e1ciu.\r\n                        <\/span>\r\n                        Je rados\u0165 spolupracova\u0165 s t\u00edmom, ktor\u00fd m\u00e1 z\u00e1ujem\r\n                        o dobr\u00fd v\u00fdsledok.\r\n                        <span class=\"agref-highlight\">\r\n                            \u010eakujeme a radi odpor\u00fa\u010dame \u010falej!\r\n                        <\/span>\r\n                    <\/p>\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n            <!-- OVL\u00c1DANIE RECENZI\u00cd -->\r\n\r\n            <div class=\"agref-controls\">\r\n\r\n                <button class=\"agref-arrow agref-prev\" type=\"button\" aria-label=\"P\u0159edchoz\u00ed reference\">\r\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M14.5 5.5L8 12l6.5 6.5\"><\/path>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <button class=\"agref-arrow agref-next\" type=\"button\" aria-label=\"N\u00e1sleduj\u00edc\u00ed reference\">\r\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M9.5 5.5L16 12l-6.5 6.5\"><\/path>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n\r\n    const carousels = document.querySelectorAll('.agref-carousel');\r\n\r\n    carousels.forEach(function(carousel) {\r\n\r\n        const stage = carousel.querySelector('.agref-stage');\r\n\r\n        const slides = Array.from(\r\n            carousel.querySelectorAll('.agref-slide')\r\n        );\r\n\r\n        const previousButton = carousel.querySelector('.agref-prev');\r\n        const nextButton = carousel.querySelector('.agref-next');\r\n\r\n        if (\r\n            !stage ||\r\n            !slides.length ||\r\n            !previousButton ||\r\n            !nextButton\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        \/*\r\n         * \u017dIADNE AUTOMATICK\u00c9 PREP\u00cdNANIE.\r\n         * Prv\u00e1 referencia: Fabrizio Inserra \/ MTBiTALY.\r\n         *\/\r\n\r\n        let currentIndex = 0;\r\n\r\n        function normalizeIndex(index) {\r\n            return (\r\n                (index % slides.length) + slides.length\r\n            ) % slides.length;\r\n        }\r\n\r\n        function showSlide(index) {\r\n\r\n            currentIndex = normalizeIndex(index);\r\n\r\n            slides.forEach(function(slide, slideIndex) {\r\n\r\n                const isActive = slideIndex === currentIndex;\r\n\r\n                if (isActive) {\r\n\r\n                    slide.classList.add('is-active');\r\n\r\n                    slide.setAttribute(\r\n                        'aria-hidden',\r\n                        'false'\r\n                    );\r\n\r\n                } else {\r\n\r\n                    slide.classList.remove('is-active');\r\n\r\n                    slide.setAttribute(\r\n                        'aria-hidden',\r\n                        'true'\r\n                    );\r\n\r\n                }\r\n            });\r\n        }\r\n\r\n        \/* PREDCH\u00c1DZAJ\u00daCA RECENZIA *\/\r\n\r\n        previousButton.onclick = function() {\r\n            showSlide(currentIndex - 1);\r\n        };\r\n\r\n        \/* NASLEDUJ\u00daCA RECENZIA *\/\r\n\r\n        nextButton.onclick = function() {\r\n            showSlide(currentIndex + 1);\r\n        };\r\n\r\n        \/* OVL\u00c1DANIE KL\u00c1VESNICOU *\/\r\n\r\n        carousel.onkeydown = function(event) {\r\n\r\n            if (event.key === 'ArrowLeft') {\r\n\r\n                event.preventDefault();\r\n\r\n                showSlide(currentIndex - 1);\r\n            }\r\n\r\n            if (event.key === 'ArrowRight') {\r\n\r\n                event.preventDefault();\r\n\r\n                showSlide(currentIndex + 1);\r\n            }\r\n        };\r\n\r\n        \/* MANU\u00c1LNE PREP\u00cdNANIE GESTOM NA MOBILE *\/\r\n\r\n        let startX = 0;\r\n        let startY = 0;\r\n\r\n        stage.ontouchstart = function(event) {\r\n\r\n            const touch = event.changedTouches[0];\r\n\r\n            startX = touch.clientX;\r\n            startY = touch.clientY;\r\n        };\r\n\r\n        stage.ontouchend = function(event) {\r\n\r\n            const touch = event.changedTouches[0];\r\n\r\n            const differenceX = touch.clientX - startX;\r\n            const differenceY = touch.clientY - startY;\r\n\r\n            if (\r\n                Math.abs(differenceX) < 45 ||\r\n                Math.abs(differenceX) <= Math.abs(differenceY)\r\n            ) {\r\n                return;\r\n            }\r\n\r\n            if (differenceX < 0) {\r\n                showSlide(currentIndex + 1);\r\n            } else {\r\n                showSlide(currentIndex - 1);\r\n            }\r\n        };\r\n\r\n        \/* V\u00ddCHODISKOV\u00c1 RECENZIA *\/\r\n\r\n        showSlide(0);\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13d27b0 e-flex e-con-boxed e-con e-parent\" data-id=\"13d27b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ff4aca elementor-widget elementor-widget-html\" data-id=\"5ff4aca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================\r\n     AGILERA \u2014 VIDEO PRODUKCIA\r\n============================================ -->\r\n\r\n<section class=\"agv-video-production\" aria-label=\"Video produkce\">\r\n    <div class=\"agv-vp-inner\">\r\n\r\n        <!-- HEADLINE -->\r\n        <h2 class=\"agv-vp-heading\">\r\n            <span class=\"agv-vp-heading-small\">VIDEO<\/span>\r\n            <span class=\"agv-vp-heading-main\">PRODUKCE<\/span>\r\n        <\/h2>\r\n\r\n        <!-- CAROUSEL -->\r\n        <div class=\"agv-vp-stage\">\r\n\r\n            <!-- 1 \u2014 PROMO VIDEO -->\r\n            <a class=\"agv-vp-card\" href=\"https:\/\/www.youtube.com\/watch?v=Se3kD-xd1PI\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Prehra\u0165 PROMO VIDEO na YouTube\" data-index=\"0\">\r\n                <div class=\"agv-vp-media\">\r\n                    <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Promo-video-foto-01.png\" alt=\"AGILERA PROMO VIDEO\" loading=\"lazy\" decoding=\"async\">\r\n                    <span class=\"agv-vp-play\" aria-hidden=\"true\">\r\n                        <span class=\"agv-vp-play-icon\"><\/span>\r\n                    <\/span>\r\n                <\/div>\r\n                <span class=\"agv-vp-title\">PROMO VIDEO<\/span>\r\n            <\/a>\r\n\r\n            <!-- 2 \u2014 EVENT RECAP -->\r\n            <a class=\"agv-vp-card\" href=\"https:\/\/www.youtube.com\/watch?v=fIIzyAFYKEE\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Prehra\u0165 EVENT RECAP na YouTube\" data-index=\"1\">\r\n                <div class=\"agv-vp-media\">\r\n                    <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Event-Recap-foto-02.png\" alt=\"AGILERA EVENT RECAP\" loading=\"lazy\" decoding=\"async\">\r\n                    <span class=\"agv-vp-play\" aria-hidden=\"true\">\r\n                        <span class=\"agv-vp-play-icon\"><\/span>\r\n                    <\/span>\r\n                <\/div>\r\n                <span class=\"agv-vp-title\">EVENT RECAP<\/span>\r\n            <\/a>\r\n\r\n            <!-- 3 \u2014 LONG-FORM -->\r\n            <a class=\"agv-vp-card\" href=\"https:\/\/www.facebook.com\/reel\/28052246044404345\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Prehra\u0165 LONG-FORM na Facebook\" data-index=\"2\">\r\n                <div class=\"agv-vp-media\">\r\n                    <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Long-form-foto-03.png\" alt=\"AGILERA LONG-FORM\" loading=\"eager\" decoding=\"async\">\r\n                    <span class=\"agv-vp-play\" aria-hidden=\"true\">\r\n                        <span class=\"agv-vp-play-icon\"><\/span>\r\n                    <\/span>\r\n                <\/div>\r\n                <span class=\"agv-vp-title\">LONG-FORM<\/span>\r\n            <\/a>\r\n\r\n            <!-- 4 \u2014 SHORT-FORM -->\r\n            <a class=\"agv-vp-card agv-vp-short\" href=\"https:\/\/www.youtube.com\/@AGILERA-agency\/shorts\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Pozrie\u0165 SHORT-FORM na YouTube\" data-index=\"3\">\r\n                <div class=\"agv-vp-media\">\r\n                    <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Short-form-foto-04.png\" alt=\"AGILERA SHORT-FORM\" loading=\"lazy\" decoding=\"async\">\r\n                    <span class=\"agv-vp-play\" aria-hidden=\"true\">\r\n                        <span class=\"agv-vp-play-icon\"><\/span>\r\n                    <\/span>\r\n                <\/div>\r\n                <span class=\"agv-vp-title\">SHORT-FORM<\/span>\r\n            <\/a>\r\n\r\n            <!-- 5 \u2014 REAL ESTATE -->\r\n            <a class=\"agv-vp-card\" href=\"https:\/\/www.youtube.com\/watch?v=y2XknHpP_vs\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Prehra\u0165 REAL ESTATE na YouTube\" data-index=\"4\">\r\n                <div class=\"agv-vp-media\">\r\n                    <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Real-estate-foto-05.png\" alt=\"AGILERA REAL ESTATE\" loading=\"lazy\" decoding=\"async\">\r\n                    <span class=\"agv-vp-play\" aria-hidden=\"true\">\r\n                        <span class=\"agv-vp-play-icon\"><\/span>\r\n                    <\/span>\r\n                <\/div>\r\n                <span class=\"agv-vp-title\">REAL ESTATE<\/span>\r\n            <\/a>\r\n\r\n            <!-- 6 \u2014 PRODUCT VIDEO -->\r\n            <a class=\"agv-vp-card\" href=\"https:\/\/www.youtube.com\/watch?v=FIuno9pDmws&amp;feature=youtu.be\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Prehra\u0165 PRODUCT VIDEO na YouTube\" data-index=\"5\">\r\n                <div class=\"agv-vp-media\">\r\n                    <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Product-video-foto-06.png\" alt=\"AGILERA PRODUCT VIDEO\" loading=\"lazy\" decoding=\"async\">\r\n                    <span class=\"agv-vp-play\" aria-hidden=\"true\">\r\n                        <span class=\"agv-vp-play-icon\"><\/span>\r\n                    <\/span>\r\n                <\/div>\r\n                <span class=\"agv-vp-title\">PRODUCT VIDEO<\/span>\r\n            <\/a>\r\n\r\n            <!-- 7 \u2014 AFTERMOVIE -->\r\n            <a class=\"agv-vp-card\" href=\"https:\/\/www.youtube.com\/watch?v=HaqilV7TalM\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Prehra\u0165 AFTERMOVIE na YouTube\" data-index=\"6\">\r\n                <div class=\"agv-vp-media\">\r\n                    <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Aftermovie-foto-07.png\" alt=\"AGILERA AFTERMOVIE\" loading=\"lazy\" decoding=\"async\">\r\n                    <span class=\"agv-vp-play\" aria-hidden=\"true\">\r\n                        <span class=\"agv-vp-play-icon\"><\/span>\r\n                    <\/span>\r\n                <\/div>\r\n                <span class=\"agv-vp-title\">AFTERMOVIE<\/span>\r\n            <\/a>\r\n\r\n            <!-- 8 \u2014 TRAVEL -->\r\n            <a class=\"agv-vp-card\" href=\"https:\/\/www.youtube.com\/watch?v=xZv6JRWqKpI\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Prehra\u0165 TRAVEL na YouTube\" data-index=\"7\">\r\n                <div class=\"agv-vp-media\">\r\n                    <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Travel-foto-08.png\" alt=\"AGILERA TRAVEL\" loading=\"lazy\" decoding=\"async\">\r\n                    <span class=\"agv-vp-play\" aria-hidden=\"true\">\r\n                        <span class=\"agv-vp-play-icon\"><\/span>\r\n                    <\/span>\r\n                <\/div>\r\n                <span class=\"agv-vp-title\">TRAVEL<\/span>\r\n            <\/a>\r\n\r\n            <!-- 9 \u2014 NA\u0160A PR\u00c1CA \/ POZRIE\u0164 VIAC -->\r\n            <a class=\"agv-vp-card agv-vp-more\" href=\"https:\/\/agilera.eu\/cs\/nasa-praca\/\" aria-label=\"Pozrie\u0165 viac z na\u0161ej pr\u00e1ce\" data-index=\"8\">\r\n                <div class=\"agv-vp-media\">\r\n                    <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Promo-video-foto-01.png\" alt=\"AGILERA \u2013 \u010fal\u0161ie realiz\u00e1cie\" loading=\"lazy\" decoding=\"async\">\r\n                    <span class=\"agv-vp-more-cta\">ZOBRAZIT V\u00cdCE <span aria-hidden=\"true\">\u2197<\/span><\/span>\r\n                <\/div>\r\n                <span class=\"agv-vp-title\">NA\u0160A PR\u00c1CA<\/span>\r\n            <\/a>\r\n\r\n            <!-- CONTROLS -->\r\n            <div class=\"agv-vp-controls\">\r\n                <button class=\"agv-vp-arrow agv-vp-prev\" type=\"button\" aria-label=\"P\u0159edchoz\u00ed video\">\r\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M14.5 6.5L9 12l5.5 5.5\"><\/path>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <button class=\"agv-vp-arrow agv-vp-next\" type=\"button\" aria-label=\"N\u00e1sleduj\u00edc\u00ed video\">\r\n                    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M9.5 6.5L15 12l-5.5 5.5\"><\/path>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* RESET *\/\r\n.agv-video-production,\r\n.agv-video-production * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* SECTION *\/\r\n.agv-video-production {\r\n    position: relative;\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    padding: clamp(90px, 6vw, 120px) 0 clamp(115px, 7vw, 150px);\r\n    overflow: hidden;\r\n    background: transparent;\r\n    font-family: \"Unbounded\", sans-serif;\r\n}\r\n\r\n.agv-vp-inner {\r\n    position: relative;\r\n    width: min(100%, 1500px);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* HEADLINE \u2014 DESKTOP *\/\r\n.agv-vp-heading {\r\n    position: relative;\r\n    z-index: 10;\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    align-items: baseline;\r\n    gap: .24em;\r\n    width: max-content;\r\n    margin: 0;\r\n    margin-left: 8.7%;\r\n    font-family: \"Unbounded\", sans-serif !important;\r\n    font-weight: 300 !important;\r\n    line-height: .9;\r\n    white-space: nowrap;\r\n    color: #2A2A2A !important;\r\n    will-change: transform;\r\n}\r\n\r\n.agv-vp-heading-small,\r\n.agv-vp-heading-main {\r\n    display: block;\r\n    padding: 0;\r\n    margin: 0;\r\n    font-family: \"Unbounded\", sans-serif !important;\r\n    font-size: clamp(40px, 6.2vw, 102px);\r\n    font-weight: 300 !important;\r\n    line-height: .9;\r\n    letter-spacing: -.055em;\r\n    color: #2A2A2A !important;\r\n}\r\n\r\n\/* STAGE *\/\r\n.agv-vp-stage {\r\n    position: relative;\r\n    width: 100%;\r\n    height: clamp(350px, 25vw, 410px);\r\n    margin-top: clamp(42px, 3vw, 56px);\r\n    overflow: visible;\r\n}\r\n\r\n\/* CARD *\/\r\n.agv-vp-card {\r\n    position: absolute;\r\n    top: 50%;\r\n    display: block;\r\n    opacity: 1;\r\n    color: #FFFFFF !important;\r\n    text-decoration: none !important;\r\n    transform: translate(-50%, -50%);\r\n    pointer-events: none;\r\n    outline: none;\r\n    transition:\r\n        left 1100ms cubic-bezier(.16,.72,.23,1),\r\n        width 1100ms cubic-bezier(.16,.72,.23,1),\r\n        opacity 750ms ease;\r\n    will-change: left, width, opacity;\r\n}\r\n\r\n\/* MEDIA \u2014 ALL CARDS 16:9 *\/\r\n.agv-vp-media {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    background: #111111;\r\n}\r\n\r\n.agv-vp-media img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transform: scale(1.002);\r\n    user-select: none;\r\n    -webkit-user-drag: none;\r\n    transition:\r\n        filter 1000ms cubic-bezier(.16,.72,.23,1),\r\n        opacity 1000ms cubic-bezier(.16,.72,.23,1),\r\n        transform 800ms cubic-bezier(.16,.72,.23,1);\r\n}\r\n\r\n\/* INACTIVE IMAGE *\/\r\n.agv-vp-card:not(.is-active) .agv-vp-media img {\r\n    filter:\r\n        grayscale(1)\r\n        saturate(0)\r\n        brightness(.52)\r\n        contrast(1.03);\r\n    opacity: .84;\r\n}\r\n\r\n\/* ACTIVE IMAGE *\/\r\n.agv-vp-card.is-active .agv-vp-media img {\r\n    filter: none;\r\n    opacity: 1;\r\n}\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n    .agv-vp-card.is-active:hover .agv-vp-media img {\r\n        transform: scale(1.01);\r\n    }\r\n}\r\n\r\n\/* TITLES *\/\r\n.agv-vp-title {\r\n    position: absolute;\r\n    top: -34px;\r\n    left: 0;\r\n    z-index: 8;\r\n    color: #FFFFFF !important;\r\n    font-family: \"Unbounded\", sans-serif !important;\r\n    font-size: clamp(12px, 1vw, 16px);\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: .065em;\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n    transform: translate(0,0);\r\n    transition:\r\n        top 1100ms cubic-bezier(.16,.72,.23,1),\r\n        left 1100ms cubic-bezier(.16,.72,.23,1),\r\n        transform 1100ms cubic-bezier(.16,.72,.23,1),\r\n        font-size 1100ms cubic-bezier(.16,.72,.23,1),\r\n        letter-spacing 1100ms cubic-bezier(.16,.72,.23,1);\r\n}\r\n\r\n\/* ACTIVE TITLE *\/\r\n.agv-vp-card.is-active .agv-vp-title {\r\n    top: calc(100% - 3px);\r\n    left: 50%;\r\n    font-size: clamp(30px, 2.7vw, 43px);\r\n    font-weight: 500;\r\n    letter-spacing: .015em;\r\n    transform: translate(-50%, -31%);\r\n}\r\n\r\n\/* DESKTOP CAROUSEL POSITIONS *\/\r\n.agv-vp-card[data-pos=\"-4\"] {\r\n    left: -17%;\r\n    width: 18.5%;\r\n    opacity: 0;\r\n    z-index: 1;\r\n}\r\n\r\n.agv-vp-card[data-pos=\"-3\"] {\r\n    left: 5%;\r\n    width: 18.5%;\r\n    opacity: 0;\r\n    z-index: 1;\r\n}\r\n\r\n.agv-vp-card[data-pos=\"-2\"] {\r\n    left: 27.5%;\r\n    width: 18.5%;\r\n    z-index: 2;\r\n}\r\n\r\n.agv-vp-card[data-pos=\"-1\"] {\r\n    left: 48.5%;\r\n    width: 18.5%;\r\n    z-index: 3;\r\n}\r\n\r\n\/* ACTIVE *\/\r\n.agv-vp-card[data-pos=\"0\"] {\r\n    left: 73%;\r\n    width: 34%;\r\n    z-index: 6;\r\n    pointer-events: auto;\r\n}\r\n\r\n\/* FIRST RIGHT *\/\r\n.agv-vp-card[data-pos=\"1\"] {\r\n    left: 97%;\r\n    width: 18.5%;\r\n    z-index: 3;\r\n}\r\n\r\n.agv-vp-card[data-pos=\"1\"] .agv-vp-title {\r\n    left: clamp(48px, 3.6vw, 62px);\r\n}\r\n\r\n.agv-vp-card[data-pos=\"2\"] {\r\n    left: 119.5%;\r\n    width: 18.5%;\r\n    z-index: 2;\r\n}\r\n\r\n.agv-vp-card[data-pos=\"3\"] {\r\n    left: 142%;\r\n    width: 18.5%;\r\n    opacity: 0;\r\n    z-index: 1;\r\n}\r\n\r\n.agv-vp-card[data-pos=\"4\"] {\r\n    left: 164.5%;\r\n    width: 18.5%;\r\n    opacity: 0;\r\n    z-index: 1;\r\n}\r\n\r\n\/* PLAY BUTTON *\/\r\n.agv-vp-play {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    z-index: 20;\r\n    width: clamp(58px, 4vw, 68px);\r\n    height: clamp(58px, 4vw, 68px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1.25px solid rgba(255,255,255,.95);\r\n    border-radius: 50%;\r\n    background: rgba(5,5,5,.25);\r\n    -webkit-backdrop-filter: blur(5px);\r\n    backdrop-filter: blur(5px);\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform: translate3d(-50%, -50%, 0);\r\n    transition: opacity 300ms ease;\r\n    will-change: left, top;\r\n}\r\n\r\n.agv-vp-play.is-returning {\r\n    transition:\r\n        left 330ms cubic-bezier(.22,.8,.25,1),\r\n        top 330ms cubic-bezier(.22,.8,.25,1),\r\n        opacity 300ms ease;\r\n}\r\n\r\n.agv-vp-card.is-active .agv-vp-play {\r\n    opacity: 1;\r\n}\r\n\r\n\/* PULSE 1 *\/\r\n.agv-vp-play::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -2px;\r\n    border: 1.3px solid rgba(255,255,255,.72);\r\n    border-radius: inherit;\r\n    animation:\r\n        agv-pulse-one 1.65s\r\n        cubic-bezier(.15,.55,.35,1) infinite;\r\n}\r\n\r\n\/* PULSE 2 *\/\r\n.agv-vp-play::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -2px;\r\n    border: 1px solid rgba(255,255,255,.4);\r\n    border-radius: inherit;\r\n    animation:\r\n        agv-pulse-two 1.65s\r\n        cubic-bezier(.15,.55,.35,1) infinite;\r\n    animation-delay: .48s;\r\n}\r\n\r\n@keyframes agv-pulse-one {\r\n    0% {\r\n        opacity: .95;\r\n        transform: scale(.92);\r\n    }\r\n    68% {\r\n        opacity: 0;\r\n        transform: scale(1.9);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        transform: scale(1.9);\r\n    }\r\n}\r\n\r\n@keyframes agv-pulse-two {\r\n    0% {\r\n        opacity: .6;\r\n        transform: scale(.94);\r\n    }\r\n    72% {\r\n        opacity: 0;\r\n        transform: scale(1.55);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        transform: scale(1.55);\r\n    }\r\n}\r\n\r\n\/* PLAY ICON *\/\r\n.agv-vp-play-icon {\r\n    display: block;\r\n    width: 0;\r\n    height: 0;\r\n    margin-left: 4px;\r\n    border-top: 7px solid transparent;\r\n    border-bottom: 7px solid transparent;\r\n    border-left: 11px solid #FFFFFF;\r\n}\r\n\r\n\/* CURSOR *\/\r\n@media (hover:hover) and (pointer:fine) {\r\n    .agv-vp-card.is-active {\r\n        cursor: none;\r\n    }\r\n}\r\n\r\n\/* CONTROLS *\/\r\n.agv-vp-controls {\r\n    position: absolute;\r\n    left: 18.2%;\r\n    top: calc(50% + clamp(110px, 7.8vw, 135px));\r\n    z-index: 20;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: clamp(17px, 1.3vw, 22px);\r\n}\r\n\r\n\/* ARROWS *\/\r\n.agv-vp-arrow {\r\n    width: clamp(37px, 2.3vw, 42px) !important;\r\n    height: clamp(37px, 2.3vw, 42px) !important;\r\n    min-width: 0 !important;\r\n    min-height: 0 !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    border: 1px solid #FFFFFF !important;\r\n    border-radius: 50% !important;\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n    color: #FFFFFF !important;\r\n    fill: none !important;\r\n    box-shadow: none !important;\r\n    text-shadow: none !important;\r\n    cursor: pointer;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    transition:\r\n        color 220ms ease,\r\n        border-color 220ms ease,\r\n        transform 220ms ease,\r\n        opacity 220ms ease;\r\n}\r\n\r\n.agv-vp-arrow svg {\r\n    width: 49%;\r\n    height: 49%;\r\n    fill: none !important;\r\n    stroke: currentColor !important;\r\n}\r\n\r\n.agv-vp-arrow svg path {\r\n    fill: none !important;\r\n    stroke: currentColor !important;\r\n    stroke-width: 1.55;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* HOVER *\/\r\n@media (hover:hover) {\r\n    .agv-vp-arrow:hover:not(:disabled) {\r\n        color: #8C8C8C !important;\r\n        border-color: #8C8C8C !important;\r\n        background: transparent !important;\r\n        transform: scale(1.06);\r\n    }\r\n}\r\n\r\n\/* ACTIVE ARROW *\/\r\n.agv-vp-arrow:active:not(:disabled) {\r\n    color: #FFFFFF !important;\r\n    border-color: #FFFFFF !important;\r\n    transform: scale(.94);\r\n}\r\n\r\n\/* DISABLED ARROW *\/\r\n.agv-vp-arrow:disabled {\r\n    color: #444444 !important;\r\n    border-color: #444444 !important;\r\n    opacity: .75;\r\n    cursor: default;\r\n    transform: none !important;\r\n}\r\n\r\n\/* LAST CARD \u2014 BLURRED PORTFOLIO CTA *\/\r\n.agv-vp-card.agv-vp-more .agv-vp-media img {\r\n    filter: grayscale(1) brightness(.42) blur(7px);\r\n    opacity: 1;\r\n    transform: scale(1.08);\r\n}\r\n\r\n.agv-vp-card.agv-vp-more.is-active:hover .agv-vp-media img {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.agv-vp-more-cta {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    z-index: 21;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    padding: 15px 22px;\r\n    background: #FFFFFF;\r\n    color: #0B0B0B;\r\n    font-family: \"Unbounded\", sans-serif;\r\n    font-size: clamp(10px, .85vw, 13px);\r\n    font-weight: 500;\r\n    letter-spacing: .02em;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    transform: translate(-50%, -50%) scale(.9);\r\n    transition: opacity 300ms ease, transform 300ms ease;\r\n}\r\n\r\n.agv-vp-more.is-active .agv-vp-more-cta {\r\n    opacity: 1;\r\n    transform: translate(-50%, -50%) scale(1);\r\n}\r\n\r\n.agv-vp-more.is-active {\r\n    cursor: pointer !important;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width:1024px) {\r\n    .agv-video-production {\r\n        padding: 75px 0 100px;\r\n    }\r\n\r\n    .agv-vp-heading {\r\n        margin-left: 7%;\r\n    }\r\n\r\n    .agv-vp-heading-small,\r\n    .agv-vp-heading-main {\r\n        font-size: clamp(35px, 6vw, 63px);\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width:640px) {\r\n    .agv-video-production {\r\n        padding: 60px 0 80px;\r\n    }\r\n\r\n    .agv-vp-heading {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 0;\r\n        width: 100%;\r\n        margin-left: 0;\r\n        text-align: center;\r\n        white-space: normal;\r\n        transform: none !important;\r\n        will-change: auto;\r\n    }\r\n\r\n    .agv-vp-heading-small {\r\n        font-size: clamp(18px, 5vw, 22px);\r\n        margin-bottom: 10px;\r\n        letter-spacing: .2em;\r\n        font-weight: 400 !important;\r\n        line-height: 1;\r\n        color: #FFFFFF !important;\r\n    }\r\n\r\n    .agv-vp-heading-main {\r\n        font-size: clamp(46px, 13vw, 60px);\r\n        text-align: center;\r\n    }\r\n\r\n    \/* STAGE *\/\r\n    .agv-vp-stage {\r\n        height: 350px;\r\n        margin-top: 48px;\r\n    }\r\n\r\n    \/* ACTIVE *\/\r\n    .agv-vp-card[data-pos=\"0\"] {\r\n        left: 50%;\r\n        width: 78%;\r\n    }\r\n\r\n    \/* LEFT *\/\r\n    .agv-vp-card[data-pos=\"-1\"] {\r\n        left: -10%;\r\n        width: 49%;\r\n    }\r\n\r\n    \/* RIGHT *\/\r\n    .agv-vp-card[data-pos=\"1\"] {\r\n        left: 110%;\r\n        width: 49%;\r\n    }\r\n\r\n    .agv-vp-card[data-pos=\"1\"] .agv-vp-title {\r\n        left: 0;\r\n    }\r\n\r\n    \/* HIDDEN LEFT *\/\r\n    .agv-vp-card[data-pos=\"-2\"],\r\n    .agv-vp-card[data-pos=\"-3\"],\r\n    .agv-vp-card[data-pos=\"-4\"] {\r\n        left: -70%;\r\n        opacity: 0;\r\n        width: 49%;\r\n    }\r\n\r\n    \/* HIDDEN RIGHT *\/\r\n    .agv-vp-card[data-pos=\"2\"],\r\n    .agv-vp-card[data-pos=\"3\"],\r\n    .agv-vp-card[data-pos=\"4\"] {\r\n        left: 170%;\r\n        opacity: 0;\r\n        width: 49%;\r\n    }\r\n\r\n    \/* TITLES *\/\r\n    .agv-vp-title {\r\n        top: -25px;\r\n        font-size: 11px;\r\n    }\r\n\r\n    .agv-vp-card:not(.is-active) .agv-vp-title {\r\n        display: none;\r\n    }\r\n\r\n    .agv-vp-card.is-active .agv-vp-title {\r\n        top: calc(100% - 2px);\r\n        font-size: clamp(22px, 6.3vw, 27px);\r\n    }\r\n\r\n    \/* PLAY *\/\r\n    .agv-vp-play {\r\n        width: 56px;\r\n        height: 56px;\r\n    }\r\n\r\n    \/* CONTROLS *\/\r\n    .agv-vp-controls {\r\n        left: 50%;\r\n        top: auto;\r\n        bottom: 0;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .agv-vp-arrow {\r\n        width: 38px !important;\r\n        height: 38px !important;\r\n    }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n@media (prefers-reduced-motion:reduce) {\r\n    .agv-vp-heading {\r\n        transform: none !important;\r\n        will-change: auto;\r\n    }\r\n\r\n    .agv-vp-card,\r\n    .agv-vp-title,\r\n    .agv-vp-media img,\r\n    .agv-vp-arrow {\r\n        transition: none !important;\r\n    }\r\n\r\n    .agv-vp-play::before,\r\n    .agv-vp-play::after {\r\n        animation: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n\r\n    \/* CAROUSEL INITIALIZATION *\/\r\n    function initAgileraVideoProduction(root) {\r\n\r\n        if (!root || root.dataset.agvInitialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        root.dataset.agvInitialized = \"true\";\r\n\r\n        const cards = Array.from(\r\n            root.querySelectorAll(\".agv-vp-card\")\r\n        );\r\n\r\n        const prevButton = root.querySelector(\".agv-vp-prev\");\r\n        const nextButton = root.querySelector(\".agv-vp-next\");\r\n\r\n        if (!cards.length || !prevButton || !nextButton) {\r\n            return;\r\n        }\r\n\r\n        let activeIndex = 2;\r\n        let transitionLocked = false;\r\n\r\n        function getRelativePosition(index) {\r\n            return Math.max(-4, Math.min(4, index - activeIndex));\r\n        }\r\n\r\n        function resetPlay(card) {\r\n            const play = card.querySelector(\".agv-vp-play\");\r\n            if (!play) return;\r\n\r\n            play.classList.add(\"is-returning\");\r\n            play.style.left = \"50%\";\r\n            play.style.top = \"50%\";\r\n\r\n            window.setTimeout(function () {\r\n                play.classList.remove(\"is-returning\");\r\n            }, 350);\r\n        }\r\n\r\n        function renderCarousel() {\r\n            cards.forEach(function (card, index) {\r\n\r\n                const position = getRelativePosition(index);\r\n\r\n                card.setAttribute(\"data-pos\", String(position));\r\n\r\n                const isActive = position === 0;\r\n\r\n                card.classList.toggle(\"is-active\", isActive);\r\n\r\n                if (isActive) {\r\n                    card.setAttribute(\"aria-current\", \"true\");\r\n                    card.setAttribute(\"tabindex\", \"0\");\r\n                } else {\r\n                    card.removeAttribute(\"aria-current\");\r\n                    card.setAttribute(\"tabindex\", \"-1\");\r\n                }\r\n\r\n                resetPlay(card);\r\n            });\r\n\r\n            prevButton.disabled = activeIndex === 0;\r\n            nextButton.disabled = activeIndex === cards.length - 1;\r\n        }\r\n\r\n        function lockTransition() {\r\n            transitionLocked = true;\r\n\r\n            window.setTimeout(function () {\r\n                transitionLocked = false;\r\n            }, 970);\r\n        }\r\n\r\n        function previousSlide() {\r\n            if (transitionLocked || activeIndex <= 0) return;\r\n            lockTransition();\r\n            activeIndex--;\r\n            renderCarousel();\r\n        }\r\n\r\n        function nextSlide() {\r\n            if (transitionLocked || activeIndex >= cards.length - 1) return;\r\n            lockTransition();\r\n            activeIndex++;\r\n            renderCarousel();\r\n        }\r\n\r\n        prevButton.addEventListener(\"click\", previousSlide);\r\n        nextButton.addEventListener(\"click\", nextSlide);\r\n\r\n        \/* PLAY BUTTON FOLLOWS CURSOR *\/\r\n        cards.forEach(function (card) {\r\n\r\n            const media = card.querySelector(\".agv-vp-media\");\r\n            const play = card.querySelector(\".agv-vp-play\");\r\n\r\n            if (!media || !play) return;\r\n\r\n            let animationFrame = null;\r\n            let targetX = 0;\r\n            let targetY = 0;\r\n\r\n            function updatePosition() {\r\n                play.style.left = targetX + \"px\";\r\n                play.style.top = targetY + \"px\";\r\n                animationFrame = null;\r\n            }\r\n\r\n            media.addEventListener(\"pointermove\", function (event) {\r\n\r\n                if (!card.classList.contains(\"is-active\")) return;\r\n                if (event.pointerType === \"touch\") return;\r\n\r\n                play.classList.remove(\"is-returning\");\r\n\r\n                const rect = media.getBoundingClientRect();\r\n\r\n                targetX = event.clientX - rect.left;\r\n                targetY = event.clientY - rect.top;\r\n\r\n                if (!animationFrame) {\r\n                    animationFrame = window.requestAnimationFrame(\r\n                        updatePosition\r\n                    );\r\n                }\r\n            });\r\n\r\n            card.addEventListener(\"pointerleave\", function () {\r\n                if (animationFrame) {\r\n                    window.cancelAnimationFrame(animationFrame);\r\n                    animationFrame = null;\r\n                }\r\n                resetPlay(card);\r\n            });\r\n        });\r\n\r\n        \/* ONLY ACTIVE CARD OPENS VIDEO *\/\r\n        cards.forEach(function (card) {\r\n            card.addEventListener(\"click\", function (event) {\r\n                if (!card.classList.contains(\"is-active\")) {\r\n                    event.preventDefault();\r\n                }\r\n            });\r\n        });\r\n\r\n        renderCarousel();\r\n    }\r\n\r\n    \/* ==========================================\r\n       HEADLINE SCROLL ANIMATION\r\n       PLYNUL\u00dd PR\u00cdCHOD SPRAVA\r\n       SKOR\u0160IE DOSIAHNUTIE FIN\u00c1LNEJ POZ\u00cdCIE\r\n       MOBIL BEZ ANIM\u00c1CIE\r\n    ========================================== *\/\r\n\r\n    function initAgileraVideoHeadline(root) {\r\n\r\n        const heading = root.querySelector(\".agv-vp-heading\");\r\n\r\n        if (!heading ||\r\n            heading.dataset.agvScrollInitialized === \"true\") {\r\n            return;\r\n        }\r\n\r\n        heading.dataset.agvScrollInitialized = \"true\";\r\n\r\n        const motionQuery = window.matchMedia(\r\n            \"(prefers-reduced-motion: reduce)\"\r\n        );\r\n\r\n        const mobileQuery = window.matchMedia(\r\n            \"(max-width: 640px)\"\r\n        );\r\n\r\n        let targetProgress = 0;\r\n        let currentProgress = null;\r\n        let frameId = null;\r\n\r\n        function animationDisabled() {\r\n            return motionQuery.matches || mobileQuery.matches;\r\n        }\r\n\r\n        function updateTransform() {\r\n\r\n            if (animationDisabled()) {\r\n                heading.style.transform = \"none\";\r\n                currentProgress = null;\r\n                frameId = null;\r\n                return;\r\n            }\r\n\r\n            if (currentProgress === null) {\r\n                currentProgress = targetProgress;\r\n            } else {\r\n                currentProgress +=\r\n                    (targetProgress - currentProgress) * 0.11;\r\n            }\r\n\r\n            if (Math.abs(targetProgress - currentProgress) < 0.0005) {\r\n                currentProgress = targetProgress;\r\n            }\r\n\r\n            const startOffset = window.innerWidth * 1.05;\r\n\r\n            const translateX =\r\n                (1 - currentProgress) * startOffset;\r\n\r\n            heading.style.transform =\r\n                \"translate3d(\" +\r\n                translateX.toFixed(2) +\r\n                \"px, 0, 0)\";\r\n\r\n            if (currentProgress !== targetProgress) {\r\n                frameId = window.requestAnimationFrame(\r\n                    updateTransform\r\n                );\r\n            } else {\r\n                frameId = null;\r\n            }\r\n        }\r\n\r\n        function onScrollOrResize() {\r\n\r\n            if (animationDisabled()) {\r\n\r\n                if (frameId !== null) {\r\n                    window.cancelAnimationFrame(frameId);\r\n                    frameId = null;\r\n                }\r\n\r\n                heading.style.transform = \"none\";\r\n                currentProgress = null;\r\n                return;\r\n            }\r\n\r\n            const viewportHeight = window.innerHeight;\r\n\r\n            \/*\r\n             * Anim\u00e1cia za\u010d\u00edna pri 115 % v\u00fd\u0161ky obrazovky.\r\n             * Fin\u00e1lnu poz\u00edciu dosiahne u\u017e pri 25 %\r\n             * namiesto p\u00f4vodn\u00fdch 10 %.\r\n             *\/\r\n\r\n            const start = viewportHeight * 1.15;\r\n            const end = viewportHeight * 0.25;\r\n\r\n            const headlineTop =\r\n                heading.getBoundingClientRect().top;\r\n\r\n            targetProgress = Math.max(\r\n                0,\r\n                Math.min(\r\n                    1,\r\n                    (start - headlineTop) \/ (start - end)\r\n                )\r\n            );\r\n\r\n            if (frameId === null) {\r\n                frameId = window.requestAnimationFrame(\r\n                    updateTransform\r\n                );\r\n            }\r\n        }\r\n\r\n        window.addEventListener(\r\n            \"scroll\",\r\n            onScrollOrResize,\r\n            { passive: true }\r\n        );\r\n\r\n        window.addEventListener(\r\n            \"resize\",\r\n            onScrollOrResize,\r\n            { passive: true }\r\n        );\r\n\r\n        if (motionQuery.addEventListener) {\r\n            motionQuery.addEventListener(\r\n                \"change\",\r\n                onScrollOrResize\r\n            );\r\n        }\r\n\r\n        if (mobileQuery.addEventListener) {\r\n            mobileQuery.addEventListener(\r\n                \"change\",\r\n                onScrollOrResize\r\n            );\r\n        }\r\n\r\n        onScrollOrResize();\r\n    }\r\n\r\n    \/* ELEMENTOR SUPPORT *\/\r\n    function initAllAgileraVideoSections() {\r\n\r\n        document.querySelectorAll(\r\n            \".agv-video-production\"\r\n        ).forEach(function (root) {\r\n\r\n            initAgileraVideoProduction(root);\r\n            initAgileraVideoHeadline(root);\r\n\r\n        });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initAllAgileraVideoSections\r\n        );\r\n    } else {\r\n        initAllAgileraVideoSections();\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf17118 e-flex e-con-boxed e-con e-parent\" data-id=\"bf17118\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-329f098 elementor-widget elementor-widget-html\" data-id=\"329f098\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     AGILERA | PERFORMANCE MARKETING \u2014 CASE STUDIES\n     Samostatn\u00fd HTML widget pre Elementor (HTML + CSS + JS)\n     Poradie: LEPOPE | MAXIDENTAL (\u0161tart) | NOVANTIS | ECOHIT\n============================================================ -->\n\n<section class=\"agp-pm\" aria-labelledby=\"agp-pm-heading\">\n  <div class=\"agp-pm-inner\">\n\n    <h2 class=\"agp-pm-heading\" id=\"agp-pm-heading\">\n      <span>PERFORMANCE<\/span> <span>MARKETING<\/span>\n    <\/h2>\n\n    <div class=\"agp-pm-stage\" aria-roledescription=\"carousel\" aria-label=\"Pr\u00edpadov\u00e9 \u0161t\u00fadie performance marketingu\" tabindex=\"0\">\n      <div class=\"agp-pm-track\">\n\n        <!-- 01 | LEPOPE \u2014 na\u013eavo od \u00favodnej karty -->\n        <article class=\"agp-pm-slide\" data-pos=\"-1\" aria-label=\"LEPOPE, pr\u00edpadov\u00e1 \u0161t\u00fadia 1 zo 4\">\n          <a class=\"agp-pm-image-link\" href=\"https:\/\/agilera.eu\/cs\/nasa-praca\/\" aria-label=\"LEPOPE \u2013 pozrie\u0165 na\u0161u pr\u00e1cu\" tabindex=\"-1\">\n            <picture class=\"agp-pm-media\">\n              <source media=\"(max-width: 767px)\" srcset=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Lepope-case-study-grafika-Tel.png\" width=\"746\" height=\"1000\">\n              <img loading=\"lazy\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Lepope-case-study-grafika-PC.png\" alt=\"LEPOPE \u2013 uk\u00e1\u017eky vizu\u00e1lov e-commerce kampan\u00ed\" decoding=\"async\" width=\"1000\" height=\"579\">\n            <\/source><\/picture>\n          <\/a>\n          <div class=\"agp-pm-detail\">\n            <div class=\"agp-pm-copy\">\n              <h3>Case Study | E-COMMERCE \u00b7 META ADS<\/h3>\n              <p>Ako sme pre unik\u00e1tny e-shop prepojili budovanie zna\u010dky s v\u00fdkonnostn\u00fdmi kampa\u0148ami.<\/p>\n            <\/div>\n            <span class=\"agp-pm-divider\" aria-hidden=\"true\"><\/span>\n            <a class=\"agp-pm-cta\" href=\"https:\/\/agilera.eu\/cs\/nasa-praca\/\" tabindex=\"-1\">\n              <span>Pre\u010d\u00edta\u0165<\/span>\n              <span class=\"agp-pm-cta-icon\" aria-hidden=\"true\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 19 19 5M9 5h10v10\"><\/path><\/svg>\n              <\/span>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <!-- 02 | MAXIDENTAL \u2014 akt\u00edvna \u00favodn\u00e1 karta -->\n        <article class=\"agp-pm-slide is-active\" data-pos=\"0\" aria-label=\"Maxidental, pr\u00edpadov\u00e1 \u0161t\u00fadia 2 zo 4\">\n          <a class=\"agp-pm-image-link\" href=\"https:\/\/agilera.eu\/cs\/nasa-praca\/\" aria-label=\"Maxidental \u2013 pozrie\u0165 na\u0161u pr\u00e1cu\">\n            <picture class=\"agp-pm-media\">\n              <source media=\"(max-width: 767px) and (pointer: coarse)\" srcset=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Maxidental-case-study-grafika-Tel.png\" width=\"746\" height=\"1000\">\n              <img fetchpriority=\"high\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Maxidental-case-study-grafika-PC.png\" alt=\"Maxidental \u2013 uk\u00e1\u017eky Meta Ads kampan\u00ed pre zubn\u00fa kliniku\" loading=\"eager\" decoding=\"async\" width=\"1000\" height=\"579\">\n            <\/source><\/picture>\n          <\/a>\n          <div class=\"agp-pm-detail\">\n            <div class=\"agp-pm-copy\">\n              <h3>Case Study | Meta Ads<\/h3>\n              <p>Stabiln\u00fd pr\u00edsun pacientskych dopytov a efekt\u00edvna podpora n\u00e1boru zamestnancov.<\/p>\n            <\/div>\n            <span class=\"agp-pm-divider\" aria-hidden=\"true\"><\/span>\n            <a class=\"agp-pm-cta\" href=\"https:\/\/agilera.eu\/cs\/nasa-praca\/\">\n              <span>Pre\u010d\u00edta\u0165<\/span>\n              <span class=\"agp-pm-cta-icon\" aria-hidden=\"true\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 19 19 5M9 5h10v10\"><\/path><\/svg>\n              <\/span>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <!-- 03 | NOVANTIS \u2014 napravo od \u00favodnej karty -->\n        <article class=\"agp-pm-slide\" data-pos=\"1\" aria-label=\"Novantis, pr\u00edpadov\u00e1 \u0161t\u00fadia 3 zo 4\">\n          <a class=\"agp-pm-image-link\" href=\"https:\/\/agilera.eu\/cs\/nasa-praca\/\" aria-label=\"Novantis \u2013 pozrie\u0165 na\u0161u pr\u00e1cu\" tabindex=\"-1\">\n            <picture class=\"agp-pm-media\">\n              <source media=\"(max-width: 767px)\" srcset=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Novantis-case-study-grafika-Tel.png\" width=\"746\" height=\"1000\">\n              <img loading=\"lazy\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Novantis-case-study-grafika-PC.png\" alt=\"Novantis \u2013 vizu\u00e1ly B2B marketingu v segmente pr\u00e9miov\u00fdch nehnute\u013enost\u00ed\" decoding=\"async\" width=\"1000\" height=\"579\">\n            <\/source><\/picture>\n          <\/a>\n          <div class=\"agp-pm-detail\">\n            <div class=\"agp-pm-copy\">\n              <h3>Case Study | B2B - Market Targeting<\/h3>\n              <p>Ako sme na\u0161tartovali akviz\u00edciu developerov a investorov v pr\u00e9miovom real estate segmente.<\/p>\n            <\/div>\n            <span class=\"agp-pm-divider\" aria-hidden=\"true\"><\/span>\n            <a class=\"agp-pm-cta\" href=\"https:\/\/agilera.eu\/cs\/nasa-praca\/\" tabindex=\"-1\">\n              <span>Pre\u010d\u00edta\u0165<\/span>\n              <span class=\"agp-pm-cta-icon\" aria-hidden=\"true\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 19 19 5M9 5h10v10\"><\/path><\/svg>\n              <\/span>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <!-- 04 | ECOHIT \u2014 \u010fal\u0161ia karta napravo -->\n        <article class=\"agp-pm-slide\" data-pos=\"2\" aria-label=\"Ecohit, pr\u00edpadov\u00e1 \u0161t\u00fadia 4 zo 4\">\n          <a class=\"agp-pm-image-link\" href=\"https:\/\/agilera.eu\/cs\/nasa-praca\/\" aria-label=\"Ecohit \u2013 pozrie\u0165 na\u0161u pr\u00e1cu\" tabindex=\"-1\">\n            <picture class=\"agp-pm-media\">\n              <source media=\"(max-width: 767px)\" srcset=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Ecohit-case-study-grafika-Tel.png\" width=\"746\" height=\"1000\">\n              <img loading=\"lazy\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Ecohit-case-study-grafika-PC.png\" alt=\"Ecohit \u2013 uk\u00e1\u017eky lead generation kampan\u00ed pre fotovoltiku\" decoding=\"async\" width=\"1000\" height=\"579\">\n            <\/source><\/picture>\n          <\/a>\n          <div class=\"agp-pm-detail\">\n            <div class=\"agp-pm-copy\">\n              <h3>Case Study | Lead Generation<\/h3>\n              <p>+180 % viac \u017eiadost\u00ed o cenov\u00fa ponuku v\u010faka v\u00fdkonnostn\u00fdm kampaniam.<\/p>\n            <\/div>\n            <span class=\"agp-pm-divider\" aria-hidden=\"true\"><\/span>\n            <a class=\"agp-pm-cta\" href=\"https:\/\/agilera.eu\/cs\/nasa-praca\/\" tabindex=\"-1\">\n              <span>Pre\u010d\u00edta\u0165<\/span>\n              <span class=\"agp-pm-cta-icon\" aria-hidden=\"true\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 19 19 5M9 5h10v10\"><\/path><\/svg>\n              <\/span>\n            <\/a>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n      <div class=\"agp-pm-controls\" aria-label=\"Ovl\u00e1danie pr\u00edpadov\u00fdch \u0161t\u00fadi\u00ed\">\n        <button class=\"agp-pm-arrow agp-pm-prev\" type=\"button\" aria-label=\"Predch\u00e1dzaj\u00faca pr\u00edpadov\u00e1 \u0161t\u00fadia\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"m14.5 5.5-6.5 6.5 6.5 6.5\"><\/path><\/svg>\n        <\/button>\n        <span class=\"agp-pm-count\" aria-live=\"polite\" aria-atomic=\"true\"><span class=\"agp-pm-count-current\">02<\/span><span class=\"agp-pm-count-separator\"> \/ <\/span>04<\/span>\n        <button class=\"agp-pm-arrow agp-pm-next\" type=\"button\" aria-label=\"Nasleduj\u00faca pr\u00edpadov\u00e1 \u0161t\u00fadia\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"m9.5 5.5 6.5 6.5-6.5 6.5\"><\/path><\/svg>\n        <\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* V\u0161etky selektory s\u00fa izolovan\u00e9 od ostatn\u00fdch sekci\u00ed v Elementore. *\/\n.agp-pm,\n.agp-pm * { box-sizing: border-box; }\n\n.agp-pm {\n  --agp-image-ratio: .579;\n  --agp-slide-width: min(52.5vw, 740px);\n  position: relative;\n  width: 100vw;\n  max-width: none;\n  margin-left: calc(50% - 50vw);\n  padding: clamp(24px, 2.55vw, 44px) 0 clamp(60px, 5vw, 100px);\n  overflow: hidden;\n  background: #0b0b0b;\n  color: #fff;\n  font-family: 'Unbounded', sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n\n.agp-pm-inner { width: 100%; margin: 0 auto; }\n\n\/* Nadpis vizu\u00e1lne nadv\u00e4zuje na predch\u00e1dzaj\u00facu sekciu. *\/\n.agp-pm-heading {\n  display: flex;\n  align-items: baseline;\n  flex-wrap: nowrap;\n  gap: .25em;\n  width: max-content;\n  max-width: none;\n  margin: 0 0 0 6.2%;\n  color: #292929 !important;\n  font-family: 'Unbounded', sans-serif !important;\n  font-size: clamp(30px, 5.2vw, 90px) !important;\n  font-weight: 300 !important;\n  line-height: 1.07 !important;\n  letter-spacing: -.056em;\n  text-transform: uppercase;\n  white-space: nowrap;\n  will-change: transform;\n}\n.agp-pm-heading span { color: inherit; font: inherit; }\n\n\/* Plocha: hlavn\u00e1 grafika je vycentrovan\u00e1, bo\u010dn\u00e9 s\u00fa zmen\u0161en\u00e9. *\/\n.agp-pm-stage {\n  position: relative;\n  width: 100%;\n  height: calc(var(--agp-slide-width) * var(--agp-image-ratio) + 154px);\n  margin-top: clamp(72px, 7vw, 120px);\n  outline: none;\n}\n.agp-pm-track { position: relative; width: 100%; height: 100%; }\n\n.agp-pm-slide {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: var(--agp-slide-width);\n  height: calc(var(--agp-slide-width) * var(--agp-image-ratio) + 150px);\n  opacity: 1;\n  transform: translate3d(calc(-50% + var(--agp-x, 0px)), var(--agp-y, 0px), 0) scale(var(--agp-scale, 1));\n  transform-origin: top center;\n  transition: transform 800ms cubic-bezier(.22,.77,.2,1), opacity 450ms ease;\n  will-change: transform, opacity;\n  pointer-events: auto;\n}\n\n.agp-pm-slide[data-pos=\"0\"] { --agp-x: 0px; --agp-y: 0px; --agp-scale: 1; z-index: 5; }\n.agp-pm-slide[data-pos=\"-1\"] {\n  --agp-x: calc(var(--agp-slide-width) * -.995);\n  --agp-y: calc(var(--agp-slide-width) * var(--agp-image-ratio) * .19);\n  --agp-scale: .62; z-index: 3;\n}\n.agp-pm-slide[data-pos=\"1\"] {\n  --agp-x: calc(var(--agp-slide-width) * .995);\n  --agp-y: calc(var(--agp-slide-width) * var(--agp-image-ratio) * .19);\n  --agp-scale: .62; z-index: 3;\n}\n.agp-pm-slide[data-pos=\"-2\"], .agp-pm-slide[data-pos=\"-3\"] {\n  --agp-x: calc(var(--agp-slide-width) * -1.82);\n  --agp-y: calc(var(--agp-slide-width) * var(--agp-image-ratio) * .24);\n  --agp-scale: .48; opacity: 0; pointer-events: none; z-index: 1;\n}\n.agp-pm-slide[data-pos=\"2\"], .agp-pm-slide[data-pos=\"3\"] {\n  --agp-x: calc(var(--agp-slide-width) * 1.82);\n  --agp-y: calc(var(--agp-slide-width) * var(--agp-image-ratio) * .24);\n  --agp-scale: .48; opacity: 0; pointer-events: none; z-index: 1;\n}\n\n.agp-pm-image-link {\n  position: relative;\n  z-index: 2;\n  display: block;\n  width: 100%;\n  aspect-ratio: 1000 \/ 579;\n  overflow: hidden;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  text-decoration: none !important;\n  cursor: pointer;\n  touch-action: pan-y;\n}\n.agp-pm-media,\n.agp-pm-media img {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n.agp-pm-media img {\n  object-fit: contain;\n  object-position: center;\n  transition: filter 650ms ease, opacity 650ms ease, transform 650ms ease;\n  -webkit-user-drag: none;\n  user-select: none;\n}\n.agp-pm-slide:not(.is-active) .agp-pm-media img {\n  filter: grayscale(1) brightness(.51) contrast(1.05);\n  opacity: .82;\n}\n.agp-pm-slide.is-active .agp-pm-media img { filter: none; opacity: 1; }\n@media (hover: hover) and (pointer: fine) {\n  .agp-pm-slide:not(.is-active) .agp-pm-image-link:hover img {\n    filter: grayscale(1) brightness(.68) contrast(1.04);\n    opacity: 1;\n  }\n}\n\n\/* Info sa animovane vys\u00fava spod obr\u00e1zka, bez posunu ostatn\u00e9ho obsahu. *\/\n.agp-pm-detail {\n  position: absolute;\n  z-index: 1;\n  top: calc(var(--agp-slide-width) * var(--agp-image-ratio) + 34px);\n  left: 2%;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 1px auto;\n  column-gap: clamp(18px, 3.6vw, 38px);\n  align-items: center;\n  width: 96%;\n  min-height: 58px;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transform: translate3d(0, -42px, 0);\n  transition: transform 540ms cubic-bezier(.18,.75,.22,1), opacity 350ms ease, visibility 0s linear 540ms;\n}\n.agp-pm-slide.is-active.is-revealed .agp-pm-detail,\n.agp-pm-slide.is-active:focus-within .agp-pm-detail {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transform: translate3d(0, 0, 0);\n  transition: transform 540ms cubic-bezier(.18,.75,.22,1), opacity 360ms ease, visibility 0s;\n}\n.agp-pm-slide:not(.is-active) .agp-pm-detail {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n}\n.agp-pm-copy { min-width: 0; }\n.agp-pm-copy h3 {\n  margin: 0 0 5px;\n  padding: 0;\n  color: #fff !important;\n  font-family: 'Unbounded', sans-serif !important;\n  font-size: clamp(15px, 1.55vw, 19px) !important;\n  font-weight: 400 !important;\n  line-height: 1.32 !important;\n  letter-spacing: -.025em;\n  text-transform: uppercase;\n}\n.agp-pm-copy p {\n  margin: 0;\n  padding: 0;\n  color: #898989 !important;\n  font-family: 'Unbounded', sans-serif !important;\n  font-size: clamp(11px, 1.12vw, 14px) !important;\n  font-weight: 300 !important;\n  line-height: 1.45 !important;\n  letter-spacing: -.025em;\n}\n.agp-pm-divider { display: block; width: 1px; height: 58px; background: #3b3b3b; }\n\n\/* CTA s ikonou v tmavom kruhu. *\/\n.agp-pm-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  width: max-content;\n  min-height: 38px;\n  padding: 5px 6px 5px 15px;\n  border: none;\n  border-radius: 999px;\n  background: #fff !important;\n  color: #0b0b0b !important;\n  font-family: 'Unbounded', sans-serif !important;\n  font-size: clamp(10px, .82vw, 12px) !important;\n  font-weight: 400 !important;\n  line-height: 1.2;\n  text-decoration: none !important;\n  white-space: nowrap;\n  transition: background-color 220ms ease, transform 220ms ease;\n}\n.agp-pm-cta-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  flex: 0 0 26px;\n  border-radius: 50%;\n  background: #0b0b0b;\n  color: #fff;\n}\n.agp-pm-cta-icon svg {\n  display: block;\n  width: 15px;\n  height: 15px;\n  stroke: currentColor;\n  stroke-width: 2.1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform 230ms ease;\n}\n@media (hover: hover) {\n  .agp-pm-cta:hover { background: #e9e9e9 !important; transform: translateY(-1px); }\n  .agp-pm-cta:hover svg { transform: rotate(45deg); }\n}\n\n\/* \u0160\u00edpky s\u00fa zarovnan\u00e9 k horizont\u00e1lnej osi hlavnej grafiky. *\/\n.agp-pm-controls { position: absolute; inset: 0; pointer-events: none; z-index: 15; }\n.agp-pm-arrow {\n  position: absolute;\n  top: calc(var(--agp-slide-width) * var(--agp-image-ratio) \/ 2);\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  width: 30px !important;\n  height: 30px !important;\n  min-width: 30px !important;\n  min-height: 30px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 1px solid #f7f7f7 !important;\n  border-radius: 50% !important;\n  background: transparent !important;\n  color: #fff !important;\n  opacity: 1;\n  box-shadow: none !important;\n  cursor: pointer;\n  pointer-events: auto;\n  appearance: none;\n  -webkit-appearance: none;\n  transform: translate(-50%, -50%);\n  transition: border-color 200ms ease, color 200ms ease, opacity 200ms ease, background-color 200ms ease;\n}\n.agp-pm-prev { left: calc(50% - var(--agp-slide-width) \/ 2 - clamp(30px, 4vw, 54px)); }\n.agp-pm-next { left: calc(50% + var(--agp-slide-width) \/ 2 + clamp(30px, 4vw, 54px)); }\n.agp-pm-arrow svg { display: block; width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }\n@media (hover: hover) {\n  .agp-pm-arrow:hover:not(:disabled) { color: #0b0b0b !important; background: #fff !important; }\n}\n.agp-pm-arrow:disabled { border-color: #494949 !important; color: #494949 !important; opacity: .65; cursor: default; }\n.agp-pm-arrow:focus-visible,\n.agp-pm-image-link:focus-visible,\n.agp-pm-cta:focus-visible,\n.agp-pm-stage:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }\n.agp-pm-count { display: none; }\n\n\/* Zariadenia bez hoveru: text mus\u00ed by\u0165 dostupn\u00fd aj bez my\u0161i. *\/\n@media (hover: none) and (min-width: 901px) {\n  .agp-pm-slide.is-active .agp-pm-detail {\n    opacity: 1; visibility: visible; pointer-events: auto; transform: none;\n    transition: none;\n  }\n}\n\n\/* Tablety a mobiln\u00e9 zariadenia: iba jedna karta, \u017eiadne odrezan\u00e9 texty. *\/\n@media (max-width: 900px) {\n  .agp-pm { --agp-slide-width: min(86vw, 650px); padding: 64px 0 85px; }\n  .agp-pm-heading {\n    margin-left: 7%;\n    font-size: clamp(29px, 5.1vw, 50px) !important;\n  }\n  .agp-pm-stage {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    min-height: 0;\n    margin-top: 47px;\n    padding-bottom: 84px;\n  }\n  .agp-pm-track { height: auto; }\n  .agp-pm-slide,\n  .agp-pm-slide[data-pos] {\n    position: relative;\n    top: auto;\n    left: auto;\n    display: none;\n    width: var(--agp-slide-width);\n    height: auto;\n    margin: 0 auto;\n    opacity: 1;\n    transform: none !important;\n    transition: none;\n    pointer-events: auto;\n  }\n  .agp-pm-slide.is-active { display: block; }\n  .agp-pm-image-link { height: auto; aspect-ratio: auto; }\n  .agp-pm-media,\n  .agp-pm-media img { display: block; height: auto; }\n  .agp-pm-detail,\n  .agp-pm-slide.is-active .agp-pm-detail,\n  .agp-pm-slide.is-active.is-revealed .agp-pm-detail {\n    position: relative;\n    top: auto;\n    left: auto;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 20px;\n    width: 100%;\n    min-height: 0;\n    margin-top: 27px;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    transform: none;\n    transition: none;\n  }\n  .agp-pm-copy h3 { font-size: clamp(14px, 2vw, 18px) !important; margin-bottom: 9px; }\n  .agp-pm-copy p { font-size: clamp(11px, 1.55vw, 13px) !important; line-height: 1.65 !important; }\n  .agp-pm-divider { width: 100%; height: 1px; background: #333; }\n  .agp-pm-cta { min-height: 42px; font-size: 12px !important; }\n  .agp-pm-controls {\n    top: auto;\n    bottom: 0;\n    left: 50%;\n    right: auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 24px;\n    width: max-content;\n    height: 46px;\n    transform: translateX(-50%);\n  }\n  .agp-pm-arrow {\n    position: static;\n    top: auto;\n    left: auto;\n    width: 42px !important;\n    height: 42px !important;\n    min-width: 42px !important;\n    min-height: 42px !important;\n    transform: none;\n  }\n  .agp-pm-arrow svg { width: 20px; height: 20px; }\n  .agp-pm-count {\n    display: inline-block;\n    min-width: 55px;\n    color: #a7a7a7;\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: .06em;\n    text-align: center;\n    pointer-events: none;\n  }\n  .agp-pm-count-current { color: #fff; }\n}\n\n\/* Telef\u00f3n: rozdelen\u00fd nadpis + grafiky presne pre mobil. *\/\n@media (max-width: 767px) {\n  .agp-pm { --agp-slide-width: min(88vw, 470px); padding: 58px 0 80px; }\n  .agp-pm-heading {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: .06em;\n    width: 100%;\n    margin: 0 auto;\n    font-size: clamp(23px, 7.65vw, 39px) !important;\n    line-height: 1.2 !important;\n    letter-spacing: -.057em;\n    text-align: center;\n    white-space: normal;\n    transform: none !important;\n    will-change: auto;\n  }\n  .agp-pm-heading span:first-child {\n    color: #fff;\n    font-size: clamp(17px, 4.9vw, 23px);\n    font-weight: 400;\n    letter-spacing: .13em;\n  }\n  .agp-pm-heading span:last-child {\n    color: #292929;\n    font-size: clamp(31px, 10vw, 48px);\n    font-weight: 300;\n    letter-spacing: -.06em;\n  }\n  .agp-pm-stage { margin-top: 35px; }\n  .agp-pm-detail { margin-top: 25px; }\n  .agp-pm-copy h3 { font-size: clamp(13px, 3.2vw, 16px) !important; }\n  .agp-pm-copy p { font-size: clamp(11px, 2.6vw, 12px) !important; }\n\n  \/* Telef\u00f3n: grafika, text, odde\u013eova\u010d a CTA zarovnan\u00e9 na stred. *\/\n  .agp-pm-slide.is-active .agp-pm-detail { align-items: center; text-align: center; }\n  .agp-pm-copy, .agp-pm-copy h3, .agp-pm-copy p { width: 100%; text-align: center; }\n  .agp-pm-divider, .agp-pm-cta { margin-inline: auto; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .agp-pm-heading { transform: none !important; will-change: auto; }\n  .agp-pm-slide, .agp-pm-media img, .agp-pm-detail,\n  .agp-pm-cta, .agp-pm-arrow, .agp-pm-cta-icon svg { transition: none !important; animation: none !important; }\n}\n<\/style>\n\n<script>\n(function () {\n  'use strict';\n\n  function initPerformanceCarousel(root) {\n    if (!root || root.dataset.agpReady === '1') return;\n    root.dataset.agpReady = '1';\n\n    var slides = Array.from(root.querySelectorAll('.agp-pm-slide'));\n    var stage = root.querySelector('.agp-pm-stage');\n    var prev = root.querySelector('.agp-pm-prev');\n    var next = root.querySelector('.agp-pm-next');\n    var current = root.querySelector('.agp-pm-count-current');\n    if (!slides.length || !stage || !prev || !next) return;\n\n    var active = 1; \/\/ \u0160tart: LEPOPE | [MAXIDENTAL] | NOVANTIS | ECOHIT\n    var swipe = null;\n    var lastSwipeAt = 0;\n    var transitionRunning = false;\n    var queuedDirections = [];\n    var reducedCarouselMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n    function circularPosition(index) {\n      var forward = (index - active + slides.length) % slides.length;\n      return forward === slides.length - 1 ? -1 : forward;\n    }\n\n    function render(exitingLeft) {\n      slides.forEach(function (slide, index) {\n        var selected = index === active;\n        slide.dataset.pos = String(slide === exitingLeft ? -2 : circularPosition(index));\n        slide.classList.toggle('is-active', selected);\n        slide.classList.remove('is-revealed');\n        slide.querySelector('.agp-pm-image-link').tabIndex = selected ? 0 : -1;\n        slide.querySelector('.agp-pm-cta').tabIndex = selected ? 0 : -1;\n      });\n      if (current) current.textContent = String(active + 1).padStart(2, '0');\n    }\n\n    function goTo(direction) {\n      if (transitionRunning) {\n        queuedDirections.push(direction);\n        return;\n      }\n\n      \/\/ Na mobile a pri zn\u00ed\u017eenom pohybe sa karty prep\u00ednaj\u00fa bez anim\u00e1cie.\n      if (window.innerWidth <= 900 || reducedCarouselMotion.matches) {\n        active = (active + direction + slides.length) % slides.length;\n        render();\n        return;\n      }\n\n      transitionRunning = true;\n      var exitingLeft = null;\n\n      if (direction < 0) {\n        \/\/ Skryt\u00fa kartu premiestni na\u013eavo e\u0161te pred za\u010diatkom anim\u00e1cie.\n        var enteringLeft = slides[(active + 2) % slides.length];\n        enteringLeft.style.transition = 'none';\n        enteringLeft.dataset.pos = '-2';\n        void enteringLeft.offsetWidth;\n        enteringLeft.style.removeProperty('transition');\n      } else {\n        \/\/ Karta odch\u00e1dzaj\u00faca do\u013eava sa nesmie pres\u00fava\u0165 naprie\u010d carouselom.\n        exitingLeft = slides[(active - 1 + slides.length) % slides.length];\n      }\n\n      active = (active + direction + slides.length) % slides.length;\n      render(exitingLeft);\n\n      window.setTimeout(function () {\n        if (exitingLeft) {\n          \/\/ Nevidite\u013en\u00fa kartu premiestni napravo bez prechodu cez stred.\n          exitingLeft.style.transition = 'none';\n          exitingLeft.dataset.pos = '2';\n          void exitingLeft.offsetWidth;\n          exitingLeft.style.removeProperty('transition');\n        }\n        transitionRunning = false;\n        if (queuedDirections.length) goTo(queuedDirections.shift());\n      }, 820);\n    }\n\n    prev.addEventListener('click', function () { goTo(-1); });\n    next.addEventListener('click', function () { goTo(1); });\n\n    slides.forEach(function (slide) {\n      var imageLink = slide.querySelector('.agp-pm-image-link');\n      imageLink.addEventListener('pointerenter', function (event) {\n        if (event.pointerType !== 'touch' && slide.classList.contains('is-active')) {\n          slide.classList.add('is-revealed');\n        }\n      });\n      slide.addEventListener('pointerleave', function () {\n        slide.classList.remove('is-revealed');\n      });\n      slide.addEventListener('focusin', function () {\n        if (slide.classList.contains('is-active')) slide.classList.add('is-revealed');\n      });\n      slide.addEventListener('focusout', function () {\n        window.requestAnimationFrame(function () {\n          if (!slide.contains(document.activeElement)) slide.classList.remove('is-revealed');\n        });\n      });\n    });\n\n    \/* Mobil: potiahnutie prstom doprava\/do\u013eava, bez n\u00e1hodn\u00e9ho otvorenia odkazu. *\/\n    stage.addEventListener('pointerdown', function (event) {\n      if (event.pointerType !== 'touch' || window.innerWidth > 900 || !event.target.closest('.agp-pm-image-link')) return;\n      swipe = { x: event.clientX, y: event.clientY, id: event.pointerId };\n    }, { passive: true });\n    stage.addEventListener('pointerup', function (event) {\n      if (!swipe || swipe.id !== event.pointerId) return;\n      var dx = event.clientX - swipe.x;\n      var dy = event.clientY - swipe.y;\n      swipe = null;\n      if (Math.abs(dx) >= 45 && Math.abs(dx) > Math.abs(dy) * 1.3) {\n        lastSwipeAt = performance.now();\n        goTo(dx < 0 ? 1 : -1);\n      }\n    }, { passive: true });\n    stage.addEventListener('pointercancel', function () { swipe = null; });\n    stage.addEventListener('click', function (event) {\n      if (performance.now() - lastSwipeAt < 600 && event.target.closest('.agp-pm-image-link')) {\n        event.preventDefault();\n        event.stopPropagation();\n        lastSwipeAt = 0;\n      }\n    }, true);\n\n    \/* \u0160\u00edpky kl\u00e1vesnice, ke\u010f je focus v carouseli. *\/\n    stage.addEventListener('keydown', function (event) {\n      if (event.altKey || event.ctrlKey || event.metaKey) return;\n      if (event.key === 'ArrowLeft') { event.preventDefault(); goTo(-1); }\n      if (event.key === 'ArrowRight') { event.preventDefault(); goTo(1); }\n    });\n\n    render();\n  }\n\n  \/* Anim\u00e1cia headline pod\u013ea sekcie STATICK\u00c9 VIZU\u00c1LY: pr\u00edchod z\u013eava po\u010das scrollovania. *\/\n  function initPerformanceScrollHeading(root) {\n    var heading = root.querySelector('.agp-pm-heading');\n    if (!heading || heading.dataset.agpScrollInitialized === 'true') return;\n    heading.dataset.agpScrollInitialized = 'true';\n\n    var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n    var mobileQuery = window.matchMedia('(max-width: 767px)');\n    var targetProgress = 0;\n    var currentProgress = null;\n    var frameId = null;\n\n    function animationDisabled() {\n      return prefersReducedMotion.matches || mobileQuery.matches;\n    }\n\n    function updateTransform() {\n      if (animationDisabled()) {\n        heading.style.transform = 'none';\n        currentProgress = null;\n        frameId = null;\n        return;\n      }\n\n      if (currentProgress === null) {\n        currentProgress = targetProgress;\n      } else {\n        currentProgress += (targetProgress - currentProgress) * 0.11;\n      }\n\n      if (Math.abs(targetProgress - currentProgress) < 0.0005) {\n        currentProgress = targetProgress;\n      }\n\n      var startOffset = window.innerWidth * 1.05;\n      var translateX = -(1 - currentProgress) * startOffset;\n      heading.style.transform = 'translate3d(' + translateX.toFixed(2) + 'px, 0, 0)';\n\n      if (currentProgress !== targetProgress) {\n        frameId = window.requestAnimationFrame(updateTransform);\n      } else {\n        frameId = null;\n      }\n    }\n\n    function onScrollOrResize() {\n      if (animationDisabled()) {\n        if (frameId !== null) {\n          window.cancelAnimationFrame(frameId);\n          frameId = null;\n        }\n        heading.style.transform = 'none';\n        currentProgress = null;\n        return;\n      }\n\n      var viewportHeight = window.innerHeight;\n      var start = viewportHeight * 1.15;\n      var end = viewportHeight * 0.25;\n      var headlineTop = heading.getBoundingClientRect().top;\n      targetProgress = Math.max(0, Math.min(1,\n        (start - headlineTop) \/ (start - end)\n      ));\n\n      if (frameId === null) {\n        frameId = window.requestAnimationFrame(updateTransform);\n      }\n    }\n\n    window.addEventListener('scroll', onScrollOrResize, { passive: true });\n    window.addEventListener('resize', onScrollOrResize, { passive: true });\n    if (prefersReducedMotion.addEventListener) {\n      prefersReducedMotion.addEventListener('change', onScrollOrResize);\n    }\n    if (mobileQuery.addEventListener) {\n      mobileQuery.addEventListener('change', onScrollOrResize);\n    }\n    onScrollOrResize();\n  }\n\n  function initAllPerformanceCarousels() {\n    document.querySelectorAll('.agp-pm').forEach(function (root) {\n      initPerformanceCarousel(root);\n      initPerformanceScrollHeading(root);\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initAllPerformanceCarousels);\n  } else {\n    initAllPerformanceCarousels();\n  }\n\n  \/* Op\u00e4tovn\u00e1 inicializ\u00e1cia pri na\u010d\u00edtan\u00ed widgetu v editore Elementor. *\/\n  if (window.jQuery) {\n    window.jQuery(window).on('elementor\/frontend\/init', function () {\n      if (window.elementorFrontend && window.elementorFrontend.hooks) {\n        window.elementorFrontend.hooks.addAction('frontend\/element_ready\/html.default', initAllPerformanceCarousels);\n      }\n    });\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c31d10 e-flex e-con-boxed e-con e-parent\" data-id=\"5c31d10\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a236ce elementor-widget elementor-widget-spacer\" data-id=\"4a236ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40248dd e-flex e-con-boxed e-con e-parent\" data-id=\"40248dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-188c2fa elementor-widget elementor-widget-html\" data-id=\"188c2fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- =========================================\r\n     AGILERA \u2013 CTA SEKCIA\r\n========================================= -->\r\n\r\n<section class=\"agcta-section\" aria-labelledby=\"agcta-heading\">\r\n  <div class=\"agcta-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"agcta-top-fade\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"agcta-bottom-fade\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"agcta-inner\">\r\n    <h2 id=\"agcta-heading\" class=\"agcta-heading\">\r\n      <span>Z\u00cdSKEJTE NEF\u00c9ROV\u00dd N\u00c1SKOK<\/span>\r\n      <span>P\u0158ED KONKURENC\u00cd<\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"agcta-button-wrap\">\r\n      <a href=\"#kontakt\" class=\"agcta-button\" aria-label=\"P\u0159ejd\u011bte na kontaktn\u00ed formul\u00e1\u0159\">\r\n        <span class=\"agcta-button-icon\">\r\n          <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Ikona-buttom.png\" alt=\"\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n        <\/span>\r\n        <span class=\"agcta-button-text\">Poj\u010fme na to!<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================\r\n   RESET\r\n========================================= *\/\r\n\r\n.agcta-section,\r\n.agcta-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================\r\n   SECTION\r\n========================================= *\/\r\n\r\n.agcta-section {\r\n  position: relative;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n\r\n  min-height: clamp(620px, 58vw, 1030px);\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  overflow: hidden;\r\n  background: #0B0B0B;\r\n  isolation: isolate;\r\n\r\n  padding: clamp(100px, 11vw, 165px) 24px;\r\n\r\n  font-family: \"Unbounded\", sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   BACKGROUND\r\n========================================= *\/\r\n\r\n.agcta-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(0,0,0,.55),\r\n      rgba(0,0,0,.55)\r\n    ),\r\n    url(\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Foto-pozadie-CTA-sekcia.png\");\r\n\r\n  background-size: cover;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n\r\n  filter:\r\n    grayscale(1)\r\n    brightness(.50)\r\n    contrast(1.04);\r\n\r\n  transform: scale(1.02);\r\n}\r\n\r\n\/* =========================================\r\n   TOP \/ BOTTOM GRADIENT\r\n========================================= *\/\r\n\r\n.agcta-top-fade,\r\n.agcta-bottom-fade {\r\n  position: absolute;\r\n  left: 0;\r\n  width: 100%;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n.agcta-top-fade {\r\n  top: 0;\r\n\r\n  height: clamp(120px, 18vw, 220px);\r\n\r\n  background:\r\n    linear-gradient(\r\n      to bottom,\r\n      #0B0B0B 0%,\r\n      rgba(11,11,11,.98) 15%,\r\n      rgba(11,11,11,.88) 30%,\r\n      rgba(11,11,11,.55) 55%,\r\n      rgba(11,11,11,0) 100%\r\n    );\r\n}\r\n\r\n.agcta-bottom-fade {\r\n  bottom: 0;\r\n\r\n  height: clamp(120px, 18vw, 220px);\r\n\r\n  background:\r\n    linear-gradient(\r\n      to top,\r\n      #0B0B0B 0%,\r\n      rgba(11,11,11,.98) 15%,\r\n      rgba(11,11,11,.88) 30%,\r\n      rgba(11,11,11,.55) 55%,\r\n      rgba(11,11,11,0) 100%\r\n    );\r\n}\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.agcta-inner {\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  width: min(1300px, 100%);\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\/* =========================================\r\n   HEADLINE\r\n========================================= *\/\r\n\r\n.agcta-section h2.agcta-heading {\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: .05em;\r\n\r\n  width: 100%;\r\n  max-width: 1260px;\r\n\r\n  font-family: \"Unbounded\", sans-serif !important;\r\n\r\n  font-weight: 400 !important;\r\n  font-size: clamp(25px, 2.6vw, 46px) !important;\r\n\r\n  line-height: 1.08;\r\n  letter-spacing: .012em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: #FFFFFF !important;\r\n\r\n  text-align: center;\r\n\r\n  text-shadow:\r\n    0 8px 28px rgba(0,0,0,.34);\r\n}\r\n\r\n.agcta-heading span {\r\n  display: block;\r\n  white-space: nowrap;\r\n  color: #FFFFFF !important;\r\n}\r\n\r\n\/* =========================================\r\n   BUTTON WRAPPER\r\n========================================= *\/\r\n\r\n.agcta-button-wrap {\r\n  position: relative;\r\n\r\n  margin-top: clamp(36px, 3.5vw, 52px);\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* =========================================\r\n   MINIMALIST PULSE WAVES\r\n========================================= *\/\r\n\r\n.agcta-button-wrap::before,\r\n.agcta-button-wrap::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 50% auto auto 50%;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  transform: translate(-50%, -50%);\r\n\r\n  border-radius: 999px;\r\n\r\n  pointer-events: none;\r\n\r\n  border: 1px solid rgba(255,255,255,.14);\r\n\r\n  opacity: 0;\r\n}\r\n\r\n.agcta-button-wrap::before {\r\n  animation:\r\n    agctaPulse 2.8s ease-out infinite;\r\n}\r\n\r\n.agcta-button-wrap::after {\r\n  animation:\r\n    agctaPulse 2.8s ease-out 1.2s infinite;\r\n}\r\n\r\n@keyframes agctaPulse {\r\n  0% {\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0;\r\n  }\r\n\r\n  15% {\r\n    opacity: .24;\r\n  }\r\n\r\n  100% {\r\n    width: calc(100% + 46px);\r\n    height: calc(100% + 28px);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   BUTTON\r\n========================================= *\/\r\n\r\n.agcta-button {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 11px;\r\n\r\n  min-height: 51px;\r\n\r\n  padding: 0 24px 0 17px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: #FFFFFF;\r\n\r\n  color: #111111 !important;\r\n  text-decoration: none !important;\r\n\r\n  border: 1px solid rgba(255,255,255,.88);\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(0,0,0,.26),\r\n    inset 0 1px 0 rgba(255,255,255,.75);\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    box-shadow .22s ease,\r\n    background .22s ease,\r\n    color .22s ease;\r\n\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n\/* =========================================\r\n   BUTTON ICON\r\n========================================= *\/\r\n\r\n.agcta-button-icon {\r\n  width: 22px;\r\n  height: 22px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.agcta-button-icon img {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: contain;\r\n\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n}\r\n\r\n\/* =========================================\r\n   BUTTON TEXT\r\n========================================= *\/\r\n\r\n.agcta-button-text {\r\n  display: inline-block;\r\n\r\n  font-family: \"Unbounded\", sans-serif !important;\r\n\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n\r\n  line-height: 1;\r\n  letter-spacing: -.02em;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* =========================================\r\n   HOVER\r\n========================================= *\/\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n\r\n  .agcta-button:hover {\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n      0 16px 34px rgba(0,0,0,.34),\r\n      inset 0 1px 0 rgba(255,255,255,.82);\r\n\r\n    background: #FFFFFF;\r\n    color: #000000 !important;\r\n  }\r\n\r\n  .agcta-button:hover .agcta-button-icon {\r\n    transform: translateX(1px);\r\n    transition: transform .22s ease;\r\n  }\r\n\r\n}\r\n\r\n.agcta-button:active {\r\n  transform: translateY(0) scale(.985);\r\n}\r\n\r\n.agcta-button:focus-visible {\r\n  outline: 2px solid #FFFFFF;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .agcta-section {\r\n    min-height: clamp(600px, 70vw, 800px);\r\n\r\n    padding:\r\n      clamp(90px, 10vw, 130px)\r\n      22px;\r\n  }\r\n\r\n  .agcta-section h2.agcta-heading {\r\n    font-size: clamp(24px, 3.3vw, 35px) !important;\r\n    max-width: 100%;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .agcta-section {\r\n    min-height: clamp(550px, 130vw, 720px);\r\n    padding: 95px 18px;\r\n  }\r\n\r\n  .agcta-bg {\r\n    background-position: 22% center;\r\n\r\n    filter:\r\n      grayscale(1)\r\n      brightness(.43)\r\n      contrast(1.05);\r\n  }\r\n\r\n  .agcta-section h2.agcta-heading {\r\n    font-size: clamp(21px, 4.4vw, 28px) !important;\r\n\r\n    line-height: 1.27;\r\n    letter-spacing: .012em;\r\n\r\n    max-width: 100%;\r\n  }\r\n\r\n  .agcta-heading span {\r\n    white-space: normal;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .agcta-button-wrap {\r\n    margin-top: 34px;\r\n  }\r\n\r\n  .agcta-button {\r\n    min-height: 49px;\r\n\r\n    padding: 0 22px 0 17px;\r\n\r\n    gap: 10px;\r\n  }\r\n\r\n  .agcta-button-text {\r\n    font-size: 14.5px;\r\n  }\r\n\r\n  .agcta-button-icon {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  .agcta-top-fade,\r\n  .agcta-bottom-fade {\r\n    height: 145px;\r\n  }\r\n\r\n  @keyframes agctaPulse {\r\n    0% {\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 0;\r\n    }\r\n\r\n    15% {\r\n      opacity: .18;\r\n    }\r\n\r\n    100% {\r\n      width: calc(100% + 26px);\r\n      height: calc(100% + 18px);\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n  .agcta-section h2.agcta-heading {\r\n    font-size: clamp(19px, 5.3vw, 25px) !important;\r\n    line-height: 1.30;\r\n  }\r\n\r\n  .agcta-button {\r\n    min-height: 48px;\r\n    padding: 0 21px 0 16px;\r\n  }\r\n\r\n  .agcta-button-text {\r\n    font-size: 14px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .agcta-button,\r\n  .agcta-button-icon {\r\n    transition: none !important;\r\n  }\r\n\r\n  .agcta-button-wrap::before,\r\n  .agcta-button-wrap::after {\r\n    animation: none !important;\r\n    opacity: 0 !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n\r\n  const section = document.querySelector('.agcta-section');\r\n  if (!section) return;\r\n\r\n  const button = section.querySelector('.agcta-button');\r\n  if (!button) return;\r\n\r\n  button.addEventListener('click', function(e) {\r\n\r\n    const targetId = this.getAttribute('href');\r\n\r\n    if (!targetId || !targetId.startsWith('#')) {\r\n      return;\r\n    }\r\n\r\n    const target = document.querySelector(targetId);\r\n\r\n    if (!target) {\r\n      return;\r\n    }\r\n\r\n    e.preventDefault();\r\n\r\n    target.scrollIntoView({\r\n      behavior: 'smooth',\r\n      block: 'start'\r\n    });\r\n\r\n    history.replaceState(null, '', targetId);\r\n\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-edfb5c0 e-flex e-con-boxed e-con e-parent\" data-id=\"edfb5c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b05ac7 elementor-widget elementor-widget-html\" data-id=\"6b05ac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- ===== AGILERA \u2013 KONTAKT (responz\u00edvna verzia) ===== -->\r\n<section id=\"kontakt\" class=\"contact-mono\" aria-labelledby=\"contactHead\">\r\n  <style>\r\n    \r\n\r\n    \/* RESET ROZMEROV *\/\r\n    .contact-mono,\r\n    .contact-mono *,\r\n    .contact-mono *::before,\r\n    .contact-mono *::after {\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    .contact-mono{\r\n      --ink:#ECECEC;\r\n      --muted:#B9B9B9;\r\n      --hair:#FFFFFF18;\r\n      --hair-strong:#FFFFFF26;\r\n      --accent:#ffffff;\r\n      --success:#38C172;\r\n\r\n      color:var(--ink);\r\n      background:transparent !important;\r\n      font-family:'Unbounded',system-ui,sans-serif;\r\n      -webkit-font-smoothing:antialiased;\r\n      padding:80px 0 72px;\r\n      -webkit-tap-highlight-color:rgba(0,0,0,0);\r\n      position:relative;\r\n    }\r\n\r\n    .contact-mono::before{\r\n      content:none;\r\n    }\r\n\r\n    .contact-mono > *{\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n\r\n    .contact-mono .wrap{\r\n      width:min(80vw,1400px);\r\n      margin:0 auto;\r\n      padding:0 clamp(12px,3vw,24px);\r\n      display:grid;\r\n      grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\r\n      gap:clamp(52px,7vw,96px);\r\n      align-items:stretch;\r\n    }\r\n\r\n    .contact-mono .wrap > div{\r\n      height:100%;\r\n      display:flex;\r\n    }\r\n\r\n    \/* TABLET A MEN\u0160IE DESKTOPY *\/\r\n    @media (max-width:1240px){\r\n      .contact-mono .wrap{\r\n        width:min(100%,920px);\r\n        grid-template-columns:minmax(0,1fr);\r\n        gap:40px;\r\n      }\r\n      .contact-mono .wrap > div{\r\n        display:block;\r\n        height:auto;\r\n      }\r\n      .contact-mono .contact-footer{\r\n        width:min(100%,920px);\r\n      }\r\n    }\r\n\r\n    @media (max-width:1000px){\r\n      .contact-mono{\r\n        padding:64px 0 60px;\r\n      }\r\n      .contact-mono .wrap{\r\n        width:100%;\r\n        grid-template-columns:1fr;\r\n        gap:40px;\r\n      }\r\n      .contact-mono .wrap > div{\r\n        display:block;\r\n        height:auto;\r\n      }\r\n      .contact-mono .contact-footer{\r\n        width:100%;\r\n      }\r\n    }\r\n\r\n    .contact-mono .left-panel{\r\n      flex:1;\r\n    }\r\n\r\n    .contact-mono .left-inner{\r\n      flex:1;\r\n      padding:22px 0 20px;\r\n      display:flex;\r\n      flex-direction:column;\r\n      justify-content:space-between;\r\n      gap:24px;\r\n    }\r\n\r\n    @media (max-width:720px){\r\n      .contact-mono .left-inner{\r\n        padding:6px 0 0;\r\n        gap:20px;\r\n      }\r\n    }\r\n\r\n    #contactHead{\r\n      margin:0 0 14px;\r\n      font-weight:400;\r\n      line-height:1.15;\r\n      letter-spacing:.06em;\r\n      text-transform:uppercase;\r\n      font-size:clamp(26px,5vw,40px);\r\n      background:linear-gradient(120deg,#FFFFFF 0%,#D0D0D0 45%,#FFFFFF 100%);\r\n      -webkit-background-clip:text;\r\n      -webkit-text-fill-color:transparent;\r\n      background-clip:text;\r\n    }\r\n\r\n    .contact-mono .lead{\r\n      margin:0 0 24px;\r\n      max-width:520px;\r\n      color:var(--muted);\r\n      font-size:14px;\r\n      line-height:1.8;\r\n      font-weight:300;\r\n    }\r\n\r\n    @media (max-width:720px){\r\n      .contact-mono .lead{\r\n        font-size:13px;\r\n        line-height:1.7;\r\n      }\r\n    }\r\n\r\n    .contact-mono .email-row{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      font-size:13px;\r\n      margin-bottom:20px;\r\n      padding:6px 12px;\r\n      border-radius:999px;\r\n      border:1px solid var(--hair);\r\n      background:rgba(10,10,10,.95);\r\n      width:fit-content;\r\n      backdrop-filter:blur(8px);\r\n    }\r\n\r\n    .contact-mono .email-ico{\r\n      width:22px;\r\n      height:22px;\r\n      border-radius:999px;\r\n      border:1px solid var(--hair-strong);\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-size:11px;\r\n    }\r\n\r\n    .contact-mono .email-row a{\r\n      color:var(--ink);\r\n      text-decoration:none;\r\n    }\r\n\r\n    .contact-mono .email-row a:hover{\r\n      text-decoration:underline;\r\n    }\r\n\r\n    .contact-mono .hairline{\r\n      border:none;\r\n      border-top:1px solid var(--hair);\r\n      margin:18px 0 18px;\r\n      max-width:420px;\r\n    }\r\n\r\n    .contact-mono .people-label{\r\n      margin:0 0 10px;\r\n      font-size:11px;\r\n      letter-spacing:.16em;\r\n      text-transform:uppercase;\r\n      color:var(--muted);\r\n    }\r\n\r\n    .contact-mono .people{\r\n      list-style:none;\r\n      margin:0;\r\n      padding:0;\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:12px;\r\n    }\r\n\r\n    .contact-mono .person{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:12px;\r\n      font-size:13px;\r\n    }\r\n\r\n    .contact-mono .avatar{\r\n      width:44px;\r\n      height:44px;\r\n      border-radius:999px;\r\n      background:radial-gradient(circle at 30% 20%,#FFFFFF,#8C8C8C);\r\n      flex-shrink:0;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-size:13px;\r\n      font-weight:500;\r\n      color:#111;\r\n      overflow:hidden;\r\n      border:1px solid var(--hair-strong);\r\n    }\r\n\r\n    .contact-mono .avatar-img{\r\n      width:100%;\r\n      height:100%;\r\n      object-fit:cover;\r\n      display:block;\r\n      pointer-events:none;\r\n      user-select:none;\r\n    }\r\n\r\n    .contact-mono .p-main{\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:2px;\r\n    }\r\n\r\n    .contact-mono .p-name{\r\n      font-weight:400;\r\n      letter-spacing:.01em;\r\n    }\r\n\r\n    .contact-mono .p-role{\r\n      font-size:11px;\r\n      color:var(--muted);\r\n      font-weight:300;\r\n    }\r\n\r\n    .contact-mono .p-phone{\r\n      margin-left:auto;\r\n      font-size:12.5px;\r\n      white-space:nowrap;\r\n      color:var(--ink);\r\n      text-decoration:none;\r\n      font-weight:300;\r\n    }\r\n\r\n    .contact-mono .p-phone:hover{\r\n      text-decoration:underline;\r\n    }\r\n\r\n    @media (max-width:640px){\r\n      .contact-mono .person{\r\n        align-items:flex-start;\r\n      }\r\n      .contact-mono .p-phone{\r\n        margin-left:0;\r\n        margin-top:2px;\r\n      }\r\n    }\r\n\r\n    .contact-mono .right-panel{\r\n      flex:1;\r\n    }\r\n\r\n    .contact-mono .card{\r\n      background:linear-gradient(160deg,rgba(6,6,6,1),rgba(15,15,15,.98));\r\n      border-radius:22px;\r\n      border:1px solid var(--hair);\r\n      padding:24px 24px 20px;\r\n      box-shadow:0 14px 36px rgba(0,0,0,.8);\r\n      height:100%;\r\n      display:flex;\r\n      flex-direction:column;\r\n      justify-content:space-between;\r\n      gap:14px;\r\n      position:relative;\r\n      overflow:hidden;\r\n    }\r\n\r\n    .contact-mono .card::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:\r\n        radial-gradient(circle at 0% 0%,rgba(255,255,255,.06),transparent 55%),\r\n        radial-gradient(circle at 100% 100%,rgba(255,255,255,.03),transparent 60%);\r\n      pointer-events:none;\r\n      opacity:.9;\r\n    }\r\n\r\n    @media (max-width:720px){\r\n      .contact-mono .card{\r\n        padding:18px 16px 18px;\r\n        border-radius:18px;\r\n      }\r\n    }\r\n\r\n    .contact-mono form{\r\n      margin:0;\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:14px;\r\n      height:100%;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n\r\n    .contact-mono .notice{\r\n      display:none;\r\n      border-radius:12px;\r\n      padding:9px 12px;\r\n      font-size:12px;\r\n      line-height:1.5;\r\n      font-weight:300;\r\n    }\r\n\r\n    .contact-mono .notice.is-visible{\r\n      display:block;\r\n    }\r\n\r\n    .contact-mono .notice.is-ok{\r\n      background:#0b2416;\r\n      color:#c7f5d2;\r\n      border:1px solid #2d9b57;\r\n    }\r\n\r\n    .contact-mono .notice.is-bad{\r\n      background:#311313;\r\n      color:#f4c8c8;\r\n      border:1px solid #b74a4a;\r\n    }\r\n\r\n    .contact-mono .form-grid{\r\n      display:grid;\r\n      grid-template-columns:repeat(2,minmax(0,1fr));\r\n      gap:14px 16px;\r\n    }\r\n\r\n    @media (max-width:720px){\r\n      .contact-mono .form-grid{\r\n        grid-template-columns:1fr;\r\n        gap:12px;\r\n      }\r\n    }\r\n\r\n    .contact-mono .field{\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:4px;\r\n      font-size:11px;\r\n    }\r\n\r\n    .contact-mono .field label{\r\n      text-transform:uppercase;\r\n      letter-spacing:.14em;\r\n      color:var(--muted);\r\n      font-weight:400;\r\n    }\r\n\r\n    .contact-mono .field small{\r\n      font-size:10px;\r\n      color:var(--muted);\r\n      font-weight:300;\r\n    }\r\n\r\n    .contact-mono .input,\r\n    .contact-mono .select,\r\n    .contact-mono .textarea{\r\n      width:100%;\r\n      border-radius:999px;\r\n      border:1px solid #252525;\r\n      background:#050505;\r\n      color:var(--ink);\r\n      padding:10px 13px;\r\n      font-size:13px;\r\n      outline:none;\r\n      font-family:'Unbounded',system-ui,sans-serif;\r\n      font-weight:300;\r\n      transition:border .16s ease,box-shadow .16s ease,background .16s ease,transform .12s ease;\r\n    }\r\n\r\n    .contact-mono .textarea{\r\n      border-radius:16px;\r\n      min-height:110px;\r\n      resize:vertical;\r\n    }\r\n\r\n    .contact-mono .input::placeholder,\r\n    .contact-mono .textarea::placeholder{\r\n      color:rgba(220,220,220,.55);\r\n    }\r\n\r\n    .contact-mono .input:focus,\r\n    .contact-mono .select:focus,\r\n    .contact-mono .textarea:focus{\r\n      border-color:#f5f5f5;\r\n      box-shadow:0 0 0 1px rgba(255,255,255,.16);\r\n      background:#050505;\r\n      transform:translateY(-1px);\r\n    }\r\n\r\n    .contact-mono .bottom{\r\n      margin-top:6px;\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:10px;\r\n    }\r\n\r\n    .contact-mono .submit-row{\r\n      display:flex;\r\n      align-items:center;\r\n    }\r\n\r\n    .contact-mono .submit{\r\n      position:relative;\r\n      border-radius:999px;\r\n      border:0;\r\n      width:100%;\r\n      cursor:pointer;\r\n      padding:0;\r\n      background:transparent;\r\n      font-family:'Unbounded',system-ui,sans-serif;\r\n      -webkit-appearance:none;\r\n      appearance:none;\r\n    }\r\n\r\n    .contact-mono .submit-inner{\r\n      position:relative;\r\n      border-radius:999px;\r\n      padding:12px 22px;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:10px;\r\n      background:linear-gradient(135deg,#F8F8F8 0%,#DDDDDD 45%,#F3F3F3 100%);\r\n      color:#111;\r\n      font-size:12px;\r\n      letter-spacing:.18em;\r\n      text-transform:uppercase;\r\n      font-weight:400;\r\n      box-shadow:0 10px 28px rgba(0,0,0,.9);\r\n      overflow:hidden;\r\n      transition:transform .16s ease,box-shadow .16s ease,background .2s ease;\r\n      border:1px solid rgba(255,255,255,.7);\r\n    }\r\n\r\n    @media (max-width:720px){\r\n      .contact-mono .submit-inner{\r\n        font-size:11px;\r\n        letter-spacing:.16em;\r\n        padding:11px 18px;\r\n      }\r\n    }\r\n\r\n    .contact-mono .submit-inner::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.6) 40%,transparent 80%);\r\n      opacity:0;\r\n      transform:translateX(-45%);\r\n      pointer-events:none;\r\n      transition:opacity .22s ease,transform .4s ease;\r\n    }\r\n\r\n    .contact-mono .submit-label{\r\n      flex:1;\r\n      text-align:center;\r\n      white-space:nowrap;\r\n    }\r\n\r\n    .contact-mono .submit-arrow{\r\n      width:22px;\r\n      height:22px;\r\n      border-radius:999px;\r\n      border:1px solid rgba(0,0,0,.18);\r\n      background:rgba(255,255,255,.7);\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      flex-shrink:0;\r\n      transition:transform .16s ease,opacity .16s ease,background .16s ease,border-color .16s ease;\r\n      opacity:.95;\r\n    }\r\n\r\n    .contact-mono .submit-arrow svg{\r\n      width:13px;\r\n      height:13px;\r\n      display:block;\r\n    }\r\n\r\n    .contact-mono .submit:hover .submit-inner{\r\n      transform:translateY(-1px);\r\n      box-shadow:0 14px 36px rgba(0,0,0,1);\r\n      background:linear-gradient(135deg,#FFFFFF 0%,#E1E1E1 50%,#F9F9F9 100%);\r\n    }\r\n\r\n    .contact-mono .submit:hover .submit-arrow{\r\n      transform:translateX(2px);\r\n      opacity:1;\r\n      background:#FFFFFF;\r\n      border-color:rgba(0,0,0,.26);\r\n    }\r\n\r\n    .contact-mono .submit:hover .submit-inner::before{\r\n      opacity:1;\r\n      transform:translateX(45%);\r\n    }\r\n\r\n    .contact-mono .submit:focus-visible .submit-inner{\r\n      outline:2px solid #ffffff;\r\n      outline-offset:2px;\r\n    }\r\n\r\n    .contact-mono .submit.is-success .submit-inner{\r\n      background:linear-gradient(135deg,#38C172,#2F9E63);\r\n      color:#fff;\r\n      box-shadow:0 12px 32px rgba(19,113,61,.85);\r\n      border-color:rgba(255,255,255,.75);\r\n    }\r\n\r\n    .contact-mono .submit.is-success .submit-arrow{\r\n      opacity:1;\r\n      background:rgba(0,0,0,.08);\r\n      border-color:transparent;\r\n    }\r\n\r\n    .contact-mono .submit[disabled]{\r\n      cursor:default;\r\n    }\r\n\r\n    .contact-mono .gdpr{\r\n      font-size:11px;\r\n      color:var(--muted);\r\n      line-height:1.6;\r\n      font-weight:300;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n\r\n    .contact-mono .contact-footer{\r\n      width:min(80vw,1400px);\r\n      margin:40px auto 0;\r\n      padding:0 clamp(12px,3vw,24px);\r\n    }\r\n\r\n    .contact-mono .contact-footer-line{\r\n      border:none;\r\n      border-top:1px solid rgba(255,255,255,.12);\r\n      margin:0 0 18px;\r\n    }\r\n\r\n    .contact-mono .contact-footer-inner{\r\n      display:grid;\r\n      grid-template-columns:auto 1fr auto;\r\n      align-items:center;\r\n      column-gap:32px;\r\n      row-gap:8px;\r\n      font-size:11px;\r\n      color:var(--muted);\r\n    }\r\n\r\n    .contact-mono .footer-left{\r\n      justify-self:start;\r\n    }\r\n\r\n    .contact-mono .footer-logo{\r\n      height:60px;\r\n      width:auto;\r\n      display:block;\r\n      pointer-events:none;\r\n      user-select:none;\r\n      opacity:.9;\r\n    }\r\n\r\n    .contact-mono .footer-center{\r\n      justify-self:end;\r\n    }\r\n\r\n    .contact-mono .footer-meta{\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:4px;\r\n      justify-self:center;\r\n      align-items:flex-start;\r\n      text-align:left;\r\n    }\r\n\r\n    .contact-mono .footer-billing-title{\r\n      margin:0 0 2px;\r\n      font-weight:300;\r\n      color:var(--ink);\r\n    }\r\n\r\n    .contact-mono .footer-billing-lines{\r\n      display:flex;\r\n      flex-direction:column;\r\n      align-items:flex-start;\r\n      text-align:left;\r\n    }\r\n\r\n    .contact-mono .footer-billing{\r\n      margin:0;\r\n      font-weight:300;\r\n      color:var(--muted);\r\n    }\r\n\r\n    .contact-mono .footer-links{\r\n      display:flex;\r\n      text-transform:uppercase;\r\n      letter-spacing:.14em;\r\n      font-size:11px;\r\n      color:var(--muted);\r\n    }\r\n\r\n    .contact-mono .footer-links-vertical{\r\n      flex-direction:column;\r\n      align-items:flex-end;\r\n      gap:4px;\r\n      margin-right:40px;\r\n    }\r\n\r\n    .contact-mono .footer-links span{\r\n      cursor:default;\r\n    }\r\n\r\n    @media (max-width:720px){\r\n      .contact-mono .contact-footer-inner{\r\n        grid-template-columns:1fr;\r\n        row-gap:12px;\r\n        text-align:center;\r\n      }\r\n\r\n      .contact-mono .footer-left,\r\n      .contact-mono .footer-center,\r\n      .contact-mono .footer-meta{\r\n        justify-self:center;\r\n      }\r\n\r\n      .contact-mono .footer-meta{\r\n        align-items:center;\r\n        text-align:center;\r\n      }\r\n\r\n      .contact-mono .footer-billing-lines{\r\n        align-items:center;\r\n        text-align:center;\r\n      }\r\n\r\n      .contact-mono .footer-links-vertical{\r\n        align-items:center;\r\n        margin-right:0;\r\n      }\r\n    }\r\n\r\n    #kontakt{\r\n      scroll-margin-top:80px;\r\n    }\r\n\r\n    @media (max-width:720px){\r\n      #kontakt{\r\n        scroll-margin-top:70px;\r\n      }\r\n    }\r\n\r\n    \/* =========================================\r\n       DOPLNKY PRE RESPONZIVITU\r\n    ========================================= *\/\r\n\r\n    .contact-mono,\r\n    .contact-mono .wrap,\r\n    .contact-mono .contact-footer,\r\n    .contact-mono .left-panel,\r\n    .contact-mono .right-panel,\r\n    .contact-mono .left-inner,\r\n    .contact-mono .card,\r\n    .contact-mono form,\r\n    .contact-mono .form-grid,\r\n    .contact-mono .field,\r\n    .contact-mono .p-main,\r\n    .contact-mono .footer-meta{\r\n      min-width:0;\r\n      max-width:100%;\r\n    }\r\n\r\n    .contact-mono .lead,\r\n    .contact-mono .gdpr,\r\n    .contact-mono .notice,\r\n    .contact-mono .footer-billing,\r\n    .contact-mono .p-name,\r\n    .contact-mono .field label{\r\n      overflow-wrap:break-word;\r\n    }\r\n\r\n    .contact-mono .footer-logo{\r\n      max-width:100%;\r\n    }\r\n\r\n    @media (max-width:720px){\r\n\r\n      \/* Bezpe\u010dn\u00e9 vn\u00fatorn\u00e9 okraje *\/\r\n      .contact-mono .wrap,\r\n      .contact-mono .contact-footer{\r\n        width:100%;\r\n        padding-left:clamp(16px,4vw,24px);\r\n        padding-right:clamp(16px,4vw,24px);\r\n      }\r\n\r\n      \/* Email bez pretekania *\/\r\n      .contact-mono .email-row{\r\n        max-width:100%;\r\n        min-width:0;\r\n        flex-wrap:wrap;\r\n      }\r\n\r\n      .contact-mono .email-row a{\r\n        min-width:0;\r\n        overflow-wrap:anywhere;\r\n      }\r\n\r\n      \/* Formul\u00e1rov\u00e9 polia *\/\r\n      .contact-mono .input,\r\n      .contact-mono .select,\r\n      .contact-mono .textarea{\r\n        min-width:0;\r\n        max-width:100%;\r\n        font-size:16px;\r\n      }\r\n\r\n      \/* Text tla\u010didla m\u00f4\u017ee vyu\u017ei\u0165\r\n         viacero riadkov, ak je to nutn\u00e9 *\/\r\n      .contact-mono .submit-inner{\r\n        min-width:0;\r\n        gap:8px;\r\n      }\r\n\r\n      .contact-mono .submit-label{\r\n        min-width:0;\r\n        white-space:normal;\r\n        overflow-wrap:break-word;\r\n        line-height:1.4;\r\n      }\r\n    }\r\n\r\n    \/* MOBIL \u2013 KONTAKTY *\/\r\n    @media (max-width:640px){\r\n\r\n      .contact-mono .person{\r\n        display:grid;\r\n        grid-template-columns:44px minmax(0,1fr);\r\n        column-gap:12px;\r\n        row-gap:4px;\r\n        align-items:center;\r\n      }\r\n\r\n      .contact-mono .person .avatar{\r\n        grid-column:1;\r\n        grid-row:1 \/ span 2;\r\n      }\r\n\r\n      .contact-mono .person .p-main{\r\n        grid-column:2;\r\n        grid-row:1;\r\n      }\r\n\r\n      .contact-mono .person .p-phone{\r\n        grid-column:2;\r\n        grid-row:2;\r\n        justify-self:start;\r\n        margin:0;\r\n        white-space:normal;\r\n        overflow-wrap:anywhere;\r\n      }\r\n\r\n      .contact-mono .submit-inner{\r\n        padding-left:12px;\r\n        padding-right:12px;\r\n        letter-spacing:.10em;\r\n      }\r\n    }\r\n\r\n    \/* VE\u013dMI \u00daZKE MOBILY *\/\r\n    @media (max-width:360px){\r\n\r\n      .contact-mono .card{\r\n        padding-left:12px;\r\n        padding-right:12px;\r\n      }\r\n\r\n      .contact-mono .submit-inner{\r\n        padding-left:9px;\r\n        padding-right:9px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"left-panel\">\r\n      <div class=\"left-inner\">\r\n        <div>\r\n          <h2 id=\"contactHead\">Ozv\u011bte se n\u00e1m<\/h2>\r\n\r\n          <p class=\"lead\">\r\n            Propojujeme produkci obsahu a v\u00fdkonnostn\u00ed kampan\u011b do syst\u00e9mu, kter\u00fd systematicky podporuje r\u016fst firem, jako je ta va\u0161e.\r\n          <\/p>\r\n\r\n          <div class=\"email-row\">\r\n            <div class=\"email-ico\">@<\/div>\r\n            <a href=\"mailto:info@agilera.sk\">info@agilera.sk<\/a>\r\n          <\/div>\r\n\r\n          <hr class=\"hairline\">\r\n\r\n          <p class=\"people-label\">P\u0159\u00edm\u00e9 kontakty<\/p>\r\n\r\n          <ul class=\"people\">\r\n\r\n            <li class=\"person\">\r\n              <div class=\"avatar\">\r\n                <img decoding=\"async\" class=\"avatar-img\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/Vajda-AGILERA.png\" alt=\"Tade\u00e1\u0161 Vajda\" draggable=\"false\">\r\n              <\/div>\r\n\r\n              <div class=\"p-main\">\r\n                <span class=\"p-name\">Tade\u00e1\u0161 Vajda<\/span>\r\n                <span class=\"p-role\">CEO<\/span>\r\n              <\/div>\r\n\r\n              <a class=\"p-phone\" href=\"tel:+421903114887\">\r\n                +421 903 114 887\r\n              <\/a>\r\n            <\/li>\r\n\r\n            <li class=\"person\">\r\n              <div class=\"avatar\">\r\n                <img decoding=\"async\" class=\"avatar-img\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/Eduard-Bainar-foto.png\" alt=\"Eduard Bainar\" draggable=\"false\">\r\n              <\/div>\r\n\r\n              <div class=\"p-main\">\r\n                <span class=\"p-name\">Eduard Bainar<\/span>\r\n                <span class=\"p-role\">Creative Director<\/span>\r\n              <\/div>\r\n\r\n              <a class=\"p-phone\" href=\"tel:+420776643373\">\r\n                +420 776 643 373\r\n              <\/a>\r\n            <\/li>\r\n\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT \u2013 FORM -->\r\n    <div class=\"right-panel\">\r\n      <div class=\"card\">\r\n\r\n        <div id=\"contactNotice\" class=\"notice\" role=\"status\" aria-live=\"polite\"><\/div>\r\n\r\n        <form id=\"agContactForm\" action=\"\/contact-agilera.php\" method=\"post\" novalidate>\r\n          <input type=\"hidden\" name=\"form_id\" value=\"agilera_main_contact\">\r\n\r\n          <div class=\"form-grid\">\r\n\r\n            <div class=\"field\">\r\n              <label for=\"c-name\">Jm\u00e9no<\/label>\r\n              <input class=\"input\" type=\"text\" id=\"c-name\" name=\"meno\" placeholder=\"Jm\u00e9no a p\u0159\u00edjmen\u00ed\" required>\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n              <label for=\"c-email\">E-mail<\/label>\r\n              <input class=\"input\" type=\"email\" id=\"c-email\" name=\"email\" placeholder=\"priklad@firma.sk\" required>\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n              <label for=\"c-phone\">Telefon<\/label>\r\n              <input class=\"input\" type=\"tel\" id=\"c-phone\" name=\"telefon\" placeholder=\"+421...\" required>\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n              <label for=\"c-type\">\r\n                \u010co pr\u00e1ve rie\u0161ite?\r\n                <small>(nepovinn\u00e9)<\/small>\r\n              <\/label>\r\n\r\n              <select class=\"select\" id=\"c-type\" name=\"typ-spoluprace\">\r\n                <option value=\"\">Vyberte...<\/option>\r\n                <option value=\"stagnujuci-rast\">\r\n                  Stagnuj\u00edc\u00ed r\u016fst firmy\r\n                <\/option>\r\n                <option value=\"novy-projekt\">\r\n                  Nov\u00fd projekt \/ spu\u0161t\u011bn\u00ed\r\n                <\/option>\r\n                <option value=\"obsah-kreativa\">\r\n                  Obsah a kreativita\r\n                <\/option>\r\n                <option value=\"skala-vykon\">\r\n                  \u0160k\u00e1lov\u00e1n\u00ed v\u00fdkonu \/ rozpo\u010dtu\r\n                <\/option>\r\n                <option value=\"ine\">\r\n                  Jin\u00e9 \u2013 nejsem si jist\u00fd\r\n                <\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"c-message\">\r\n              Spr\u00e1va <small>(nepovinn\u00e9)<\/small>\r\n            <\/label>\r\n\r\n            <textarea class=\"textarea\" id=\"c-message\" name=\"sprava\" placeholder=\"Pokud chcete, m\u016f\u017eete stru\u010dn\u011b doplnit kontext nebo ot\u00e1zku...\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"bottom\">\r\n            <div class=\"submit-row\">\r\n\r\n              <button type=\"submit\" class=\"submit\" id=\"agContactSubmit\">\r\n                <div class=\"submit-inner\">\r\n                  <span class=\"submit-label\">\r\n                    Chci n\u00e1vrh spolupr\u00e1ce\r\n                  <\/span>\r\n\r\n                  <span class=\"submit-arrow\" aria-hidden=\"true\">\r\n                    <svg viewbox=\"0 0 24 24\">\r\n                      <path d=\"M7 17L17 7M9 7H17V15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                    <\/svg>\r\n                  <\/span>\r\n                <\/div>\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"gdpr\">Zadan\u00e9 \u00fadaje pou\u017eijeme na vybavenie v\u00e1\u0161ho dopytu a pr\u00edpravu n\u00e1vrhu spolupr\u00e1ce. Podrobnosti n\u00e1jdete v <a href=\"https:\/\/agilera.eu\/cs\/ochrana-sukromia\/\">z\u00e1sad\u00e1ch ochrany osobn\u00fdch \u00fadajov<\/a>.<\/p>\r\n          <\/div>\r\n        <\/form>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FOOTER POD SEKCIU -->\r\n  <div class=\"contact-footer\">\r\n\r\n    <hr class=\"contact-footer-line\">\r\n\r\n    <div class=\"contact-footer-inner\">\r\n\r\n      <div class=\"footer-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2024\/07\/agilera_logo_biele.svg\" alt=\"Agilera\" class=\"footer-logo\" draggable=\"false\" loading=\"lazy\">\r\n      <\/div>\r\n\r\n      <div class=\"footer-meta\">\r\n        <p class=\"footer-billing-title\">Fakturace:<\/p>\r\n\r\n        <div class=\"footer-billing-lines\">\r\n          <p class=\"footer-billing\">Agilera s.r.o.<\/p>\r\n          <p class=\"footer-billing\">I\u010cO: 54796962<\/p>\r\n          <p class=\"footer-billing\">DI\u010c: 2121804465<\/p>\r\n          <p class=\"footer-billing\">I\u010c DPH: SK2121804465<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"footer-center\">\r\n        <div class=\"footer-links footer-links-vertical\">\r\n          <a href=\"https:\/\/agilera.eu\/cs\/ochrana-sukromia\/\">GDPR<\/a>\r\n          <a href=\"https:\/\/agilera.eu\/cs\/cookies\/\">Cookies<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FORM SCRIPT -->\r\n  <script data-cookieconsent=\"ignore\">\r\n  (function(){\r\n    const form   = document.getElementById('agContactForm');\r\n    const submit = document.getElementById('agContactSubmit');\r\n    const notice = document.getElementById('contactNotice');\r\n\r\n    if(!form || !submit || !notice) return;\r\n\r\n    let submitting = false;\r\n\r\n    form.addEventListener('submit', function(e){\r\n      e.preventDefault();\r\n      if(submitting) return;\r\n\r\n      const name   = form.meno.value.trim();\r\n      const email  = form.email.value.trim();\r\n      const phone  = form.telefon.value.trim();\r\n\r\n      if(!name || !email || !phone){\r\n        notice.textContent =\r\n          'Pros\u00edm, vypl\u0148te jm\u00e9no, e-mail a telefon.';\r\n\r\n        notice.className =\r\n          'notice is-visible is-bad';\r\n\r\n        return;\r\n      }\r\n\r\n      submitting = true;\r\n      notice.className = 'notice';\r\n      submit.disabled = true;\r\n      submit.classList.remove('is-success');\r\n\r\n      const labelEl = submit.querySelector('.submit-label');\r\n\r\n      if(labelEl){\r\n        labelEl.textContent = 'Odes\u00edl\u00e1me...';\r\n      }\r\n\r\n      const data = new FormData(form);\r\n\r\n      fetch(form.action, {\r\n        method:'POST',\r\n        body:data,\r\n        headers:{\r\n          'X-Requested-With':'XMLHttpRequest'\r\n        }\r\n      })\r\n      .then(function(res){\r\n        if(!res.ok){\r\n          throw new Error('Server error');\r\n        }\r\n        return res.json();\r\n      })\r\n      .then(function(json){\r\n        if(json && json.ok){\r\n          submit.classList.add('is-success');\r\n\r\n          if(labelEl){\r\n            labelEl.textContent =\r\n              'V\u00e1\u0161 po\u017eadavek byl odesl\u00e1n';\r\n          }\r\n\r\n          notice.textContent =\r\n            'V\u00e1\u0161 po\u017eadavek byl \u00fasp\u011b\u0161n\u011b odesl\u00e1n. Brzy se v\u00e1m ozveme.';\r\n\r\n          notice.className =\r\n            'notice is-visible is-ok';\r\n\r\n          try{window.dataLayer=window.dataLayer||[];window.dataLayer.push({event:'generate_lead',form_id:'agilera_main_contact',lead_type:(form.elements['typ-spoluprace']&&form.elements['typ-spoluprace'].value)||'',page_language:document.documentElement.lang||''});}catch(err){} form.reset();\r\n\r\n        }else{\r\n          throw new Error('Bad response');\r\n        }\r\n      })\r\n      .catch(function(){\r\n        notice.textContent =\r\n          'Formul\u00e1\u0159 se nepoda\u0159ilo odeslat. Zkuste to pros\u00edm znovu nebo n\u00e1m napi\u0161te na info@agilera.sk.';\r\n\r\n        notice.className =\r\n          'notice is-visible is-bad';\r\n\r\n        submit.disabled = false;\r\n\r\n        if(labelEl){\r\n          labelEl.textContent =\r\n            'Chci n\u00e1vrh spolupr\u00e1ce';\r\n        }\r\n      })\r\n      .finally(function(){\r\n        submitting = false;\r\n      });\r\n    });\r\n  })();\r\n  <\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48c1ccf elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"48c1ccf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddd216b elementor-widget elementor-widget-html\" data-id=\"ddd216b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     AGILERA | STATICK\u00c9 VIZU\u00c1LY\r\n     Elementor HTML widget \u2014 complete independent section\r\n     ========================================================= -->\r\n<section class=\"ags-static-v4\" aria-label=\"Statick\u00e9 vizu\u00e1ly AGILERA\">\r\n  <div class=\"ags-v4-inner\">\r\n\r\n    <h2 class=\"ags-v4-heading\">\r\n      <span class=\"ags-v4-eyebrow\">STATICK\u00c9<\/span>\r\n      <span class=\"ags-v4-headline\">VIZU\u00c1LY<\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"ags-v4-stage\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Uk\u00e1zky statick\u00fdch reklamn\u00edch vizu\u00e1l\u016f\" tabindex=\"0\">\r\n\r\n      <div class=\"ags-v4-card is-active\" data-pos=\"0\" role=\"group\" aria-label=\"Vizu\u00e1l 1 z 10\">\r\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/MXD-_-AD-01-_-1x1-1.png\" alt=\"Maxidental \u2013 modern\u00ed p\u00e9\u010de o zuby\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n      <\/div>\r\n      <div class=\"ags-v4-card\" data-pos=\"1\" role=\"group\" aria-label=\"Vizu\u00e1l 2 z 10\">\r\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/EBS-_-AD-02-_-1x1-1.png\" alt=\"Energetick\u00e1 budoucnost \u2013 konferen\u010dn\u00ed kampa\u0148\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n      <\/div>\r\n      <div class=\"ags-v4-card\" data-pos=\"2\" role=\"group\" aria-label=\"Vizu\u00e1l 3 z 10\">\r\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/1080-vianocna-inspiracia-1.jpg\" alt=\"V\u00e1no\u010dn\u00ed produktov\u00e1 kampa\u0148\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n      <\/div>\r\n      <div class=\"ags-v4-card\" data-pos=\"3\" role=\"group\" aria-label=\"Vizu\u00e1l 4 z 10\">\r\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/175-Ad-03-1x1-1.png\" alt=\"Ecohit \u2013 investi\u010dn\u00ed reklamn\u00ed kampa\u0148\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n      <\/div>\r\n      <div class=\"ags-v4-card\" data-pos=\"4\" role=\"group\" aria-label=\"Vizu\u00e1l 5 z 10\">\r\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/1920-vlasy-plet-balik.png\" alt=\"Produktov\u00e1 kampa\u0148 \u2013 p\u00e9\u010de o vlasy a ple\u0165\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n      <\/div>\r\n      <div class=\"ags-v4-card\" data-pos=\"5\" role=\"group\" aria-label=\"Vizu\u00e1l 6 z 10\">\r\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/MXD-_-AD-03-_-1x1-1.png\" alt=\"Maxidental \u2013 dal\u0161\u00ed reklamn\u00ed kreativa\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n      <\/div>\r\n      <div class=\"ags-v4-card\" data-pos=\"6\" role=\"group\" aria-label=\"Vizu\u00e1l 7 z 10\">\r\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/EBS-_-AD-01-_-1x1-1.png\" alt=\"Energetick\u00e1 budoucnost \u2013 reklamn\u00ed kreativa\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n      <\/div>\r\n      <div class=\"ags-v4-card\" data-pos=\"7\" role=\"group\" aria-label=\"Vizu\u00e1l 8 z 10\">\r\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Ecohit-konzultacia-2-1x1-1.png\" alt=\"Ecohit \u2013 kreativa pro konzultace\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n      <\/div>\r\n      <div class=\"ags-v4-card\" data-pos=\"8\" role=\"group\" aria-label=\"Vizu\u00e1l 9 z 10\">\r\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/Ecohit-konzultacia-4-1x1-1.png\" alt=\"Ecohit \u2013 dal\u0161\u00ed kreativa pro konzultace\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n      <\/div>\r\n      <div class=\"ags-v4-card ags-v4-last\" data-pos=\"9\" role=\"group\" aria-label=\"Vizu\u00e1l 10 z 10 \u2013 zobrazit v\u00edce\">\r\n        <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/10\/nove-kreativy-nervy2-1.png\" alt=\"Habal\u00eds \u2013 produktov\u00e1 reklamn\u00ed kreativa\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\r\n        <div class=\"ags-v4-last-layer\">\r\n          <a class=\"ags-v4-cta\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\">\r\n            <span>ZOBRAZIT V\u00cdCE<\/span>\r\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ags-v4-navigation\" aria-label=\"Ovl\u00e1d\u00e1n\u00ed galerie\">\r\n      <button class=\"ags-v4-arrow ags-v4-prev\" type=\"button\" aria-label=\"P\u0159edchoz\u00ed vizu\u00e1l\" disabled>\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14.5 6.5L9 12l5.5 5.5\"><\/path><\/svg>\r\n      <\/button>\r\n      <button class=\"ags-v4-arrow ags-v4-next\" type=\"button\" aria-label=\"N\u00e1sleduj\u00edc\u00ed vizu\u00e1l\">\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.5 6.5L15 12l-5.5 5.5\"><\/path><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <span class=\"ags-v4-live\" aria-live=\"polite\" aria-atomic=\"true\"><\/span>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ========== ISOLATED BASE ========== *\/\r\n.ags-static-v4 {\r\n  --ags-start: 2.2%;\r\n  --ags-main: 24.5%;\r\n  --ags-small: 15.2%;\r\n  --ags-speed: 980ms;\r\n  --ags-ease: cubic-bezier(.22,.68,.20,1);\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: none;\r\n  margin-left: calc(50% - 50vw);\r\n  padding: clamp(40px,3.5vw,62px) 0 clamp(74px,6vw,108px);\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: transparent;\r\n  font-family: \"Unbounded\",sans-serif;\r\n}\r\n.ags-static-v4, .ags-static-v4 * { box-sizing: border-box; }\r\n.ags-v4-inner { position: relative; width: min(100%,1500px); margin: 0 auto; }\r\n\r\n\/* ========== HEADLINE \u2014 ONE LINE, SCROLL FROM LEFT ========== *\/\r\n.ags-v4-heading {\r\n  position: relative;\r\n  z-index: 10;\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  align-items: baseline;\r\n  gap: .24em;\r\n  width: max-content;\r\n  margin: 0 3.4% 0 auto;\r\n  padding: 0;\r\n  font-family: \"Unbounded\",sans-serif !important;\r\n  font-weight: 300 !important;\r\n  line-height: .9;\r\n  text-align: right;\r\n  text-transform: uppercase;\r\n  white-space: nowrap;\r\n  color: #2A2A2A !important;\r\n  will-change: transform;\r\n}\r\n.ags-v4-eyebrow,\r\n.ags-v4-headline {\r\n  display: block;\r\n  padding: 0;\r\n  margin: 0;\r\n  color: #2A2A2A !important;\r\n  font-family: \"Unbounded\",sans-serif !important;\r\n  font-size: clamp(40px,6.2vw,102px);\r\n  font-weight: 300 !important;\r\n  letter-spacing: -.055em;\r\n  line-height: .9;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* ========== CAROUSEL FRAME ========== *\/\r\n.ags-v4-stage {\r\n  position: relative;\r\n  width: 100%;\r\n  height: clamp(320px,29.5vw,440px);\r\n  margin-top: clamp(37px,3.4vw,54px);\r\n  outline: none;\r\n  touch-action: pan-y;\r\n}\r\n.ags-v4-stage:focus-visible { outline: 1px solid rgba(255,255,255,.45); outline-offset: 5px; }\r\n.ags-v4-card {\r\n  position: absolute;\r\n  z-index: 1;\r\n  left: 145%;\r\n  top: 50%;\r\n  width: var(--ags-small);\r\n  aspect-ratio: 1 \/ 1;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n  background: #151515;\r\n  transform: translate3d(-50%,-50%,0);\r\n  pointer-events: none;\r\n  transition:\r\n    left var(--ags-speed) var(--ags-ease),\r\n    width var(--ags-speed) var(--ags-ease),\r\n    opacity 750ms ease;\r\n}\r\n.ags-v4-card > img {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: none;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  filter: grayscale(1) saturate(0) brightness(.70) contrast(1.035);\r\n  opacity: .92;\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n  transition: filter var(--ags-speed) var(--ags-ease),opacity var(--ags-speed) ease;\r\n}\r\n.ags-v4-card.is-active { z-index: 5; opacity: 1; }\r\n.ags-v4-card.is-active > img { filter: none; opacity: 1; }\r\n\r\n\/* Precise composition: the active card leads and previews breathe. *\/\r\n.ags-v4-card[data-pos^=\"-\"] { left: -42%; width: var(--ags-small); opacity: 0; z-index: 1; }\r\n.ags-v4-card[data-pos=\"-1\"] { left: -15%; opacity: 0; }\r\n.ags-v4-card[data-pos=\"0\"] {\r\n  left: 15.45%;\r\n  width: var(--ags-main);\r\n  opacity: 1;\r\n  z-index: 5;\r\n}\r\n.ags-v4-card[data-pos=\"1\"] {\r\n  left: 39.3%;\r\n  width: var(--ags-small); opacity: 1; z-index: 4;\r\n}\r\n.ags-v4-card[data-pos=\"2\"] {\r\n  left: 58.1%;\r\n  width: var(--ags-small); opacity: 1; z-index: 3;\r\n}\r\n.ags-v4-card[data-pos=\"3\"] {\r\n  left: 76.9%;\r\n  width: var(--ags-small); opacity: 1; z-index: 2;\r\n}\r\n.ags-v4-card[data-pos=\"4\"] {\r\n  left: 95.7%;\r\n  width: var(--ags-small); opacity: 1; z-index: 1;\r\n}\r\n.ags-v4-card[data-pos=\"5\"] {\r\n  left: 114.5%;\r\n  width: var(--ags-small); opacity: 0;\r\n}\r\n\r\n\/* ========== FINAL BLURRED CARD \/ CTA ========== *\/\r\n.ags-v4-last > img {\r\n  filter: grayscale(1) brightness(.50) blur(5px);\r\n  transform: scale(1.07);\r\n}\r\n.ags-v4-last.is-active > img {\r\n  filter: grayscale(.3) brightness(.43) blur(9px);\r\n  opacity: 1;\r\n}\r\n.ags-v4-last-layer {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 3;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 14px;\r\n  background: rgba(0,0,0,.13);\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity 500ms ease;\r\n}\r\n.ags-v4-last.is-active .ags-v4-last-layer { opacity: 1; pointer-events: auto; }\r\n.ags-v4-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 18px;\r\n  min-height: 54px;\r\n  padding: 15px 22px;\r\n  background: rgba(10,10,10,.35);\r\n  border: 1px solid rgba(255,255,255,.82);\r\n  border-radius: 2px;\r\n  color: #fff !important;\r\n  text-decoration: none !important;\r\n  -webkit-backdrop-filter: blur(12px);\r\n  backdrop-filter: blur(12px);\r\n  font-family: \"Unbounded\",sans-serif !important;\r\n  font-size: clamp(9px,.8vw,11px);\r\n  font-weight: 400;\r\n  line-height: 1.4;\r\n  letter-spacing: .035em;\r\n  white-space: nowrap;\r\n  transition: background 230ms ease,transform 230ms ease;\r\n}\r\n.ags-v4-cta svg {\r\n  width: 20px; height: 20px;\r\n  fill: none; stroke: currentColor; stroke-width: 1.5;\r\n  stroke-linecap: round; stroke-linejoin: round;\r\n  transition: transform 230ms ease;\r\n}\r\n.ags-v4-cta[aria-disabled=\"true\"] { cursor: default; }\r\n@media (hover:hover) {\r\n  .ags-v4-cta:not([aria-disabled=\"true\"]):hover { background: rgba(255,255,255,.12); transform: translateY(-2px); }\r\n  .ags-v4-cta:not([aria-disabled=\"true\"]):hover svg { transform: translateX(4px); }\r\n}\r\n.ags-v4-cta:focus-visible { outline: 2px solid white; outline-offset: 5px; }\r\n\r\n\/* ========== NAVIGATION ========== *\/\r\n.ags-v4-navigation {\r\n  position: relative;\r\n  z-index: 10;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: clamp(17px,1.4vw,22px);\r\n  width: max-content;\r\n  margin-top: clamp(5px,.6vw,11px);\r\n  margin-left: var(--ags-start);\r\n}\r\n.ags-static-v4 .ags-v4-arrow {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  width: clamp(37px,2.3vw,42px) !important;\r\n  height: clamp(37px,2.3vw,42px) !important;\r\n  min-width: 0 !important; min-height: 0 !important;\r\n  margin: 0 !important; padding: 0 !important;\r\n  background: transparent !important;\r\n  border: 1px solid #fff !important;\r\n  border-radius: 50% !important;\r\n  box-shadow: none !important;\r\n  color: #fff !important;\r\n  cursor: pointer;\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  transition: border-color 220ms ease,color 220ms ease,transform 220ms ease;\r\n}\r\n.ags-v4-arrow svg { width: 49%; height: 49%; fill: none !important; stroke: currentColor !important; }\r\n.ags-v4-arrow svg path { fill: none !important; stroke: currentColor !important; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }\r\n@media (hover:hover) {\r\n  .ags-static-v4 .ags-v4-arrow:hover:not(:disabled) {\r\n    color: #999 !important;\r\n    border-color: #999 !important;\r\n    transform: scale(1.06);\r\n  }\r\n}\r\n.ags-static-v4 .ags-v4-arrow:disabled {\r\n  color: #454545 !important; border-color: #454545 !important;\r\n  cursor: default; opacity: .7; transform: none !important;\r\n}\r\n.ags-static-v4 .ags-v4-arrow:focus-visible { outline: 2px solid white; outline-offset: 4px; }\r\n.ags-v4-live { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }\r\n\r\n\/* ========== TABLET ========== *\/\r\n@media (min-width: 641px) and (max-width: 1024px) {\r\n  .ags-static-v4 { --ags-start: 5%; --ags-main: 36%; --ags-small: 21.5%; padding-top: 42px; padding-bottom: 82px; }\r\n  .ags-v4-heading { margin-right: 6%; }\r\n  .ags-v4-eyebrow, .ags-v4-headline { font-size: clamp(35px,6vw,63px); }\r\n  .ags-v4-stage { height: clamp(300px,45vw,460px); margin-top: 42px; }\r\n  .ags-v4-card[data-pos=\"0\"] { left: 24.5%; }\r\n  .ags-v4-card[data-pos=\"1\"] { left: 58%; }\r\n  .ags-v4-card[data-pos=\"2\"] { left: 83.5%; }\r\n  .ags-v4-card[data-pos=\"3\"] { left: 109%; opacity: 0; }\r\n  .ags-v4-card[data-pos=\"5\"] { left: 160%; }\r\n  .ags-v4-card[data-pos=\"4\"] { opacity: 0; }\r\n}\r\n\r\n\/* ========== MOBILE ========== *\/\r\n@media (max-width: 640px) {\r\n  .ags-static-v4 { --ags-start: 6%; --ags-main: 73%; --ags-small: 40%; padding-top: 36px; padding-bottom: 68px; }\r\n  .ags-v4-heading {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    white-space: normal;\r\n    transform: none !important;\r\n    will-change: auto;\r\n  }\r\n  .ags-v4-eyebrow {\r\n    font-size: clamp(18px,5vw,22px);\r\n    font-weight: 400 !important;\r\n    letter-spacing: .2em;\r\n    line-height: 1;\r\n    margin-bottom: 10px;\r\n    color: #FFFFFF !important;\r\n  }\r\n  .ags-v4-headline {\r\n    font-size: clamp(46px,13vw,60px);\r\n    text-align: center;\r\n  }\r\n  .ags-v4-stage { height: clamp(292px,calc(78vw + 36px),525px); margin-top: 34px; }\r\n  .ags-v4-card[data-pos=\"-1\"] { left: -43%; width: var(--ags-small); }\r\n  .ags-v4-card[data-pos=\"0\"] { left: 50%; }\r\n  .ags-v4-card[data-pos=\"1\"] { left: 109.5%; opacity: 1; }\r\n  .ags-v4-card[data-pos=\"2\"] { left: 160%; opacity: 0; }\r\n  .ags-v4-card[data-pos=\"3\"],\r\n  .ags-v4-card[data-pos=\"4\"],\r\n  .ags-v4-card[data-pos=\"5\"] { left: 210%; opacity: 0; }\r\n  .ags-v4-navigation { margin: 3px auto 0; gap: 18px; justify-content: center; }\r\n  .ags-static-v4 .ags-v4-arrow { width: 39px !important; height: 39px !important; }\r\n  .ags-v4-cta { gap: 11px; min-height: 47px; padding: 12px 15px; font-size: 9px; }\r\n  .ags-v4-cta svg { width: 17px; height: 17px; }\r\n}\r\n@media (max-width: 360px) {\r\n  .ags-v4-headline { font-size: 42px; }\r\n  .ags-v4-stage { margin-top: 30px; }\r\n}\r\n\r\n\/* ========== ACCESSIBILITY ========== *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ags-v4-heading { transform: none !important; will-change: auto; }\r\n  .ags-v4-card, .ags-v4-card > img, .ags-v4-last-layer, .ags-v4-cta, .ags-v4-cta svg, .ags-v4-arrow { transition: none !important; animation: none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  \/\/ When the portfolio subpage exists, place its full URL here.\r\n  \/\/ Example: \"https:\/\/agilera.eu\/portfolio\/\"\r\n  const MORE_URL = \"https:\/\/www.youtube.com\/@AGILERA-agency\";\r\n  const TRANSITION_MS = 980;\r\n  const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\r\n\r\n  function init(root) {\r\n    if (!root || root.dataset.agsV4Ready === \"true\") return;\r\n\r\n    const cards = Array.from(root.querySelectorAll(\".ags-v4-card\"));\r\n    const stage = root.querySelector(\".ags-v4-stage\");\r\n    const prev = root.querySelector(\".ags-v4-prev\");\r\n    const next = root.querySelector(\".ags-v4-next\");\r\n    const cta = root.querySelector(\".ags-v4-cta\");\r\n    const live = root.querySelector(\".ags-v4-live\");\r\n    if (!cards.length || !stage || !prev || !next) return;\r\n    root.dataset.agsV4Ready = \"true\";\r\n\r\n    let index = 0;\r\n    let locked = false;\r\n    let unlockTimer = null;\r\n    const last = cards.length - 1;\r\n\r\n    if (cta) {\r\n      const hasUrl = MORE_URL.trim().length > 0;\r\n      cta.href = hasUrl ? MORE_URL : \"#\";\r\n      if (hasUrl) cta.removeAttribute(\"aria-disabled\");\r\n      else { cta.setAttribute(\"aria-disabled\", \"true\"); cta.title = \"Portf\u00f3lio pripravujeme\"; }\r\n      cta.addEventListener(\"click\", function (e) {\r\n        if (!hasUrl || index !== last) e.preventDefault();\r\n      });\r\n    }\r\n\r\n    function render(announce) {\r\n      cards.forEach(function (card, i) {\r\n        const active = i === index;\r\n        card.dataset.pos = String(i - index);\r\n        card.classList.toggle(\"is-active\", active);\r\n        card.setAttribute(\"aria-hidden\", active ? \"false\" : \"true\");\r\n        if (active) card.setAttribute(\"aria-current\", \"true\");\r\n        else card.removeAttribute(\"aria-current\");\r\n        if (i <= index + 5) {\r\n          const img = card.querySelector(\"img\");\r\n          if (img && img.loading === \"lazy\") img.loading = \"eager\";\r\n        }\r\n      });\r\n      prev.disabled = index === 0;\r\n      next.disabled = index === last;\r\n      if (cta) cta.tabIndex = index === last && MORE_URL.trim() ? 0 : -1;\r\n      if (announce && live) live.textContent = \"Vizu\u00e1l \" + (index + 1) + \" z \" + cards.length;\r\n    }\r\n\r\n    function go(delta) {\r\n      if (locked) return;\r\n      const nextIndex = index + delta;\r\n      if (nextIndex < 0 || nextIndex > last) return;\r\n      index = nextIndex;\r\n      locked = true;\r\n      render(true);\r\n      if (unlockTimer !== null) clearTimeout(unlockTimer);\r\n      unlockTimer = setTimeout(function () { locked = false; unlockTimer = null; },\r\n        prefersReducedMotion.matches ? 0 : TRANSITION_MS);\r\n    }\r\n\r\n    prev.addEventListener(\"click\", function () { go(-1); });\r\n    next.addEventListener(\"click\", function () { go(1); });\r\n    stage.addEventListener(\"keydown\", function (e) {\r\n      if (e.target === cta) return;\r\n      if (e.key === \"ArrowRight\") { e.preventDefault(); go(1); }\r\n      else if (e.key === \"ArrowLeft\") { e.preventDefault(); go(-1); }\r\n    });\r\n\r\n    let swipeStart = null;\r\n    stage.addEventListener(\"touchstart\", function (e) {\r\n      if (e.touches.length !== 1) return;\r\n      swipeStart = { x: e.touches[0].clientX, y: e.touches[0].clientY, t: Date.now() };\r\n    }, { passive: true });\r\n    stage.addEventListener(\"touchend\", function (e) {\r\n      if (!swipeStart || !e.changedTouches.length) return;\r\n      const dx = e.changedTouches[0].clientX - swipeStart.x;\r\n      const dy = e.changedTouches[0].clientY - swipeStart.y;\r\n      const elapsed = Date.now() - swipeStart.t;\r\n      swipeStart = null;\r\n      if (elapsed > 1200 || Math.abs(dx) < 45 || Math.abs(dx) < Math.abs(dy) * 1.25) return;\r\n      go(dx < 0 ? 1 : -1);\r\n    }, { passive: true });\r\n\r\n    render(false);\r\n  }\r\n\r\n  \/* ========== HEADLINE SCROLL ANIMATION: LEFT TO RIGHT ========== *\/\r\n  function initScrollHeading(root) {\r\n    const heading = root.querySelector(\".ags-v4-heading\");\r\n    if (!heading || heading.dataset.agsScrollInitialized === \"true\") return;\r\n    heading.dataset.agsScrollInitialized = \"true\";\r\n\r\n    const mobileQuery = window.matchMedia(\"(max-width: 640px)\");\r\n    let targetProgress = 0;\r\n    let currentProgress = null;\r\n    let frameId = null;\r\n\r\n    function animationDisabled() {\r\n      return prefersReducedMotion.matches || mobileQuery.matches;\r\n    }\r\n\r\n    function updateTransform() {\r\n      if (animationDisabled()) {\r\n        heading.style.transform = \"none\";\r\n        currentProgress = null;\r\n        frameId = null;\r\n        return;\r\n      }\r\n\r\n      if (currentProgress === null) {\r\n        currentProgress = targetProgress;\r\n      } else {\r\n        currentProgress += (targetProgress - currentProgress) * 0.11;\r\n      }\r\n\r\n      if (Math.abs(targetProgress - currentProgress) < 0.0005) {\r\n        currentProgress = targetProgress;\r\n      }\r\n\r\n      const startOffset = window.innerWidth * 1.05;\r\n      const translateX = -(1 - currentProgress) * startOffset;\r\n      heading.style.transform = \"translate3d(\" + translateX.toFixed(2) + \"px, 0, 0)\";\r\n\r\n      if (currentProgress !== targetProgress) {\r\n        frameId = window.requestAnimationFrame(updateTransform);\r\n      } else {\r\n        frameId = null;\r\n      }\r\n    }\r\n\r\n    function onScrollOrResize() {\r\n      if (animationDisabled()) {\r\n        if (frameId !== null) {\r\n          window.cancelAnimationFrame(frameId);\r\n          frameId = null;\r\n        }\r\n        heading.style.transform = \"none\";\r\n        currentProgress = null;\r\n        return;\r\n      }\r\n\r\n      const viewportHeight = window.innerHeight;\r\n      const start = viewportHeight * 1.15;\r\n      const end = viewportHeight * 0.25;\r\n      const headlineTop = heading.getBoundingClientRect().top;\r\n      targetProgress = Math.max(0, Math.min(1,\r\n        (start - headlineTop) \/ (start - end)\r\n      ));\r\n\r\n      if (frameId === null) {\r\n        frameId = window.requestAnimationFrame(updateTransform);\r\n      }\r\n    }\r\n\r\n    window.addEventListener(\"scroll\", onScrollOrResize, { passive: true });\r\n    window.addEventListener(\"resize\", onScrollOrResize, { passive: true });\r\n    if (prefersReducedMotion.addEventListener) {\r\n      prefersReducedMotion.addEventListener(\"change\", onScrollOrResize);\r\n    }\r\n    if (mobileQuery.addEventListener) {\r\n      mobileQuery.addEventListener(\"change\", onScrollOrResize);\r\n    }\r\n    onScrollOrResize();\r\n  }\r\n\r\n  function initAll(scope) {\r\n    (scope || document).querySelectorAll(\".ags-static-v4\").forEach(function (root) {\r\n      init(root);\r\n      initScrollHeading(root);\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", function () { initAll(); });\r\n  else initAll();\r\n\r\n  \/\/ Handles widgets inserted by Elementor editor without duplicate listeners.\r\n  if (window.jQuery) {\r\n    window.jQuery(window).on(\"elementor\/frontend\/init\", function () {\r\n      if (window.elementorFrontend && window.elementorFrontend.hooks) {\r\n        window.elementorFrontend.hooks.addAction(\"frontend\/element_ready\/html.default\", function ($scope) {\r\n          const node = $scope && $scope[0];\r\n          if (node) initAll(node);\r\n        });\r\n      }\r\n      initAll();\r\n    });\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6556bd elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"b6556bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e472ee3 elementor-widget elementor-widget-spacer\" data-id=\"e472ee3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1780bb elementor-widget elementor-widget-html\" data-id=\"c1780bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== O N\u00c1S \u2014 DESKTOP PARALLAX + MOBILE 2\u00d7 INFINITE (logo overlay highlight) ===== -->\r\n<section id=\"aboutVert\" class=\"vsec\" aria-labelledby=\"vHead\">\r\n  <style>\r\n    :root{\r\n      --ink:#EDEDED; --ink-soft:#CFCFCF; --edge:rgba(255,255,255,.16);\r\n      --accent:#787FF6; --label-h:38%; --bg:#0B0B0B;\r\n      --gap:14px;\r\n      --mobH: clamp(420px, 60dvh, 620px);\r\n      --dur: 26s;\r\n      --fadeH: clamp(64px, 20%, 140px);\r\n    }\r\n\r\n    .vsec{ position:relative; background:var(--bg); isolation:isolate; overflow:visible; }\r\n    .vwrap{ width:80vw; max-width:1400px; margin:0 auto; padding:6rem 0; }\r\n\r\n    .vgrid{ display:grid; grid-template-columns:1.02fr .98fr; gap:48px; align-items:center; }\r\n    @media (max-width:980px){ .vgrid{ grid-template-columns:1fr; gap:28px; } }\r\n\r\n    \/* LEFT *\/\r\n    .v-logo{ margin-bottom:16px; }\r\n    .v-logo img{ width:min(300px,44vw); height:auto; display:block; }\r\n\r\n    #vHead{\r\n      font-family:'Unbounded',sans-serif; font-weight:400;\r\n      margin:10px 0 clamp(18px, 2.2vw, 28px);\r\n      font-size: clamp(22px, 2.4vw, 30px); line-height:1.18; letter-spacing:.01em;\r\n      background: radial-gradient(circle at center, #FFFFFF 30%, #696969 100%);\r\n      -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n    }\r\n\r\n    .v-sub{\r\n      font:400 clamp(14px, 1.4vw, 16px)\/1.6 'Inter',system-ui,sans-serif;\r\n      color:var(--ink-soft); max-width:740px;\r\n      margin-bottom: clamp(28px, 3vw, 44px);\r\n    }\r\n\r\n    \/* LEFT entrance *\/\r\n    .v-left > *{ opacity:0; filter:blur(6px); transform:translateX(-40px); }\r\n    #aboutVert.in-view .v-left > *{ animation:textReveal 1s ease-out forwards; }\r\n    #aboutVert.in-view .v-left > *:nth-child(1){ animation-delay:.2s; }\r\n    #aboutVert.in-view .v-left > *:nth-child(2){ animation-delay:.4s; }\r\n    #aboutVert.in-view .v-left > *:nth-child(3){ animation-delay:.6s; }\r\n    #aboutVert.in-view .v-left > *:nth-child(4){ animation-delay:.8s; }\r\n    #aboutVert.in-view .v-left > *:nth-child(5){ animation-delay:1.0s; }\r\n    #aboutVert.in-view .v-left > *:nth-child(6){ animation-delay:1.2s; }\r\n    @keyframes textReveal{\r\n      0%{opacity:0;filter:blur(6px);transform:translateX(-40px)}\r\n      100%{opacity:1;filter:none;transform:none}\r\n    }\r\n\r\n    \/* CTA *\/\r\n    .img-cta{ margin-top: clamp(12px, 1.8vw, 24px); }\r\n    .imgbtn{\r\n      display:inline-block; position:relative; line-height:0; user-select:none; cursor:pointer;\r\n      filter: drop-shadow(0 6px 24px rgba(0,0,0,.4));\r\n      opacity:0; transform: translateY(22px) scale(.94);\r\n      transition: filter .22s ease;\r\n    }\r\n    #aboutVert.in-view .imgbtn{\r\n      animation: buttonJump .95s cubic-bezier(.22,1,.36,1) forwards,\r\n                 floatWiggle 6s ease-in-out infinite;\r\n      animation-delay: 1.05s, 2.1s;\r\n    }\r\n    .imgbtn img{ width: clamp(180px, 26vw, 280px); height:auto; display:block; }\r\n    @media (max-width:780px){\r\n      .imgbtn img{ width: clamp(240px, 72vw, 340px); }\r\n      .img-cta{ margin-bottom: clamp(24px, 6vh, 56px); }\r\n    }\r\n    @keyframes buttonJump{\r\n      0%{opacity:0;transform:translateY(22px) scale(.94)}\r\n      55%{opacity:1;transform:translateY(-6px) scale(1.02)}\r\n      100%{opacity:1;transform:translateY(0) scale(1)}\r\n    }\r\n    @keyframes floatWiggle{\r\n      0%{transform:translate3d(0,0,0) rotate(0)}\r\n      23%{transform:translate3d(1px,-3px,0) rotate(-.25deg)}\r\n      47%{transform:translate3d(-2px,1px,0) rotate(.2deg)}\r\n      71%{transform:translate3d(2px,-2px,0) rotate(.15deg)}\r\n      100%{transform:translate3d(0,0,0) rotate(0)}\r\n    }\r\n\r\n    \/* RIGHT \u2014 DESKTOP *\/\r\n    .v-right{\r\n      position:relative;\r\n      min-height:680px;\r\n      height:clamp(680px, 78vh, 760px);\r\n    }\r\n    @media (max-width:560px){\r\n      .v-right{ height:auto; --label-h:42%; }\r\n    }\r\n\r\n    .columns{\r\n      position:relative; height:100%;\r\n      display:grid; grid-template-columns: repeat(3,1fr);\r\n      gap:18px; padding-right:24px;\r\n      overflow:visible;\r\n    }\r\n    .col{ position:relative; height:100%; overflow:visible; will-change:transform; }\r\n    .stack{\r\n      position:absolute; left:0; right:0;\r\n      display:flex; flex-direction:column;\r\n      gap:12px;\r\n      will-change:transform;\r\n    }\r\n\r\n    \/* jemn\u00e9 \u201eschod\u00edky\u201c st\u013apcov *\/\r\n    .c1 .stack{ top:-8px; }\r\n    .c2 .stack{ top:16px; }\r\n    .c3 .stack{ top:36px; }\r\n\r\n    .tile{\r\n      position:relative; border-radius:0; overflow:hidden;\r\n      box-shadow:0 16px 42px rgba(0,0,0,.34);\r\n      transform:translateZ(0);\r\n      outline:0;\r\n      background:#000;\r\n    }\r\n    .tile.sm{ height:132px; }\r\n    .tile.md{ height:188px; }\r\n    .tile.lg{ height:228px; }\r\n\r\n    \/* \u013eav\u00fd st\u013apec jemne menej v\u00fdrazn\u00fd *\/\r\n    .c1 .tile{ opacity:.9; }\r\n\r\n    .tile img{\r\n      width:100%; height:100%; object-fit:cover; display:block;\r\n      transform:translateY(0) scale(1.0);\r\n      filter:none;\r\n      transition:\r\n        filter .5s cubic-bezier(.26,.8,.32,1),\r\n        transform .5s cubic-bezier(.26,.8,.32,1),\r\n        box-shadow .5s cubic-bezier(.26,.8,.32,1);\r\n      animation:idle 7s ease-in-out infinite;\r\n    }\r\n    @keyframes idle{\r\n      0%,100%{transform:translateY(0) scale(1.0)}\r\n      50%{transform:translateY(-2px) scale(1.01)}\r\n    }\r\n\r\n    .is-scrolling .tile img{ animation-play-state:paused; }\r\n\r\n    \/* SEBA \u2013 orez trocha vy\u0161\u0161ie *\/\r\n    .tile--seba img,\r\n    #aboutVert .mcard--seba img{\r\n      object-position:50% 22%;\r\n    }\r\n\r\n    \/* DARK OVERLAY \u2013 jemnej\u0161ie stmavenie, cez cel\u00fa fotku (bez svetl\u00fdch p\u00e1sov) *\/\r\n    .tile::before,\r\n    .mcard::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:-2px; \/* presah cez okraj, aby nezostal p\u00e1s *\/\r\n      background:rgba(0,0,0,.55);\r\n      opacity:0;\r\n      transition:opacity .5s cubic-bezier(.26,.8,.32,1);\r\n      pointer-events:none;\r\n      z-index:1;\r\n    }\r\n\r\n    \/* LOGO OVERLAY \u2013 biele log\u00e1, plynul\u00fd n\u00e1beh\/odchod *\/\r\n    .tile .logo-overlay,\r\n    .mcard .logo-overlay{\r\n      position:absolute;\r\n      inset:0;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      opacity:0;\r\n      transform:scale(.94);\r\n      transition:\r\n        opacity .5s cubic-bezier(.26,.8,.32,1),\r\n        transform .5s cubic-bezier(.26,.8,.32,1);\r\n      pointer-events:none;\r\n      mix-blend-mode:normal;\r\n      z-index:2;\r\n    }\r\n    .logo-overlay img{\r\n      max-width:60%;\r\n      max-height:52%;\r\n      width:auto;\r\n      height:auto;\r\n      object-fit:contain;\r\n      \/* \u010dist\u00e1 biela, pln\u00e1 \u201cs\u00fdtos\u0165\u201d *\/\r\n      filter:brightness(0) invert(1) contrast(1.35);\r\n    }\r\n\r\n    \/* AUTO-HIGHLIGHT & HOVER STAV (desktop) \u2013 jemn\u00e9 stmavenie *\/\r\n    .tile.auto-pop img,\r\n    .tile:hover img,\r\n    .tile:focus-visible img{\r\n      filter:grayscale(.45) brightness(.8) contrast(1.08);\r\n      transform:translateY(0) scale(1.02);\r\n      box-shadow:0 24px 56px rgba(0,0,0,.55);\r\n    }\r\n    .tile.auto-pop::before,\r\n    .tile:hover::before,\r\n    .tile:focus-visible::before{\r\n      opacity:1;\r\n    }\r\n    .tile.auto-pop .logo-overlay,\r\n    .tile:hover .logo-overlay,\r\n    .tile:focus-visible .logo-overlay{\r\n      opacity:1;\r\n      transform:scale(1);\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .v-left > *{ opacity:1 !important; filter:none !important; transform:none !important; animation:none !important; }\r\n      .tile img{ animation:none; }\r\n    }\r\n\r\n    \/* ===== MOBILE: 2\u00d7 INFINITE (pure CSS) ===== *\/\r\n    .m-infinite{ display:none; }\r\n    @media (max-width:780px){\r\n      #aboutVert .columns{ display:none !important; }\r\n\r\n      .vwrap{ width:86vw; }\r\n      #aboutVert .v-logo img{ width:min(380px,64vw); }\r\n\r\n      #aboutVert{\r\n        --gap:12px;\r\n        --mobH: clamp(480px, 64svh, 720px);\r\n        --fadeH: clamp(90px, 24svh, 160px);\r\n      }\r\n\r\n      #aboutVert .m-infinite{\r\n        position:relative;\r\n        display:grid;\r\n        grid-template-columns:1fr 1fr;\r\n        width:100vw;\r\n        margin-left:calc(50% - 50vw);\r\n        margin-right:calc(50% - 50vw);\r\n        box-sizing:border-box;\r\n        padding: var(--gap) !important;\r\n        gap: var(--gap) !important;\r\n        height:var(--mobH);\r\n        overflow:hidden;\r\n        background:var(--bg);\r\n        --dur: 34s;\r\n        contain: paint;\r\n      }\r\n\r\n      #aboutVert .m-infinite::after{\r\n        content:\"\"; position:absolute; inset:0; z-index:3; pointer-events:none;\r\n        background:\r\n          linear-gradient(to top,    rgba(11,11,11,1) 0%, rgba(11,11,11,.85) 12%, rgba(11,11,11,0) 58%) bottom\/100% var(--fadeH) no-repeat,\r\n          linear-gradient(to bottom, rgba(11,11,11,1) 0%, rgba(11,11,11,.85) 12%, rgba(11,11,11,0) 58%) top\/100% var(--fadeH) no-repeat,\r\n          linear-gradient(to right,  rgba(11,11,11,1) 0%, rgba(11,11,11,.8) 40%, rgba(11,11,11,0) 100%) left\/var(--gap) 100% no-repeat,\r\n          linear-gradient(to left,   rgba(11,11,11,1) 0%, rgba(11,11,11,.8) 40%, rgba(11,11,11,0) 100%) right\/var(--gap) 100% no-repeat;\r\n      }\r\n\r\n      #aboutVert .m-track{ position:relative; height:100%; overflow:hidden; }\r\n      #aboutVert .m-loop{\r\n        position:absolute; top:0; left:0; right:0;\r\n        display:flex; flex-direction:column;\r\n        gap: var(--gap) !important;\r\n        will-change:transform;\r\n        transform: translateZ(0);\r\n        animation:mscroll var(--dur) linear infinite;\r\n      }\r\n      @supports not (gap: 1rem){\r\n        #aboutVert .m-loop .mcard + .mcard{ margin-top: var(--gap) !important; }\r\n      }\r\n\r\n      #aboutVert .m-track:nth-child(2) .m-loop{ animation-direction: reverse; }\r\n\r\n      @keyframes mscroll{ from{transform:translateY(0)} to{transform:translateY(-50%)} }\r\n\r\n      #aboutVert .mcard{\r\n        position:relative; border-radius:0; overflow:hidden;\r\n        box-shadow:0 12px 28px rgba(0,0,0,.28); background:#000;\r\n      }\r\n      #aboutVert .mcard.sm{ height:128px; }\r\n      #aboutVert .mcard.md{ height:184px; }\r\n      #aboutVert .mcard.lg{ height:244px; }\r\n\r\n      #aboutVert .mcard img{\r\n        width:100%; height:100%; object-fit:cover; display:block;\r\n        filter:none;\r\n        transition:transform .28s ease, filter .28s ease;\r\n      }\r\n\r\n      \/* \ud83d\udd27 MOBILE FIX \u2013 log\u00e1 nebud\u00fa orezan\u00e9 *\/\r\n      #aboutVert .mcard .logo-overlay{\r\n        padding:8%;\r\n        align-items:center;\r\n        justify-content:center;\r\n      }\r\n      #aboutVert .mcard .logo-overlay img{\r\n        max-width:80%;\r\n        max-height:60%;\r\n        width:auto;\r\n        height:auto;\r\n        object-fit:contain;\r\n      }\r\n\r\n      \/* center highlight = jemn\u00e9 stmavenie + logo *\/\r\n      #aboutVert .mcard.is-center img{\r\n        filter:grayscale(.45) brightness(.8) contrast(1.08);\r\n        transform:scale(1.03);\r\n      }\r\n      #aboutVert .mcard.is-center::before{\r\n        opacity:1;\r\n      }\r\n      #aboutVert .mcard.is-center .logo-overlay{\r\n        opacity:1;\r\n        transform:scale(1);\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"vwrap\">\r\n    <div class=\"vgrid\">\r\n      <!-- LEFT -->\r\n      <div class=\"v-left\">\r\n        <div class=\"v-logo\">\r\n          <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-2832.png\" alt=\"#1 Social Performance Studio \u2013 Logo Agilera\">\r\n        <\/div>\r\n\r\n        <h2 id=\"vHead\">\r\n          OBSAH, KTER\u00dd PROD\u00c1V\u00c1.<br>\r\n          KAMPAN\u011a, KTER\u00c9 VYD\u011aL\u00c1VAJ\u00cd.\r\n        <\/h2>\r\n\r\n        <p class=\"v-sub\">\r\n          Ned\u011bl\u00e1me v\u0161echno \u2013 jdeme hluboko do toho, co poh\u00e1n\u00ed prodej: kreativn\u00ed obsah a kampan\u011b na v\u00fdkon. Jsme t\u00fdm odborn\u00edk\u016f, kte\u0159\u00ed p\u0159eb\u00edraj\u00ed odpov\u011bdnost za v\u00e1\u0161 r\u016fst \u2013 za cenu jednoho zam\u011bstnance. Fungujeme tam, kde je to nej\u00fa\u010dinn\u011bj\u0161\u00ed: Meta (Facebook, Instagram), Tiktok, Pinterest, Spotify.\r\n        <\/p>\r\n\r\n        <!-- CTA -->\r\n        <div class=\"img-cta\">\r\n          <a href=\"#kontakt\" class=\"imgbtn\" aria-label=\"Kontakt\" role=\"button\">\r\n            <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-305.png\" alt=\"Kontakt\">\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT \u2014 DESKTOP: usporiadanie pod\u013ea zadania + fixy -->\r\n      <div class=\"v-right\" id=\"vRight\">\r\n        <div class=\"columns\">\r\n          <!-- 1. st\u013apec: Decathlon \/ MaxiDental \/ Lepope -->\r\n          <div class=\"col c1\" data-speed=\"0.55\" data-dir=\"-1\">\r\n            <div class=\"stack\">\r\n              <!-- 1. riadok \u2013 Decathlon (brand order 1) -->\r\n              <figure class=\"tile lg\" tabindex=\"0\" data-brand-order=\"1\">\r\n                <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/IMG_0822-3.png\" alt=\"V\u00fdroba \u2014 desetiboj\" loading=\"lazy\" decoding=\"async\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Decathlon-Logo-500x281-1.png\" alt=\"Decathlon Logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <!-- 2. riadok \u2013 MaxiDental (brand order 4) -->\r\n              <figure class=\"tile md\" tabindex=\"0\" data-brand-order=\"4\">\r\n                <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC07650-1.png\" alt=\"Kampan\u011b \u2014 MaxIdental\" loading=\"lazy\" decoding=\"async\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/maxidental_logo-1.png\" alt=\"Maxident\u00e1ln\u00ed logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <!-- 3. riadok \u2013 Lepope (spr\u00e1vna fotka + nov\u00e9 logo) -->\r\n              <figure class=\"tile md\" tabindex=\"0\">\r\n                <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/20251107_104456-1.png\" alt=\"Kampan\u011b \u2014 Lepope\" loading=\"lazy\" decoding=\"async\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/464690315_9199119560098028_4430350588989321837_n-1-1.png\" alt=\"Logo Leope\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 2. st\u013apec: Merida \/ Umyem \/ Garmin -->\r\n          <div class=\"col c2\" data-speed=\"0.35\" data-dir=\"1\">\r\n            <div class=\"stack\">\r\n              <!-- 1. riadok \u2013 Merida (brand order 3) -->\r\n              <figure class=\"tile lg\" tabindex=\"0\" data-brand-order=\"3\">\r\n                <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC04625-1920x1280-1.png\" alt=\"Kampan\u011b \u2014 Merida Bikes\" loading=\"lazy\" decoding=\"async\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/toppng.com-merida-bikes-logo-1077x403-1.png\" alt=\"Logo Merida Bikes\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <!-- 2. riadok \u2013 Umyem (brand order 5) -->\r\n              <figure class=\"tile lg\" tabindex=\"0\" data-brand-order=\"5\">\r\n                <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC09451-1.png\" alt=\"Kampan\u011b \u2014 myji\" loading=\"lazy\" decoding=\"async\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/10\/logo_umyem-1.png\" alt=\"Vyperu logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <!-- 3. riadok \u2013 Garmin (brand order 2) -->\r\n              <figure class=\"tile md\" tabindex=\"0\" data-brand-order=\"2\">\r\n                <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC04061-1.png\" alt=\"V\u00fdroba \u2014 Garmin\" loading=\"lazy\" decoding=\"async\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/Garmin-logo.png\" alt=\"logo Garmin\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 3. st\u013apec: EcoHit \/ SEBA \/ JINAG -->\r\n          <div class=\"col c3\" data-speed=\"0.22\" data-dir=\"-1\">\r\n            <div class=\"stack\">\r\n              <!-- 1. riadok \u2013 EcoHit -->\r\n              <figure class=\"tile md\" tabindex=\"0\">\r\n                <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/IMG_4303_Original-1.png\" alt=\"Kampan\u011b \u2014 Echit.sk\" loading=\"lazy\" decoding=\"async\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/ecohit_logo-300x300-1.png\" alt=\"Logo Echit\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <!-- 2. riadok \u2013 SEBA Academy (s upraven\u00fdm orezom hore) -->\r\n              <figure class=\"tile md tile--seba\" tabindex=\"0\">\r\n                <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/SEBA-Academy-1.png\" alt=\"Production \u2014 Self Academy\" loading=\"lazy\" decoding=\"async\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-275.png\" alt=\"Logo Self Academy\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <!-- 3. riadok \u2013 JINAG -->\r\n              <figure class=\"tile sm\" tabindex=\"0\">\r\n                <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC09662-1.png\" alt=\"Kampan\u011b \u2014 Jinag\" loading=\"lazy\" decoding=\"async\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/JINAG-3.png\" alt=\"Logo jinagu\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- MOBILE: 2\u00d7 infinite vertical carousel -->\r\n        <div class=\"m-infinite\" id=\"mInfinite\" aria-hidden=\"true\">\r\n          <!-- Track A -->\r\n          <div class=\"m-track\">\r\n            <div class=\"m-loop\">\r\n              <!-- top zna\u010dky -->\r\n              <figure class=\"mcard md\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/IMG_0822-3.png\" alt=\"V\u00fdroba \u2014 desetiboj\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Decathlon-Logo-500x281-1.png\" alt=\"Decathlon Logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard lg\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC04061-1.png\" alt=\"V\u00fdroba \u2014 Garmin\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/Garmin-logo.png\" alt=\"logo Garmin\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard sm\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC04625-1920x1280-1.png\" alt=\"Kampan\u011b \u2014 Merida Bikes\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/toppng.com-merida-bikes-logo-1077x403-1.png\" alt=\"Logo Merida Bikes\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard md\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC07650-1.png\" alt=\"Kampan\u011b \u2014 MaxIdental\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/maxidental_logo-1.png\" alt=\"Maxident\u00e1ln\u00ed logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard lg\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC09451-1.png\" alt=\"Kampan\u011b \u2014 myji\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/10\/logo_umyem-1.png\" alt=\"Vyperu logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <!-- Lepope, EcoHit, SEBA, CrossFit -->\r\n              <figure class=\"mcard sm\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/20251107_104456-1.png\" alt=\"Kampan\u011b \u2014 Lepope\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/464690315_9199119560098028_4430350588989321837_n-1-1.png\" alt=\"Logo Leope\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard sm\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/IMG_4303_Original-1.png\" alt=\"Kampan\u011b \u2014 Echit.sk\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/ecohit_logo-300x300-1.png\" alt=\"Logo Echit\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard md mcard--seba\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/SEBA-Academy-1.png\" alt=\"Production \u2014 Self Academy\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-275.png\" alt=\"Logo Self Academy\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard lg\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/20251107_104456-1.png\" alt=\"Kampan\u011b \u2014 CrossFit \/ Sport\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/464690315_9199119560098028_4430350588989321837_n-1-1.png\" alt=\"CrossFit \/ Sportovn\u00ed logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n\r\n              <!-- DUP A \u2013 zopakovan\u00e9 top zna\u010dky pre plynul\u00fa slu\u010dku -->\r\n              <figure class=\"mcard md\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/IMG_0822-3.png\" alt=\"V\u00fdroba \u2014 desetiboj\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Decathlon-Logo-500x281-1.png\" alt=\"Decathlon Logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard lg\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC04061-1.png\" alt=\"V\u00fdroba \u2014 Garmin\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/Garmin-logo.png\" alt=\"logo Garmin\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Track B -->\r\n          <div class=\"m-track\">\r\n            <div class=\"m-loop\">\r\n              <!-- top zna\u010dky v inom porad\u00ed -->\r\n              <figure class=\"mcard lg\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC04625-1920x1280-1.png\" alt=\"Kampan\u011b \u2014 Merida Bikes\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/toppng.com-merida-bikes-logo-1077x403-1.png\" alt=\"Logo Merida Bikes\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard sm\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC07650-1.png\" alt=\"Kampan\u011b \u2014 MaxIdental\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/maxidental_logo-1.png\" alt=\"Maxident\u00e1ln\u00ed logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard md\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC09451-1.png\" alt=\"Kampan\u011b \u2014 myji\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/10\/logo_umyem-1.png\" alt=\"Vyperu logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard sm\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/IMG_0822-3.png\" alt=\"V\u00fdroba \u2014 desetiboj\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Decathlon-Logo-500x281-1.png\" alt=\"Decathlon Logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard md\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC04061-1.png\" alt=\"V\u00fdroba \u2014 Garmin\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/Garmin-logo.png\" alt=\"logo Garmin\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n\r\n              <!-- sekund\u00e1rne + Lepope, EcoHit, SEBA, CrossFit, JINAG -->\r\n              <figure class=\"mcard lg\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/20251107_104456-1.png\" alt=\"Kampan\u011b \u2014 Lepope\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/464690315_9199119560098028_4430350588989321837_n-1-1.png\" alt=\"Logo Leope\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard lg\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/IMG_4303_Original-1.png\" alt=\"Kampan\u011b \u2014 Echit.sk\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/ecohit_logo-300x300-1.png\" alt=\"Logo Echit\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard sm mcard--seba\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/SEBA-Academy-1.png\" alt=\"Production \u2014 Self Academy\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-275.png\" alt=\"Logo Self Academy\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard md\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/20251107_104456-1.png\" alt=\"Kampan\u011b \u2014 CrossFit \/ Sport\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/464690315_9199119560098028_4430350588989321837_n-1-1.png\" alt=\"CrossFit \/ Sportovn\u00ed logo\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n              <figure class=\"mcard sm\">\r\n                <img decoding=\"async\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/DSC09662-1.png\" alt=\"Kampan\u011b \u2014 Jinag\">\r\n                <div class=\"logo-overlay\">\r\n                  <img src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/JINAG-3.png\" alt=\"Logo jinagu\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n              <\/figure>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- \/MOBILE carousel -->\r\n      <\/div>\r\n      <!-- \/RIGHT -->\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- GSAP (desktop parallax) -->\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n  \/* Desktop \u2013 parallax + in-view *\/\r\n  let t, root = document.getElementById('aboutVert');\r\n  let isHoveringGallery = false; \/\/ <<< stav kurzora nad gal\u00e9riou\r\n\r\n  const inViewNow = () => {\r\n    if(!root) return false;\r\n    const r = root.getBoundingClientRect();\r\n    return r.bottom > 0 && r.top < (innerHeight || document.documentElement.clientHeight);\r\n  };\r\n  window.addEventListener('scroll', ()=>{\r\n    if(!root || !inViewNow()) return;\r\n    root.classList.add('is-scrolling');\r\n    clearTimeout(t);\r\n    t=setTimeout(()=>root&&root.classList.remove('is-scrolling'),220);\r\n  }, {passive:true});\r\n\r\n  (function(){\r\n    const sec=document.getElementById('aboutVert');\r\n    if(!sec || !('IntersectionObserver' in window)) return;\r\n    const io=new IntersectionObserver(([e])=>{\r\n      if(e.isIntersecting){\r\n        sec.classList.add('in-view');\r\n        io.unobserve(sec);\r\n      }\r\n    }, { rootMargin:'-12% 0px -24% 0px', threshold:0.1 });\r\n    io.observe(sec);\r\n  })();\r\n\r\n  function init(){\r\n    if(!window.gsap || !window.ScrollTrigger){\r\n      requestAnimationFrame(init); return;\r\n    }\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    gsap.set('#aboutVert .col .stack',{yPercent:0});\r\n\r\n    const INTENSITY=60, mm=gsap.matchMedia();\r\n    mm.add(\"(max-width: 780px), (prefers-reduced-motion: reduce)\", ()=>{\r\n      ScrollTrigger.getAll().forEach(t=>t.kill());\r\n      gsap.set('#aboutVert .stack',{yPercent:0,scale:1});\r\n    });\r\n    mm.add(\"(min-width: 781px) and (prefers-reduced-motion: no-preference)\", ()=> {\r\n      document.querySelectorAll('#aboutVert .col').forEach(col=>{\r\n        const dir=parseFloat(col.getAttribute('data-dir')||'1');\r\n        const speed=parseFloat(col.getAttribute('data-speed')||'0.3');\r\n        const travel=dir*speed*INTENSITY;\r\n        const stack=col.querySelector('.stack');\r\n        gsap.fromTo(stack,\r\n          {yPercent:-travel\/2},\r\n          {yPercent:travel\/2,ease:'none',\r\n           scrollTrigger:{trigger:'#aboutVert',start:'top 80%',end:'bottom top',scrub:1}});\r\n        const depthScale=1+(Math.abs(travel)\/1000);\r\n        gsap.fromTo(stack,\r\n          {scale:1\/depthScale},\r\n          {scale:depthScale,ease:'none',\r\n           scrollTrigger:{trigger:'#aboutVert',start:'top 80%',end:'bottom top',scrub:1}});\r\n      });\r\n      gsap.from('#aboutVert .columns',{\r\n        opacity:0,y:20,duration:.6,ease:'power2.out',\r\n        scrollTrigger:{trigger:'#aboutVert .columns',start:'top 82%',once:true}\r\n      });\r\n      gsap.from('#aboutVert .tile',{\r\n        opacity:0,y:14,scale:0.985,duration:.6,ease:'power2.out',\r\n        stagger:{each:.06,from:'center'},\r\n        scrollTrigger:{trigger:'#aboutVert .columns',start:'top 80%',once:true}\r\n      });\r\n    });\r\n  }\r\n  init();\r\n\r\n  \/* desktop auto-highlight \u2013 pevn\u00e9 poradie, plynul\u00e9 pres\u00favanie auto-pop *\/\r\n  (function autoHighlightDesktop(){\r\n    const allTiles=[...document.querySelectorAll('#aboutVert .columns .tile')];\r\n    if(!allTiles.length) return;\r\n\r\n    const priorityTiles = allTiles\r\n      .filter(t => t.dataset.brandOrder)\r\n      .sort((a,b)=> (parseInt(a.dataset.brandOrder,10)||0) - (parseInt(b.dataset.brandOrder,10)||0));\r\n\r\n    const secondaryTiles = allTiles.filter(t => !t.dataset.brandOrder);\r\n\r\n    const cycleOrder = [...priorityTiles, ...secondaryTiles];\r\n\r\n    let index = 0;\r\n    let last = null;\r\n\r\n    function cycle(){\r\n      if (window.matchMedia('(max-width: 780px)').matches) return;\r\n\r\n      \/\/ ak je kurzor nad gal\u00e9riou, auto-pop pauzujeme\r\n      if (isHoveringGallery) {\r\n        setTimeout(cycle,2600);\r\n        return;\r\n      }\r\n\r\n      const el = cycleOrder[index];\r\n      index = (index + 1) % cycleOrder.length;\r\n\r\n      if(last && last !== el){\r\n        last.classList.remove('auto-pop');\r\n      }\r\n      if(el){\r\n        el.classList.add('auto-pop');\r\n        last = el;\r\n      }\r\n\r\n      setTimeout(cycle,2600);\r\n    }\r\n    setTimeout(cycle,1400);\r\n  })();\r\n\r\n  \/* DESKTOP: my\u0161 nad gal\u00e9riou = pauza auto-highlightu + iba logo pod kurzorom *\/\r\n  const columns = document.querySelector('#aboutVert .columns');\r\n  if (columns) {\r\n    columns.addEventListener('mouseenter', () => {\r\n      isHoveringGallery = true;\r\n      if (root) root.classList.add('user-hover-gallery');\r\n      \/\/ odstr\u00e1\u0148 v\u0161etky aktu\u00e1lne auto-pop, nech zostane iba :hover\r\n      document.querySelectorAll('#aboutVert .tile.auto-pop').forEach(t => t.classList.remove('auto-pop'));\r\n    });\r\n    columns.addEventListener('mouseleave', () => {\r\n      isHoveringGallery = false;\r\n      if (root) root.classList.remove('user-hover-gallery');\r\n    });\r\n  }\r\n\r\n  \/* MOBILE: center highlight (plynule po\u010das anim\u00e1cie) \u2013 obsluhuje .is-center *\/\r\n  (function mobileCenterHighlight(){\r\n    const mql=window.matchMedia('(max-width: 780px)');\r\n    const container=document.getElementById('mInfinite'); if(!container) return;\r\n    let running=false, rafId=null;\r\n    const tracks=[...container.querySelectorAll('.m-track')].map(t=>({\r\n      el:t,\r\n      cards:[...t.querySelectorAll('.mcard')],\r\n      current:null\r\n    }));\r\n    function pickCenter(){\r\n      const rect=container.getBoundingClientRect(), cy=rect.top+rect.height\/2;\r\n      tracks.forEach(track=>{\r\n        let best=null, bestDist=1e9;\r\n        track.cards.forEach(card=>{\r\n          const r=card.getBoundingClientRect();\r\n          const mid=(r.top+r.bottom)\/2;\r\n          const d=Math.abs(mid-cy);\r\n          if(d<bestDist){best=card; bestDist=d;}\r\n        });\r\n        if(best && best!==track.current){\r\n          if(track.current) track.current.classList.remove('is-center');\r\n          best.classList.add('is-center');\r\n          track.current=best;\r\n        }\r\n      });\r\n    }\r\n    function loop(){\r\n      if(!running) return;\r\n      pickCenter();\r\n      rafId=requestAnimationFrame(loop);\r\n    }\r\n    let onScreen=true;\r\n    if('IntersectionObserver' in window){\r\n      const io=new IntersectionObserver(([e])=>{\r\n        onScreen=e.isIntersecting; toggle();\r\n      });\r\n      io.observe(container);\r\n    }\r\n    function toggle(){\r\n      const shouldRun=mql.matches && onScreen;\r\n      if(shouldRun && !running){\r\n        running=true; loop();\r\n      } else if(!shouldRun && running){\r\n        running=false;\r\n        cancelAnimationFrame(rafId);\r\n        rafId=null;\r\n        tracks.forEach(t=>t.current&&t.current.classList.remove('is-center'));\r\n      }\r\n    }\r\n    toggle();\r\n    if(mql.addEventListener) mql.addEventListener('change',toggle);\r\n    else if(mql.addListener) mql.addListener(toggle);\r\n    window.addEventListener('resize',()=>running&&pickCenter(),{passive:true});\r\n    document.addEventListener('visibilitychange',()=>{ if(running && !document.hidden) pickCenter(); });\r\n  })();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60a6ff4 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"60a6ff4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8aa82f5 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"8aa82f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =====================================================\r\n   AGILERA \u2013 REFERENCIE CAROUSEL\r\n===================================================== *\/\r\n\r\n.agref-carousel {\r\n    position: relative !important;\r\n    display: block !important;\r\n\r\n    width: min(100%, 1200px) !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 auto !important;\r\n    padding: 0 !important;\r\n\r\n    overflow: visible !important;\r\n    isolation: isolate;\r\n\r\n    font-family: inherit;\r\n    line-height: normal;\r\n\r\n    --agref-text: #696969;\r\n    --agref-highlight: #d9d9d9;\r\n    --agref-white: #ffffff;\r\n    --agref-black: #000000;\r\n}\r\n\r\n\/* =====================================================\r\n   JAVISKO CAROUSELU\r\n===================================================== *\/\r\n\r\n.agref-stage {\r\n    position: relative;\r\n    display: grid;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    touch-action: pan-y;\r\n}\r\n\r\n\/*\r\n * V\u0161etky slidy s\u00fa ulo\u017een\u00e9 na rovnakej poz\u00edcii.\r\n * V\u00fd\u0161ku javiska ur\u010duje najvy\u0161\u0161\u00ed slide, tak\u017ee pri\r\n * prep\u00ednan\u00ed nedoch\u00e1dza k poskakovaniu celej sekcie.\r\n *\/\r\n.agref-slide {\r\n    position: relative;\r\n    grid-area: 1 \/ 1;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n\r\n    width: 100%;\r\n    min-height: 470px;\r\n\r\n    padding:\r\n        68px\r\n        clamp(80px, 10vw, 145px)\r\n        52px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    text-align: center;\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n\r\n    transform:\r\n        translate3d(0, 12px, 0)\r\n        scale(0.992);\r\n\r\n    transition:\r\n        opacity 520ms ease,\r\n        transform 620ms cubic-bezier(.22, .8, .22, 1),\r\n        visibility 0s linear 620ms;\r\n\r\n    will-change: opacity, transform;\r\n}\r\n\r\n\/* Akt\u00edvna referencia *\/\r\n.agref-slide.is-active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n\r\n    transform:\r\n        translate3d(0, 0, 0)\r\n        scale(1);\r\n\r\n    transition-delay: 0s;\r\n}\r\n\r\n\/* =====================================================\r\n   \u00daVODZOVKY\r\n===================================================== *\/\r\n\r\n.agref-quote {\r\n    position: absolute;\r\n    top: 22px;\r\n    left: clamp(30px, 10vw, 140px);\r\n\r\n    z-index: 10;\r\n\r\n    display: block;\r\n\r\n    width: clamp(55px, 5.5vw, 78px);\r\n    height: auto;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border: 0;\r\n    outline: 0;\r\n\r\n    object-fit: contain;\r\n\r\n    opacity: 0.78;\r\n\r\n    user-select: none;\r\n    pointer-events: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n}\r\n\r\n\/* =====================================================\r\n   LOG\u00c1\r\n===================================================== *\/\r\n\r\n.agref-logo-wrap {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n    height: 78px;\r\n\r\n    margin: 0 0 26px;\r\n}\r\n\r\n.agref-logo {\r\n    display: block;\r\n\r\n    width: var(--agref-logo-width, 150px);\r\n    max-width: 100%;\r\n    max-height: 72px;\r\n    height: auto;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border: 0;\r\n    outline: 0;\r\n\r\n    object-fit: contain;\r\n\r\n    \/*\r\n     * Zjednot\u00ed log\u00e1 do bielej farby pod\u013ea predlohy.\r\n     *\/\r\n    filter:\r\n        grayscale(1)\r\n        brightness(0)\r\n        invert(1);\r\n\r\n    user-select: none;\r\n    pointer-events: none;\r\n\r\n    -webkit-user-select: none;\r\n    -webkit-user-drag: none;\r\n}\r\n\r\n\/* =====================================================\r\n   TEXT REFERENCIE\r\n===================================================== *\/\r\n\r\n.agref-text {\r\n    width: 100%;\r\n    max-width: 870px;\r\n\r\n    margin: 0 auto;\r\n\r\n    color: var(--agref-text);\r\n\r\n    font-size: clamp(17px, 1.28vw, 22px);\r\n    font-weight: 300;\r\n    line-height: 1.27;\r\n\r\n    text-align: center;\r\n    text-wrap: pretty;\r\n}\r\n\r\n\/* Zv\u00fdraznen\u00e1 \u010das\u0165 textu *\/\r\n.agref-highlight {\r\n    color: var(--agref-highlight);\r\n    font-weight: 400;\r\n}\r\n\r\n\/* Autor *\/\r\n.agref-author {\r\n    width: 100%;\r\n    max-width: 850px;\r\n\r\n    margin: 40px auto 0;\r\n\r\n    color: var(--agref-text);\r\n\r\n    font-size: clamp(14px, 1.05vw, 18px);\r\n    font-weight: 300;\r\n    line-height: 1.35;\r\n\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.01em;\r\n}\r\n\r\n\/* =====================================================\r\n   \u0160\u00cdPKY\r\n===================================================== *\/\r\n\r\n.agref-controls {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 30;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.agref-carousel button.agref-arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    width: 44px !important;\r\n    min-width: 44px !important;\r\n    height: 44px !important;\r\n    min-height: 44px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    border: 1px solid var(--agref-white) !important;\r\n    border-radius: 50% !important;\r\n\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n    background-image: none !important;\r\n\r\n    color: var(--agref-white) !important;\r\n\r\n    box-shadow: none !important;\r\n    text-shadow: none !important;\r\n\r\n    cursor: pointer;\r\n    pointer-events: auto;\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        scale(1);\r\n\r\n    transition:\r\n        transform 220ms cubic-bezier(.22, .8, .22, 1),\r\n        background-color 220ms ease,\r\n        color 220ms ease !important;\r\n\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n\/* \u013dav\u00e1 \u0161\u00edpka *\/\r\n.agref-prev {\r\n    left: 14px;\r\n}\r\n\r\n\/* Prav\u00e1 \u0161\u00edpka *\/\r\n.agref-next {\r\n    right: 14px;\r\n}\r\n\r\n.agref-carousel button.agref-arrow svg {\r\n    display: block !important;\r\n\r\n    width: 19px !important;\r\n    height: 19px !important;\r\n\r\n    fill: none !important;\r\n    stroke: currentColor !important;\r\n    stroke-width: 1.7;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Hover: biely kruh a \u010dierna \u0161\u00edpka *\/\r\n@media (hover: hover) and (pointer: fine) {\r\n    .agref-carousel button.agref-arrow:hover {\r\n        border-color: var(--agref-white) !important;\r\n\r\n        background: var(--agref-white) !important;\r\n        background-color: var(--agref-white) !important;\r\n        background-image: none !important;\r\n\r\n        color: var(--agref-black) !important;\r\n\r\n        transform:\r\n            translateY(-50%)\r\n            scale(1.12);\r\n    }\r\n}\r\n\r\n.agref-carousel button.agref-arrow:active {\r\n    border-color: var(--agref-white) !important;\r\n    background: var(--agref-white) !important;\r\n    color: var(--agref-black) !important;\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        scale(0.96);\r\n}\r\n\r\n.agref-carousel button.agref-arrow:focus,\r\n.agref-carousel button.agref-arrow:focus-visible {\r\n    border-color: var(--agref-white) !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n.agref-carousel button.agref-arrow:focus-visible {\r\n    outline: 2px solid var(--agref-white) !important;\r\n    outline-offset: 4px;\r\n}\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .agref-slide {\r\n        min-height: 480px;\r\n\r\n        padding:\r\n            68px\r\n            78px\r\n            48px;\r\n    }\r\n\r\n    .agref-text {\r\n        max-width: 760px;\r\n    }\r\n\r\n    .agref-prev {\r\n        left: 10px;\r\n    }\r\n\r\n    .agref-next {\r\n        right: 10px;\r\n    }\r\n}\r\n\r\n\/* =====================================================\r\n   MOBIL\r\n===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n    .agref-carousel {\r\n        width: 100% !important;\r\n    }\r\n\r\n    .agref-stage {\r\n        overflow: hidden;\r\n    }\r\n\r\n    .agref-slide {\r\n        min-height: 0;\r\n\r\n        padding:\r\n            70px\r\n            20px\r\n            34px;\r\n    }\r\n\r\n    .agref-quote {\r\n        top: 14px;\r\n        left: 20px;\r\n\r\n        width: 51px;\r\n    }\r\n\r\n    .agref-logo-wrap {\r\n        height: 62px;\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .agref-logo {\r\n        width:\r\n            min(\r\n                var(--agref-logo-width, 145px),\r\n                54vw\r\n            );\r\n\r\n        max-height: 58px;\r\n    }\r\n\r\n    .agref-text {\r\n        max-width: 100%;\r\n\r\n        font-size: clamp(15px, 4.25vw, 18px);\r\n        line-height: 1.34;\r\n    }\r\n\r\n    .agref-author {\r\n        margin-top: 28px;\r\n\r\n        font-size: clamp(12px, 3.5vw, 15px);\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/*\r\n     * Na telef\u00f3noch s\u00fa \u0161\u00edpky pod carouselom,\r\n     * aby neprekr\u00fdvali dlh\u0161\u00ed text.\r\n     *\/\r\n    .agref-controls {\r\n        position: relative;\r\n        inset: auto;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        gap: 14px;\r\n\r\n        width: 100%;\r\n\r\n        margin-top: 4px;\r\n\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .agref-carousel button.agref-arrow {\r\n        position: relative;\r\n\r\n        top: auto;\r\n        left: auto;\r\n        right: auto;\r\n\r\n        width: 42px !important;\r\n        min-width: 42px !important;\r\n        height: 42px !important;\r\n        min-height: 42px !important;\r\n\r\n        transform: scale(1);\r\n    }\r\n\r\n    .agref-carousel button.agref-arrow:active {\r\n        transform: scale(0.96);\r\n    }\r\n\r\n    .agref-carousel button.agref-arrow svg {\r\n        width: 18px !important;\r\n        height: 18px !important;\r\n    }\r\n}\r\n\r\n\/* Ve\u013emi mal\u00e9 telef\u00f3ny *\/\r\n@media (max-width: 390px) {\r\n    .agref-slide {\r\n        padding-right: 15px;\r\n        padding-left: 15px;\r\n    }\r\n\r\n    .agref-text {\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n\/* Obmedzenie anim\u00e1ci\u00ed *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .agref-slide,\r\n    .agref-carousel button.agref-arrow {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"agref-carousel\" data-autoplay=\"10000\" role=\"region\" aria-label=\"Reference klient\u016f AGILERA\" aria-roledescription=\"carousel\">\r\n    <div class=\"agref-stage\" aria-live=\"polite\" aria-atomic=\"true\">\r\n        <img class=\"agref-quote\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/07\/Uvodzovky.png\" alt=\"\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n\r\n\r\n        <!-- ==========================================\r\n             1. MTBiTALY\r\n        =========================================== -->\r\n\r\n        <article class=\"agref-slide is-active\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 z 5 \u2013 MTBiTALY\" aria-hidden=\"false\" lang=\"en\">\r\n            <div class=\"agref-logo-wrap\">\r\n                <img class=\"agref-logo\" style=\"--agref-logo-width: 92px;\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/mtbitaly_logo-1.png\" alt=\"MTBiTALY\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n            <\/div>\r\n\r\n            <p class=\"agref-text\">\r\n                AGILERA company did an\r\n                <span class=\"agref-highlight\">outstanding job<\/span>\r\n                capturing the essence of our TransLiguria mountain bike tour.\r\n                The final video\r\n                <span class=\"agref-highlight\">exceeded our expectations<\/span>\r\n                in every way. We were particularly impressed with their\r\n                ability to capture the\r\n                <span class=\"agref-highlight\">stunning scenery<\/span>\r\n                and the excitement of the ride. They will definitely be our\r\n                go-to for future video projects.\r\n            <\/p>\r\n\r\n            <div class=\"agref-author\">\r\n                Fabrizio Inserra \/ Majitel\r\n            <\/div>\r\n        <\/article>\r\n\r\n\r\n        <!-- ==========================================\r\n             2. MAXIDENTAL\r\n        =========================================== -->\r\n\r\n        <article class=\"agref-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 z 5 \u2013 Maxi Dental\" aria-hidden=\"true\" lang=\"cs\">\r\n            <div class=\"agref-logo-wrap\">\r\n                <img class=\"agref-logo\" style=\"--agref-logo-width: 170px;\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/maxidental_logo-1.png\" alt=\"Maxi Dental\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n            <\/div>\r\n\r\n            <p class=\"agref-text\">\r\n                S panem Vajdou a jeho kolegy m\u00e1me jen ty nejlep\u0161\u00ed zku\u0161enosti.\r\n                <span class=\"agref-highlight\">\r\n                    Spolupr\u00e1ce je na vysok\u00e9 \u00farovni,\r\n                <\/span>\r\n                sami navrhuj\u00ed a \u0159e\u0161\u00ed, na\u0161e pr\u00e1ce ve vyhotovov\u00e1n\u00ed podklad\u016f je\r\n                pouze minim\u00e1ln\u00ed, v podstat\u011b t\u00e9m\u011b\u0159 \u017e\u00e1dn\u00e1 a m\u00e1me v\u00fdsledky!\r\n                Tak si to p\u0159edstavujeme.\r\n                <span class=\"agref-highlight\">\r\n                    V\u0159ele doporu\u010dujeme takov\u00e9 profesion\u00e1ly.\r\n                <\/span>\r\n            <\/p>\r\n\r\n            <div class=\"agref-author\">\r\n                Elena Ajiovsk\u00e1, Maxi Dental S.R.O., B\u0159eclav\r\n            <\/div>\r\n        <\/article>\r\n\r\n\r\n        <!-- ==========================================\r\n             3. RYCHLEBSK\u00c9 STEZKY\r\n        =========================================== -->\r\n\r\n        <article class=\"agref-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 z 5 \u2013 Rychlebsk\u00e9 stezky\" aria-hidden=\"true\" lang=\"en\">\r\n            <div class=\"agref-logo-wrap\">\r\n                <img class=\"agref-logo\" style=\"--agref-logo-width: 145px;\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/rys_logo_barevne-300x300-1.png\" alt=\"Rychlebsk\u00e9 stezky\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n            <\/div>\r\n\r\n            <p class=\"agref-text\">\r\n                The work of the AGILERA team is a showcase of\r\n                <span class=\"agref-highlight\">honest craftsmanship<\/span>,\r\n                filled with creativity and a love for nature and mountain\r\n                biking. They seamlessly combine the poetry of nature with\r\n                action, drawing you into their videos. Both main creators\r\n                are, for me,\r\n                <span class=\"agref-highlight\">\r\n                    amazing individuals on a personal level,\r\n                <\/span>\r\n                and I would be happy to collaborate with them anytime or\r\n                simply go for a bike ride with them.\r\n            <\/p>\r\n\r\n            <div class=\"agref-author\">\r\n                Pavel Horn\u00edk \/ majitel\r\n            <\/div>\r\n        <\/article>\r\n\r\n\r\n        <!-- ==========================================\r\n             4. DECATHLON\r\n        =========================================== -->\r\n\r\n        <article class=\"agref-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 z 5 \u2013 desetiboj\" aria-hidden=\"true\" lang=\"cs\">\r\n            <div class=\"agref-logo-wrap\">\r\n                <img class=\"agref-logo\" style=\"--agref-logo-width: 108px;\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Decathlon-Logo-500x281-1.png\" alt=\"Decathlon\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n            <\/div>\r\n\r\n            <p class=\"agref-text\">\r\n                S Eduardem jsme v Decathlonu spolupracovali na videoreportu ze\r\n                dvou cyklistick\u00fdch akc\u00ed. Na\u0161\u00edm c\u00edlem bylo zachytit atmosf\u00e9ru, n\u00e1\u0161 st\u00e1nek i p\u0159irozen\u00fd branding \u2013 a to se d\u00edky jeho\r\n                <span class=\"agref-highlight\">\r\n                    profesion\u00e1ln\u00edmu p\u0159\u00edstupu\r\n                <\/span>\r\n                poda\u0159ilo na jedni\u010dku. V\u00fdsledn\u00e1 videa skv\u011ble dokumentuj\u00ed akce,\r\n                na kter\u00e9 jsme hrd\u00ed a jejich\u017e p\u0159\u00edprav\u011b jsme v\u011bnovali n\u011bkolik\r\n                m\u011bs\u00edc\u016f.\r\n            <\/p>\r\n\r\n            <div class=\"agref-author\">\r\n                Jakub Van\u00ed\u010dek \/ Vedouc\u00ed obsahu - Marketingov\u00fd t\u00fdm\r\n            <\/div>\r\n        <\/article>\r\n\r\n\r\n        <!-- ==========================================\r\n             5. DOMINIQ\r\n        =========================================== -->\r\n\r\n        <article class=\"agref-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 z 5 \u2013 Dominiq\" aria-hidden=\"true\" lang=\"sk\">\r\n            <div class=\"agref-logo-wrap\">\r\n                <img class=\"agref-logo\" style=\"--agref-logo-width: 205px;\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2026\/07\/Dominiq-logo.png\" alt=\"DOMINIQ\" loading=\"eager\" decoding=\"async\" draggable=\"false\">\r\n            <\/div>\r\n\r\n            <p class=\"agref-text\">\r\n                Neskuto\u010dn\u00e1 spokojnos\u0165. T\u00fdm AGILERA n\u00e1m pomohol vyrie\u0161i\u0165\r\n                probl\u00e9m, kde sme sa nevedeli dosta\u0165 do n\u00e1\u0161ho firemn\u00e9ho FB\r\n                profilu z komplikovan\u00fdch d\u00f4vodov.\r\n                <span class=\"agref-highlight\">\r\n                    Skvel\u00e1 spolupr\u00e1ca, pomoc vo dne v noci \ud83d\ude42 \u00dastretovos\u0165\r\n                    a v\u017edy mil\u00fd a ochotn\u00fd \ud83d\ude42\r\n                <\/span>\r\n                \u010eakujeme ve\u013emi pekne.\r\n            <\/p>\r\n\r\n            <div class=\"agref-author\">\r\n                Dominiq S.R.O. Eva Bederkov\u00e1 \/ D\u016fstojn\u00edk\r\n            <\/div>\r\n        <\/article>\r\n    <\/div>\r\n\r\n\r\n    <!-- ==========================================\r\n         OVL\u00c1DANIE\r\n    =========================================== -->\r\n\r\n    <div class=\"agref-controls\">\r\n        <button class=\"agref-arrow agref-prev\" type=\"button\" aria-label=\"P\u0159edchoz\u00ed reference\">\r\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M14.5 5.5L8 12l6.5 6.5\"><\/path>\r\n            <\/svg>\r\n        <\/button>\r\n\r\n        <button class=\"agref-arrow agref-next\" type=\"button\" aria-label=\"N\u00e1sleduj\u00edc\u00ed reference\">\r\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M9.5 5.5L16 12l-6.5 6.5\"><\/path>\r\n            <\/svg>\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n    const carousels = document.querySelectorAll(\r\n        '.agref-carousel:not([data-agref-initialized])'\r\n    );\r\n\r\n    if (!carousels.length) return;\r\n\r\n    const reducedMotion = window.matchMedia(\r\n        '(prefers-reduced-motion: reduce)'\r\n    ).matches;\r\n\r\n    carousels.forEach((carousel) => {\r\n        carousel.setAttribute(\r\n            'data-agref-initialized',\r\n            'true'\r\n        );\r\n\r\n        const stage =\r\n            carousel.querySelector('.agref-stage');\r\n\r\n        const slides = Array.from(\r\n            carousel.querySelectorAll('.agref-slide')\r\n        );\r\n\r\n        const previousButton =\r\n            carousel.querySelector('.agref-prev');\r\n\r\n        const nextButton =\r\n            carousel.querySelector('.agref-next');\r\n\r\n        if (\r\n            !stage ||\r\n            slides.length < 2 ||\r\n            !previousButton ||\r\n            !nextButton\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        let currentIndex = Math.max(\r\n            0,\r\n            slides.findIndex((slide) => {\r\n                return slide.classList.contains(\r\n                    'is-active'\r\n                );\r\n            })\r\n        );\r\n\r\n        const autoplayDelay = Math.max(\r\n            5000,\r\n            parseInt(\r\n                carousel.dataset.autoplay || '10000',\r\n                10\r\n            )\r\n        );\r\n\r\n        let autoplayTimer = null;\r\n        let isPaused = false;\r\n        let isVisible = true;\r\n\r\n        function normalizeIndex(index) {\r\n            return (\r\n                (index % slides.length) +\r\n                slides.length\r\n            ) % slides.length;\r\n        }\r\n\r\n        function updateSlides(nextIndex) {\r\n            currentIndex =\r\n                normalizeIndex(nextIndex);\r\n\r\n            slides.forEach((slide, index) => {\r\n                const isActive =\r\n                    index === currentIndex;\r\n\r\n                slide.classList.toggle(\r\n                    'is-active',\r\n                    isActive\r\n                );\r\n\r\n                slide.setAttribute(\r\n                    'aria-hidden',\r\n                    isActive ? 'false' : 'true'\r\n                );\r\n            });\r\n        }\r\n\r\n        function stopAutoplay() {\r\n            if (autoplayTimer) {\r\n                window.clearTimeout(\r\n                    autoplayTimer\r\n                );\r\n            }\r\n\r\n            autoplayTimer = null;\r\n        }\r\n\r\n        function startAutoplay() {\r\n            stopAutoplay();\r\n\r\n            if (\r\n                reducedMotion ||\r\n                isPaused ||\r\n                !isVisible ||\r\n                document.hidden\r\n            ) {\r\n                return;\r\n            }\r\n\r\n            autoplayTimer =\r\n                window.setTimeout(() => {\r\n                    updateSlides(\r\n                        currentIndex + 1\r\n                    );\r\n\r\n                    startAutoplay();\r\n                }, autoplayDelay);\r\n        }\r\n\r\n        function showPrevious() {\r\n            updateSlides(\r\n                currentIndex - 1\r\n            );\r\n\r\n            startAutoplay();\r\n        }\r\n\r\n        function showNext() {\r\n            updateSlides(\r\n                currentIndex + 1\r\n            );\r\n\r\n            startAutoplay();\r\n        }\r\n\r\n        previousButton.addEventListener(\r\n            'click',\r\n            showPrevious\r\n        );\r\n\r\n        nextButton.addEventListener(\r\n            'click',\r\n            showNext\r\n        );\r\n\r\n        \/* Ovl\u00e1danie \u0161\u00edpkami na kl\u00e1vesnici *\/\r\n        carousel.addEventListener(\r\n            'keydown',\r\n            (event) => {\r\n                if (\r\n                    event.key === 'ArrowLeft'\r\n                ) {\r\n                    event.preventDefault();\r\n                    showPrevious();\r\n                }\r\n\r\n                if (\r\n                    event.key === 'ArrowRight'\r\n                ) {\r\n                    event.preventDefault();\r\n                    showNext();\r\n                }\r\n            }\r\n        );\r\n\r\n        \/*\r\n         * Pri hoveri sa autoplay zastav\u00ed,\r\n         * aby mal pou\u017e\u00edvate\u013e \u010das referenciu pre\u010d\u00edta\u0165.\r\n         *\/\r\n        carousel.addEventListener(\r\n            'mouseenter',\r\n            () => {\r\n                isPaused = true;\r\n                stopAutoplay();\r\n            }\r\n        );\r\n\r\n        carousel.addEventListener(\r\n            'mouseleave',\r\n            () => {\r\n                isPaused = false;\r\n                startAutoplay();\r\n            }\r\n        );\r\n\r\n        \/* Pozastavenie pri ovl\u00e1dan\u00ed kl\u00e1vesnicou *\/\r\n        carousel.addEventListener(\r\n            'focusin',\r\n            () => {\r\n                isPaused = true;\r\n                stopAutoplay();\r\n            }\r\n        );\r\n\r\n        carousel.addEventListener(\r\n            'focusout',\r\n            (event) => {\r\n                if (\r\n                    event.relatedTarget &&\r\n                    carousel.contains(\r\n                        event.relatedTarget\r\n                    )\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n                isPaused = false;\r\n                startAutoplay();\r\n            }\r\n        );\r\n\r\n        \/* Swipe na dotykov\u00fdch zariadeniach *\/\r\n        let touchStartX = 0;\r\n        let touchStartY = 0;\r\n\r\n        stage.addEventListener(\r\n            'touchstart',\r\n            (event) => {\r\n                const touch =\r\n                    event.changedTouches[0];\r\n\r\n                touchStartX =\r\n                    touch.clientX;\r\n\r\n                touchStartY =\r\n                    touch.clientY;\r\n            },\r\n            { passive: true }\r\n        );\r\n\r\n        stage.addEventListener(\r\n            'touchend',\r\n            (event) => {\r\n                const touch =\r\n                    event.changedTouches[0];\r\n\r\n                const differenceX =\r\n                    touch.clientX -\r\n                    touchStartX;\r\n\r\n                const differenceY =\r\n                    touch.clientY -\r\n                    touchStartY;\r\n\r\n                if (\r\n                    Math.abs(differenceX) < 45 ||\r\n                    Math.abs(differenceX) <=\r\n                    Math.abs(differenceY)\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n                if (differenceX < 0) {\r\n                    showNext();\r\n                } else {\r\n                    showPrevious();\r\n                }\r\n            },\r\n            { passive: true }\r\n        );\r\n\r\n        \/*\r\n         * Autoplay be\u017e\u00ed iba vtedy, ke\u010f je sekcia\r\n         * skuto\u010dne vidite\u013en\u00e1 na obrazovke.\r\n         *\/\r\n        if ('IntersectionObserver' in window) {\r\n            const observer =\r\n                new IntersectionObserver(\r\n                    (entries) => {\r\n                        const entry =\r\n                            entries[0];\r\n\r\n                        isVisible =\r\n                            Boolean(\r\n                                entry &&\r\n                                entry.isIntersecting &&\r\n                                entry.intersectionRatio >\r\n                                    0.18\r\n                            );\r\n\r\n                        if (isVisible) {\r\n                            startAutoplay();\r\n                        } else {\r\n                            stopAutoplay();\r\n                        }\r\n                    },\r\n                    {\r\n                        threshold: [\r\n                            0,\r\n                            0.18,\r\n                            0.4\r\n                        ]\r\n                    }\r\n                );\r\n\r\n            observer.observe(carousel);\r\n        }\r\n\r\n        document.addEventListener(\r\n            'visibilitychange',\r\n            () => {\r\n                if (document.hidden) {\r\n                    stopAutoplay();\r\n                } else {\r\n                    startAutoplay();\r\n                }\r\n            }\r\n        );\r\n\r\n        updateSlides(currentIndex);\r\n        startAutoplay();\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07e7bed elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"07e7bed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-592240e elementor-widget elementor-widget-html\" data-id=\"592240e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== O-T\u00c1ZKACH \u2013 STEEL\/GLASS STACKED CARDS + PROGRESS (GSAP) ===== -->\r\n<section class=\"qsec\" id=\"qsec\" aria-labelledby=\"qHead\">\r\n  <style>\r\n    :root{\r\n      --bg:transparent;\r\n      --ink:#EAEAEA;\r\n      --ink-soft:#D0D0D0;\r\n      --edge:rgba(255,255,255,.16);\r\n      --edge-2:rgba(255,255,255,.26);\r\n      --steel-1:rgba(255,255,255,.055);\r\n      --steel-2:rgba(255,255,255,.028);\r\n      --rail:#CFE0FF;\r\n      --rail-glow:rgba(190,210,250,.28);\r\n      --violet:#787FF6;\r\n    }\r\n\r\n    .qsec{\r\n      position:relative;\r\n      min-height:80vh;\r\n      background:var(--bg);\r\n      overflow:hidden;\r\n      isolation:isolate;\r\n      scroll-margin-top:88px;\r\n    }\r\n\r\n    .qbg{ position:absolute; inset:-10% -6% -12% -6%; pointer-events:none; background:none; opacity:0; }\r\n\r\n    .qsec-inner{\r\n      max-width:1100px;\r\n      margin:0 auto;\r\n      padding:7rem 24px 6rem;\r\n      perspective:1200px;\r\n      opacity:0; transform:translateY(40px);\r\n      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n    }\r\n\r\n    \/* ===== HEADLINE ===== *\/\r\n    #qHead{\r\n      margin:clamp(8px,2.6vh,20px) auto 42px;\r\n      max-width:92vw; text-align:center;\r\n      font-family:'Unbounded', sans-serif !important;\r\n      font-weight:400 !important;\r\n      font-size:clamp(18px,2.2vw,26px) !important;\r\n      line-height:1.28; letter-spacing:.01em;\r\n      background:linear-gradient(180deg,#FFFFFF 0%,#D5D5D5 60%,#6F6F6F 100%) !important;\r\n      -webkit-background-clip:text!important; -webkit-text-fill-color:transparent!important;\r\n      filter:drop-shadow(0 0 .35px rgba(255,255,255,.25));\r\n    }\r\n    .q-head-row{ display:inline; white-space:normal; overflow-wrap:anywhere; }\r\n    .q-caret{\r\n      display:inline-block; width:1px; height:1.2em; background:#fff; opacity:.95;\r\n      vertical-align:-0.1em; margin-left:3px; box-shadow:0 0 8px rgba(255,255,255,.35);\r\n      animation:qblink .9s steps(1,end) infinite;\r\n    }\r\n    @keyframes qblink{ 50%{opacity:0;} }\r\n\r\n    \/* ===== STACK AREA ===== *\/\r\n    .q-stage{\r\n      position:relative; height:300px; max-width:760px;\r\n      margin:clamp(72px,7vh,110px) auto 58px;\r\n    }\r\n\r\n    \/* ===== CARD ===== *\/\r\n    .q-card{\r\n      position:absolute; left:50%; top:50%;\r\n      width:min(720px,90vw); height:170px; transform:translate(-50%,-50%);\r\n      border-radius:24px; overflow:hidden; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, var(--steel-1), var(--steel-2));\r\n      border:1px solid var(--edge);\r\n      box-shadow:\r\n        0 1px 0 rgba(255,255,255,.06) inset,\r\n        0 0 0 1px rgba(0,0,0,.38) inset,\r\n        0 22px 64px rgba(0,0,0,.46);\r\n      color:var(--ink-soft);\r\n      backdrop-filter:saturate(115%) blur(8px);\r\n      will-change:transform, filter, opacity, box-shadow;\r\n      opacity:0;\r\n    }\r\n    .q-card .q-text{\r\n      font-family:'Inter',system-ui,sans-serif; font-weight:500;\r\n      font-size:clamp(16px,1.6vw,20px); letter-spacing:.01em; text-align:center; padding:0 28px;\r\n    }\r\n    .q-card.is-top{\r\n      color:var(--ink);\r\n      border-color:var(--edge-2);\r\n      box-shadow:\r\n        0 0 0 1px rgba(255,255,255,.06) inset,\r\n        0 0 0 2px rgba(195,210,245,.08) inset,\r\n        0 28px 72px rgba(180,195,230,.14),\r\n        0 22px 48px rgba(0,0,0,.42);\r\n    }\r\n    .q-card.dimmed{ filter:brightness(.92) saturate(.96); }\r\n\r\n    \/* ===== STATEMENT \u2013 neprieh\u013eadn\u00e1 premium steel karta ===== *\/\r\n    .q-card.statement{\r\n      height:180px;\r\n      background:\r\n        linear-gradient(135deg,#050506 0%, #18191D 45%, #050506 100%);\r\n      border:1px solid rgba(255,255,255,.20);\r\n      box-shadow:\r\n        0 1px 0 rgba(255,255,255,.04) inset,\r\n        0 -1px 0 rgba(0,0,0,.85) inset,\r\n        0 26px 80px rgba(0,0,0,.95);\r\n      position:relative;\r\n      backdrop-filter:saturate(110%) blur(2px);\r\n    }\r\n    .q-card.statement::before{\r\n      content:\"\"; position:absolute; inset:-15%; border-radius:inherit;\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent 0%,\r\n          rgba(255,255,255,.10) 48%,\r\n          rgba(255,255,255,.18) 50%,\r\n          rgba(255,255,255,.10) 52%,\r\n          transparent 100%\r\n        ),\r\n        repeating-linear-gradient(\r\n          0deg,\r\n          rgba(255,255,255,.04) 0,\r\n          rgba(255,255,255,.04) 1px,\r\n          transparent 1px,\r\n          transparent 4px\r\n        );\r\n      mix-blend-mode:screen;\r\n      opacity:.32;\r\n      pointer-events:none;\r\n    }\r\n    .q-card.statement::after{\r\n      content:\"\"; position:absolute; inset:0; border-radius:inherit;\r\n      border:1px solid rgba(255,255,255,.18);\r\n      box-shadow:\r\n        0 0 18px rgba(0,0,0,1),\r\n        0 0 12px rgba(255,255,255,.06) inset;\r\n      pointer-events:none;\r\n    }\r\n    .q-card.statement .q-text{\r\n      font-family:'Unbounded', sans-serif;\r\n      display:flex; flex-direction:column;\r\n      align-items:flex-start;\r\n      text-align:left;\r\n      gap:6px;\r\n      padding:0 32px;\r\n      transform:translateZ(0);\r\n    }\r\n    .q-card.statement .line-1{\r\n      font-size:clamp(13px,1.25vw,15px);\r\n      font-weight:500;\r\n      letter-spacing:.16em;\r\n      text-transform:uppercase;\r\n      color:#C3C6D2;\r\n      opacity:.9;\r\n    }\r\n    .q-card.statement .line-2{\r\n      font-size:clamp(20px,2.6vw,26px);\r\n      font-weight:700;\r\n      letter-spacing:.01em;\r\n      color:#F8F8F8;\r\n      text-shadow:0 0 4px rgba(0,0,0,.75);\r\n    }\r\n    .q-card.statement .accent{\r\n      \/* SYST\u00c9M = \u010dist\u00e1 biela *\/\r\n      color:#FFFFFF;\r\n      -webkit-background-clip:initial;\r\n      -webkit-text-fill-color:initial;\r\n    }\r\n    .q-card.statement .sweep{ display:none; }\r\n\r\n    \/* ===== PROGRESS ===== *\/\r\n    .q-rail{\r\n      position:absolute; right:-48px; top:calc(50% + 40px);\r\n      transform:translateY(-50%);\r\n      height:230px; width:2px; background:rgba(255,255,255,.14);\r\n      border-radius:2px; overflow:visible; pointer-events:none;\r\n    }\r\n    .q-rail-fill{\r\n      position:absolute; left:0; bottom:0; width:100%; height:0%;\r\n      background:linear-gradient(180deg, var(--rail), rgba(200,215,255,0));\r\n      box-shadow:0 0 10px var(--rail-glow);\r\n    }\r\n    .q-rail-thumb{\r\n      position:absolute; left:50%; transform:translate(-50%, 0);\r\n      width:10px; height:10px; border-radius:50%;\r\n      background:linear-gradient(180deg,#FFFFFF,#DDE8FF);\r\n      border:1px solid rgba(255,255,255,.7);\r\n      box-shadow:0 0 12px var(--rail-glow), 0 0 0 1px rgba(180,200,240,.4) inset;\r\n      top:calc(100% - 10px);\r\n    }\r\n\r\n    \/* ===== scroll ind\u00edcia \u2013 \u010dist\u00fd biely glow ===== *\/\r\n    .q-next{\r\n      position:absolute; left:50%; bottom:64px; transform:translateX(-50%);\r\n      opacity:0; pointer-events:none; display:grid; place-items:center;\r\n    }\r\n    .q-next .ring{\r\n      width:38px; height:38px; border-radius:50%;\r\n      border:1px solid rgba(255,255,255,.35);\r\n      display:grid; place-items:center;\r\n      box-shadow:0 0 12px rgba(255,255,255,.16);\r\n      animation:ringPulse 2.8s ease-in-out infinite;\r\n    }\r\n    .q-next .chevron{\r\n      width:14px; height:14px; transform:translateY(-1px) rotate(45deg);\r\n      border-right:2px solid #fff; border-bottom:2px solid #fff;\r\n      clip-path:inset(0 round 2px);\r\n      animation:chev 1.8s ease-in-out infinite;\r\n    }\r\n    @keyframes chev{\r\n      0%,100%{ transform:translateY(-1px) rotate(45deg); opacity:.85; }\r\n      50%{ transform:translateY(3px) rotate(45deg); opacity:1; }\r\n    }\r\n    @keyframes ringPulse{\r\n      0%,100%{ box-shadow:0 0 12px rgba(255,255,255,.16); }\r\n      50%{ box-shadow:0 0 18px rgba(255,255,255,.24); }\r\n    }\r\n    .q-next.is-hot{ pointer-events:auto; }\r\n    .q-next:hover .ring{ box-shadow:0 0 16px rgba(255,255,255,.28); }\r\n\r\n    \/* Mobile *\/\r\n    @media (max-width:768px){\r\n      .qsec-inner{ padding:6.6rem 16px 4.5rem; }\r\n      #qHead{ font-size:18px !important; max-width:92vw; margin-bottom:28px; }\r\n      .q-stage{ height:280px; margin:64px auto 46px; max-width:92vw; }\r\n      .q-card{ height:150px; border-radius:22px; }\r\n      .q-card.statement{ height:160px; }\r\n      .q-rail{ display:none; }\r\n      .q-next{ bottom:44px; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .q-next .ring, .q-next .chevron{ animation:none; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"qbg\"><\/div>\r\n\r\n  <div class=\"qsec-inner\">\r\n    <h2 class=\"q-head\" id=\"qHead\" aria-live=\"polite\">\r\n      <span class=\"q-head-row\" id=\"qHeadType\"><\/span><span class=\"q-caret\" aria-hidden=\"true\"><\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"q-stage\" id=\"qStage\" aria-live=\"polite\"><\/div>\r\n\r\n    <div class=\"q-rail\" aria-hidden=\"true\">\r\n      <div class=\"q-rail-fill\" id=\"qRailFill\"><\/div>\r\n      <div class=\"q-rail-thumb\" id=\"qRailThumb\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"q-next\" id=\"qNext\" role=\"button\" tabindex=\"0\" aria-label=\"P\u0159ejd\u011bte na dal\u0161\u00ed sekci\">\r\n      <span class=\"ring\"><span class=\"chevron\" aria-hidden=\"true\"><\/span><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/unpkg.com\/gsap@3\/dist\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/gsap@3\/dist\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n(function(){\r\n  if (!window.gsap || !window.ScrollTrigger) return;\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  const HEADLINE_TEXT = \"FIRMY AKO T\u00c1 VA\u0160A K N\u00c1M PRICH\u00c1DZAJ\u00da S T\u00ddMI IST\u00ddMI OT\u00c1ZKAMI.\";\r\n  const QUESTIONS = [\r\n    \"Ako m\u00e1me z\u00edska\u0165 viac klientov?\",\r\n    \"Ako m\u00e1me r\u00e1s\u0165 stabilne?\",\r\n    \"Ako m\u00e1me zn\u00ed\u017ei\u0165 zbyto\u010dn\u00e9 v\u00fddavky na marketing?\",\r\n    \"Ako m\u00e1me \u013eu\u010fom efekt\u00edvne uk\u00e1za\u0165 n\u00e1\u0161 produkt \/ slu\u017ebu?\",\r\n    \"Ako m\u00e1me by\u0165 kone\u010dne konkurencieschopn\u00ed?\"\r\n  ];\r\n  const STATEMENT = \"My vieme, ako na to. A m\u00e1me v tom syst\u00e9m.\";\r\n  const NAV_OFFSET = 88;\r\n\r\n  const typeTarget = document.getElementById('qHeadType');\r\n  const stage      = document.getElementById('qStage');\r\n  const railFill   = document.getElementById('qRailFill');\r\n  const railThumb  = document.getElementById('qRailThumb');\r\n  const nextBtn    = document.getElementById('qNext');\r\n\r\n  if (!typeTarget || !stage) return;\r\n\r\n  typeTarget.textContent = \"\";\r\n\r\n  \/* trajekt\u00f3rie *\/\r\n  const DEAL_PATHS = [\r\n    { from:{ x:-800, y:-180, rot:-10 }, land:{ x:0, y:0, rot:-2 } },\r\n    { from:{ x: 900, y:-140, rot: 12 }, land:{ x:4, y:2, rot:3 } },\r\n    { from:{ x:-860, y: 160, rot:-14 }, land:{ x:-3, y:-1, rot:-1 } },\r\n    { from:{ x: 780, y: 200, rot: 16 }, land:{ x:2, y:1, rot:2 } },\r\n    { from:{ x:0,   y:-360, rot: 0 },  land:{ x:0, y:0, rot:-3 } }\r\n  ];\r\n  const jitter = (v,a)=> v + (Math.random()*2-1)*a;\r\n\r\n  function createCard(text, isStatement=false){\r\n    const el = document.createElement('div');\r\n    el.className = 'q-card' + (isStatement ? ' statement' : '');\r\n    el.innerHTML = '<div class=\"q-text\">'+text+'<\/div>' + (isStatement ? '<span class=\"sweep\"><\/span>' : '');\r\n    stage.appendChild(el);\r\n    return el;\r\n  }\r\n\r\n  function dealCard(card, path, tl, z){\r\n    const fromX = jitter(path.from.x, 90), fromY = jitter(path.from.y, 70), fromR = jitter(path.from.rot, 5);\r\n    const landX = jitter(path.land.x, 6),  landY = jitter(path.land.y, 4),  landR = jitter(path.land.rot, 4);\r\n\r\n    gsap.set(card, {\r\n      x:fromX, y:fromY, rotation:fromR, scale:0.96, opacity:0,\r\n      filter:\"blur(10px) brightness(0.68)\", zIndex: z\r\n    });\r\n\r\n    tl.to(card, { opacity:1, filter:\"blur(3px) brightness(0.92)\", duration:0.18 }, \">\")\r\n      .to(card, {\r\n        x:landX, y:landY, rotation:landR, scale:1, filter:\"blur(0px) brightness(1)\",\r\n        duration:0.5, ease:\"power3.out\", onStart:()=>{\r\n          const top = stage.querySelector('.q-card.is-top');\r\n          if(top) top.classList.remove('is-top');\r\n          stage.querySelectorAll('.q-card:not(.is-top)').forEach(p=>p.classList.add('dimmed'));\r\n          card.classList.add('is-top');\r\n        }\r\n      }, \"<\")\r\n      .to(card, { y:landY+1, rotation:landR + jitter(0.4,0.3), duration:0.16 }, \">-0.02\")\r\n      .to(card, { y:landY,   rotation:landR, duration:0.14 }, \">\");\r\n  }\r\n\r\n  \/* intro sekcie *\/\r\n  gsap.to(\".qbg\", {\r\n    opacity:1, y:0, duration:0.8, ease:\"power2.out\",\r\n    scrollTrigger:{ trigger:\"#qsec\", start:\"top 88%\", once:true }\r\n  });\r\n  gsap.to(\".qsec-inner\", {\r\n    opacity:1, y:0, duration:0.8, delay:0.05, ease:\"power2.out\",\r\n    scrollTrigger:{ trigger:\"#qsec\", start:\"top 88%\", once:true }\r\n  });\r\n  gsap.fromTo(\".qsec-inner\", { y:46 }, {\r\n    y:0, ease:\"power2.out\",\r\n    scrollTrigger:{ trigger:\"#qsec\", start:\"top 80%\", end:\"top top\", scrub:true }\r\n  });\r\n\r\n  \/* p\u00edsanie headline-u *\/\r\n  const chars = HEADLINE_TEXT.split(\"\");\r\n  const proxy = { i: 0 };\r\n  const typingTl = gsap.timeline({\r\n    defaults: { ease: \"none\" },\r\n    scrollTrigger: {\r\n      trigger: \"#qsec\",\r\n      start: \"top 70%\",\r\n      end:   \"top 30%\",\r\n      scrub: true,\r\n      onLeaveBack: () => {\r\n        proxy.i = 0;\r\n        typeTarget.textContent = \"\";\r\n        gsap.set(\"#qHead\", { y: 0 });\r\n      }\r\n    }\r\n  });\r\n  typingTl\r\n    .to(proxy, {\r\n      i: chars.length, duration: 1,\r\n      onUpdate: () => { typeTarget.textContent = chars.slice(0, Math.floor(proxy.i)).join(\"\"); }\r\n    }, 0)\r\n    .to(\"#qHead\", { y:64, duration:0.5, ease:\"power2.out\" }, 0.12);\r\n\r\n  function updateRail(self){\r\n    if (!railFill || !railThumb) return;\r\n    const p = self.progress;\r\n    railFill.style.height = (p*100) + \"%\";\r\n    railThumb.style.top = \"calc(\" + ((1-p)*100) + \"% - 5px)\";\r\n    gsap.set(\".q-rail\", { boxShadow:\"0 0 \" + (4 + p*8) + \"px var(--rail-glow)\" });\r\n  }\r\n\r\n  const vh = window.innerHeight || document.documentElement.clientHeight || 800;\r\n  \/\/ krat\u0161\u00ed, ale st\u00e1le v\u00fdrazn\u00fd scroll aj na mobile\r\n  const SCROLL_DISTANCE = Math.max(1600, Math.min(2600, vh * 2.4));\r\n\r\n  const tl = gsap.timeline({\r\n    defaults:{ ease:\"power2.out\" },\r\n    scrollTrigger:{\r\n      trigger:\"#qsec\",\r\n      start:\"top top\",\r\n      end:\"+=\" + SCROLL_DISTANCE,\r\n      pin:true,\r\n      scrub:1,\r\n      anticipatePin:0.7,\r\n      invalidateOnRefresh:true,\r\n      onUpdate:updateRail\r\n    }\r\n  });\r\n\r\n  \/* ot\u00e1zky *\/\r\n  let z = 10;\r\n  for(let i=0;i<QUESTIONS.length;i++){\r\n    const c = createCard(QUESTIONS[i], false);\r\n    const path = DEAL_PATHS[i % DEAL_PATHS.length];\r\n    dealCard(c, path, tl, z++);\r\n    tl.to(c, { y:\"+=2\", duration:0.001 }, \">\");\r\n  }\r\n\r\n  \/* statement *\/\r\n  const s = createCard(STATEMENT, true);\r\n  const sText = s.querySelector('.q-text');\r\n  if (sText){\r\n    sText.innerHTML =\r\n      '<span class=\"line-1\">My vieme, ako na to.<\/span>' +\r\n      '<span class=\"line-2\">M\u00e1me v tom <span class=\"accent\">SYST\u00c9M<\/span>.<\/span>';\r\n  }\r\n  dealCard(s, DEAL_PATHS[(QUESTIONS.length) % DEAL_PATHS.length], tl, z++);\r\n\r\n  \/* fin\u00e1le + \u0161\u00edpka *\/\r\n  tl.to(s, { scale:1.01, duration:0.35, ease:\"power2.out\" }, \"<\")\r\n    .to(stage, { y:\"+=3\", duration:0.2, ease:\"power1.inOut\" }, \"<\")\r\n    .to(\"#qNext\", {\r\n      autoAlpha:1, duration:0.25,\r\n      onComplete:()=>{ if(nextBtn) nextBtn.classList.add('is-hot'); }\r\n    }, \"<+0.05\");\r\n\r\n  \/* scroll na \u010fal\u0161iu sekciu *\/\r\n  function goNext(){\r\n    const section = document.getElementById('qsec');\r\n    if (!section) return;\r\n    const next = section.nextElementSibling;\r\n    if(!next) return;\r\n    const rect = next.getBoundingClientRect();\r\n    const y = rect.top + window.pageYOffset - NAV_OFFSET;\r\n    window.scrollTo({ top:y, behavior:'smooth' });\r\n  }\r\n\r\n  if (nextBtn){\r\n    nextBtn.addEventListener('click', goNext);\r\n    nextBtn.addEventListener('keydown', (e)=>{\r\n      if(e.key === 'Enter' || e.key === ' '){\r\n        e.preventDefault();\r\n        goNext();\r\n      }\r\n    });\r\n  }\r\n\r\n  window.addEventListener('load', () => {\r\n    if (window.ScrollTrigger) ScrollTrigger.refresh();\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-833c343 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"833c343\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fcaa49 elementor-widget elementor-widget-html\" data-id=\"5fcaa49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ag-growth-section\" id=\"ag-growth-system\">\r\n  <div class=\"ag-growth-inner\">\r\n    <!-- LEFT -->\r\n    <div class=\"ag-growth-left\">\r\n      <p class=\"ag-growth-kicker\">\r\n        <span class=\"ag-growth-kicker-grad\">Agilera Growth System\u2122<\/span>\r\n      <\/p>\r\n\r\n      <h3 class=\"ag-growth-headline\">\r\n        AKO DOK\u00c1\u017dEME<br>\r\n        ZABEZPE\u010cI\u0164 V\u00c1\u0160 RAST?\r\n      <\/h3>\r\n\r\n      <p class=\"ag-growth-subheadline\">\r\n        Pokud v\u00edte, \u010deho chcete dos\u00e1hnout, v\u00edme, jak toho dos\u00e1hnout. Rychle, systematicky, m\u011b\u0159iteln\u011b.\r\n      <\/p>\r\n\r\n      <a href=\"#kontakt\" class=\"ag-growth-cta\" aria-label=\"Kontaktujte n\u00e1s\">\r\n        <!-- CTA ako background-image, ned\u00e1 sa otvori\u0165 ani zv\u00e4\u010d\u0161i\u0165 -->\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- RIGHT -->\r\n    <div class=\"ag-growth-right\">\r\n      <div class=\"ag-growth-steps-wrapper\">\r\n        <div class=\"ag-growth-steps\">\r\n          <button class=\"ag-step ag-step-active\" type=\"button\" data-step=\"1\">\r\n            <span class=\"ag-step-line\">\r\n              <span class=\"ag-step-line-track\"><\/span>\r\n              <span class=\"ag-step-line-beam\"><\/span>\r\n            <\/span>\r\n            <span class=\"ag-step-index\">01<\/span>\r\n            <span class=\"ag-step-label\">Strategie<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"ag-step\" type=\"button\" data-step=\"2\">\r\n            <span class=\"ag-step-line\">\r\n              <span class=\"ag-step-line-track\"><\/span>\r\n              <span class=\"ag-step-line-beam\"><\/span>\r\n            <\/span>\r\n            <span class=\"ag-step-index\">02<\/span>\r\n            <span class=\"ag-step-label\">Obsah<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"ag-step\" type=\"button\" data-step=\"3\">\r\n            <span class=\"ag-step-line\">\r\n              <span class=\"ag-step-line-track\"><\/span>\r\n              <span class=\"ag-step-line-beam\"><\/span>\r\n            <\/span>\r\n            <span class=\"ag-step-index\">03<\/span>\r\n            <span class=\"ag-step-label\">Kampan\u011b<\/span>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Glass slider box pod kolonkami \u2013 pln\u00e1 \u0161\u00edrka -->\r\n      <div class=\"ag-growth-content\">\r\n        <div class=\"ag-growth-card ag-growth-card-active\" data-step-content=\"1\">\r\n          <h3>Strategie<\/h3>\r\n          <p>\r\n            Spole\u010dn\u011b definujeme c\u00edle, stanovujeme hypot\u00e9zy a ur\u010dujeme, co m\u00e1 nejv\u011bt\u0161\u00ed potenci\u00e1l pro v\u00fdkon. V\u0161e ostatn\u00ed poch\u00e1z\u00ed z t\u00e9to f\u00e1ze \u2013 od kreativy po kampa\u0148.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ag-growth-card\" data-step-content=\"2\">\r\n          <h3>V\u00fdroba a postprodukce<\/h3>\r\n          <p>\r\n            P\u0159ijedeme, p\u0159iprav\u00edme a dod\u00e1me obsah, kter\u00fd uk\u00e1\u017ee va\u0161i zna\u010dku v tom nejlep\u0161\u00edm sv\u011btle. Od v\u00fdroby a\u017e po postprodukci je v\u0161e nastaveno tak, aby bylo mo\u017en\u00e9 \u0161k\u00e1lovat.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ag-growth-card\" data-step-content=\"3\">\r\n          <h3>Kampan\u011b, testov\u00e1n\u00ed a optimalizace<\/h3>\r\n          <p>\r\n            Spou\u0161t\u00edme kampan\u011b na nejsiln\u011bj\u0161\u00edch platform\u00e1ch \u2013 Meta, Tiktok, Pinterest a Spotify. \u0160k\u00e1lujeme, co funguje. Co nefunguje, optimalizujeme nebo vypneme.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\r\n\r\n\/* premenn\u00e9 a z\u00e1klad ako FAQ *\/\r\n.ag-growth-section{\r\n  --ink:#ECECEC;\r\n  --muted:#B9B9B9;\r\n  --hair:#FFFFFF18;\r\n  --hair-strong:#FFFFFF26;\r\n  --accent:#787FF6;\r\n\r\n  color:var(--ink);\r\n  font-family:'Unbounded',system-ui,sans-serif;\r\n  -webkit-font-smoothing:antialiased;\r\n  padding:90px 0;\r\n  background:transparent;\r\n  -webkit-tap-highlight-color:rgba(0,0,0,0);\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.ag-growth-inner{\r\n  width:min(80vw,1200px);\r\n  margin:0 auto;\r\n  padding:0 clamp(12px,3vw,24px);\r\n  display:grid;\r\n  grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);\r\n  gap:48px;\r\n  align-items:center;\r\n}\r\n\r\n\/* LEFT *\/\r\n.ag-growth-left{ max-width:520px; }\r\n\r\n.ag-growth-kicker{\r\n  margin:0 0 10px;\r\n  font-size:11px;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n}\r\n.ag-growth-kicker-grad{\r\n  background:linear-gradient(to right,#FFFFFF,#787FF6);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  background-clip:text;\r\n  color:transparent;\r\n}\r\n\r\n.ag-growth-headline{\r\n  margin:0 0 12px;\r\n  font-weight:400;\r\n  line-height:1.2;\r\n  letter-spacing:.01em;\r\n  font-size:clamp(24px,3.1vw,32px);\r\n  background:radial-gradient(circle at center,#FFFFFF 30%,#696969 100%);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  background-clip:text;\r\n  color:transparent;\r\n}\r\n\r\n.ag-growth-subheadline{\r\n  margin:0 0 18px;\r\n  color:var(--muted);\r\n  font-size:14px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* CTA \u2013 v\u00e4\u010d\u0161\u00ed button *\/\r\n.ag-growth-cta{\r\n  display:inline-block;\r\n  line-height:0;\r\n  border-radius:12px;\r\n  overflow:hidden;\r\n  box-shadow:0 8px 20px rgba(0,0,0,.18);\r\n  transition:transform .2s ease, box-shadow .2s ease;\r\n  width:auto;\r\n  height:auto;\r\n}\r\n.ag-growth-cta:hover{\r\n  transform:translateY(-1px);\r\n  box-shadow:0 12px 28px rgba(0,0,0,.22);\r\n}\r\n.ag-growth-cta{\r\n  background-image:url(\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/11\/Group-208.png\");\r\n  background-size:contain;\r\n  background-repeat:no-repeat;\r\n  background-position:center;\r\n  width:clamp(140px,14vw,190px);\r\n  height:56px;\r\n}\r\n\r\n\/* RIGHT *\/\r\n.ag-growth-right{ position:relative; }\r\n\r\n.ag-growth-steps-wrapper{ margin-bottom:24px; }\r\n\r\n.ag-growth-steps{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:18px;\r\n}\r\n\r\n\/* box vizu\u00e1l *\/\r\n.ag-step{\r\n  position:relative;\r\n  border:1px solid rgba(255,255,255,0.08);\r\n  background:radial-gradient(circle at top left,#151515 0%,#090909 55%,#050505 100%);\r\n  padding:20px 18px 16px;\r\n  border-radius:18px;\r\n  cursor:pointer;\r\n  text-align:left;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:4px;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  min-height:84px;\r\n  box-shadow:0 18px 32px rgba(0,0,0,0.75);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n  transition:\r\n    background .25s ease,\r\n    transform .2s ease,\r\n    box-shadow .25s ease,\r\n    border-color .25s ease;\r\n}\r\n\r\n\/* odstr\u00e1nenie bieleho or\u00e1movania *\/\r\n.ag-step:focus,\r\n.ag-step:focus-visible{\r\n  outline:none;\r\n}\r\n\r\n\/* \u010diara *\/\r\n.ag-step-line{\r\n  position:absolute;\r\n  top:0;\r\n  left:10px;\r\n  right:10px;\r\n  height:3px;\r\n  pointer-events:none;\r\n  overflow:hidden;\r\n}\r\n.ag-step-line-track{\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(90deg,\r\n    rgba(255,255,255,.04),\r\n    rgba(120,127,246,.25),\r\n    rgba(255,255,255,.04));\r\n  opacity:.7;\r\n}\r\n.ag-step-line-beam{\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  height:3px;\r\n  width:0;\r\n  background:linear-gradient(90deg,\r\n    rgba(255,255,255,.5),\r\n    #FFFFFF,\r\n    rgba(255,255,255,.9));\r\n  box-shadow:\r\n    0 0 12px rgba(255,255,255,.9),\r\n    0 0 24px rgba(120,127,246,.9);\r\n  opacity:0;\r\n}\r\n.ag-step.ag-step-active .ag-step-line-beam{\r\n  opacity:1;\r\n  animation:agBeamFill var(--beam-duration,4.5s) linear forwards;\r\n}\r\n@keyframes agBeamFill{\r\n  0%{ width:0%; opacity:1; }\r\n  100%{ width:100%; opacity:1; }\r\n}\r\n\r\n.ag-step-index{\r\n  font-size:11px;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n  color:#949494;\r\n}\r\n\r\n.ag-step-label{\r\n  font-size:clamp(13.5px,1.15vw,15px);\r\n  line-height:1.35;\r\n  font-weight:300;\r\n  letter-spacing:.01em;\r\n  color:#F2F2F2;\r\n}\r\n\r\n\/* hover \/ active *\/\r\n.ag-step:hover{\r\n  transform:translateY(-1px);\r\n  box-shadow:0 22px 40px rgba(0,0,0,.95);\r\n  border-color:rgba(255,255,255,.16);\r\n}\r\n.ag-step.ag-step-active{\r\n  background:radial-gradient(circle at top,#1a1a1a 0%,#0d0d0d 55%,#050505 100%);\r\n  box-shadow:0 0 0 1px rgba(120,127,246,.25),0 24px 48px rgba(0,0,0,1);\r\n  border-color:rgba(120,127,246,.6);\r\n}\r\n\r\n\/* slider box *\/\r\n.ag-growth-content{\r\n  position:relative;\r\n  height:140px;\r\n  width:100%;\r\n}\r\n\r\n.ag-growth-card{\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  padding:14px 18px 14px 22px;\r\n  border-radius:16px;\r\n  background:rgba(7,7,7,.86);\r\n  border:1px solid rgba(255,255,255,.10);\r\n  box-shadow:0 24px 46px rgba(0,0,0,.98);\r\n  backdrop-filter:blur(16px);\r\n  -webkit-backdrop-filter:blur(16px);\r\n  opacity:0;\r\n  z-index:1;\r\n  transition:\r\n    transform .4s ease,\r\n    opacity .35s ease,\r\n    box-shadow .35s ease,\r\n    border-color .35s ease;\r\n}\r\n\r\n.ag-growth-card-active{\r\n  opacity:1;\r\n  z-index:3;\r\n}\r\n\r\n.ag-growth-card h3{\r\n  margin:0 0 6px;\r\n  font-size:clamp(13.5px,1.15vw,15px);\r\n  line-height:1.35;\r\n  font-weight:300;\r\n  letter-spacing:.01em;\r\n  text-transform:uppercase;\r\n  color:#F2F2F2;\r\n}\r\n\r\n.ag-growth-card p{\r\n  margin:0;\r\n  color:#CFCFCF;\r\n  font-size:clamp(12.5px,1.05vw,14px);\r\n  line-height:1.65;\r\n}\r\n\r\n\/* VSTUPN\u00c1 ANIM\u00c1CIA SEKCI\u00cd LEFT \/ RIGHT *\/\r\n.ag-growth-left,\r\n.ag-growth-right{\r\n  opacity:0;\r\n  transform:translateY(32px);\r\n  transition:\r\n    opacity .65s ease-out,\r\n    transform .65s ease-out;\r\n}\r\n\r\n.ag-growth-section.ag-in-view .ag-growth-left{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n  transition-delay:.05s;\r\n}\r\n\r\n.ag-growth-section.ag-in-view .ag-growth-right{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n  transition-delay:.18s;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width:1000px){\r\n  .ag-growth-inner{\r\n    grid-template-columns:1fr;\r\n    gap:28px;\r\n  }\r\n}\r\n\r\n@media (max-width:768px){\r\n  .ag-growth-section{ padding:56px 0; }\r\n  .ag-growth-inner{ padding-inline:16px; }\r\n  .ag-growth-steps{ grid-template-columns:1fr; }\r\n  .ag-growth-content{ height:160px; }\r\n}\r\n\r\n@media (max-width:480px){\r\n  .ag-growth-inner{ padding-inline:14px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \/* Vstupn\u00e1 anim\u00e1cia sekcie pomocou IntersectionObserver *\/\r\n  const growthSection = document.querySelector('.ag-growth-section');\r\n  if (growthSection) {\r\n    const revealSection = () => {\r\n      growthSection.classList.add('ag-in-view');\r\n    };\r\n\r\n    if ('IntersectionObserver' in window) {\r\n      const observer = new IntersectionObserver((entries, obs) => {\r\n        const entry = entries[0];\r\n        if (entry.isIntersecting) {\r\n          revealSection();\r\n          obs.disconnect();\r\n        }\r\n      }, {\r\n        threshold:0.35\r\n      });\r\n\r\n      observer.observe(growthSection);\r\n    } else {\r\n      \/\/ fallback \u2013 ak prehliada\u010d nepodporuje IO, zobraz hne\u010f\r\n      revealSection();\r\n    }\r\n  }\r\n\r\n  const steps = Array.from(document.querySelectorAll('.ag-step'));\r\n  const cards = Array.from(document.querySelectorAll('.ag-growth-card'));\r\n  if (!steps.length || !cards.length) return;\r\n\r\n  const totalSteps = steps.length;\r\n  const baseIntervalMs = 4500;\r\n  const extendedIntervalMs = baseIntervalMs * 2;\r\n\r\n  let currentStep = 1;\r\n  let autoTimer = null;\r\n  let currentBeamDuration = baseIntervalMs;\r\n\r\n  function updateSteps(stepIndex, durationMs) {\r\n    steps.forEach(step => {\r\n      const isActive = step.dataset.step === String(stepIndex);\r\n      step.classList.toggle('ag-step-active', isActive);\r\n\r\n      const beam = step.querySelector('.ag-step-line-beam');\r\n      if (beam) {\r\n        beam.style.animation = 'none';\r\n        beam.style.setProperty('--beam-duration', `${durationMs \/ 1000}s`);\r\n        void beam.offsetWidth;\r\n        if (isActive) {\r\n          beam.style.animation = '';\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  function updateCards(stepIndex) {\r\n    cards.forEach(card => {\r\n      const cardStep = parseInt(card.dataset.stepContent, 10);\r\n      let offset = cardStep - stepIndex;\r\n      if (offset > 1) offset = -1;\r\n      if (offset < -1) offset = 1;\r\n      const isActive = offset === 0;\r\n      const translateExpr = `translateX(${offset * 28}px)`;\r\n      const scale = isActive ? 1 : 0.96;\r\n      const opacity = isActive ? 1 : 0.35;\r\n      const z = isActive ? 3 : 1;\r\n      card.style.transform = `${translateExpr} scale(${scale})`;\r\n      card.style.opacity = opacity;\r\n      card.style.zIndex = z;\r\n      card.classList.toggle('ag-growth-card-active', isActive);\r\n    });\r\n  }\r\n\r\n  function resetAutoplay(customMs) {\r\n    if (autoTimer) clearInterval(autoTimer);\r\n    const duration = customMs || baseIntervalMs;\r\n    autoTimer = setInterval(nextStep, duration);\r\n  }\r\n\r\n  function setActiveStep(stepIndex, userTriggered) {\r\n    currentStep = stepIndex;\r\n    currentBeamDuration = userTriggered ? extendedIntervalMs : baseIntervalMs;\r\n    updateSteps(stepIndex, currentBeamDuration);\r\n    updateCards(stepIndex);\r\n\r\n    if (userTriggered) {\r\n      resetAutoplay(extendedIntervalMs);\r\n    } else {\r\n      resetAutoplay(baseIntervalMs);\r\n    }\r\n  }\r\n\r\n  function nextStep() {\r\n    const next = currentStep === totalSteps ? 1 : currentStep + 1;\r\n    setActiveStep(next, false);\r\n  }\r\n\r\n  steps.forEach(step => {\r\n    step.addEventListener('click', () => {\r\n      const idx = parseInt(step.dataset.step, 10);\r\n      setActiveStep(idx, true);\r\n    });\r\n  });\r\n\r\n  setActiveStep(1, false);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab6c85a elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"ab6c85a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba5edb0 elementor-widget elementor-widget-spacer\" data-id=\"ba5edb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f8042c elementor-widget elementor-widget-html\" data-id=\"3f8042c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== AGILERA \u2013 METRICS (premium minimal \u2013 refined count-up, UX a CTA) ===== -->\r\n<section id=\"ag-metrics\" class=\"msec\" aria-labelledby=\"mHead\">\r\n  <style>\r\n    :root{\r\n      --accent:#787FF6;\r\n      --ink:#EAEAEA;\r\n      --muted:#AFAFAF;\r\n\r\n      \/* deliace l\u00ednie \u2013 jemn\u00e9, dlh\u0161ie *\/\r\n      --line-strong:rgba(255,255,255,.18);\r\n      --line-soft:rgba(255,255,255,.06);\r\n\r\n      \/* horizont\u00e1lna medzera medzi blokmi *\/\r\n      --gap:clamp(52px,6.4vw,96px);\r\n    }\r\n\r\n    .msec{\r\n      position:relative; isolation:isolate; background:transparent;\r\n      padding: 92px 24px 64px;\r\n      font-family:'Unbounded',system-ui,sans-serif; font-weight:400;\r\n      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n    }\r\n    .mwrap{ max-width:1200px; margin:0 auto; text-align:center; }\r\n\r\n    \/* H2 30px \/ Sub 14px *\/\r\n    #mHead{\r\n      margin:0 auto 12px;\r\n      font-size:30px; line-height:1.25; font-weight:400; letter-spacing:.02em;\r\n      background: radial-gradient(circle at 50% 40%, #FFFFFF 32%, #9B9B9B 70%, #6B6B6B 100%);\r\n      -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n      filter: drop-shadow(0 0 .35px rgba(255,255,255,.25));\r\n    }\r\n    .msub{\r\n      margin:0 auto 68px;\r\n      max-width:760px;\r\n      font-size:14px; line-height:1.7; font-weight:400; color:var(--muted); letter-spacing:.01em;\r\n      text-wrap:pretty;\r\n    }\r\n\r\n    \/* GRID: hodnoty + separ\u00e1tory v samostatn\u00fdch st\u013apcoch *\/\r\n    .mgrid{\r\n      list-style:none; margin:0; padding:0;\r\n      display:grid; align-items:start;\r\n      grid-template-columns: 1fr min-content 1fr min-content 1fr min-content 1fr;\r\n      column-gap:var(--gap);\r\n      row-gap:28px;\r\n    }\r\n\r\n    .mitem{\r\n      position:relative; text-align:center; opacity:0; transform:translateY(8px);\r\n      content-visibility:auto; contain-intrinsic-size:220px;\r\n      transition:transform .22s ease, opacity .22s ease;\r\n    }\r\n    \/* p\u00f4vodn\u00fd, len mierne silnej\u0161\u00ed hover na box \u2013 nech je st\u00e1le kultivovan\u00fd *\/\r\n    .mitem:hover{ transform: translateY(-2px); }\r\n    .mitem:hover .mval{ filter:brightness(1.05); }\r\n\r\n    \/* Hodnota \u2013 59px \/ 400; v\u00e4\u010d\u0161\u00ed odstup pod \u010d\u00edslom *\/\r\n    .mval{\r\n      margin:0 0 20px;\r\n      font-size:59px; line-height:1; font-weight:400; letter-spacing:.01em;\r\n      background: linear-gradient(180deg, #FFFFFF 0%, #DCE0FF 38%, var(--accent) 100%);\r\n      -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n      font-variant-numeric: lining-nums tabular-nums;\r\n      transform:translateZ(0);\r\n      transition: filter .22s ease, transform .22s ease;\r\n      cursor:default;\r\n      outline:none;\r\n    }\r\n    \/* micro \"tick\" po dopo\u010d\u00edtan\u00ed \u2013 decentn\u00e1 potvr\u010fovacia iskra *\/\r\n    .mval.tick {\r\n      animation: metricTick .18s ease-out 1;\r\n    }\r\n    @keyframes metricTick {\r\n      0%   { filter:brightness(1.0); }\r\n      50%  { filter:brightness(1.10); }\r\n      100% { filter:brightness(1.0); }\r\n    }\r\n\r\n    \/* kl\u00e1vesnicov\u00fd focus \u2013 nen\u00e1padn\u00fd \u201ekr\u00fa\u017eok\u201c okolo hodnoty (bez z\u00e1sahu do layoutu) *\/\r\n    .mval:focus-visible{\r\n      box-shadow: 0 0 0 10px rgba(120,127,246,.10);\r\n      border-radius:14px;\r\n    }\r\n\r\n    \/* Label \u2013 16px \/ 400, uppercase, \u201esilver\u201c *\/\r\n    .mlabel{\r\n      margin:0 0 14px;\r\n      font-size:16px; line-height:1; font-weight:400;\r\n      letter-spacing:.22em; text-transform:uppercase;\r\n      background: linear-gradient(180deg, #EFEFEF 0%, #BFBFBF 60%, #8F8F8F 100%);\r\n      -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n    }\r\n\r\n    \/* Note \u2013 12px \/ 400, trochu vy\u0161\u0161\u00ed kontrast *\/\r\n    .mnote{\r\n      margin:0 auto; max-width:280px;\r\n      font-size:12px; line-height:1.7; font-weight:400; color:#C2C2C2;\r\n    }\r\n\r\n    \/* Separ\u00e1tor \u2013 jemn\u00fd, dlh\u0161\u00ed, ve\u013emi decentn\u00fd glint *\/\r\n    .msep{ align-self:stretch; display:grid; place-items:center; opacity:0; }\r\n    .msep > span{\r\n      position:relative; width:1.5px; height:95%;\r\n      background: linear-gradient(180deg, transparent 0%, var(--line-soft) 16%, var(--line-strong) 50%, var(--line-soft) 84%, transparent 100%);\r\n      transform-origin:center top; transform:scaleY(0);\r\n    }\r\n    .msep > span::after{\r\n      content:\"\"; position:absolute; inset:-10px -8px; pointer-events:none;\r\n      background: radial-gradient(closest-side, rgba(255,255,255,.06), rgba(120,127,246,.06) 55%, transparent 70%);\r\n      filter: blur(7px);\r\n    }\r\n\r\n    \/* CTA \u2013 bez glow, silnej\u0161\u00ed floating; HOVER = zv\u00e4\u010d\u0161\u00ed sa LEN obr\u00e1zok *\/\r\n    .mcta{\r\n      margin: 72px auto 0;\r\n      display:inline-block;\r\n      will-change: transform;\r\n      animation: floatX 4.0s ease-in-out infinite alternate; \/* v\u00fdraznej\u0161ie *\/\r\n    }\r\n    .mcta-inner{\r\n      display:inline-block;\r\n      will-change: transform;\r\n      animation: floatY 3.6s ease-in-out infinite alternate;\r\n    }\r\n    .mcta img{\r\n      display:block; height:auto; width: clamp(200px, 24vw, 320px);\r\n      transform: translateZ(0);\r\n      will-change: transform;\r\n      animation: breathe 4.8s ease-in-out infinite alternate;\r\n      transition: transform .24s ease;\r\n    }\r\n    \/* Hover: pauzni floating a zv\u00e4\u010d\u0161i len obr\u00e1zok (ostr\u00fd raster) *\/\r\n    .mcta:hover, .mcta:hover .mcta-inner, .mcta:hover img{ animation-play-state: paused; }\r\n    .mcta:hover img{ transform: scale(1.08); }\r\n\r\n    \/* Jednorazov\u00fd \u201enudge\u201c CTA po zobrazen\u00ed (neglowuje, len kr\u00e1tky scale) *\/\r\n    .mcta.nudge img{ animation: ctaNudge .8s ease-out 1; }\r\n    @keyframes ctaNudge{ 0%{ transform:scale(1);} 40%{ transform:scale(1.03);} 100%{ transform:scale(1);} }\r\n\r\n    \/* Floating \u2013 bez rot\u00e1cie (ostrej\u0161\u00ed raster) *\/\r\n    @keyframes floatX{ 0%{ transform:translateX(0); } 100%{ transform:translateX(16px); } }\r\n    @keyframes floatY{ 0%{ transform:translateY(0); } 100%{ transform:translateY(-10px); } }\r\n    @keyframes breathe{ 0%{ transform:scale(1); } 100%{ transform:scale(1.024); } }\r\n\r\n    \/* Reveal *\/\r\n    .mitem.is-in{ opacity:1; transform:none; transition:opacity .5s ease, transform .5s ease; }\r\n    .msep.is-in{ opacity:1; transition:opacity .35s ease .05s; }\r\n    .msep.is-in > span{ transform:scaleY(1); transition:transform .55s ease .05s; }\r\n\r\n    \/* Utility: visually-hidden pre SR *\/\r\n    .visually-hidden{\r\n      position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;\r\n      clip:rect(0,0,0,0); white-space:nowrap; border:0;\r\n    }\r\n\r\n    \/* Tablet 2 st\u013apce \u2013 bez stredn\u00e9ho separ\u00e1tora (2\u21943) *\/\r\n    @media (max-width:1100px){\r\n      .mgrid{ grid-template-columns: 1fr min-content 1fr; column-gap:clamp(40px,6vw,72px); }\r\n      .sep23{ display:none; }\r\n    }\r\n\r\n    \/* Mobile 1 st\u013apec \u2013 bez \u010diar, men\u0161ie \u010d\u00edsla *\/\r\n    @media (max-width:560px){\r\n      .mgrid{ grid-template-columns:1fr; }\r\n      .msep{ display:none; }\r\n      .mval{ font-size:48px; }\r\n      .mlabel{ font-size:14px; }\r\n      .mnote{ max-width:100%; }\r\n    }\r\n\r\n    \/* Reduced motion *\/\r\n    @media (prefers-reduced-motion:reduce){\r\n      .mitem,.msep{ opacity:1 !important; transform:none !important; }\r\n      .msep > span{ transform:none !important; }\r\n      .mcta, .mcta-inner, .mcta img{ animation:none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"mwrap\">\r\n    <h2 id=\"mHead\">Jak n\u00e1\u0161 syst\u00e9m funguje v praxi?<\/h2>\r\n    <p class=\"msub\">Ka\u017ed\u00fd klient je jin\u00fd. Ale syst\u00e9m, kter\u00fd funguje, z\u016fst\u00e1v\u00e1 stejn\u00fd.<\/p>\r\n\r\n    <ul class=\"mgrid\" role=\"list\" aria-label=\"Kl\u00ed\u010dov\u00e9 v\u00fdsledky\">\r\n      <li class=\"mitem\" role=\"listitem\" aria-label=\"+128 % ROAS \u2013 Pr\u016fm\u011brn\u00fd n\u00e1r\u016fst n\u00e1vratnosti investic do reklamy\" data-gtm-metric=\"roas\">\r\n        <p class=\"mval\" tabindex=\"0\" aria-live=\"off\" data-from=\"0\" data-to=\"128\" data-prefix=\"+\" data-suffix=\"%\">+128%<\/p>\r\n        <span class=\"visually-hidden\">Pr\u016fm\u011brn\u00fd n\u00e1r\u016fst n\u00e1vratnosti investic do reklamy<\/span>\r\n        <p class=\"mlabel\">roas<\/p>\r\n        <p class=\"mnote\">Pr\u016fm\u011brn\u00fd n\u00e1r\u016fst n\u00e1vratnosti investic do reklamy<\/p>\r\n      <\/li>\r\n\r\n      <li class=\"msep sep12\" role=\"presentation\" aria-hidden=\"true\"><span><\/span><\/li>\r\n\r\n      <li class=\"mitem\" role=\"listitem\" aria-label=\"92 % v\u00fdstup\u016f \u2013 nen\u00ed pot\u0159eba \u017e\u00e1dn\u00fd z\u00e1sah klienta\" data-gtm-metric=\"outputs\">\r\n        <p class=\"mval\" tabindex=\"0\" aria-live=\"off\" data-from=\"0\" data-to=\"92\" data-prefix=\"\" data-suffix=\"%\">92%<\/p>\r\n        <span class=\"visually-hidden\">bez nutnosti z\u00e1sahu klienta<\/span>\r\n        <p class=\"mlabel\">v\u00fdstupy<\/p>\r\n        <p class=\"mnote\">bez nutnosti z\u00e1sahu klienta<\/p>\r\n      <\/li>\r\n\r\n      <li class=\"msep sep23\" role=\"presentation\" aria-hidden=\"true\"><span><\/span><\/li>\r\n\r\n      <li class=\"mitem\" role=\"listitem\" aria-label=\"+312% konverze \u2013 Zv\u00fd\u0161en\u00ed v\u00fdkonu v kampan\u00edch\" data-gtm-metric=\"conversions\">\r\n        <p class=\"mval\" tabindex=\"0\" aria-live=\"off\" data-from=\"0\" data-to=\"312\" data-prefix=\"+\" data-suffix=\"%\">+312%<\/p>\r\n        <span class=\"visually-hidden\">Zvy\u0161ov\u00e1n\u00ed v\u00fdkonu v kampan\u00edch<\/span>\r\n        <p class=\"mlabel\">konverze<\/p>\r\n        <p class=\"mnote\">Zvy\u0161ov\u00e1n\u00ed v\u00fdkonu v kampan\u00edch<\/p>\r\n      <\/li>\r\n\r\n      <li class=\"msep sep34\" role=\"presentation\" aria-hidden=\"true\"><span><\/span><\/li>\r\n\r\n      <li class=\"mitem\" role=\"listitem\" aria-label=\"0 \u20ac Rozpo\u010det \u2013 zbyte\u010dn\u011b reinvestov\u00e1n\" data-gtm-metric=\"waste\">\r\n        <p class=\"mval\" tabindex=\"0\" aria-live=\"off\" data-from=\"0\" data-to=\"0\" data-prefix=\"\" data-suffix=\" \u20ac\">0\u00a0\u20ac<\/p>\r\n        <span class=\"visually-hidden\">zbyte\u010dn\u011b reinvestov\u00e1no<\/span>\r\n        <p class=\"mlabel\">rozpo\u010det<\/p>\r\n        <p class=\"mnote\">zbyte\u010dn\u011b reinvestov\u00e1no<\/p>\r\n      <\/li>\r\n    <\/ul>\r\n\r\n    <!-- CTA \u2013 bez glow; v\u00fdrazn\u00fd floating; hover = zv\u00e4\u010d\u0161\u00ed sa len obr\u00e1zok -->\r\n    <a class=\"mcta\" href=\"#kontakt\" aria-label=\"Chceme tak\u00e9 v\u00fdsledky\" data-gtm-cta=\"metrics-cta\">\r\n      <span class=\"mcta-inner\">\r\n        <img loading=\"lazy\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-232.png\" srcset=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-232.png 1x,\r\n                  https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-232@2x.png 2x\" width=\"320\" height=\"72\" alt=\"Chceme tak\u00e9 v\u00fdsledky\" decoding=\"async\">\r\n      <\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Fade-up + count-up (ease-out) + micro-tick + re-count na hover\/focus\/touch + CTA nudge + GTM h\u00e1\u010diky *\/\r\n(function(){\r\n  const sec = document.querySelector('#ag-metrics');\r\n  if(!sec) return;\r\n\r\n  const items  = [...sec.querySelectorAll('.mitem')];\r\n  const seps   = [...sec.querySelectorAll('.msep')];\r\n  const values = [...sec.querySelectorAll('.mval')];\r\n  const cta    = sec.querySelector('.mcta');\r\n  const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  \/\/ Easing \u2014 plynulej\u0161\u00ed \u201eneuromarketing\u201c dobeh (r\u00fdchly za\u010diatok, jemn\u00fd koniec)\r\n  const easeOutCubic = t => 1 - Math.pow(1 - t, 3);\r\n\r\n  function countUp(el, duration){\r\n    if(prefersReduced) return;\r\n    const from = Number(el.dataset.from || 0);\r\n    const to   = Number(el.dataset.to   || 0);\r\n    const pre  = el.dataset.prefix || '';\r\n    const suf  = el.dataset.suffix || '';\r\n    const dur  = duration || 1200;\r\n\r\n    el.__countId = (el.__countId || 0) + 1;\r\n    const id = el.__countId;\r\n    const t0 = performance.now();\r\n\r\n    const step = (t)=>{\r\n      if(el.__countId !== id) return;\r\n      const p = Math.min(1, (t - t0)\/dur);\r\n      const eased = easeOutCubic(p);\r\n      el.textContent = pre + Math.round(from + (to - from)*eased) + suf;\r\n      if(p < 1){\r\n        requestAnimationFrame(step);\r\n      }else{\r\n        \/\/ micro \"tick\" potvrdenie\r\n        el.classList.remove('tick');\r\n        void el.offsetWidth; \/\/ restart CSS anim\u00e1cie\r\n        el.classList.add('tick');\r\n      }\r\n    };\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  \/\/ Reveal + prv\u00e9 count-up (so staggerom)\r\n  const io = new IntersectionObserver((entries, obs)=>{\r\n    entries.forEach(entry=>{\r\n      if(!entry.isIntersecting) return;\r\n      const el = entry.target;\r\n\r\n      if(el.classList.contains('mitem')){\r\n        const idx = items.indexOf(el);\r\n        el.style.transitionDelay = (idx * 60) + 'ms';\r\n      }\r\n      if(el.classList.contains('msep')){\r\n        const idx = seps.indexOf(el);\r\n        el.style.transitionDelay = (idx * 60 + 50) + 'ms';\r\n      }\r\n\r\n      el.classList.add('is-in');\r\n\r\n      if(el.classList.contains('mitem')){\r\n        const v = el.querySelector('.mval');\r\n        if(v) countUp(v, 1200);\r\n      }\r\n      obs.unobserve(el);\r\n    });\r\n  }, { threshold:.35 });\r\n\r\n  items.forEach(i=> io.observe(i));\r\n  seps.forEach(s=> io.observe(s));\r\n\r\n  \/\/ Re-count pri interakcii priamo na \u010d\u00edsle (mouse, kl\u00e1vesnica, dotyk)\r\n  values.forEach(v=>{\r\n    const trigger = () => countUp(v, 900);\r\n    v.addEventListener('mouseenter', trigger);\r\n    v.addEventListener('focus', trigger);\r\n    v.addEventListener('touchstart', trigger, {passive:true});\r\n    \/\/ GTM hook: interakcia s metrikou\r\n    v.addEventListener('mouseenter', ()=> v.closest('.mitem')?.setAttribute('data-gtm-interacted','1'), {once:true});\r\n  });\r\n\r\n  \/\/ CTA \u2013 jemn\u00fd \u201enudge\u201c len raz, ke\u010f pr\u00edde do view (po 1.6s)\r\n  if(cta && !prefersReduced){\r\n    const ctaIO = new IntersectionObserver((ents, ob)=>{\r\n      ents.forEach(e=>{\r\n        if(!e.isIntersecting) return;\r\n        setTimeout(()=> cta.classList.add('nudge'), 1600);\r\n        ob.disconnect();\r\n      });\r\n    }, {threshold:.5});\r\n    ctaIO.observe(cta);\r\n  }\r\n\r\n  \/\/ GTM hook: klik na CTA (bez kni\u017en\u00edc)\r\n  if(cta){\r\n    cta.addEventListener('click', ()=>{\r\n      try{\r\n        window.dataLayer = window.dataLayer || [];\r\n        window.dataLayer.push({event:'metrics_cta_click', source:'metrics_section'});\r\n      }catch(_){}\r\n    });\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd42f27 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"cd42f27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6762a8e elementor-widget elementor-widget-spacer\" data-id=\"6762a8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdf232f elementor-widget elementor-widget-html\" data-id=\"fdf232f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== AGILERA \u2013 COMPAT (clean meter, aligned to NIE\/\u00c1NO, glow trail, 100% celebration, smaller organic CTA + smooth entrance) ===== -->\r\n<section id=\"compat\" class=\"ag-compat\" aria-labelledby=\"compatHead\">\r\n  <style>\r\n    :root{\r\n      --ink:#EAEAEA;\r\n      --muted:#B9B9B9;\r\n      --accent:#787FF6;\r\n      --edge:rgba(255,255,255,.12);\r\n      --line:#FFFFFF12;\r\n      --beam:#DDE2FF;\r\n      --dot:#FFFFFF;\r\n    }\r\n\r\n    .ag-compat{\r\n      position:relative; isolation:isolate; background:transparent;\r\n      padding:92px 0 84px; \/* centrovanie L\/R zachovan\u00e9 *\/\r\n      font-family:'Unbounded',system-ui,sans-serif; font-weight:400;\r\n      -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\r\n      color:var(--ink);\r\n    }\r\n    .compat-wrap{\r\n      max-width:1200px; margin:0 auto;\r\n      padding-inline: clamp(16px, 4vw, 24px);\r\n    }\r\n\r\n    \/* Headline \u2013 gradient + jemnej\u0161ie letter-spacing *\/\r\n    #compatHead{\r\n      margin:0 0 10px;\r\n      font-size:30px; line-height:1.28; letter-spacing:.015em; font-weight:400;\r\n      background: radial-gradient(circle at center, #FFFFFF 30%, #696969 100%);\r\n      -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n    }\r\n    .compat-sub{\r\n      margin:0 0 64px;\r\n      color:var(--muted); font-size:14px; line-height:1.7; text-wrap:pretty;\r\n    }\r\n\r\n    \/* Layout *\/\r\n    .compat-grid{\r\n      display:grid; grid-template-columns:minmax(420px,1fr) minmax(360px,520px);\r\n      gap:48px; align-items:start;\r\n      max-width:1120px; margin:0 auto; justify-content:center;\r\n    }\r\n    @media (max-width:980px){ .compat-grid{ grid-template-columns:1fr; gap:28px; } }\r\n\r\n    \/* LEFT \u2013 ot\u00e1zky *\/\r\n    .qs{ display:block; position:relative; }\r\n    .yn-legend{\r\n      position:absolute; right:0; top:-26px; font-size:10px; letter-spacing:.12em; text-transform:uppercase;\r\n      color:#C9CBD4; display:flex; gap:18px; align-items:center; user-select:none;\r\n      opacity:0; transform:translateY(8px);\r\n    }\r\n    .yn-pill{ width:36px; height:18px; border-radius:999px; border:1px solid rgba(255,255,255,.16); position:relative; }\r\n    .yn-pill::before{ content:\"\"; position:absolute; inset:2px; border-radius:999px; }\r\n    .yn-pill.off::before{ background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.10)); }\r\n    .yn-pill.on::before{ background:#FFFFFF; }\r\n\r\n    .q-row{\r\n      position:relative;\r\n      display:grid; grid-template-columns:1fr auto; align-items:center;\r\n      padding:16px 2px; gap:14px; cursor:pointer; border-radius:10px;\r\n      transition:background .18s ease, box-shadow .18s ease;\r\n      opacity:.0; transform:translateY(10px);\r\n    }\r\n    .q-row:hover{ background:linear-gradient(180deg, rgba(255,255,255,.02), transparent 70%); box-shadow:0 0 0 1px rgba(255,255,255,.03) inset; }\r\n    .q-row + .q-row::before{\r\n      content:\"\"; position:absolute; left:-8px; right:-8px; top:0; height:1px;\r\n      background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.10) 20%, rgba(255,255,255,.30) 50%, rgba(255,255,255,.10) 80%, transparent 100%);\r\n      box-shadow:0 0 16px rgba(155,170,255,.08); opacity:.65; pointer-events:none;\r\n    }\r\n    .q-text{ font-size:14px; color:#DEDEDE; letter-spacing:.01em; line-height:1.6; }\r\n\r\n    \/* Switch \u2013 v\u013eavo OFF, vpravo ON; \u017eiadna ru\u017eov\u00e1 *\/\r\n    .switch{\r\n      --w:92px; --h:32px;\r\n      position:relative; width:var(--w); height:var(--h);\r\n      border-radius:999px; border:1px solid rgba(255,255,255,.14) !important;\r\n      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.12)) !important;\r\n      cursor:pointer; display:inline-block; outline:none;\r\n      transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;\r\n      box-shadow: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.25);\r\n      color:inherit !important; filter:none !important;\r\n    }\r\n    .switch:hover, .switch:active{\r\n      border-color:rgba(255,255,255,.20) !important;\r\n      background:radial-gradient(120% 100% at 50% -20%, rgba(255,255,255,.10), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.10)) !important;\r\n      box-shadow: inset 0 2px 6px rgba(255,255,255,.05), inset 0 -2px 8px rgba(0,0,0,.28);\r\n    }\r\n    .switch:focus-visible{ outline:none; box-shadow:0 0 0 6px rgba(255,255,255,.12), inset 0 1px 0 rgba(255,255,255,.06) !important; transition: box-shadow .12s ease; }\r\n    .switch-dot{\r\n      --d:22px;\r\n      position:absolute; top:50%; width:var(--d); height:var(--d); border-radius:50%;\r\n      transform:translateY(-50%); left:4px;\r\n      background:linear-gradient(180deg, #EEF1FF, #C9D0F4);\r\n      transition:left .22s cubic-bezier(.22,1,.36,1), box-shadow .22s ease, background .22s ease;\r\n      box-shadow:0 0 0 1px rgba(255,255,255,.35) inset, 0 1px 4px rgba(0,0,0,.25);\r\n    }\r\n    .switch[aria-checked=\"true\"]{ background:#FFFFFF !important; border-color:#FFFFFF !important; box-shadow: inset 0 1px 0 rgba(0,0,0,.04), inset 0 -1px 0 rgba(0,0,0,.08); filter: brightness(1.06); }\r\n    .switch[aria-checked=\"true\"] .switch-dot{ left: calc(var(--w) - var(--d) - 4px); background:#0B0B0B; box-shadow:0 0 0 1px rgba(255,255,255,.85), 0 0 10px rgba(255,255,255,.18); }\r\n\r\n    \/* Mobile tap targets *\/\r\n    @media (max-width:480px){\r\n      .switch{ --h:38px; }\r\n      .switch-dot{ --d:26px; }\r\n      .q-row{ padding:20px 4px; }\r\n    }\r\n\r\n    \/* RIGHT \u2013 meter *\/\r\n    .meter-col{ display:flex; flex-direction:column; align-items:center; margin-top:0; }\r\n    .meter{ width:420px; height:420px; margin:0 auto 14px; position:relative; overflow:visible;\r\n      opacity:0; transform:scale(.96) translateY(6px);\r\n    }\r\n    @media (max-width:520px){ .meter{ width:360px; height:360px; } }\r\n    @media (max-width:420px){ .meter{ width:300px; height:300px; } }\r\n\r\n    .meter svg{ shape-rendering:geometricPrecision; }\r\n\r\n    .perc{\r\n      position:absolute; inset:0; display:grid; place-items:center; pointer-events:none;\r\n      font-size:42px; letter-spacing:.01em; text-align:center;\r\n      background:linear-gradient(180deg,#FFFFFF 0%,#E4E8FF 50%, var(--accent) 100%);\r\n      -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n      opacity:0; transform:translateY(8px);\r\n    }\r\n    .status{ font-size:13px; color:#D3D3D3; text-align:center; max-width:520px; opacity:0; transform:translateY(8px); }\r\n\r\n    \/* CTA \u2013 jemne zv\u00e4\u010d\u0161en\u00e9 + organick\u00fd floating cez JS *\/\r\n    .cta-wrap{ margin-top:16px; display:flex; justify-content:center; opacity:0; transform:translateY(8px); }\r\n    .cta-img{\r\n      display:block;\r\n      width: clamp(120px, 15vw, 200px);  \/* jemne zv\u00e4\u010d\u0161en\u00e9 CTA *\/\r\n      height:auto;\r\n      image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges;\r\n      transform-origin:center; transition:transform .25s ease; will-change:transform;\r\n    }\r\n    .cta-img.is-max{ animation: ctaNudge 900ms ease-out 1; }\r\n    @keyframes ctaNudge{ 0%{ transform:translate(0,0) scale(1); } 30%{ transform:translate(0,-3px) scale(1.04);} 100%{ transform:translate(0,0) scale(1);} }\r\n\r\n    \/* Celebration (100 %) *\/\r\n    .cele{ position:absolute; inset:-6%; pointer-events:none; }\r\n    .meter.is-max #progress{ filter:drop-shadow(0 0 12px rgba(120,127,246,.55)); animation:ringPulse 1s ease-out 1; }\r\n    @keyframes ringPulse{ 0%{ stroke-width:3; } 35%{ stroke-width:6; } 100%{ stroke-width:3; } }\r\n    .meter.is-max .cele::before{\r\n      content:\"\"; position:absolute; inset:0; border-radius:50%;\r\n      background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.35), rgba(120,127,246,.22) 40%, transparent 70%);\r\n      filter:blur(18px); animation:glowPop 1100ms ease-out 1 both;\r\n    }\r\n    @keyframes glowPop{ 0%{ transform:scale(.92); opacity:0; } 30%{ opacity:1; } 100%{ transform:scale(1.08); opacity:0; } }\r\n\r\n    \/* Glow trail \u2013 z\u00e1klad + do\u010dasn\u00fd boost po interakcii *\/\r\n    svg #progress{ filter:url(#trailGlow); }\r\n    .meter.trail-boost #progress{ filter: drop-shadow(0 0 2.6px #C6CDFF) drop-shadow(0 0 6px rgba(198,205,255,.45)); }\r\n    @supports not ((filter: drop-shadow(0 0 2px #000))){ svg #progress{ filter:none; stroke: #DDE2FF; } }\r\n\r\n    \/* Reveal (vstupn\u00e9 anim\u00e1cie) *\/\r\n    .reveal{ opacity:0; transform:translateY(12px); will-change:opacity, transform; }\r\n    .reveal.is-in{\r\n      opacity:1; transform:none;\r\n      transition:transform .6s cubic-bezier(.22,1,.36,1), opacity .6s ease;\r\n      transition-delay: var(--delay, 0ms);\r\n    }\r\n\r\n    \/* Stagger pre ot\u00e1zky po zobrazen\u00ed \u013eav\u00e9ho st\u013apca *\/\r\n    .qs.is-in .yn-legend{ animation: riseIn .5s cubic-bezier(.22,1,.36,1) 60ms both; }\r\n    .qs.is-in .q-row{ animation: riseIn .5s cubic-bezier(.22,1,.36,1) var(--delay, 0ms) both; }\r\n    @keyframes riseIn{\r\n      from{ opacity:0; transform:translateY(10px) }\r\n      to{ opacity:1; transform:translateY(0) }\r\n    }\r\n\r\n    \/* Meter & CTA entrance, po odhalen\u00ed prav\u00e9ho st\u013apca *\/\r\n    .meter-col.is-in .meter{ animation: fadeScaleIn .7s cubic-bezier(.22,1,.36,1) 120ms both; }\r\n    .meter-col.is-in .perc{ animation: riseIn .55s ease 260ms both; }\r\n    .meter-col.is-in #dot{ animation: dotPop .45s ease-out 320ms both; }\r\n    .meter-col.is-in .status{ animation: riseIn .55s ease 380ms both; }\r\n    .meter-col.is-in .cta-wrap{ animation: riseIn .55s ease 480ms both; }\r\n\r\n    @keyframes fadeScaleIn{ from{ opacity:0; transform:scale(.96) translateY(6px) } to{ opacity:1; transform:scale(1) translateY(0) } }\r\n    @keyframes dotPop{ from{ opacity:0; transform:scale(.6) } to{ opacity:1; transform:scale(1) } }\r\n\r\n    @media (prefers-reduced-motion:reduce){\r\n      .reveal, .q-row, .yn-legend, .meter, .perc, .status, .cta-wrap{ opacity:1 !important; transform:none !important; animation:none !important; transition:none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"compat-wrap\">\r\n    <h2 id=\"compatHead\">Jsme pro v\u00e1s vhodn\u00fdm partnerem?<\/h2>\r\n    <p class=\"compat-sub\">Za p\u00e1r sekund zjist\u00edte, jestli jsme dobr\u00fd z\u00e1pas. Klikn\u011bte na True Answers \u2014 Indik\u00e1tor v\u00e1m \u0159ekne, o kolik % v\u00e1m m\u016f\u017eeme pomoci r\u016fst.<\/p>\r\n\r\n    <div class=\"compat-grid\">\r\n      <!-- LEFT -->\r\n      <div class=\"qs reveal\" id=\"qs\">\r\n        <div class=\"yn-legend\" id=\"legend\" aria-hidden=\"true\">\r\n          <span>Ne<\/span><span class=\"yn-pill off\"><\/span>\r\n          <span>Ano<\/span><span class=\"yn-pill on\"><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"q-row\">\r\n          <div class=\"q-text\" id=\"q1\">Chcem <strong>predv\u00eddate\u013en\u00fd rast<\/strong> firmy.<\/div>\r\n          <button class=\"switch\" role=\"switch\" aria-checked=\"false\" aria-labelledby=\"q1\"><span class=\"switch-dot\"><\/span><\/button>\r\n        <\/div>\r\n        <div class=\"q-row\">\r\n          <div class=\"q-text\" id=\"q2\">M\u00e1m r\u00e1d <strong>syst\u00e9m<\/strong> a poriadok v procesoch.<\/div>\r\n          <button class=\"switch\" role=\"switch\" aria-checked=\"false\" aria-labelledby=\"q2\"><span class=\"switch-dot\"><\/span><\/button>\r\n        <\/div>\r\n        <div class=\"q-row\">\r\n          <div class=\"q-text\" id=\"q3\">Vy\u017eadujem <strong>komunik\u00e1ciu na \u00farovni<\/strong>.<\/div>\r\n          <button class=\"switch\" role=\"switch\" aria-checked=\"false\" aria-labelledby=\"q3\"><span class=\"switch-dot\"><\/span><\/button>\r\n        <\/div>\r\n        <div class=\"q-row\">\r\n          <div class=\"q-text\" id=\"q4\">Chcem zna\u010dku prezentova\u0165 v <strong>najlep\u0161om svetle<\/strong>.<\/div>\r\n          <button class=\"switch\" role=\"switch\" aria-checked=\"false\" aria-labelledby=\"q4\"><span class=\"switch-dot\"><\/span><\/button>\r\n        <\/div>\r\n        <div class=\"q-row\">\r\n          <div class=\"q-text\" id=\"q5\"><strong>Ch\u00e1pu d\u016fle\u017eitost marketingu<\/strong>.<\/div>\r\n          <button class=\"switch\" role=\"switch\" aria-checked=\"false\" aria-labelledby=\"q5\"><span class=\"switch-dot\"><\/span><\/button>\r\n        <\/div>\r\n        <div class=\"q-row\">\r\n          <div class=\"q-text\" id=\"q6\">Preferujem <strong>efekt\u00edvne dlhodob\u00e9 partnerstvo<\/strong>.<\/div>\r\n          <button class=\"switch\" role=\"switch\" aria-checked=\"false\" aria-labelledby=\"q6\"><span class=\"switch-dot\"><\/span><\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT -->\r\n      <div class=\"meter-col reveal\">\r\n        <div class=\"meter\" id=\"meter\">\r\n          <svg viewbox=\"0 0 320 320\" width=\"100%\" height=\"100%\" aria-hidden=\"true\">\r\n            <defs>\r\n              <lineargradient id=\"trailGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"var(--beam)\" stop-opacity=\"1\"><\/stop>\r\n                <stop offset=\"100%\" stop-color=\"var(--beam)\" stop-opacity=\".55\"><\/stop>\r\n              <\/lineargradient>\r\n              <filter id=\"dotGlow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\r\n                <fegaussianblur stddeviation=\"3\" result=\"b\"><\/fegaussianblur>\r\n                <femerge><femergenode in=\"b\"><\/femergenode><femergenode in=\"SourceGraphic\"><\/femergenode><\/femerge>\r\n              <\/filter>\r\n              <filter id=\"trailGlow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\r\n                <fedropshadow dx=\"0\" dy=\"0\" stddeviation=\"2\" flood-color=\"#BFC6FF\" flood-opacity=\".55\"><\/fedropshadow>\r\n              <\/filter>\r\n            <\/defs>\r\n\r\n            <circle cx=\"160\" cy=\"160\" r=\"130\" fill=\"none\" stroke=\"var(--line)\" stroke-width=\"2\"><\/circle>\r\n            <circle id=\"progress\" cx=\"160\" cy=\"160\" r=\"130\" fill=\"none\" stroke=\"url(#trailGrad)\" stroke-width=\"3\" stroke-linecap=\"round\" transform=\"rotate(-90 160 160)\"><\/circle>\r\n            <circle id=\"dot\" cx=\"160\" cy=\"30\" r=\"7\" fill=\"var(--dot)\" filter=\"url(#dotGlow)\"><\/circle>\r\n          <\/svg>\r\n\r\n          <div class=\"cele\" id=\"cele\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"perc\" id=\"perc\" aria-live=\"polite\" aria-atomic=\"true\">0%<\/div>\r\n        <\/div>\r\n\r\n        <p class=\"status\" id=\"status\" aria-live=\"polite\">Za\u010dn\u011bte p\u0159ep\u00ednat \u2013 pod\u00edvejte se, jak se shodujeme.<\/p>\r\n\r\n        <div class=\"cta-wrap\">\r\n          <a id=\"ctaLink\" href=\"#kontakt\" aria-label=\"Taky chci takov\u00e9 v\u00fdsledky\">\r\n            <img class=\"cta-img\" id=\"ctaImg\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-306.png\" srcset=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/08\/Group-306.png 1x\" alt=\"Taky chci takov\u00e9 v\u00fdsledky\" loading=\"lazy\" decoding=\"async\">\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* meter logic + smaller organic CTA floating + entrance orchestration *\/\r\n(function(){\r\n  const root     = document.getElementById('compat'); if(!root) return;\r\n  const sws      = [...root.querySelectorAll('.switch')];\r\n  const rows     = [...root.querySelectorAll('.q-row')];\r\n  const prog     = root.querySelector('#progress');\r\n  const dot      = root.querySelector('#dot');\r\n  const percEl   = root.querySelector('#perc');\r\n  const status   = root.querySelector('#status');\r\n  const meter    = root.querySelector('#meter');\r\n  const cele     = root.querySelector('#cele');\r\n  const qs       = root.querySelector('#qs');\r\n  const legend   = root.querySelector('#legend');\r\n  const meterCol = root.querySelector('.meter-col');\r\n  const ctaImg   = root.querySelector('#ctaImg');\r\n  const reduce   = matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  \/* Add reveal to heading + sub so aj tie maj\u00fa entrance *\/\r\n  ['#compatHead','.compat-sub'].forEach(sel=>{\r\n    const el = root.querySelector(sel);\r\n    if(el){ el.classList.add('reveal'); el.style.setProperty('--delay', sel==='#compatHead' ? '0ms' : '60ms'); }\r\n  });\r\n\r\n  \/\/ Reveal\r\n  const io = new IntersectionObserver((es,obs)=>es.forEach(e=>{\r\n    if(e.isIntersecting){\r\n      e.target.classList.add('is-in');\r\n      \/* Stagger pre q-rows a\u017e pri vstupe \u013eav\u00e9ho st\u013apca *\/\r\n      if(e.target === qs){\r\n        rows.forEach((row,i)=> row.style.setProperty('--delay', (120 + i*70) + 'ms'));\r\n        if(legend) legend.style.animationDelay = '60ms';\r\n      }\r\n      \/* Pri vstupe prav\u00e9ho st\u013apca jemne boostneme trail *\/\r\n      if(e.target === meterCol && !reduce){\r\n        setTimeout(()=> meterCol.classList.add('trail-boost'), 380);\r\n        setTimeout(()=> meterCol.classList.remove('trail-boost'), 980);\r\n      }\r\n      obs.unobserve(e.target);\r\n    }\r\n  }), {threshold:.25});\r\n  [...root.querySelectorAll('.reveal'), root.querySelector('#compatHead'), root.querySelector('.compat-sub')].forEach(el=> el && io.observe(el));\r\n\r\n  const r = 130;\r\n  const C = 2 * Math.PI * r;\r\n  prog.setAttribute('stroke-dasharray', C);\r\n  prog.setAttribute('stroke-dashoffset', C);\r\n\r\n  function score(){\r\n    const total = sws.length;\r\n    const on = sws.filter(s => s.getAttribute('aria-checked') === 'true').length;\r\n    return Math.round((on\/total)*100);\r\n  }\r\n\r\n  \/* === TVOJE STATUS TEXTY === *\/\r\n  function statusCopy(p){\r\n    if(p>=85) return 'R\u00fdchly rast v\u00e1s jednozna\u010dne neminie.';\r\n    if(p>=60) return 'Spolu to dotiahneme \u010faleko!';\r\n    if(p>=30) return 'Je tam skryt\u00fd potenci\u00e1l \u2014 po\u010fme ho odhali\u0165.';\r\n    return 'Za\u010dnime r\u00fdchlym auditom.';\r\n  }\r\n\r\n  function runFrame(vPerc){\r\n    const off = C * (1 - vPerc\/100);\r\n    prog.setAttribute('stroke-dashoffset', off);\r\n    percEl.textContent = vPerc + '%';\r\n    const theta = (-90 + 3.6 * vPerc) * Math.PI\/180;\r\n    const x = 160 + r * Math.cos(theta);\r\n    const y = 160 + r * Math.sin(theta);\r\n    dot.setAttribute('cx', x.toFixed(2));\r\n    dot.setAttribute('cy', y.toFixed(2));\r\n  }\r\n\r\n  let maxArmed = false;\r\n  function setMeter(target){\r\n    const curOffset = Number(prog.getAttribute('stroke-dashoffset')) || C;\r\n    const curPerc   = Math.round((1 - curOffset\/C) * 100);\r\n    const toPerc    = target;\r\n\r\n    if(reduce){\r\n      runFrame(toPerc);\r\n      afterSet(toPerc);\r\n      return;\r\n    }\r\n    const t0 = performance.now(), dur=700, ease = t=>1-Math.pow(1-t,3);\r\n    const step = t=>{\r\n      const p = Math.min(1, (t-t0)\/dur);\r\n      const vPerc = Math.round(curPerc + (toPerc-curPerc)*ease(p));\r\n      runFrame(vPerc);\r\n      if(p<1) requestAnimationFrame(step); else afterSet(toPerc);\r\n    };\r\n    requestAnimationFrame(step);\r\n  }\r\n  function afterSet(p){ status.textContent = statusCopy(p); maybeCelebrate(p); }\r\n\r\n  function maybeCelebrate(p){\r\n    if(p === 100 && !maxArmed){ maxArmed = true; celebrate(); }\r\n    else if(p < 100){ maxArmed = false; }\r\n  }\r\n  function celebrate(){\r\n    meter.classList.add('is-max'); pauseFloat(1200);\r\n    const cta = document.getElementById('ctaImg'); cta.classList.add('is-max');\r\n    if(navigator.vibrate){ try{ navigator.vibrate([12, 60, 10]); }catch(e){} }\r\n    if(cele){\r\n      cele.innerHTML = '';\r\n      const N = 22;\r\n      for(let i=0;i<N;i++){\r\n        const s = document.createElement('span');\r\n        s.className = 'spark';\r\n        s.style.setProperty('--a', (i*(360\/N))+'deg');\r\n        s.style.setProperty('--d', (800 + Math.random()*600) + 'ms');\r\n        cele.appendChild(s);\r\n        setTimeout(()=> s.remove(), 1600);\r\n      }\r\n    }\r\n    const oldR = dot.getAttribute('r') || 7;\r\n    dot.setAttribute('r', 9);\r\n    setTimeout(()=> dot.setAttribute('r', oldR), 900);\r\n    setTimeout(()=>{ meter.classList.remove('is-max'); cta.classList.remove('is-max'); }, 1200);\r\n  }\r\n\r\n  function boostTrail(){\r\n    meter.classList.add('trail-boost');\r\n    setTimeout(()=> meter.classList.remove('trail-boost'), 600);\r\n  }\r\n\r\n  function alignToLegend(){\r\n    try{\r\n      const lH = legend ? legend.getBoundingClientRect().height : 26;\r\n      meterCol.style.marginTop = `-${Math.round(lH)}px`;\r\n    }catch(e){}\r\n  }\r\n  function fitMeter(){\r\n    try{\r\n      const qsH = qs.getBoundingClientRect().height;\r\n      const statusH = status.getBoundingClientRect().height;\r\n      const cta = root.querySelector('.cta-wrap');\r\n      const ctaH = cta ? cta.getBoundingClientRect().height : 0;\r\n      const paddings = 36;\r\n      let target = Math.min(parseFloat(getComputedStyle(meter).width) || 420, 460);\r\n      const maxAllowed = Math.max(260, Math.floor(qsH - (statusH + ctaH + paddings)));\r\n      target = Math.min(target, maxAllowed, 460);\r\n      meter.style.width  = target + 'px';\r\n      meter.style.height = target + 'px';\r\n    }catch(e){}\r\n  }\r\n  let fitRaf = null;\r\n  window.addEventListener('resize', ()=>{\r\n    if(fitRaf) return;\r\n    fitRaf = requestAnimationFrame(()=>{ alignToLegend(); fitMeter(); fitRaf = null; });\r\n  }, {passive:true});\r\n\r\n  function toggle(sw){\r\n    const on = sw.getAttribute('aria-checked') === 'true';\r\n    sw.setAttribute('aria-checked', String(!on));\r\n    setMeter(score());\r\n    boostTrail();\r\n  }\r\n  sws.forEach(sw=>{\r\n    sw.addEventListener('click', (e)=>{ e.stopPropagation(); toggle(sw); });\r\n    sw.addEventListener('keydown', e=>{\r\n      if(e.key==='Enter'||e.key===' '){ e.preventDefault(); toggle(sw); }\r\n      if(e.key==='ArrowLeft'){ sw.setAttribute('aria-checked','false'); setMeter(score()); boostTrail(); }\r\n      if(e.key==='ArrowRight'){ sw.setAttribute('aria-checked','true');  setMeter(score()); boostTrail(); }\r\n    });\r\n  });\r\n  rows.forEach(row=>{\r\n    row.addEventListener('click', (e)=>{\r\n      if(e.target.closest('.switch')) return;\r\n      const sw = row.querySelector('.switch');\r\n      if(sw) toggle(sw);\r\n    });\r\n  });\r\n\r\n  \/\/ --- ORGANIC FLOATING FOR CTA (uncoordinated, further reduced amplitude) ---\r\n  let scale = 1, floatPaused = false;\r\n  const seeds = [Math.random()*Math.PI, Math.random()*Math.PI, Math.random()*Math.PI, Math.random()*Math.PI, Math.random()*Math.PI];\r\n  function pauseFloat(ms){\r\n    floatPaused = true;\r\n    if(ms) setTimeout(()=>{ floatPaused=false; }, ms);\r\n  }\r\n  function floatStep(t){\r\n    const ctaImg = document.getElementById('ctaImg');\r\n    if(!ctaImg){ requestAnimationFrame(floatStep); return; }\r\n    if(!floatPaused){\r\n      const tt = t\/1000;\r\n      const x = Math.sin(tt*0.62 + seeds[0]) * 3.5 + Math.sin(tt*1.07 + seeds[1]) * 1.2;\r\n      const y = Math.sin(tt*0.49 + seeds[2]) * 3.0 + Math.sin(tt*1.11 + seeds[3]) * 0.9;\r\n      const r = Math.sin(tt*0.31 + seeds[4]) * 0.8;\r\n      ctaImg.style.transform = `translate(${x.toFixed(2)}px, ${-y.toFixed(2)}px) rotate(${r.toFixed(2)}deg) scale(${scale})`;\r\n    }\r\n    requestAnimationFrame(floatStep);\r\n  }\r\n  ctaImg.addEventListener('mouseenter', ()=>{ scale = 1.05; });  \/\/ jemn\u00fd hover\r\n  ctaImg.addEventListener('mouseleave', ()=>{ scale = 1; });\r\n\r\n  \/\/ Init\r\n  alignToLegend();\r\n  setMeter(0);\r\n  const ro = new ResizeObserver(()=> { alignToLegend(); fitMeter(); });\r\n  ro.observe(qs);\r\n  fitMeter();\r\n\r\n  \/\/ Na\u010d\u00edtanie: aktivuj observer aj pre nadpis a subhead\r\n  io.observe(root.querySelector('#compatHead'));\r\n  io.observe(root.querySelector('.compat-sub'));\r\n  io.observe(qs);\r\n  io.observe(meterCol);\r\n\r\n  \/\/ Spusti floating po jemnom oneskoren\u00ed, aby nenar\u00e1\u017eal s entrance anim\u00e1ciou\r\n  setTimeout(()=>{ requestAnimationFrame(floatStep); }, 600);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b51cdd6 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"b51cdd6\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\"}'>\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-882be5d elementor-widget elementor-widget-heading\" data-id=\"882be5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A od n\u00e1s se m\u016f\u017eete p\u0159ipravit na:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b871be elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"3b871be\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\"}'>\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-986fa2d e-con-full e-flex e-con e-child\" data-id=\"986fa2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe08cd9 elementor-widget elementor-widget-image\" data-id=\"fe08cd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1388\" height=\"760\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-289.png\" class=\"attachment-full size-full wp-image-5593\" alt=\"\" srcset=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-289.png 1388w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-289-300x164.png 300w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-289-1024x561.png 1024w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-289-768x421.png 768w\" sizes=\"(max-width: 1388px) 100vw, 1388px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd68561 elementor-widget elementor-widget-spacer\" data-id=\"cd68561\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50d3f9e e-con-full e-flex e-con e-child\" data-id=\"50d3f9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e918c67 elementor-widget elementor-widget-image\" data-id=\"e918c67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1366\" height=\"776\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-2810.png\" class=\"attachment-full size-full wp-image-5594\" alt=\"\" srcset=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-2810.png 1366w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-2810-300x170.png 300w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-2810-1024x582.png 1024w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-2810-768x436.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02b468a elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"02b468a\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\"}'>\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b2ea2a elementor-widget elementor-widget-spacer\" data-id=\"0b2ea2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3937854 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"3937854\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\"}'>\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c0edc14 e-con-full e-flex e-con e-child\" data-id=\"c0edc14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbd819f elementor-widget elementor-widget-image\" data-id=\"bbd819f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1146\" height=\"546\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/group-290.png\" class=\"attachment-full size-full wp-image-5595\" alt=\"\" srcset=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/group-290.png 1146w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/group-290-300x143.png 300w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/group-290-1024x488.png 1024w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/group-290-768x366.png 768w\" sizes=\"(max-width: 1146px) 100vw, 1146px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1515bbe elementor-widget elementor-widget-spacer\" data-id=\"1515bbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c0fc0e e-con-full e-flex e-con e-child\" data-id=\"8c0fc0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2f133b elementor-widget elementor-widget-image\" data-id=\"f2f133b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"546\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-291.png\" class=\"attachment-full size-full wp-image-5596\" alt=\"\" srcset=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-291.png 512w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-291-281x300.png 281w\" sizes=\"(max-width: 512px) 100vw, 512px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a1bb0e elementor-widget elementor-widget-spacer\" data-id=\"7a1bb0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8419c39 e-con-full e-flex e-con e-child\" data-id=\"8419c39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff9b5d3 elementor-widget elementor-widget-image\" data-id=\"ff9b5d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"547\" src=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-292.png\" class=\"attachment-full size-full wp-image-5597\" alt=\"\" srcset=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-292.png 1014w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-292-300x162.png 300w, https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/Group-292-768x414.png 768w\" sizes=\"(max-width: 1014px) 100vw, 1014px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f78c02 e-flex e-con-boxed e-con e-parent\" data-id=\"3f78c02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31e9df9 elementor-widget elementor-widget-html\" data-id=\"31e9df9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n    var header = document.querySelector(\".agilera-header\");\r\n    if (!header) { return; }\r\n\r\n    window.addEventListener(\"scroll\", function(){\r\n        if (window.scrollY > 50) {\r\n            header.classList.add(\"scrolled\");\r\n        } else {\r\n            header.classList.remove(\"scrolled\");\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95cc57a elementor-widget elementor-widget-html\" data-id=\"95cc57a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\nh1.entry-title {\r\n  display: none !important;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a059ced elementor-widget elementor-widget-html\" data-id=\"a059ced\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  body {\r\n    background-color: #0B0B0B;\r\n    \/* Alebo: *\/\r\n    \/* background-image: url('https:\/\/example.com\/background.jpg'); *\/\r\n    \/* background-size: cover;\r\n       background-position: center; *\/\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdf34c6 elementor-widget elementor-widget-html\" data-id=\"cdf34c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const observer = new IntersectionObserver((entries, obs) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          const logos = entry.target.querySelectorAll('.logo-item');\r\n          logos.forEach((el, i) => {\r\n            setTimeout(() => {\r\n              el.classList.add('reveal');\r\n            }, i * 80); \/\/ efekt \"po jednom\"\r\n          });\r\n          obs.unobserve(entry.target); \/\/ len raz\r\n        }\r\n      });\r\n    }, { threshold: 0.3 });\r\n\r\n    const carousel = document.querySelector('.logo-carousel-wrapper');\r\n    if (carousel) {\r\n      observer.observe(carousel);\r\n    }\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34b5b4d elementor-widget elementor-widget-html\" data-id=\"34b5b4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const button = document.querySelector(\".floating-button\");\r\n  const heroSection = document.querySelector(\".hero-section\");\r\n\r\n  function handleScroll() {\r\n    if (!button || !heroSection) return;\r\n\r\n    const heroBottom = heroSection.getBoundingClientRect().bottom;\r\n\r\n    if (heroBottom <= 0) {\r\n      button.classList.add(\"fixed\");\r\n    } else {\r\n      button.classList.remove(\"fixed\");\r\n    }\r\n  }\r\n\r\n  window.addEventListener(\"scroll\", handleScroll);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OBSAH, KTOR\u00dd PRED\u00c1VA. KAMPANE, KTOR\u00c9 ZAR\u00c1BAJ\u00da. Sp\u00e1jame obsahov\u00fa produkciu a v\u00fdkonnostn\u00e9 kampane do syst\u00e9mu, ktor\u00fd systematicky podporuje rast firiem, ako je t\u00e1 va\u0161a. Chcem v\u00fdsledky Overen\u00e9 t\u00fdmi najlep\u0161\u00edmi&#8230; Formujeme sp\u00f4sob, ak\u00fdm \u013eudia va\u0161u zna\u010dku vn\u00edmaj\u00fa, zapam\u00e4taj\u00fa si ju a napokon sa rozhodn\u00fa pr\u00e1ve pre \u0148u. Social Performance Studio V\u00e1\u0161 prehliada\u010d nepodporuje prehr\u00e1vanie videa. Strat\u00e9gia Performancekampane [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":5518,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5517","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>AGILERA - #1 Social performance \u0161t\u00fadio<\/title>\n<meta name=\"description\" content=\"Sp\u00e1jame obsahov\u00fa produkciu a v\u00fdkonnostn\u00e9 kampane do syst\u00e9mu, ktor\u00fd systematicky zaru\u010duje rast firiem, ako je t\u00e1 va\u0161a.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/agilera.eu\/cs\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AGILERA - #1 Social performance \u0161t\u00fadio\" \/>\n<meta property=\"og:description\" content=\"Sp\u00e1jame obsahov\u00fa produkciu a v\u00fdkonnostn\u00e9 kampane do syst\u00e9mu, ktor\u00fd systematicky zaru\u010duje rast firiem, ako je t\u00e1 va\u0161a.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agilera.eu\/cs\/\" \/>\n<meta property=\"og:site_name\" content=\"AGILERA\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-27T21:58:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/05\/Agilera_logo_znak_RGB_03.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data1\" content=\"55 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/agilera.eu\\\/\",\"url\":\"https:\\\/\\\/agilera.eu\\\/\",\"name\":\"AGILERA - #1 Social performance \u0161t\u00fadio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agilera.eu\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/agilera.eu\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/agilera.eu\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agilera.eu\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Agilera_logo_znak_RGB_03.png\",\"datePublished\":\"2025-06-19T09:57:37+00:00\",\"dateModified\":\"2026-10-27T21:58:07+00:00\",\"description\":\"Sp\u00e1jame obsahov\u00fa produkciu a v\u00fdkonnostn\u00e9 kampane do syst\u00e9mu, ktor\u00fd systematicky zaru\u010duje rast firiem, ako je t\u00e1 va\u0161a.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/agilera.eu\\\/#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/agilera.eu\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\\\/\\\/agilera.eu\\\/#primaryimage\",\"url\":\"https:\\\/\\\/agilera.eu\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Agilera_logo_znak_RGB_03.png\",\"contentUrl\":\"https:\\\/\\\/agilera.eu\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Agilera_logo_znak_RGB_03.png\",\"width\":1366,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/agilera.eu\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Domovsk\u00e1 str\u00e1nka\",\"item\":\"https:\\\/\\\/agilera.eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AGILERA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/agilera.eu\\\/#website\",\"url\":\"https:\\\/\\\/agilera.eu\\\/\",\"name\":\"AGILERA\",\"description\":\"#1 Social performance \u0161t\u00fadio\",\"publisher\":{\"@id\":\"https:\\\/\\\/agilera.eu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/agilera.eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/agilera.eu\\\/#organization\",\"name\":\"AGILERA\",\"url\":\"https:\\\/\\\/agilera.eu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\\\/\\\/agilera.eu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/agilera.eu\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-Agilera_logo_cierne_pruhledne-7-1.png\",\"contentUrl\":\"https:\\\/\\\/agilera.eu\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-Agilera_logo_cierne_pruhledne-7-1.png\",\"width\":512,\"height\":512,\"caption\":\"Agilera\"},\"image\":{\"@id\":\"https:\\\/\\\/agilera.eu\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"legalName\":\"Agilera s.r.o.\",\"email\":\"info@agilera.sk\",\"taxID\":\"54796962\",\"vatID\":\"SK2121804465\",\"sameAs\":[\"https:\\\/\\\/www.youtube.com\\\/@AGILERA-agency\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Agilera - #1 Social Performance Studio","description":"Kampan\u011b za produkci obsahu a v\u00fdkonnostn\u00edch kampan\u00ed kombinujeme do syst\u00e9mu, kter\u00fd systematicky zaru\u010duje r\u016fst spole\u010dnost\u00ed, jako je ta va\u0161e.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/agilera.eu\/cs\/","og_locale":"cs_CZ","og_type":"article","og_title":"AGILERA - #1 Social performance \u0161t\u00fadio","og_description":"Sp\u00e1jame obsahov\u00fa produkciu a v\u00fdkonnostn\u00e9 kampane do syst\u00e9mu, ktor\u00fd systematicky zaru\u010duje rast firiem, ako je t\u00e1 va\u0161a.","og_url":"https:\/\/agilera.eu\/cs\/","og_site_name":"AGILERA","article_modified_time":"2026-10-27T21:58:07+00:00","og_image":[{"width":1366,"height":768,"url":"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/05\/Agilera_logo_znak_RGB_03.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Odhadovan\u00e1 doba \u010dten\u00ed":"55 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/agilera.eu\/","url":"https:\/\/agilera.eu\/","name":"Agilera - #1 Social Performance Studio","isPartOf":{"@id":"https:\/\/agilera.eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/agilera.eu\/#primaryimage"},"image":{"@id":"https:\/\/agilera.eu\/#primaryimage"},"thumbnailUrl":"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/05\/Agilera_logo_znak_RGB_03.png","datePublished":"2025-06-19T09:57:37+00:00","dateModified":"2026-10-27T21:58:07+00:00","description":"Kampan\u011b za produkci obsahu a v\u00fdkonnostn\u00edch kampan\u00ed kombinujeme do syst\u00e9mu, kter\u00fd systematicky zaru\u010duje r\u016fst spole\u010dnost\u00ed, jako je ta va\u0161e.","breadcrumb":{"@id":"https:\/\/agilera.eu\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/agilera.eu\/"]}]},{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/agilera.eu\/#primaryimage","url":"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/05\/Agilera_logo_znak_RGB_03.png","contentUrl":"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/05\/Agilera_logo_znak_RGB_03.png","width":1366,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/agilera.eu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Domovsk\u00e1 str\u00e1nka","item":"https:\/\/agilera.eu\/"},{"@type":"ListItem","position":2,"name":"Agilera"}]},{"@type":"WebSite","@id":"https:\/\/agilera.eu\/#website","url":"https:\/\/agilera.eu\/","name":"Agilera","description":"#1 Social Performance Studio","publisher":{"@id":"https:\/\/agilera.eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/agilera.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs"},{"@type":"Organization","@id":"https:\/\/agilera.eu\/#organization","name":"Agilera","url":"https:\/\/agilera.eu\/","logo":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/agilera.eu\/#\/schema\/logo\/image\/","url":"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/cropped-Agilera_logo_cierne_pruhledne-7-1.png","contentUrl":"https:\/\/agilera.eu\/wp-content\/uploads\/2025\/06\/cropped-Agilera_logo_cierne_pruhledne-7-1.png","width":512,"height":512,"caption":"Agilera"},"image":{"@id":"https:\/\/agilera.eu\/#\/schema\/logo\/image\/"},"legalName":"Agilera s.r.o.","email":"info@agilera.sk","taxID":"54796962","vatID":"SK2121804465","sameAs":["https:\/\/www.youtube.com\/@AGILERA-agency"]}]}},"_links":{"self":[{"href":"https:\/\/agilera.eu\/wp-json\/wp\/v2\/pages\/5517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agilera.eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agilera.eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agilera.eu\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/agilera.eu\/wp-json\/wp\/v2\/comments?post=5517"}],"version-history":[{"count":180,"href":"https:\/\/agilera.eu\/wp-json\/wp\/v2\/pages\/5517\/revisions"}],"predecessor-version":[{"id":8714,"href":"https:\/\/agilera.eu\/wp-json\/wp\/v2\/pages\/5517\/revisions\/8714"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agilera.eu\/wp-json\/wp\/v2\/media\/5518"}],"wp:attachment":[{"href":"https:\/\/agilera.eu\/wp-json\/wp\/v2\/media?parent=5517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}