{"id":7,"date":"2026-03-11T20:25:09","date_gmt":"2026-03-11T20:25:09","guid":{"rendered":"https:\/\/www.markawruchu.pl\/?page_id=7"},"modified":"2026-04-08T18:55:26","modified_gmt":"2026-04-08T18:55:26","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/www.markawruchu.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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4ef4fbb elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4ef4fbb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-057f5b3\" data-id=\"057f5b3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-9715b4b\" data-id=\"9715b4b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-f40278d\" data-id=\"f40278d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-c62e173\" data-id=\"c62e173\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-642db58 elementor-widget elementor-widget-html\" data-id=\"642db58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"display:flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;color:#888;letter-spacing:0.05em;\">\n  <span style=\"width:7px;height:7px;border-radius:50%;background:#4ade80;display:inline-block;animation:pulse 2s infinite;\"><\/span>\n  Przyjmujemy nowych klient\u00f3w\n<\/div>\n\n<style>\n@keyframes pulse {\n  0%,100%{opacity:1;transform:scale(1)}\n  50%{opacity:0.5;transform:scale(0.8)}\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a7a8cb elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7a7a8cb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-27582f9\" data-id=\"27582f9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-32a6c83 elementor-widget elementor-widget-html\" data-id=\"32a6c83\" 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\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Hero<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --black: #0e0e0e;\n    --card: #1c1c1c;\n    --card2: #222222;\n    --orange: #F57531;\n    --orange-light: #ff8c4a;\n    --white: #f0ede8;\n    --muted: #888;\n    --border: #2a2a2a;\n  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  body {\n    background: var(--black);\n    color: var(--white);\n    font-family: 'DM Sans', sans-serif;\n    min-height: 100vh;\n  }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    min-height: 100vh;\n    max-width: 860px;\n    margin: 0 auto;\n    padding: 0 32px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n  }\n\n  \/* linia dekoracyjna lewa *\/\n  .hero::before {\n    content: '';\n    position: absolute;\n    left: 32px;\n    top: 15%;\n    bottom: 15%;\n    width: 1px;\n    background: linear-gradient(to bottom, transparent, var(--border) 20%, var(--border) 80%, transparent);\n  }\n\n  .hero-inner {\n    padding-left: 32px;\n  }\n\n  .hero-label {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: var(--orange);\n    margin-bottom: 28px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .hero-label::before {\n    content: '';\n    display: block;\n    width: 24px;\n    height: 1px;\n    background: var(--orange);\n    flex-shrink: 0;\n  }\n\n  .hero-heading {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(52px, 10vw, 110px);\n    line-height: 0.95;\n    letter-spacing: 0.02em;\n    color: var(--white);\n    margin-bottom: 48px;\n  }\n\n  .hero-heading .line-muted {\n    color: #2e2e2e;\n    display: block;\n  }\n\n  .hero-heading .line-accent {\n    color: var(--orange);\n    display: block;\n  }\n\n  .hero-heading .line-normal {\n    display: block;\n  }\n\n  \/* pionowa kreska + tekst obok *\/\n  .hero-bottom {\n    display: flex;\n    align-items: flex-start;\n    gap: 24px;\n    max-width: 500px;\n  }\n\n  .hero-bottom-bar {\n    width: 2px;\n    height: 56px;\n    background: var(--orange);\n    flex-shrink: 0;\n    margin-top: 4px;\n  }\n\n  .hero-bottom-text {\n    font-size: 15px;\n    font-weight: 300;\n    color: var(--muted);\n    line-height: 1.75;\n    font-style: italic;\n  }\n\n  .hero-bottom-text strong {\n    color: var(--white);\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  \/* dolny pasek z rokiem i scrollem *\/\n  .hero-footer {\n    position: absolute;\n    bottom: 40px;\n    left: 32px;\n    right: 32px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .hero-footer-year {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    color: #333;\n    text-transform: uppercase;\n  }\n\n  .hero-footer-scroll {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    color: #333;\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .hero-footer-scroll::after {\n    content: '';\n    display: block;\n    width: 1px;\n    height: 32px;\n    background: linear-gradient(to bottom, #333, transparent);\n  }\n\n  @media (max-width: 640px) {\n    .hero { padding: 0 20px; }\n    .hero::before { left: 20px; }\n    .hero-inner { padding-left: 20px; }\n    .hero-footer { left: 20px; right: 20px; }\n    .hero-heading { font-size: clamp(48px, 14vw, 80px); }\n  }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hero\">\n\n  <div class=\"hero-inner\">\n\n    <div class=\"hero-label\">Social media<\/div>\n\n    <h1 class=\"hero-heading\">\n      <span class=\"line-muted\">Twoja marka<\/span>\n      <span class=\"line-normal\">w socialach<\/span>\n      <span class=\"line-accent\">jest.<\/span>\n      <span class=\"line-muted\">Ale nikt jej<\/span>\n      <span class=\"line-normal\">nie widzi.<\/span>\n    <\/h1>\n\n    <div class=\"hero-bottom\">\n      <div class=\"hero-bottom-bar\"><\/div>\n      <p class=\"hero-bottom-text\">\n        Je\u015bli rozumiesz, \u017ce social media to nie jeden projekt,<br>\n        tylko <strong>d\u0142uga praca<\/strong> to jeste\u015b w dobrym miejscu.\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"hero-footer\">\n    <span class=\"hero-footer-year\"><\/span>\n    <span class=\"hero-footer-scroll\"><\/span>\n  <\/div>\n\n<\/section>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a84107c elementor-align-left elementor-widget elementor-widget-button\" data-id=\"a84107c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-sink\" href=\"#marek\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Przejd\u017c do ankiety<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b476189 elementor-widget elementor-widget-spacer\" data-id=\"b476189\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f23ee1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4f23ee1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-79095d9\" data-id=\"79095d9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7c83e45 elementor-widget elementor-widget-html\" data-id=\"7c83e45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"border-top:1px solid #2a2a2a;overflow:hidden;background:#161616;padding:14px 0;\">\n  <div style=\"display:flex;animation:marquee 28s linear infinite;width:max-content;white-space:nowrap;\">\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Rolki i Reelsy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Grafiki i karuzele<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Captiony i copy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Strategia contentu<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Planowanie i publikacja<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Instagram \u00b7 TikTok \u00b7 Facebook<\/span>\n    <!-- DUPLIKAT dla p\u0119tli -->\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Rolki i Reelsy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Grafiki i karuzele<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Captiony i copy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Strategia contentu<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Planowanie i publikacja<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Instagram \u00b7 TikTok \u00b7 Facebook<\/span>\n  <\/div>\n<\/div>\n\n<style>\n@keyframes marquee {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c0f3647 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c0f3647\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10e0e11\" data-id=\"10e0e11\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e1c2200 elementor-widget elementor-widget-html\" data-id=\"e1c2200\" 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\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Sekcja 2+3<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --black: #0e0e0e;\n    --card: #1c1c1c;\n    --card2: #222222;\n    --orange: #F57531;\n    --white: #f0ede8;\n    --muted: #888;\n    --border: #2a2a2a;\n  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  body {\n    background: var(--black);\n    color: var(--white);\n    font-family: 'DM Sans', sans-serif;\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  .sekcja {\n    max-width: 860px;\n    margin: 0 auto;\n    padding: 80px 32px;\n  }\n\n  .label {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--orange);\n    margin-bottom: 12px;\n    display: block;\n  }\n\n  .heading {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(38px, 6vw, 62px);\n    letter-spacing: 0.02em;\n    line-height: 1;\n    color: var(--white);\n    margin-bottom: 48px;\n  }\n\n  .heading .accent { color: var(--orange); }\n\n  .week-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 2px;\n    margin-bottom: 2px;\n  }\n\n  .week-item {\n    background: var(--card);\n    border: 1px solid var(--border);\n    padding: 20px 18px 22px;\n    transition: border-color 0.2s, background 0.2s;\n  }\n\n  .week-item:hover { border-color: #3a3a3a; background: var(--card2); }\n\n  .week-day {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: #444;\n    margin-bottom: 14px;\n  }\n\n  .week-icon { font-size: 22px; margin-bottom: 10px; display: block; line-height: 1; }\n\n  .week-text { font-size: 12px; font-weight: 300; color: var(--muted); line-height: 1.5; }\n\n  .week-text strong {\n    color: var(--white);\n    font-weight: 500;\n    display: block;\n    margin-bottom: 3px;\n    font-size: 13px;\n  }\n\n  .connector {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 28px 0;\n    position: relative;\n  }\n\n  .connector::before {\n    content: '';\n    position: absolute;\n    left: 0; right: 0; top: 50%;\n    height: 1px;\n    background: var(--border);\n  }\n\n  .connector-badge {\n    background: var(--black);\n    border: 1px solid var(--border);\n    padding: 10px 24px;\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .connector-arrow { color: var(--orange); font-size: 18px; line-height: 1; }\n\n  .connector-text {\n    font-size: 16px;\n    font-weight: 300;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: #555;\n  }\n\n  .problem-main {\n    background: var(--card);\n    border: 1px solid var(--border);\n    border-left: 3px solid var(--orange);\n    padding: 32px 36px;\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    margin-bottom: 2px;\n  }\n\n  .problem-main-left { flex: 1; }\n\n  .problem-main-heading {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 40px;\n    line-height: 0.95;\n    letter-spacing: 0.02em;\n    color: var(--white);\n    margin-bottom: 14px;\n  }\n\n  .problem-main-heading span { color: var(--orange); }\n\n  .problem-main-text {\n    font-size: 14px;\n    font-weight: 300;\n    color: var(--muted);\n    line-height: 1.7;\n  }\n\n  .problem-main-text strong { color: var(--white); font-weight: 500; }\n\n  .problem-stat {\n    background: var(--black);\n    border: 1px solid var(--border);\n    padding: 24px 28px;\n    text-align: center;\n    flex-shrink: 0;\n    min-width: 160px;\n  }\n\n  .problem-stat-num {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 56px;\n    color: var(--orange);\n    line-height: 1;\n    margin-bottom: 6px;\n  }\n\n  .problem-stat-desc {\n    font-size: 11px;\n    font-weight: 300;\n    color: var(--muted);\n    line-height: 1.4;\n  }\n\n  .problem-subs {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 2px;\n    margin-bottom: 2px;\n  }\n\n  .problem-sub {\n    background: var(--card);\n    border: 1px solid var(--border);\n    padding: 22px 20px;\n    transition: border-color 0.15s;\n  }\n\n  .problem-sub:hover { border-color: #3a3a3a; }\n\n  .problem-sub-icon {\n    width: 34px;\n    height: 34px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--black);\n    border: 1px solid var(--border);\n    font-size: 15px;\n    margin-bottom: 14px;\n  }\n\n  .problem-sub-title {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--white);\n    margin-bottom: 5px;\n    line-height: 1.3;\n  }\n\n  .problem-sub-desc {\n    font-size: 12px;\n    font-weight: 300;\n    color: var(--muted);\n    line-height: 1.5;\n  }\n\n  .callout {\n    border-left: 3px solid var(--orange);\n    padding: 22px 28px;\n    background: var(--card);\n    font-style: italic;\n    color: #c8c2bb;\n    font-size: 15px;\n    line-height: 1.7;\n    font-weight: 300;\n  }\n\n  @media (max-width: 700px) {\n    .sekcja { padding: 56px 20px; }\n    .week-grid { grid-template-columns: 1fr 1fr; }\n    .problem-main { flex-direction: column; gap: 24px; }\n    .problem-stat { width: 100%; }\n    .problem-subs { grid-template-columns: 1fr 1fr; }\n  }\n\n  @media (max-width: 460px) {\n    .problem-subs { grid-template-columns: 1fr; }\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"sekcja\">\n\n  <span class=\"label\">Sytuacja i problem<\/span>\n  <h2 class=\"heading\">Sytuacja<br><span class=\"accent\">w kt\u00f3rej utkn\u0105\u0142e\u015b.<\/span><\/h2>\n\n  <div class=\"week-grid\">\n\n    <div class=\"week-item\">\n      <div class=\"week-day\">\u3164<\/div>\n      <span class=\"week-icon\">\ud83d\udccb<\/span>\n      <div class=\"week-text\">\n        <strong>Chaos zamiast systemu<\/strong>\n        Brak planu, brak regularno\u015bci, brak sp\u00f3jno\u015bci. Content powstaje na ostatni\u0105 chwil\u0119. \n      <\/div>\n    <\/div>\n\n    <div class=\"week-item\">\n      <div class=\"week-day\">\u3164<\/div>\n      <span class=\"week-icon\">\ud83d\udd25<\/span>\n      <div class=\"week-text\">\n        <strong>Tre\u015bci, kt\u00f3re nikogo nie obchodz\u0105<\/strong>\n        Posty brzmi\u0105 jak u konkurencji, nie wyr\u00f3\u017cniasz si\u0119, nie budujesz autorytetu.\n      <\/div>\n    <\/div>\n\n    <div class=\"week-item\">\n      <div class=\"week-day\">\u3164<\/div>\n      <span class=\"week-icon\">\ud83d\udc41\ufe0f<\/span>\n      <div class=\"week-text\">\n        <strong>Patrzysz na konkurencj\u0119<\/strong>\n        Ich profil ro\u015bnie. Nie wiesz dlaczego.\n      <\/div>\n    <\/div>\n\n    <div class=\"week-item\">\n      <div class=\"week-day\">\u3164<\/div>\n      <span class=\"week-icon\">\ud83d\ude36<\/span>\n      <div class=\"week-text\">\n        <strong>Byle nie by\u0107 martwym<\/strong>\n        Wrzucasz cokolwiek. Byleby co\u015b by\u0142o.\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"connector\">\n    <div class=\"connector-badge\">\n      <span class=\"connector-arrow\">\u2193<\/span>\n      <span class=\"connector-text\">Efekt po miesi\u0105cu<\/span>\n      <span class=\"connector-arrow\">\u2193<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"problem-main\">\n    <div class=\"problem-main-left\">\n      <div class=\"problem-main-heading\">Nieaktywny profil nie jest <span>neutralny.<\/span> On Ci szkodzi.<\/div>\n      <p class=\"problem-main-text\">\n        Klient kt\u00f3ry znajdzie Ci\u0119 w internecie <strong>a znajdzie, bo sprawdza ka\u017cdego<\/strong> przed kontaktem wejdzie na Tw\u00f3j profil. Co zobaczy? Ostatni post sprzed dw\u00f3ch miesi\u0119cy. Trzy r\u00f3\u017cne style grafik. To jest sygna\u0142: <strong>ta firma nie traktuje swojej obecno\u015bci powa\u017cnie.<\/strong>\n      <\/p>\n    <\/div>\n    <div class=\"problem-stat\">\n      <div class=\"problem-stat-num\">-73%<\/div>\n      <div class=\"problem-stat-desc\">spadek zasi\u0119gu przy nieregularnych publikacjach<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"problem-subs\">\n\n    <div class=\"problem-sub\">\n      <div class=\"problem-sub-icon\">\ud83d\udcc9<\/div>\n      <div class=\"problem-sub-title\">Algorytm Ci\u0119 nie widzi<\/div>\n      <div class=\"problem-sub-desc\">Regularne konta dostaj\u0105 zasi\u0119gi. Nieregularne znikaj\u0105 z feedu.<\/div>\n    <\/div>\n\n    <div class=\"problem-sub\">\n      <div class=\"problem-sub-icon\">\ud83c\udfc3<\/div>\n      <div class=\"problem-sub-title\">Konkurencja nie stoi w miejscu<\/div>\n      <div class=\"problem-sub-desc\">Ka\u017cdy tydzie\u0144 bez dzia\u0142ania to tydzie\u0144 w kt\u00f3rym kto\u015b inny buduje przewag\u0119.<\/div>\n    <\/div>\n\n    <div class=\"problem-sub\">\n      <div class=\"problem-sub-icon\">\ud83d\udd50<\/div>\n      <div class=\"problem-sub-title\">Tw\u00f3j czas ma cen\u0119<\/div>\n      <div class=\"problem-sub-desc\">40 godzin miesi\u0119cznie na Grafik\u0119, monta\u017c, analizy to czas zabrany Twojemu biznesowi.<\/div>\n    <\/div>\n\n    <div class=\"problem-sub\">\n      <div class=\"problem-sub-icon\">\ud83e\udd1d<\/div>\n      <div class=\"problem-sub-title\">Mo\u017cesz to robi\u0107 dalej sam.<\/div>\n      <div class=\"problem-sub-desc\" style=\"color:#0;\">Mo\u017cesz te\u017c zaj\u0105\u0107 si\u0119 tym w czym naprawd\u0119 jeste\u015b dobry i odda\u0107 social media komu\u015b kto robi to zawodowo.<\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-19f8c9f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"19f8c9f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0e4f831\" data-id=\"0e4f831\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fc6cbfa elementor-widget elementor-widget-spacer\" data-id=\"fc6cbfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63693fd elementor-widget elementor-widget-html\" data-id=\"63693fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"overflow:hidden;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;padding:10px 0;background:#1c1c1c;\">\n  <div style=\"display:flex;animation:marquee 20s linear infinite;width:max-content;white-space:nowrap;\">\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Social Media<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Content Creation<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Video Production<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Strategy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Instagram<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>TikTok<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Reels<\/span>\n    <!-- duplikat -->\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Social Media<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Content Creation<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Video Production<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Strategy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Instagram<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>TikTok<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:12px;padding:0 24px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#444;\"><span style=\"color:#f26419;\">\u00b7<\/span>Reels<\/span>\n  <\/div>\n<\/div>\n<style>@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-235680f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"235680f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c989b1c\" data-id=\"c989b1c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aa96e8e elementor-widget elementor-widget-html\" data-id=\"aa96e8e\" 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\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Czas pracy<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --black: #0e0e0e;\n    --card: #1c1c1c;\n    --card2: #222222;\n    --orange: #F57531;\n    --orange-light: #ff8c4a;\n    --white: #f0ede8;\n    --muted: #888;\n    --border: #2a2a2a;\n  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  body {\n    background: var(--black);\n    color: var(--white);\n    font-family: 'DM Sans', sans-serif;\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  .section {\n    max-width: 860px;\n    margin: 0 auto;\n    padding: 64px 32px;\n  }\n\n  .label {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--orange);\n    margin-bottom: 12px;\n    display: block;\n  }\n\n  .heading {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(38px, 6vw, 62px);\n    letter-spacing: 0.02em;\n    line-height: 1;\n    color: var(--white);\n    margin-bottom: 16px;\n  }\n\n  .heading .accent { color: var(--orange); }\n\n  .intro {\n    font-size: 15px;\n    font-weight: 300;\n    color: var(--muted);\n    max-width: 560px;\n    margin-bottom: 48px;\n    line-height: 1.7;\n  }\n\n  \/* \u2500\u2500 LISTA CZYNNO\u015aCI \u2500\u2500 *\/\n  .work-list {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    margin-bottom: 2px;\n  }\n\n  .work-row {\n    background: var(--card);\n    border: 1px solid var(--border);\n    padding: 20px 24px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n    transition: border-color 0.18s, background 0.18s;\n  }\n\n  .work-row:hover {\n    border-color: #3a3a3a;\n    background: var(--card2);\n  }\n\n  .work-row-left {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n  }\n\n  .work-num {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 12px;\n    color: var(--orange);\n    letter-spacing: 0.12em;\n    flex-shrink: 0;\n    width: 20px;\n  }\n\n  .work-name {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--white);\n    line-height: 1.3;\n  }\n\n  .work-time {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--orange);\n    flex-shrink: 0;\n    letter-spacing: 0.04em;\n    white-space: nowrap;\n  }\n\n  .work-time span {\n    font-size: 10px;\n    font-weight: 400;\n    color: var(--muted);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-left: 4px;\n  }\n\n  \/* \u2500\u2500 WIERSZ TOTAL \u2500\u2500 *\/\n  .work-row.total {\n    border-color: var(--border);\n    border-top: 1px solid #333;\n    background: var(--card2);\n    margin-top: 2px;\n  }\n\n  .work-row.total .work-name {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--muted);\n  }\n\n  .work-row.total .work-time {\n    font-size: 17px;\n    color: var(--white);\n  }\n\n  \/* \u2500\u2500 BLOK PODSUMOWANIA \u2500\u2500 *\/\n  .summary-block {\n    background: var(--card);\n    border: 1px solid var(--border);\n    border-top: 3px solid var(--orange);\n    padding: 28px 32px;\n    margin-top: 2px;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .summary-block-row {\n    display: flex;\n    align-items: baseline;\n    gap: 12px;\n  }\n\n  .summary-block-label {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--muted);\n    flex-shrink: 0;\n    width: 200px;\n  }\n\n  .summary-block-value {\n    font-size: 13px;\n    font-weight: 300;\n    color: var(--white);\n    line-height: 1.5;\n  }\n\n  .summary-block-value strong {\n    font-weight: 700;\n    color: var(--orange);\n  }\n\n  .summary-divider {\n    height: 1px;\n    background: var(--border);\n  }\n\n  .summary-note {\n    font-size: 13px;\n    font-weight: 300;\n    color: var(--muted);\n    line-height: 1.7;\n    font-style: italic;\n  }\n\n  .summary-note strong {\n    color: var(--white);\n    font-style: normal;\n    font-weight: 500;\n  }\n\n  @media (max-width: 640px) {\n    .section { padding: 48px 20px; }\n    .work-row { flex-direction: column; align-items: flex-start; gap: 8px; }\n    .summary-block-row { flex-direction: column; gap: 4px; }\n    .summary-block-label { width: auto; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"section\">\n\n  <span class=\"label\">Transparentno\u015b\u0107<\/span>\n  <h2 class=\"heading\">Ile czasu zajmuje<br>prowadzenie <span class=\"accent\">social medi\u00f3w.<\/span><\/h2>\n  <p class=\"intro\">Wi\u0119kszo\u015b\u0107 ludzi nie zdaje sobie sprawy ile pracy kryje si\u0119 za dobrze prowadzonym profilem. Poni\u017cej pokazujemy realne czasy.<\/p>\n\n  <div class=\"work-list\">\n\n    <div class=\"work-row\">\n      <div class=\"work-row-left\">\n        <span class=\"work-num\">01<\/span>\n        <span class=\"work-name\">Strategia i planowanie tre\u015bci na miesi\u0105c<\/span>\n      <\/div>\n      <div class=\"work-time\">5\u20137<span>godz.<\/span><\/div>\n    <\/div>\n\n    <div class=\"work-row\">\n      <div class=\"work-row-left\">\n        <span class=\"work-num\">02<\/span>\n        <span class=\"work-name\">Tworzenie grafik i karuzel<\/span>\n      <\/div>\n      <div class=\"work-time\">8\u201313<span>godz.<\/span><\/div>\n    <\/div>\n\n    <div class=\"work-row\">\n      <div class=\"work-row-left\">\n        <span class=\"work-num\">03<\/span>\n        <span class=\"work-name\">Nagranie i monta\u017c rolek \/ Reels\u00f3w (4\u20138 szt.)<\/span>\n      <\/div>\n      <div class=\"work-time\">8\u201318<span>godz.<\/span><\/div>\n    <\/div>\n\n    <div class=\"work-row\">\n      <div class=\"work-row-left\">\n        <span class=\"work-num\">04<\/span>\n        <span class=\"work-name\">Planowanie i publikacja w odpowiednich godzinach<\/span>\n      <\/div>\n      <div class=\"work-time\">3\u20134<span>godz.<\/span><\/div>\n    <\/div>\n\n    <div class=\"work-row\">\n      <div class=\"work-row-left\">\n        <span class=\"work-num\">05<\/span>\n        <span class=\"work-name\">Poprawki, feedback, bie\u017c\u0105ca komunikacja<\/span>\n      <\/div>\n      <div class=\"work-time\">2\u20134<span>godz.<\/span><\/div>\n    <\/div>\n\n    <div class=\"work-row total\">\n      <div class=\"work-row-left\">\n        <span class=\"work-num\">\u2014<\/span>\n        <span class=\"work-name\">\u0141\u0105cznie miesi\u0119cznie<\/span>\n      <\/div>\n      <div class=\"work-time\">26\u201346<span>godz.<\/span><\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"summary-block\">\n\n    <div class=\"summary-block-row\">\n      <span class=\"summary-block-label\">Stawka rynkowa eksperta<\/span>\n      <span class=\"summary-block-value\">Specjalista od social medi\u00f3w wycenia swoj\u0105 godzin\u0119 pracy na <strong>60\u2013120 z\u0142<\/strong>. Przy 30 godzinach miesi\u0119cznie to <strong>1 800\u20133 600 z\u0142<\/strong> tylko za roboczogodziny.<\/span>\n    <\/div>\n\n    <div class=\"summary-divider\"><\/div>\n\n    <p class=\"summary-note\">\n      Nasze pakiety startuj\u0105 ju\u017c <strong>poni\u017cej 1 000 z\u0142 miesi\u0119cznie.<\/strong><br>\n      Zakres i cen\u0119 zawsze dopasowujemy indywidualnie \u2014 bo ka\u017cda marka jest inna.\n    <\/p>\n\n  <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-081f0b6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"081f0b6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d75050\" data-id=\"1d75050\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-86fa1ea elementor-widget elementor-widget-html\" data-id=\"86fa1ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"border-top:1px solid #2a2a2a;overflow:hidden;background:#161616;padding:14px 0;\">\n  <div style=\"display:flex;animation:marquee 28s linear infinite;width:max-content;white-space:nowrap;\">\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Rolki i Reelsy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Grafiki i karuzele<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Captiony i copy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Strategia contentu<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Planowanie i publikacja<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Instagram \u00b7 TikTok \u00b7 Facebook<\/span>\n    <!-- DUPLIKAT dla p\u0119tli -->\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Rolki i Reelsy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Grafiki i karuzele<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Captiony i copy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Strategia contentu<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Planowanie i publikacja<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Instagram \u00b7 TikTok \u00b7 Facebook<\/span>\n  <\/div>\n<\/div>\n\n<style>\n@keyframes marquee {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-14acfff elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"14acfff\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-41cea3a\" data-id=\"41cea3a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a2052b elementor-widget elementor-widget-heading\" data-id=\"7a2052b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dowody, nie obietnice<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f3b532 elementor-widget elementor-widget-heading\" data-id=\"8f3b532\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tak wygl\u0105da content,<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-918bb0c elementor-widget elementor-widget-heading\" data-id=\"918bb0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">kt\u00f3ry algorytm promuje<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-89d6228 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"89d6228\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b6daf37\" data-id=\"b6daf37\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fe6a8c elementor-widget elementor-widget-heading\" data-id=\"5fe6a8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wybrane rolki<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-682b0d0\" data-id=\"682b0d0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-480654f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"480654f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e0a2426 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e0a2426\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-04f2cdf\" data-id=\"04f2cdf\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f6ba5f elementor-widget elementor-widget-video\" data-id=\"4f6ba5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.markawruchu.pl\/wp-content\/uploads\/2026\/03\/biodra-tip.mov\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-56df95f\" data-id=\"56df95f\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-fac9d54\" data-id=\"fac9d54\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-daee7a6 elementor-widget elementor-widget-video\" data-id=\"daee7a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=XHOmBV4js_E&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c539d0 elementor-widget elementor-widget-spacer\" data-id=\"2c539d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-20766d3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"20766d3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8b90234\" data-id=\"8b90234\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8874b9b elementor-widget elementor-widget-html\" data-id=\"8874b9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"border-top:1px solid #2a2a2a;overflow:hidden;background:#161616;padding:14px 0;\">\n  <div style=\"display:flex;animation:marquee 28s linear infinite;width:max-content;white-space:nowrap;\">\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Rolki i Reelsy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Grafiki i karuzele<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Captiony i copy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Strategia contentu<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Planowanie i publikacja<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Instagram \u00b7 TikTok \u00b7 Facebook<\/span>\n    <!-- DUPLIKAT dla p\u0119tli -->\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Rolki i Reelsy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Grafiki i karuzele<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Captiony i copy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Strategia contentu<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Planowanie i publikacja<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Instagram \u00b7 TikTok \u00b7 Facebook<\/span>\n  <\/div>\n<\/div>\n\n<style>\n@keyframes marquee {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-acddcba elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"acddcba\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8fa8a20\" data-id=\"8fa8a20\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-81bdce7 elementor-widget elementor-widget-html\" data-id=\"81bdce7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Sekcja 6 \u2014 Filtr<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n--black: #0e0e0e;\r\n--card: #1c1c1c;\r\n--card2: #222222;\r\n--orange: #f26419;\r\n--white: #f0ede8;\r\n--muted: #888;\r\n--border: #2a2a2a;\r\n--red: #c0392b;\r\n--red-dim: rgba(192,57,43,0.08);\r\n--green-dim: rgba(74,222,128,0.06);\r\n--green: #4ade80;\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\nbackground: var(--black);\r\ncolor: var(--white);\r\nfont-family: 'DM Sans', sans-serif;\r\nline-height: 1.6;\r\n}\r\n\r\n.sekcja {\r\nmax-width: 860px;\r\nmargin: 0 auto;\r\npadding: 64px 32px;\r\n}\r\n\r\n.label {\r\nfont-size: 16px;\r\nfont-weight: 700;\r\nletter-spacing: 0.2em;\r\ntext-transform: uppercase;\r\ncolor: var(--orange);\r\nmargin-bottom: 12px;\r\ndisplay: block;\r\n}\r\n\r\n.intro {\r\nfont-size: 14px;\r\nfont-weight: 300;\r\ncolor: var(--muted);\r\nmargin-bottom: 48px;\r\nline-height: 1.7;\r\n}\r\n\r\n.columns {\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 1fr;\r\ngap: 2px;\r\n}\r\n\r\n.col {\r\nbackground: var(--card);\r\nborder: 1px solid var(--border);\r\npadding: 36px 32px 40px;\r\n}\r\n\r\n.col.col-no { border-top: 3px solid var(--red); }\r\n.col.col-yes { border-top: 3px solid var(--green); }\r\n\r\n.col-heading {\r\nfont-family: 'Bebas Neue', sans-serif;\r\nfont-size: 52px;\r\nline-height: 0.95;\r\nletter-spacing: 0.02em;\r\nmargin-bottom: 28px;\r\n}\r\n\r\n.col-no .col-heading { color: var(--red); }\r\n.col-yes .col-heading { color: var(--green); }\r\n\r\n.col-list {\r\nlist-style: none;\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 2px;\r\n}\r\n\r\n.col-list li {\r\ndisplay: flex;\r\nalign-items: flex-start;\r\ngap: 14px;\r\npadding: 14px 16px;\r\nfont-size: 16px;\r\nfont-weight: 300;\r\nline-height: 1.5;\r\ntransition: background 0.15s;\r\n}\r\n\r\n.col-no .col-list li {\r\ncolor: #8a8580;\r\nbackground: var(--red-dim);\r\nborder-left: 2px solid rgba(192,57,43,0.2);\r\n}\r\n\r\n.col-no .col-list li:hover { background: rgba(192,57,43,0.13); }\r\n\r\n.col-yes .col-list li {\r\ncolor: #a0a89e;\r\nbackground: var(--green-dim);\r\nborder-left: 2px solid rgba(74,222,128,0.15);\r\n}\r\n\r\n.col-yes .col-list li:hover { background: rgba(74,222,128,0.1); }\r\n\r\n.col-list li::before {\r\nfont-size: 13px;\r\nfont-weight: 700;\r\nflex-shrink: 0;\r\nmargin-top: 1px;\r\nwidth: 16px;\r\ntext-align: center;\r\n}\r\n\r\n.col-no .col-list li::before { content: '\u2715'; color: var(--red); opacity: 0.7; }\r\n.col-yes .col-list li::before { content: '\u2713'; color: var(--green); opacity: 0.8; }\r\n\r\n.callout {\r\nborder-left: 3px solid var(--red);\r\npadding: 22px 28px;\r\nbackground: var(--card);\r\nmargin-top: 32px;\r\nfont-style: italic;\r\ncolor: #a09890;\r\nfont-size: 15px;\r\nline-height: 1.7;\r\nfont-weight: 300;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n.sekcja { padding: 48px 20px; }\r\n.columns { grid-template-columns: 1fr; }\r\n.col-heading { font-size: 42px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"sekcja\">\r\n\r\n<span class=\"label\">Zanim wy\u015blesz zg\u0142oszenie<\/span>\r\n<p class=\"intro\">Szanuj\u0119 Tw\u00f3j czas \u2014 wi\u0119c m\u00f3wi\u0119 wprost.<\/p>\r\n\r\n<div class=\"columns\">\r\n\r\n<div class=\"col col-no\">\r\n<div class=\"col-heading\">Dla kogo<br>to nie jest.<\/div>\r\n<ul class=\"col-list\">\r\n<li>Szukasz najta\u0144szej opcji na rynku.<\/li>\r\n<li>Uwa\u017casz \u017ce social media to kilka fotek miesi\u0119cznie.<\/li>\r\n<li>Oczekujesz setek klient\u00f3w po 2 tygodniach.<\/li>\r\n<li>Nie masz czasu na brief i podstawowy feedback.<\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<div class=\"col col-yes\">\r\n<div class=\"col-heading\">Dla kogo<br>to jest.<\/div>\r\n<ul class=\"col-list\">\r\n<li>Traktujesz social media jako inwestycj\u0119.<\/li>\r\n<li>Chcesz \u017ceby kto\u015b przej\u0105\u0142 temat raz na zawsze.<\/li>\r\n<li>Rozumiesz \u017ce budowanie marki to proces.<\/li>\r\n<li>Dajesz zaufanie i minimum swojego czasu.<\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"callout\">\r\nJe\u015bli kt\u00f3ry\u015b punkt z lewej to Ty \u2014 szczerze, oszcz\u0119d\u017a nam obojgu czas. \u017badna uraza, po prostu nie b\u0119dziemy do siebie pasowa\u0107.\r\n<\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a89bad1 elementor-widget elementor-widget-spacer\" data-id=\"a89bad1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-88136d0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"88136d0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1b25e03\" data-id=\"1b25e03\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c0051b1 elementor-widget elementor-widget-html\" data-id=\"c0051b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"border-top:1px solid #2a2a2a;overflow:hidden;background:#161616;padding:14px 0;\">\n  <div style=\"display:flex;animation:marquee 28s linear infinite;width:max-content;white-space:nowrap;\">\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Rolki i Reelsy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Grafiki i karuzele<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Captiony i copy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Strategia contentu<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Planowanie i publikacja<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Instagram \u00b7 TikTok \u00b7 Facebook<\/span>\n    <!-- DUPLIKAT dla p\u0119tli -->\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Rolki i Reelsy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Grafiki i karuzele<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Captiony i copy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Strategia contentu<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Planowanie i publikacja<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Instagram \u00b7 TikTok \u00b7 Facebook<\/span>\n  <\/div>\n<\/div>\n\n<style>\n@keyframes marquee {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7fdb452 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7fdb452\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d2c526\" data-id=\"6d2c526\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4586cfa elementor-widget elementor-widget-html\" data-id=\"4586cfa\" 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\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Dlaczego warto nas wybra\u0107<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --black: #0e0e0e;\n    --dark: #161616;\n    --card: #1c1c1c;\n    --card2: #222222;\n    --orange: #F57531;\n    --orange-light: #ff8c4a;\n    --white: #f0ede8;\n    --muted: #888;\n    --border: #2a2a2a;\n  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  body {\n    background: var(--black);\n    color: var(--white);\n    font-family: 'DM Sans', sans-serif;\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  .section {\n    max-width: 860px;\n    margin: 0 auto;\n    padding: 64px 32px;\n  }\n\n  .label {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--orange);\n    margin-bottom: 12px;\n    display: block;\n  }\n\n  .heading {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(38px, 6vw, 62px);\n    letter-spacing: 0.02em;\n    line-height: 1;\n    color: var(--white);\n    margin-bottom: 16px;\n  }\n\n  .heading .accent { color: var(--orange); }\n\n  .intro {\n    font-size: 15px;\n    font-weight: 300;\n    color: var(--muted);\n    max-width: 560px;\n    margin-bottom: 56px;\n    line-height: 1.7;\n  }\n\n  .cards-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2px;\n  }\n\n  .card {\n    background: var(--card);\n    border: 1px solid var(--border);\n    padding: 28px 28px 26px;\n    position: relative;\n    transition: border-color 0.18s, background 0.18s;\n  }\n\n  .card:hover {\n    border-color: #3a3a3a;\n    background: var(--card2);\n  }\n\n  .card-num {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 11px;\n    color: var(--orange);\n    letter-spacing: 0.15em;\n    margin-bottom: 14px;\n    display: block;\n  }\n\n  .card-divider {\n    height: 1px;\n    background: var(--border);\n    margin-bottom: 14px;\n    transition: background 0.18s;\n  }\n\n  .card:hover .card-divider {\n    background: var(--orange);\n    opacity: 0.3;\n  }\n\n  .card-title {\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--white);\n    margin-bottom: 10px;\n    line-height: 1.3;\n    padding-right: 8px;\n  }\n\n  .card-desc {\n    font-size: 13px;\n    font-weight: 300;\n    color: var(--muted);\n    line-height: 1.65;\n  }\n\n  @media (max-width: 640px) {\n    .section { padding: 48px 20px; }\n    .cards-grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"section\">\n\n  <span class=\"label\">O nas<\/span>\n  <h2 class=\"heading\">Dlaczego warto<br>nas <span class=\"accent\">wybra\u0107.<\/span><\/h2>\n  <p class=\"intro\">Rozmawiamy konkretnie i szukamy rozwi\u0105za\u0144, kt\u00f3re naprawd\u0119 pasuj\u0105 do Twoich potrzeb. \u0141\u0105czymy elastyczne podej\u015bcie z praktycznym do\u015bwiadczeniem, dzi\u0119ki czemu mo\u017cemy dzia\u0142a\u0107 szerzej ni\u017c tylko w jednym zakresie.<\/p>\n\n  <div class=\"cards-grid\">\n\n    <div class=\"card\">\n      <span class=\"card-num\">01<\/span>\n      <div class=\"card-divider\"><\/div>\n      <div class=\"card-title\">Dogadujemy szczeg\u00f3\u0142y<\/div>\n      <div class=\"card-desc\">Jeste\u015bmy otwarci na rozmow\u0119, dopasowanie zakresu us\u0142ug i wsp\u00f3lne znalezienie najlepszego rozwi\u0105zania.<\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <span class=\"card-num\">02<\/span>\n      <div class=\"card-divider\"><\/div>\n      <div class=\"card-title\">Pomagamy z materia\u0142ami promocyjnymi<\/div>\n      <div class=\"card-desc\">Wsp\u00f3\u0142pracujemy z drukarni\u0105, wi\u0119c mo\u017cemy wesprze\u0107 Ci\u0119 tak\u017ce przy zamawianiu i przygotowaniu materia\u0142\u00f3w reklamowych.<\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <span class=\"card-num\">03<\/span>\n      <div class=\"card-divider\"><\/div>\n      <div class=\"card-title\">My\u015blimy szerzej<\/div>\n      <div class=\"card-desc\">Mamy do\u015bwiadczenie w budowaniu stron internetowych, dlatego mo\u017cemy pom\u00f3c r\u00f3wnie\u017c wtedy, gdy projekt wymaga obecno\u015bci online.<\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <span class=\"card-num\">04<\/span>\n      <div class=\"card-divider\"><\/div>\n      <div class=\"card-title\">Stawiamy na wygodn\u0105 wsp\u00f3\u0142prac\u0119<\/div>\n      <div class=\"card-desc\">Zale\u017cy nam na prostym kontakcie, sprawnym dzia\u0142aniu i efekcie, kt\u00f3ry jest sp\u00f3jny z Twoj\u0105 mark\u0105.<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80fd19e elementor-widget elementor-widget-spacer\" data-id=\"80fd19e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-31eda94 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"31eda94\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ebae82f\" data-id=\"ebae82f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0de8f12 elementor-widget elementor-widget-html\" data-id=\"0de8f12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"border-top:1px solid #2a2a2a;overflow:hidden;background:#161616;padding:14px 0;\">\n  <div style=\"display:flex;animation:marquee 28s linear infinite;width:max-content;white-space:nowrap;\">\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Rolki i Reelsy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Grafiki i karuzele<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Captiony i copy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Strategia contentu<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Planowanie i publikacja<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Instagram \u00b7 TikTok \u00b7 Facebook<\/span>\n    <!-- DUPLIKAT dla p\u0119tli -->\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Rolki i Reelsy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Grafiki i karuzele<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Captiony i copy<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Strategia contentu<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Planowanie i publikacja<\/span>\n    <span style=\"display:inline-flex;align-items:center;gap:16px;padding:0 32px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#888;\">\n      <span style=\"width:5px;height:5px;border-radius:50%;background:#f26419;display:inline-block;flex-shrink:0;\"><\/span>Instagram \u00b7 TikTok \u00b7 Facebook<\/span>\n  <\/div>\n<\/div>\n\n<style>\n@keyframes marquee {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b9685d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5b9685d\" data-element_type=\"section\" data-e-type=\"section\" id=\"marek\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d4ffebe\" data-id=\"d4ffebe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a1011c elementor-widget elementor-widget-html\" data-id=\"7a1011c\" 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\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Ankieta wsp\u00f3\u0142pracy<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --black: #0e0e0e;\n    --dark: #161616;\n    --card: #1c1c1c;\n    --card2: #222222;\n    --orange: #F57531;\n    --orange-light: #ff8c4a;\n    --white: #f0ede8;\n    --muted: #888;\n    --border: #2a2a2a;\n  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  body {\n    background: var(--black);\n    color: var(--white);\n    font-family: 'DM Sans', sans-serif;\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  .ankieta {\n    max-width: 860px;\n    margin: 0 auto;\n    padding: 64px 32px;\n  }\n\n  .label {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--orange);\n    margin-bottom: 12px;\n    display: block;\n  }\n\n  .heading {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(38px, 6vw, 62px);\n    letter-spacing: 0.02em;\n    line-height: 1;\n    color: var(--white);\n    margin-bottom: 16px;\n  }\n\n  .heading .accent { color: var(--orange); }\n\n  .intro {\n    font-size: 15px;\n    font-weight: 300;\n    color: var(--muted);\n    max-width: 560px;\n    margin-bottom: 56px;\n    line-height: 1.7;\n  }\n\n  .firm-block { margin-bottom: 48px; }\n\n  .input-tile {\n    background: var(--card);\n    border: 1px solid var(--border);\n    position: relative;\n    transition: border-color 0.18s, background 0.18s;\n  }\n\n  .input-tile:focus-within {\n    border-color: var(--orange);\n    background: var(--card2);\n  }\n\n  .input-tile-label {\n    display: block;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #555;\n    padding: 12px 16px 0;\n    transition: color 0.18s;\n  }\n\n  .input-tile:focus-within .input-tile-label { color: var(--orange); }\n\n  .text-input {\n    width: 100%;\n    background: transparent;\n    border: none;\n    color: var(--white);\n    padding: 6px 16px 12px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 14px;\n    font-weight: 300;\n    outline: none;\n    border-radius: 0;\n    -webkit-appearance: none;\n  }\n\n  .text-input::placeholder { color: #444; }\n\n  .firm-fields {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2px;\n  }\n\n  .firm-fields .span2 { grid-column: span 2; }\n\n  .question { margin-bottom: 40px; }\n\n  .question-header {\n    display: flex;\n    align-items: baseline;\n    gap: 12px;\n    margin-bottom: 14px;\n  }\n\n  .question-num {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 13px;\n    color: var(--orange);\n    letter-spacing: 0.1em;\n    flex-shrink: 0;\n  }\n\n  .question-title {\n    font-size: 15px;\n    font-weight: 700;\n    color: var(--white);\n    line-height: 1.3;\n  }\n\n  .question-hint {\n    font-size: 11px;\n    font-weight: 400;\n    color: #555;\n    margin-left: auto;\n    flex-shrink: 0;\n    letter-spacing: 0.05em;\n  }\n\n  .question-divider {\n    height: 1px;\n    background: var(--border);\n    margin-bottom: 14px;\n  }\n\n  .tiles-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2px;\n  }\n\n  .tiles-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }\n  .tiles-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }\n\n  .tile {\n    background: var(--card);\n    border: 1px solid var(--border);\n    padding: 18px 18px 16px;\n    cursor: pointer;\n    transition: border-color 0.18s, background 0.18s;\n    position: relative;\n    user-select: none;\n  }\n\n  .tile:hover { border-color: #3a3a3a; background: var(--card2); }\n  .tile.selected { border-color: var(--orange); background: var(--card2); }\n\n  .tile-check {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    width: 16px;\n    height: 16px;\n    border: 1.5px solid var(--border);\n    background: var(--black);\n    transition: all 0.18s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .tile.selected .tile-check { background: var(--orange); border-color: var(--orange); }\n\n  .tile-check::after {\n    content: '';\n    display: block;\n    width: 3px;\n    height: 7px;\n    border-right: 2px solid var(--black);\n    border-bottom: 2px solid var(--black);\n    transform: rotate(45deg) translate(-1px, -1px);\n    opacity: 0;\n    transition: opacity 0.15s;\n  }\n\n  .tile.selected .tile-check::after { opacity: 1; }\n\n  .tile.single .tile-check { border-radius: 50%; }\n  .tile.single .tile-check::after { width: 3px; height: 6px; }\n\n  .tile-name {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--white);\n    margin-bottom: 4px;\n    padding-right: 22px;\n    line-height: 1.3;\n  }\n\n  .tile-desc {\n    font-size: 11px;\n    font-weight: 300;\n    color: var(--muted);\n    line-height: 1.5;\n    padding-right: 8px;\n  }\n\n  .summary {\n    background: var(--card);\n    border: 1px solid var(--border);\n    border-top: 3px solid var(--orange);\n    padding: 32px 36px;\n    margin-top: 48px;\n  }\n\n  .summary-label {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--muted);\n    margin-bottom: 16px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .counter {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    background: var(--orange);\n    color: var(--black);\n    font-size: 11px;\n    font-weight: 700;\n    border-radius: 50%;\n    transition: transform 0.15s;\n  }\n\n  .counter.bump { transform: scale(1.5); }\n\n  .summary-answers {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 28px;\n  }\n\n  .summary-row {\n    display: flex;\n    gap: 12px;\n    font-size: 13px;\n    font-weight: 300;\n    align-items: baseline;\n  }\n\n  .summary-row-q {\n    color: var(--muted);\n    flex-shrink: 0;\n    width: 180px;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    padding-top: 2px;\n  }\n\n  .summary-row-a { color: var(--white); flex: 1; }\n\n  .summary-empty {\n    font-size: 13px;\n    color: #444;\n    font-style: italic;\n    font-weight: 300;\n  }\n\n  .summary-divider { height: 1px; background: var(--border); margin: 20px 0; }\n\n  .summary-note {\n    font-size: 13px;\n    font-weight: 300;\n    color: var(--muted);\n    font-style: italic;\n    margin-bottom: 20px;\n    line-height: 1.6;\n  }\n\n  .btn-submit {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    padding: 18px 32px;\n    background: var(--orange);\n    color: var(--black);\n    font-family: 'DM Sans', sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: none;\n    cursor: pointer;\n    transition: background 0.2s, transform 0.15s;\n  }\n\n  .btn-submit:hover { background: var(--orange-light); transform: translateY(-1px); }\n  .btn-submit:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\n\n  .success-msg {\n    display: none;\n    text-align: center;\n    padding: 32px;\n    background: var(--card);\n    border: 1px solid var(--orange);\n    margin-top: 16px;\n  }\n\n  .success-msg .success-icon { font-size: 32px; margin-bottom: 12px; display: block; }\n  .success-msg p { font-size: 15px; font-weight: 300; color: var(--muted); }\n  .success-msg strong { color: var(--white); font-weight: 500; }\n\n  @media (max-width: 640px) {\n    .ankieta { padding: 48px 20px; }\n    .firm-fields { grid-template-columns: 1fr; }\n    .firm-fields .span2 { grid-column: span 1; }\n    .tiles-grid { grid-template-columns: 1fr 1fr; }\n    .tiles-grid.cols-4 { grid-template-columns: 1fr 1fr; }\n    .summary { padding: 24px 20px; }\n    .summary-row { flex-direction: column; gap: 4px; }\n    .summary-row-q { width: auto; }\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"ankieta\">\n\n  <span class=\"label\">Ankieta wsp\u00f3\u0142pracy<\/span>\n  <h2 class=\"heading\">Powiedz mi<br>czego <span class=\"accent\">potrzebujesz.<\/span><\/h2>\n  <p class=\"intro\">Wype\u0142nij ankiet\u0119,  zajmie to 2\/3 minuty. Na tej podstawie przygotujemy si\u0119 do naszej rozmowy i zaproponujemy co\u015b konkretnego.<\/p>\n\n  <!-- SEKCJA 0 \u2014 O FIRMIE -->\n  <div class=\"firm-block\">\n    <div class=\"question-header\">\n      <span class=\"question-num\">00<\/span>\n      <span class=\"question-title\">Informacje o firmie<\/span>\n      <span class=\"question-hint\">podstawowe dane<\/span>\n    <\/div>\n    <div class=\"question-divider\"><\/div>\n    <div class=\"firm-fields\">\n      <div class=\"input-tile\">\n        <label class=\"input-tile-label\" for=\"f-nazwa\">Nazwa firmy<\/label>\n        <input type=\"text\" class=\"text-input\" id=\"f-nazwa\" placeholder=\"Np. Studio XYZ\" oninput=\"updateSummary()\">\n      <\/div>\n      <div class=\"input-tile\">\n        <label class=\"input-tile-label\" for=\"f-branza\">Bran\u017ca \/ czym si\u0119 zajmujesz<\/label>\n        <input type=\"text\" class=\"text-input\" id=\"f-branza\" placeholder=\"Np. salon kosmetyczny, sklep online...\" oninput=\"updateSummary()\">\n      <\/div>\n      <div class=\"input-tile span2\">\n        <label class=\"input-tile-label\" for=\"f-www\">Adres strony www<\/label>\n       <input type=\"text\" class=\"text-input\" id=\"f-www\" placeholder=\"https:\/\/twojastrona.pl\" oninput=\"updateSummary()\">\n\n      <\/div>\n      <div class=\"input-tile\">\n        <label class=\"input-tile-label\" for=\"f-tel\">Telefon kom\u00f3rkowy<\/label>\n        <input type=\"tel\" class=\"text-input\" id=\"f-tel\" placeholder=\"+48 000 000 000\" oninput=\"updateSummary()\">\n      <\/div>\n      <div class=\"input-tile\">\n        <label class=\"input-tile-label\" for=\"f-email\">Email<\/label>\n        <input type=\"email\" class=\"text-input\" id=\"f-email\" placeholder=\"kontakt@firma.pl\" oninput=\"updateSummary()\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PYTANIE 1 \u2014 CEL -->\n  <div class=\"question\" data-q=\"cel\">\n    <div class=\"question-header\">\n      <span class=\"question-num\">01<\/span>\n      <span class=\"question-title\">Jaki jest g\u0142\u00f3wny cel wsp\u00f3\u0142pracy?<\/span>\n      <span class=\"question-hint\">mo\u017cesz wybra\u0107 kilka<\/span>\n    <\/div>\n    <div class=\"question-divider\"><\/div>\n    <div class=\"tiles-grid cols-2\">\n      <div class=\"tile\" onclick=\"toggleTile(this, 'cel')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Budowanie rozpoznawalno\u015bci<\/div>\n        <div class=\"tile-desc\">Chc\u0119 \u017ceby ludzie mnie kojarzyli i widzieli moj\u0105 mark\u0119.<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'cel')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Pozyskiwanie klient\u00f3w<\/div>\n        <div class=\"tile-desc\">Zale\u017cy mi na konkretnych zapytaniach i sprzeda\u017cy.<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'cel')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Budowanie spo\u0142eczno\u015bci<\/div>\n        <div class=\"tile-desc\">Chc\u0119 zaanga\u017cowanych obserwator\u00f3w wok\u00f3\u0142 marki.<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'cel')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Regularna obecno\u015b\u0107<\/div>\n        <div class=\"tile-desc\">Po prostu chc\u0119 \u017ceby profil \u017cy\u0142 i by\u0142 aktualny.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PYTANIE 2 \u2014 PLATFORMY -->\n  <div class=\"question\" data-q=\"platformy\">\n    <div class=\"question-header\">\n      <span class=\"question-num\">02<\/span>\n      <span class=\"question-title\">Jakie platformy chcesz rozwija\u0107?<\/span>\n      <span class=\"question-hint\">mo\u017cesz wybra\u0107 kilka<\/span>\n    <\/div>\n    <div class=\"question-divider\"><\/div>\n    <div class=\"tiles-grid cols-4\">\n      <div class=\"tile\" onclick=\"toggleTile(this, 'platformy')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Instagram<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'platformy')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">TikTok<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'platformy')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Facebook<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'platformy')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">LinkedIn<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PYTANIE 3 \u2014 MATERIA\u0141Y -->\n  <div class=\"question\" data-q=\"materialy\">\n    <div class=\"question-header\">\n      <span class=\"question-num\">03<\/span>\n      <span class=\"question-title\">Jakie materia\u0142y chcesz tworzy\u0107?<\/span>\n      <span class=\"question-hint\">mo\u017cesz wybra\u0107 kilka<\/span>\n    <\/div>\n    <div class=\"question-divider\"><\/div>\n    <div class=\"tiles-grid\">\n      <div class=\"tile\" onclick=\"toggleTile(this, 'materialy')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Rolki \/ Reelsy<\/div>\n        <div class=\"tile-desc\">Kr\u00f3tkie wideo do 90 sekund.<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'materialy')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Grafiki i posty<\/div>\n        <div class=\"tile-desc\">Statyczne posty i karuzele.<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'materialy')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Stories<\/div>\n        <div class=\"tile-desc\">Codzienne relacje i ankiety.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PYTANIE 4 \u2014 TYP ROLEK -->\n  <div class=\"question\" data-q=\"typ-rolek\">\n    <div class=\"question-header\">\n      <span class=\"question-num\">04<\/span>\n      <span class=\"question-title\">Je\u015bli rolki \u2014 jaki typ materia\u0142\u00f3w?<\/span>\n      <span class=\"question-hint\">mo\u017cesz wybra\u0107 kilka<\/span>\n    <\/div>\n    <div class=\"question-divider\"><\/div>\n    <div class=\"tiles-grid\">\n      <div class=\"tile\" onclick=\"toggleTile(this, 'typ-rolek')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Nagrywam sam\/a<\/div>\n        <div class=\"tile-desc\">Dostarczam materia\u0142, potrzebuj\u0119 monta\u017cu.<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'typ-rolek')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Pe\u0142na produkcja<\/div>\n        <div class=\"tile-desc\">Nagranie i monta\u017c od zera.<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'typ-rolek')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Nie dotyczy<\/div>\n        <div class=\"tile-desc\">Rolek nie potrzebuj\u0119.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PYTANIE 5 \u2014 ILO\u015a\u0106 -->\n  <div class=\"question\" data-q=\"ilosc\">\n    <div class=\"question-header\">\n      <span class=\"question-num\">05<\/span>\n      <span class=\"question-title\">Ile materia\u0142\u00f3w miesi\u0119cznie?<\/span>\n      <span class=\"question-hint\">wybierz jeden<\/span>\n    <\/div>\n    <div class=\"question-divider\"><\/div>\n    <div class=\"tiles-grid cols-4\">\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'ilosc')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">4\u20138<\/div>\n        <div class=\"tile-desc\">1\u20132 tygodniowo<\/div>\n      <\/div>\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'ilosc')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">8\u201312<\/div>\n        <div class=\"tile-desc\">2\u20133 tygodniowo<\/div>\n      <\/div>\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'ilosc')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">12\u201316<\/div>\n        <div class=\"tile-desc\">3\u20134 tygodniowo<\/div>\n      <\/div>\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'ilosc')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">16+<\/div>\n        <div class=\"tile-desc\">Codziennie<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PYTANIE 6 \u2014 DODATKI -->\n  <div class=\"question\" data-q=\"dodatki\">\n    <div class=\"question-header\">\n      <span class=\"question-num\">06<\/span>\n      <span class=\"question-title\">Czy potrzebujesz r\u00f3wnie\u017c?<\/span>\n      <span class=\"question-hint\">mo\u017cesz wybra\u0107 kilka<\/span>\n    <\/div>\n    <div class=\"question-divider\"><\/div>\n    <div class=\"tiles-grid\">\n      <div class=\"tile\" onclick=\"toggleTile(this, 'dodatki')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Plan contentu<\/div>\n        <div class=\"tile-desc\">Strategia i harmonogram na miesi\u0105c.<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'dodatki')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Pomys\u0142y na tre\u015bci<\/div>\n        <div class=\"tile-desc\">Tematy, koncepcje i inspiracje.<\/div>\n      <\/div>\n      <div class=\"tile\" onclick=\"toggleTile(this, 'dodatki')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Publikacja<\/div>\n        <div class=\"tile-desc\">Planowanie i wrzucanie post\u00f3w za mnie.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PYTANIE 7 \u2014 STYL -->\n  <div class=\"question\" data-q=\"styl\">\n    <div class=\"question-header\">\n      <span class=\"question-num\">07<\/span>\n      <span class=\"question-title\">Jak okre\u015bli\u0142by\u015b styl swojej marki?<\/span>\n      <span class=\"question-hint\">wybierz jeden<\/span>\n    <\/div>\n    <div class=\"question-divider\"><\/div>\n    <div class=\"tiles-grid cols-2\">\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'styl')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Profesjonalny i elegancki<\/div>\n        <div class=\"tile-desc\">Stonowane kolory, czyste kadry, powaga.<\/div>\n      <\/div>\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'styl')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Lu\u017any i autentyczny<\/div>\n        <div class=\"tile-desc\">Naturalnie, bez udziwnie\u0144, po ludzku.<\/div>\n      <\/div>\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'styl')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Energiczny i kolorowy<\/div>\n        <div class=\"tile-desc\">Du\u017co energii, dynamiczne ci\u0119cia, kolory.<\/div>\n      <\/div>\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'styl')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Jeszcze nie wiem<\/div>\n        <div class=\"tile-desc\">Potrzebuj\u0119 pomocy przy okre\u015bleniu stylu.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PYTANIE 8 \u2014 BUD\u017bET -->\n  <div class=\"question\" data-q=\"budzet\">\n    <div class=\"question-header\">\n      <span class=\"question-num\">08<\/span>\n      <span class=\"question-title\">Orientacyjny bud\u017cet miesi\u0119czny?<\/span>\n      <span class=\"question-hint\">wybierz jeden<\/span>\n    <\/div>\n    <div class=\"question-divider\"><\/div>\n    <div class=\"tiles-grid cols-4\">\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'budzet')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">do 1 000 z\u0142<\/div>\n      <\/div>\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'budzet')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">1 000\u20131 500 z\u0142<\/div>\n      <\/div>\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'budzet')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">1 500\u20132 500 z\u0142<\/div>\n      <\/div>\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'budzet')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">2 500 z\u0142+<\/div>\n      <\/div>\n    <\/div>\n    <p style=\"font-size:12px;color:#555;font-style:italic;margin-top:10px;font-weight:300;\">Bud\u017cet ma charakter orientacyjny. Zakres i cen\u0119 ustalamy wsp\u00f3lnie.<\/p>\n  <\/div>\n\n  <!-- PYTANIE 9 \u2014 D\u0141UGO\u015a\u0106 -->\n  <div class=\"question\" data-q=\"dlugosc\">\n    <div class=\"question-header\">\n      <span class=\"question-num\">09<\/span>\n      <span class=\"question-title\">D\u0142uga czy kr\u00f3tka wsp\u00f3\u0142praca?<\/span>\n      <span class=\"question-hint\">wybierz jeden<\/span>\n    <\/div>\n    <div class=\"question-divider\"><\/div>\n    <div class=\"tiles-grid cols-2\">\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'dlugosc')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">D\u0142ugoterminowa<\/div>\n        <div class=\"tile-desc\">Szukam kogo\u015b na sta\u0142e, miesi\u0105c po miesi\u0105cu.<\/div>\n      <\/div>\n      <div class=\"tile single\" onclick=\"selectSingle(this, 'dlugosc')\">\n        <div class=\"tile-check\"><\/div>\n        <div class=\"tile-name\">Kr\u00f3tkoterminowa \/ projekt<\/div>\n        <div class=\"tile-desc\">Mam konkretny projekt lub chc\u0119 najpierw przetestowa\u0107.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PODSUMOWANIE -->\n  <div class=\"summary\" id=\"summary\">\n    <div class=\"summary-label\">\n      Twoje odpowiedzi\n      <span class=\"counter\" id=\"counter\" style=\"display:none;\">0<\/span>\n    <\/div>\n    <div class=\"summary-answers\" id=\"summary-answers\">\n      <span class=\"summary-empty\">Zacznij wype\u0142nia\u0107 ankiet\u0119 \u2014 tutaj pojawi si\u0119 podgl\u0105d.<\/span>\n    <\/div>\n    <div class=\"summary-divider\"><\/div>\n    <p class=\"summary-note\">Po wys\u0142aniu ankiety odezw\u0119 si\u0119 w ci\u0105gu 24h \u017ceby um\u00f3wi\u0107 bezp\u0142atn\u0105 rozmow\u0119 i om\u00f3wi\u0107 szczeg\u00f3\u0142y.<\/p>\n    <button class=\"btn-submit\" id=\"btn-submit\" onclick=\"submitForm()\">Wy\u015blij ankiet\u0119 \u2192<\/button>\n  <\/div>\n\n  <div class=\"success-msg\" id=\"success-msg\">\n    <span class=\"success-icon\">\u2713<\/span>\n    <p><strong>Ankieta wys\u0142ana!<\/strong><br>Odezw\u0119 si\u0119 w ci\u0105gu 24h w dni robocze.<\/p>\n  <\/div>\n\n<\/div>\n\n<script>\n  const answers = {\n    'cel': [], 'platformy': [], 'materialy': [],\n    'typ-rolek': [], 'ilosc': [], 'dodatki': [],\n    'styl': [], 'budzet': [], 'dlugosc': [],\n  };\n\n  const qLabels = {\n    'cel': 'Cel wsp\u00f3\u0142pracy', 'platformy': 'Platformy',\n    'materialy': 'Materia\u0142y', 'typ-rolek': 'Typ rolek',\n    'ilosc': 'Ilo\u015b\u0107 \/ mies.', 'dodatki': 'Dodatki',\n    'styl': 'Styl marki', 'budzet': 'Bud\u017cet', 'dlugosc': 'Wsp\u00f3\u0142praca',\n  };\n\n  function toggleTile(el, group) {\n    el.classList.toggle('selected');\n    const name = el.querySelector('.tile-name').textContent.trim();\n    if (el.classList.contains('selected')) {\n      if (!answers[group].includes(name)) answers[group].push(name);\n    } else {\n      answers[group] = answers[group].filter(x => x !== name);\n    }\n    updateSummary();\n  }\n\n  function selectSingle(el, group) {\n    document.querySelectorAll(`.question[data-q=\"${group}\"] .tile`).forEach(t => t.classList.remove('selected'));\n    el.classList.add('selected');\n    answers[group] = [el.querySelector('.tile-name').textContent.trim()];\n    updateSummary();\n  }\n\n  function updateSummary() {\n    const container = document.getElementById('summary-answers');\n    const counter = document.getElementById('counter');\n    container.innerHTML = '';\n    let total = 0;\n    let rows = '';\n\n    const nazwa  = document.getElementById('f-nazwa')?.value;\n    const branza = document.getElementById('f-branza')?.value;\n    const www    = document.getElementById('f-www')?.value;\n    const tel    = document.getElementById('f-tel')?.value;\n    const email  = document.getElementById('f-email')?.value;\n\n    const firmParts = [nazwa, branza, www, tel, email].filter(Boolean);\n    if (firmParts.length) {\n      total++;\n      rows += `<div class=\"summary-row\"><span class=\"summary-row-q\">Firma<\/span><span class=\"summary-row-a\">${firmParts.join(' \u00b7 ')}<\/span><\/div>`;\n    }\n\n    Object.entries(answers).forEach(([key, val]) => {\n      if (val.length > 0) {\n        total++;\n        rows += `<div class=\"summary-row\"><span class=\"summary-row-q\">${qLabels[key]}<\/span><span class=\"summary-row-a\">${val.join(', ')}<\/span><\/div>`;\n      }\n    });\n\n    if (!rows) {\n      container.innerHTML = '<span class=\"summary-empty\">Zacznij wype\u0142nia\u0107 ankiet\u0119 \u2014 tutaj pojawi si\u0119 podgl\u0105d.<\/span>';\n      counter.style.display = 'none';\n    } else {\n      container.innerHTML = rows;\n      counter.textContent = total;\n      counter.style.display = 'inline-flex';\n      counter.classList.add('bump');\n      setTimeout(() => counter.classList.remove('bump'), 200);\n    }\n  }\n\n  async function submitForm() {\n    const email = document.getElementById('f-email')?.value;\n    const nazwa = document.getElementById('f-nazwa')?.value;\n\n    if (!nazwa || !email) {\n      alert('Wype\u0142nij nazw\u0119 firmy i adres email.');\n      return;\n    }\n\n    const btn = document.getElementById('btn-submit');\n    btn.disabled = true;\n    btn.textContent = 'Wysy\u0142anie...';\n\n    const firmInfo = [\n      `Firma: ${nazwa}`,\n      document.getElementById('f-branza')?.value && `Bran\u017ca: ${document.getElementById('f-branza').value}`,\n      document.getElementById('f-www')?.value && `WWW: ${document.getElementById('f-www').value}`,\n      document.getElementById('f-tel')?.value && `Tel: ${document.getElementById('f-tel').value}`,\n      `Email: ${email}`,\n    ].filter(Boolean).join('\\n');\n\n    const surveyInfo = Object.entries(answers)\n      .map(([key, val]) => val.length ? `${qLabels[key]}: ${val.join(', ')}` : null)\n      .filter(Boolean).join('\\n');\n\n    const payload = {\n      _subject: `Ankieta wsp\u00f3\u0142pracy \u2014 ${nazwa}`,\n      _replyto: email,\n      Firma: firmInfo,\n      Ankieta: surveyInfo,\n    };\n\n    try {\n      const res = await fetch('https:\/\/formspree.io\/f\/mojpqjrg', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n        body: JSON.stringify(payload),\n      });\n\n      if (res.ok) {\n        document.getElementById('success-msg').style.display = 'block';\n        document.getElementById('summary').style.display = 'none';\n      } else {\n        alert('Co\u015b posz\u0142o nie tak. Spr\u00f3buj ponownie.');\n        btn.disabled = false;\n        btn.textContent = 'Wy\u015blij ankiet\u0119 \u2192';\n      }\n    } catch (e) {\n      alert('B\u0142\u0105d po\u0142\u0105czenia. Spr\u00f3buj ponownie.');\n      btn.disabled = false;\n      btn.textContent = 'Wy\u015blij ankiet\u0119 \u2192';\n    }\n  }\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9264dc2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9264dc2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-12b7e84\" data-id=\"12b7e84\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Przyjmujemy nowych klient\u00f3w Hero Social media Twoja marka w socialach jest. Ale nikt jej nie widzi. Je\u015bli rozumiesz, \u017ce social media to nie jeden projekt, tylko d\u0142uga praca to jeste\u015b w dobrym miejscu. Przejd\u017c do ankiety Rolki i Reelsy Grafiki i karuzele Captiony i copy Strategia contentu Planowanie i publikacja Instagram \u00b7 TikTok \u00b7 Facebook [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.markawruchu.pl\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markawruchu.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.markawruchu.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.markawruchu.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markawruchu.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":613,"href":"https:\/\/www.markawruchu.pl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":692,"href":"https:\/\/www.markawruchu.pl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/692"}],"wp:attachment":[{"href":"https:\/\/www.markawruchu.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}