{"id":6939,"date":"2026-06-26T22:43:08","date_gmt":"2026-06-27T01:43:08","guid":{"rendered":"https:\/\/gerart.online\/?page_id=6939"},"modified":"2026-06-28T21:56:48","modified_gmt":"2026-06-29T00:56:48","slug":"home-v2","status":"publish","type":"page","link":"https:\/\/gerart.online\/en\/","title":{"rendered":"Home V2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6939\" class=\"elementor elementor-6939\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7471e5 e-flex e-con-boxed e-con e-parent\" data-id=\"e7471e5\" 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-2644bff elementor-widget elementor-widget-html\" data-id=\"2644bff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================================\n     SE\u00c7\u00c3O 2 \u2014 HERO (primeira dobra)\n     JS necess\u00e1rio: nenhum (anima\u00e7\u00e3o de capas no telefone\/tablet \u00e9 s\u00f3 CSS).\n     Substitua os src das imagens em .hero__cover img \/ .hero__tablet img.\n     ===================================================================== -->\n<style>\n  .hero { position: relative; overflow: hidden; background: var(--paper); padding-block: clamp(4rem, 8vw, 8rem); }\n  .hero__grid-bg { position: absolute; inset: 0; pointer-events: none; opacity: .04; background-image: linear-gradient(to right, var(--ink) 1px, transparent 1px), linear-gradient(to bottom, var(--ink) 1px, transparent 1px); background-size: 64px 64px; }\n  .hero__wrap { position: relative; display: grid; gap: 3rem; align-items: center; }\n  .hero__eyebrow { display: inline-flex; align-items: center; gap: .5rem; background: rgba(255,0,92,.1); color: var(--vermilion); padding: .375rem .75rem; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }\n  .hero__eyebrow::before { content: \"\"; width: 6px; height: 6px; border-radius: 999px; background: var(--vermilion); }\n  .hero__title { font-family: var(--font-display); font-weight: 900; letter-spacing: -.035em; line-height: .92; color: var(--ink); margin-top: 1.5rem; font-size: clamp(2.25rem, 6.5vw, 5.75rem); }\n  .hero__title em { font-style: normal; color: var(--electric); }\n  .hero__lead { margin-top: 1.75rem; max-width: 36rem; font-size: 1rem; line-height: 1.625; color: rgba(10,10,11,.7); }\n  .hero__ctas { margin-top: 2rem; display: flex; flex-direction: column; gap: .75rem; }\n  .hero__cta-primary, .hero__cta-secondary { display: inline-flex; width: 100%; align-items: center; justify-content: center; gap: .75rem; padding: 1rem 1.5rem; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; transition: transform .2s, background .2s, color .2s; }\n  .hero__cta-primary { background: var(--electric); color: var(--paper); }\n  .hero__cta-primary:hover { transform: translateY(-2px); }\n  .hero__cta-secondary { border: 2px solid var(--ink); color: var(--ink); }\n  .hero__cta-secondary:hover { background: var(--ink); color: var(--paper); }\n  .hero__features { margin-top: 2.5rem; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem 1.5rem; font-size: .875rem; color: rgba(10,10,11,.7); }\n  .hero__features li { display: flex; align-items: center; gap: .5rem; }\n  .hero__features svg { color: var(--electric); flex-shrink: 0; }\n\n  \/* Devices (tablet + phone) *\/\n  .hero__devices-mobile { position: relative; margin-top: 2.5rem; margin-bottom: 2rem; }\n  .hero__devices-desktop { display: none; position: relative; }\n  .hero__devices-desktop::before { content: \"\"; position: absolute; inset: -1rem; z-index: -1; background: var(--paper-2); }\n  .hero__devices-stage { position: relative; margin-inline: auto; width: 100%; aspect-ratio: 5\/6; }\n  .hero__halo { position: absolute; inset: 0; z-index: -1; opacity: .4; background-image: radial-gradient(var(--ink) 1px, transparent 1.2px); background-size: 22px 22px; mask-image: radial-gradient(ellipse at center, black 30%, transparent 72%); -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 72%); }\n  .hero__tablet { position: absolute; right: 6%; top: 6%; width: 60%; animation: hero-float-slow 9s ease-in-out infinite; }\n  .hero__tablet-frame { background: var(--ink); padding: 8px; border-radius: 22px; box-shadow: 0 30px 60px -25px rgba(0,71,255,.5); outline: 1px solid rgba(0,71,255,.4); }\n  .hero__tablet-screen { aspect-ratio: 3\/4; overflow: hidden; border-radius: 14px; background: var(--paper-2); position: relative; }\n  .hero__phone { position: absolute; left: 0; bottom: 4%; width: 48%; animation: hero-float-fast 5s ease-in-out infinite; }\n  .hero__phone-frame { background: var(--ink); padding: 6px; border-radius: 26px; box-shadow: 0 30px 55px -20px rgba(255,0,92,.5); outline: 1px solid rgba(255,0,92,.4); }\n  .hero__phone-screen { position: relative; aspect-ratio: 9\/19; overflow: hidden; border-radius: 22px; background: var(--paper-2); }\n  .hero__notch { position: absolute; left: 50%; top: 6px; z-index: 10; width: 34%; height: 6px; transform: translateX(-50%); border-radius: 999px; background: var(--ink); }\n\n  \/* Stack de capas (tablet) *\/\n  .hero__cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; animation: hero-cover-cycle 9s cubic-bezier(.7,0,.3,1) infinite; will-change: opacity, transform; }\n  .hero__cover-stack { position: relative; width: 100%; height: 100%; overflow: hidden; background: var(--ink); }\n\n  \/* Anima\u00e7\u00e3o 3 cenas do telefone (download \u2192 processando \u2192 p\u00e1gina) *\/\n  .hero__phone-step { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; padding: 0 1rem; text-align: center; background: var(--paper); opacity: 0; animation: hero-phone-cycle 9s cubic-bezier(.7,0,.3,1) infinite; }\n  .hero__phone-step--processing { background: var(--paper-2); }\n  .hero__phone-step--page { align-items: flex-start; justify-content: flex-start; text-align: left; gap: .5rem; padding: 1.5rem 1rem 1rem; }\n  .hero__phone-dl { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 999px; background: var(--electric); color: var(--paper); }\n  .hero__phone-label { font-family: var(--font-display); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; color: var(--ink); }\n  .hero__phone-cta { background: var(--ink); color: var(--paper); padding: .375rem .75rem; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }\n  .hero__phone-spinner { width: 36px; height: 36px; border-radius: 999px; border: 3px solid rgba(0,71,255,.2); border-top-color: var(--electric); animation: hero-spin 1s linear infinite; }\n  .hero__phone-progress { height: 6px; width: 75%; overflow: hidden; border-radius: 999px; background: rgba(10,10,11,.1); }\n  .hero__phone-progress > span { display: block; height: 100%; width: 66%; background: var(--vermilion); animation: hero-progress 2.6s ease-out infinite; }\n  .hero__phone-pct { font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; letter-spacing: .1em; color: rgba(10,10,11,.6); }\n  .hero__phone-chapter { font-family: var(--font-mono); font-size: 8px; font-weight: 600; text-transform: uppercase; letter-spacing: .15em; color: var(--vermilion); }\n  .hero__phone-h { font-family: var(--font-display); font-size: 13px; font-weight: 900; line-height: 1.1; color: var(--ink); }\n  .hero__phone-lines { margin-top: .5rem; display: flex; flex-direction: column; gap: 6px; width: 100%; }\n  .hero__phone-lines > i { display: block; height: 4px; background: rgba(10,10,11,.15); }\n  .hero__phone-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; width: 100%; border-top: 1px solid rgba(10,10,11,.1); padding-top: .5rem; }\n  .hero__phone-foot span:first-child { font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .15em; color: rgba(10,10,11,.5); }\n  .hero__phone-foot span:last-child { width: 6px; height: 6px; border-radius: 999px; background: var(--electric); }\n\n  \/* Badges flutuantes sobre os devices *\/\n  .hero__badge-num { position: absolute; left: -.75rem; bottom: -1.25rem; background: var(--vermilion); color: var(--paper); padding: 1rem 1.25rem; }\n  .hero__badge-num p:first-child { font-family: var(--font-display); font-size: 1.875rem; font-weight: 900; line-height: 1; }\n  .hero__badge-num p:last-child { margin-top: .25rem; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; opacity: .9; }\n  .hero__badge-edition { position: absolute; right: -.75rem; top: 1rem; display: none; background: var(--ink); color: var(--paper); padding: 1rem 1.25rem; }\n  .hero__badge-edition .eyebrow { color: var(--electric); }\n  .hero__badge-edition p:last-child { margin-top: .25rem; font-family: var(--font-display); font-size: .875rem; font-weight: 700; }\n\n  @keyframes hero-cover-cycle {\n    0%   { opacity: 0; transform: translateY(8px) rotate(-1.2deg) scale(.985); }\n    4%   { opacity: 1; transform: translateY(0) rotate(0) scale(1); }\n    30%  { opacity: 1; transform: translateY(0) rotate(0) scale(1); }\n    33%  { opacity: 1; transform: translateY(-3px) rotate(.6deg) scale(1.005); }\n    36%  { opacity: 0; transform: translateY(-10px) rotate(1.4deg) scale(.99); }\n    100% { opacity: 0; transform: translateY(8px) rotate(-1.2deg) scale(.985); }\n  }\n  @keyframes hero-phone-cycle {\n    0%   { opacity: 0; transform: translateY(8px); }\n    4%   { opacity: 1; transform: translateY(0); }\n    30%  { opacity: 1; transform: translateY(0); }\n    34%  { opacity: 0; transform: translateY(-8px); }\n    100% { opacity: 0; transform: translateY(8px); }\n  }\n  @keyframes hero-progress  { 0%{ transform: translateX(-100%);} 100%{ transform: translateX(0);} }\n  @keyframes hero-spin      { to { transform: rotate(360deg); } }\n  @keyframes hero-float-slow{ 0%,100%{ transform: translateY(0) rotate(0);} 50%{ transform: translateY(-9px) rotate(-.6deg);} }\n  @keyframes hero-float-fast{ 0%,100%{ transform: translateY(0) rotate(0);} 50%{ transform: translateY(-5px) rotate(.8deg);} }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hero__cover, .hero__phone-step, .hero__phone-progress > span, .hero__phone-spinner,\n    .hero__tablet, .hero__phone { animation: none; opacity: 1; }\n  }\n\n  @media (min-width: 640px) {\n    .hero__features { grid-template-columns: repeat(4, minmax(0,1fr)); }\n    .hero__ctas { flex-direction: row; flex-wrap: wrap; }\n    .hero__cta-primary, .hero__cta-secondary { width: auto; padding-inline: 2rem; font-size: .875rem; }\n    .hero__badge-num { left: -1.5rem; bottom: -1.5rem; padding: 1.5rem 1.75rem; }\n    .hero__badge-num p:first-child { font-size: 2.25rem; }\n  }\n  @media (min-width: 768px) { .hero__badge-edition { display: block; } }\n  @media (min-width: 1024px) {\n    .hero__wrap { grid-template-columns: 1.05fr 1fr; gap: 3.5rem; }\n    .hero__devices-mobile { display: none; }\n    .hero__devices-desktop { display: block; }\n  }\n<\/style>\n<div class=\"gerart-scope\">\n<section class=\"hero gerart-scope\">\n  <div class=\"hero__grid-bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"container-page\">\n    <div class=\"hero__wrap\">\n      <!-- Coluna texto + CTAs -->\n      <div>\n        <span class=\"hero__eyebrow\">Polskie wydawnictwo cyfrowe<\/span>\n        <h1 class=\"hero__title\">Wiedza, kt\u00f3ra <em>naprawd\u0119<\/em><br \/>zmienia zasady.<\/h1>\n        <p class=\"hero__lead\">Ebooki z rozwoju osobistego, psychologii relacji i skutecznej komunikacji \u2014 pisane bez lania wody, z my\u015bl\u0105 o ludziach, kt\u00f3rzy maj\u0105 do\u015b\u0107 pustych obietnic. Czytasz wieczorem. Wdra\u017casz od jutra.<\/p>\n\n        <!-- DEVICES \u2014 mobile (acima dos CTAs) -->\n        <div class=\"hero__devices-mobile\">\n          <!-- (mesma marca\u00e7\u00e3o do bloco desktop abaixo) -->\n          <div class=\"hero__devices-stage\">\n            <div class=\"hero__halo\" aria-hidden=\"true\"><\/div>\n\n            <div class=\"hero__tablet\">\n              <div class=\"hero__tablet-frame\">\n                <div class=\"hero__tablet-screen\">\n                  <div class=\"hero__cover-stack\">\n                    <img decoding=\"async\" class=\"hero__cover\" style=\"animation-delay:0s\" src=\"assets\/cover-fala-geniuzu.jpg\"        alt=\"\" aria-hidden=\"true\" loading=\"lazy\" \/>\n                    <img decoding=\"async\" class=\"hero__cover\" style=\"animation-delay:3s\" src=\"assets\/cover-dom-zdrowie-apetyt.jpg\"  alt=\"\" aria-hidden=\"true\" loading=\"lazy\" \/>\n                    <img decoding=\"async\" class=\"hero__cover\" style=\"animation-delay:6s\" src=\"assets\/cover-nieodparte-wiadomosci.jpg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" \/>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"hero__phone\">\n              <div class=\"hero__phone-frame\">\n                <div class=\"hero__phone-screen\">\n                  <!-- Step 1 \u2014 Download -->\n                  <div class=\"hero__phone-step\" style=\"animation-delay:0s\">\n                    <div class=\"hero__phone-dl\">\n                      <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n                    <\/div>\n                    <p class=\"hero__phone-label\">Pobierz ebook<\/p>\n                    <span class=\"hero__phone-cta\">Tap to start<\/span>\n                  <\/div>\n                  <!-- Step 2 \u2014 Processando -->\n                  <div class=\"hero__phone-step hero__phone-step--processing\" style=\"animation-delay:3s\">\n                    <div class=\"hero__phone-spinner\" aria-hidden=\"true\"><\/div>\n                    <p class=\"hero__phone-label\">Przygotowanie pliku<\/p>\n                    <div class=\"hero__phone-progress\"><span><\/span><\/div>\n                    <p class=\"hero__phone-pct\">67%<\/p>\n                  <\/div>\n                  <!-- Step 3 \u2014 P\u00e1gina aberta -->\n                  <div class=\"hero__phone-step hero__phone-step--page gerart-scope\" style=\"animation-delay:6s\">\n                    <p class=\"hero__phone-chapter\">Rozdzia\u0142 01<\/p>\n                    <h4 class=\"hero__phone-h\">Fala Geniuszu<\/h4>\n                    <div class=\"hero__phone-lines\">\n                      <i style=\"width:100%\"><\/i><i style=\"width:92%\"><\/i><i style=\"width:78%\"><\/i><i style=\"width:88%\"><\/i><i style=\"width:65%\"><\/i>\n                      <i style=\"width:100%; margin-top:6px\"><\/i><i style=\"width:80%\"><\/i><i style=\"width:55%\"><\/i>\n                    <\/div>\n                    <div class=\"hero__phone-foot\"><span>12 \/ 184<\/span><span><\/span><\/div>\n                  <\/div>\n                  <div class=\"hero__notch\" aria-hidden=\"true\"><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"hero__badge-num\">\n            <p>12 000+<\/p>\n            <p>Czytelnik\u00f3w w Polsce<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"hero__ctas\">\n          <a href=\"https:\/\/gerart.online\/sklep\" class=\"hero__cta-primary\">Przejd\u017a do sklepu <span>\u2192<\/span><\/a>\n          <a href=\"#dlaczego-gerart\" class=\"hero__cta-secondary\">Poznaj nasz\u0105 metod\u0119<\/a>\n        <\/div>\n\n        <ul class=\"hero__features\">\n          <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg> Natychmiastowy dost\u0119p<\/li>\n          <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-8 9-4.5-1.5-8-4-8-9V5l8-3 8 3z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg> Bezpieczne p\u0142atno\u015bci<\/li>\n          <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg> Format PDF<\/li>\n          <li><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 12c-2-2.67-4-4-6-4a4 4 0 1 0 0 8c2 0 4-1.33 6-4Zm0 0c2 2.67 4 4 6 4a4 4 0 0 0 0-8c-2 0-4 1.33-6 4Z\"\/><\/svg> Do\u017cywotnia licencja<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- DEVICES \u2014 desktop (coluna direita) -->\n      <div class=\"hero__devices-desktop\">\n        <div class=\"hero__devices-stage\">\n          <div class=\"hero__halo\" aria-hidden=\"true\"><\/div>\n\n          <div class=\"hero__tablet\">\n            <div class=\"hero__tablet-frame\">\n              <div class=\"hero__tablet-screen\">\n                <div class=\"hero__cover-stack\">\n                  <img decoding=\"async\" class=\"hero__cover\" style=\"animation-delay:0s\" src=\"assets\/cover-fala-geniuzu.jpg\"        alt=\"\" aria-hidden=\"true\" loading=\"lazy\" \/>\n                  <img decoding=\"async\" class=\"hero__cover\" style=\"animation-delay:3s\" src=\"assets\/cover-dom-zdrowie-apetyt.jpg\"  alt=\"\" aria-hidden=\"true\" loading=\"lazy\" \/>\n                  <img decoding=\"async\" class=\"hero__cover\" style=\"animation-delay:6s\" src=\"assets\/cover-nieodparte-wiadomosci.jpg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" \/>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"hero__phone\">\n            <div class=\"hero__phone-frame\">\n              <div class=\"hero__phone-screen\">\n                <div class=\"hero__phone-step\" style=\"animation-delay:0s\">\n                  <div class=\"hero__phone-dl\">\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n                  <\/div>\n                  <p class=\"hero__phone-label\">Pobierz ebook<\/p>\n                  <span class=\"hero__phone-cta\">Tap to start<\/span>\n                <\/div>\n                <div class=\"hero__phone-step hero__phone-step--processing\" style=\"animation-delay:3s\">\n                  <div class=\"hero__phone-spinner\" aria-hidden=\"true\"><\/div>\n                  <p class=\"hero__phone-label\">Przygotowanie pliku<\/p>\n                  <div class=\"hero__phone-progress\"><span><\/span><\/div>\n                  <p class=\"hero__phone-pct\">67%<\/p>\n                <\/div>\n                <div class=\"hero__phone-step hero__phone-step--page\" style=\"animation-delay:6s\">\n                  <p class=\"hero__phone-chapter\">Rozdzia\u0142 01<\/p>\n                  <h4 class=\"hero__phone-h\">Fala Geniuszu<\/h4>\n                  <div class=\"hero__phone-lines\">\n                    <i style=\"width:100%\"><\/i><i style=\"width:92%\"><\/i><i style=\"width:78%\"><\/i><i style=\"width:88%\"><\/i><i style=\"width:65%\"><\/i>\n                    <i style=\"width:100%; margin-top:6px\"><\/i><i style=\"width:80%\"><\/i><i style=\"width:55%\"><\/i>\n                  <\/div>\n                  <div class=\"hero__phone-foot\"><span>12 \/ 184<\/span><span><\/span><\/div>\n                <\/div>\n                <div class=\"hero__notch\" aria-hidden=\"true\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hero__badge-num\">\n          <p>12 000+<\/p>\n          <p>Czytelnik\u00f3w w Polsce<\/p>\n        <\/div>\n        <div class=\"hero__badge-edition\">\n          <p class=\"eyebrow\">Nowo\u015b\u0107<\/p>\n          <p>Edycja 2025<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\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-7725d6e e-flex e-con-boxed e-con e-parent\" data-id=\"7725d6e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29916ab elementor-widget elementor-widget-html\" data-id=\"29916ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- =====================================================================\n     SE\u00c7\u00c3O 3 \u2014 POLECANE PRODUKTY (3 capas em grid escuro)\n     JS necess\u00e1rio: nenhum.\n     ===================================================================== -->\n<style>\n  .prod { background: var(--ink); color: var(--paper); padding-block: clamp(4rem, 8vw, 8rem); }\n  .prod__head { display: flex; flex-direction: column; gap: 1.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid rgba(255,255,255,.1); }\n  .prod__intro { max-width: 36rem; }\n  .prod__intro p.eyebrow { color: var(--electric); }\n  .prod__intro h2 { margin-top: .75rem; font-family: var(--font-display); font-weight: 900; letter-spacing: -.035em; line-height: .92; color: var(--paper); font-size: clamp(1.875rem, 4vw, 3rem); }\n  .prod__intro p:last-child { margin-top: 1.25rem; color: rgba(255,255,255,.6); }\n  .prod__seeall { font-size: .875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--vermilion); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; }\n  .prod__seeall:hover { color: var(--paper); }\n  .prod__grid { margin-top: 3rem; display: grid; gap: 1.5rem; }\n  .prod__card { display: flex; flex-direction: column; background: rgba(255,255,255,.05); outline: 1px solid rgba(255,255,255,.1); transition: background .2s; }\n  .prod__card:hover { background: rgba(255,255,255,.1); }\n  .prod__cover { position: relative; display: block; aspect-ratio: 4\/5; overflow: hidden; background: rgba(255,255,255,.05); }\n  .prod__cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }\n  .prod__card:hover .prod__cover img { transform: scale(1.03); }\n  .prod__badge { position: absolute; left: 1rem; top: 1rem; background: var(--vermilion); color: var(--paper); padding: .25rem .625rem; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }\n  .prod__body { display: flex; flex-direction: column; flex: 1; padding: 1.5rem; }\n  .prod__cat { color: var(--electric); }\n  .prod__title { margin-top: .5rem; font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; line-height: 1.1; color: var(--paper); }\n  .prod__title a:hover { color: var(--electric); }\n  .prod__desc { margin-top: .75rem; flex: 1; font-size: .875rem; color: rgba(255,255,255,.6); }\n  .prod__foot { margin-top: 1.5rem; display: flex; align-items: center; justify-content: space-between; }\n  .prod__price { font-family: var(--font-display); font-size: 1.5rem; font-weight: 900; color: var(--paper); }\n  .prod__btn { background: var(--paper); color: var(--ink); padding: .625rem 1rem; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; transition: background .2s, color .2s; }\n  .prod__card:hover .prod__btn { background: var(--electric); color: var(--paper); }\n  @media (min-width: 640px) { .prod__grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (min-width: 768px) { .prod__head { flex-direction: row; align-items: flex-end; justify-content: space-between; } .prod__grid { grid-template-columns: repeat(3, 1fr); } }\n<\/style>\n\n<section id=\"polecane\" class=\"prod\">\n  <div class=\"container-page\">\n    <div class=\"prod__head\">\n      <div class=\"prod__intro\">\n        <p class=\"eyebrow\">01 \/ Polecane produkty<\/p>\n        <h2>Najcz\u0119\u015bciej wybierane<br \/>ebooki w sklepie.<\/h2>\n        <p>R\u0119cznie wybrane przez redakcj\u0119 \u2014 to s\u0105 tytu\u0142y, od kt\u00f3rych warto zacz\u0105\u0107.<\/p>\n      <\/div>\n      <a class=\"prod__seeall\" href=\"https:\/\/gerart.online\/sklep\">Zobacz wszystkie \u2192<\/a>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3bf3fd elementor-widget elementor-widget-rkit-woo_product_grid\" data-id=\"e3bf3fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"rkit-woo_product_grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"rkit-product-grid-wpg\">\n\n\n                                <div class=\"rkit-product-card-wpg\">\n                        <div class=\"rkit-product-image-wpg\">\n                                                        <div class=\"rkit-product-image-container\">\n                                <img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/gerart.online\/wp-content\/uploads\/2026\/07\/estoicismo-e1784857298740-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"UMYS\u0141 STOICZNY\" \/>                            <\/div>\n                                                            <div class=\"rkit-addcart-wrap-button-wpg\">\n                                    <a class=\"rkit-addcart-button-wpg\" href=\"https:\/\/gerart.online\/en\/koszyk\/?add-to-cart=10771\">\n\n                                        <span> Add To Cart <\/span>\n                                        <i aria-hidden=\"true\" class=\"rkit-icon-readmore-wpg rtmicon rtmicon-shopping-cart\"><\/i>                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                        <div class=\"rkit-product-details-wpg\">\n                            <div class=\"rkit-product-info-wpg\">\n                                <a href=\"https:\/\/gerart.online\/en\/product\/umysl-stoiczny\/\">\n                                    <h4 class=\"rkit-product-title-wpg\">\n                                        UMYS\u0141 STOICZNY                                    <\/h4>\n                                <\/a>\n                                                                                            <\/div>\n                            <div class=\"rkit-product-feat-wpg\">\n                                                                    <span class=\"rkit-product-price-reguler-wpg                                        align-end-tablet \n                                        align-end \n                                        align-end-mobile                                    \">\n                                        <span class=\"woocommerce-Price-amount amount\">97,00<span class=\"woocommerce-Price-currencySymbol\">&#122;&#322;<\/span><\/span>                                    <\/span>\n                                                                                            <\/div>\n                        <\/div>\n\n                        \n                                            <\/div>\n\n\n\n\n\n                                    <div class=\"rkit-product-card-wpg\">\n                        <div class=\"rkit-product-image-wpg\">\n                                                        <div class=\"rkit-product-image-container\">\n                                <img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/gerart.online\/wp-content\/uploads\/2026\/07\/215-massinhas-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"215 aktywno\u015bci z ciastolin\u0105\" \/>                            <\/div>\n                                                            <div class=\"rkit-addcart-wrap-button-wpg\">\n                                    <a class=\"rkit-addcart-button-wpg\" href=\"https:\/\/gerart.online\/en\/koszyk\/?add-to-cart=10770\">\n\n                                        <span> Add To Cart <\/span>\n                                        <i aria-hidden=\"true\" class=\"rkit-icon-readmore-wpg rtmicon rtmicon-shopping-cart\"><\/i>                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                        <div class=\"rkit-product-details-wpg\">\n                            <div class=\"rkit-product-info-wpg\">\n                                <a href=\"https:\/\/gerart.online\/en\/product\/215-aktywnosci-z-ciastolina\/\">\n                                    <h4 class=\"rkit-product-title-wpg\">\n                                        215 aktywno\u015bci z ciastolin\u0105                                    <\/h4>\n                                <\/a>\n                                                                                            <\/div>\n                            <div class=\"rkit-product-feat-wpg\">\n                                                                    <span class=\"rkit-product-price-reguler-wpg                                        align-end-tablet \n                                        align-end \n                                        align-end-mobile                                    \">\n                                        <span class=\"woocommerce-Price-amount amount\">97,00<span class=\"woocommerce-Price-currencySymbol\">&#122;&#322;<\/span><\/span>                                    <\/span>\n                                                                                            <\/div>\n                        <\/div>\n\n                        \n                                            <\/div>\n\n\n\n\n\n                                    <div class=\"rkit-product-card-wpg\">\n                        <div class=\"rkit-product-image-wpg\">\n                                                        <div class=\"rkit-product-image-container\">\n                                <img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/gerart.online\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-23-de-jul.-de-2026-17_47_29-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Sztuka bycia niezapomnianym\" \/>                            <\/div>\n                                                            <div class=\"rkit-addcart-wrap-button-wpg\">\n                                    <a class=\"rkit-addcart-button-wpg\" href=\"https:\/\/gerart.online\/en\/koszyk\/?add-to-cart=10769\">\n\n                                        <span> Add To Cart <\/span>\n                                        <i aria-hidden=\"true\" class=\"rkit-icon-readmore-wpg rtmicon rtmicon-shopping-cart\"><\/i>                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                        <div class=\"rkit-product-details-wpg\">\n                            <div class=\"rkit-product-info-wpg\">\n                                <a href=\"https:\/\/gerart.online\/en\/product\/sztuka-bycia-niezapomnianym\/\">\n                                    <h4 class=\"rkit-product-title-wpg\">\n                                        Sztuka bycia niezapomnianym                                    <\/h4>\n                                <\/a>\n                                                                                            <\/div>\n                            <div class=\"rkit-product-feat-wpg\">\n                                                                    <span class=\"rkit-product-price-reguler-wpg                                        align-end-tablet \n                                        align-end \n                                        align-end-mobile                                    \">\n                                        <span class=\"woocommerce-Price-amount amount\">97,00<span class=\"woocommerce-Price-currencySymbol\">&#122;&#322;<\/span><\/span>                                    <\/span>\n                                                                                            <\/div>\n                        <\/div>\n\n                        \n                                            <\/div>\n\n\n\n\n\n                                    <div class=\"rkit-product-card-wpg\">\n                        <div class=\"rkit-product-image-wpg\">\n                                                        <div class=\"rkit-product-image-container\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/gerart.online\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-23-de-jul.-de-2026-22_10_55-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"150 technik terapii logopedycznej\" \/>                            <\/div>\n                                                            <div class=\"rkit-addcart-wrap-button-wpg\">\n                                    <a class=\"rkit-addcart-button-wpg\" href=\"https:\/\/gerart.online\/en\/koszyk\/?add-to-cart=10767\">\n\n                                        <span> Add To Cart <\/span>\n                                        <i aria-hidden=\"true\" class=\"rkit-icon-readmore-wpg rtmicon rtmicon-shopping-cart\"><\/i>                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                        <div class=\"rkit-product-details-wpg\">\n                            <div class=\"rkit-product-info-wpg\">\n                                <a href=\"https:\/\/gerart.online\/en\/product\/150-technik-terapii-logopedycznej\/\">\n                                    <h4 class=\"rkit-product-title-wpg\">\n                                        150 technik terapii logopedycznej                                    <\/h4>\n                                <\/a>\n                                                                                            <\/div>\n                            <div class=\"rkit-product-feat-wpg\">\n                                                                    <span class=\"rkit-product-price-reguler-wpg                                        align-end-tablet \n                                        align-end \n                                        align-end-mobile                                    \">\n                                        <span class=\"woocommerce-Price-amount amount\">97,00<span class=\"woocommerce-Price-currencySymbol\">&#122;&#322;<\/span><\/span>                                    <\/span>\n                                                                                            <\/div>\n                        <\/div>\n\n                        \n                                            <\/div>\n\n\n\n\n\n                                    <div class=\"rkit-product-card-wpg\">\n                        <div class=\"rkit-product-image-wpg\">\n                                                        <div class=\"rkit-product-image-container\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/gerart.online\/wp-content\/uploads\/2026\/07\/kit-comunicacao-rotina-visual-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Zestaw do komunikacji wizualnej i rutyny\" \/>                            <\/div>\n                                                            <div class=\"rkit-addcart-wrap-button-wpg\">\n                                    <a class=\"rkit-addcart-button-wpg\" href=\"https:\/\/gerart.online\/en\/koszyk\/?add-to-cart=10766\">\n\n                                        <span> Add To Cart <\/span>\n                                        <i aria-hidden=\"true\" class=\"rkit-icon-readmore-wpg rtmicon rtmicon-shopping-cart\"><\/i>                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                        <div class=\"rkit-product-details-wpg\">\n                            <div class=\"rkit-product-info-wpg\">\n                                <a href=\"https:\/\/gerart.online\/en\/product\/zestaw-do-komunikacji-wizualnej-i-rutyny\/\">\n                                    <h4 class=\"rkit-product-title-wpg\">\n                                        Zestaw do komunikacji wizualnej i rutyny                                    <\/h4>\n                                <\/a>\n                                                                                            <\/div>\n                            <div class=\"rkit-product-feat-wpg\">\n                                                                    <span class=\"rkit-product-price-reguler-wpg                                        align-end-tablet \n                                        align-end \n                                        align-end-mobile                                    \">\n                                        <span class=\"woocommerce-Price-amount amount\">97,00<span class=\"woocommerce-Price-currencySymbol\">&#122;&#322;<\/span><\/span>                                    <\/span>\n                                                                                            <\/div>\n                        <\/div>\n\n                        \n                                            <\/div>\n\n\n\n\n\n                                    <div class=\"rkit-product-card-wpg\">\n                        <div class=\"rkit-product-image-wpg\">\n                                                        <div class=\"rkit-product-image-container\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/gerart.online\/wp-content\/uploads\/2026\/07\/kit-pilates-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Zestaw instruktora pilatesu\" \/>                            <\/div>\n                                                            <div class=\"rkit-addcart-wrap-button-wpg\">\n                                    <a class=\"rkit-addcart-button-wpg\" href=\"https:\/\/gerart.online\/en\/koszyk\/?add-to-cart=10765\">\n\n                                        <span> Add To Cart <\/span>\n                                        <i aria-hidden=\"true\" class=\"rkit-icon-readmore-wpg rtmicon rtmicon-shopping-cart\"><\/i>                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                        <div class=\"rkit-product-details-wpg\">\n                            <div class=\"rkit-product-info-wpg\">\n                                <a href=\"https:\/\/gerart.online\/en\/product\/zestaw-instruktora-pilatesu\/\">\n                                    <h4 class=\"rkit-product-title-wpg\">\n                                        Zestaw instruktora pilatesu                                    <\/h4>\n                                <\/a>\n                                                                                            <\/div>\n                            <div class=\"rkit-product-feat-wpg\">\n                                                                    <span class=\"rkit-product-price-reguler-wpg                                        align-end-tablet \n                                        align-end \n                                        align-end-mobile                                    \">\n                                        <span class=\"woocommerce-Price-amount amount\">97,00<span class=\"woocommerce-Price-currencySymbol\">&#122;&#322;<\/span><\/span>                                    <\/span>\n                                                                                            <\/div>\n                        <\/div>\n\n                        \n                                            <\/div>\n\n\n\n\n\n                        <\/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-388301e e-flex e-con-boxed e-con e-parent\" data-id=\"388301e\" 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-e599257 elementor-widget elementor-widget-html\" data-id=\"e599257\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================================\n     SE\u00c7\u00c3O 4 \u2014 CATEGORIAS (3 cards grandes)\n     JS necess\u00e1rio: nenhum.\n     ===================================================================== -->\n<style>\n  .cat { background: var(--paper-2); padding-block: clamp(4rem, 8vw, 8rem); }\n  .cat__intro { max-width: 36rem; }\n  .cat__intro p.eyebrow { color: var(--vermilion); }\n  .cat__intro h2 { margin-top: .75rem; font-family: var(--font-display); font-weight: 900; letter-spacing: -.035em; line-height: .92; color: var(--ink); font-size: clamp(1.875rem, 4vw, 3rem); }\n  .cat__grid { margin-top: 3rem; display: grid; gap: 1px; background: rgba(10,10,11,.1); overflow: hidden; }\n  .cat__item { display: flex; flex-direction: column; background: var(--paper-2); padding: 2rem; transition: background .2s; }\n  .cat__item:hover { background: var(--paper); }\n  .cat__row { display: flex; align-items: baseline; justify-content: space-between; }\n  .cat__num { font-family: var(--font-display); font-size: .875rem; font-weight: 700; color: rgba(10,10,11,.3); }\n  .cat__count { color: rgba(10,10,11,.4); }\n  .cat__title { margin-top: 2rem; font-family: var(--font-display); font-size: 1.5rem; font-weight: 900; line-height: 1.1; color: var(--ink); }\n  .cat__item:hover .cat__title { color: var(--electric); }\n  .cat__desc { margin-top: 1rem; font-size: .875rem; color: rgba(10,10,11,.7); }\n  .cat__cta { margin-top: 2rem; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--electric); }\n  @media (min-width: 640px) { .cat__grid { grid-template-columns: repeat(2, 1fr); } .cat__item { padding: 2.5rem; } }\n  @media (min-width: 768px) { .cat__grid { grid-template-columns: repeat(3, 1fr); } .cat__title { font-size: 2rem; } }\n<\/style>\n\n<section class=\"cat\">\n  <div class=\"container-page\">\n    <div class=\"cat__intro\">\n      <p class=\"eyebrow\">02 \/ Kategorie<\/p>\n      <h2>Trzy obszary.<br \/>Jeden cel: realny post\u0119p.<\/h2>\n    <\/div>\n\n    <div class=\"cat__grid\">\n      <a class=\"cat__item\" href=\"https:\/\/gerart.online\/kategoria\/rozwoj-osobisty\">\n        <div class=\"cat__row\"><span class=\"cat__num\">01<\/span><span class=\"eyebrow cat__count\">8 ebook\u00f3w<\/span><\/div>\n        <h3 class=\"cat__title\">Rozw\u00f3j Osobisty<\/h3>\n        <p class=\"cat__desc\">Strategie, rytua\u0142y i narz\u0119dzia, kt\u00f3re naprawd\u0119 przek\u0142adaj\u0105 si\u0119 na codzienne decyzje.<\/p>\n        <span class=\"cat__cta\">Przejd\u017a do kategorii \u2192<\/span>\n      <\/a>\n      <a class=\"cat__item\" href=\"https:\/\/gerart.online\/kategoria\/psychologia\">\n        <div class=\"cat__row\"><span class=\"cat__num\">02<\/span><span class=\"eyebrow cat__count\">5 ebook\u00f3w<\/span><\/div>\n        <h3 class=\"cat__title\">Psychologia<\/h3>\n        <p class=\"cat__desc\">Mechanizmy, kt\u00f3rymi kieruje si\u0119 Tw\u00f3j m\u00f3zg \u2014 i jak wykorzysta\u0107 je na w\u0142asn\u0105 korzy\u015b\u0107.<\/p>\n        <span class=\"cat__cta\">Przejd\u017a do kategorii \u2192<\/span>\n      <\/a>\n      <a class=\"cat__item\" href=\"https:\/\/gerart.online\/kategoria\/relacje-komunikacja\">\n        <div class=\"cat__row\"><span class=\"cat__num\">03<\/span><span class=\"eyebrow cat__count\">6 ebook\u00f3w<\/span><\/div>\n        <h3 class=\"cat__title\">Relacje i Komunikacja<\/h3>\n        <p class=\"cat__desc\">S\u0142owa, kt\u00f3re otwieraj\u0105 drzwi. Zachowania, kt\u00f3re buduj\u0105 autentyczne wi\u0119zi.<\/p>\n        <span class=\"cat__cta\">Przejd\u017a do kategorii \u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- =====================================================================\n     SE\u00c7\u00c3O 5 \u2014 DLACZEGO GERART (pilares)\n     JS necess\u00e1rio: nenhum.\n     ===================================================================== -->\n<style>\n  .why { background: var(--paper); padding-block: clamp(4rem, 8vw, 8rem); }\n  .why__grid { display: grid; gap: 3rem; }\n  .why__intro p.eyebrow { color: var(--vermilion); }\n  .why__intro h2 { margin-top: .75rem; font-family: var(--font-display); font-weight: 900; letter-spacing: -.035em; line-height: .92; color: var(--ink); font-size: clamp(2.25rem, 5vw, 3.75rem); }\n  .why__lead { margin-top: 1.5rem; max-width: 28rem; color: rgba(10,10,11,.65); }\n  .why__cta { display: inline-flex; align-items: center; gap: .75rem; margin-top: 2rem; background: var(--ink); color: var(--paper); padding: 1rem 1.75rem; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; transition: background .2s; }\n  .why__cta:hover { background: var(--electric); }\n  .why__cards { display: grid; gap: 1.5rem; }\n  .why__card { background: var(--paper-2); padding: 1.75rem; border-left: 4px solid var(--electric); }\n  .why__card:nth-child(2) { border-left-color: var(--vermilion); }\n  .why__card:nth-child(3) { border-left-color: var(--ink); }\n  .why__card:nth-child(4) { border-left-color: var(--electric); }\n  .why__card h3 { font-family: var(--font-display); font-size: 1.125rem; font-weight: 700; line-height: 1.2; color: var(--ink); }\n  .why__card p { margin-top: .75rem; font-size: .875rem; color: rgba(10,10,11,.65); }\n  @media (min-width: 640px) { .why__cards { grid-template-columns: repeat(2, 1fr); } .why__card h3 { font-size: 1.25rem; } }\n  @media (min-width: 1024px) { .why__grid { grid-template-columns: 5fr 7fr; gap: 3.5rem; } }\n<\/style>\n\n<section id=\"dlaczego-gerart\" class=\"why\">\n  <div class=\"container-page\">\n    <div class=\"why__grid\">\n      <div class=\"why__intro\">\n        <p class=\"eyebrow\">03 \/ Dlaczego Gerart<\/p>\n        <h2>Nie kolejny<br \/>kurs z internetu.<\/h2>\n        <p class=\"why__lead\">Robimy ebooki dla ludzi, kt\u00f3rzy maj\u0105 do\u015b\u0107 pustych obietnic, generator\u00f3w AI i ekspert\u00f3w od wszystkiego. Ka\u017cdy tytu\u0142 przechodzi przez r\u0119ce praktyka, redaktora i czytelnik\u00f3w testowych, zanim trafi do sprzeda\u017cy.<\/p>\n        <a class=\"why__cta\" href=\"https:\/\/gerart.online\/sklep\">Sprawd\u017a ofert\u0119 \u2192<\/a>\n      <\/div>\n\n      <div class=\"why__cards\">\n        <div class=\"why__card\"><h3>Tre\u015b\u0107, kt\u00f3r\u0105 da si\u0119 wdro\u017cy\u0107<\/h3><p>Ka\u017cdy rozdzia\u0142 ko\u0144czy si\u0119 konkretnym zadaniem. Bez teoretyzowania \u2014 wdra\u017casz od razu.<\/p><\/div>\n        <div class=\"why__card\"><h3>Pisane po polsku, dla Polak\u00f3w<\/h3><p>Bez automatycznych t\u0142umacze\u0144. Bez kontekstu, kt\u00f3ry u nas nie dzia\u0142a. Realia tu i teraz.<\/p><\/div>\n        <div class=\"why__card\"><h3>Do\u017cywotni dost\u0119p i aktualizacje<\/h3><p>Kupujesz raz, masz na zawsze. Wszystkie kolejne wydania dostajesz bez dop\u0142at.<\/p><\/div>\n        <div class=\"why__card\"><h3>Format, kt\u00f3ry czyta si\u0119 szybko<\/h3><p>Czyste PDF-y zaprojektowane pod ekran. Kr\u00f3tkie akapity, jasne wnioski, dzia\u0142a offline.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- =====================================================================\n     SE\u00c7\u00c3O 6 \u2014 JAK TO DZIA\u0141A (4 passos)\n     JS necess\u00e1rio: nenhum.\n     ===================================================================== -->\n<style>\n  .how { background: var(--ink); color: var(--paper); padding-block: clamp(4rem, 8vw, 8rem); }\n  .how__head { display: flex; flex-direction: column; gap: 1.5rem; }\n  .how__intro p.eyebrow { color: var(--electric); }\n  .how__intro h2 { margin-top: .75rem; font-family: var(--font-display); font-weight: 900; letter-spacing: -.035em; line-height: .92; color: var(--paper); font-size: clamp(1.875rem, 4vw, 3rem); }\n  .how__lead { max-width: 22rem; font-size: .875rem; color: rgba(255,255,255,.6); }\n  .how__steps { margin-top: 3.5rem; display: grid; gap: 1px; background: rgba(255,255,255,.1); }\n  .how__step { display: flex; flex-direction: column; background: var(--ink); padding: 1.75rem; }\n  .how__num { font-family: var(--font-display); font-size: 3rem; font-weight: 900; color: var(--electric); line-height: 1; }\n  .how__title { margin-top: 1.5rem; font-family: var(--font-display); font-size: 1.125rem; font-weight: 700; color: var(--paper); }\n  .how__desc { margin-top: .5rem; font-size: .875rem; color: rgba(255,255,255,.6); }\n  @media (min-width: 640px) { .how__steps { grid-template-columns: repeat(2, 1fr); } }\n  @media (min-width: 768px) { .how__head { flex-direction: row; align-items: flex-end; justify-content: space-between; } .how__steps { grid-template-columns: repeat(4, 1fr); } }\n<\/style>\n\n<section class=\"how\">\n  <div class=\"container-page\">\n    <div class=\"how__head\">\n      <div class=\"how__intro\" style=\"max-width:36rem\">\n        <p class=\"eyebrow\">04 \/ Jak to dzia\u0142a<\/p>\n        <h2>Cztery kroki<br \/>do gotowego ebooka.<\/h2>\n      <\/div>\n      <p class=\"how__lead\">Zero formalno\u015bci. Zero subskrypcji. P\u0142acisz raz, czytasz zawsze.<\/p>\n    <\/div>\n\n    <ol class=\"how__steps\">\n      <li class=\"how__step\"><span class=\"how__num\">01<\/span><h3 class=\"how__title\">Wybierasz ebook<\/h3><p class=\"how__desc\">Przegl\u0105dasz katalog i wybierasz tytu\u0142, kt\u00f3ry odpowiada Twojemu wyzwaniu.<\/p><\/li>\n      <li class=\"how__step\"><span class=\"how__num\">02<\/span><h3 class=\"how__title\">P\u0142acisz w 30 sekund<\/h3><p class=\"how__desc\">BLIK, karta lub szybki przelew. Bezpiecznie, przez polskich operator\u00f3w.<\/p><\/li>\n      <li class=\"how__step\"><span class=\"how__num\">03<\/span><h3 class=\"how__title\">Pobierasz natychmiast<\/h3><p class=\"how__desc\">PDF trafia na Twoj\u0105 skrzynk\u0119 od razu po op\u0142aceniu zam\u00f3wienia.<\/p><\/li>\n      <li class=\"how__step\"><span class=\"how__num\">04<\/span><h3 class=\"how__title\">Czytasz i wdra\u017casz<\/h3><p class=\"how__desc\">Do\u017cywotnia licencja \u2014 wracasz, ile razy chcesz, na ka\u017cdym urz\u0105dzeniu.<\/p><\/li>\n    <\/ol>\n  <\/div>\n<\/section>\n\n\n<!-- =====================================================================\n     SE\u00c7\u00c3O 7 \u2014 OPINIE (testimonials)\n     JS necess\u00e1rio: nenhum.\n     ===================================================================== -->\n<style>\n  .rev { background: var(--paper-2); padding-block: clamp(4rem, 8vw, 8rem); }\n  .rev__intro { max-width: 36rem; }\n  .rev__intro p.eyebrow { color: var(--vermilion); }\n  .rev__intro h2 { margin-top: .75rem; font-family: var(--font-display); font-weight: 900; letter-spacing: -.035em; line-height: .92; color: var(--ink); font-size: clamp(1.875rem, 4vw, 3rem); }\n  .rev__grid { margin-top: 3rem; display: grid; gap: 1.5rem; }\n  .rev__card { display: flex; flex-direction: column; background: var(--paper); padding: 2rem; }\n  .rev__stars { display: flex; gap: 2px; color: var(--vermilion); }\n  .rev__quote { margin-top: 1.25rem; flex: 1; font-size: 1rem; line-height: 1.6; color: rgba(10,10,11,.85); }\n  .rev__cap { margin-top: 1.5rem; border-top: 1px solid var(--rule); padding-top: 1.25rem; }\n  .rev__cap p:first-child { font-family: var(--font-display); font-size: .875rem; font-weight: 700; color: var(--ink); }\n  .rev__cap p:last-child { margin-top: .25rem; color: rgba(10,10,11,.5); }\n  @media (min-width: 640px) { .rev__grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (min-width: 768px) { .rev__grid { grid-template-columns: repeat(3, 1fr); } }\n<\/style>\n\n<section class=\"rev\">\n  <div class=\"container-page\">\n    <div class=\"rev__intro\">\n      <p class=\"eyebrow\">05 \/ Opinie czytelnik\u00f3w<\/p>\n      <h2>Co m\u00f3wi\u0105 ludzie,<br \/>kt\u00f3rzy ju\u017c czytali.<\/h2>\n    <\/div>\n\n    <div class=\"rev__grid\">\n      <figure class=\"rev__card\">\n        <div class=\"rev__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <blockquote class=\"rev__quote\">\u201ePrzeczyta\u0142am \u201eFal\u0119 Geniuszu\u201d w jeden weekend. Pierwszy ebook od dawna, kt\u00f3ry nie sko\u0144czy\u0142 jako kolejny plik w folderze \u201edo przejrzenia p\u00f3\u017aniej\u201d.\u201d<\/blockquote>\n        <figcaption class=\"rev__cap\"><p>Magdalena K.<\/p><p class=\"eyebrow\">Project manager, Warszawa<\/p><\/figcaption>\n      <\/figure>\n      <figure class=\"rev__card\">\n        <div class=\"rev__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <blockquote class=\"rev__quote\">\u201eKonkret, konkret, konkret. Bez wodolejstwa, bez sztucznych historyjek motywacyjnych. Dok\u0142adnie to, czego potrzebowa\u0142em.\u201d<\/blockquote>\n        <figcaption class=\"rev__cap\"><p>Tomasz W.<\/p><p class=\"eyebrow\">Przedsi\u0119biorca, Krak\u00f3w<\/p><\/figcaption>\n      <\/figure>\n      <figure class=\"rev__card\">\n        <div class=\"rev__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <blockquote class=\"rev__quote\">\u201eNajlepsza inwestycja 117 z\u0142 w tym roku. \u201eNieodparte Wiadomo\u015bci\u201d zmieni\u0142y to, jak rozmawiam z klientami.\u201d<\/blockquote>\n        <figcaption class=\"rev__cap\"><p>Aleksandra P.<\/p><p class=\"eyebrow\">Freelancerka, Wroc\u0142aw<\/p><\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- =====================================================================\n     SE\u00c7\u00c3O 8 \u2014 FAQ\n     JS necess\u00e1rio: nenhum (usa <details>\/<summary> nativos).\n     ===================================================================== -->\n<style>\n  .faq { background: var(--paper); padding-block: clamp(4rem, 8vw, 8rem); }\n  .faq__grid { display: grid; gap: 3rem; }\n  .faq__intro p.eyebrow { color: var(--vermilion); }\n  .faq__intro h2 { margin-top: .75rem; font-family: var(--font-display); font-weight: 900; letter-spacing: -.035em; line-height: .92; color: var(--ink); font-size: clamp(1.875rem, 4vw, 3rem); }\n  .faq__intro p:last-child { margin-top: 1.25rem; font-size: .875rem; line-height: 1.6; color: rgba(10,10,11,.65); }\n  .faq__list { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }\n  .faq__list details { padding: 1.5rem 0; border-bottom: 1px solid var(--rule); }\n  .faq__list details:last-child { border-bottom: 0; }\n  .faq__list summary { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; cursor: pointer; font-family: var(--font-display); font-size: 1rem; font-weight: 700; color: var(--ink); list-style: none; }\n  .faq__list summary::-webkit-details-marker { display: none; }\n  .faq__list .faq__plus { display: grid; place-items: center; width: 32px; height: 32px; flex-shrink: 0; border: 1px solid rgba(10,10,11,.15); color: rgba(10,10,11,.6); transition: transform .2s, background .2s, color .2s, border-color .2s; }\n  .faq__list details[open] .faq__plus { transform: rotate(45deg); background: var(--electric); border-color: var(--electric); color: var(--paper); }\n  .faq__list p { margin-top: .75rem; max-width: 42rem; font-size: .875rem; line-height: 1.6; color: rgba(10,10,11,.7); }\n  @media (min-width: 640px) { .faq__list summary { font-size: 1.125rem; } }\n  @media (min-width: 1024px) { .faq__grid { grid-template-columns: 4fr 8fr; } }\n<\/style>\n\n<section class=\"faq\">\n  <div class=\"container-page faq__grid\">\n    <div class=\"faq__intro\">\n      <p class=\"eyebrow\">06 \/ FAQ<\/p>\n      <h2>Najcz\u0119stsze pytania.<\/h2>\n      <p>Nie znalaz\u0142e\u015b odpowiedzi? Napisz do nas \u2014 odpowiadamy w ci\u0105gu jednego dnia roboczego.<\/p>\n    <\/div>\n    <div class=\"faq__list\">\n      <details><summary>W jakim formacie otrzymam ebook?<span class=\"faq__plus\">+<\/span><\/summary><p>Ka\u017cdy tytu\u0142 dostarczamy w formacie PDF zoptymalizowanym pod czytanie na ekranie. Otworzysz go na laptopie, tablecie, telefonie i czytniku.<\/p><\/details>\n      <details><summary>Czy dost\u0119p jest do\u017cywotni?<span class=\"faq__plus\">+<\/span><\/summary><p>Tak. P\u0142acisz raz, plik jest Tw\u00f3j na zawsze. Wszystkie kolejne wydania i aktualizacje r\u00f3wnie\u017c dostajesz bez dop\u0142at \u2014 na ten sam adres e-mail.<\/p><\/details>\n      <details><summary>Jakie metody p\u0142atno\u015bci obs\u0142ugujecie?<span class=\"faq__plus\">+<\/span><\/summary><p>BLIK, Przelewy24, karty Visa\/Mastercard oraz szybkie przelewy bankowe. Wszystko obs\u0142uguj\u0105 sprawdzeni polscy operatorzy p\u0142atno\u015bci.<\/p><\/details>\n      <details><summary>Kiedy otrzymam dost\u0119p po zakupie?<span class=\"faq__plus\">+<\/span><\/summary><p>Natychmiast. Plik PDF trafi na Twoj\u0105 skrzynk\u0119 e-mail w ci\u0105gu kilku sekund od potwierdzenia p\u0142atno\u015bci.<\/p><\/details>\n      <details><summary>Czy mog\u0119 wystawi\u0107 faktur\u0119 VAT?<span class=\"faq__plus\">+<\/span><\/summary><p>Tak, na ka\u017cde zam\u00f3wienie \u2014 wystarczy poda\u0107 dane firmy podczas zakupu. Faktur\u0119 dostajesz mailem razem z ebookiem.<\/p><\/details>\n      <details><summary>A je\u015bli ebook mi si\u0119 nie spodoba?<span class=\"faq__plus\">+<\/span><\/summary><p>Daj nam zna\u0107 w ci\u0105gu 14 dni. Je\u015bli tre\u015b\u0107 nie spe\u0142nia oczekiwa\u0144, zwracamy 100% kwoty bez zb\u0119dnych pyta\u0144.<\/p><\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- =====================================================================\n     SE\u00c7\u00c3O 9 \u2014 NEWSLETTER\n     JS necess\u00e1rio: o submit do form deve ser conectado ao seu provedor\n     (Mailchimp\/Klaviyo\/etc). Por padr\u00e3o o form recarrega a p\u00e1gina.\n     ===================================================================== -->\n<style>\n  .news { background: var(--paper-2); padding-block: clamp(4rem, 8vw, 8rem); }\n  .news__box { position: relative; overflow: hidden; background: var(--electric); padding: 2rem; }\n  .news__ghost { position: absolute; right: -3rem; top: -6rem; pointer-events: none; user-select: none; font-family: var(--font-display); font-weight: 900; line-height: 1; color: rgba(255,255,255,.1); font-size: 10rem; }\n  .news__grid { position: relative; display: grid; gap: 2.5rem; align-items: center; }\n  .news__intro p.eyebrow { color: rgba(255,255,255,.8); }\n  .news__intro h2 { margin-top: .75rem; font-family: var(--font-display); font-weight: 900; letter-spacing: -.035em; line-height: .92; color: var(--paper); font-size: clamp(1.875rem, 4vw, 3rem); }\n  .news__lead { margin-top: 1.25rem; max-width: 28rem; font-size: .875rem; line-height: 1.6; color: rgba(255,255,255,.85); }\n  .news__form { display: flex; flex-direction: column; gap: .75rem; }\n  .news__row { display: flex; flex-direction: column; gap: .5rem; }\n  .news__input { width: 100%; padding: 1rem 1.25rem; font: inherit; font-size: .875rem; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.3); color: var(--paper); }\n  .news__input::placeholder { color: rgba(255,255,255,.6); }\n  .news__input:focus { outline: none; border-color: var(--paper); box-shadow: 0 0 0 1px var(--paper); }\n  .news__btn { background: var(--ink); color: var(--paper); padding: 1rem 1.5rem; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; transition: background .2s; }\n  .news__btn:hover { background: var(--vermilion); }\n  .news__disc { font-size: 11px; color: rgba(255,255,255,.7); }\n  @media (min-width: 640px) { .news__box { padding: 2.5rem; } .news__ghost { font-size: 14rem; } .news__row { flex-direction: row; } }\n  @media (min-width: 768px) { .news__box { padding: 4rem; } .news__ghost { font-size: 20rem; } }\n  @media (min-width: 1024px) { .news__grid { grid-template-columns: 1.2fr 1fr; } }\n<\/style>\n\n<section class=\"news\">\n  <div class=\"container-page\">\n    <div class=\"news__box\">\n      <div class=\"news__ghost\" aria-hidden=\"true\">+12k<\/div>\n      <div class=\"news__grid\">\n        <div class=\"news__intro\">\n          <p class=\"eyebrow\">Newsletter Gerart<\/p>\n          <h2>Darmowy rozdzia\u0142,<br \/>kody rabatowe, zero spamu.<\/h2>\n          <p class=\"news__lead\">Raz w tygodniu wysy\u0142amy jedn\u0105 warto\u015bciow\u0105 rzecz: fragment ebooka, \u0107wiczenie do wdro\u017cenia albo kod rabatowy. Wypisujesz si\u0119 jednym klikni\u0119ciem.<\/p>\n        <\/div>\n\n        <form class=\"news__form\" data-newsletter aria-label=\"Newsletter Gerart\">\n          <label for=\"newsletter-email\" style=\"position:absolute;left:-9999px\">twoj@email.pl<\/label>\n          <div class=\"news__row\">\n            <input id=\"newsletter-email\" class=\"news__input\" type=\"email\" required placeholder=\"twoj@email.pl\" \/>\n            <button type=\"submit\" class=\"news__btn\">Zapisz si\u0119<\/button>\n          <\/div>\n          <p class=\"news__disc\">Bez spamu. Wypisujesz si\u0119 jednym klikni\u0119ciem. Tw\u00f3j e-mail nigdy nie trafia do nikogo innego.<\/p>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\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>Polskie wydawnictwo cyfrowe Wiedza, kt\u00f3ra naprawd\u0119zmienia zasady. Ebooki z rozwoju osobistego, psychologii relacji i skutecznej komunikacji \u2014 pisane bez lania wody, z my\u015bl\u0105 o ludziach, kt\u00f3rzy maj\u0105 do\u015b\u0107 pustych obietnic. Czytasz wieczorem. Wdra\u017casz od jutra. Pobierz ebook Tap to start Przygotowanie pliku 67% Rozdzia\u0142 01 Fala Geniuszu 12 \/ 184 12 000+ Czytelnik\u00f3w w Polsce [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[],"class_list":["post-6939","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/pages\/6939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/comments?post=6939"}],"version-history":[{"count":19,"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/pages\/6939\/revisions"}],"predecessor-version":[{"id":7096,"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/pages\/6939\/revisions\/7096"}],"wp:attachment":[{"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/media?parent=6939"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/gerart.online\/en\/wp-json\/wp\/v2\/folder?post=6939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}