{"id":1534,"date":"2026-09-25T14:29:49","date_gmt":"2026-09-25T14:29:49","guid":{"rendered":"https:\/\/intuipro.eu\/?page_id=1534"},"modified":"2026-09-26T17:22:20","modified_gmt":"2026-09-26T17:22:20","slug":"rozszerzona-diagnostyka","status":"publish","type":"page","link":"https:\/\/intuipro.eu\/pl\/rozszerzona-diagnostyka\/","title":{"rendered":"Rozszerzona diagnostyka (PL)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1534\" class=\"elementor elementor-1534\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ddb3516 e-flex e-con-boxed e-con e-parent\" data-id=\"6ddb3516\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43ebc38f elementor-widget elementor-widget-text-editor\" data-id=\"43ebc38f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<!-- Kopia zapasowa strony https:\/\/intuipro.eu\/diagnostyka\/upsell.html z dnia 2026-09-25 -->\n<link rel=\"icon\" href=\"https:\/\/intuipro.eu\/wp-content\/uploads\/2025\/04\/cropped-IconOnly.png\" sizes=\"32x32\" type=\"image\/png\">\n<link rel=\"icon\" href=\"https:\/\/intuipro.eu\/wp-content\/uploads\/2025\/04\/cropped-IconOnly.png\" sizes=\"192x192\" type=\"image\/png\">\n<link rel=\"apple-touch-icon\" href=\"https:\/\/intuipro.eu\/wp-content\/uploads\/2025\/04\/cropped-IconOnly.png\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&amp;family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&amp;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<script>\n   !function(f,b,e,v,n,t,s)\n   {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n   n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n   if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n   n.queue=[];t=b.createElement(e);t.async=!0;\n   t.src=v;s=b.getElementsByTagName(e)[0];\n   s.parentNode.insertBefore(t,s)}(window, document,'script',\n   'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n   fbq('init', '1611178473372668');\n   fbq('track', 'PageView');\n   fbq('track', 'CompleteRegistration');\n   <\/script>\n<style>\n\/* style-upsell.css *\/\n\/* =========================================\n   RESET & VARIABLES (Zgodne z poprzednim LP)\n   ========================================= *\/\n:root {\n    --bg-color: #F9F7F2;\n    --section-alt: #EFEBE4;\n    --white: #FFFFFF;\n    --text-main: #2C2A29;\n    --text-muted: #5D5654;\n    --accent: #C87A56;\n    --accent-hover: #A66343;\n    --accent-light: #FDF6F3;\n    --dark-bg: #2C2A29;\n    --gold: #D4AF37;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\nbody {\n    font-family: 'Lato', sans-serif;\n    background-color: var(--bg-color);\n    color: var(--text-main);\n    line-height: 1.6;\n    font-size: 18px;\n    overflow-x: hidden;\n}\n\nh1, h2, h3 { font-family: 'Playfair Display', serif; color: var(--text-main); margin-bottom: 1rem; line-height: 1.3; }\nstrong { font-weight: 700; }\n.container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }\n.section-padding { padding: 60px 0; }\n.text-center { text-align: center; }\n.max-800 { max-width: 800px; margin-left: auto; margin-right: auto; }\n\n\/* =========================================\n   UI COMPONENTS\n   ========================================= *\/\n\n\/* Buttony *\/\n.btn-cta {\n    background-color: var(--accent);\n    color: var(--white);\n    padding: 20px 40px;\n    font-size: 1.2rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    border: none;\n    border-radius: 50px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 5px 15px rgba(200, 122, 86, 0.4);\n    display: inline-block;\n    text-decoration: none;\n    text-align: center;\n}\n.btn-cta:hover { background-color: var(--accent-hover); transform: translateY(-2px); }\n.btn-pulse { animation: pulse 2s infinite; }\n@keyframes pulse {\n    0% { box-shadow: 0 0 0 0 rgba(200, 122, 86, 0.7); }\n    70% { box-shadow: 0 0 0 15px rgba(200, 122, 86, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(200, 122, 86, 0); }\n}\n\n.btn-cta-outline {\n    background: transparent;\n    border: 2px solid var(--text-muted);\n    color: var(--text-main);\n    padding: 15px 30px;\n    font-size: 1rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    border-radius: 50px;\n    cursor: pointer;\n    transition: all 0.3s;\n}\n.btn-cta-outline:hover { border-color: var(--text-main); background: rgba(0,0,0,0.05); }\n\n.btn-text {\n    background: none;\n    border: none;\n    text-decoration: underline;\n    color: #000;\n    font-size: 1rem;\n    cursor: pointer;\n    padding: 10px;\n}\n.btn-text:hover { color: var(--text-main); }\n\n.btn-full-width { width: 100%; }\n\n\/* =========================================\n   PROGRESS BAR (Upsell specific)\n   ========================================= *\/\n.progress-bar-container {\n    background: var(--white);\n    padding: 10px 0;\n    position: sticky;\n    top: 0;\n    z-index: 100;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    text-align: center;\n}\n.progress-label { font-size: 0.8rem; font-weight: 700; margin-bottom: 5px; color: var(--accent); text-transform: uppercase; letter-spacing: 1px; }\n.progress-bar {\n    height: 6px;\n    background: #eee;\n    width: 100%;\n    max-width: 300px;\n    margin: 0 auto;\n    border-radius: 3px;\n    overflow: hidden;\n}\n.progress-fill {\n    width: 85%; \/* 85% wype\u0142nienia *\/\n    height: 100%;\n    background: var(--accent);\n}\n\n\/* =========================================\n   HERO SECTION\n   ========================================= *\/\n.upsell-hero {\n    background-color: var(--section-alt);\n    padding: 60px 0;\n    text-align: center;\n    border-bottom: 1px solid rgba(0,0,0,0.05);\n}\n\n.eyebrow {\n    text-transform: uppercase;\n    font-size: 0.9rem;\n    letter-spacing: 2px;\n    color: var(--text-muted);\n    margin-bottom: 20px;\n}\n\n.hero-title {\n    font-size: 2.5rem;\n    margin-bottom: 20px;\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.highlight-alert {\n    display: block;\n    color: #C62828; \/* Czerwie\u0144 alarmowa, ale stonowana *\/\n    font-size: 1.8rem;\n    margin-bottom: 15px;\n    font-weight: 700;\n}\n\n.hero-subhead {\n    font-size: 1.2rem;\n    max-width: 700px;\n    margin: 0 auto 40px;\n    color: var(--text-main);\n}\n\n.btn-hero-scroll {\n    display: inline-block;\n    color: var(--accent);\n    font-weight: 700;\n    text-decoration: none;\n    border-bottom: 2px solid var(--accent);\n    padding-bottom: 5px;\n    transition: all 0.3s;\n}\n.btn-hero-scroll:hover { color: var(--accent-hover); border-color: var(--accent-hover); }\n\n\/* =========================================\n   INTRO & PROBLEM\/SOLUTION\n   ========================================= *\/\n.intro-section { background: var(--white); }\n\n.text-block-center {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 50px;\n}\n.lead-text { font-size: 1.3rem; font-family: 'Playfair Display', serif; font-weight: 700; margin-bottom: 20px; }\n\n.problem-solution-box {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    margin-bottom: 50px;\n}\n\n.problem-side {\n    background: #FFF5F5; \/* Lekki r\u00f3\u017c\/czerwie\u0144 *\/\n    padding: 40px;\n}\n.problem-side h3 { font-size: 1.3rem; margin-bottom: 20px; color: #C62828; }\n\n.solution-side {\n    background: #F1F8F1; \/* Lekka ziele\u0144 *\/\n    padding: 40px;\n}\n.solution-side h3 { font-size: 1.3rem; margin-bottom: 20px; color: #2E7D32; }\n\n\/* Listy *\/\n.cross-list, .check-list { list-style: none; }\n.cross-list li, .check-list li {\n    position: relative;\n    padding-left: 30px;\n    margin-bottom: 15px;\n    font-size: 1rem;\n}\n.cross-list li::before {\n    content: '\\f00d';\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 900;\n    position: absolute;\n    left: 0; top: 3px;\n    color: #C62828;\n}\n.check-list li::before {\n    content: '\\f00c';\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 900;\n    position: absolute;\n    left: 0; top: 3px;\n    color: #2E7D32;\n}\n\n\/* =========================================\n   CTA BLOCK (Middle)\n   ========================================= *\/\n.cta-block {\n    text-align: center;\n    background: var(--section-alt);\n    padding: 40px;\n    border-radius: 15px;\n    max-width: 700px;\n    margin: 0 auto;\n}\n\n.btn-large { font-size: 1.3rem; padding: 25px 50px; width: 100%; max-width: 500px; }\n.btn-sub { display: block; font-size: 0.9rem; font-weight: 400; opacity: 0.9; margin-top: 5px; text-transform: none; }\n.cta-secondary-wrapper { margin-top: 20px; }\n\n\/* =========================================\n   DIFFERENTIATION SECTION\n   ========================================= *\/\n.differentiation-section { background: var(--bg-color); }\n\n.comparison-card {\n    background: var(--white);\n    padding: 40px;\n    border-radius: 15px;\n    margin: 40px auto;\n    max-width: 800px;\n    box-shadow: 0 5px 20px rgba(0,0,0,0.03);\n    text-align: center;\n}\n.comparison-header { font-weight: 700; text-transform: uppercase; color: var(--text-muted); margin-bottom: 20px; font-size: 0.9rem; }\n.comparison-grid {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 30px;\n}\n.comp-item { flex: 1; padding: 20px; border-radius: 10px; background: #fafafa; }\n.comp-item.highlight { background: var(--accent-light); border: 1px solid var(--accent); }\n.comp-item i { font-size: 2rem; margin-bottom: 15px; color: var(--text-muted); }\n.comp-item.highlight i { color: var(--accent); }\n.comp-separator i { color: var(--text-muted); opacity: 0.5; }\n\n.features-grid { max-width: 800px; margin: 0 auto 40px; }\n.feature-box { padding: 30px; background: var(--white); border-radius: 10px; border-left: 4px solid var(--accent); }\n.check-list-simple { list-style: none; margin-top: 20px; }\n.check-list-simple li {\n    position: relative;\n    padding-left: 25px;\n    margin-bottom: 12px;\n}\n.check-list-simple li::before {\n    content: '\\2022';\n    color: var(--accent);\n    font-weight: bold;\n    font-size: 1.5rem;\n    position: absolute;\n    left: 0; top: -5px;\n}\n\n.impact-statement { text-align: center; margin: 50px 0; }\n.impact-vs { font-size: 1.2rem; display: flex; flex-direction: column; gap: 10px; align-items: center; }\n.impact-vs .faded { color: var(--text-muted); opacity: 0.7; }\n.impact-vs .vs-label { font-family: 'Playfair Display', serif; font-style: italic; color: var(--accent); }\n.impact-vs .bold-accent { color: var(--text-main); font-weight: 700; background: var(--white); padding: 5px 15px; border-radius: 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }\n\n.bonus-box {\n    background: #2C2A29;\n    color: #fff;\n    padding: 40px;\n    border-radius: 15px;\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto;\n}\n.bonus-intro { color: var(--accent); text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; margin-bottom: 15px; }\n.bonus-main { font-family: 'Playfair Display', serif; font-size: 1.3rem; margin-bottom: 20px; }\n.bonus-footer strong { color: var(--accent); text-transform: uppercase; }\n\n\/* =========================================\n   DELIVERABLES SECTION\n   ========================================= *\/\n.deliverables-section { background: var(--white); }\n.deliverables-wrapper { max-width: 800px; margin: 0 auto; }\n\n.gold-list { list-style: none; margin: 30px 0; }\n.gold-list li {\n    display: flex;\n    gap: 15px;\n    margin-bottom: 20px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid #eee;\n}\n.gold-list li:last-child { border-bottom: none; }\n.gold-list i { color: var(--accent); font-size: 1.2rem; margin-top: 4px; }\n\n.negative-promises {\n    display: flex;\n    justify-content: center;\n    gap: 20px;\n    flex-wrap: wrap;\n    margin: 40px 0;\n    font-style: italic;\n    color: var(--text-muted);\n}\n.negative-promises span { position: relative; }\n.negative-promises span::before { content: '\u00d7'; color: #C62828; margin-right: 5px; font-weight: bold; }\n\n.effect-box {\n    text-align: center;\n    background: var(--section-alt);\n    padding: 30px;\n    border-radius: 10px;\n    font-size: 1.1rem;\n}\n\n\/* =========================================\n   AUDIENCE SECTION (Dark)\n   ========================================= *\/\n.audience-section-dark { background: var(--dark-bg); color: var(--section-alt); }\n.section-heading-light { color: var(--white); text-align: center; margin-bottom: 50px; }\n\n.audience-grid-upsell {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    margin-bottom: 50px;\n}\n.audience-col h3 { color: var(--accent); font-size: 1.2rem; margin-bottom: 25px; border-bottom: 1px solid #444; padding-bottom: 10px; }\n\n.light-check-list { list-style: none; }\n.light-check-list li {\n    position: relative;\n    padding-left: 25px;\n    margin-bottom: 15px;\n    color: #ddd;\n}\n.light-check-list li::before {\n    content: '\\f00c';\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 900;\n    position: absolute;\n    left: 0; top: 4px;\n    color: var(--accent);\n}\n\n.summary-statement { text-align: center; max-width: 700px; margin: 0 auto; }\n.highlight-text { font-size: 1.2rem; color: var(--white); font-weight: 300; font-style: italic; margin-top: 10px; }\n\n\/* =========================================\n   PRICING & FINAL DECISION\n   ========================================= *\/\n.pricing-decision-section { background: var(--bg-color); }\n\n.final-card {\n    background: var(--white);\n    padding: 60px 40px;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.05);\n    text-align: center;\n}\n.final-card h2 { font-size: 2rem; margin-bottom: 40px; }\n\n.benefits-summary {\n    background: var(--section-alt);\n    padding: 30px;\n    border-radius: 10px;\n    display: inline-block;\n    text-align: left;\n    margin-bottom: 40px;\n}\n.benefits-summary ul { padding-left: 20px; margin-top: 10px; }\n.benefits-summary li { margin-bottom: 5px; }\n\n.final-emotional-text { font-size: 1.2rem; margin-bottom: 50px; }\n\n\/* Final CTA Layout *\/\n.cta-block-final {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 30px;\n    flex-wrap: wrap;\n}\n\n.cta-option {\n    padding: 30px;\n    border-radius: 15px;\n    transition: transform 0.3s;\n    width: 100%;\n    max-width: 400px;\n}\n\n.primary-option {\n    background: #fff;\n    border: 2px solid var(--accent);\n    box-shadow: 0 10px 40px rgba(200, 122, 86, 0.15);\n    position: relative;\n    transform: scale(1.05);\n    z-index: 2;\n}\n.ribbon {\n    position: absolute;\n    top: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: var(--accent);\n    color: #fff;\n    padding: 5px 20px;\n    font-size: 0.8rem;\n    font-weight: 700;\n    border-radius: 20px;\n}\n\n.secondary-option {\n    background: transparent;\n    border: 1px solid #ddd;\n    opacity: 0.8;\n}\n.secondary-option:hover { opacity: 1; border-color: var(--text-muted); }\n\n.option-desc { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 20px; height: 50px; }\n\n.cta-or {\n    font-weight: 700;\n    color: var(--text-muted);\n    font-size: 0.9rem;\n}\n\n\/* Footer *\/\n.site-footer {\n    text-align: center;\n    padding: 40px 0;\n    color: var(--text-muted);\n    font-size: 0.9rem;\n    border-top: 1px solid #eee;\n}\n\n\/* =========================================\n   MEDIA QUERIES\n   ========================================= *\/\n@media (max-width: 768px) {\n    .hero-title { font-size: 1.8rem; }\n    .problem-solution-box { grid-template-columns: 1fr; }\n    .comparison-grid { flex-direction: column; gap: 15px; }\n    .comp-separator { transform: rotate(90deg); }\n    .audience-grid-upsell { grid-template-columns: 1fr; gap: 30px; }\n    \n    .cta-block-final { flex-direction: column; gap: 40px; }\n    .primary-option { transform: scale(1); width: 100%; }\n    .secondary-option { width: 100%; }\n    \n    .section-padding { padding: 40px 0; }\n    .final-card { padding: 30px 20px; }\n    .btn-large { padding: 20px 20px; font-size: 1.1rem; }\n}\n\n\/* =========================================\n   MODERN STICKY PROGRESS BAR (2026)\n   ========================================= *\/\n\n\/* Kontener g\u0142\u00f3wny - przyklejony do g\u00f3ry z efektem szk\u0142a *\/\n.upsell-progress-sticky {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 9999;\n    background: rgba(255, 255, 255, 0.85); \/* P\u00f3\u0142przezroczyste t\u0142o *\/\n    backdrop-filter: blur(12px); \/* Efekt rozmycia tego co pod spodem (iOS style) *\/\n    -webkit-backdrop-filter: blur(12px);\n    border-bottom: 1px solid rgba(200, 122, 86, 0.1); \/* Delikatna linia w kolorze akcentu *\/\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\n    padding: 12px 0;\n    transition: all 0.3s ease;\n}\n\n\/* Wewn\u0119trzny kontener *\/\n.upsell-progress-sticky .progress-container {\n    max-width: 800px; \/* W\u0105ski kontener dla lepszego skupienia wzroku *\/\n    margin: 0 auto;\n    padding: 0 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n\/* Meta dane (Teksty nad paskiem) *\/\n.progress-meta {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-size: 0.85rem;\n    font-family: 'Lato', sans-serif;\n}\n\n\/* Badge \"Krok 2 z 2\" *\/\n.step-badge {\n    background: rgba(200, 122, 86, 0.1);\n    color: #C87A56; \/* Tw\u00f3j kolor accent *\/\n    padding: 4px 10px;\n    border-radius: 6px;\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 0.7rem;\n    letter-spacing: 1px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n\/* G\u0142\u00f3wny tekst \"Dostosowanie...\" *\/\n.step-text {\n    font-weight: 600;\n    color: #2C2A29;\n    flex-grow: 1;\n    margin-left: 15px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n\/* Procenty po prawej *\/\n.step-percent {\n    font-weight: 900;\n    color: #C87A56;\n}\n\n\/* T\u0142o paska (szare) *\/\n.progress-track {\n    width: 100%;\n    height: 6px; \/* Cienki, elegancki pasek *\/\n    background: #EFEBE4; \/* Tw\u00f3j kolor section-alt *\/\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n}\n\n\/* Wype\u0142nienie paska z animacj\u0105 *\/\n.progress-fill {\n    width: 90%; \/* Stan wype\u0142nienia *\/\n    height: 100%;\n    border-radius: 10px;\n    background: #C87A56; \/* Fallback color *\/\n    \n    \/* Nowoczesny gradient + Animacja *\/\n    background: linear-gradient(90deg, #C87A56 0%, #E69A78 50%, #C87A56 100%);\n    background-size: 200% 100%;\n    animation: shimmer 2s infinite linear;\n    \n    box-shadow: 0 0 10px rgba(200, 122, 86, 0.4); \/* Lekka po\u015bwiata (Glow) *\/\n}\n\n\/* Animacja przesuwania gradientu (efekt \"p\u0142yni\u0119cia\") *\/\n@keyframes shimmer {\n    0% { background-position: 100% 0; }\n    100% { background-position: -100% 0; }\n}\n\n\/* =========================================\n   RESPONSYWNO\u015a\u0106 (RWD)\n   ========================================= *\/\n@media (max-width: 600px) {\n    .upsell-progress-sticky {\n        padding: 10px 0;\n    }\n    \n    .step-text {\n        font-size: 0.8rem;\n        margin-left: 10px;\n    }\n    \n    .step-badge {\n        padding: 3px 8px;\n        font-size: 0.65rem;\n    }\n    \n    \/* Na bardzo ma\u0142ych ekranach ukrywamy tekst, zostawiamy Krok i % *\/\n    @media (max-width: 360px) {\n        .step-text {\n            display: none;\n        }\n    }\n}\n\n\/* Dodatkowy odst\u0119p dla body, \u017ceby pasek nie zas\u0142ania\u0142 tre\u015bci na g\u00f3rze strony *\/\nbody {\n    padding-top: 70px; \n}\n\n\/* =========================================\n   MODERN HERO SECTION (2026 Ambient Glass)\n   ========================================= *\/\n\n.upsell-hero-modern {\n    position: relative;\n    \/* Pami\u0119taj o padding-top dla body w poprzednim kroku, tu dajemy extra oddech *\/\n    padding: 140px 0 80px; \n    overflow: hidden;\n    background-color: var(--bg-color); \/* Baza be\u017cowa *\/\n    min-height: 85vh; \/* Prawie ca\u0142y ekran *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* --- AMBIENT LIGHT (T\u0142o) --- *\/\n\/* To s\u0105 te \"p\u0142ywaj\u0105ce bloby\" w tle, kt\u00f3re robi\u0105 klimat *\/\n.ambient-light {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(80px); \/* Bardzo mocne rozmycie *\/\n    opacity: 0.6;\n    z-index: 0;\n    animation: floatAmbient 10s infinite alternate ease-in-out;\n}\n\n.ambient-light.one {\n    width: 400px;\n    height: 400px;\n    background: rgba(200, 122, 86, 0.2); \/* Kolor Terakota *\/\n    top: -50px;\n    left: -100px;\n}\n\n.ambient-light.two {\n    width: 300px;\n    height: 300px;\n    background: rgba(212, 175, 55, 0.15); \/* Kolor Z\u0142oty *\/\n    bottom: 10%;\n    right: -50px;\n    animation-delay: -5s; \/* Inna faza animacji *\/\n}\n\n@keyframes floatAmbient {\n    0% { transform: translate(0, 0) scale(1); }\n    100% { transform: translate(30px, 40px) scale(1.1); }\n}\n\n\/* --- GLASS CARD (Karta G\u0142\u00f3wna) --- *\/\n.hero-container-glass {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n}\n\n \n\n\/* Delikatny efekt 3D przy najechaniu myszk\u0105 *\/\n.hero-glass-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 30px 60px rgba(200, 122, 86, 0.1);\n}\n\n\/* --- TYPOGRAFIA I ELEMENTY --- *\/\n\n.eyebrow {\n    text-transform: uppercase;\n    font-size: 0.8rem;\n    letter-spacing: 3px;\n    color: var(--text-muted);\n    margin-bottom: 25px;\n    font-weight: 700;\n    opacity: 0.8;\n}\n\n\/* ALERT BADGE (Zamiast zwyk\u0142ego tekstu) *\/\n.alert-badge-wrapper {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 30px;\n}\n\n.alert-badge {\n    background: #FFF0EB; \/* Bardzo jasna terakota *\/\n    color: #C62828; \/* Ciemna czerwie\u0144 *\/\n    padding: 10px 25px;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: 1.1rem;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    border: 1px solid rgba(198, 40, 40, 0.1);\n    box-shadow: 0 5px 15px rgba(198, 40, 40, 0.08);\n}\n\n.pulse-icon {\n    display: flex;\n    align-items: center;\n    animation: handPulse 1.5s infinite;\n}\n\n@keyframes handPulse {\n    0% { transform: scale(1); }\n    50% { transform: scale(1.2); }\n    100% { transform: scale(1); }\n}\n\n\/* NAG\u0141\u00d3WEK H1 *\/\n.hero-title-modern {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2rem, 5vw, 3.5rem); \/* Skalowanie fontu *\/\n    color: var(--text-main);\n    line-height: 1.2;\n    margin-bottom: 20px;\n    font-weight: 700;\n}\n\n\/* Divider (Ozdobna linia) *\/\n.hero-divider {\n    width: 60px;\n    height: 3px;\n    background: var(--accent);\n    margin: 20px auto 30px;\n    border-radius: 2px;\n    opacity: 0.5;\n}\n\n.hero-subhead-modern {\n    font-size: 1.25rem;\n    color: var(--text-muted);\n    line-height: 1.6;\n    max-width: 650px;\n    margin: 0 auto 50px;\n}\n\n\/* --- SCROLL BUTTON (Interaktywny) --- *\/\n.btn-scroll-modern {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    text-decoration: none;\n    color: var(--text-main);\n    transition: all 0.3s ease;\n    cursor: pointer; \n}\n\n.btn-scroll-modern .btn-text {\n    font-weight: 700;\n    font-size: 1.1rem;\n    border-bottom: 2px solid transparent;\n    transition: border-color 0.3s;\n}\n\n.btn-scroll-modern .btn-subtext {\n    font-size: 0.9rem;\n    color: #000;\n    margin-top: 4px;\n    font-weight: 400;\n}\n\n.scroll-icon-circle {\n    width: 50px;\n    height: 50px;\n    background: var(--white);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 20px;\n    color: var(--accent);\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(0,0,0,0.05);\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); \/* Bouncy effect *\/\n    animation: bounceSlow 2s infinite;\n}\n\n\/* Efekt Hover na przycisk *\/\n.btn-scroll-modern:hover .btn-text {\n    border-color: var(--accent);\n    color: var(--accent);\n}\n\n.btn-scroll-modern:hover .scroll-icon-circle {\n    background: var(--accent);\n    color: var(--white);\n    transform: scale(1.1);\n    box-shadow: 0 10px 25px rgba(200, 122, 86, 0.3);\n    animation: none; \/* Stop bounce on hover *\/\n}\n\n@keyframes bounceSlow {\n    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}\n    40% {transform: translateY(-10px);}\n    60% {transform: translateY(-5px);}\n}\n\n\/* =========================================\n   MEDIA QUERIES (Mobile Fixes)\n   ========================================= *\/\n@media (max-width: 768px) {\n    .upsell-hero-modern {\n        padding: 120px 20px 60px; \/* Mniejszy padding na mobile *\/\n        min-height: auto;\n    }\n    \n    .hero-glass-card {\n        padding: 40px 25px; \/* Mniejsze marginesy wewn\u0105trz karty *\/\n    }\n    \n    .alert-badge {\n        padding: 8px 15px;\n        font-size: 0.9rem;\n        width: 100%; \/* Badge na ca\u0142\u0105 szeroko\u015b\u0107 na mobile *\/\n        justify-content: center;\n        text-align: center;\n    }\n    \n    .hero-subhead-modern {\n        font-size: 1.1rem;\n    }\n}\n\n\/* =========================================\n   MODERN INTRO & COMPARISON (2026 Style)\n   ========================================= *\/\n\n.intro-section-modern {\n    background: linear-gradient(180deg, var(--bg-color) 0%, #fff 100%);\n    padding-top: 60px;\n    padding-bottom: 80px;\n}\n\n\/* --- INTRO TEXT --- *\/\n.intro-header-modern {\n    max-width: 800px;\n    margin: 0 auto 60px;\n    text-align: center;\n}\n\n.lead-text-modern {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.8rem;\n    line-height: 1.4;\n    color: var(--text-main);\n    margin-bottom: 30px;\n}\n\n.text-highlight {\n    position: relative;\n    display: inline-block;\n    z-index: 1;\n}\n\n.text-highlight::after {\n    content: '';\n    position: absolute;\n    bottom: 2px;\n    left: -5px;\n    width: 105%;\n    height: 10px;\n    background: rgba(200, 122, 86, 0.2); \/* Akcent Terakota *\/\n    z-index: -1;\n    transform: rotate(-1deg);\n    border-radius: 4px;\n}\n\n.sub-lead-modern {\n    display: flex;\n    justify-content: center;\n    gap: 20px;\n    font-size: 1.1rem;\n    color: var(--text-muted);\n    max-width: 600px;\n    margin: 0 auto;\n    text-align: left;\n}\n\n.vertical-line {\n    width: 4px;\n    background: var(--accent);\n    border-radius: 4px;\n    flex-shrink: 0;\n}\n\n\/* --- COMPARISON GRID (BENTO STYLE) --- *\/\n.comparison-wrapper-modern {\n    display: grid;\n    grid-template-columns: 1fr auto 1.1fr; \/* Problem | Strza\u0142ka | Rozwi\u0105zanie (nieco szersze) *\/\n    gap: 20px;\n    align-items: stretch;\n    margin-bottom: 60px;\n}\n\n\/* KARTA PROBLEMU (Pain) *\/\n.card-problem-modern {\n    background: #F5F3EF; \/* Szarawy be\u017c - \"ci\u0119\u017cki\" *\/\n    border-radius: 24px;\n    padding: 40px;\n    border: 1px solid rgba(0,0,0,0.03);\n    box-shadow: inset 0 0 20px rgba(0,0,0,0.03); \/* Cie\u0144 do \u015brodka - \"wg\u0142\u0119bienie\" *\/\n    display: flex;\n    flex-direction: column;\n}\n\n.card-header-pain {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin-bottom: 25px;\n    color: #888;\n}\n\n.icon-box-pain {\n    font-size: 1.5rem;\n    color: #999;\n}\n\n.card-header-pain h3 {\n    margin: 0;\n    font-size: 1.2rem;\n    font-weight: 700;\n}\n\n.pain-list-modern {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.pain-list-modern li {\n    position: relative;\n    padding-left: 20px;\n    margin-bottom: 12px;\n    color: #666;\n    font-size: 0.95rem;\n    line-height: 1.5;\n}\n\n.pain-list-modern li::before {\n    content: '\u2022';\n    color: #bbb;\n    position: absolute;\n    left: 0;\n    font-size: 1.5rem;\n    line-height: 1rem;\n    top: 5px;\n}\n\n\/* \u0141\u0104CZNIK (Strza\u0142ka) *\/\n.connector-arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 2rem;\n    color: var(--accent);\n    opacity: 0.5;\n}\n\n\/* KARTA ROZWI\u0104ZANIA (Gain) - To jest Hero tej sekcji *\/\n.card-solution-modern {\n    background: #fff;\n    border-radius: 24px;\n    padding: 45px; \/* Nieco wi\u0119kszy padding *\/\n    border: 2px solid var(--accent); \/* Wyr\u00f3\u017cnienie kolorem *\/\n    box-shadow: 0 20px 60px rgba(200, 122, 86, 0.15); \/* Du\u017cy, kolorowy cie\u0144 *\/\n    position: relative;\n    overflow: hidden;\n    transform: scale(1.02); \/* Lekkie powi\u0119kszenie wzgl\u0119dem problemu *\/\n    z-index: 2;\n}\n\n.card-header-gain {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin-bottom: 30px;\n}\n\n.icon-box-gain {\n    min-width: 40px;\n    height: 40px;\n    background: var(--accent);\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n}\n\n.card-header-gain h3 {\n    margin: 0;\n    font-size: 1.3rem;\n    color: var(--text-main);\n}\n\n.gain-list-modern {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    position: relative;\n    z-index: 2;\n}\n\n.gain-list-modern li {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    margin-bottom: 20px;\n    font-size: 1.05rem;\n    color: var(--text-main);\n    line-height: 1.5;\n}\n\n.gain-list-modern li i {\n    color: var(--accent);\n    font-size: 1.2rem;\n    margin-top: 3px;\n    flex-shrink: 0;\n}\n\n\/* Efekt Glow w tle karty rozwi\u0105zania *\/\n.glow-effect {\n    position: absolute;\n    top: -50px;\n    right: -50px;\n    width: 200px;\n    height: 200px;\n    background: radial-gradient(circle, rgba(200, 122, 86, 0.1) 0%, rgba(255,255,255,0) 70%);\n    z-index: 1;\n}\n\n\/* --- MODERN CTA BUTTONS --- *\/\n.cta-block-modern {\n    text-align: center;\n    margin-top: 50px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 15px;\n}\n\n.btn-cta-modern {\n    background: var(--accent);\n    border: none;\n    padding: 22px 60px;\n    border-radius: 60px;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    box-shadow: 0 10px 25px rgba(200, 122, 86, 0.3);\n}\n\n.btn-cta-modern:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 35px rgba(200, 122, 86, 0.5);\n    background: var(--accent-hover);\n}\n\n.btn-main-text {\n    display: block;\n    font-size: 19px;\n    font-weight: 700;\n    color: #fff;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.btn-sub-text {\n    display: block;\n    font-size: 0.9rem;\n    color: rgba(255,255,255,0.9);\n    margin-top: 5px;\n}\n\n\/* Shine Animation on Button *\/\n.btn-shine {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(\n        90deg, \n        transparent, \n        rgba(255, 255, 255, 0.2), \n        transparent\n    );\n    animation: btnShine 3s infinite;\n}\n\n@keyframes btnShine {\n    0% { left: -100%; }\n    20% { left: 100%; }\n    100% { left: 100%; }\n}\n\n.btn-text-modern {\n    background: none;\n    border: none;\n    font-size: 1rem;\n    color: var(--text-muted);\n    text-decoration: underline;\n    text-decoration-color: rgba(0,0,0,0.2);\n    cursor: pointer;\n    padding: 10px;\n    transition: color 0.3s;\n}\n\n.btn-text-modern:hover {\n    color: var(--text-main);\n}\n\n\/* --- RWD --- *\/\n@media (max-width: 992px) {\n    .comparison-wrapper-modern {\n        grid-template-columns: 1fr; \/* Jeden pod drugim *\/\n        gap: 30px;\n    }\n\n    .connector-arrow {\n        transform: rotate(90deg); \/* Strza\u0142ka w d\u00f3\u0142 *\/\n        margin: 10px 0;\n    }\n\n    .card-solution-modern {\n        transform: scale(1);\n    }\n}\n\n@media (max-width: 768px) {\n    .lead-text-modern {\n        font-size: 1.4rem;\n    }\n    \n    .sub-lead-modern {\n        flex-direction: column;\n        gap: 10px;\n        text-align: center;\n    }\n\n    .vertical-line {\n        width: 50px;\n        height: 3px;\n        margin: 0 auto;\n    }\n\n    .card-problem-modern,\n    .card-solution-modern {\n        padding: 30px 25px;\n    }\n\n    .btn-cta-modern {\n        width: 100%;\n        padding: 20px 30px;\n    }\n    \n    .btn-main-text {\n        font-size: 1.1rem;\n    }\n}\n\n\/* =========================================\n   MODERN DIFFERENTIATION SECTION (2026)\n   ========================================= *\/\n\n.differentiation-section-modern {\n    background-color: var(--bg-color);\n    padding-top: 80px;\n    padding-bottom: 80px;\n    position: relative;\n}\n\n\/* Header Sekcji *\/\n.section-header-modern {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 60px;\n}\n\n.heading-serif {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.2rem;\n    line-height: 1.3;\n    margin-bottom: 20px;\n    color: var(--text-main);\n}\n\n.text-accent-italic {\n    color: var(--accent);\n    \n}\n\n.sub-heading-modern {\n    font-size: 1.1rem;\n    color: var(--text-muted);\n    line-height: 1.6;\n}\n\n\/* --- COMPARISON DECK (Karty Por\u00f3wnawcze) --- *\/\n.comparison-deck {\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    gap: 30px;\n    max-width: 900px;\n    margin: 0 auto 60px;\n    position: relative;\n}\n\n.deck-card {\n    flex: 1;\n    background: #fff;\n    border-radius: 20px;\n    padding: 40px 30px;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    transition: transform 0.3s ease;\n}\n\n\/* Karta Lewa (Basic) *\/\n.card-basic {\n    background: rgba(255,255,255,0.6);\n    border: 1px solid rgba(0,0,0,0.05);\n    color: var(--text-muted);\n}\n\n.card-label {\n    font-size: 0.8rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 20px;\n    color: #999;\n}\n\n.card-icon-faded {\n    font-size: 2.5rem;\n    color: #ccc;\n    margin-bottom: 20px;\n}\n\n.card-text-faded {\n    font-size: 1rem;\n    line-height: 1.5;\n}\n\n\/* Connector (Strza\u0142ka) *\/\n.deck-connector {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 2;\n}\n\n.connector-circle {\n    width: 40px;\n    height: 40px;\n    background: var(--bg-color);\n    border: 1px solid var(--accent);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--accent);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n}\n\n\/* Karta Prawa (Premium) *\/\n.card-premium {\n    background: #fff;\n    border: 2px solid var(--accent); \/* Ramka akcentowa *\/\n    box-shadow: 0 15px 40px rgba(200, 122, 86, 0.15); \/* Kolorowy cie\u0144 *\/\n    transform: scale(1.05); \/* Powi\u0119kszenie *\/\n    z-index: 1;\n    overflow: hidden;\n}\n\n.card-label-premium {\n    background: var(--accent);\n    color: #fff;\n    padding: 5px 15px;\n    border-radius: 20px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n}\n\n.card-icon-accent {\n    font-size: 3rem;\n    color: var(--accent);\n    margin-bottom: 20px;\n    filter: drop-shadow(0 4px 6px rgba(200,122,86,0.3));\n}\n\n.card-text-bold {\n    font-size: 1.1rem;\n    color: var(--text-main);\n    line-height: 1.5;\n}\n\n.highlight-bg {\n    background: linear-gradient(120deg, rgba(200, 122, 86, 0.1) 0%, rgba(200, 122, 86, 0.2) 100%);\n    padding: 2px 5px;\n    border-radius: 4px;\n    font-weight: 700;\n    color: var(--accent);\n}\n\n.premium-glow {\n    position: absolute;\n    top: -50%;\n    right: -50%;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(circle, rgba(200,122,86,0.1) 0%, transparent 70%);\n    pointer-events: none;\n}\n\n\/* --- FEATURES GLASS PANEL --- *\/\n.features-glass-panel {\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.8);\n    border-radius: 24px;\n    padding: 50px;\n    max-width: 850px;\n    margin: 0 auto 60px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n}\n\n.panel-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.5rem;\n    margin-bottom: 30px;\n    color: var(--text-main);\n    text-align: center;\n}\n\n.features-modern-list {\n    list-style: none;\n    display: grid;\n    grid-template-columns: 1fr 1fr; \/* Grid 2 kolumny na desktop *\/\n    gap: 30px;\n}\n\n.features-modern-list li {\n    display: flex;\n    gap: 15px;\n    align-items: flex-start;\n}\n\n.list-icon {\n    width: 32px;\n    height: 32px;\n    background: rgba(200, 122, 86, 0.1);\n    color: var(--accent);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.9rem;\n    flex-shrink: 0;\n}\n\n.list-content {\n    font-size: 1rem;\n    line-height: 1.5;\n    color: var(--text-muted);\n}\n\n\/* --- IMPACT STATEMENT --- *\/\n.impact-wrapper {\n    text-align: center;\n    margin-bottom: 80px;\n}\n\n.impact-intro {\n    font-size: 0.9rem;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    letter-spacing: 1px;\n    margin-bottom: 20px;\n}\n\n.impact-visual {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 30px;\n    font-family: 'Playfair Display', serif;\n    font-size: 1.4rem;\n    flex-wrap: wrap;\n}\n\n.impact-side {\n    position: relative;\n    padding: 20px;\n    max-width: 400px;\n}\n\n.impact-side.left {\n    color: var(--text-muted);\n    font-style: italic;\n    opacity: 0.7;\n}\n\n.impact-side.right {\n    color: var(--text-main);\n    font-weight: 700;\n    background: #fff;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    border-radius: 12px;\n    border-left: 4px solid var(--accent);\n}\n\n.quote-mark {\n    font-size: 3rem;\n    line-height: 0;\n    vertical-align: middle;\n    color: #ddd;\n    margin-right: 5px;\n}\n\n.quote-mark.active {\n    color: var(--accent);\n}\n\n.impact-divider {\n    font-family: 'Lato', sans-serif;\n    font-size: 1rem;\n    color: var(--text-muted);\n    background: #eee;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* --- BONUS GOLD TICKET --- *\/\n.bonus-gold-ticket {\n    background: #2C2A29; \/* Dark Luxury *\/\n    color: #F9F7F2;\n    max-width: 850px;\n    margin: 0 auto;\n    border-radius: 20px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.2);\n}\n\n\/* Z\u0142ota ramka dooko\u0142a (wewn\u0105trz) *\/\n.ticket-border {\n    position: absolute;\n    top: 10px; left: 10px; right: 10px; bottom: 10px;\n    border: 1px dashed rgba(212, 175, 55, 0.3); \/* Gold dashed *\/\n    border-radius: 15px;\n    pointer-events: none;\n}\n\n.ticket-content {\n    padding: 50px;\n    text-align: center;\n    position: relative;\n    z-index: 1;\n}\n\n.bonus-badge {\n    background: #D4AF37; \/* Gold *\/\n    color: #2C2A29;\n    font-weight: 900;\n    font-size: 0.75rem;\n    padding: 5px 12px;\n    border-radius: 4px;\n    display: inline-block;\n    margin-bottom: 20px;\n    letter-spacing: 2px;\n}\n\n.bonus-intro {\n    color: rgba(255,255,255,0.7);\n    margin-bottom: 20px;\n    font-size: 1rem;\n}\n\n.bonus-main-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.6rem;\n    color: #fff;\n    line-height: 1.4;\n    margin-bottom: 30px;\n}\n\n.bonus-divider {\n    width: 50px;\n    height: 1px;\n    background: rgba(212, 175, 55, 0.5);\n    margin: 0 auto 30px;\n}\n\n.gold-text {\n    color: #D4AF37;\n    font-weight: 700;\n    text-transform: uppercase;\n}\n\n\/* --- MEDIA QUERIES --- *\/\n@media (max-width: 768px) {\n    .comparison-deck {\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .deck-connector {\n        transform: rotate(90deg);\n    }\n\n    .card-premium {\n        transform: scale(1);\n    }\n\n    .features-modern-list {\n        grid-template-columns: 1fr; \/* Lista jedna pod drug\u0105 na mobile *\/\n    }\n\n    .impact-visual {\n        flex-direction: column;\n    }\n\n    .impact-side {\n        max-width: 100%;\n        text-align: center;\n    }\n\n    .ticket-content {\n        padding: 30px 20px;\n    }\n    \n    .bonus-main-title {\n        font-size: 1.3rem;\n    }\n}\n\n\/* =========================================\n   MODERN DELIVERABLES SECTION (Value Grid)\n   ========================================= *\/\n\n.deliverables-section-modern {\n    background-color: #fff; \/* Czyste t\u0142o dla kontrastu z poprzedni\u0105 be\u017cow\u0105 sekcj\u0105 *\/\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Ozdobne t\u0142o (kropki\/szum) *\/\n.deliverables-section-modern::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background-image: radial-gradient(#ddd 1px, transparent 1px);\n    background-size: 30px 30px;\n    opacity: 0.3;\n    z-index: 0;\n}\n\n.header-wrapper {\n    text-align: center;\n    margin-bottom: 50px;\n    position: relative;\n    z-index: 1;\n}\n\n.section-sub-text {\n    font-size: 1.2rem;\n    color: var(--text-muted);\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    margin-top: -10px;\n}\n\n\/* --- GRID KAFELK\u00d3W --- *\/\n.deliverables-grid-modern {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); \/* Responsywny grid *\/\n    gap: 25px;\n    margin-bottom: 60px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* Styl Karty *\/\n.value-card {\n    background: #F9F7F2; \/* Jasny be\u017c *\/\n    padding: 30px;\n    border-radius: 16px;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    border: 1px solid rgba(0,0,0,0.02);\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n}\n\n.value-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    background: #fff;\n    border-color: rgba(200, 122, 86, 0.2);\n}\n\n\/* Ikony w kartach *\/\n.icon-bubble-soft {\n    width: 45px;\n    height: 45px;\n    background: #fff;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-muted);\n    font-size: 1.1rem;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.03);\n}\n\n.value-card p {\n    margin: 0;\n    font-size: 0.95rem;\n    color: var(--text-main);\n    line-height: 1.5;\n}\n\n\/* Wyr\u00f3\u017cniona Karta (G\u0142\u00f3wny Switch) *\/\n.highlight-card {\n    background: #fff;\n    border: 1px solid var(--accent);\n    grid-column: span 2; \/* Zajmuje 2 kolumny na desktopie *\/\n}\n\n.icon-bubble-accent {\n    width: 45px;\n    height: 45px;\n    background: var(--accent);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    font-size: 1.2rem;\n}\n\n.highlight-card p {\n    font-size: 1.05rem;\n}\n\n\/* --- ANTI-HUSTLE STRIP (Pasek Negatywny) --- *\/\n.anti-hustle-strip {\n    background: #F5F5F5;\n    border-radius: 50px;\n    padding: 20px 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 30px;\n    margin-bottom: 50px;\n    position: relative;\n    z-index: 1;\n    flex-wrap: wrap;\n}\n\n.anti-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: #888;\n    font-weight: 500;\n    font-size: 0.95rem;\n}\n\n.anti-item i {\n    color: #C62828; \/* Czerwony X *\/\n}\n\n.anti-separator {\n    width: 1px;\n    height: 20px;\n    background: #ddd;\n}\n\n\/* --- RESULT BOX (Efekt Ko\u0144cowy) --- *\/\n.result-highlight-box {\n    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);\n    color: #fff;\n    padding: 40px;\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n    box-shadow: 0 15px 40px rgba(200, 122, 86, 0.25);\n}\n\n.result-icon {\n    font-size: 2.5rem;\n    background: rgba(255,255,255,0.2);\n    width: 70px;\n    height: 70px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.result-content strong {\n    display: block;\n    font-size: 1.2rem;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.result-content p {\n    margin: 0;\n    font-family: 'Playfair Display', serif;\n    font-size: 1.3rem;\n    line-height: 1.3;\n}\n\n\/* --- MEDIA QUERIES --- *\/\n@media (max-width: 992px) {\n    .highlight-card {\n        grid-column: span 1; \/* Na tablecie wraca do 1 kolumny *\/\n    }\n}\n\n@media (max-width: 768px) {\n    .deliverables-grid-modern {\n        grid-template-columns: 1fr;\n    }\n\n    .anti-hustle-strip {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 15px;\n        border-radius: 20px;\n    }\n\n    .anti-separator {\n        display: none;\n    }\n\n    .result-highlight-box {\n        flex-direction: column;\n        text-align: center;\n        padding: 30px 20px;\n    }\n\n    .result-content p {\n        font-size: 1.1rem;\n    }\n}\n\n\n\/* =========================================\n   MODERN AUDIENCE SECTION (Dark Luxury)\n   ========================================= *\/\n\n.audience-section-modern-dark {\n    background-color: #121212; \/* G\u0142\u0119boka czer\u0144\/grafit *\/\n    color: #F9F7F2;\n    position: relative;\n    padding-top: 80px;\n    padding-bottom: 80px;\n    overflow: hidden;\n}\n\n\/* T\u0142o ambientowe *\/\n.dark-ambient-bg {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: radial-gradient(circle at 80% 20%, rgba(200, 122, 86, 0.08), transparent 40%),\n                radial-gradient(circle at 20% 80%, rgba(212, 175, 55, 0.05), transparent 40%);\n    z-index: 0;\n}\n\n.relative-z {\n    position: relative;\n    z-index: 1;\n}\n\n.section-heading-light-modern {\n    text-align: center;\n    margin-bottom: 60px;\n    color: #fff;\n    font-size: 2rem;\n    font-family: 'Playfair Display', serif;\n    letter-spacing: 0.5px;\n}\n\n\/* --- GRID KART --- *\/\n.audience-grid-modern {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    margin-bottom: 60px;\n}\n\n\/* Styl Karty Ciemnej *\/\n.audience-card-dark {\n    background: rgba(255, 255, 255, 0.03); \/* Bardzo ciemne szk\u0142o *\/\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 20px;\n    padding: 40px 30px;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s ease, background 0.3s ease;\n}\n\n.audience-card-dark:hover {\n    background: rgba(255, 255, 255, 0.05);\n    transform: translateY(-5px);\n}\n\n\/* Akcent na g\u00f3rze karty *\/\n.card-top-accent {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 4px;\n}\n\n.pain-accent { background: #555; }\n.gain-accent { background: linear-gradient(90deg, var(--accent), #D4AF37); }\n\n\/* Nag\u0142\u00f3wek w karcie *\/\n.audience-header {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin-bottom: 30px;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n    padding-bottom: 20px;\n}\n\n.audience-icon {\n    font-size: 1.5rem;\n    color: #888;\n    background: rgba(255,255,255,0.05);\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.audience-icon.gold-icon {\n    color: #D4AF37; \/* Gold *\/\n    background: rgba(212, 175, 55, 0.1);\n    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n}\n\n.audience-header h3 {\n    margin: 0;\n    font-size: 1.2rem;\n    color: #fff;\n    line-height: 1.4;\n}\n\n\/* Listy *\/\n.dark-modern-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.dark-modern-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    margin-bottom: 18px;\n    color: rgba(255,255,255,0.8);\n    font-size: 1rem;\n    line-height: 1.6;\n}\n\n.dark-modern-list li i {\n    margin-top: 5px;\n    font-size: 0.9rem;\n}\n\n.dark-modern-list li .fa-chevron-right {\n    color: #555; \/* Subtle arrow *\/\n}\n\n.dark-modern-list li .fa-check {\n    color: var(--accent); \/* Accent check *\/\n}\n\n\/* Wyr\u00f3\u017cnienie prawej karty (Goal) *\/\n.highlight-card-dark {\n    border: 1px solid rgba(200, 122, 86, 0.3);\n    background: rgba(200, 122, 86, 0.03);\n}\n\n.card-glow {\n    position: absolute;\n    bottom: 0; right: 0;\n    width: 150px; height: 150px;\n    background: radial-gradient(circle, rgba(200, 122, 86, 0.15), transparent 70%);\n    pointer-events: none;\n}\n\n\/* --- SUMMARY STATEMENT (System Message) --- *\/\n.summary-statement-modern {\n    background: linear-gradient(90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%);\n    border-left: 4px solid var(--accent);\n    padding: 30px;\n    border-radius: 0 12px 12px 0;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.statement-label {\n    font-size: 0.85rem;\n    text-transform: uppercase;\n    color: var(--text-muted); \/* Tutaj text-muted musi by\u0107 zdefiniowane dla ciemnego t\u0142a lub nadpisane *\/\n    color: #888;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n}\n\n.highlight-text-modern {\n    font-size: 1.25rem;\n    color: #fff;\n    font-weight: 300;\n    line-height: 1.5;\n    margin: 0;\n}\n\n.text-gold {\n    color: #D4AF37;\n    font-weight: 700;\n}\n\n\/* --- MEDIA QUERIES --- *\/\n@media (max-width: 992px) {\n    .audience-grid-modern {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n}\n\n@media (max-width: 768px) {\n    .audience-card-dark {\n        padding: 30px 20px;\n    }\n    \n    .section-heading-light-modern {\n        font-size: 1.6rem;\n    }\n\n    .highlight-text-modern {\n        font-size: 1.1rem;\n    }\n}\n\n\/* =========================================\n   MODERN FINAL DECISION & PRICING (2026)\n   ========================================= *\/\n\n.final-decision-modern {\n    background-color: #FDFBF7; \/* Bardzo jasny krem *\/\n    position: relative;\n    padding-top: 100px;\n    padding-bottom: 100px;\n    overflow: hidden;\n}\n\n\/* Tekstura szumu (Noise Texture) - daje efekt papieru premium *\/\n.noise-overlay {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'\/%3E%3C\/svg%3E\");\n    opacity: 0.4;\n    pointer-events: none;\n    z-index: 0;\n}\n\n\/* Ambient Glow na dole *\/\n.ambient-glow-bottom {\n    position: absolute;\n    bottom: -100px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 600px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(200, 122, 86, 0.15), transparent 70%);\n    z-index: 0;\n}\n\n\/* --- NAG\u0141\u00d3WEK --- *\/\n.final-header {\n    text-align: center;\n    max-width: 850px;\n    margin: 0 auto 50px;\n}\n\n.hero-quote {\n    font-size: 2rem;\n    line-height: 1.3;\n    color: var(--text-main);\n    font-weight: 700;\n}\n\n.text-accent-serif {\n    font-family: 'Playfair Display', serif;\n    color: var(--accent);\n  \n    display: block;\n    margin-top: 10px;\n}\n\n\/* --- VALUE CONTEXT --- *\/\n.value-context-panel {\n    background: #fff;\n    border: 1px solid rgba(0,0,0,0.03);\n    border-radius: 16px;\n    padding: 30px 40px;\n    max-width: 800px;\n    margin: 0 auto 40px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.02);\n}\n\n.context-lead {\n    text-align: center;\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 0.9rem;\n    letter-spacing: 1px;\n    color: var(--text-muted);\n    margin-bottom: 25px;\n}\n\n.final-benefits-grid {\n    list-style: none;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px 40px;\n}\n\n.final-benefits-grid li {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n.benefit-check {\n    width: 24px;\n    height: 24px;\n    background: #E8F5E9; \/* Jasna ziele\u0144 *\/\n    color: #2E7D32;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.8rem;\n    flex-shrink: 0;\n}\n\n.final-benefits-grid span {\n    font-size: 1rem;\n    color: var(--text-main);\n}\n\n\/* --- EMOTIONAL HOOK --- *\/\n.emotional-hook {\n    text-align: center;\n    font-size: 1.2rem;\n    margin-bottom: 60px;\n    color: var(--text-muted);\n}\n\n.emotional-hook strong {\n    color: var(--text-main);\n    font-size: 1.3rem;\n    display: block;\n    margin-top: 5px;\n}\n\n\/* --- PRICING DECK (Uk\u0142ad Kart) --- *\/\n.pricing-deck-2026 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 40px;\n    max-width: 1000px;\n    margin: 0 auto;\n    position: relative;\n}\n\n\/* Wsp\u00f3lne style kart *\/\n.price-card {\n    background: #fff;\n    border-radius: 24px;\n    transition: transform 0.3s ease;\n    position: relative;\n}\n\n\/* KARTA BASIC (Mniejsza) *\/\n.basic-card {\n    width: 350px;\n    padding: 30px;\n    border: 1px solid #eee;\n    opacity: 0.9;\n    z-index: 1;\n}\n\n.basic-card:hover {\n    border-color: #ddd;\n    opacity: 1;\n}\n\n\/* KARTA PREMIUM (G\u0142\u00f3wna) *\/\n.premium-card {\n    width: 420px; \/* Szersza *\/\n    padding: 50px 40px;\n    border: 2px solid var(--accent);\n    box-shadow: 0 25px 60px rgba(200, 122, 86, 0.2); \/* Du\u017cy cie\u0144 *\/\n    z-index: 2;\n    transform: scale(1.05); \/* Fizycznie wi\u0119ksza *\/\n    overflow: hidden;\n}\n\n\/* Odznaka \"POLECANE\" *\/\n.best-value-badge {\n    position: absolute;\n    top: 0; left: 0; width: 100%;\n    background: var(--accent);\n    color: #fff;\n    text-align: center;\n    font-size: 0.8rem;\n    font-weight: 700;\n    letter-spacing: 2px;\n    padding: 8px 0;\n    text-transform: uppercase;\n}\n\n.card-body {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n}\n\n.product-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.5rem;\n    margin-bottom: 15px;\n    color: var(--text-main);\n}\n\n.price-tag {\n    font-size: 2rem;\n    font-weight: 700;\n    color: var(--text-muted);\n    margin-bottom: 15px;\n}\n\n.price-tag-big {\n    font-size: 3.5rem;\n    font-weight: 700;\n    color: var(--accent);\n    font-family: 'Playfair Display', serif;\n    line-height: 1;\n    display: block;\n    margin-bottom: 20px;\n}\n\n.option-desc {\n    font-size: 0.95rem;\n    color: #999;\n    margin-bottom: 30px;\n    min-height: 40px;\n}\n\n.option-desc-highlight {\n    font-size: 1.05rem;\n    color: var(--text-main);\n    margin-bottom: 35px;\n    font-weight: 500;\n    line-height: 1.5;\n}\n\n\/* Przyciski *\/\n.btn-outline-modern {\n    background: transparent;\n    border: 2px solid #ddd;\n    color: var(--text-muted);\n    padding: 15px 20px;\n    border-radius: 50px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: all 0.3s;\n    font-size: 0.95rem;\n}\n\n.btn-outline-modern:hover {\n    border-color: var(--text-main);\n    color: var(--text-main);\n}\n\n\/* Separator \"LUB\" *\/\n.pricing-or {\n    background: #fff;\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 700;\n    color: var(--text-muted);\n    font-size: 0.8rem;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    z-index: 3;\n    margin: 0 -25px; \/* Nachodzi na karty *\/\n}\n\n\/* Ozdobny pasek w karcie Premium *\/\n.card-footer-strip {\n    position: absolute;\n    bottom: 0; left: 0; width: 100%; height: 6px;\n    background: linear-gradient(90deg, var(--accent), #E69A78);\n}\n\n\/* --- FOOTER --- *\/\n.site-footer-modern {\n    background-color: var(--bg-color);\n    padding: 40px 0;\n    color: var(--text-muted);\n    font-size: 0.9rem;\n}\n\n.footer-divider {\n    height: 1px;\n    background: rgba(0,0,0,0.05);\n    margin-bottom: 30px;\n}\n\n.footer-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.footer-icons {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    opacity: 0.7;\n}\n\n\/* --- RWD --- *\/\n@media (max-width: 992px) {\n    .pricing-deck-2026 {\n        flex-direction: column;\n        gap: 30px;\n    }\n\n    .pricing-or {\n        margin: -15px auto; \/* Pionowy odst\u0119p *\/\n    }\n\n    .premium-card {\n        width: 100%;\n        max-width: 500px;\n        transform: scale(1);\n        order: 1; \/* Premium pierwsza na mobile *\/\n    }\n\n    .basic-card {\n        width: 100%;\n        max-width: 500px;\n        order: 3; \/* Basic na dole *\/\n    }\n\n    .pricing-or {\n        order: 2;\n    }\n\n    .final-benefits-grid {\n        grid-template-columns: 1fr; \/* Lista pionowa na mobile *\/\n        gap: 15px;\n    }\n}\n\n@media (max-width: 768px) {\n    .hero-quote {\n        font-size: 1.6rem;\n    }\n    \n    .price-tag-big {\n        font-size: 2.8rem;\n    }\n    \n    .footer-row {\n        flex-direction: column;\n        gap: 15px;\n        text-align: center;\n    }\n}\n\n\n\/* =========================================\n   DIFFERENTIATION REBORN (Unified Panel)\n   ========================================= *\/\n\n.differentiation-reborn {\n    background-color: #F7F5F0; \/* Bardzo jasny be\u017c t\u0142a *\/\n    padding-top: 80px;\n    padding-bottom: 100px;\n}\n\n\/* --- NAG\u0141\u00d3WEK --- *\/\n.reborn-header {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 50px;\n}\n\n.heading-serif {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.2rem;\n    color: var(--text-main);\n    line-height: 1.3;\n    margin-bottom: 20px;\n}\n\n.text-gradient {\n    background: linear-gradient(90deg, var(--accent) 0%, #D4AF37 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    font-weight: 700;\n}\n\n.sub-heading {\n    font-size: 1.1rem;\n    color: var(--text-muted);\n    line-height: 1.6;\n}\n\n\/* --- MASTER PANEL (G\u0142\u00f3wna Rama) --- *\/\n.master-panel {\n    background: #FFFFFF;\n    border-radius: 24px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.05); \/* Du\u017cy, mi\u0119kki cie\u0144 *\/\n    overflow: hidden; \/* \u017beby rogi by\u0142y przyci\u0119te *\/\n    max-width: 900px;\n    margin: 0 auto 40px; \/* Odst\u0119p od Bonusu *\/\n    border: 1px solid rgba(0,0,0,0.03);\n}\n\n.panel-section {\n    padding: 40px;\n    border-bottom: 1px solid #F0F0F0;\n}\n\n.panel-section:last-child {\n    border-bottom: none;\n}\n\n\/* STREFA 1: POR\u00d3WNANIE (Comparison Zone) *\/\n.comparison-zone {\n    background: #FAFAFA; \/* Lekko szarawe t\u0142o dla kontrastu *\/\n}\n\n.zone-label {\n    text-transform: uppercase;\n    font-size: 0.8rem;\n    letter-spacing: 2px;\n    color: #999;\n    margin-bottom: 20px;\n    text-align: center;\n}\n\n.comparison-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 30px;\n}\n\n.comp-box {\n    background: #fff;\n    padding: 25px 30px;\n    border-radius: 12px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    flex: 1;\n    position: relative;\n    border: 1px solid transparent;\n}\n\n\/* Stan pasywny (lewy) *\/\n.state-passive {\n    border-color: #eee;\n}\n.state-passive .status-indicator {\n    width: 8px; height: 8px; background: #ccc; border-radius: 50%;\n    margin-bottom: 15px;\n}\n.state-passive .comp-title { font-size: 0.85rem; color: #999; text-transform: uppercase; margin-bottom: 5px; }\n.state-passive .comp-quote { font-size: 1.1rem; color: #777; font-weight: 500; font-style: italic; }\n\n\/* Stan aktywny (prawy) *\/\n.state-active {\n    border-color: var(--accent);\n    background: #FFFBF9; \/* Bardzo jasna terakota *\/\n}\n.state-active .status-indicator {\n    width: 8px; height: 8px; background: var(--accent); border-radius: 50%;\n    margin-bottom: 15px;\n    box-shadow: 0 0 10px var(--accent);\n}\n.state-active .comp-title { font-size: 0.85rem; color: var(--accent); text-transform: uppercase; margin-bottom: 5px; font-weight: 700; }\n.state-active .comp-quote { font-size: 1.2rem; color: var(--text-main); font-weight: 700; }\n\n.transform-icon {\n    font-size: 1.5rem;\n    color: #ddd;\n}\n\n\/* STREFA 2: FUNKCJE (Features Zone) *\/\n.features-zone {\n    background: #FFFFFF;\n}\n\n.zone-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.4rem;\n    margin-bottom: 30px;\n    color: var(--text-main);\n}\n\n.features-grid-tight {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n}\n\n.feature-item {\n    display: flex;\n    gap: 15px;\n    align-items: flex-start;\n}\n\n.feature-item i {\n    color: var(--accent);\n    font-size: 1.1rem;\n    margin-top: 4px;\n    background: rgba(200, 122, 86, 0.1);\n    padding: 8px;\n    border-radius: 6px;\n    width: 32px; height: 32px;\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0;\n}\n\n.feature-item p {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    margin: 0;\n    color: var(--text-muted);\n}\n\n.highlight-item p {\n    font-weight: 700;\n    color: var(--text-main);\n}\n\n\/* STREFA 3: IMPACT (Impact Zone) *\/\n.impact-zone {\n    background: linear-gradient(135deg, #fff 0%, #F9F7F2 100%);\n    text-align: center;\n}\n\n.impact-label {\n    font-size: 0.9rem;\n    color: #999;\n    margin-bottom: 20px;\n}\n\n.impact-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 35px;\n    font-family: 'Playfair Display', serif;\n    font-size: 1.3rem;\n}\n\n.text-passive {\n    color: #aaa; \n    text-decoration-color: var(--accent);\n    text-decoration-thickness: 2px;\n    flex-basis: 45%;\n}\n\n.impact-divider {\n    font-family: 'Lato', sans-serif;\n    font-size: 0.9rem;\n    background: #eee;\n    color: #888;\n    width: 24px; height: 24px;\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n}\n\n.text-active {\n    color: var(--text-main);\n    font-weight: 700;\n    flex-basis: 45%;\n}\n\n\/* --- BONUS BAR (Dark) --- *\/\n.bonus-bar-dark {\n    background: #2C2A29;\n    color: #fff;\n    max-width: 900px;\n    margin: 0 auto;\n    border-radius: 16px;\n    padding: 30px 40px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n}\n\n.bonus-content {\n    display: flex;\n    align-items: center;\n    gap: 40px;\n}\n\n.bonus-left {\n    flex: 2;\n    border-right: 1px solid rgba(255,255,255,0.1);\n    padding-right: 30px;\n}\n\n.bonus-intro {\n    font-size: 0.85rem;\n    color: var(--accent);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n}\n\n.bonus-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.2rem;\n    line-height: 1.4;\n    margin: 0;\n    color: #fff;\n}\n\n.bonus-right {\n    flex: 1;\n}\n\n.bonus-footer {\n    font-size: 1rem;\n    line-height: 1.4;\n}\n\n.bonus-footer strong {\n    color: #D4AF37; \/* Gold *\/\n}\n\n\/* --- RWD FIX --- *\/\n@media (max-width: 768px) {\n    .comparison-row {\n        flex-direction: column;\n        gap: 15px;\n    }\n    \n    .transform-icon {\n        transform: rotate(90deg);\n    }\n    \n    .comp-box {\n        width: 100%;\n        text-align: center;\n    }\n    \n    .status-indicator { margin: 0 auto 10px; }\n    \n    .features-grid-tight {\n        grid-template-columns: 1fr;\n    }\n    \n    .impact-content {\n        flex-direction: column;\n        gap: 10px;\n        font-size: 1.2rem;\n    }\n    \n    .bonus-content {\n        flex-direction: column;\n        text-align: center;\n        gap: 20px;\n    }\n    \n    .bonus-left {\n        border-right: none;\n        border-bottom: 1px solid rgba(255,255,255,0.1);\n        padding-right: 0;\n        padding-bottom: 20px;\n    }\n    \n    .master-panel {\n        border-radius: 16px; \/* Mniejsze zaokr\u0105glenie na mobile *\/\n    }\n}\n\n\/* =========================================\n   GOLDEN INSIGHT (Bonus Section Fix)\n   ========================================= *\/\n\n.bonus-golden-insight {\n    background: #1A1A1A; \/* Elegancki grafit *\/\n    border-radius: 20px;\n    padding: 50px;\n    max-width: 900px;\n    margin: 0 auto;\n    position: relative;\n    overflow: hidden;\n    color: #fff;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n    border: 1px solid rgba(255,255,255,0.05);\n}\n\n\/* Badge na g\u00f3rze *\/\n.insight-badge {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #D4AF37; \/* Z\u0142oty *\/\n    border: 1px solid rgba(212, 175, 55, 0.3);\n    padding: 5px 12px;\n    border-radius: 50px;\n}\n\n.insight-grid {\n    display: grid;\n    grid-template-columns: 1.5fr auto 1fr; \/* Lewa (szersza) | Separator | Prawa *\/\n    gap: 40px;\n    align-items: center;\n    position: relative;\n    z-index: 2;\n}\n\n\/* LEWA STRONA *\/\n.insight-label {\n    font-size: 0.95rem;\n    color: #D4AF37;\n    margin-bottom: 15px;\n    font-weight: 500;\n}\n\n.insight-heading {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.6rem;\n    line-height: 1.4;\n    color: #fff;\n    margin: 0;\n}\n\n.text-white-dim {\n    color: rgba(255, 255, 255, 0.6);\n}\n\n\/* SEPARATOR (Pionowa linia z gwiazdk\u0105) *\/\n.insight-separator {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    min-height: 100px;\n}\n\n.insight-separator .line {\n    width: 1px;\n    flex-grow: 1;\n    background: linear-gradient(to bottom, transparent, rgba(212, 175, 55, 0.5), transparent);\n}\n\n.insight-separator .icon-star {\n    color: #D4AF37;\n    font-size: 0.8rem;\n    margin: 10px 0;\n    animation: spinSlow 10s infinite linear;\n}\n\n@keyframes spinSlow {\n    100% { transform: rotate(360deg); }\n}\n\n\/* PRAWA STRONA *\/\n.insight-conclusion {\n    text-align: center;\n}\n\n.insight-conclusion p {\n    font-size: 0.9rem;\n    color: #aaa;\n    margin-bottom: 10px;\n    font-style: italic;\n}\n\n.conclusion-box {\n    border: 1px solid #D4AF37;\n    padding: 15px 25px;\n    font-family: 'Playfair Display', serif;\n    font-size: 1.2rem;\n    line-height: 1.3;\n    color: #D4AF37;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    position: relative;\n}\n\n\/* Efekt przesuni\u0119tej ramki (Offset Border) *\/\n.conclusion-box::after {\n    content: '';\n    position: absolute;\n    top: 4px; left: 4px; right: -4px; bottom: -4px;\n    border: 1px solid rgba(212, 175, 55, 0.3);\n    z-index: -1;\n}\n\n\/* T\u0141O (GLOW) *\/\n.golden-glow {\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 70%);\n    pointer-events: none;\n    z-index: 1;\n}\n\n\/* --- RWD FIX --- *\/\n@media (max-width: 768px) {\n    .bonus-golden-insight {\n        padding: 40px 25px;\n        text-align: center;\n    }\n\n    .insight-grid {\n        grid-template-columns: 1fr; \/* Jeden pod drugim *\/\n        gap: 30px;\n    }\n\n    .insight-separator {\n        flex-direction: row; \/* Pozioma linia na mobile *\/\n        width: 100%;\n        height: auto;\n        min-height: auto;\n    }\n\n    .insight-separator .line {\n        height: 1px;\n        width: auto;\n        background: linear-gradient(to right, transparent, rgba(212, 175, 55, 0.5), transparent);\n    }\n\n    .insight-separator .icon-star {\n        margin: 0 15px;\n    }\n\n    .insight-heading {\n        font-size: 1.4rem;\n    }\n    \n    .insight-badge {\n        left: 50%;\n        transform: translateX(-50%);\n    }\n}\n\n\/* =========================================\n   MODERN DELIVERABLES SECTION (Value Grid)\n   ========================================= *\/\n\n.deliverables-section-modern {\n    background-color: #fff;\n    position: relative;\n    overflow: hidden;\n}\n\n.deliverables-section-modern::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background-image: radial-gradient(#ddd 1px, transparent 1px);\n    background-size: 30px 30px;\n    opacity: 0.3;\n    z-index: 0;\n}\n\n.header-wrapper {\n    text-align: center;\n    margin-bottom: 50px;\n    position: relative;\n    z-index: 1;\n}\n\n.section-sub-text {\n    font-size: 1.2rem;\n    color: var(--text-muted);\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    margin-top: -10px;\n}\n\n\/* --- GRID KAFELK\u00d3W --- *\/\n.deliverables-grid-modern {\n    display: grid;\n    \/* Grid 4-kolumnowy na du\u017cych ekranach dla symetrii (4 g\u00f3ra, 4 d\u00f3\u0142) *\/\n    grid-template-columns: repeat(4, 1fr); \n    gap: 25px;\n    margin-bottom: 60px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* Styl Karty *\/\n.value-card {\n    background: #F9F7F2;\n    padding: 30px;\n    border-radius: 16px;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    border: 1px solid rgba(0,0,0,0.02);\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    height: 100%; \/* Rozci\u0105gnij kart\u0119 na ca\u0142\u0105 wysoko\u015b\u0107 wiersza *\/\n}\n\n.value-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    background: #fff;\n    border-color: rgba(200, 122, 86, 0.2);\n}\n\n.icon-bubble-soft {\n    width: 45px;\n    height: 45px;\n    background: #fff;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-muted);\n    font-size: 1.1rem;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.03);\n    flex-shrink: 0; \/* Ikona nie mo\u017ce si\u0119 kurczy\u0107 *\/\n}\n\n.icon-bubble-accent {\n    width: 45px;\n    height: 45px;\n    background: var(--accent);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}\n\n.value-card p {\n    margin: 0;\n    font-size: 0.95rem;\n    color: var(--text-main);\n    line-height: 1.5;\n}\n\n\/* --- KARTA 8: ANTI-HUSTLE (Wyr\u00f3\u017cniona) --- *\/\n.anti-hustle-card {\n    background: #2C2A29; \/* Ciemne t\u0142o *\/\n    color: #fff;\n    border: 1px solid #444;\n    justify-content: center; \/* Wy\u015brodkowanie pionowe *\/\n    padding: 15px;\n}\n\n.anti-hustle-card:hover {\n    background: #1a1a1a;\n    border-color: var(--accent);\n}\n\n.anti-list-vertical {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.anti-list-vertical li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    font-size: 0.95rem;\n    color: rgba(255,255,255,0.9);\n    line-height: 1.4;\n}\n\n.anti-list-vertical li i {\n    color: #D9534F; \/* Czerwie\u0144 *\/\n    margin-top: 3px;\n    flex-shrink: 0;\n}\n\n\/* --- RESULT BOX --- *\/\n.result-highlight-box {\n    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);\n    color: #fff;\n    padding: 40px;\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n    box-shadow: 0 15px 40px rgba(200, 122, 86, 0.25);\n}\n\n.result-icon {\n    font-size: 2.5rem;\n    background: rgba(255,255,255,0.2);\n    width: 70px;\n    height: 70px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.result-content strong {\n    display: block;\n    font-size: 1.2rem;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.result-content p {\n    margin: 0;\n    font-family: 'Playfair Display', serif;\n    font-size: 1.3rem;\n    line-height: 1.3;\n}\n\n\/* --- MEDIA QUERIES --- *\/\n@media (max-width: 1100px) {\n    .deliverables-grid-modern {\n        grid-template-columns: repeat(3, 1fr); \/* 3 kolumny *\/\n    }\n}\n\n@media (max-width: 850px) {\n    .deliverables-grid-modern {\n        grid-template-columns: repeat(2, 1fr); \/* 2 kolumny *\/\n    }\n}\n\n@media (max-width: 600px) {\n    .deliverables-grid-modern {\n        grid-template-columns: 1fr; \/* 1 kolumna na mobile *\/\n    }\n    \n    .result-highlight-box {\n        flex-direction: column;\n        text-align: center;\n        padding: 30px 20px;\n    }\n    \n    .result-content p {\n        font-size: 1.1rem;\n    }\n}\n\n\n\/* =========================================\n   MODERN HERO SECTION (Image Background Fix)\n   ========================================= *\/\n.upsell-hero-modern {\n    position: relative;\n    padding: 140px 0 80px; \n    overflow: hidden;\n    min-height: 90vh; \/* Troch\u0119 wy\u017csza dla lepszego efektu zdj\u0119cia *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    \n    \/* ZDJ\u0118CIE W TLE *\/\n    background: url('Untitled design (4).png') no-repeat center center;\n    background-size: cover;\n    background-attachment: fixed; \/* Opcjonalnie: Paralaksa (t\u0142o stoi w miejscu przy przewijaniu) *\/\n}\n\n\/* Przyciemnienie (Overlay) *\/\n.hero-overlay {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: rgba(0, 0, 0, 0.65); \/* 65% czerni dla czytelno\u015bci *\/\n    z-index: 1;\n}\n\n\/* Ambient Lights - teraz jako subtelne po\u015bwiaty *\/\n.ambient-light {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(80px);\n    opacity: 0.4; \/* Mniejsza przezroczysto\u015b\u0107 *\/\n    z-index: 1; \/* Na r\u00f3wni z overlayem lub lekko pod *\/\n    mix-blend-mode: overlay; \/* Tryb mieszania dla lepszego efektu na zdj\u0119ciu *\/\n}\n\n.ambient-light.one {\n    width: 400px;\n    height: 400px;\n    background: rgba(200, 122, 86, 0.6);\n    top: -50px;\n    left: -100px;\n}\n\n.ambient-light.two {\n    width: 300px;\n    height: 300px;\n    background: rgba(212, 175, 55, 0.5);\n    bottom: 10%;\n    right: -50px;\n    animation-delay: -5s;\n}\n\n@keyframes floatAmbient {\n    0% { transform: translate(0, 0) scale(1); }\n    100% { transform: translate(30px, 40px) scale(1.1); }\n}\n\n.hero-container-glass {\n    position: relative;\n    z-index: 2; \/* Musi by\u0107 wy\u017cej ni\u017c overlay *\/\n    width: 100%;\n    display: flex;\n    justify-content: center;\n}\n\n\/* Karta teraz musi by\u0107 bardziej \"mleczna\" \u017ceby odci\u0105\u0107 si\u0119 od zdj\u0119cia *\/\n.hero-glass-card {\n    background: rgba(255, 255, 255, 0.45); \/* Bardziej bia\u0142a (mniej przezroczysta) *\/\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    box-shadow: \n        0 30px 60px rgba(0, 0, 0, 0.3), \/* Mocniejszy cie\u0144 dla g\u0142\u0119bi *\/\n        inset 0 0 20px rgba(255, 255, 255, 0.8);\n    border-radius: 30px;\n    padding: 60px 40px;\n    text-align: center;\n    max-width: 850px;\n    width: 100%;\n    transition: transform 0.4s ease;\n}\n\n.hero-glass-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.4);\n}\n\n\/* Reszta styl\u00f3w bez zmian, bo s\u0105 wewn\u0105trz bia\u0142ej karty *\/\n.eyebrow {\n    text-transform: uppercase;\n    font-size: 0.8rem;\n    letter-spacing: 3px;\n    color: #000;\n    margin-bottom: 25px;\n    font-weight: 700;\n    opacity: 0.9;\n}\n\n.alert-badge-wrapper {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 30px;\n}\n\n.alert-badge {\n    background: #FFF0EB;\n    color: #C62828;\n    padding: 10px 25px;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: 1.1rem;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    border: 1px solid rgba(198, 40, 40, 0.1);\n    box-shadow: 0 5px 15px rgba(198, 40, 40, 0.08);\n}\n\n.pulse-icon {\n    display: flex;\n    align-items: center;\n    animation: handPulse 1.5s infinite;\n}\n\n@keyframes handPulse {\n    0% { transform: scale(1); }\n    50% { transform: scale(1.2); }\n    100% { transform: scale(1); }\n}\n\n.hero-title-modern {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2rem, 5vw, 3.5rem);\n    color: #000;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    font-weight: 700;\n}\n\n.hero-divider {\n    width: 60px;\n    height: 3px;\n    background: var(--accent);\n    margin: 20px auto 30px;\n    border-radius: 2px;\n    opacity: 0.8;\n}\n\n.hero-subhead-modern {\n    font-size: 1.25rem;\n    color: #000;\n    line-height: 1.6;\n    max-width: 650px;\n    margin: 0 auto 50px;\n}\n\n.btn-scroll-modern {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    text-decoration: none;\n    color: var(--text-main);\n    transition: all 0.3s ease;\n    cursor: pointer;\n}\n\n.btn-scroll-modern .btn-text {\n    font-weight: 700;\n    font-size: 1.1rem;\n    border-bottom: 2px solid transparent;\n    transition: border-color 0.3s;\n}\n\n.btn-scroll-modern .btn-subtext {\n    font-size: 0.9rem; \n    margin-top: 4px;\n    font-weight: 400;\n}\n\n.scroll-icon-circle {\n    width: 50px;\n    height: 50px;\n    background: var(--white);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 20px;\n    color: var(--accent);\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(0,0,0,0.05);\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    animation: bounceSlow 2s infinite;\n}\n\n.btn-scroll-modern:hover .btn-text {\n    border-color: var(--accent);\n    color: var(--accent);\n    background: #fff;\n}\n\n.btn-scroll-modern:hover .scroll-icon-circle {\n    background: var(--accent);\n    color: var(--white);\n    transform: scale(1.1);\n    box-shadow: 0 10px 25px rgba(200, 122, 86, 0.3);\n    animation: none;\n}\n\n@keyframes bounceSlow {\n    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}\n    40% {transform: translateY(-10px);}\n    60% {transform: translateY(-5px);}\n}\n\n\/* RWD *\/\n@media (max-width: 768px) {\n    .upsell-hero-modern {\n        padding: 120px 20px 60px;\n        min-height: auto;\n    }\n    .hero-glass-card {\n        padding: 40px 25px;\n        \/* Na mobile zwi\u0119kszamy krycie karty, \u017ceby tekst by\u0142 idealnie czytelny na ma\u0142ym ekranie *\/\n        background: rgba(255, 255, 255, 0.95); \n    }\n    .alert-badge {\n        padding: 8px 15px;\n        font-size: 0.9rem;\n        width: 100%;\n        justify-content: center;\n        text-align: center;\n    }\n    .hero-subhead-modern {\n        font-size: 1.1rem;\n    }\n}\n\n\n.btn-scroll-modern .btn-text\n{\n        background: var(--accent);\n    border: none;\n    padding: 22px 60px;\n    border-radius: 60px;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    box-shadow: 0 10px 25px rgba(200, 122, 86, 0.3);\n}\n\n.floating-mockup {\n    position: relative;\n    z-index: 1;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transform: perspective(1000px) rotateY(-5deg);\n    transition: all 0.5s ease;\n    animation: floating 6s ease-in-out infinite;\n    max-width: 90%;\n}<\/style>\n<img decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\" src=\"https:\/\/www.facebook.com\/tr?id=1611178473372668&amp;ev=PageView&amp;noscript=1\">\n   \n\n\n<div class=\"upsell-progress-sticky\">\n    <div class=\"progress-container\">\n        <div class=\"progress-meta\">\n            <span class=\"step-badge\"><i class=\"fa-solid fa-lock\"><\/i> Krok 2 z 2<\/span>\n            <span class=\"step-text\">Dostosowanie Twojego planu<\/span>\n            <span class=\"step-percent\">90%<\/span>\n        <\/div>\n        <div class=\"progress-track\">\n            <div class=\"progress-fill animated-gradient\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<header class=\"upsell-hero-modern\">\n    <div class=\"hero-overlay\"><\/div>\n\n    <div class=\"ambient-light one\"><\/div>\n    <div class=\"ambient-light two\"><\/div>\n\n    <div class=\"container hero-container-glass\">\n        <div class=\"hero-glass-card\">\n             \n            <div class=\"alert-badge-wrapper\">\n                <div class=\"alert-badge\">\n                    <span class=\"pulse-icon\"><i class=\"fa-solid fa-hand\"><\/i><\/span>\n                    <span class=\"alert-text\">Poczekaj! To jeszcze nie wszystko!<\/span>\n                <\/div>\n            <\/div>\n\n            <h1 class=\"hero-title-modern\">\n                Jeste\u015b ci\u0105gle zm\u0119czona? Mam co\u015b dla Ciebie!\n            <\/h1>\n\n            <div class=\"hero-divider\"><\/div>\n\n            <p class=\"hero-subhead-modern\">\n                Kolejny krok pokazuje, jak i gdzie jednym ruchem odzyskasz najwi\u0119cej energii &#8211; bez zmieniania ca\u0142ego \u017cycia.\n            <\/p>\n\n<div class=\"hero-buttons-wrapper\" style=\"display: flex; flex-direction: column; align-items: center; gap: 15px; width: 100%;\">\n    \n    <a href=\"#intro\" class=\"btn-scroll-modern\" style=\"width: 100%; max-width: 600px; text-align: center;\">\n        <span class=\"btn-text\">Chc\u0119 zobaczy\u0107, jak odzyskam energi\u0119<\/span>\n        <span class=\"btn-subtext\">(Wszystko z wersji podstawowej i bardziej szczeg\u00f3\u0142owa sekwencja dzia\u0142a\u0144)<\/span>\n    <\/a>\n    \n    <button onclick=\"window.location.href='https:\/\/intuipro.eu\/checkout\/?add-to-cart=1072&amp;currency=PLN'\" class=\"btn-scroll-modern\" style=\"background: none; border: none; box-shadow: none; width: 100%; max-width: 600px; text-align: center; cursor: pointer;\">\n        <span class=\"btn-text\" style=\"color: #111111; font-size: 16px; font-weight: 600;    background: #FFFBF9;\">Nie jestem zainteresowana. Zamawiam Podstawow\u0105 Diagnostyk\u0119<\/span>\n    <\/button>\n    \n<\/div>\n            \n        <\/div>\n    <\/div>\n<\/header>\n\n<section class=\"section-padding intro-section-modern\" id=\"intro\">\n    <div class=\"container\">\n\n        \n        <div class=\"intro-header-modern\">\n            <p class=\"lead-text-modern\">\n                W\u0142a\u015bnie zrobi\u0142a\u015b co\u015b wa\u017cnego.<br>\n                <span class=\"text-highlight\">Zatrzyma\u0142a\u015b si\u0119<\/span> i zobaczy\u0142a\u015b, \u017ce to zm\u0119czenie nie bierze si\u0119 \u201cznik\u0105d\u201d.\n            <\/p>\n            <div class=\"sub-lead-modern\">\n                <div class=\"vertical-line\"><\/div>\n                <p>Podstawowa diagnostyka poka\u017ce Ci <b>gdzie tracisz energi\u0119 i jaki pierwszy krok wykona\u0107, aby j\u0105 odzyska\u0107.<\/b><\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"comparison-wrapper-modern\">\n            \n            <div class=\"card-problem-modern\">\n                <div class=\"card-header-pain\">\n                    <div class=\"icon-box-pain\"><i class=\"fa-solid fa-battery-quarter\"><\/i><\/div>\n                    <h3>Ale je\u015bli czujesz, \u017ce:<\/h3>\n                <\/div>\n                <ul class=\"pain-list-modern\">\n                    <li><span>to nie jest chwilowe ani \u201clekkie\u201d<\/span><\/li>\n                    <li><span>ten tryb rezerwy dzia\u0142a u Ciebie od dawna,<\/span><\/li>\n                    <li><span>nie chcesz kolejnych og\u00f3lnych rad, tylko jasnego kierunku<\/span><\/li>\n                    <li><span>potrzebujesz wiedzie\u0107, <b>gdzie zacz\u0105\u0107<\/b>, \u017ceby dzie\u0144 przesta\u0142 <b>kosztowa\u0107 Ci\u0119 tyle energii<\/b><\/span><\/li>\n                    <li><span>masz <b>do\u015b\u0107 pr\u00f3b<\/b> \u201ewszystkiego po trochu\u201d<\/span><\/li>\n                    <li><span>chcesz wiedzie\u0107, co zmieni\u0107 najpierw, <b>nie wszystko naraz<\/b><\/span><\/li>\n                    <li><span>wi\u0119kszo\u015b\u0107 dnia <b>zu\u017cywa energi\u0119<\/b> na samo utrzymanie wszystkiego<\/span><\/li>\n                    <li><span>chcesz przesta\u0107 <b>nosi\u0107 wszystko w g\u0142owie<\/b><\/span><\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"connector-arrow\">\n                <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n            <\/div>\n\n            <div class=\"card-solution-modern\">\n                <div class=\"card-header-gain\">\n                    <div class=\"icon-box-gain\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\n                    <h3>to Rozszerzona Diagnostyka poka\u017ce Ci:<\/h3>\n                <\/div>\n                <ul class=\"gain-list-modern\">\n                    <li>\n                        <i class=\"fa-solid fa-check-circle\"><\/i>\n                        <span>gdzie <b>jednym ruchem<\/b> odzyskasz najwi\u0119cej energii<\/span>\n                    <\/li>\n                    <li>\n                        <i class=\"fa-solid fa-check-circle\"><\/i>\n                        <span><b>co zmieni\u0107 najpierw<\/b> (a czego na razie nie rusza\u0107)<\/span>\n                    <\/li>\n                    <li>\n                        <i class=\"fa-solid fa-check-circle\"><\/i>\n                        <span>jak zacz\u0105\u0107 zmienia\u0107 to w jasnej kolejno\u015bci, <b>bez wywracania \u017cycia do g\u00f3ry nogami<\/b><\/span>\n                    <\/li>\n                <\/ul>\n                <div class=\"glow-effect\"><\/div>\n            <\/div>\n\n        <\/div>\n\n\n        \n            <img decoding=\"async\" src=\"https:\/\/intuipro.eu\/wp-content\/uploads\/2026\/09\/kopia-diagnostyka-Mockup-pe-ny-raport.png\" class=\"floating-mockup\">\n<section class=\"section-padding testimonial-upsell\" style=\"background-color: #FFFBF9; border-top: 1px solid #f0ebe6; border-bottom: 1px solid #f0ebe6;\">\n    <div class=\"container\" style=\"text-align: center;\">\n        <h2 style=\"margin-bottom: 40px; font-family: 'Playfair Display', serif; color: #5D5654;\">\n            Zobacz, co m\u00f3wi\u0105 kobiety, kt\u00f3re wybra\u0142y pe\u0142n\u0105 \u015bcie\u017ck\u0119:\n        <\/h2>\n        \n        <img decoding=\"async\" src=\"https:\/\/intuipro.eu\/wp-content\/uploads\/2026\/09\/kopia-diagnostyka-Opinia-pe-ny-raport.png\" alt=\"Opinia o rozszerzonej diagnostyce\" style=\"display: block; margin: 0 auto; max-width: 500px; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 15px 35px rgba(0,0,0,0.08);\">\n        \n    <\/div>\n<\/section>\n        <div class=\"cta-block-modern\">\n            <div class=\"cta-primary-modern\">\n                <button class=\"btn-cta-modern btn-pulse-modern\" onclick=\"window.location.href='https:\/\/intuipro.eu\/checkout\/?add-to-cart=1070&amp;currency=PLN'\">\n                    <span class=\"btn-main-text\">Zamawiam Pe\u0142n\u0105 Diagnostyk\u0119 &#8211; 197 z\u0142<\/span>\n                    <span class=\"btn-sub-text\">(Wszystko z wersji podstawowej i bardziej szczeg\u00f3\u0142owa sekwencja dzia\u0142a\u0144)<\/span>\n                    <div class=\"btn-shine\"><\/div>\n                <\/button>\n            <\/div>\n            <div class=\"cta-secondary-modern\">\n                <button class=\"btn-text-modern\" onclick=\"window.location.href='https:\/\/intuipro.eu\/checkout\/?add-to-cart=1072&amp;currency=PLN'\">\n                    Bior\u0119 Podstawow\u0105 Diagnostyk\u0119 &#8211; 97 z\u0142\n                <\/button>\n            <\/div>\n             <div class=\"post-purchase-info\" style=\"text-align: center; margin-top: 15px; font-size: 0.9em; color: #555; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                <i class=\"fa-regular fa-envelope\" style=\"color: #d18d72;\"><\/i>\n                <span>Po p\u0142atno\u015bci dostaniesz link do ankiety. Wype\u0142nij 15-minutow\u0105 ankiet\u0119, a raport przyjdzie mailem, zwykle w ci\u0105gu pi\u0119ciu minut.<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<section class=\"section-padding differentiation-reborn\" id=\"offer\">\n    <div class=\"container\">\n        \n        <div class=\"reborn-header\">\n            <h2 class=\"heading-serif\">\n                Wiedzie\u0107 \u201edlaczego\u201d to pocz\u0105tek. <br>\n                <span class=\"text-gradient\">Wiedzie\u0107 \u201cco teraz\u201d zmienia wszystko<\/span>\n            <\/h2>\n            <p class=\"sub-heading\">\n                Rozszerzona Diagnostyka to nie \u201ewi\u0119cej tre\u015bci\u201d.<br>\n                To wi\u0119ksza precyzja i konkretny punkt, w kt\u00f3rym zaczyna wraca\u0107 energia\n            <\/p>\n        <\/div>\n\n        <div class=\"master-panel\">\n            \n            <div class=\"panel-section comparison-zone\">\n                <div class=\"zone-label\">W skr\u00f3cie:<\/div>\n                \n                <div class=\"comparison-row\">\n                    <div class=\"comp-box state-passive\">\n                        <div class=\"status-indicator\"><\/div>\n                        <p class=\"comp-title\">Kr\u00f3tki raport m\u00f3wi:<\/p>\n                        <p class=\"comp-quote\">\u201eTo dlatego jeste\u015b w trybie rezerwy.\u201d<\/p>\n                    <\/div>\n\n                    <div class=\"transform-icon\">\n                        <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n                    <\/div>\n\n                    <div class=\"comp-box state-active\">\n                        <div class=\"status-indicator pulse\"><\/div>\n                        <p class=\"comp-title\">Rozszerzony raport m\u00f3wi:<\/p>\n                        <p class=\"comp-quote\">\u201eTu go wy\u0142\u0105czysz. Od tego zacznij.\u201d<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"panel-section features-zone\">\n                <h3 class=\"zone-title\">Dostajesz:<\/h3>\n                <div class=\"features-grid-tight\">\n                    <div class=\"feature-item\">\n                        <i class=\"fa-solid fa-crosshairs\"><\/i>\n                        <p>wskazanie <b>g\u0142\u00f3wnego miejsca<\/b>, kt\u00f3re najbardziej podnosi Tw\u00f3j dzienny koszt energii<\/p>\n                    <\/div>\n                    <div class=\"feature-item\">\n                        <i class=\"fa-regular fa-clock\"><\/i>\n                        <p>po\u0142\u0105czenie objaw\u00f3w <b>z konkretnymi momentami dnia<\/b>: decyzjami, reakcjami, automatyzmami<\/p>\n                    <\/div>\n                    <div class=\"feature-item\">\n                        <i class=\"fa-regular fa-lightbulb\"><\/i>\n                        <p>jasne wyja\u015bnienie, <b>dlaczego u Ciebie dzia\u0142a to w\u0142a\u015bnie tak<\/b> (bez obwiniania i bez og\u00f3lnik\u00f3w)<\/p>\n                    <\/div>\n                    <div class=\"feature-item highlight-item\">\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <p>konkret: <b>co zmieni\u0107 najpierw<\/b>, a <b>czego na razie nie dotyka\u0107<\/b>, \u017ceby nie dok\u0142ada\u0107 sobie wysi\u0142ku<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"panel-section impact-zone\">\n                <p class=\"impact-label\">To r\u00f3\u017cnica mi\u0119dzy:<\/p>\n                <div class=\"impact-content\">\n                    <div class=\"text-passive\">\u201eOkej, rozumiem, czemu jestem zm\u0119czona.\u201d<\/div>\n                    <div class=\"impact-divider\"><i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n                    <div class=\"text-active\"><b>\u201eOkej. Wiem dok\u0142adnie, co zmieniam od jutra  &#8211; i dlaczego w\u0142a\u015bnie to.\u201d<\/b><\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"bonus-golden-insight\"> \n            <div class=\"insight-badge\">WARTO\u015a\u0106 DODANA<\/div>\n            <div class=\"insight-grid\">\n                <div class=\"insight-main\">\n                    <p class=\"insight-label\">Dodatkowo dostajesz co\u015b, czego wi\u0119kszo\u015b\u0107 os\u00f3b nie ma nigdy:<\/p>\n                    <h3 class=\"insight-heading\">\n                        Dowiesz si\u0119 jak mie\u0107 wi\u0119cej energii by zmieni\u0107 to, co mo\u017cesz zmieni\u0107. <br>\n                        <span class=\"text-white-dim\">Jak funkcjonowa\u0107 z tym, czego zmieni\u0107 si\u0119 nie da.<\/span>\n                    <\/h3>\n                <\/div>\n\n                <div class=\"insight-separator\">\n                    <div class=\"line\"><\/div>\n                    <div class=\"icon-star\"><i class=\"fa-solid fa-star\"><\/i><\/div>\n                    <div class=\"line\"><\/div>\n                <\/div>\n\n                <div class=\"insight-conclusion\">\n                    <p>A przede wszystkim &#8211;<\/p>\n                    <div class=\"conclusion-box\">\n                        JAK ODR\u00d3\u017bNI\u0106 <br> jedno od drugiego.\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"golden-glow\"><\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<section class=\"section-padding deliverables-section-modern\">\n    <div class=\"container\">\n        \n        <div class=\"header-wrapper\">\n            <h2 class=\"section-heading-center\">CO DOK\u0141ADNIE DOSTAJESZ?<\/h2>\n            <p class=\"section-sub-text\">W Rozszerzonej Diagnostyce znajdziesz:<\/p>\n        <\/div>\n        \n        <div class=\"deliverables-grid-modern\">\n            \n            <div class=\"value-card\">\n                <div class=\"icon-bubble-soft\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\n                <p><b>pe\u0142niejszy obraz Twojego przeci\u0105\u017cenia<\/b> i tego, jak obszary wp\u0142ywaj\u0105 na siebie nawzajem<\/p>\n            <\/div>\n\n            <div class=\"value-card\">\n                <div class=\"icon-bubble-soft\"><i class=\"fa-solid fa-stairs\"><\/i><\/div>\n                <p>rozpisanie <b>dominuj\u0105cego mechanizmu<\/b> krok po kroku: jak startuje i jak eskaluje w ci\u0105gu dnia<\/p>\n            <\/div>\n\n            <div class=\"value-card\">\n                <div class=\"icon-bubble-soft\"><i class=\"fa-solid fa-house-user\"><\/i><\/div>\n                <p><b>realne przyk\u0142ady z codzienno\u015bci<\/b> (praca, dom, relacje, decyzje), kt\u00f3re natychmiast rozpoznasz<\/p>\n            <\/div>\n\n            <div class=\"value-card\">\n                <div class=\"icon-bubble-accent\"><i class=\"fa-solid fa-power-off\"><\/i><\/div>\n                <p><strong>jeden <b>g\u0142\u00f3wny \u201eswitch\u201d<\/b><\/strong> \u2014 zmiana, kt\u00f3ra obni\u017ca dzienny koszt energii najbardziej<\/p>\n            <\/div>\n\n            <div class=\"value-card\">\n                <div class=\"icon-bubble-soft\"><i class=\"fa-regular fa-clock\"><\/i><\/div>\n                <p>trzy <b>mikro-switche<\/b> (rano, w pracy, wieczorem), \u017ceby wdro\u017cy\u0107 to bez rewolucji<\/p>\n            <\/div>\n\n            <div class=\"value-card\">\n                <div class=\"icon-bubble-soft\"><i class=\"fa-solid fa-list-ol\"><\/i><\/div>\n                <p><b>jasn\u0105 sekwencj\u0119<\/b>: co zrobi\u0107 najpierw, co p\u00f3\u017aniej, i czego teraz absolutnie nie rusza\u0107<\/p>\n            <\/div>\n\n            <div class=\"value-card\">\n                <div class=\"icon-bubble-soft\"><i class=\"fa-solid fa-road\"><\/i><\/div>\n                <p>wskaz\u00f3wki, jak nie wr\u00f3ci\u0107 do tego samego punktu za kilka tygodni<\/p>\n            <\/div>\n\n            <div class=\"value-card anti-hustle-card\">\n                <ul class=\"anti-list-vertical\">\n                    <li>\n                        <i class=\"fa-solid fa-xmark\"><\/i> <span>Bez og\u00f3lnik\u00f3w.<\/span>\n                    <\/li>\n                    <li>\n                        <i class=\"fa-solid fa-xmark\"><\/i> <span>Bez \u201epracuj nad sob\u0105\u201d.<\/span>\n                    <\/li>\n                    <li>\n                        <i class=\"fa-solid fa-xmark\"><\/i> <span>Bez dok\u0142adania kolejnych nierealnych obowi\u0105zk\u00f3w.<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"result-highlight-box\">\n            <div class=\"result-icon\"><i class=\"fa-solid fa-star\"><\/i><\/div>\n            <div class=\"result-content\">\n                <strong>Efekt ma by\u0107 prosty i odczuwalny:<\/strong>\n                <p>wyj\u015bcie z trybu rezerwy, ni\u017cszy koszt codzienno\u015bci i wi\u0119cej si\u0142y na koniec dnia.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<section class=\"section-padding audience-section-modern-dark\">\n    <div class=\"dark-ambient-bg\"><\/div>\n\n    <div class=\"container relative-z\">\n        <h2 class=\"section-heading-light-modern\">DLA KOGO TEN KROK B\u0118DZIE MIA\u0141 NAJWI\u0118KSZ\u0104 WARTO\u015a\u0106?<\/h2>\n        \n        <div class=\"audience-grid-modern\">\n            \n            <div class=\"audience-card-dark\">\n                <div class=\"card-top-accent pain-accent\"><\/div>\n                <div class=\"audience-header\">\n                    <div class=\"audience-icon\"><i class=\"fa-solid fa-user-clock\"><\/i><\/div>\n                    <h3>Rozszerzona Diagnostyka jest szczeg\u00f3lnie dla Ciebie, je\u015bli:<\/h3>\n                <\/div>\n                <ul class=\"dark-modern-list\">\n                    <li>\n                        <i class=\"fa-solid fa-chevron-right\"><\/i>\n                        <span>czujesz, \u017ce <b>sama \u015bwiadomo\u015b\u0107 to ju\u017c za ma\u0142o<\/b><\/span>\n                    <\/li>\n                    <li>\n                        <i class=\"fa-solid fa-chevron-right\"><\/i>\n                        <span><b>masz do\u015b\u0107 p\u00f3\u0142\u015brodk\u00f3w<\/b> i chwilowej ulgi<\/span>\n                    <\/li>\n                    <li>\n                        <i class=\"fa-solid fa-chevron-right\"><\/i>\n                        <span>od dawna <b> dzia\u0142asz \u201ena wysokich obrotach\u201d<\/b> i widzisz, jaki to ma koszt<\/span>\n                    <\/li>\n                    <li>\n                        <i class=\"fa-solid fa-chevron-right\"><\/i>\n                        <span>nie szukasz motywacji, tylko miejsca, w kt\u00f3rym <b>mo\u017cesz realnie odci\u0105\u017cy\u0107 dzie\u0144<\/b><\/span>\n                    <\/li>\n                    <li>\n                        <i class=\"fa-solid fa-chevron-right\"><\/i>\n                        <span>chcesz <b>mniejszego kosztu \u017cycia<\/b>, a nie kolejnego projektu do ogarni\u0119cia<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"audience-card-dark highlight-card-dark\">\n                <div class=\"card-top-accent gain-accent\"><\/div>\n                <div class=\"audience-header\">\n                    <div class=\"audience-icon gold-icon\"><i class=\"fa-solid fa-spa\"><\/i><\/div>\n                    <h3>Je\u015bli Twoim celem jest:<\/h3>\n                <\/div>\n                <ul class=\"dark-modern-list\">\n                    <li>\n                        <i class=\"fa-solid fa-check\"><\/i>\n                        <span><b>mniej napi\u0119cia<\/b> w ciele i w g\u0142owie<\/span>\n                    <\/li>\n                    <li>\n                        <i class=\"fa-solid fa-check\"><\/i>\n                        <span><b>mniej chaosu<\/b> w decyzjach<\/span>\n                    <\/li>\n                    <li>\n                        <i class=\"fa-solid fa-check\"><\/i>\n                        <span><b>ciszej w \u015brodku<\/b>, bez ci\u0105g\u0142ego \u201emusz\u0119, powinnam, jeszcze jedno\u201d<\/span>\n                    <\/li>\n                    <li>\n                        <i class=\"fa-solid fa-check\"><\/i>\n                        <span><b>wi\u0119cej spokoju<\/b> bez rezygnowania z ambicji i odpowiedzialno\u015bci<\/span>\n                    <\/li>\n                <\/ul>\n                <div class=\"card-glow\"><\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"summary-statement-modern\">\n            <div class=\"statement-label\">Innymi s\u0142owy:<\/div>\n            <p class=\"highlight-text-modern\">\n                je\u015bli nie chcesz zmienia\u0107 ca\u0142ego \u017cycia, tylko <b>przesta\u0107 \u017cy\u0107 na rezerwie i zacz\u0105\u0107 odzyskiwa\u0107 energi\u0119 w tym, co ju\u017c jest &#8211; <span class=\"text-gold\">to jest dok\u0142adnie ten moment i ten ruch.<\/span><\/b>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"section-padding final-decision-modern\">\n    <div class=\"noise-overlay\"><\/div>\n    <div class=\"ambient-glow-bottom\"><\/div>\n\n    <div class=\"container relative-z\">\n        \n        <div class=\"final-header\">\n            <h2 class=\"hero-quote\">\n                Najwi\u0119kszym hamulcem nie jest brak wiedzy.<br>\n                <span class=\"text-accent-serif\">Najwi\u0119kszym hamulcem jest wiedzie\u0107 \u2014 i dalej dzia\u0142a\u0107 w ten sam spos\u00f3b.<\/span>\n            <\/h2>\n        <\/div>\n\n        <div class=\"value-context-panel\">\n            <p class=\"context-lead\">Je\u015bli zdecydujesz si\u0119 teraz, mo\u017cesz osi\u0105gn\u0105\u0107:<\/p>\n            <ul class=\"final-benefits-grid\">\n                <li>\n                    <div class=\"benefit-check\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                    <span>pe\u0142niejszy obraz tego, <b>sk\u0105d naprawd\u0119 bierze si\u0119 Tw\u00f3j codzienny koszt energii<\/b><\/span>\n                <\/li>\n                <li>\n                    <div class=\"benefit-check\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                    <span>jeden jasny kierunek, <b>od kt\u00f3rego warto zacz\u0105\u0107<\/b><\/span>\n                <\/li>\n                <li>\n                    <div class=\"benefit-check\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                    <span><b>koniec pr\u00f3b<\/b> \u201ewszystkiego po trochu\u201d<\/span>\n                <\/li>\n                <li>\n                    <div class=\"benefit-check\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                    <span>pierwsze <b>realne wyj\u015bcie z trybu rezerwy<\/b><\/span>\n                <\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"emotional-hook\">\n            <p>\n                To nie jest kolejny produkt.<br>\n                <strong>To moment, w kt\u00f3rym przestajesz tylko rozumie\u0107 &#8211; a <b>zaczynasz odzyskiwa\u0107 energi\u0119 w praktyce.<\/b><\/strong>\n            <\/p>\n        <\/div>\n\n        <div class=\"pricing-deck-2026\">\n            \n            <div class=\"price-card basic-card\">\n                <div class=\"card-body-flex\">\n                    <div class=\"card-top-content\">\n                        <h3 class=\"product-title\">Podstawowa Diagnostyka<\/h3>\n                        <div class=\"price-tag\">97 z\u0142<\/div>\n                        <p class=\"option-desc\">Tw\u00f3j profil, wyja\u015bnienie i jeden praktyczny pierwszy krok. Pe\u0142na Diagnostyka to bardziej szczeg\u00f3\u0142owa sekwencja dzia\u0142a\u0144.<\/p>\n                    <\/div>\n                    \n                    <div class=\"card-bottom-action\">\n                        <button class=\"btn-outline-modern btn-full-width\" onclick=\"window.location.href='https:\/\/intuipro.eu\/checkout\/?add-to-cart=1072&amp;currency=PLN'\">\n                            Bior\u0119 Podstawow\u0105 Diagnostyk\u0119 &#8211; 97 z\u0142\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"pricing-or\">\n                <span>LUB<\/span>\n            <\/div>\n\n            <div class=\"price-card premium-card\">\n                <div class=\"best-value-badge\">POLECANE<\/div>\n                <div class=\"card-body-flex\">\n                    <div class=\"card-top-content\">\n                        <h3 class=\"product-title\">Pe\u0142na Diagnostyka<\/h3>\n                        <div class=\"price-wrapper\">\n                            <span class=\"price-tag-big\">197 z\u0142<\/span>\n                        <\/div>\n                        <p class=\"option-desc-highlight\">Wszystko z wersji podstawowej i bardziej szczeg\u00f3\u0142owa sekwencja dzia\u0142a\u0144<\/p>\n                    <\/div>\n                    \n                    <div class=\"card-bottom-action\">\n                        <button class=\"btn-cta-modern btn-pulse-modern btn-full-width\" onclick=\"window.location.href='https:\/\/intuipro.eu\/checkout\/?add-to-cart=1070&amp;currency=PLN'\">\n                            <span class=\"btn-main-text\">Zamawiam Pe\u0142n\u0105 Diagnostyk\u0119 &#8211; 197 z\u0142<\/span>\n                            <div class=\"btn-shine\"><\/div>\n                        <\/button>\n                    <\/div>\n                <\/div>\n                <div class=\"card-footer-strip\"><\/div>\n            <\/div>\n\n        <\/div>\n        \n        <div class=\"post-purchase-info\" style=\"text-align: center; margin-top: 25px; font-size: 0.9em; color: #555; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n            <i class=\"fa-regular fa-envelope\" style=\"color: #d18d72;\"><\/i>\n            <span>Po p\u0142atno\u015bci dostaniesz link do ankiety. Wype\u0142nij 15-minutow\u0105 ankiet\u0119, a raport przyjdzie mailem, zwykle w ci\u0105gu pi\u0119ciu minut.<\/span>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<footer class=\"site-footer-modern\">\n    <div class=\"container\">\n        <div class=\"footer-divider\"><\/div>\n        <div class=\"footer-row\">\n            <p>\u00a9 2026 Katarzyna Biernacka. Wszelkie prawa zastrze\u017cone.<\/p>\n            <div class=\"footer-icons\">\n                <i class=\"fa-solid fa-lock\"><\/i> Bezpieczna p\u0142atno\u015b\u0107 SSL\n            <\/div>\n        <\/div>\n    <\/div>\n<\/footer>\n\n<script>\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            document.querySelector(this.getAttribute('href')).scrollIntoView({\n                behavior: 'smooth'\n            });\n        });\n    });\n<\/script>\n\n\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Krok 2 z 2 Dostosowanie Twojego planu 90% Poczekaj! To jeszcze nie wszystko! Jeste\u015b ci\u0105gle zm\u0119czona? Mam co\u015b dla Ciebie! Kolejny krok pokazuje, jak i gdzie jednym ruchem odzyskasz najwi\u0119cej energii &#8211; bez zmieniania ca\u0142ego \u017cycia. Chc\u0119 zobaczy\u0107, jak odzyskam energi\u0119 (Wszystko z wersji podstawowej i bardziej szczeg\u00f3\u0142owa sekwencja dzia\u0142a\u0144) Nie jestem zainteresowana. Zamawiam Podstawow\u0105 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-1534","page","type-page","status-publish","hentry","entry","owp-thumbs-layout-horizontal","owp-btn-normal","owp-tabs-layout-horizontal","has-no-thumbnails","has-product-nav"],"_links":{"self":[{"href":"https:\/\/intuipro.eu\/pl\/wp-json\/wp\/v2\/pages\/1534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intuipro.eu\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intuipro.eu\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intuipro.eu\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/intuipro.eu\/pl\/wp-json\/wp\/v2\/comments?post=1534"}],"version-history":[{"count":6,"href":"https:\/\/intuipro.eu\/pl\/wp-json\/wp\/v2\/pages\/1534\/revisions"}],"predecessor-version":[{"id":1755,"href":"https:\/\/intuipro.eu\/pl\/wp-json\/wp\/v2\/pages\/1534\/revisions\/1755"}],"wp:attachment":[{"href":"https:\/\/intuipro.eu\/pl\/wp-json\/wp\/v2\/media?parent=1534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}