{"id":7,"date":"2026-08-12T14:41:51","date_gmt":"2026-08-12T14:41:51","guid":{"rendered":"https:\/\/babkiodai.pl\/?page_id=7"},"modified":"2026-08-12T14:59:15","modified_gmt":"2026-08-12T14:59:15","slug":"home","status":"publish","type":"page","link":"https:\/\/babkiodai.pl\/","title":{"rendered":"Elementor #7"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b72478c e-con-full e-flex e-con e-parent\" data-id=\"b72478c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c97dd0e elementor-widget elementor-widget-html\" data-id=\"c97dd0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pl\" data-babka=\"razem\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Babki od AI \u2014 AI w praktyce<\/title>\n<meta name=\"description\" content=\"Pokazujemy, jak wdro\u017cy\u0107 sztuczn\u0105 inteligencj\u0119 do codziennej pracy, tw\u00f3rczo\u015bci i \u017cycia. Bez \u017cargonu, bez presji i bez \u015bciemy.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;0,9..144,900;1,9..144,600;1,9..144,900&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&family=Caveat:wght@600;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================\n   1. TOKENY\n   ============================================ *\/\n:root{\n  --krem:#FBE9DC;\n  --krem-jasny:#FEF6EF;\n  --biel:#FFFFFF;\n  --tusz:#241016;\n  --tusz-mgla:rgba(36,16,22,.64);\n\n  --font-display:\"Fraunces\",Georgia,serif;\n  --font-body:\"Instrument Sans\",system-ui,-apple-system,sans-serif;\n  --font-reka:\"Caveat\",cursive;\n\n  --max:1180px;\n  --r-m:24px;\n  --r-l:40px;\n  --przejscie:.55s cubic-bezier(.4,0,.2,1);\n}\n\n\/* Trzy motywy \u2014 jeden kolor na motyw.\n   --marka       = kolor plam, te\u0142 i kszta\u0142t\u00f3w\n   --marka-tekst = ten sam kolor pog\u0142\u0119biony, do drobnego tekstu na kremie\n   --na-marce    = kolor tekstu le\u017c\u0105cego NA kolorze marki *\/\nhtml[data-babka=\"razem\"]{\n  --marka:#B89BC9;\n  --marka-tekst:#7A5B96;\n  --na-marce:#241016;\n}\nhtml[data-babka=\"maja\"]{\n  --marka:#D81B7A;\n  --marka-tekst:#D81B7A;\n  --na-marce:#FFFFFF;\n}\nhtml[data-babka=\"karolina\"]{\n  --marka:#E94B3C;\n  --marka-tekst:#E94B3C;\n  --na-marce:#FFFFFF;\n}\n\n\/* ============================================\n   2. RESET I BAZA\n   ============================================ *\/\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\nbody{\n  background:var(--krem);\n  color:var(--tusz);\n  font-family:var(--font-body);\n  font-size:17px;\n  line-height:1.65;\n  -webkit-font-smoothing:antialiased;\n  overflow-x:hidden;\n}\nimg{max-width:100%;display:block}\na{color:inherit;text-decoration:none}\nbutton,input{font:inherit;color:inherit}\n:focus-visible{outline:3px solid var(--marka-tekst);outline-offset:3px;border-radius:4px}\n\n.otulina{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}\n.sekcja{padding:110px 0;position:relative;z-index:2}\n\n.naglowek-duzy{\n  font-family:var(--font-display);\n  font-weight:900;\n  font-size:clamp(2.4rem,6.2vw,4.6rem);\n  line-height:1;\n  letter-spacing:-.03em;\n  font-variation-settings:\"SOFT\" 40,\"WONK\" 1;\n}\n.naglowek-sekcji{\n  font-family:var(--font-display);\n  font-weight:900;\n  font-size:clamp(1.95rem,4.4vw,3.2rem);\n  line-height:1.06;\n  letter-spacing:-.025em;\n  font-variation-settings:\"SOFT\" 40,\"WONK\" 1;\n}\n.reka{\n  font-family:var(--font-reka);\n  font-weight:700;\n  color:var(--marka-tekst);\n  transition:color var(--przejscie);\n}\n.brew{\n  font-size:.74rem;\n  font-weight:600;\n  letter-spacing:.2em;\n  text-transform:uppercase;\n  color:var(--marka-tekst);\n  transition:color var(--przejscie);\n}\n.brew--dlugi{letter-spacing:.13em;font-size:.8rem;max-width:34em;line-height:1.6}\n\n\/* ============================================\n   3. BLOB ZA KURSOREM\n   ============================================ *\/\n#blob{\n  position:fixed;\n  top:0;left:0;\n  width:420px;height:420px;\n  border-radius:50%;\n  background:var(--marka);\n  filter:blur(90px);\n  opacity:.3;\n  pointer-events:none;\n  z-index:0;\n  transform:translate(-50%,-50%);\n  transition:background var(--przejscie);\n  will-change:left,top;\n}\n\n\/* ============================================\n   4. TICKER\n   ============================================ *\/\n.ticker{\n  background:var(--marka);\n  color:var(--na-marce);\n  overflow:hidden;\n  white-space:nowrap;\n  padding:11px 0;\n  transition:background var(--przejscie),color var(--przejscie);\n  position:relative;\n  z-index:3;\n}\n.ticker__tor{display:inline-flex;animation:przesuw 34s linear infinite}\n.ticker__tor span{\n  padding-right:44px;\n  font-size:.78rem;\n  font-weight:600;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n@keyframes przesuw{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n\n.ticker--skos{\n  transform:rotate(-2.2deg) scaleX(1.06);\n  margin:0 0 -14px;\n  padding:16px 0;\n}\n.ticker--skos .ticker__tor{animation-duration:28s;animation-direction:reverse}\n\n\/* ============================================\n   5. NAWIGACJA\n   ============================================ *\/\n.nawigacja{\n  position:sticky;\n  top:0;\n  z-index:50;\n  background:rgba(251,233,220,.9);\n  backdrop-filter:blur(14px);\n  border-bottom:1px solid rgba(36,16,22,.09);\n}\n.nawigacja__wnetrze{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:24px;\n  padding-top:15px;\n  padding-bottom:15px;\n}\n.logo{\n  font-family:var(--font-display);\n  font-weight:900;\n  font-size:1.32rem;\n  letter-spacing:-.02em;\n  font-variation-settings:\"SOFT\" 40,\"WONK\" 1;\n  white-space:nowrap;\n}\n.logo em{font-style:normal;color:var(--marka-tekst);transition:color var(--przejscie)}\n.nawigacja__linki{display:flex;gap:28px;font-size:.9rem;font-weight:500}\n.nawigacja__linki a{position:relative;padding:4px 0}\n.nawigacja__linki a::after{\n  content:\"\";position:absolute;left:0;bottom:0;\n  width:0;height:2px;background:var(--marka);\n  transition:width .3s ease;\n}\n.nawigacja__linki a:hover::after{width:100%}\n\n\/* ============================================\n   6. PRZE\u0141\u0104CZNIK\n   ============================================ *\/\n.przelacznik{\n  display:inline-flex;\n  align-items:center;\n  gap:2px;\n  background:var(--biel);\n  border:2px solid var(--tusz);\n  border-radius:999px;\n  padding:4px;\n  position:relative;\n}\n.przelacznik__opcja{\n  border:0;background:transparent;cursor:pointer;\n  border-radius:999px;\n  padding:11px 30px;\n  font-size:.95rem;font-weight:600;\n  position:relative;z-index:2;\n  white-space:nowrap;\n  transition:color .35s ease;\n}\n.przelacznik__opcja[aria-selected=\"true\"]{color:var(--na-marce)}\n.przelacznik__suwak{\n  position:absolute;top:4px;left:4px;\n  height:calc(100% - 8px);\n  background:var(--marka);\n  border-radius:999px;z-index:1;\n  transition:transform var(--przejscie),width var(--przejscie),background var(--przejscie);\n}\n\n\/* ============================================\n   7. HERO\n   ============================================ *\/\n.hero{position:relative;padding:92px 0 110px;overflow:hidden;z-index:2}\n.hero__siatka{\n  display:grid;\n  grid-template-columns:1.12fr .88fr;\n  gap:56px;align-items:center;\n}\n.hero h1{margin:20px 0 24px}\n.hero h1 .akcent{color:var(--marka-tekst);transition:color var(--przejscie)}\n.hero__lid{font-size:1.1rem;max-width:32em;color:var(--tusz-mgla);margin-bottom:34px}\n.hero__cta{display:flex;flex-wrap:wrap;gap:14px}\n\n.przycisk{\n  display:inline-flex;align-items:center;gap:9px;\n  border:2px solid var(--tusz);\n  border-radius:999px;\n  padding:15px 30px;\n  font-weight:600;font-size:.95rem;\n  cursor:pointer;\n  background:var(--biel);\n  box-shadow:4px 4px 0 var(--tusz);\n  transition:transform .2s ease,box-shadow .2s ease,background var(--przejscie),color var(--przejscie);\n}\n.przycisk:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--tusz)}\n.przycisk:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--tusz)}\n.przycisk--pelny{background:var(--marka);color:var(--na-marce)}\n\n\/* Kola\u017c: kszta\u0142ty w tle + warstwa na grafik\u0119 *\/\n.hero__kolaz{position:relative;min-height:440px}\n.ksztalt{position:absolute;transition:background var(--przejscie),border-color var(--przejscie)}\n.ksztalt--luk{\n  width:270px;height:340px;right:14px;top:4px;\n  background:var(--marka);\n  border-radius:200px 200px 20px 20px;\n}\n.ksztalt--kolo{\n  width:150px;height:150px;left:0;top:190px;\n  background:var(--marka);opacity:.5;border-radius:50%;\n}\n.ksztalt--fala{\n  width:130px;height:130px;left:52px;top:36px;\n  border:5px solid var(--marka);\n  border-radius:60% 40% 55% 45%;\n  background:transparent;\n}\n\n\/* WARSTWA NA GRAFIK\u0118 \u2014 podmie\u0144 zawarto\u015b\u0107 na <img> *\/\n.hero__foto{\n  position:absolute;\n  right:62px;top:46px;\n  width:250px;height:320px;\n  border-radius:180px 180px 22px 22px;\n  overflow:hidden;\n  z-index:2;\n  background:var(--krem-jasny);\n  border:2px dashed var(--tusz);\n  display:grid;\n  place-items:center;\n  text-align:center;\n  padding:0px;\n}\n.hero__foto img{width:100%;height:100%;object-fit:cover}\n.hero__foto-etykieta{\n  font-size:.78rem;\n  font-weight:600;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  color:var(--tusz-mgla);\n  line-height:1.7;\n}\n\n.badge{position:absolute;left:-6px;bottom:-6px;width:132px;height:132px;z-index:4}\n.badge svg{width:100%;height:100%;animation:wir 18s linear infinite}\n.badge__srodek{\n  position:absolute;inset:0;display:grid;place-items:center;\n  font-family:var(--font-display);font-weight:900;font-size:1.6rem;\n  color:var(--marka-tekst);transition:color var(--przejscie);pointer-events:none;\n}\n.badge text{\n  font-family:var(--font-body);font-size:11.5px;font-weight:600;\n  letter-spacing:.16em;fill:var(--tusz);text-transform:uppercase;\n}\n@keyframes wir{to{transform:rotate(360deg)}}\n\n\/* ============================================\n   8. CO ZNAJDZIESZ\n   ============================================ *\/\n.oferta{background:var(--krem-jasny)}\n.oferta__gora{\n  display:flex;justify-content:space-between;align-items:flex-end;\n  gap:32px;margin-bottom:52px;flex-wrap:wrap;\n}\n.oferta__siatka{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n.karta{\n  background:var(--biel);\n  border:2px solid var(--tusz);\n  border-radius:var(--r-m);\n  padding:34px 30px 30px;\n  display:flex;flex-direction:column;\n  transition:transform .3s ease,box-shadow .3s ease;\n}\n.karta:hover{transform:translateY(-6px);box-shadow:8px 8px 0 var(--marka)}\n.karta__ikona{\n  width:52px;height:52px;border-radius:50%;\n  background:var(--marka);\n  display:grid;place-items:center;\n  font-family:var(--font-display);font-weight:900;font-size:1.5rem;\n  color:var(--na-marce);margin-bottom:22px;\n  transition:background var(--przejscie),color var(--przejscie);\n}\n.karta h3{\n  font-family:var(--font-display);font-weight:700;\n  font-size:1.42rem;line-height:1.18;margin-bottom:12px;\n  font-variation-settings:\"SOFT\" 40;\n}\n.karta p{color:var(--tusz-mgla);font-size:.96rem;flex:1}\n.karta__link{\n  margin-top:22px;font-weight:600;font-size:.9rem;\n  display:inline-flex;align-items:center;gap:7px;\n  color:var(--marka-tekst);\n  transition:gap .25s ease,color var(--przejscie);\n}\n.karta__link:hover{gap:13px}\n\n\/* ============================================\n   9. BABKI + PANELE\n   ============================================ *\/\n.babki__naglowek{text-align:center;max-width:660px;margin:0 auto 20px}\n.babki__naglowek p{color:var(--tusz-mgla);margin-top:16px}\n.babki__pytanie{\n  font-family:var(--font-display);font-weight:700;\n  font-size:1.24rem;margin-top:22px;\n  font-variation-settings:\"SOFT\" 40;\n}\n.babki__sterowanie{display:flex;justify-content:center;margin:40px 0 48px}\n\n.panel{display:none}\n.panel.aktywny{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:24px;\n  animation:wejscie .5s cubic-bezier(.4,0,.2,1);\n}\n@keyframes wejscie{\n  from{opacity:0;transform:translateY(16px)}\n  to{opacity:1;transform:none}\n}\n.kafel{\n  background:var(--biel);\n  border:2px solid var(--tusz);\n  border-radius:var(--r-l);\n  padding:36px 34px;\n  position:relative;overflow:hidden;\n  box-shadow:6px 6px 0 var(--marka);\n  transition:box-shadow var(--przejscie);\n}\n.kafel__plama{\n  position:absolute;right:-46px;top:-46px;\n  width:160px;height:160px;border-radius:50%;\n  background:var(--marka);opacity:.45;\n  transition:background var(--przejscie);\n}\n.kafel h3{\n  font-family:var(--font-display);font-weight:900;\n  font-size:1.5rem;line-height:1.14;margin-bottom:14px;\n  position:relative;\n  font-variation-settings:\"SOFT\" 40,\"WONK\" 1;\n}\n.kafel p{color:var(--tusz-mgla);font-size:.98rem;position:relative}\n\n\/* ============================================\n   10. SZKOLENIA\n   ============================================ *\/\n.szkolenia{\n  background:var(--marka);\n  color:var(--na-marce);\n  padding:96px 0;\n  transition:background var(--przejscie),color var(--przejscie);\n  position:relative;z-index:2;\n}\n.szkolenia__wnetrze{max-width:760px;margin:0 auto;text-align:center}\n.szkolenia .brew{color:var(--na-marce);opacity:.72}\n.szkolenia h2{margin:16px 0 18px}\n.szkolenia p{opacity:.92;margin-bottom:34px;font-size:1.08rem}\n.szkolenia .przycisk{\n  background:var(--biel);\n  color:var(--tusz);\n  border-color:var(--tusz);\n  box-shadow:4px 4px 0 var(--tusz);\n}\n\n\/* ============================================\n   11. STOPKA\n   ============================================ *\/\n.stopka{padding:80px 0 44px;position:relative;z-index:2;text-align:center}\n.stopka__linki{\n  display:flex;justify-content:center;flex-wrap:wrap;\n  gap:14px;margin:28px 0 56px;\n}\n.stopka__link{\n  border:2px solid var(--tusz);\n  border-radius:999px;\n  padding:12px 26px;\n  font-weight:600;font-size:.92rem;\n  background:var(--biel);\n  transition:background var(--przejscie),color var(--przejscie),transform .2s ease;\n}\n.stopka__link:hover{background:var(--marka);color:var(--na-marce);transform:translateY(-3px)}\n.stopka__motto{\n  font-family:var(--font-reka);font-weight:700;\n  font-size:clamp(1.6rem,3.6vw,2.5rem);\n  color:var(--marka-tekst);\n  transition:color var(--przejscie);\n  margin-bottom:44px;\n}\n.stopka__dol{\n  border-top:2px solid rgba(36,16,22,.14);\n  padding-top:24px;\n  display:flex;justify-content:space-between;\n  gap:16px;flex-wrap:wrap;\n  font-size:.84rem;opacity:.6;\n}\n\n\/* ============================================\n   12. SCROLL REVEAL\n   ============================================ *\/\n.odslon{\n  opacity:0;transform:translateY(28px);\n  transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);\n  transition-delay:var(--zwloka,0s);\n}\n.odslon.widoczny{opacity:1;transform:none}\n\n\/* ============================================\n   13. RESPONSYWNO\u015a\u0106\n   ============================================ *\/\n@media (max-width:960px){\n  .hero__siatka{grid-template-columns:1fr}\n  .hero__kolaz{min-height:360px;order:-1}\n  .oferta__siatka,.panel.aktywny{grid-template-columns:1fr}\n  .sekcja{padding:78px 0}\n  #blob{display:none}\n}\n@media (max-width:720px){\n  .nawigacja__linki{display:none}\n}\n@media (max-width:560px){\n  body{font-size:16px}\n  .hero{padding:60px 0 80px}\n  .hero__kolaz{min-height:320px}\n  .ksztalt--luk{width:190px;height:250px;right:6px}\n  .ksztalt--kolo{width:100px;height:100px;top:150px}\n  .ksztalt--fala{width:90px;height:90px;left:30px}\n  .hero__foto{width:180px;height:238px;right:34px;top:32px;border-radius:130px 130px 18px 18px}\n  .badge{width:104px;height:104px;bottom:0}\n  .przelacznik__opcja{padding:9px 16px;font-size:.85rem}\n  .stopka__dol{justify-content:center;text-align:center}\n}\n@media (prefers-reduced-motion:reduce){\n  *,*::before,*::after{\n    animation-duration:.001ms !important;\n    animation-iteration-count:1 !important;\n    transition-duration:.001ms !important;\n  }\n  .odslon{opacity:1;transform:none}\n  #blob{display:none}\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"blob\" aria-hidden=\"true\"><\/div>\n\n<!-- TICKER G\u00d3RNY -->\n<div class=\"ticker\" aria-hidden=\"true\">\n  <div class=\"ticker__tor\">\n    <span>Babki od AI \u2733 AI w praktyce \u2733 Twoje narz\u0119dzia, twoje zasady, twoje efekty \u2733<\/span>\n    <span>Babki od AI \u2733 AI w praktyce \u2733 Twoje narz\u0119dzia, twoje zasady, twoje efekty \u2733<\/span>\n    <span>Babki od AI \u2733 AI w praktyce \u2733 Twoje narz\u0119dzia, twoje zasady, twoje efekty \u2733<\/span>\n    <span>Babki od AI \u2733 AI w praktyce \u2733 Twoje narz\u0119dzia, twoje zasady, twoje efekty \u2733<\/span>\n    <span>Babki od AI \u2733 AI w praktyce \u2733 Twoje narz\u0119dzia, twoje zasady, twoje efekty \u2733<\/span>\n    <span>Babki od AI \u2733 AI w praktyce \u2733 Twoje narz\u0119dzia, twoje zasady, twoje efekty \u2733<\/span>\n  <\/div>\n<\/div>\n\n<!-- NAWIGACJA -->\n<header class=\"nawigacja\">\n  <div class=\"otulina nawigacja__wnetrze\">\n    <a href=\"#\" class=\"logo\">babki od <em>AI<\/em><\/a>\n    <nav class=\"nawigacja__linki\" aria-label=\"G\u0142\u00f3wna\">\n      <a href=\"#znajdziesz\">Co znajdziesz<\/a>\n      <a href=\"#babki\">Kim jeste\u015bmy<\/a>\n      <a href=\"#szkolenia\">Szkolenia<\/a>\n    <\/nav>\n  <\/div>\n<\/header>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"otulina hero__siatka\">\n    <div>\n      <p class=\"brew brew--dlugi odslon\">AI bez spiny. Kreatywnie, konkretnie i po Twojemu.<\/p>\n      <h1 class=\"naglowek-duzy odslon\" style=\"--zwloka:.08s\">\n        Twoje narz\u0119dzia.<br>Twoje zasady.<br><span class=\"akcent\">Twoje efekty.<\/span>\n      <\/h1>\n      <p class=\"hero__lid odslon\" style=\"--zwloka:.16s\">\n        Pokazujemy, jak wdro\u017cy\u0107 sztuczn\u0105 inteligencj\u0119 do codziennej pracy, tw\u00f3rczo\u015bci i \u017cycia.\n        Bez sztywnego jargon-talku, bez presji i bez \u015bciemy \u2014 z lekko\u015bci\u0105, humorem\n        i natychmiastowym prze\u0142o\u017ceniem na praktyk\u0119.\n      <\/p>\n      <div class=\"hero__cta odslon\" style=\"--zwloka:.24s\">\n        <a href=\"#znajdziesz\" class=\"przycisk przycisk--pelny\">Zacznij tutaj \u2192<\/a>\n        <a href=\"#\" class=\"przycisk\">Wpadnij na Substacka<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero__kolaz odslon\" style=\"--zwloka:.3s\">\n      <div class=\"ksztalt ksztalt--luk\"><\/div>\n      <div class=\"ksztalt ksztalt--kolo\"><\/div>\n      <div class=\"ksztalt ksztalt--fala\"><\/div>\n\n      <div class=\"hero__foto\">\n        <img decoding=\"async\" src=\"https:\/\/babkiodai.pl\/wp-content\/uploads\/2026\/08\/Projekt-bez-nazwy.png\" alt=\"babki\">\n      <\/div>\n\n      <div class=\"badge\">\n        <svg viewBox=\"0 0 200 200\" aria-hidden=\"true\">\n          <defs>\n            <path id=\"okrag\" fill=\"none\" d=\"M100,100 m-74,0 a74,74 0 1,1 148,0 a74,74 0 1,1 -148,0\"><\/path>\n          <\/defs>\n          <text><textPath href=\"#okrag\" startOffset=\"0%\">babki od ai \u2733 ai w praktyce \u2733 bez \u015bciemy \u2733 <\/textPath><\/text>\n        <\/svg>\n        <span class=\"badge__srodek\">\u2733<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CO ZNAJDZIESZ -->\n<section class=\"sekcja oferta\" id=\"znajdziesz\">\n  <div class=\"otulina\">\n    <div class=\"oferta__gora\">\n      <div class=\"odslon\">\n        <p class=\"brew\">Trzy miejsca, trzy poziomy<\/p>\n        <h2 class=\"naglowek-sekcji\">Co u nas<br>znajdziesz?<\/h2>\n      <\/div>\n      <p class=\"odslon\" style=\"--zwloka:.1s;max-width:26em;color:var(--tusz-mgla)\">\n        Od szybkiego tipa na Instagramie, przez pog\u0142\u0119biony newsletter, po warsztat szyty na miar\u0119 twojego zespo\u0142u.\n      <\/p>\n    <\/div>\n\n    <div class=\"oferta__siatka\">\n      <article class=\"karta odslon\">\n        <div class=\"karta__ikona\" aria-hidden=\"true\">\u2733<\/div>\n        <h3>Darmowa wiedza na Instagramie<\/h3>\n        <p>Szybkie tipy, inspiracje i gotowe prompty, kt\u00f3re przetestujesz w 5 minut.<\/p>\n        <a href=\"#\" class=\"karta__link\">Obserwuj nas \u2192<\/a>\n      <\/article>\n\n      <article class=\"karta odslon\" style=\"--zwloka:.1s\">\n        <div class=\"karta__ikona\" aria-hidden=\"true\">\u2726<\/div>\n        <h3>Newsletter na Substacku<\/h3>\n        <p>Konkretna dawka sprawdzonych narz\u0119dzi, pog\u0142\u0119bionych analiz i selekcja warto\u015bciowych link\u00f3w. Zero spamu.<\/p>\n        <a href=\"#\" class=\"karta__link\">Zapisz si\u0119 \u2192<\/a>\n      <\/article>\n\n      <article class=\"karta odslon\" style=\"--zwloka:.2s\">\n        <div class=\"karta__ikona\" aria-hidden=\"true\">\u274b<\/div>\n        <h3>Szkolenia AI dla firm i zespo\u0142\u00f3w<\/h3>\n        <p>Warsztaty i szkolenia szyte na miar\u0119 twojego biznesu. Przek\u0142adamy technologi\u0119 na realne oszcz\u0119dno\u015bci czasu.<\/p>\n        <a href=\"#szkolenia\" class=\"karta__link\">Poznaj szczeg\u00f3\u0142y \u2192<\/a>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TICKER SKO\u015aNY -->\n<div class=\"ticker ticker--skos\" aria-hidden=\"true\">\n  <div class=\"ticker__tor\">\n    <span>Bez \u017cargonu \u2733 Bez presji \u2733 Bez \u015bciemy \u2733 Z lekko\u015bci\u0105 i humorem \u2733<\/span>\n    <span>Bez \u017cargonu \u2733 Bez presji \u2733 Bez \u015bciemy \u2733 Z lekko\u015bci\u0105 i humorem \u2733<\/span>\n     <span>Bez \u017cargonu \u2733 Bez presji \u2733 Bez \u015bciemy \u2733 Z lekko\u015bci\u0105 i humorem \u2733<\/span>\n      <span>Bez \u017cargonu \u2733 Bez presji \u2733 Bez \u015bciemy \u2733 Z lekko\u015bci\u0105 i humorem \u2733<\/span>\n       <span>Bez \u017cargonu \u2733 Bez presji \u2733 Bez \u015bciemy \u2733 Z lekko\u015bci\u0105 i humorem \u2733<\/span>\n        <span>Bez \u017cargonu \u2733 Bez presji \u2733 Bez \u015bciemy \u2733 Z lekko\u015bci\u0105 i humorem \u2733<\/span>\n         <span>Bez \u017cargonu \u2733 Bez presji \u2733 Bez \u015bciemy \u2733 Z lekko\u015bci\u0105 i humorem \u2733<\/span>\n  <\/div>\n<\/div>\n\n<!-- BABKI -->\n<section class=\"sekcja babki\" id=\"babki\">\n  <div class=\"otulina\">\n    <div class=\"babki__naglowek odslon\">\n      <p class=\"brew\">Dwie g\u0142owy, jedna misja<\/p>\n      <h2 class=\"naglowek-sekcji\">Cze\u015b\u0107, tu <span class=\"reka\">Babki<\/span><\/h2>\n      <p class=\"babki__pytanie\">Do czego wykorzystujemy AI i czego mo\u017cemy Ci\u0119 nauczy\u0107?<\/p>\n      <p>\n        \u0141\u0105czymy dwa \u015bwiaty: Gen Z z dawk\u0105 czystej kreatywno\u015bci i dzia\u0142ania (Maja)\n        oraz Milenialsa ze strategicznym zaci\u0119ciem i analityczn\u0105 g\u0142ow\u0105 (Karolina).\n      <\/p>\n    <\/div>\n\n    <div class=\"babki__sterowanie odslon\" style=\"--zwloka:.1s\">\n      <div class=\"przelacznik\" role=\"tablist\" aria-label=\"Wybierz perspektyw\u0119\">\n        <span class=\"przelacznik__suwak\" aria-hidden=\"true\"><\/span>\n        <button class=\"przelacznik__opcja\" role=\"tab\" data-motyw=\"razem\" aria-selected=\"true\" aria-controls=\"panel-razem\">Razem<\/button>\n        <button class=\"przelacznik__opcja\" role=\"tab\" data-motyw=\"maja\" aria-selected=\"false\" aria-controls=\"panel-maja\">Maja<\/button>\n        <button class=\"przelacznik__opcja\" role=\"tab\" data-motyw=\"karolina\" aria-selected=\"false\" aria-controls=\"panel-karolina\">Karolina<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel aktywny\" id=\"panel-razem\" role=\"tabpanel\" data-panel=\"razem\">\n      <article class=\"kafel\">\n        <span class=\"kafel__plama\" aria-hidden=\"true\"><\/span>\n        <h3>Tworzenie bez blokad i kreatywny sparing<\/h3>\n        <p>\n          Pomys\u0142y, teksty, grafiki i koncepcje projektowe. AI to nasz najlepszy partner do burzy m\u00f3zg\u00f3w,\n          kt\u00f3ry pomaga startowa\u0107 szybciej i domyka\u0107 projekty bez martwienia si\u0119 o \u201epust\u0105 kartk\u0119\u201d.\n          Wszystko przy zachowaniu w 100% autentycznego, ludzkiego g\u0142osu Twojej marki.\n        <\/p>\n      <\/article>\n      <article class=\"kafel\">\n        <span class=\"kafel__plama\" aria-hidden=\"true\"><\/span>\n        <h3>Praca, czas i produktywno\u015b\u0107<\/h3>\n        <p>\n          Uk\u0142adanie proces\u00f3w, automatyzacja powtarzalnych zada\u0144 i odzyskiwanie godzin w tygodniu.\n          Dzia\u0142aj m\u0105drzej, nie ci\u0119\u017cej.\n        <\/p>\n      <\/article>\n    <\/div>\n\n    <div class=\"panel\" id=\"panel-maja\" role=\"tabpanel\" data-panel=\"maja\">\n      <article class=\"kafel\">\n        <span class=\"kafel__plama\" aria-hidden=\"true\"><\/span>\n        <h3>Wizualny powiew \u015bwie\u017co\u015bci: grafiki i strony z AI<\/h3>\n        <p>\n          Zna tajniki realistycznych wizualizacji i generowania obraz\u00f3w, kt\u00f3re zachwycaj\u0105,\n          ale nie wprowadzaj\u0105 odbiorc\u00f3w w b\u0142\u0105d.\n        <\/p>\n      <\/article>\n      <article class=\"kafel\">\n        <span class=\"kafel__plama\" aria-hidden=\"true\"><\/span>\n        <h3>Osobista stylistka w kieszeni<\/h3>\n        <p>\n          Wykorzystuje AI do analizy kolorystycznej i budowania kapsu\u0142owej garderoby\n          zgodnej z jej sylwetk\u0105 i stylem.\n        <\/p>\n      <\/article>\n    <\/div>\n\n    <div class=\"panel\" id=\"panel-karolina\" role=\"tabpanel\" data-panel=\"karolina\">\n      <article class=\"kafel\">\n        <span class=\"kafel__plama\" aria-hidden=\"true\"><\/span>\n        <h3>Audyty i poskramianie danych<\/h3>\n        <p>\n          \u017badne skomplikowane raporty ani chaotyczne bazy danych jej nie strasz\u0105.\n          Z pomoc\u0105 AI zamienia informacyjny chaos w czyste wnioski.\n        <\/p>\n      <\/article>\n      <article class=\"kafel\">\n        <span class=\"kafel__plama\" aria-hidden=\"true\"><\/span>\n        <h3>Osobisty asystent nawyk\u00f3w i zdrowia<\/h3>\n        <p>\n          Mieszanka AI i mi\u0142o\u015bci do Excela. Wykorzystuje modele do planowania warto\u015bciowych posi\u0142k\u00f3w,\n          analizy wynik\u00f3w bada\u0144 i trzymania r\u0119ki na pulsie w codziennych rutynach.\n        <\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SZKOLENIA -->\n<section class=\"szkolenia\" id=\"szkolenia\">\n  <div class=\"otulina szkolenia__wnetrze\">\n    <p class=\"brew odslon\">Dla firm i zespo\u0142\u00f3w<\/p>\n    <h2 class=\"naglowek-sekcji odslon\" style=\"--zwloka:.08s\">\n      Chcesz podkr\u0119ci\u0107 cyfrowe kompetencje swojego zespo\u0142u?\n    <\/h2>\n    <p class=\"odslon\" style=\"--zwloka:.14s\">\n      Napisz do nas! Przygotujemy dedykowane warsztaty, kt\u00f3re rozwi\u0105\u017c\u0105 realne wyzwania w Twojej firmie.\n    <\/p>\n    <a href=\"mailto:kontakt@babkiodai.pl\" class=\"przycisk odslon\" style=\"--zwloka:.2s\">kontakt@babkiodai.pl<\/a>\n  <\/div>\n<\/section>\n\n<!-- STOPKA -->\n<footer class=\"stopka\">\n  <div class=\"otulina\">\n    <p class=\"brew odslon\">Zosta\u0144my w kontakcie<\/p>\n    <div class=\"stopka__linki odslon\" style=\"--zwloka:.08s\">\n      <a href=\"#\" class=\"stopka__link\">Instagram<\/a>\n      <a href=\"#\" class=\"stopka__link\">Newsletter<\/a>\n      <a href=\"mailto:kontakt@babkiodai.pl\" class=\"stopka__link\">kontakt@babkiodai.pl<\/a>\n    <\/div>\n    <p class=\"stopka__motto odslon\" style=\"--zwloka:.14s\">\n      AI to tylko narz\u0119dzie. To Ty jeste\u015b tw\u00f3rczyni\u0105. \u2661\n    <\/p>\n    <div class=\"stopka__dol\">\n      <span>\u00a9 2026 Babki od AI<\/span>\n      <span>Polityka prywatno\u015bci<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n(function(){\n  var html = document.documentElement;\n  var przelaczniki = document.querySelectorAll('.przelacznik');\n  var panele = document.querySelectorAll('.panel');\n\n  function ustawSuwaki(){\n    przelaczniki.forEach(function(grupa){\n      var aktywny = grupa.querySelector('.przelacznik__opcja[aria-selected=\"true\"]');\n      var suwak = grupa.querySelector('.przelacznik__suwak');\n      if(!aktywny || !suwak) return;\n      suwak.style.width = aktywny.offsetWidth + 'px';\n      suwak.style.transform = 'translateX(' + (aktywny.offsetLeft - 4) + 'px)';\n    });\n  }\n\n  function ustawMotyw(kto){\n    html.setAttribute('data-babka', kto);\n\n    przelaczniki.forEach(function(grupa){\n      grupa.querySelectorAll('.przelacznik__opcja').forEach(function(b){\n        b.setAttribute('aria-selected', String(b.dataset.motyw === kto));\n      });\n    });\n\n    panele.forEach(function(p){\n      p.classList.toggle('aktywny', p.dataset.panel === kto);\n    });\n\n    ustawSuwaki();\n  }\n\n  przelaczniki.forEach(function(grupa){\n    grupa.addEventListener('click', function(e){\n      var btn = e.target.closest('.przelacznik__opcja');\n      if(btn) ustawMotyw(btn.dataset.motyw);\n    });\n  });\n\n  window.addEventListener('resize', ustawSuwaki);\n  if(document.fonts && document.fonts.ready){ document.fonts.ready.then(ustawSuwaki); }\n  ustawSuwaki();\n\n  \/* Scroll reveal *\/\n  var obserwator = new IntersectionObserver(function(wpisy){\n    wpisy.forEach(function(w){\n      if(w.isIntersecting){\n        w.target.classList.add('widoczny');\n        obserwator.unobserve(w.target);\n      }\n    });\n  }, { threshold:.14, rootMargin:'0px 0px -60px 0px' });\n  document.querySelectorAll('.odslon').forEach(function(el){ obserwator.observe(el); });\n\n  \/* Blob za kursorem *\/\n  var blob = document.getElementById('blob');\n  var lubiRuch = !window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var duzyEkran = window.matchMedia('(min-width: 961px)').matches;\n\n  if(blob && lubiRuch && duzyEkran){\n    var celX = window.innerWidth \/ 2, celY = window.innerHeight \/ 2;\n    var x = celX, y = celY;\n    document.addEventListener('mousemove', function(e){ celX = e.clientX; celY = e.clientY; });\n    (function petla(){\n      x += (celX - x) * 0.07;\n      y += (celY - y) * 0.07;\n      blob.style.left = x + 'px';\n      blob.style.top = y + 'px';\n      requestAnimationFrame(petla);\n    })();\n  } else if(blob){\n    blob.style.display = 'none';\n  }\n})();\n<\/script>\n<\/body>\n<\/html>\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>Babki od AI \u2014 AI w praktyce Babki od AI \u2733 AI w praktyce \u2733 Twoje narz\u0119dzia, twoje zasady, twoje efekty \u2733 Babki od AI \u2733 AI w praktyce \u2733 Twoje narz\u0119dzia, twoje zasady, twoje efekty \u2733 Babki od AI \u2733 AI w praktyce \u2733 Twoje narz\u0119dzia, twoje zasady, twoje efekty \u2733 Babki od AI [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/babkiodai.pl\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/babkiodai.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/babkiodai.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/babkiodai.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/babkiodai.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":11,"href":"https:\/\/babkiodai.pl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/babkiodai.pl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/babkiodai.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}