{"id":831,"date":"2026-04-29T19:40:43","date_gmt":"2026-04-29T19:40:43","guid":{"rendered":"https:\/\/ap7results.com\/?page_id=831"},"modified":"2026-05-21T17:52:08","modified_gmt":"2026-05-21T17:52:08","slug":"main_page_pl","status":"publish","type":"page","link":"https:\/\/ap7results.com\/?page_id=831","title":{"rendered":"Main_Page_pl"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"831\" class=\"elementor elementor-831\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4db35c e-flex e-con-boxed e-con e-parent\" data-id=\"c4db35c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a5dc49 elementor-widget elementor-widget-html\" data-id=\"7a5dc49\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\n\nbody {\n  margin: 0;\n  background: #0a0a1b; \n  color: white;\n    overflow-x: hidden;\n\n}\n.custom-header {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  background: rgba(10, 10, 27, 0.9);\n  backdrop-filter: blur(10px);\n  border-bottom: 1px solid rgba(255,255,255,0.05);\n  z-index: 9999;\n  \n}\n\n.custom-header .container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 15px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.logo {\n  font-size: 22px;\n  font-weight: bold;\n}\n\n.logo span:first-child {\n  color: white;\n}\n\n.logo span:last-child {\n  color: #3b82f6;\n}\n\n.nav-btn {\n  background: transparent;\n  border: none;\n  color: white;\n  font-size: 14px;\n  cursor: pointer;\n  padding: 8px 14px;\n  border-radius: 6px;\n  transition: 0.3s;\n}\n\n.nav-btn:hover {\n  color: #3b82f6;\n  background: rgba(255,255,255,0.05);\n}\n.lang-switch {\n  margin-left: 12px;\n  font-size: 14px;\n  text-decoration: none;\n  color: white;\n  padding: 8px 10px;\n  border-radius: 6px;\n  transition: 0.3s;\n}\n\n.lang-switch:hover {\n  background: rgba(255,255,255,0.05);\n  color: #3b82f6;\n \n}\n.header-actions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n<\/style>\n\n<header class=\"custom-header\">\n  <div class=\"container\">\n\n    <div class=\"logo\">\n      <span>AP7<\/span><span> Results<\/span>\n    <\/div>\n\n    <div class=\"header-actions\">\n      <a href=\"\/\" class=\"lang-switch\" title=\"Change language\">\n        \ud83c\uddfa\ud83c\uddf8 EN\n      <\/a>\n\n      <a href=\"#calendar\" class=\"nav-btn\">\n        Darmowa analiza \u2192\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/header>\n<style>\n.hero {\n  position: relative;\n  padding: 140px 20px 80px;\n  text-align: center;\n  background: #0b0f1a;\n  color: white;\n  overflow: hidden;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  z-index: 1;\n}\n\n\/* ===== glow layer (background only) ===== *\/\n.hero::before,\n.hero::after {\n  content: \"\";\n  position: absolute;\n  width: 400px;\n  height: 400px;\n  border-radius: 50%;\n  filter: blur(120px);\n  opacity: 0.3;\n  animation: pulse 4s infinite;\n  pointer-events: none; \/* \ud83d\udd25 FIX CLICK BUG *\/\n  z-index: 0;\n}\n\n.hero::before {\n  background: #3b82f6;\n  top: 0;\n  left: 20%;\n}\n\n.hero::after {\n  background: #a855f7;\n  bottom: 0;\n  right: 20%;\n  animation-delay: 2s;\n}\n\n\/* ===== content must ALWAYS be above glow ===== *\/\n.hero > * {\n  position: relative;\n  z-index: 2;\n}\n\n\/* ===== animation ===== *\/\n@keyframes pulse {\n  0%, 100% { opacity: 0.2; transform: scale(1); }\n  50% { opacity: 0.5; transform: scale(1.05); }\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  border-radius: 999px;\n  background: rgba(59,130,246,0.1);\n  border: 1px solid rgba(59,130,246,0.3);\n  font-size: 14px;\n  margin-bottom: 20px;\n}\n\n.badge.green {\n  background: rgba(34,197,94,0.1);\n  border-color: rgba(34,197,94,0.3);\n  margin-top: 20px;\n}\n\n.hero h1 {\n  font-size: 48px;\n  font-weight: bold;\n  line-height: 1.2;\n  margin-bottom: 20px;\n}\n\n.hero h1 span {\n  color: #3b82f6;\n}\n\n.hero p {\n  max-width: 700px;\n  margin: 0 auto 30px;\n  color: #9ca3af;\n}\n\n.hero-buttons {\n  display: flex;\n  justify-content: center;\n  gap: 15px;\n  flex-wrap: wrap;\n  margin-top: 30px;\n}\n\n.hero-btn {\n  padding: 14px 26px;\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 16px;\n  border: none;\n}\n\n.btn-main {\n  background: #2563eb;\n  color: white;\n}\n\n.btn-main:hover {\n  background: #1d4ed8;\n}\n\n.btn-secondary {\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.2);\n  color: white;\n}\n\n.stats {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px,1fr));\n  gap: 15px;\n  max-width: 900px;\n  margin: 50px auto 0;\n}\n\n.stat {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.1);\n  padding: 20px;\n  border-radius: 12px;\n}\n\n.stat strong {\n  font-size: 28px;\n  display: block;\n}\n\n<\/style>\n\n<section class=\"hero\">\n\n  <div class=\"badge\">90-DNIOWY SPRINT W TOPY\u2122<\/div>\n\n  <h1>\n    Twoi konkurenci<br>\n    <span>odbieraj\u0105 Ci klient\u00f3w.<\/span>\n  <\/h1>\n\n  <p>\n    Wprowadzamy lokalne firmy do \n    <strong>TOP 3 wynik\u00f3w Google w 90 dni<\/strong> \u2014 albo pracujemy za darmo, dop\u00f3ki nie osi\u0105gniemy celu.\n  <\/p>\n\n  <div class=\"hero-buttons\">\n    <a href=\"#calendar\" class=\"hero-btn btn-main\">Um\u00f3w si\u0119 na darmowy audyt \u2192<\/a>\n\n    <a href=\"#roi-calculator\" class=\"hero-btn btn-secondary\">Oblicz sw\u00f3j ROI \u2193<\/a>\n  <\/div>\n\n  <div class=\"stats\">\n    <div class=\"stat\"><strong>90<\/strong>dni do Top 3<\/div>\n    <div class=\"stat\"><strong style=\"color:#22c55e;\">$0<\/strong>na reklamy<\/div>\n    <div class=\"stat\"><strong>100%<\/strong>metody White-Hat<\/div>\n    <div class=\"stat\"><strong style=\"color:gold\">Darmowo<\/strong>je\u015bli nie osi\u0105gniemy ustalonych cel\u00f3w w ci\u0105gu miesi\u0105ca<\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n.problem {\n  padding: 120px 20px;\n  position: relative;\n  color: white;\n  background: transparent;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n}\n\n.problem::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at 20% 30%, rgba(239,68,68,0.12), transparent 40%),\n              radial-gradient(circle at 80% 70%, rgba(59,130,246,0.08), transparent 40%);\n  z-index: -1;\n}\n\n.problem-container {\n  max-width: 800px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.problem small {\n  display: block;\n  color: #6b7280;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-size: 12px;\n  margin-bottom: 15px;\n}\n\n.problem h2 {\n  font-size: 48px;\n  font-weight: 800;\n  line-height: 1.2;\n  margin-bottom: 50px;\n}\n\n.problem h2 span {\n  color: #9ca3af;\n  font-style: italic;\n  font-weight: 600;\n}\n\n.problem-list {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  text-align: left;\n}\n\n.problem-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  padding: 20px 22px;\n  border-radius: 14px;\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08);\n  transition: all 0.25s ease;\n}\n\n.problem-item:hover {\n  background: rgba(255,255,255,0.08);\n  border-color: rgba(239,68,68,0.4);\n  transform: translateY(-2px);\n}\n\n.problem-icon {\n  width: 30px;\n  height: 30px;\n  min-width: 30px;\n  border-radius: 8px;\n  background: rgba(239,68,68,0.15);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ef4444;\n  font-size: 16px;\n  font-weight: bold;\n  margin-top: 2px;\n}\n\n.problem-item p {\n  color: #d1d5db;\n  font-size: 16px;\n  line-height: 1.6;\n}\n<\/style>\n<section class=\"problem\">\n  <div class=\"problem-container\">\n\n    <small>Problem<\/small>\n\n    <h2>\n      Klienci w Twojej okolicy szukaj\u0105 w\u0142a\u015bnie teraz.<br>\n      <span>I \u017caden z nich nie trafia do Ciebie.<\/span>\n    <\/h2>\n\n    <div class=\"problem-list\">\n\n      <div class=\"problem-item\">\n        <div class=\"problem-icon\">\u2715<\/div>\n        <p>Nie ma Ci\u0119 w TOP 3 \u2014 tam trafia ponad 70% klikni\u0119\u0107.<\/p>\n      <\/div>\n\n      <div class=\"problem-item\">\n        <div class=\"problem-icon\">\u2715<\/div>\n        <p>Konkurenci z gorsz\u0105 ofert\u0105 s\u0105 wy\u017cej \u2014 i zabieraj\u0105 Ci klient\u00f3w.<\/p>\n      <\/div>\n\n      <div class=\"problem-item\">\n        <div class=\"problem-icon\">\u2715<\/div>\n        <p>Polecenia s\u0105 nieprzewidywalne \u2014 nie da si\u0119 ich skalowa\u0107.<\/p>\n      <\/div>\n\n      <div class=\"problem-item\">\n        <div class=\"problem-icon\">\u2715<\/div>\n        <p>Reklamy przestaj\u0105 dzia\u0142a\u0107, gdy przestajesz p\u0142aci\u0107 \u2014 SEO lokalne ro\u015bnie z czasem<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.why {\n  padding: 100px 20px;\n  background: #ffffff;\n  color: #111827;\n\n  width: 100vw;              \/* \u043a\u043b\u044e\u0447 *\/\n  margin-left: calc(50% - 50vw); \/* \u043a\u043b\u044e\u0447 *\/\n}\n\n.why-container {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.why small {\n  display: block;\n  text-align: center;\n  color: #6b7280;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.why h2 {\n  text-align: center;\n  font-size: 36px;\n  font-weight: 800;\n  margin: 10px 0 40px;\n  color: #111827;\n}\n\n.why h2 span {\n  color: #6b7280;\n  font-style: italic;\n}\n\n.why-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px,1fr));\n  gap: 25px;\n}\n\n.why-card {\n  padding: 30px;\n  border-radius: 14px;\n  background: #f9fafb;\n  border: 1px solid #e5e7eb;\n  transition: all 0.25s ease;\n}\n\n.why-card:hover {\n  background: #ffffff;\n  border-color: #3b82f6;\n  transform: translateY(-4px);\n  box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n}\n\n.why-icon {\n  width: 55px;\n  height: 55px;\n  border-radius: 12px;\n  background: rgba(59,130,246,0.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n  color: #3b82f6;\n  font-size: 22px;\n}\n\n.why-card h3 {\n  font-size: 22px;\n  margin-bottom: 10px;\n  color: #111827;\n}\n\n.why-card p {\n  color: #6b7280;\n  line-height: 1.6;\n}\n<\/style>\n\n<section class=\"why\">\n  <div class=\"why-container\">\n\n    <small>Dlaczego lokalne SEO<\/small>\n\n    <h2>\n      Jedna inwestycja,<br>\n      <span> wiele efekt\u00f3w.<\/span>\n    <\/h2>\n\n    <div class=\"why-grid\">\n\n      <div class=\"why-card\">\n        <div class=\"why-icon\">\ud83d\udcde<\/div>\n        <h3>Wi\u0119cej telefon\u00f3w od klient\u00f3w<\/h3>\n        <p>TOP 3 zgarnia wi\u0119kszo\u015b\u0107 klikni\u0119\u0107, gdy kto\u015b szuka Twojej us\u0142ugi. Przestajesz walczy\u0107 o resztki i zaczynasz odbiera\u0107 pierwsze telefony.<\/p>\n      <\/div>\n\n      <div class=\"why-card\">\n        <div class=\"why-icon\">\ud83c\udfc6<\/div>\n        <h3>Natychmiastowe zaufanie klienta<\/h3>\n        <p>Pozycja w TOP 3 buduje wiarygodno\u015b\u0107, zanim powiesz cho\u0107 s\u0142owo. Klienci ufaj\u0105 firmom, kt\u00f3rym ufa Google \u2014 a Ty stajesz si\u0119 jedn\u0105 z nich.<\/p>\n      <\/div>\n\n      <div class=\"why-card\">\n        <div class=\"why-icon\">\ud83d\udcc8<\/div>\n        <h3>Efekt narastaj\u0105cy<\/h3>\n        <p>W przeciwie\u0144stwie do reklam, Twoja pozycja dzia\u0142a d\u0142ugo po wykonanej pracy. Im d\u0142u\u017cej j\u0105 utrzymujesz, tym staje si\u0119 silniejsza i trudniejsza do ruszenia.<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<style>\n.how-bg {\n  padding: 100px 20px;\n  background: #0b0f1a;\n  color: white;\n\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n}\n\n.how-container {\n  max-width: 1100px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.how-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  color: #6b7280;\n  margin-bottom: 15px;\n}\n\n.how-tag-dot {\n  width: 8px;\n  height: 8px;\n  background: #3b82f6;\n  border-radius: 50%;\n}\n\n.how-bg h2 {\n  font-size: 42px;\n  font-weight: 800;\n  margin-bottom: 50px;\n  line-height: 1.2;\n}\n\n.how-bg h2 em {\n  color: #9ca3af;\n  font-style: italic;\n  font-weight: 600;\n}\n\n.steps-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px,1fr));\n  gap: 30px;\n  text-align: left;\n}\n\n.step {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 16px;\n  padding: 25px;\n  transition: all 0.25s ease;\n}\n\n.step:hover {\n  transform: translateY(-5px);\n  border-color: rgba(59,130,246,0.5);\n  background: rgba(255,255,255,0.07);\n}\n\n.step-num {\n  width: 45px;\n  height: 45px;\n  border-radius: 10px;\n  background: rgba(59,130,246,0.15);\n  color: #3b82f6;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  margin-bottom: 15px;\n}\n\n.step-title {\n  font-size: 20px;\n  font-weight: 700;\n  margin-bottom: 10px;\n}\n\n.step-desc {\n  color: #9ca3af;\n  line-height: 1.6;\n  font-size: 15px;\n}\n<\/style>\n\n<section class=\"how-bg\">\n  <div class=\"how-container\">\n\n    <div class=\"how-tag\">\n      <div class=\"how-tag-dot\"><\/div> Proces\n    <\/div>\n\n    <h2>\n      Prosty proces.<br>\n      <em>Realne wyniki.<\/em>\n    <\/h2>\n\n    <div class=\"steps-grid\">\n\n      <div class=\"step\">\n        <div class=\"step-num\">1<\/div>\n        <div class=\"step-title\">Kwalifikacja i onboarding<\/div>\n        <div class=\"step-desc\">\n          Kr\u00f3tka rozmowa, \u017ceby potwierdzi\u0107 dopasowanie. Start prac w ci\u0105gu 24h od op\u0142aty startowej.\n        <\/div>\n      <\/div>\n\n      <div class=\"step\">\n        <div class=\"step-num\">2<\/div>\n        <div class=\"step-title\">Budowa i optymalizacja<\/div>\n        <div class=\"step-desc\">\n          Tworzymy stron\u0119, optymalizujemy profil Google, dodajemy wizyt\u00f3wki. Wszystko robimy za Ciebie.\n        <\/div>\n      <\/div>\n\n      <div class=\"step\">\n        <div class=\"step-num\">3<\/div>\n        <div class=\"step-title\">Zarz\u0105dzanie i monitoring<\/div>\n        <div class=\"step-desc\">\n          Cotygodniowe posty, aktualizacje i raporty (heatmapy), \u017ceby\u015b widzia\u0142 realne efekty.\n        <\/div>\n      <\/div>\n\n      <div class=\"step\">\n        <div class=\"step-num\">4<\/div>\n        <div class=\"step-title\">Top 3 w 90 dni<\/div>\n        <div class=\"step-desc\">\n          Osi\u0105gamy wynik albo pracujemy dalej za darmo. Potem utrzymujemy i bronimy Twojej pozycji.\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<section class=\"section\">\n  <div class=\"container\">\n\n    <div class=\"t-tag\">CO ZAWIERA<\/div>\n\n    <h2 class=\"t-h2\">\n      Wszystko, czego potrzebujesz, \u017ceby rankowa\u0107.<br>\n      <span>Nic zb\u0119dnego.<\/span>\n    <\/h2>\n\n    <div class=\"included-grid\">\n\n      <div class=\"inc-item\">\n        <div class=\"inc-check\">\u2713<\/div>\n        <div>\n          <div class=\"inc-title\">Strona SEO + zoptymalizowana pod konwersj\u0119<\/div>\n          <div class=\"inc-val\">5,000 z\u0142 warto\u015b\u0107<\/div>\n          <div class=\"inc-desc\">Zbudowana pod Google i pod telefony od klient\u00f3w. Twoja na zawsze.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"inc-item\">\n        <div class=\"inc-check\">\u2713<\/div>\n        <div>\n          <div class=\"inc-title\">Pakiet Premium lokalnych wizyt\u00f3wek<\/div>\n          <div class=\"inc-val\">2,000 z\u0142 warto\u015b\u0107<\/div>\n          <div class=\"inc-desc\">Sp\u00f3jne dane w 50+ katalogach \u2014 kluczowy sygna\u0142 rankingowy.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"inc-item\">\n        <div class=\"inc-check\">\u2713<\/div>\n        <div>\n          <div class=\"inc-title\">Zarz\u0105dzanie profilem Google<\/div>\n          <div class=\"inc-val\">2,500 z\u0142 warto\u015b\u0107<\/div>\n          <div class=\"inc-desc\">Pe\u0142na optymalizacja, posty co tydzie\u0144 i sta\u0142e monitorowanie.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"inc-item\">\n        <div class=\"inc-check\">\u2713<\/div>\n        <div>\n          <div class=\"inc-title\">Cotygodniowe raporty ranking\u00f3w<\/div>\n          <div class=\"inc-val\">500 z\u0142 warto\u015b\u0107<\/div>\n          <div class=\"inc-desc\">Heatmapy, pozycje i jasny wgl\u0105d w progres.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"inc-item\">\n        <div class=\"inc-check\">\u2713<\/div>\n        <div>\n          <div class=\"inc-title\">Bezpo\u015bredni kontakt przez platformy spo\u0142eczno\u015bciowe<\/div>\n          <div class=\"inc-val\">1,500 z\u0142 warto\u015b\u0107<\/div>\n          <div class=\"inc-desc\">Prywatna grupa z zespo\u0142em. Szybkie odpowiedzi, realni ludzie.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"inc-item\">\n        <div class=\"inc-check\">\u2713<\/div>\n        <div>\n          <div class=\"inc-title\">Sta\u0142e sugestie rozwoju<\/div>\n          <div class=\"inc-val\">500 z\u0142 warto\u015b\u0107<\/div>\n          <div class=\"inc-desc\">Wskazujemy ka\u017cd\u0105 okazj\u0119 do wzrostu, jak\u0105 zauwa\u017cymy.<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- VALUE BLOCK -->\n    <div class=\"value-block\">\n\n      <div class=\"value-left\">\n        <div class=\"value-label\">WSZYSTKO POWY\u017bEJ JEST WARTE<\/div>\n        <div class=\"value-amount\">12,000z\u0142+<\/div>\n        <div class=\"value-sub\">je\u015bli kupowa\u0142by\u015b ka\u017cd\u0105 us\u0142ug\u0119 osobno<\/div>\n      <\/div>\n\n      <div class=\"value-arrow\">\u2192<\/div>\n\n      <div class=\"value-right\">\n        <div class=\"value-label\">TY P\u0141ACISZ<\/div>\n        <div class=\"value-price\">997z\u0142<\/div>\n        <div class=\"value-sub\">jednorazowa op\u0142ata startowa<\/div>\n        <div class=\"value-retainer\">+ 497z\u0142\/mies. po wej\u015bciu do Top 3<\/div>\n        <div class=\"value-saving\">\u2713 Oszcz\u0119dzasz 11,003z\u0142 + na start<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.section {\n  padding: 100px 20px;\n  background: #f5f7fb;\n\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n}\n\n.container {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.t-tag {\n  font-size: 12px;\n  letter-spacing: 2px;\n  color: #6b7cff;\n  margin-bottom: 20px;\n}\n\n.t-h2 {\n  font-size: 42px;\n  font-weight: 800;\n  color: #0c0c18;\n  margin-bottom: 40px;\n}\n\n.t-h2 span {\n  color: #4f6bff;\n}\n\n.included-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n  margin-bottom: 50px;\n}\n\n.inc-item {\n  background: white;\n  border: 1px solid #e6e9f2;\n  padding: 20px;\n  border-radius: 14px;\n  display: flex;\n  gap: 15px;\n}\n\n.inc-check {\n  width: 28px;\n  height: 28px;\n  background: #e6f9ef;\n  color: #00c853;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-size: 14px;\n}\n\n.inc-title {\n  font-weight: 600;\n  color: #0c0c18;\n}\n\n.inc-val {\n  color: #f0b429;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.inc-desc {\n  font-size: 13px;\n  color: #6b7280;\n}\n\n\/* VALUE BLOCK *\/\n.value-block {\n  background: linear-gradient(135deg, #0c0c18, #111120);\n  border-radius: 20px;\n  padding: 40px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: white;\n}\n\n.value-label {\n  font-size: 11px;\n  letter-spacing: 1px;\n  opacity: 0.6;\n}\n\n.value-amount {\n  font-size: 48px;\n  font-weight: 900;\n  color: rgba(255,255,255,0.25);\n  text-decoration: line-through;\n}\n\n.value-price {\n  font-size: 52px;\n  font-weight: 900;\n  color: #ffffff;\n}\n\n.value-retainer {\n  opacity: 0.6;\n  margin-top: 5px;\n}\n\n.value-arrow {\n  font-size: 30px;\n  color: #4f6bff;\n}\n\n.value-saving {\n  margin-top: 15px;\n  background: rgba(0,230,118,0.1);\n  color: #00e676;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 13px;\n  display: inline-block;\n  font-weight: 600;\n}\n\n@media(max-width: 768px){\n  .included-grid {\n    grid-template-columns: 1fr;\n  }\n  .value-block {\n    flex-direction: column;\n    gap: 20px;\n    text-align: center;\n  }\n}\n<\/style>\n<section class=\"guarantee\">\n  <div class=\"guarantee-container\">\n    <div class=\"guarantee-content\">\n\n      <!-- BADGE -->\n      <div class=\"g-badge\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n\n      <small>Gwarancja<\/small>\n\n      <h2>\n        Top 3 w 90 dni.<br>\n        <span>Albo pracujemy za darmo.<\/span>\n      <\/h2>\n\n      <p>\n        Je\u015bli nie wprowadzimy Ci\u0119 do top 3 lokalnych wynik\u00f3w w ci\u0105gu 90 dni, pracujemy dalej bez dodatkowych op\u0142at \u2014 a\u017c osi\u0105gniemy cel. Bez wym\u00f3wek. Bez drobnego druku.\n      <\/p>\n\n      <a href=\"#calendar\" class=\"hero-btn btn-main\">Zarezerwuj swoje miejsce \u2192<\/a>\n\n      <p class=\"note\">\n        Gwarancja obowi\u0105zuje pod warunkiem, \u017ce regularnie dostarczasz opinie i zdj\u0119cia, utrzymujesz sp\u00f3jno\u015b\u0107 danych firmy oraz stosujesz si\u0119 do naszych zalece\u0144. My robimy ci\u0119\u017ck\u0105 robot\u0119 \u2014 potrzebujemy tylko Twojej wsp\u00f3\u0142pracy.\n      <\/p>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.guarantee {\n  padding: 100px 20px;\n  color: white;\n  position: relative;\n}\n\n.guarantee-container {\n  max-width: 900px;\n  margin: 0 auto;\n  background: linear-gradient(135deg, rgba(59,130,246,0.1), rgba(139,92,246,0.1));\n  border: 1px solid rgba(59,130,246,0.3);\n  border-radius: 30px;\n  padding: 60px;\n  overflow: hidden;\n  position: relative;\n}\n\n.guarantee::before,\n.guarantee::after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(100px);\n  z-index: 1;\n}\n\n.guarantee::before {\n  width: 256px;\n  height: 256px;\n  top: 0;\n  right: 0;\n  background: rgba(59,130,246,0.2);\n}\n\n.guarantee::after {\n  width: 256px;\n  height: 256px;\n  bottom: 0;\n  left: 0;\n  background: rgba(139,92,246,0.2);\n}\n\n.guarantee-content {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n}\n\n\/* \ud83d\udd25 BADGE *\/\n.g-badge {\n  width: 72px;\n  height: 72px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 20px;\n  box-shadow: 0 10px 30px rgba(59,130,246,0.4);\n}\n\n.g-badge svg {\n  width: 32px;\n  height: 32px;\n}\n\n\/* TEXT *\/\n.guarantee small {\n  display: block;\n  text-transform: uppercase;\n  color: #9ca3af;\n  letter-spacing: 1px;\n  margin-bottom: 10px;\n}\n\n.guarantee h2 {\n  font-size: 36px;\n  font-weight: 800;\n  margin-bottom: 20px;\n}\n\n.guarantee h2 span {\n  font-style: italic;\n  color: #9ca3af;\n}\n\n.guarantee p {\n  max-width: 600px;\n  margin: 0 auto 30px;\n  color: #d1d5db;\n  font-size: 18px;\n  line-height: 1.6;\n}\n\n.guarantee .note {\n  font-size: 14px;\n  color: #9ca3af;\n  max-width: 600px;\n  margin: 20px auto 0;\n}\n\n\/* BUTTON *\/\n.btn-main {\n  display: inline-block;\n  font-size: 18px;\n  font-weight: 600;\n  padding: 16px 36px;\n  background: #2563eb;\n  border-radius: 12px;\n  color: white;\n  text-decoration: none;\n  box-shadow: 0 10px 20px rgba(59,130,246,0.3);\n  transition: all 0.2s ease;\n}\n\n.btn-main:hover {\n  background: #1e40af;\n  transform: scale(1.05);\n}\n<\/style>\n<section id=\"roi-calculator\" style=\"padding:3rem 1.5rem; background:#0a0a1b; color:#fff; font-family:sans-serif;\">\n <div style=\"max-width:900px; margin:0 auto;\">\n  <div style=\"text-align:center; margin-bottom:2rem;\">\n    <span style=\"text-transform:uppercase; font-size:0.8rem; color:#888;\">Kalkulator ROI<\/span>\n    <h2 style=\"font-size:2.5rem; margin:0.5rem 0;\"><span style=\"color:#888; font-style:italic;\">Ile to naprawd\u0119 by\u0142oby dla Ciebie warte?<\/span><\/h2>\n    <p style=\"color:#aaa;\">Konserwatywne szacunki oparte na Twojej transakcji i lokalizacji. Bez zawy\u017conych liczb.<\/p>\n  <\/div>\n\n   <style>\n  :root {\n    --bg: #0a0a1b;\n    --card: #0f121d;\n    --card2: #11162a;\n    --border: #20263a;\n    --text: #e5e7eb;\n    --muted: #94a3b8;\n    --blue: #3b82f6;\n    --green: #22c55e;\n    --yellow: #f59e0b;\n  }\n\n  #roi-calc {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 24px 16px 40px;\n    color: var(--text);\n    font-family: inherit;\n  }\n\n  #roi-calc * {\n    box-sizing: border-box;\n  }\n\n  #roi-calc .wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  #roi-calc .card,\n  #roi-calc .note,\n  #roi-calc .res-card,\n  #roi-calc .bdown,\n  #roi-calc .disclaimer {\n    background: rgba(15, 18, 29, 0.96);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 18px;\n    padding: 22px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.22);\n  }\n\n  #roi-calc .ctitle,\n  #roi-calc .res-title,\n  #roi-calc .bdown-hdr {\n    font-size: 20px;\n    font-weight: 800;\n    margin-bottom: 16px;\n    color: #fff;\n  }\n\n  #roi-calc .g2 {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px;\n  }\n\n  #roi-calc .field {\n    min-width: 0;\n  }\n\n  #roi-calc label {\n    display: block;\n    font-size: 14px;\n    font-weight: 700;\n    color: #e5e7eb;\n    margin-bottom: 6px;\n  }\n\n  #roi-calc .hint {\n    font-size: 12px;\n    color: var(--muted);\n    margin-bottom: 8px;\n  }\n\n  #roi-calc select,\n  #roi-calc input[type=\"range\"] {\n    width: 100%;\n  }\n\n  #roi-calc select {\n    background: #0c1020;\n    border: 1px solid var(--border);\n    color: var(--text);\n    border-radius: 12px;\n    padding: 12px 14px;\n    outline: none;\n  }\n\n  #roi-calc select:focus {\n    border-color: rgba(59,130,246,0.8);\n    box-shadow: 0 0 0 3px rgba(59,130,246,0.15);\n  }\n\n  #roi-calc .trade-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-radius: 999px;\n    background: rgba(59,130,246,0.12);\n    border: 1px solid rgba(59,130,246,0.2);\n    color: #dbeafe;\n    margin-top: 16px;\n    font-size: 13px;\n    font-weight: 600;\n  }\n\n  #roi-calc .tpd {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--green);\n    box-shadow: 0 0 0 4px rgba(34,197,94,0.12);\n  }\n\n  #roi-calc .rw {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  #roi-calc .rh {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    gap: 12px;\n  }\n\n  #roi-calc .rv {\n    color: #93c5fd;\n    font-weight: 800;\n    white-space: nowrap;\n  }\n\n  #roi-calc .rl {\n    display: flex;\n    justify-content: space-between;\n    color: #6b7280;\n    font-size: 12px;\n    margin-top: -4px;\n  }\n\n  #roi-calc input[type=\"range\"] {\n    -webkit-appearance: none;\n    appearance: none;\n    height: 8px;\n    border-radius: 999px;\n    outline: none;\n    background: linear-gradient(to right, var(--blue) 0%, rgba(255,255,255,0.08) 0%);\n    border: 0;\n  }\n\n  #roi-calc input[type=\"range\"]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: #fff;\n    border: 2px solid var(--blue);\n    box-shadow: 0 6px 18px rgba(0,0,0,0.35);\n    cursor: pointer;\n  }\n\n  #roi-calc input[type=\"range\"]::-moz-range-thumb {\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: #fff;\n    border: 2px solid var(--blue);\n    box-shadow: 0 6px 18px rgba(0,0,0,0.35);\n    cursor: pointer;\n  }\n\n  #roi-calc .hidden {\n    display: none !important;\n  }\n\n  #roi-calc .note {\n    display: flex;\n    gap: 14px;\n    align-items: flex-start;\n  }\n\n  #roi-calc .ni {\n    width: 30px;\n    height: 30px;\n    flex: 0 0 30px;\n    border-radius: 10px;\n    display: grid;\n    place-items: center;\n    background: rgba(245,158,11,0.15);\n    color: #fbbf24;\n    font-weight: 900;\n    margin-top: 2px;\n  }\n\n  #roi-calc .note p,\n  #roi-calc .disclaimer p {\n    margin: 0;\n    color: #cbd5e1;\n    line-height: 1.6;\n    font-size: 13px;\n  }\n\n  #roi-calc .res-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  #roi-calc .ri {\n    background: rgba(255,255,255,0.03);\n    border: 1px solid rgba(255,255,255,0.07);\n    border-radius: 16px;\n    padding: 16px;\n    text-align: center;\n  }\n\n  #roi-calc .ri.hl {\n    grid-column: span 3;\n  }\n\n  #roi-calc .ri-lbl {\n    font-size: 12px;\n    color: var(--muted);\n    margin-bottom: 8px;\n  }\n\n  #roi-calc .ri-val {\n    font-size: 22px;\n    font-weight: 900;\n    color: #fff;\n    line-height: 1.1;\n  }\n\n  #roi-calc .ri-val.pos,\n  #roi-calc .ri-val.pos-lg,\n  #roi-calc .bv.g {\n    color: var(--green);\n  }\n\n  #roi-calc .ri-val.pos-lg {\n    font-size: 30px;\n  }\n\n  #roi-calc .ri-sub {\n    font-size: 12px;\n    color: #64748b;\n    margin-top: 6px;\n  }\n\n  #roi-calc .bar-wrap {\n    margin-top: 18px;\n  }\n\n  #roi-calc .bar-hdr {\n    display: flex;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 8px;\n    font-size: 12px;\n    color: #94a3b8;\n  }\n\n  #roi-calc .bar-track {\n    height: 10px;\n    border-radius: 999px;\n    background: #182034;\n    overflow: hidden;\n  }\n\n  #roi-calc .bar-fill {\n    height: 100%;\n    width: 0%;\n    background: linear-gradient(90deg, #3b82f6, #22c55e);\n    border-radius: 999px;\n    transition: width 0.25s ease;\n  }\n\n  #roi-calc .bdown {\n    padding-top: 18px;\n  }\n\n  #roi-calc .brow {\n    display: flex;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 10px 0;\n    border-top: 1px solid rgba(255,255,255,0.06);\n    font-size: 13px;\n  }\n\n  #roi-calc .brow:first-of-type {\n    border-top: 0;\n  }\n\n  #roi-calc .bn {\n    color: #cbd5e1;\n  }\n\n  #roi-calc .bv {\n    color: #e2e8f0;\n    font-weight: 700;\n    white-space: nowrap;\n  }\n\n  #roi-calc .btotal .bn {\n    font-weight: 800;\n  }\n\n  #roi-calc .disclaimer {\n    background: rgba(15, 18, 29, 0.72);\n  }\n\n  @media (max-width: 768px) {\n    #roi-calc .g2,\n    #roi-calc .res-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #roi-calc .ri.hl {\n      grid-column: auto;\n    }\n\n    #roi-calc .brow {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n<\/style>\n\n<div id=\"roi-calc\">\n  <div class=\"wrap\">\n\n    <div class=\"card\">\n      <div class=\"ctitle\">Krok 1 \u2014 Twoja firma<\/div>\n      <div class=\"g2\">\n        <div class=\"field\">\n          <label for=\"niche\">Twoja bran\u017ca<\/label>\n          <div class=\"hint\">Wybierz us\u0142ug\u0119, kt\u00f3r\u0105 \u015bwiadczysz<\/div>\n          <select id=\"niche\">\n            <option value=\"\" disabled selected>\u2014 Wybierz bran\u017c\u0119 \u2014<\/option>\n            <optgroup label=\"Dachy\">\n              <option value=\"roofing_res\">Dachy \u2014 domy jednorodzinne<\/option>\n              <option value=\"roofing_com\">Dachy \u2014 komercyjne<\/option>\n            <\/optgroup>\n            <optgroup label=\"Fotowoltaika\">\n              <option value=\"solar_res\">Fotowoltaika \u2014 domy jednorodzinne<\/option>\n              <option value=\"solar_com\">Fotowoltaika \u2014 komercyjne<\/option>\n            <\/optgroup>\n            <optgroup label=\"Hydraulika\">\n              <option value=\"plumb_gen\">Hydraulika \u2014 og\u00f3lna<\/option>\n              <option value=\"plumb_emg\">Hydraulika \u2014 awaryjna<\/option>\n              <option value=\"plumb_ins\">Hydraulika \u2014 instalacje<\/option>\n            <\/optgroup>\n            <optgroup label=\"Elektryka\">\n              <option value=\"elec_gen\">Elektryka \u2014 og\u00f3lna<\/option>\n              <option value=\"elec_emg\">Elektryka \u2014 awaryjna<\/option>\n              <option value=\"elec_ev\">Elektryka \u2014 \u0142adowarki EV<\/option>\n              <option value=\"elec_com\">Elektryka \u2014 komercyjna<\/option>\n            <\/optgroup>\n            <optgroup label=\"HVAC \/ Klimatyzacja\">\n              <option value=\"hvac_ins\">HVAC \u2014 instalacja<\/option>\n              <option value=\"hvac_rep\">HVAC \u2014 naprawa i serwis<\/option>\n              <option value=\"hvac_mnt\">HVAC \u2014 konserwacja<\/option>\n            <\/optgroup>\n            <optgroup label=\"Ogr\u00f3d i krajobraz\">\n              <option value=\"land_dsn\">Ogr\u00f3d \u2014 projekt i realizacja<\/option>\n              <option value=\"land_mnt\">Ogr\u00f3d \u2014 utrzymanie<\/option>\n              <option value=\"land_trf\">Ogr\u00f3d \u2014 trawniki i tarasy<\/option>\n            <\/optgroup>\n            <optgroup label=\"Zwalczanie szkodnik\u00f3w\">\n              <option value=\"pest_res\">Dezynsekcja \u2014 domy<\/option>\n              <option value=\"pest_com\">Dezynsekcja \u2014 firmy<\/option>\n            <\/optgroup>\n            <optgroup label=\"Sprz\u0105tanie\">\n              <option value=\"clean_dom\">Sprz\u0105tanie \u2014 domowe<\/option>\n              <option value=\"clean_com\">Sprz\u0105tanie \u2014 komercyjne<\/option>\n              <option value=\"clean_eot\">Sprz\u0105tanie \u2014 po wynajmie<\/option>\n            <\/optgroup>\n            <optgroup label=\"Rozbudowy i remonty\">\n              <option value=\"ext_gen\">Rozbudowy i remonty<\/option>\n              <option value=\"loft\">Adaptacje poddaszy<\/option>\n              <option value=\"bath\">\u0141azienki<\/option>\n              <option value=\"kitch\">Kuchnie<\/option>\n            <\/optgroup>\n            <optgroup label=\"Podjazdy i kostka\">\n              <option value=\"drive\">Podjazdy i kostka brukowa<\/option>\n              <option value=\"tarmac\">Asfalt<\/option>\n            <\/optgroup>\n            <optgroup label=\"Ogrodzenia i bramy\">\n              <option value=\"fence\">Ogrodzenia i bramy<\/option>\n            <\/optgroup>\n            <optgroup label=\"Okna i drzwi\">\n              <option value=\"win_door\">Okna i drzwi<\/option>\n              <option value=\"glaze\">Przeszklenia i podw\u00f3jne szyby<\/option>\n            <\/optgroup>\n            <optgroup label=\"Malowanie i wyko\u0144czenia\">\n              <option value=\"paint_int\">Malowanie \u2014 wn\u0119trza<\/option>\n              <option value=\"paint_ext\">Malowanie \u2014 zewn\u0119trzne<\/option>\n            <\/optgroup>\n            <optgroup label=\"Pod\u0142ogi\">\n              <option value=\"floor_hard\">Pod\u0142ogi \u2014 drewno i laminat<\/option>\n              <option value=\"floor_carp\">Pod\u0142ogi \u2014 dywany i winyl<\/option>\n              <option value=\"floor_tile\">Pod\u0142ogi \u2014 p\u0142ytki<\/option>\n            <\/optgroup>\n            <optgroup label=\"Inne us\u0142ugi\">\n              <option value=\"tree\">Arborystyka i wycinka drzew<\/option>\n              <option value=\"lock\">\u015alusarz<\/option>\n              <option value=\"garage\">Bramy gara\u017cowe<\/option>\n            <\/optgroup>\n          <\/select>\n        <\/div>\n\n        <div class=\"field\">\n          <label for=\"city\">Miasto \/ wielko\u015b\u0107 obszaru<\/label>\n          <div class=\"hint\">Wp\u0142ywa na liczb\u0119 lokalnych wyszukiwa\u0144<\/div>\n          <select id=\"city\">\n            <option value=\"\" disabled selected>\u2014 Wybierz wielko\u015b\u0107 obszaru \u2014<\/option>\n            <option value=\"0.35\">Ma\u0142e miasto (poni\u017cej 80 000 mieszka\u0144c\u00f3w)<\/option>\n            <option value=\"0.65\">\u015arednie miasto (80k \u2013 250k mieszka\u0144c\u00f3w)<\/option>\n            <option value=\"1.0\">Du\u017ce miasto (250k \u2013 600k mieszka\u0144c\u00f3w)<\/option>\n            <option value=\"1.6\">Bardzo du\u017ce miasto (600k+ mieszka\u0144c\u00f3w)<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n\n      <div class=\"trade-pill\" id=\"trade_pill\">\n        <div class=\"tpd\"><\/div>\n        <span id=\"trade_pill_text\">Bran\u017ca projektu \u2014 u\u017cycie mno\u017cnika polece\u0144<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <div class=\"ctitle\">Krok 2 \u2014 Twoje dane<\/div>\n      <div class=\"g2\">\n\n        <div class=\"field rw\">\n          <div class=\"rh\">\n            <label for=\"s_close\">Wsp\u00f3\u0142czynnik zamkni\u0119cia<\/label>\n            <span class=\"rv\" id=\"v_close\">25%<\/span>\n          <\/div>\n          <div class=\"hint\">Ile z zapyta\u0144 zamienia si\u0119 w p\u0142atne zlecenia?<\/div>\n          <input type=\"range\" id=\"s_close\" min=\"10\" max=\"60\" step=\"5\" value=\"25\">\n          <div class=\"rl\"><span>10%<\/span><span>35%<\/span><span>60%<\/span><\/div>\n        <\/div>\n\n        <div class=\"field rw\">\n          <div class=\"rh\">\n            <label for=\"s_job\">\u015arednia warto\u015b\u0107 zlecenia<\/label>\n            <span class=\"rv\" id=\"v_job\">z\u01422.0k<\/span>\n          <\/div>\n          <div class=\"hint\">Wst\u0119pnie ustawione \u2014 mo\u017cesz zmieni\u0107<\/div>\n          <input type=\"range\" id=\"s_job\" min=\"100\" max=\"50000\" step=\"50\" value=\"2000\">\n          <div class=\"rl\"><span>z\u0142100<\/span><span>z\u014225k<\/span><span>z\u014250k<\/span><\/div>\n        <\/div>\n\n        <div class=\"field rw\">\n          <div class=\"rh\">\n            <label for=\"s_margin\">Mar\u017ca zysku<\/label>\n            <span class=\"rv\" id=\"v_margin\">35%<\/span>\n          <\/div>\n          <div class=\"hint\">Zysk netto po kosztach i materia\u0142ach<\/div>\n          <input type=\"range\" id=\"s_margin\" min=\"10\" max=\"70\" step=\"5\" value=\"35\">\n          <div class=\"rl\"><span>10%<\/span><span>35%<\/span><span>70%<\/span><\/div>\n        <\/div>\n\n        <div class=\"field rw slider-row hidden\" id=\"row_lifetime\">\n          <div class=\"rh\">\n            <label for=\"s_life\">Czas \u017cycia klienta<\/label>\n            <span class=\"rv\" id=\"v_life\">1 rok<\/span>\n          <\/div>\n          <div class=\"hint\">Jak d\u0142ugo klient korzysta z Twoich us\u0142ug?<\/div>\n          <input type=\"range\" id=\"s_life\" min=\"1\" max=\"5\" step=\"0.5\" value=\"1\">\n          <div class=\"rl\"><span>1 rok<\/span><span>2.5 roku<\/span><span>5 lat<\/span><\/div>\n        <\/div>\n\n        <div class=\"field rw slider-row hidden\" id=\"row_referral\">\n          <div class=\"rh\">\n            <label for=\"s_ref\">Mno\u017cnik polece\u0144<\/label>\n            <span class=\"rv\" id=\"v_ref\">1.0\u00d7<\/span>\n          <\/div>\n          <div class=\"hint\">Zadowoleni klienci polecaj\u0105 innych. 1.3\u00d7 = 10 zlece\u0144 daje ~3 dodatkowe<\/div>\n          <input type=\"range\" id=\"s_ref\" min=\"1.0\" max=\"2.0\" step=\"0.1\" value=\"1.0\">\n          <div class=\"rl\"><span>1.0\u00d7 (brak)<\/span><span>1.5\u00d7<\/span><span>2.0\u00d7<\/span><\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"note\">\n      <div class=\"ni\">\u26a0\ufe0f<\/div>\n      <p>\n        <strong>Konserwatywna metodologia:<\/strong> Zak\u0142adamy, \u017ce przechwytujesz tylko <strong>10% lokalnych zapyta\u0144 TOP 3<\/strong> \u2014 znacznie poni\u017cej maksimum. Dodatkowo stosujemy <strong>15% bufor<\/strong> na sezonowo\u015b\u0107 i nieobecno\u015bci. Dla us\u0142ug projektowych u\u017cywamy mno\u017cnika polece\u0144 zamiast warto\u015bci klienta, aby zachowa\u0107 realistyczne dane.\n      <\/p>\n    <\/div>\n\n    <div class=\"res-card\" id=\"res_card\">\n      <div class=\"res-title\">Twoje szacowane wyniki<\/div>\n      <div class=\"res-grid\">\n        <div class=\"ri\">\n          <div class=\"ri-lbl\">Miesi\u0119czne wyszukiwania<\/div>\n          <div class=\"ri-val\" id=\"r_srch\">\u2014<\/div>\n          <div class=\"ri-sub\">Lokalne wyszukiwania w Twojej okolicy<\/div>\n        <\/div>\n        <div class=\"ri\">\n          <div class=\"ri-lbl\">Szacowane telefony \/ miesi\u0105c<\/div>\n          <div class=\"ri-val\" id=\"r_calls\">\u2014<\/div>\n          <div class=\"ri-sub\">Z pozycji TOP 3<\/div>\n        <\/div>\n        <div class=\"ri\">\n          <div class=\"ri-lbl\">Zlecenia \/ miesi\u0105c<\/div>\n          <div class=\"ri-val\" id=\"r_jobs\">\u2014<\/div>\n          <div class=\"ri-sub\">Przy Twoim wsp\u00f3\u0142czynniku<\/div>\n        <\/div>\n        <div class=\"ri\">\n          <div class=\"ri-lbl\">Przych\u00f3d miesi\u0119czny<\/div>\n          <div class=\"ri-val pos\" id=\"r_mrev\">\u2014<\/div>\n          <div class=\"ri-sub\">Tylko z lokalnych lead\u00f3w<\/div>\n        <\/div>\n        <div class=\"ri\">\n          <div class=\"ri-lbl\">Zysk miesi\u0119czny<\/div>\n          <div class=\"ri-val pos\" id=\"r_mpro\">\u2014<\/div>\n          <div class=\"ri-sub\">Przy Twojej mar\u017cy<\/div>\n        <\/div>\n        <div class=\"ri hl\">\n          <div class=\"ri-lbl\">Zysk netto 12 miesi\u0119cy \u2014 po wszystkich kosztach<\/div>\n          <div class=\"ri-val pos-lg\" id=\"r_net\">\u2014<\/div>\n          <div class=\"ri-sub\" id=\"fee_note\">Po 997z\u0142 setup + 497z\u0142\/mies \u00d7 12<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"bar-wrap\">\n        <div class=\"bar-hdr\">\n          <span class=\"bar-lbl\">Zwrot z inwestycji w 12 miesi\u0119cy<\/span>\n          <span class=\"bar-pct\" id=\"r_roi\">\u2014<\/span>\n        <\/div>\n        <div class=\"bar-track\">\n          <div class=\"bar-fill\" id=\"r_bar\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bdown\">\n      <div class=\"bdown-hdr\">Jak to liczymy<\/div>\n      <div class=\"brow\"><span class=\"bn\">Miesi\u0119czne lokalne wyszukiwania dla bran\u017cy<\/span><span class=\"bv b\" id=\"b_srch\">\u2014<\/span><\/div>\n      <div class=\"brow\"><span class=\"bn\">Klikni\u0119cia TOP 3 (konserwatywnie 28%)<\/span><span class=\"bv\" id=\"b_ctr\">\u2014<\/span><\/div>\n      <div class=\"brow\"><span class=\"bn\">Tw\u00f3j udzia\u0142 w ruchu (konserwatywnie 10%)<\/span><span class=\"bv\" id=\"b_share\">\u2014<\/span><\/div>\n      <div class=\"brow\"><span class=\"bn\">Telefony (35% odwiedzaj\u0105cych dzwoni)<\/span><span class=\"bv\" id=\"b_rawc\">\u2014<\/span><\/div>\n      <div class=\"brow\"><span class=\"bn\">Po korekcie sezonowej (\u221215%)<\/span><span class=\"bv\" id=\"b_calls\">\u2014<\/span><\/div>\n      <div class=\"brow\"><span class=\"bn\">Zlecenia miesi\u0119cznie<\/span><span class=\"bv\" id=\"b_jobs\">\u2014<\/span><\/div>\n      <div class=\"brow\"><span class=\"bn\" id=\"b_mult_lbl\">Zastosowany mno\u017cnik<\/span><span class=\"bv\" id=\"b_mult\">\u2014<\/span><\/div>\n      <div class=\"brow\"><span class=\"bn\">Przych\u00f3d miesi\u0119czny<\/span><span class=\"bv g\" id=\"b_rev\">\u2014<\/span><\/div>\n      <div class=\"brow\"><span class=\"bn\">Zysk miesi\u0119czny<\/span><span class=\"bv g\" id=\"b_pro\">\u2014<\/span><\/div>\n      <div class=\"brow\"><span class=\"bn\">Ca\u0142kowita inwestycja (12 miesi\u0119cy)<\/span><span class=\"bv\" id=\"b_inv\">\u2014<\/span><\/div>\n      <div class=\"brow btotal\"><span class=\"bn\">Zysk netto 12 miesi\u0119cy<\/span><span class=\"bv g\" id=\"b_net\">\u2014<\/span><\/div>\n    <\/div>\n\n    <div class=\"disclaimer\">\n      <p>Wyniki s\u0105 szacunkowe oparte na konserwatywnych danych bran\u017cowych i s\u0142u\u017c\u0105 wy\u0142\u0105cznie celom informacyjnym. Rzeczywiste wyniki mog\u0105 si\u0119 r\u00f3\u017cni\u0107 w zale\u017cno\u015bci od rynku, konkurencji, lokalizacji i dzia\u0142a\u0144 biznesowych. AP7 Results nie gwarantuje konkretnych wynik\u00f3w ani przychod\u00f3w. Gwarancja TOP 3 w 90 dni obowi\u0105zuje tylko przy spe\u0142nieniu wszystkich warunk\u00f3w us\u0142ugi.<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n<script>\n(function () {\n  const TRADE_DATA = {\n  roofing_res: { searches: 1200, job: 6500, type: \"one\" },\n  roofing_com: { searches: 380, job: 18000, type: \"one\" },\n\n  solar_res: { searches: 850, job: 14000, type: \"one\" },\n  solar_com: { searches: 180, job: 45000, type: \"one\" },\n\n  plumb_gen: { searches: 3200, job: 650, type: \"recurring\" },\n  plumb_emg: { searches: 2600, job: 400, type: \"recurring\" },\n  plumb_ins: { searches: 1000, job: 1800, type: \"one\" },\n\n  elec_gen: { searches: 2200, job: 800, type: \"recurring\" },\n  elec_emg: { searches: 1800, job: 400, type: \"recurring\" },\n  elec_ev: { searches: 750, job: 1200, type: \"one\" },\n  elec_com: { searches: 550, job: 4500, type: \"one\" },\n\n  hvac_ins: { searches: 1300, job: 7500, type: \"one\" },\n  hvac_rep: { searches: 2400, job: 500, type: \"recurring\" },\n  hvac_mnt: { searches: 1700, job: 200, type: \"recurring\" },\n\n  land_dsn: { searches: 950, job: 4200, type: \"one\" },\n  land_mnt: { searches: 2100, job: 200, type: \"recurring\" },\n  land_trf: { searches: 650, job: 3800, type: \"one\" },\n\n  pest_res: { searches: 1900, job: 300, type: \"recurring\" },\n  pest_com: { searches: 650, job: 900, type: \"recurring\" },\n\n  clean_dom: { searches: 3400, job: 150, type: \"recurring\" },\n  clean_com: { searches: 1300, job: 1200, type: \"recurring\" },\n  clean_eot: { searches: 1700, job: 400, type: \"recurring\" },\n\n  ext_gen: { searches: 480, job: 32000, type: \"one\" },\n  loft: { searches: 580, job: 25000, type: \"one\" },\n  bath: { searches: 860, job: 4800, type: \"one\" },\n  kitch: { searches: 760, job: 9500, type: \"one\" },\n\n  drive: { searches: 860, job: 5500, type: \"one\" },\n  tarmac: { searches: 660, job: 3200, type: \"one\" },\n\n  fence: { searches: 1150, job: 1800, type: \"one\" },\n\n  win_door: { searches: 950, job: 3400, type: \"one\" },\n  glaze: { searches: 760, job: 1200, type: \"one\" },\n\n  paint_int: { searches: 1550, job: 1400, type: \"recurring\" },\n  paint_ext: { searches: 860, job: 2800, type: \"one\" },\n\n  floor_hard: { searches: 1050, job: 2600, type: \"one\" },\n  floor_carp: { searches: 1350, job: 900, type: \"recurring\" },\n  floor_tile: { searches: 960, job: 1800, type: \"one\" },\n\n  tree: { searches: 1250, job: 850, type: \"recurring\" },\n  lock: { searches: 2700, job: 200, type: \"recurring\" },\n  garage: { searches: 660, job: 1400, type: \"one\" }\n};\n\n  const $ = (id) => document.getElementById(id);\n  const num = (v) => {\n    const n = parseFloat(v);\n    return Number.isFinite(n) ? n : 0;\n  };\n\n  function formatMoney(value) {\n    const sign = value < 0 ? \"-\" : \"\";\n    const abs = Math.abs(value);\n\n    if (abs >= 1000) {\n      return `${sign}${(abs \/ 1000).toFixed(1).replace(\/\\.0$\/, \"\")}k z\u0142`;\n      \n    }\n    return `${sign}z\u0142${Math.round(abs).toLocaleString()}`;\n    \n  }\n\n  function formatNumber(value) {\n    return Math.round(value).toLocaleString();\n  }\n\n  function setText(id, value) {\n    const el = $(id);\n    if (el) el.textContent = value;\n  }\n\n  function updateFill(el) {\n    if (!el) return;\n    const min = num(el.min);\n    const max = num(el.max);\n    const value = num(el.value);\n    const pct = max > min ? ((value - min) \/ (max - min)) * 100 : 0;\n    el.style.background = `linear-gradient(to right, var(--blue) ${pct}%, var(--border) ${pct}%)`;\n  }\n\n  function sv(el, labelId, suffix = \"\") {\n    setText(labelId, `${el.value}${suffix}`);\n  }\n\n  function svJob(el) {\n  const val = num(el.value);\n\n  setText(\n    \"v_job\",\n    val >= 1000\n      ? `${(val \/ 1000).toFixed(1).replace(\/\\.0$\/, \"\")}k z\u0142`\n      : `${Math.round(val)} z\u0142`\n  );\n}\n\n  function svLife(el) {\n    setText(\"v_life\", `${num(el.value).toFixed(1).replace(\/\\.0$\/, \"\")} rok`);\n  }\n\n  function svRef(el) {\n    setText(\"v_ref\", `${num(el.value).toFixed(1)}\u00d7`);\n  }\n\n  function onNicheChange() {\n    const niche = $(\"niche\")?.value;\n    const trade = TRADE_DATA[niche];\n    if (!trade) return;\n\n    const lifeRow = $(\"row_lifetime\");\n    const refRow = $(\"row_referral\");\n    const pillText = $(\"trade_pill_text\");\n    const jobSlider = $(\"s_job\");\n\n    if (jobSlider) {\n      jobSlider.value = trade.job;\n      svJob(jobSlider);\n      updateFill(jobSlider);\n    }\n\n    if (trade.type === \"recurring\") {\n      lifeRow?.classList.remove(\"hidden\");\n      refRow?.classList.add(\"hidden\");\n      if (pillText) pillText.textContent = \"Bran\u017ca cykliczna \u2014 u\u017cycie warto\u015bci \u017cycia klienta\";\n    } else {\n      lifeRow?.classList.add(\"hidden\");\n      refRow?.classList.remove(\"hidden\");\n      if (pillText) pillText.textContent = \"Bran\u017ca projektowa \u2014 u\u017cycie mno\u017cnika polece\u0144\";\n    }\n\n    calculate();\n  }\n\n  function calculate() {\n    const niche = $(\"niche\")?.value;\n    const city = num($(\"city\")?.value);\n    const trade = TRADE_DATA[niche];\n\n    if (!trade || !city) return;\n\n    const closeRate = num($(\"s_close\")?.value) \/ 100;\n    const jobValue = num($(\"s_job\")?.value);\n    const margin = num($(\"s_margin\")?.value) \/ 100;\n    const life = num($(\"s_life\")?.value);\n    const ref = num($(\"s_ref\")?.value);\n\n    const searches = trade.searches * city;\n    const ctrClicks = searches * 0.28;\n    const shareVisitors = ctrClicks * 0.10;\n    const rawCalls = shareVisitors * 0.35;\n    const calls = rawCalls * 0.85;\n    const jobs = calls * closeRate;\n\n    const multiplier = trade.type === \"recurring\" ? life : ref;\n\n    const revenue = jobs * jobValue * multiplier;\n    const profit = revenue * margin;\n    const investment = 997 + 497 * 12;\n    const netProfit = profit * 12 - investment;\n    const roi = (netProfit \/ investment) * 100;\n\n    setText(\"r_srch\", formatNumber(searches));\n    setText(\"r_calls\", formatNumber(calls));\n    setText(\"r_jobs\", jobs.toFixed(1));\n    setText(\"r_mrev\", formatMoney(revenue));\n    setText(\"r_mpro\", formatMoney(profit));\n    setText(\"r_net\", formatMoney(netProfit));\n    setText(\"r_roi\", `${roi >= 0 ? \"+\" : \"\"}${Math.round(roi)}% ROI`);\n\n    const bar = $(\"r_bar\");\n    if (bar) bar.style.width = `${Math.min(Math.abs(roi), 100)}%`;\n\n    setText(\"b_srch\", `${formatNumber(searches)} \/ mies.`);\n    setText(\"b_ctr\", `${formatNumber(ctrClicks)} klikni\u0119\u0107 \/ mies.`);\n    setText(\"b_share\", `${formatNumber(shareVisitors)} odwiedzin \/ mies.`);\n    setText(\"b_rawc\", `${formatNumber(rawCalls)} po\u0142\u0105cze\u0144 \/ mies.`);\n    setText(\"b_calls\", `${formatNumber(calls)} po\u0142\u0105cze\u0144 \/ mies.`);\n    setText(\"b_jobs\", `${jobs.toFixed(1)} \/ mies.`);\n\n    if (trade.type === \"recurring\") {\n      setText(\"b_mult_lbl\", `Czas \u017cycia klienta (${life.toFixed(1).replace(\/\\.0$\/, \"\")} lat \u00d7 warto\u015b\u0107 zlecenia)`);\n      setText(\"b_mult\", `${life.toFixed(1).replace(\/\\.0$\/, \"\")}\u00d7`);\n    } else {\n      setText(\"b_mult_lbl\", `Mno\u017cnik polece\u0144 (${ref.toFixed(1)}\u00d7 z polece\u0144)`);\n      setText(\"b_mult\", `${ref.toFixed(1)}\u00d7`);\n    }\n\n    setText(\"b_rev\", `${formatMoney(revenue)} \/ mies.`);\n    setText(\"b_pro\", `${formatMoney(profit)} \/ mies.`);\n    setText(\"b_inv\", `997z\u0142 + 497z\u0142\/mies. \u00d7 12 =6.900z\u0142`);\n    setText(\"b_net\", `${formatMoney(netProfit)} zysk netto w 12 miesi\u0119cy`);\n  }\n\n  function bindEvents() {\n    $(\"niche\")?.addEventListener(\"change\", onNicheChange);\n    $(\"city\")?.addEventListener(\"change\", calculate);\n\n    [\"s_close\", \"s_job\", \"s_margin\", \"s_life\", \"s_ref\"].forEach((id) => {\n      const el = $(id);\n      if (!el) return;\n\n      el.addEventListener(\"input\", () => {\n        updateFill(el);\n\n        if (id === \"s_close\") sv(el, \"v_close\", \"%\");\n        if (id === \"s_job\") svJob(el);\n        if (id === \"s_margin\") sv(el, \"v_margin\", \"%\");\n        if (id === \"s_life\") svLife(el);\n        if (id === \"s_ref\") svRef(el);\n\n        calculate();\n      });\n    });\n  }\n\n  function init() {\n    const niche = $(\"niche\");\n    const city = $(\"city\");\n    const sClose = $(\"s_close\");\n    const sJob = $(\"s_job\");\n    const sMargin = $(\"s_margin\");\n    const sLife = $(\"s_life\");\n    const sRef = $(\"s_ref\");\n\n    if (niche && !niche.value) niche.value = \"plumb_ins\";\n    if (city && !city.value) city.value = \"0.65\";\n\n    if (sClose) {\n      updateFill(sClose);\n      sv(sClose, \"v_close\", \"%\");\n    }\n\n    if (sJob) {\n      updateFill(sJob);\n      svJob(sJob);\n    }\n\n    if (sMargin) {\n      updateFill(sMargin);\n      sv(sMargin, \"v_margin\", \"%\");\n    }\n\n    if (sLife) {\n      updateFill(sLife);\n      svLife(sLife);\n    }\n\n    if (sRef) {\n      updateFill(sRef);\n      svRef(sRef);\n    }\n\n    bindEvents();\n    onNicheChange();\n    calculate();\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init);\n  } else {\n    init();\n  }\n\n  window.onNicheChange = onNicheChange;\n  window.calculate = calculate;\n  window.updateFill = updateFill;\n  window.sv = sv;\n  window.svJob = svJob;\n  window.svLife = svLife;\n  window.svRef = svRef;\n})();\n<\/script>\n\n<section id=\"book\" style=\"padding:6rem 1.5rem; background: linear-gradient(to bottom, rgba(15, 23, 47, 0.1), transparent);\">\n  <div style=\"max-width:72rem; margin:0 auto; text-align:center;\">\n    <div style=\"margin-bottom:1rem;\">\n      <span style=\"text-transform:uppercase; font-size:0.75rem; color:#9CA3AF; letter-spacing:0.1em;\">Darmowy audyt<\/span>\n    <\/div>\n    <h2 style=\"font-size:2.5rem; font-weight:bold; margin-bottom:1rem;\">\n      Twoje pozycje w Google \u2014 <br>\n      <span style=\"color:#9CA3AF; font-style:italic;\">na \u017cywo na ekranie.<\/span>\n    <\/h2>\n\n    <div style=\"display:flex; flex-wrap:wrap; gap:2rem; justify-content:center; margin:3rem 0;\">\n      <div style=\"flex:1 1 18rem; padding:1.5rem; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:1rem; backdrop-filter:blur(8px);\">\n        <div style=\"font-size:2rem; margin-bottom:1rem;\">\ud83d\udccd<\/div>\n        <h3 style=\"font-size:1.25rem; font-weight:bold; margin-bottom:0.5rem;\">Twoja dok\u0142adna pozycja<\/h3>\n        <p style=\"color:#9CA3AF;\">Pokazujemy na \u017cywo, gdzie dok\u0142adnie widniejesz w Twoim obszarze us\u0142ug<\/p>\n      <\/div>\n\n      <div style=\"flex:1 1 18rem; padding:1.5rem; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:1rem; backdrop-filter:blur(8px);\">\n        <div style=\"font-size:2rem; margin-bottom:1rem;\">\ud83d\udd0d<\/div>\n        <h3 style=\"font-size:1.25rem; font-weight:bold; margin-bottom:0.5rem;\">B\u0142\u0119dy, kt\u00f3re Ci\u0119 blokuj\u0105<\/h3>\n        <p style=\"color:#9CA3AF;\">Pokazujemy, co trzyma Ci\u0119 poza TOP 3<\/p>\n      <\/div>\n\n      <div style=\"flex:1 1 18rem; padding:1.5rem; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:1rem; backdrop-filter:blur(8px);\">\n        <div style=\"font-size:2rem; margin-bottom:1rem;\">\ud83d\udcb7<\/div>\n        <h3 style=\"font-size:1.25rem; font-weight:bold; margin-bottom:0.5rem;\">Ile Ci\u0119 to kosztuje miesi\u0119cznie<\/h3>\n        <p style=\"color:#9CA3AF;\">Realna warto\u015b\u0107 na podstawie Twojej bran\u017cy i \u015bredniej warto\u015bci zlecenia<\/p>\n      <\/div>\n    <\/div>\n\n    <div style=\"flex:1 1 50%;\">\n      <!-- WSTAW SW\u00d3J KALENDARZ TUTAJ -->\n      <div id=\"my-custom-calendar\">\n        <!-- Calendly inline widget begin -->\n        <section id=\"calendar\">\n          <div class=\"calendly-inline-widget\" data-url=\"https:\/\/calendly.com\/svatoslavsavcin\/30min\" style=\"min-width:320px;height:120vh\"><\/div>\n          <script type=\"text\/javascript\" src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" async><\/script>\n        <\/section>\n        <!-- Calendly inline widget end -->\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.faq-section {\n  max-width: 768px;\n  margin: 0 auto;\n  padding: 6rem 1.5rem;\n  font-family: sans-serif;\n}\n\n.faq-subtitle {\n  text-align: center;\n  font-size: 0.875rem;\n  color: #888;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  margin-bottom: 1rem;\n}\n\n.faq-title {\n  text-align: center;\n  font-size: 3rem;\n  font-weight: bold;\n  margin-bottom: 3rem;\n  color: #fff;\n}\n\n.faq-title span {\n  font-style: italic;\n  color: #888;\n}\n\n.faq-item {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 1rem;\n  margin-bottom: 1rem;\n  overflow: hidden;\n  transition: background 0.2s ease;\n}\n\n.faq-item:hover {\n  background: rgba(255,255,255,0.1);\n}\n\n.faq-question {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  padding: 1.5rem;\n  font-size: 1.125rem;\n  font-weight: 600;\n  color: #fff;\n}\n\n.faq-arrow {\n  transition: transform 0.3s ease;\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  opacity: 0;\n  padding: 0 1.5rem;\n  transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.25s ease;\n  color: #cfcfcf;\n  line-height: 1.6;\n  font-size: 0.95rem;\n}\n\n.faq-item.open .faq-answer {\n  opacity: 1;\n  padding: 0 1.5rem 1.5rem 1.5rem;\n}\n\n.faq-item.open .faq-arrow {\n  transform: rotate(180deg);\n}\n<\/style>\n\n<section class=\"faq-section\">\n  <div class=\"faq-subtitle\">FAQ<\/div>\n  <h2 class=\"faq-title\">Pytania, kt\u00f3re <br><span>cz\u0119sto nam zadaj\u0105.<\/span><\/h2>\n\n  <div class=\"faq-item\">\n    <div class=\"faq-question\">\n      Czym to si\u0119 r\u00f3\u017cni od Google Ads?\n      <svg class=\"faq-arrow\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path d=\"m6 9 6 6 6-6\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"faq-answer\">\n      Reklamy przestaj\u0105 dzia\u0142a\u0107 w momencie, gdy przestajesz p\u0142aci\u0107. Local SEO buduje pozycj\u0119, kt\u00f3ra dzia\u0142a d\u0142ugo po zako\u0144czeniu pracy.\n    <\/div>\n  <\/div>\n\n  <div class=\"faq-item\">\n    <div class=\"faq-question\">\n      Co dok\u0142adnie oznacza gwarancja 90 dni?\n      <svg class=\"faq-arrow\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path d=\"m6 9 6 6 6-6\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"faq-answer\">\n      Je\u015bli nie osi\u0105gniemy TOP 3 w ci\u0105gu 90 dni, pracujemy dalej za darmo, a\u017c to osi\u0105gniemy.\n    <\/div>\n  <\/div>\n\n  <div class=\"faq-item\">\n    <div class=\"faq-question\">\n      Co musz\u0119 zrobi\u0107 po swojej stronie?\n      <svg class=\"faq-arrow\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path d=\"m6 9 6 6 6-6\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"faq-answer\">\n      Wysy\u0142a\u0107 zdj\u0119cia z realizacji, zbiera\u0107 opinie i odbiera\u0107 telefon. Reszt\u0105 zajmujemy si\u0119 my.\n    <\/div>\n  <\/div>\n\n  <div class=\"faq-item\">\n    <div class=\"faq-question\">\n      Czy jestem w\u0142a\u015bcicielem strony?\n      <svg class=\"faq-arrow\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path d=\"m6 9 6 6 6-6\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"faq-answer\">\n      Tak. Nale\u017cy do Ciebie na zawsze.\n    <\/div>\n  <\/div>\n\n  <div class=\"faq-item\">\n    <div class=\"faq-question\">\n      Czy b\u0119dziecie pracowa\u0107 z moj\u0105 konkurencj\u0105?\n      <svg class=\"faq-arrow\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path d=\"m6 9 6 6 6-6\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"faq-answer\">\n      Nie. Zapewniamy wy\u0142\u0105czno\u015b\u0107 w Twoim obszarze.\n    <\/div>\n  <\/div>\n\n  <div class=\"faq-item\">\n    <div class=\"faq-question\">\n      Jak szybko zaczyna si\u0119 praca?\n      <svg class=\"faq-arrow\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path d=\"m6 9 6 6 6-6\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"faq-answer\">\n      W ci\u0105gu 24 godzin od p\u0142atno\u015bci.\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.querySelectorAll('.faq-question').forEach(q => {\n  q.addEventListener('click', () => {\n    const item = q.parentElement;\n    const answer = item.querySelector('.faq-answer');\n\n    document.querySelectorAll('.faq-item').forEach(el => {\n      if (el !== item) {\n        el.classList.remove('open');\n        el.querySelector('.faq-answer').style.maxHeight = null;\n      }\n    });\n\n    if (item.classList.contains('open')) {\n      item.classList.remove('open');\n      answer.style.maxHeight = null;\n    } else {\n      item.classList.add('open');\n      answer.style.maxHeight = answer.scrollHeight + \"px\";\n    }\n  });\n});\n<\/script>\n\n<style>\n.footer-section {\n  padding: 3rem 1.5rem;\n  border-top: 1px solid rgba(255,255,255,0.05);\n  color: #888;\n  font-family: sans-serif;\n  text-align: center;\n  font-size: 0.875rem;\n}\n.footer-section a {\n  color: #888;\n  text-decoration: none;\n  transition: color 0.2s;\n}\n.footer-section a:hover {\n  color: #fff;\n}\n.footer-section .separator {\n  margin: 0 0.5rem;\n}\n<\/style>\n\n<footer class=\"footer-section\">\n  <div class=\"container\">\n    <p>\u00a9 2026 AP7 Results. Wszelkie prawa zastrze\u017cone.\n      <span class=\"separator\">\u00b7<\/span>\n      <a href=\"?page_id=3\">Polityka prywatno\u015bci<\/a>\n      <span class=\"separator\">\u00b7<\/span>\n      <a href=\"?page_id=209\">Regulamin<\/a>\n    <\/p>\n  <\/div>\n<\/footer>\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>AP7 Results \ud83c\uddfa\ud83c\uddf8 EN Darmowa analiza \u2192 90-DNIOWY SPRINT W TOPY\u2122 Twoi konkurenci odbieraj\u0105 Ci klient\u00f3w. Wprowadzamy lokalne firmy do TOP 3 wynik\u00f3w Google w 90 dni \u2014 albo pracujemy za darmo, dop\u00f3ki nie osi\u0105gniemy celu. Um\u00f3w si\u0119 na darmowy audyt \u2192 Oblicz sw\u00f3j ROI \u2193 90dni do Top 3 $0na reklamy 100%metody White-Hat Darmowoje\u015bli [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-831","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ap7results.com\/index.php?rest_route=\/wp\/v2\/pages\/831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ap7results.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ap7results.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ap7results.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ap7results.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=831"}],"version-history":[{"count":5,"href":"https:\/\/ap7results.com\/index.php?rest_route=\/wp\/v2\/pages\/831\/revisions"}],"predecessor-version":[{"id":883,"href":"https:\/\/ap7results.com\/index.php?rest_route=\/wp\/v2\/pages\/831\/revisions\/883"}],"wp:attachment":[{"href":"https:\/\/ap7results.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}