{"id":6,"date":"2025-06-11T12:26:40","date_gmt":"2025-06-11T10:26:40","guid":{"rendered":"https:\/\/imker.pl\/webinary\/?page_id=6"},"modified":"2025-07-07T08:37:53","modified_gmt":"2025-07-07T06:37:53","slug":"tworca-2025","status":"publish","type":"page","link":"https:\/\/imker.pl\/webinary\/tworca-2025\/","title":{"rendered":"Tw\u00f3rca 2025"},"content":{"rendered":"\r\n  <style>\r\n    .top-menu-content {\r\n      --logo-mobile: 62px;\r\n      --logo-tablet: 44px;\r\n      --logo-desktop: 64px;\r\n    }\r\n  <\/style>\r\n\r\n  <section id=\"top-fixed-wrap-1\"  class=\"top-fixed-wrapper alignwide text-align-left alignwide wp-block-acf-top-menu\">\r\n    <div class=\"top-menu-content\">\r\n\r\n      <span class=\"logo\">\r\n                  <a href=\"https:\/\/imker.pl\">\r\n                  <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/logo-imker2x.webp\" alt=\"imker.pl\/webinary\" width=\"344\" height=\"121\">\r\n        <\/a>\r\n      <\/span><!-- \/.logo -->\r\n\r\n      <div id=\"nav\">\r\n        \n<nav class=\"is-responsive wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex\" aria-label=\"Nawigacja\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container is-responsive wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/imker.pl\/webinary\/\"><span class=\"wp-block-navigation-item__label\">Wszystkie webinary Imker<\/span><\/a><\/li><\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\r\n      <\/div><!-- \/#nav -->\r\n\r\n      <button class=\"nav-toggle\" aria-controls=\"mobileMenu\"><svg viewBox=\"0 0 32 32\"><use xlink:href=\"#menu\"><\/use><\/svg><span>Menu<\/span><\/button><!-- \/.nav-toggle -->\r\n    <\/div><!-- \/.top-menu-content -->\r\n  <\/section><!-- \/.top-fixed-wrapper -->\r\n\r\n  \r\n  <div class=\"drawer js-drawer\" id=\"mobileMenu\">\r\n    <div class=\"drawer__content\" role=\"alertdialog\" aria-labelledby=\"drawer-title-1\">\r\n      <div class=\"drawer__body js-drawer__body\">\r\n        <div class=\"content\">\r\n          <button class=\"drawer__close-btn js-drawer__close js-tab-focus\">\r\n            Zamknij\r\n          <\/button>\r\n\r\n          <span class=\"logo\">\r\n            <a href=\"https:\/\/imker.pl\/webinary\/\">\r\n              <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/logo-imker2x.webp\" alt=\"imker.pl\/webinary\" width=\"344\" height=\"121\">\r\n            <\/a>\r\n          <\/span><!-- \/.logo -->\r\n\r\n\r\n          \n<nav class=\"is-responsive wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex\" aria-label=\"Nawigacja\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container is-responsive wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/imker.pl\/webinary\/\"><span class=\"wp-block-navigation-item__label\">Wszystkie webinary Imker<\/span><\/a><\/li><\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\r\n\r\n        <\/div><!-- \/.content -->\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  \n\n\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n<title>Sekcja Hero Headline<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600;700;800&display=swap');\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: 'Open Sans', sans-serif;\n  background-color: #fff;\n}\n\n.section-hero-headline {\n  background-color: transparent;\n  padding: 40px 20px; \/* zmniejszony padding g\u00f3ra\/d\u00f3\u0142 *\/\n  max-width: 1200px;\n  margin: 0 auto 0 auto; \/* bez dolnego marginesu *\/\n  text-align: center;\n}\n\n.section-hero-headline h2 {\n  font-size: 40px;\n  font-weight: 800;\n  color: #000;\n  line-height: 1.3;\n  margin: 0 0 10px 0; \/* usuni\u0119ty margines g\u00f3rny, dolny 10px *\/\n}\n\n.section-hero-headline h2 span {\n  font-weight: 800;\n  background: linear-gradient(90deg, #da2343, #ff6a3c);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-fill-color: transparent;\n}\n\n.section-hero-headline .underline {\n  width: 60px;\n  height: 4px;\n  background-color: #da2343;\n  margin: 10px auto 0 auto; \/* mniejszy margines g\u00f3rny *\/\n  border-radius: 2px;\n}\n\n@media (max-width: 768px) {\n  .section-hero-headline {\n    padding: 30px 15px; \/* troch\u0119 mniej na mniejszych ekranach *\/\n  }\n\n  .section-hero-headline h2 {\n    font-size: 32px;\n  }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"section-hero-headline\">\n  <h2><span>Tw\u00f3rca 2025<\/span> &#8211; Stw\u00f3rz system, kt\u00f3ry b\u0119dzie pracowa\u0142 dla Ciebie.<\/h2>\n  <div class=\"underline\"><\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-3c817946 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignfull is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-d3a0f295 wp-block-group-is-layout-constrained has-background\" style=\"min-height:0px;margin-top:var(--wp--preset--spacing--small);margin-bottom:var(--wp--preset--spacing--small);padding-top:var(--wp--preset--spacing--medium);padding-bottom:0;background-image:url(&apos;https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/tlo-webinar.png&apos;);background-position:47% 28.000000000000004%;background-size:cover;\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-21bba92d wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:600px\">\n<style>\n.section-headline {\n  font-family: 'Open Sans', sans-serif;\n  background-color: transparent;\n  padding: 80px 20px;\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: left;\n}\n\n.section-headline h2 {\n  font-size: 36px;\n  font-weight: 800;\n  color: #000;\n  line-height: 1.3;\n  margin-bottom: 20px;\n}\n\n.section-headline h2 span.gradient {\n  font-weight: 800;\n  background: linear-gradient(90deg, #ff6a3c, #da2343);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-fill-color: transparent;\n}\n\n.section-headline h3 {\n  font-size: 18px;\n  font-weight: 700;\n  color: #000;\n  margin-bottom: 20px;\n}\n\n.section-headline p {\n  font-size: 17px;\n  color: #000;\n  line-height: 1.6;\n  margin-bottom: 20px;\n}\n\n.section-headline p strong {\n  font-weight: 800;\n}\n\n.cta-button {\n  display: inline-block;\n  padding: 15px 35px;\n  background-color: #da2343;\n  color: #fff;\n  text-decoration: none;\n  font-size: 19px;\n  font-weight: 800;\n  border-radius: 50px;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n}\n\n.cta-button:hover {\n  background-color: #b31e38;\n  transform: scale(1.05);\n}\n\n@media (max-width: 768px) {\n  .section-headline {\n    padding: 50px 15px;\n  }\n\n  .section-headline h2 {\n    font-size: 28px;\n  }\n\n  .section-headline h3 {\n    font-size: 16px;\n  }\n\n  .section-headline p {\n    font-size: 16px;\n  }\n\n  .cta-button {\n    padding: 14px 30px;\n    font-size: 18px;\n  }\n}\n<\/style>\n\n<section class=\"section-headline\">\n  <h2>\n    Znowu wyrywasz w\u0142osy z&nbsp;g\u0142owy, zastanawiaj\u0105c si\u0119, ile zarobisz w tym miesi\u0105cu (<span class=\"gradient\">i czy zarobisz w og\u00f3le<\/span>)?\n  <\/h2>\n  \n  <h3>Zbuduj przewidywalny biznes Tw\u00f3rcy, kt\u00f3ry dzia\u0142a w 2025 roku!<\/h3>\n  \n  <p>Poka\u017cemy Ci system, kt\u00f3ry <strong>SI\u0118 SPRAWDZA<\/strong>. Teraz, nie 5 lat temu. System, kt\u00f3ry pozwoli Ci zamieni\u0107 obserwuj\u0105cych w <strong>lojalnych klient\u00f3w kupuj\u0105cych nawet te najdro\u017csze produkty<\/strong>.<\/p>\n  \n  <p>System, kt\u00f3ry przede wszystkim jest <strong>prosty<\/strong> i&nbsp;mo\u017ce zacz\u0105\u0107 dzia\u0142a\u0107 u&nbsp;Ciebie <strong>nawet w ci\u0105gu miesi\u0105ca<\/strong>!<\/p>\n  \n<p>\n  <strong>\n    Obejrzyj\n    <span style=\"color: #da2343;\">nagranie webinaru<\/span> \n   z Krzysztofem Bartnikiem i \n    <span>odblokuj swoj\u0105 niezale\u017cno\u015b\u0107 Tw\u00f3rcy!<\/span>\n  <\/strong>\n<\/p>\n\n<a href=\"https:\/\/wiedza-imker.salescrm.pl\/cart\/add_product\/16618\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">Kupuj\u0119 nagranie za 29 z\u0142! \u2192<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\" style=\"margin-top:0;margin-bottom:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"2560\" src=\"https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/projekt-bez-nazwy-2025-06-13t103155.839-scaled.png\" alt=\"\" class=\"wp-image-536\" srcset=\"https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/projekt-bez-nazwy-2025-06-13t103155.839-scaled.png 1920w, https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/projekt-bez-nazwy-2025-06-13t103155.839-450x600.png 450w, https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/projekt-bez-nazwy-2025-06-13t103155.839-768x1024.png 768w, https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/projekt-bez-nazwy-2025-06-13t103155.839-1152x1536.png 1152w, https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/projekt-bez-nazwy-2025-06-13t103155.839-1536x2048.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style>\n.section-content-pain {\n  font-family: 'Open Sans', sans-serif;\n  background-color: transparent;\n  padding: 80px 20px;\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: left;\n  position: relative;\n  overflow: visible;\n}\n\n\/* Rozrzucone dolary *\/\n.section-content-pain .dollar {\n  position: absolute;\n  font-size: 100px;\n  font-weight: 800;\n  background: linear-gradient(90deg, #da2343, #ff6a3c);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-fill-color: transparent;\n  z-index: 15;\n  pointer-events: none;\n  user-select: none;\n}\n\n.section-content-pain .dollar-2 {\n  bottom: -50px;\n  right: -40px;\n  transform: rotate(15deg);\n}\n\n.section-content-pain .dollar-3 {\n  top: 60px;\n  right: 5%;\n  font-size: 80px;\n  transform: rotate(-10deg);\n}\n\n.section-content-pain .dollar-4 {\n  top: 50%;\n  left: 0%;\n  font-size: 90px;\n  transform: rotate(25deg);\n}\n\n.section-content-pain h2 {\n  font-size: 36px;\n  font-weight: 800;\n  color: #000;\n  line-height: 1.3;\n  margin-bottom: 30px;\n  position: relative;\n  z-index: 20;\n}\n\n.section-content-pain h2 .break {\n  display: block;\n}\n\n.section-content-pain h2 span {\n  font-weight: 800;\n  background: linear-gradient(90deg, #da2343, #ff6a3c);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-fill-color: transparent;\n}\n\n.section-content-pain h3 {\n  font-size: 20px;\n  font-weight: 700;\n  color: #000;\n  margin: 20px 0 15px 0;\n  position: relative;\n  z-index: 20;\n}\n\n.columns {\n  display: flex;\n  gap: 40px;\n  flex-wrap: wrap;\n  margin-bottom: 40px;\n  position: relative;\n  z-index: 10;\n}\n\n.column {\n  flex: 1 1 500px;\n  background: linear-gradient(180deg, #efefef 0%, #ffffff 100%);\n  border-radius: 16px;\n  padding: 30px 25px;\n  position: relative;\n  z-index: 10;\n}\n\n.section-content-pain ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.section-content-pain ul li {\n  font-size: 17px;\n  color: #000;\n  line-height: 1.6;\n  margin-bottom: 14px;\n  position: relative;\n  padding-left: 40px; \/* dopasowane do mniejszych k\u00f3\u0142ek *\/\n}\n\n\/* K\u00f3\u0142eczko z gradientem pomara\u0144czowo-czerwonym *\/\n.section-content-pain ul li::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 28px;  \/* mniejsze k\u00f3\u0142ko *\/\n  height: 28px;\n  border-radius: 50%;\n  background: linear-gradient(90deg, #da2343, #ff6a3c);\n  transform: translateY(-50%);\n  z-index: 10;\n}\n\n\/* Bu\u017aka PNG wy\u015brodkowana nad k\u00f3\u0142kiem, przesuni\u0119ta lekko w lewo *\/\n.section-content-pain ul li::after {\n  content: \"\";\n  position: absolute;\n  left: 14px; \/* o 2px w lewo wzgl\u0119dem \u015brodka k\u00f3\u0142ka *\/\n  top: 50%;\n  width: 16px;\n  height: 16px;\n  background-image: url('https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/projekt-bez-nazwy-1.png');\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: translateY(-50%);\n  z-index: 20;\n  pointer-events: none;\n}\n\n\/* Powi\u0119kszony tekst pod list\u0105 *\/\n.section-content-pain p.important-text {\n  font-size: 19px; \/* wi\u0119kszy tekst *\/\n  font-weight: 700;\n  color: #000;\n  margin-bottom: 20px;\n  position: relative;\n  z-index: 20;\n}\n\n.section-content-pain p {\n  font-size: 17px;\n  color: #000;\n  line-height: 1.6;\n  margin-bottom: 20px;\n  position: relative;\n  z-index: 20;\n}\n\n.cta-button {\n  display: inline-block;\n  padding: 15px 35px;\n  background-color: #da2343;\n  color: #fff;\n  text-decoration: none;\n  font-size: 19px;\n  font-weight: 800;\n  border-radius: 50px;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  position: relative;\n  z-index: 20;\n}\n\n.cta-button:hover {\n  background-color: #b31e38;\n  transform: scale(1.05);\n}\n\n@media (max-width: 768px) {\n  .section-content-pain {\n    padding: 60px 15px;\n  }\n\n  .section-content-pain h2 {\n    font-size: 30px;\n  }\n\n  .columns {\n    flex-direction: column;\n  }\n\n  .section-content-pain h3 {\n    font-size: 18px;\n  }\n\n  .section-content-pain ul li {\n    font-size: 16px;\n    padding-left: 35px;\n  }\n\n  .section-content-pain p {\n    font-size: 16px;\n  }\n\n  .section-content-pain p.important-text {\n    font-size: 17px;\n  }\n\n  .cta-button {\n    font-size: 17px;\n    padding: 14px 28px;\n  }\n}\n<\/style>\n\n<section class=\"section-content-pain\">\n  <div class=\"dollar dollar-2\">$<\/div>\n  <div class=\"dollar dollar-3\">$<\/div>\n  <div class=\"dollar dollar-4\">$<\/div>\n\n  <h2>\n    Masz content. Masz spo\u0142eczno\u015b\u0107. Ale nie masz<span class=\"break\"><\/span><span>przewidywalnych pieni\u0119dzy<\/span>\n  <\/h2>\n\n  <div class=\"columns\">\n    <div class=\"column\">\n      <h3>Co to oznacza w praktyce?<\/h3>\n      <ul>\n        <li>Zarabiasz tylko wtedy, gdy kto\u015b da Ci wsp\u00f3\u0142prac\u0119.<\/li>\n        <li>Albo wtedy, gdy algorytm \u0142askawie poka\u017ce Tw\u00f3j post.<\/li>\n        <li>Albo&#8230; wcale.<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"column\">\n      <h3>A co si\u0119 dzieje w mi\u0119dzyczasie?<\/h3>\n      <ul>\n        <li>\u017byjesz w chaosie. Bo wszystko zale\u017cy od rzeczy, na kt\u00f3re nie masz wp\u0142ywu.<\/li>\n        <li>\u017byjesz w stresie. Bo nie wiesz, czy za miesi\u0105c zarobisz cokolwiek.<\/li>\n        <li>\u017byjesz w ci\u0105g\u0142ym zm\u0119czeniu. Bo Tw\u00f3j content nie buduje trwa\u0142ego biznesu \u2014 tylko chwilowe &#8220;piki&#8221;.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <p class=\"important-text\"><strong>Je\u015bli nie chcesz za rok by\u0107 w tym samym miejscu \u2014 czas to zmieni\u0107.<\/strong><\/p>\n\n  <p>System, kt\u00f3ry poka\u017cemy Ci na webinarze, pozwoli Ci zbudowa\u0107 stabilny, przewidywalny biznes Tw\u00f3rcy.  \n  Taki, kt\u00f3ry dzia\u0142a niezale\u017cnie od algorytm\u00f3w i&nbsp;wsp\u00f3\u0142prac z markami.  \n  Taki, kt\u00f3ry zarabia \u2014 nawet gdy Ty nie masz si\u0142y wrzuca\u0107 kolejnego posta.<\/p>\n\n\n\n<style>\n\/* Styl ograniczony wy\u0142\u0105cznie do sekcji o ID benefits-section *\/\n#benefits-section {\n  font-family: 'Open Sans', sans-serif;\n}\n\n#benefits-section .section-benefits-container {\n  display: flex;\n  max-width: 1200px;\n  margin: 0 auto;\n  box-sizing: border-box;\n  border-radius: 16px;\n  overflow: visible;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  gap: 40px;\n}\n\n#benefits-section .section-benefits-left {\n  flex: 1.4;\n  padding: 60px 40px;\n  color: #000;\n  background-color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n  min-width: 320px;\n}\n\n#benefits-section .section-benefits-left h2 {\n  font-size: 34px;\n  font-weight: 800;\n  line-height: 1.2;\n  margin: 0;\n  max-width: 380px;\n}\n\n#benefits-section .section-benefits-left h2 .gradient-text {\n  background: linear-gradient(90deg, #da2343, #ff6a3c);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-fill-color: transparent;\n}\n\n#benefits-section .section-benefits-right {\n  flex: 1.6;\n  background-color: #ffffff;\n  padding: 60px 40px;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 25px 25px;\n  color: #000;\n  box-sizing: border-box;\n  position: relative;\n  z-index: 2;\n  min-width: 320px;\n}\n\n#benefits-section .benefit-box {\n  background-color: #fff;\n  border-radius: 16px;\n  padding: 20px 25px;\n  font-size: 16px;\n  line-height: 1.4;\n  color: #000;\n  box-sizing: border-box;\n  border: 3px solid;\n  border-image-slice: 1;\n  border-width: 3px;\n  border-image-source: linear-gradient(90deg, #da2343, #ff6a3c);\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  \/* Usuni\u0119cie jakichkolwiek kropek przed tekstem *\/\n  list-style: none;\n}\n\n#benefits-section .benefit-box strong {\n  font-weight: 700;\n  font-size: 17px;\n  display: block;\n  margin-bottom: 6px;\n}\n\n#benefits-section .benefit-box span {\n  font-weight: 300;\n  font-size: 14px;\n  color: #555;\n  margin-left: 0;\n  display: block;\n  margin-top: -6px;\n}\n\n#benefits-section .benefit-box::before,\n#benefits-section .benefit-box::after {\n  content: none !important; \/* Usuni\u0119cie wszelkich ikon lub kropek *\/\n}\n\n@media (max-width: 900px) {\n  #benefits-section .section-benefits-container {\n    flex-direction: column;\n    gap: 30px;\n  }\n  #benefits-section .section-benefits-left,\n  #benefits-section .section-benefits-right {\n    flex: none;\n    width: 100%;\n    padding: 40px 20px;\n    min-width: auto;\n  }\n  #benefits-section .section-benefits-right {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<section id=\"benefits-section\">\n  <div class=\"section-benefits-container\">\n    <div class=\"section-benefits-left\">\n      <h2>\n        Co zyskasz?<br>\n        Przede wszystkim &#8211; <span class=\"gradient-text\">przewidywalno\u015b\u0107<\/span> w&nbsp;swoim biznesie jako Tw\u00f3rca.\n      <\/h2>\n    <\/div>\n    <div class=\"section-benefits-right\">\n      <div class=\"benefit-box\">\n        <strong>Jak w kilka miesi\u0119cy doj\u015b\u0107 do stabilnego przychodu 2-5 tys. z\u0142 miesi\u0119cznie<\/strong>\n        <span>Opartego na w\u0142asnych produktach, nie na algorytmie czy zleceniach od marek.<\/span>\n      <\/div>\n      <div class=\"benefit-box\">\n        <strong>Jak zamieni\u0107 obserwuj\u0105cych w lojalnych klient\u00f3w<\/strong>\n        <span>Kt\u00f3rzy wracaj\u0105 po wi\u0119cej i s\u0105 gotowi kupowa\u0107 tak\u017ce dro\u017csze oferty.<\/span>\n      <\/div>\n      <div class=\"benefit-box\">\n        <strong>Jak zbudowa\u0107 prosty system sprzeda\u017cy<\/strong>\n        <span>Kt\u00f3ry mo\u017cesz zacz\u0105\u0107 wdra\u017ca\u0107 u&nbsp;siebie w ci\u0105gu miesi\u0105ca \u2014 bez zaawansowanego marketingu, bez skomplikowanej technologii.<\/span>\n      <\/div>\n      <div class=\"benefit-box\">\n        <strong>Jak przesta\u0107 \u017cy\u0107 od virala do virala<\/strong>\n        <span>I wreszcie zacz\u0105\u0107 mie\u0107 realny biznes, kt\u00f3ry dzia\u0142a nawet wtedy, gdy Ty masz dzie\u0144 offline.<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n#system-now-fullwidth {\n  font-family: 'Open Sans', sans-serif;\n  background: linear-gradient(135deg, #fff9f9, #ffeaea);\n  padding: 60px 20px;\n  max-width: 1200px;\n  margin: 60px auto;\n  border-radius: 20px;\n  box-shadow: 0 4px 20px rgb(218 35 67 \/ 0.1);\n  text-align: center;\n  color: #333;\n}\n\n#system-now-fullwidth h2 {\n  font-size: 36px;\n  font-weight: 800;\n  margin-bottom: 25px;\n  line-height: 1.15;\n}\n\n#system-now-fullwidth h2 .highlight-gradient {\n  background: linear-gradient(90deg, #da2343, #ff6a3c);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-fill-color: transparent;\n}\n\n#system-now-fullwidth p {\n  font-size: 18px;\n  line-height: 1.6;\n  max-width: 700px;\n  margin: 0 auto 40px;\n  color: #555;\n}\n\n#system-now-fullwidth p strong {\n  font-weight: 700;\n  color: #da2343;\n}\n\n#system-now-fullwidth .important-text {\n  font-weight: 700;\n  font-size: 20px;\n  margin-top: 20px;\n  color: #222;\n}\n\n#system-now-fullwidth .cta-wrapper {\n  margin-top: 40px;\n}\n\n#system-now-fullwidth .cta-button {\n  background-color: #da2343;\n  color: white;\n  padding: 16px 50px;\n  font-weight: 800;\n  font-size: 18px;\n  border-radius: 50px;\n  text-decoration: none;\n  display: inline-block;\n  transition: background-color 0.3s ease;\n}\n\n#system-now-fullwidth .cta-button:hover {\n  background-color: #b31e38;\n}\n\n@media (max-width: 900px) {\n  #system-now-fullwidth h2 {\n    font-size: 28px;\n  }\n  #system-now-fullwidth p {\n    font-size: 16px;\n    padding: 0 10px;\n  }\n  #system-now-fullwidth .important-text {\n    font-size: 18px;\n    padding: 0 10px;\n  }\n}\n<\/style>\n\n<section id=\"system-now-fullwidth\">\n  <h2>Dlaczego ten system <span class=\"highlight-gradient\">dzia\u0142a TERAZ?<\/span><\/h2>\n  \n  <p>Bo zosta\u0142 zbudowany na podstawie tego, jak rynek wygl\u0105da <strong>dzisiaj<\/strong> &#8211; nie 5 lat temu.<br>\n  System, kt\u00f3ry poznasz na webinarze:<\/p>\n  \n  <p>\n    <strong>Opiera si\u0119 na najnowszych danych<\/strong> o tym, jak klienci faktycznie podejmuj\u0105 decyzje zakupowe &#8211; czyli co dzi\u015b naprawd\u0119 dzia\u0142a w sprzeda\u017cy online (a nie co dzia\u0142a\u0142o w epoce Facebooka sprzed iOS 14).<br><br>\n    <strong>Bazuje na aktualnych praktykach Tw\u00f3rc\u00f3w<\/strong>, kt\u00f3rzy dzisiaj buduj\u0105 przewidywalne przychody &#8211; nie na teoretycznych modelach z ksi\u0105\u017cek o marketingu.<br><br>\n    <strong>Uwzgl\u0119dnia zmiany w zachowaniach odbiorc\u00f3w:<\/strong> spadek lojalno\u015bci do platform, wi\u0119ksze wymagania wobec ofert, przesyt tre\u015bci i impulsowych zakup\u00f3w.\n  <\/p>\n  \n  <p class=\"important-text\">\n    Innymi s\u0142owy: to system, kt\u00f3ry dzia\u0142a w 2025 roku.<br>\n    I kt\u00f3ry mo\u017cesz zacz\u0105\u0107 wdra\u017ca\u0107 u siebie &#8211; zanim kolejny trend zn\u00f3w zmieni uk\u0142ad si\u0142 w internecie.\n  <\/p>\n  \n  <div class=\"cta-wrapper\">\n  <\/div>\n<\/section>\n\n\n\n<style>\n#webinar-radial {\n  font-family: 'Open Sans', sans-serif;\n  max-width: 1000px;\n  margin: 60px auto 80px; \/* zmniejszony margines g\u00f3rny *\/\n  padding: 20px;\n  position: relative;\n  min-height: 560px; \/* sekcja skr\u00f3cona *\/\n  color: #222;\n}\n\n#webinar-radial h2 {\n  text-align: center;\n  font-weight: 800;\n  font-size: 32px;\n  margin-bottom: 40px;\n  position: relative;\n  z-index: 20;\n}\n\n#webinar-radial .points-container {\n  position: relative;\n  width: 100%;\n  height: 520px; \/* sekcja skr\u00f3cona *\/\n  z-index: 10;\n}\n\n#webinar-radial .point-box {\n  position: absolute;\n  background: #f9f9f9;\n  border-radius: 14px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n  padding: 18px 24px;\n  max-width: 270px;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 1.4;\n  color: #222;\n  text-align: left;\n  transition: box-shadow 0.3s ease, transform 0.3s ease;\n  cursor: pointer;\n  z-index: 10;\n}\n\n#webinar-radial .point-box b {\n  font-weight: 800;\n  color: #da2343;\n}\n\n#webinar-radial .point-box:hover {\n  box-shadow: 0 8px 24px rgba(218, 35, 67, 0.35);\n  transform: translateY(-6px);\n}\n\n\/* Przesuni\u0119cie chmurki \"Masz ju\u017c sw\u00f3j pierwszy produkt\" w d\u00f3\u0142 *\/\n#point1 {\n  top: 60px; \/* wcze\u015bniej 20px, przesuni\u0119te w d\u00f3\u0142 *\/\n  left: 5%;\n  max-width: 270px;\n}\n\n#point2 {\n  top: 60px;\n  left: 68%;\n  max-width: 280px;\n}\n\n#point3 {\n  top: 210px;\n  left: 70%;\n  max-width: 240px;\n}\n\n#point4 {\n  top: 365px;\n  left: 63%;\n  max-width: 280px;\n}\n\n#point5 {\n  top: 350px;\n  left: 2%;\n  max-width: 260px;\n}\n\n#webinar-radial .photo-center {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 420px;\n  user-select: none;\n  pointer-events: none;\n  z-index: 5;\n}\n\n@media (max-width: 700px) {\n  #webinar-radial {\n    min-height: auto;\n    margin-top: 40px;\n    margin-bottom: 40px;\n  }\n  #webinar-radial .points-container {\n    position: static;\n    height: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    padding-bottom: 20px;\n  }\n  #webinar-radial .point-box {\n    position: static;\n    max-width: 100%;\n    margin: 0 auto;\n    text-align: center;\n    transform: none !important;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n  }\n  #webinar-radial .point-box:hover {\n    transform: none;\n    box-shadow: 0 8px 24px rgba(218, 35, 67, 0.35);\n  }\n  #webinar-radial .photo-center {\n    position: static;\n    transform: none;\n    margin: 20px auto 0;\n    max-width: 240px;\n    z-index: 5;\n  }\n}\n<\/style>\n\n<section id=\"webinar-radial\">\n  <h2>Ten webinar jest dla Ciebie, je\u015bli:<\/h2>\n  <div class=\"points-container\">\n    <div id=\"point1\" class=\"point-box\" tabindex=\"0\">\n      <b>Masz ju\u017c sw\u00f3j pierwszy produkt<\/b> &#8211; ksi\u0105\u017ck\u0119, ebook, kurs, newsletter, merch &#8211; ale czujesz, \u017ce brakuje Ci systemu, kt\u00f3ry go wspiera i&nbsp;sprzedaje.\n    <\/div>\n    <div id=\"point2\" class=\"point-box\" tabindex=\"0\">\n      <b>Dopiero planujesz stworzy\u0107 pierwszy produkt<\/b> i chcesz od razu pouk\u0142ada\u0107 to m\u0105drze, zamiast p\u00f3\u017aniej &#8220;ratowa\u0107&#8221; \u017ale postawiony biznes.\n    <\/div>\n    <div id=\"point3\" class=\"point-box\" tabindex=\"0\">\n      <b>Masz do\u015b\u0107 chaotycznego tworzenia tre\u015bci<\/b>, kt\u00f3re niczego nie buduj\u0105 i nie prowadz\u0105 do realnych przychod\u00f3w.\n    <\/div>\n    <div id=\"point4\" class=\"point-box\" tabindex=\"0\">\n      <b>Chcesz, \u017ceby Tw\u00f3j biznes dzia\u0142a\u0142 stale<\/b> &#8211; nie tylko wtedy, gdy masz czas, wen\u0119 i&nbsp;ochot\u0119.\n    <\/div>\n    <div id=\"point5\" class=\"point-box\" tabindex=\"0\">\n      <b>Chcesz dowiedzie\u0107 si\u0119, co realnie dzia\u0142a u Tw\u00f3rc\u00f3w w 2025 roku<\/b> &#8211; na podstawie danych i&nbsp;sprawdzonych modeli, kt\u00f3re mo\u017cesz zastosowa\u0107 u siebie.\n    <\/div>\n\n    <img decoding=\"async\" src=\"https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/projekt-bez-nazwy-2025-06-11t132433.721-2-e1749797206350.png\" alt=\"Prelegent webinaru\" class=\"photo-center\" \/>\n  <\/div>\n<\/section>\n\n\n\n<style>\n#webinar-investment {\n  font-family: 'Open Sans', sans-serif;\n  max-width: 900px;\n  margin: 80px auto;\n  padding: 40px 20px;\n  background: linear-gradient(90deg, #da2343, #ff6a3c);\n  border-radius: 20px;\n  color: white; \/* bia\u0142e napisy *\/\n  text-align: center;\n  box-sizing: border-box;\n  box-shadow: 0 8px 24px rgba(218, 35, 67, 0.4);\n}\n\n#webinar-investment h2 {\n  font-weight: 800;\n  font-size: 32px;\n  margin-bottom: 30px;\n  color: white; \/* nag\u0142\u00f3wek bia\u0142y *\/\n}\n\n#webinar-investment p {\n  font-size: 18px;\n  line-height: 1.5;\n  margin: 15px 0;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  color: white; \/* bia\u0142e napisy *\/\n}\n\n#webinar-investment p span.highlight {\n  font-weight: 800;\n  font-size: 20px;\n  text-decoration: underline;\n  color: white; \/* bia\u0142e wyr\u00f3\u017cnienie *\/\n}\n\n#webinar-investment a.cta-button {\n  display: inline-block;\n  margin-top: 35px;\n  padding: 18px 50px;\n  background-color: #fff;\n  color: #da2343;\n  font-weight: 800;\n  font-size: 18px;\n  border-radius: 50px;\n  text-decoration: none;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n\n#webinar-investment a.cta-button:hover {\n  background-color: #f9b997;\n  color: #b31e38;\n}\n<\/style>\n\n<section id=\"webinar-investment\">\n  <h2>49 z\u0142. Serio si\u0119 jeszcze zastanawiasz?<\/h2>\n  <p><span class=\"highlight\">Za tyle co dobra pizza na mie\u015bcie<\/span> dowiesz si\u0119, jak w kilka miesi\u0119cy doj\u015b\u0107 do 2-5 tys. z\u0142 miesi\u0119cznie na w\u0142asnych produktach.<\/p>\n\n  <p>Je\u015bli to dla Ciebie \u201cza drogo\u201d &#8211; to mo\u017ce w\u0142a\u015bnie dlatego Tw\u00f3j biznes jeszcze nie dzia\u0142a.<\/p>\n  <p>Ten webinar to <span class=\"highlight\">konkret.<\/span> Sprawdzony system, kt\u00f3ry mo\u017cesz zacz\u0105\u0107 wdra\u017ca\u0107 od razu.<\/p>\n  <p>Albo dalej kr\u0119cisz si\u0119 w chaosie i&nbsp;czekasz, a\u017c algorytm b\u0119dzie mia\u0142 dobry humor.<\/p>\n  \n<\/section>\n\n\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600;700;800&display=swap');\n\n  .premium-benefits-section {\n    background-color: #f9f9f9;\n    padding: 80px 20px;\n    text-align: center;\n    font-family: 'Open Sans', sans-serif;\n  }\n\n  .section-subtitle {\n    color: #da2343;\n    text-transform: uppercase;\n    font-weight: 700;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n  }\n\n  .section-title {\n    color: #333;\n    font-size: 36px;\n    font-weight: 800;\n    margin-bottom: 20px;\n  }\n\n  .section-description {\n    color: #666;\n    font-size: 17px;\n    max-width: 720px;\n    margin: 0 auto 40px;\n  }\n\n  .benefits-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 20px;\n  }\n\n  .benefit-box {\n    background-color: #efefef;\n    border-radius: 10px;\n    box-shadow: 0 4px 16px rgba(0,0,0,0.05);\n    padding: 25px;\n    width: 280px;\n    text-align: left;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 0.6s forwards;\n  }\n\n  .benefit-box:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-box:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-box:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-box:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-box:nth-child(5) { animation-delay: 0.5s; }\n\n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .benefit-box:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.1);\n  }\n\n  .benefit-icon {\n    font-size: 40px;\n    color: #da2343;\n    margin-bottom: 15px;\n  }\n\n  .benefit-title {\n    color: #333;\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .benefit-text {\n    color: #666;\n    font-size: 15px;\n  }\n\n  .cta-button {\n    display: inline-block;\n    padding: 18px 50px;\n    background-color: #da2343;\n    color: #fff;\n    text-decoration: none;\n    font-size: 18px;\n    font-weight: 800;\n    border-radius: 50px;\n    transition: background-color 0.3s ease, transform 0.3s ease;\n  }\n\n  .cta-button:hover {\n    background-color: #b31e38;\n    transform: scale(1.05);\n  }\n<\/style>\n\n<section class=\"premium-benefits-section\">\n  <h4 class=\"section-subtitle\">Dlaczego teraz?<\/h4>\n  <h2 class=\"section-title\">Nie odk\u0142adaj tego na p\u00f3\u017aniej!<\/h2>\n  <p class=\"section-description\">\n    Z ka\u017cdym dniem odk\u0142adania decyzji mo\u017cesz traci\u0107 realne szanse na rozw\u00f3j. Zobacz, dlaczego warto dzia\u0142a\u0107 TERAZ:\n  <\/p>\n\n  <div class=\"benefits-grid\">\n    <div class=\"benefit-box\">\n      <div class=\"benefit-icon\">\ud83d\udd04<\/div>\n      <h3 class=\"benefit-title\">Przesta\u0144 kr\u0119ci\u0107 si\u0119 w k\u00f3\u0142ko<\/h3>\n      <p class=\"benefit-text\">Bo odk\u0142adanie na &#8220;p\u00f3\u017aniej&#8221; oznacza, \u017ce jeszcze d\u0142ugo b\u0119dziesz tkwi\u0107 w miejscu.<\/p>\n    <\/div>\n\n    <div class=\"benefit-box\">\n      <div class=\"benefit-icon\">\ud83d\ude80<\/div>\n      <h3 class=\"benefit-title\">Rynek Tw\u00f3rc\u00f3w nie czeka<\/h3>\n      <p class=\"benefit-text\">Bo rynek zmienia si\u0119 szybko &#8211; a&nbsp;ten webinar daje Ci system aktualny w\u0142a\u015bnie TERAZ. Ka\u017cdy miesi\u0105c zw\u0142oki to potencjalnie stracone przychody.<\/p>\n    <\/div>\n\n\n    <div class=\"benefit-box\">\n      <div class=\"benefit-icon\">\ud83c\udfaf<\/div>\n      <h3 class=\"benefit-title\">Jedna decyzja &#8211; realna zmiana<\/h3>\n      <p class=\"benefit-text\">Nie czekaj. Wystarczy jedna decyzja, \u017ceby za miesi\u0105c Tw\u00f3j biznes wygl\u0105da\u0142 inaczej.<\/p>\n    <\/div>\n  <\/div>\n\n\n\n<style>\n#about-host {\n  font-family: 'Open Sans', sans-serif;\n  max-width: 1400px;\n  margin: 80px auto;\n  padding: 60px 40px 40px;\n  background-color: #f9f9f9;\n  border-radius: 20px;\n  box-sizing: border-box;\n  color: #222;\n}\n\n#about-host h2.section-title {\n  text-align: center;\n  font-size: 36px;\n  font-weight: 800;\n  color: #000; \/* czarny kolor nag\u0142\u00f3wka *\/\n  margin-bottom: 50px;\n}\n\n#about-host .content-wrapper {\n  display: flex;\n  gap: 60px;\n  align-items: flex-start;\n  flex-wrap: nowrap;\n}\n\n#about-host .host-photo {\n  flex: 0 0 400px;\n  max-width: 400px;\n  border-radius: 20px;\n  user-select: none;\n  box-shadow: 0 6px 24px rgba(0,0,0,0.12);\n  object-fit: cover;\n  height: auto;\n}\n\n#about-host .host-content {\n  flex: 1 1 600px;\n  max-width: 600px;\n  text-align: left;\n  font-size: 18px;\n  line-height: 1.6;\n  color: #222;\n}\n\n#about-host .host-content p {\n  margin-bottom: 22px;\n}\n\n#about-host .host-content p b {\n  font-weight: 700;\n  background: linear-gradient(90deg, #da2343, #ff6a3c);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-fill-color: transparent;\n}\n\n@media (max-width: 1024px) {\n  #about-host {\n    max-width: 90%;\n    padding: 50px 30px 30px;\n  }\n  #about-host .content-wrapper {\n    gap: 40px;\n  }\n  #about-host .host-photo {\n    flex: 0 0 300px;\n    max-width: 300px;\n  }\n  #about-host .host-content {\n    max-width: 100%;\n    font-size: 16px;\n  }\n}\n\n@media (max-width: 720px) {\n  #about-host {\n    padding: 40px 20px 20px;\n  }\n  #about-host h2.section-title {\n    font-size: 28px;\n    margin-bottom: 30px;\n  }\n  #about-host .content-wrapper {\n    flex-direction: column;\n    gap: 30px;\n  }\n  #about-host .host-photo {\n    max-width: 80%;\n    flex: none;\n    margin: 0 auto 30px;\n  }\n  #about-host .host-content {\n    max-width: 100%;\n    text-align: center;\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<section id=\"about-host\">\n  <h2 class=\"section-title\">O prowadz\u0105cym<\/h2>\n  <div class=\"content-wrapper\">\n    <img decoding=\"async\"\n      src=\"https:\/\/imker.pl\/webinary\/wp-content\/uploads\/2025\/06\/zdjecie-krzysztof-ilw.png\"\n      alt=\"Krzysztof Bartnik\"\n      class=\"host-photo\"\n    \/>\n    <div class=\"host-content\">\n      <p><b>Krzysztof Bartnik<\/b> &#8211; od niemal 20 lat zwi\u0105zany z e-commerce jako wsp\u00f3\u0142tw\u00f3rca i inicjator wielu internetowych przedsi\u0119wzi\u0119\u0107.<\/p>\n      <p>W 2015 roku uruchomi\u0142 <b>Imker<\/b> &#8211; firm\u0119, kt\u00f3ra od tamtej pory pomog\u0142a setkom Tw\u00f3rc\u00f3w i&nbsp;producent\u00f3w wprowadza\u0107 w\u0142asne produkty na rynek. To w\u0142a\u015bnie Imker by\u0142 jednym z motor\u00f3w polskiej rewolucji self-publishingu.<\/p>\n      <p>Sprzeda\u017c produkt\u00f3w online to nie tylko jego praca &#8211; to jego pasja. Ci, kt\u00f3rzy z nim pracowali, m\u00f3wi\u0105, \u017ce ma sz\u00f3sty, ecommercowy zmys\u0142.<\/p>\n      <p>Jest r\u00f3wnie\u017c ekspertem w budowaniu skutecznych <b>newsletter\u00f3w<\/b> &#8211; od 4 lat dzieli si\u0119 swoj\u0105 wiedz\u0105 z tysi\u0105cami zaanga\u017cowanych subskrybent\u00f3w. Do tej pory wys\u0142a\u0142 ju\u017c ponad 180 newsletter\u00f3w &#8211; konsekwentnie, co tydzie\u0144.<\/p>\n      <p>Dzi\u0119ki jego wskaz\u00f3wkom wielu Tw\u00f3rc\u00f3w stworzy\u0142o i sprzeda\u0142o swoje pierwsze produkty &#8211; ksi\u0105\u017cki, kursy, ebooki, newslettery, merch &#8211; buduj\u0105c wok\u00f3\u0142 nich lojaln\u0105 spo\u0142eczno\u015b\u0107 i&nbsp;realny biznes.<\/p>\n      <p>Na tym webinarze Krzysztof poka\u017ce Ci, jak to robi\u0107 skutecznie w 2025 roku &#8211; na prostym, sprawdzonym systemie, kt\u00f3ry dzia\u0142a teraz.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n<title>Sekcja Hero Headline<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600;700;800&display=swap');\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: 'Open Sans', sans-serif;\n  background-color: #fff;\n}\n\n.section-hero-headline {\n  background-color: transparent;\n  padding: 40px 20px; \/* zmniejszony padding g\u00f3ra\/d\u00f3\u0142 *\/\n  max-width: 1200px;\n  margin: 0 auto 0 auto; \/* bez dolnego marginesu *\/\n  text-align: center;\n}\n\n.section-hero-headline h2 {\n  font-size: 40px;\n  font-weight: 800;\n  color: #000;\n  line-height: 1.3;\n  margin: 0 0 10px 0; \/* usuni\u0119ty margines g\u00f3rny, dolny 10px *\/\n}\n\n.section-hero-headline h2 span {\n  font-weight: 800;\n  background: linear-gradient(90deg, #da2343, #ff6a3c);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-fill-color: transparent;\n}\n\n.section-hero-headline .underline {\n  width: 60px;\n  height: 4px;\n  background-color: #da2343;\n  margin: 10px auto 0 auto; \/* mniejszy margines g\u00f3rny *\/\n  border-radius: 2px;\n}\n\n@media (max-width: 768px) {\n  .section-hero-headline {\n    padding: 30px 15px; \/* troch\u0119 mniej na mniejszych ekranach *\/\n  }\n\n  .section-hero-headline h2 {\n    font-size: 32px;\n  }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"section-hero-headline\">\n  <h2><span>Opinie uczestnik\u00f3w<\/span> poprzednich webinar\u00f3w<\/h2>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n\n<style>\n  .reviews-section {\n    max-width: 900px;\n    margin: 40px auto 20px auto; \/* zmniejszony margin-bottom *\/\n    font-family: Arial, sans-serif;\n    color: #222;\n    padding: 10px 20px 10px 20px; \/* mniej paddingu *\/\n    position: relative;\n    overflow: visible;\n  }\n  .reviews-container {\n    overflow: hidden;\n    width: 100%;\n    height: auto !important; \/* usu\u0144 sta\u0142\u0105 wysoko\u015b\u0107 *\/\n  }\n  .reviews-track {\n    display: flex;\n    transition: transform 0.5s ease;\n    will-change: transform;\n  }\n  .review-item {\n    flex: 0 0 calc(100% \/ 3);\n    box-sizing: border-box;\n    padding: 10px 15px; \/* troch\u0119 mniejszy padding *\/\n    text-align: left;\n  }\n  .review-content {\n    background: #f9f9f9;\n    border-radius: 12px;\n    padding: 15px 20px; \/* lekko zmniejszone *\/\n    min-height: 130px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n    display: flex;\n    gap: 15px;\n    align-items: flex-start;\n  }\n  .avatar {\n    width: 48px;\n    height: 48px;\n    flex-shrink: 0;\n    user-select: none;\n    fill: #999999;\n  }\n  .review-text {\n    font-size: 16px;\n    line-height: 1.4;\n    color: #555;\n  }\n  .reviews-nav {\n    position: absolute;\n    top: 50%;\n    width: 100%;\n    pointer-events: none;\n  }\n  .reviews-nav button {\n    pointer-events: auto;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: #da2343;\n    color: white;\n    border: none;\n    border-radius: 50%;\n    width: 38px;\n    height: 38px;\n    font-size: 24px;\n    font-weight: bold;\n    cursor: pointer;\n    user-select: none;\n    transition: background 0.3s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .reviews-nav button:hover {\n    background: #b2222f;\n  }\n  #prevBtn {\n    left: -50px;\n  }\n  #nextBtn {\n    right: -50px;\n  }\n\n  @media (max-width: 768px) {\n    .reviews-container {\n      overflow: visible;\n    }\n    .reviews-track {\n      display: block;\n      transition: none;\n      transform: none !important;\n    }\n    .review-item {\n      flex: none;\n      width: 100% !important;\n      margin-bottom: 20px;\n    }\n    .reviews-nav button {\n      display: none;\n    }\n  }\n<\/style>\n\n<section class=\"reviews-section\">\n  <div class=\"reviews-container\">\n    <div class=\"reviews-track\" id=\"reviews-track\">\n      <!-- Opinie generowane JS -->\n    <\/div>\n  <\/div>\n\n  <div class=\"reviews-nav\">\n    <button id=\"prevBtn\" aria-label=\"Poprzednie opinie\">&#8249;<\/button>\n    <button id=\"nextBtn\" aria-label=\"Nast\u0119pne opinie\">&#8250;<\/button>\n  <\/div>\n<\/section>\n\n<script>\n  (function(){\n    const reviews = [\n      \"bardzo dzi\u0119kuj\u0119 \u017ce mog\u0142am sp\u0119dzi\u0107 z Panem znowu kolejny webinar na \u017cywo. Lubi\u0119 Pana s\u0142ucha\u0107. Nie leje Pan wody :)\",\n      \"Tre\u015bciwy webinar, bardzo dzi\u0119kuj\u0119 i czekam na ci\u0105g dalszy :)\",\n      \"Rok temu rozpoczyna\u0142em wsp\u00f3\u0142prac\u0119 z Imker i potwierdzam, \u017ce wsparcie Krzysztofa jest bezcenne\",\n      \"Dzi\u0119ki za te godzin\u0119 :) merytorycznie super\",\n      \"Jak zwykle w punkt, Krzysztof :) Dzi\u0119kuj\u0119 :)\",\n      \"Krzysztof, bardzo lubi\u0119 te por\u00f3wnania, bo to zostaje w pami\u0119ci\",\n      \"Krzysztof, dzi\u0119ki! Mega warto\u015b\u0107 <3\",\n      \"Krzysztof Bartnik super prezentacja :)\",\n      \"fajny webinar, dzi\u0119kujemy!\",\n      \"\u200b\u200bBardzo fajny webinar i czekamy na kolejne!\",\n      \"by\u0142o ciekawie, dzi\u0119ki!\",\n      \"super prezka Krzysiek!\"\n    ];\n\n    const reviewsTrack = document.getElementById('reviews-track');\n    const itemsPerPage = 3;\n    let currentPage = 0;\n    const totalPages = Math.ceil(reviews.length \/ itemsPerPage);\n\n    function createAvatarSVG() {\n      return `<svg class=\"avatar\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n        <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\n        <path d=\"M4 20c0-4 8-4 8-4s8 0 8 4v1H4v-1z\"\/>\n      <\/svg>`;\n    }\n\n    function renderReviews() {\n      reviewsTrack.innerHTML = '';\n      reviews.forEach(text => {\n        const div = document.createElement('div');\n        div.className = 'review-item';\n        div.innerHTML = `\n          <div class=\"review-content\">\n            ${createAvatarSVG()}\n            <div class=\"review-text\">${text}<\/div>\n          <\/div>\n        `;\n        reviewsTrack.appendChild(div);\n      });\n      updatePosition();\n    }\n\n    function updatePosition() {\n      const offset = -currentPage * 100;\n      reviewsTrack.style.transform = `translateX(${offset}%)`;\n    }\n\n    document.getElementById('prevBtn').addEventListener('click', () => {\n      currentPage = (currentPage - 1 + totalPages) % totalPages;\n      updatePosition();\n    });\n\n    document.getElementById('nextBtn').addEventListener('click', () => {\n      currentPage = (currentPage + 1) % totalPages;\n      updatePosition();\n    });\n\n    renderReviews();\n  })();\n<\/script>\n\n\n\n<style>\n  #faq-section {\n    font-family: 'Open Sans', sans-serif;\n    width: 100%;\n    max-width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: 0;\n    padding-right: 0;\n    padding-top: 80px;\n    padding-bottom: 60px;\n    box-sizing: border-box;\n    color: #000;\n    background-color: transparent;\n  }\n\n  #faq-section h2 {\n    font-size: 36px;\n    font-weight: 800;\n    color: #da2343;\n    text-align: center;\n    margin-bottom: 50px;\n  }\n\n  .faq-item {\n    border-bottom: none;\n    padding: 0;\n    margin-bottom: 20px;\n  }\n\n  .faq-question {\n    font-weight: 700;\n    font-size: 18px;\n    cursor: pointer;\n    position: relative;\n    padding: 20px 30px;\n    background: #f9f9f9;\n    border-radius: 12px;\n    color: #000;\n    user-select: none;\n    transition: background-color 0.3s ease;\n    width: 100%;\n    box-sizing: border-box;\n    max-width: 1200px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .faq-question:hover {\n    background: #eaeaea;\n  }\n\n  .faq-question::after {\n    content: \"+\";\n    position: absolute;\n    right: 25px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 24px;\n    color: #555;\n    transition: transform 0.3s ease;\n  }\n\n  .faq-question.active::after {\n    content: \"\u2212\";\n  }\n\n  .faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    font-size: 16px;\n    line-height: 1.6;\n    color: #000;\n    transition: max-height 0.35s ease;\n    margin-top: 8px;\n    padding: 0 25px;\n    max-width: 1200px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .faq-answer.visible {\n    max-height: 500px;\n  }\n\n  @media (max-width: 720px) {\n    #faq-section {\n      padding-left: 15px;\n      padding-right: 15px;\n    }\n    #faq-section h2 {\n      font-size: 28px;\n      margin-bottom: 35px;\n    }\n    .faq-question {\n      font-size: 16px;\n      padding: 16px 25px;\n      max-width: 100%;\n      margin-left: 0;\n      margin-right: 0;\n    }\n    .faq-question::after {\n      font-size: 20px;\n      right: 20px;\n    }\n    .faq-answer {\n      font-size: 15px;\n      padding: 0 15px;\n      max-width: 100%;\n      margin-left: 0;\n      margin-right: 0;\n    }\n  }\n<\/style>\n\n<section id=\"faq-section\">\n  <h2>FAQ<\/h2>\n\n  <div class=\"faq-item\">\n    <div class=\"faq-question\">Nie mam jeszcze w\u0142asnego produktu. Czy ten webinar ma dla mnie sens?<\/div>\n    <div class=\"faq-answer\">\n      Tak! Dowiesz si\u0119, jak od razu pouk\u0142ada\u0107 sw\u00f3j biznes m\u0105drze, \u017ceby nie &#8220;ratowa\u0107&#8221; go p\u00f3\u017aniej. Ten webinar jest w\u0142a\u015bnie dla Tw\u00f3rc\u00f3w, kt\u00f3rzy dopiero planuj\u0105 sw\u00f3j pierwszy produkt &#8211; i chc\u0105 to zrobi\u0107 dobrze od pocz\u0105tku.\n    <\/div>\n  <\/div>\n\n  <div class=\"faq-item\">\n    <div class=\"faq-question\">Nie mam du\u017cej spo\u0142eczno\u015bci. Czy to dla mnie?<\/div>\n    <div class=\"faq-answer\">\n      Tak. System, kt\u00f3ry poznasz, nie wymaga tysi\u0119cy followers\u00f3w &#8211; dzia\u0142a tak\u017ce przy ma\u0142ej, ale zaanga\u017cowanej spo\u0142eczno\u015bci.\n    <\/div>\n  <\/div>\n\n  <div class=\"faq-item\">\n    <div class=\"faq-question\">Nie znam si\u0119 na marketingu ani sprzeda\u017cy. Czy dam rad\u0119 to wdro\u017cy\u0107?<\/div>\n    <div class=\"faq-answer\">\n      Tak. Poka\u017cemy Ci prosty, przejrzysty system, kt\u00f3ry mo\u017cesz zacz\u0105\u0107 wdra\u017ca\u0107 nawet bez wcze\u015bniejszego do\u015bwiadczenia. To nie jest kurs dla &#8220;zaawansowanych marketer\u00f3w&#8221; &#8211; to webinar dla Tw\u00f3rc\u00f3w.\n    <\/div>\n  <\/div>\n\n  <div class=\"faq-item\">\n    <div class=\"faq-question\">Czy musz\u0119 by\u0107 na webinarze na \u017cywo?<\/div>\n    <div class=\"faq-answer\">\n      Nie. Je\u015bli kupisz bilet, otrzymasz dost\u0119p do nagrania, kt\u00f3re b\u0119dzie dost\u0119pne przez kilka tygodni po webinarze.\n    <\/div>\n  <\/div>\n\n  <div class=\"faq-item\">\n    <div class=\"faq-question\">Dlaczego warto kupi\u0107 teraz?<\/div>\n    <div class=\"faq-answer\">\n      Bo webinar jest ju\u017c 3 lipca &#8211; a po tej dacie bilety znikaj\u0105. Nie b\u0119dzie p\u00f3\u017aniejszej sprzeda\u017cy nagrania w tej cenie. Je\u015bli chcesz mie\u0107 dost\u0119p &#8211; kup bilet teraz.\n    <\/div>\n  <\/div>\n\n <div class=\"faq-item\">\n    <div class=\"faq-question\">Mam inne pytanie. Jak mog\u0119 je zada\u0107?<\/div>\n    <div class=\"faq-answer\">\n      Napisz do nas wiadomo\u015b\u0107 na adres info@imker.pl.\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  document.querySelectorAll('#faq-section .faq-question').forEach(question => {\n    question.addEventListener('click', () => {\n      const isActive = question.classList.contains('active');\n      document.querySelectorAll('#faq-section .faq-question').forEach(q => q.classList.remove('active'));\n      document.querySelectorAll('#faq-section .faq-answer').forEach(a => a.classList.remove('visible'));\n\n      if (!isActive) {\n        question.classList.add('active');\n        question.nextElementSibling.classList.add('visible');\n      }\n    });\n  });\n<\/script>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sekcja Hero Headline Tw\u00f3rca 2025 &#8211; Stw\u00f3rz system, kt\u00f3ry b\u0119dzie pracowa\u0142 dla Ciebie. Znowu wyrywasz w\u0142osy z&nbsp;g\u0142owy, zastanawiaj\u0105c si\u0119, ile zarobisz w tym miesi\u0105cu (i czy zarobisz w og\u00f3le)? Zbuduj przewidywalny biznes Tw\u00f3rcy, kt\u00f3ry dzia\u0142a w 2025 roku! Poka\u017cemy Ci system, kt\u00f3ry SI\u0118 SPRAWDZA. Teraz, nie 5 lat temu. System, kt\u00f3ry pozwoli Ci zamieni\u0107 obserwuj\u0105cych [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/imker.pl\/webinary\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imker.pl\/webinary\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imker.pl\/webinary\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imker.pl\/webinary\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imker.pl\/webinary\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":490,"href":"https:\/\/imker.pl\/webinary\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":1037,"href":"https:\/\/imker.pl\/webinary\/wp-json\/wp\/v2\/pages\/6\/revisions\/1037"}],"wp:attachment":[{"href":"https:\/\/imker.pl\/webinary\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}