{"id":3588,"date":"2026-03-04T07:18:48","date_gmt":"2026-03-04T07:18:48","guid":{"rendered":"https:\/\/mymetaskill.com\/?page_id=3588"},"modified":"2026-03-05T04:24:27","modified_gmt":"2026-03-05T04:24:27","slug":"custom-form","status":"publish","type":"page","link":"https:\/\/mymetaskill.com\/pl\/custom-form\/","title":{"rendered":"Custom form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3588\" class=\"elementor elementor-3588\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f529417 e-flex e-con-boxed e-con e-parent\" data-id=\"f529417\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d720840 elementor-widget elementor-widget-html\" data-id=\"d720840\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n   METASKILLS - Elementor HTML Widget\r\n   Form: WP AJAX \u2192 saves as custom post type + sends email\r\n   Paste this inside Elementor > HTML Widget\r\n   ============================================= -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\/* ============ SCOPED RESET & BASE ============ *\/\r\n.ms-widget * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n.ms-widget {\r\n    font-family: 'Inter', sans-serif;\r\n    background-color: #171735;\r\n    color: #FFFFFF;\r\n    overflow-x: hidden;\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n.ms-widget h1,\r\n.ms-widget h2,\r\n.ms-widget h3,\r\n.ms-widget h4,\r\n.ms-widget h5,\r\n.ms-widget h6 {\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* ============ UTILITIES ============ *\/\r\n.ms-widget .text-gradient {\r\n    background: linear-gradient(89.78deg, #C300FF 0.13%, #01B0FF 99.76%);\r\n    -webkit-background-clip: text;\r\n    -webkithttps:\/\/mymetaskill.com-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n.ms-widget .bg-tech-grid {\r\n    background-size: 50px 50px;\r\n    background-image:\r\n        linear-gradient(to right, rgba(255,255,255,0.02) 1px, transparent 1px),\r\n        linear-gradient(to bottom, rgba(255,255,255,0.02) 1px, transparent 1px);\r\n}\r\n.ms-widget .glow-blob {\r\n    position: absolute;\r\n    background: linear-gradient(89.78deg, #841BA5 0.13%, #01B0FF 99.76%);\r\n    opacity: 0.2;\r\n    filter: blur(120px);\r\n    z-index: 0;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n.ms-widget .glass-card {\r\n    background: linear-gradient(125.36deg, #22273D 0.77%, #15182F 100%);\r\n    box-shadow: 0px 36px 69px rgba(8,6,28,0.07);\r\n    border-radius: 24px;\r\n    border: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.ms-widget .section {\r\n    position: relative;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n}\r\n.ms-widget .container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n}\r\n\r\n\/* ============ FORM ============ *\/\r\n.ms-widget .form-input {\r\n    background: rgba(255,255,255,0.05);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    color: white;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    padding: 12px 16px;\r\n    border-radius: 12px;\r\n    font-size: 14px;\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n.ms-widget .form-input:focus {\r\n    outline: none;\r\n    border-color: #01B0FF;\r\n    background: rgba(255,255,255,0.1);\r\n    box-shadow: 0 0 0 4px rgba(1,176,255,0.1);\r\n}\r\n.ms-widget .form-input::placeholder { color: rgba(255,255,255,0.4); }\r\n.ms-widget select option { background-color: #22273D; color: white; }\r\n.ms-widget .form-label {\r\n    display: block;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    color: #D1D5DB;\r\n    margin-bottom: 4px;\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n.ms-widget .form-group { margin-bottom: 0; }\r\n.ms-widget .form-grid-2 {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n}\r\n.ms-widget .form-checkbox {\r\n    appearance: none;\r\n    background-color: rgba(255,255,255,0.05);\r\n    width: 18px;\r\n    height: 18px;\r\n    border: 1px solid rgba(255,255,255,0.2);\r\n    border-radius: 4px;\r\n    display: grid;\r\n    place-content: center;\r\n    cursor: pointer;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n}\r\n.ms-widget .form-checkbox::before {\r\n    content: \"\";\r\n    width: 10px;\r\n    height: 10px;\r\n    transform: scale(0);\r\n    transition: 120ms transform ease-in-out;\r\n    box-shadow: inset 1em 1em #01B0FF;\r\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\r\n}\r\n.ms-widget .form-checkbox:checked::before { transform: scale(1); }\r\n.ms-widget .btn-submit {\r\n    width: 100%;\r\n    padding: 16px;\r\n    background: #01B0FF;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    font-family: 'Poppins', sans-serif;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 0 20px rgba(1,176,255,0.3);\r\n}\r\n.ms-widget .btn-submit:hover:not(:disabled) { background: #0099e0; transform: translateY(-1px); }\r\n.ms-widget .btn-submit:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }\r\n\r\n\/* Error message *\/\r\n.ms-widget .ms-error-msg {\r\n    display: none;\r\n    background: rgba(239,68,68,0.15);\r\n    border: 1px solid rgba(239,68,68,0.3);\r\n    border-radius: 8px;\r\n    padding: 10px 14px;\r\n    font-size: 13px;\r\n    color: #FCA5A5;\r\n    font-family: 'Inter', sans-serif;\r\n    text-align: center;\r\n}\r\n\r\n\/* ============ PING ANIMATION ============ *\/\r\n@keyframes ms-ping {\r\n    75%, 100% { transform: scale(2); opacity: 0; }\r\n}\r\n.ms-widget .animate-ping {\r\n    animation: ms-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\r\n}\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media (max-width: 900px) {\r\n    .ms-widget .hero-grid { grid-template-columns: 1fr !important; }\r\n    .ms-widget .form-grid-2 { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 640px) {\r\n    .ms-widget .hero-h1 { font-size: 32px !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ms-widget\">\r\n\r\n    <!-- BG GRID -->\r\n    <div style=\"position:absolute;inset:0;z-index:0;pointer-events:none;\" class=\"bg-tech-grid\"><\/div>\r\n    <!-- GLOW BLOBS -->\r\n    <div class=\"glow-blob\" style=\"width:600px;height:600px;top:-100px;left:-200px;\"><\/div>\r\n    <div class=\"glow-blob\" style=\"width:500px;height:500px;top:20%;right:-100px;\"><\/div>\r\n\r\n    <!-- ================================================\r\n         HERO SECTION\r\n    ================================================ -->\r\n    <div class=\"section\" style=\"padding:150px 0 60px;\">\r\n        <!-- BG Image -->\r\n        <div style=\"position:absolute;inset:0;z-index:0;\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80\"\r\n                 alt=\"\" style=\"width:100%;height:100%;object-fit:cover;opacity:0.35;\">\r\n            <div style=\"position:absolute;inset:0;background:linear-gradient(to right,#171735,rgba(23,23,53,0.8),transparent);\"><\/div>\r\n            <div style=\"position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(23,23,53,0.5),#171735);\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"container\" style=\"position:relative;z-index:2;\">\r\n            <div class=\"hero-grid\" style=\"display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center;\">\r\n\r\n                <!-- LEFT: COPY -->\r\n                <div id=\"ms-hero-copy\">\r\n                    <!-- Badge -->\r\n                    <div style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(1,176,255,0.1);border:1px solid rgba(1,176,255,0.2);border-radius:999px;padding:6px 16px;margin-bottom:24px;\">\r\n                        <span style=\"position:relative;display:flex;height:8px;width:8px;\">\r\n                            <span class=\"animate-ping\" style=\"position:absolute;display:inline-flex;height:100%;width:100%;border-radius:50%;background:#01B0FF;opacity:0.75;\"><\/span>\r\n                            <span style=\"position:relative;display:inline-flex;height:8px;width:8px;border-radius:50%;background:#01B0FF;\"><\/span>\r\n                        <\/span>\r\n                        <span style=\"font-size:11px;font-weight:700;color:#01B0FF;text-transform:uppercase;letter-spacing:0.1em;font-family:'Inter',sans-serif;\">KFS \/ BUR 2026<\/span>\r\n                    <\/div>\r\n\r\n                    <h1 class=\"hero-h1\" style=\"font-size:52px;font-weight:600;color:#fff;line-height:1.2;margin-bottom:20px;font-family:'Poppins',sans-serif;\">\r\n                        Szkolenia sprzeda\u017cowe<br>\r\n                        <span class=\"text-gradient\">z dotacj\u0105 do 100%<\/span>\r\n                    <\/h1>\r\n\r\n                    <p style=\"font-size:17px;color:#D1D5DB;margin-bottom:28px;max-width:520px;line-height:1.7;font-family:'Inter',sans-serif;\">\r\n                        Zwi\u0119ksz wyniki zespo\u0142u dzi\u0119ki praktycznym symulacjom AI. Ty decydujesz kogo szkolimy, a my bierzemy na siebie ca\u0142\u0105 papierologi\u0119.\r\n                    <\/p>\r\n\r\n                    <!-- Bullets -->\r\n                    <ul style=\"list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:32px;\">\r\n                        <li style=\"display:flex;align-items:center;color:#E5E7EB;font-size:16px;font-weight:500;font-family:'Inter',sans-serif;\">\r\n                            <span style=\"background:rgba(34,197,94,0.2);border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;\">\r\n                                <i class=\"fas fa-check\" style=\"color:#4ADE80;font-size:11px;\"><\/i>\r\n                            <\/span>\r\n                            <span><strong>Pe\u0142ne dofinansowanie:<\/strong> odzyskaj do 100% koszt\u00f3w<\/span>\r\n                        <\/li>\r\n                        <li style=\"display:flex;align-items:center;color:#E5E7EB;font-size:16px;font-weight:500;font-family:'Inter',sans-serif;\">\r\n                            <span style=\"background:rgba(34,197,94,0.2);border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;\">\r\n                                <i class=\"fas fa-check\" style=\"color:#4ADE80;font-size:11px;\"><\/i>\r\n                            <\/span>\r\n                            <span><strong>Minimum formalno\u015bci:<\/strong> przygotujemy wnioski za Ciebie<\/span>\r\n                        <\/li>\r\n                        <li style=\"display:flex;align-items:center;color:#E5E7EB;font-size:16px;font-weight:500;font-family:'Inter',sans-serif;\">\r\n                            <span style=\"background:rgba(34,197,94,0.2);border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;\">\r\n                                <i class=\"fas fa-check\" style=\"color:#4ADE80;font-size:11px;\"><\/i>\r\n                            <\/span>\r\n                            <span><strong>Praktyczny trening:<\/strong> \u0107wicz na realnych scenariuszach<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- RIGHT: FORM (loaded via AJAX from Elementor template 3577) -->\r\n                <div id=\"lead-form-ms\">\r\n                    <!-- Loading spinner shown while form fetches -->\r\n                    <div id=\"ms-form-loading\" style=\"display:flex;align-items:center;justify-content:center;min-height:300px;\">\r\n                        <div style=\"text-align:center;\">\r\n                            <div style=\"width:40px;height:40px;border:3px solid rgba(1,176,255,0.2);border-top-color:#01B0FF;border-radius:50%;animation:ms-spin 0.8s linear infinite;margin:0 auto 16px;\"><\/div>\r\n                            <p style=\"font-family:'Inter',sans-serif;font-size:13px;color:#9CA3AF;\">\u0141adowanie formularza\u2026<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Form HTML injected here by JS -->\r\n                    <div id=\"ms-form-container\"><\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div><!-- \/.ms-widget -->\r\n\r\n<!-- ================================================\r\n     SCRIPTS: spin animation + fetch Elementor form\r\n================================================ -->\r\n<style>\r\n@keyframes ms-spin {\r\n    to { transform: rotate(360deg); }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    'use strict';\r\n\r\n    var ajaxUrl = (window.ms_ajax && window.ms_ajax.url)\r\n        ? window.ms_ajax.url\r\n        : '\/wp-admin\/admin-ajax.php';\r\n\r\n    \/\/ \u2500\u2500 Fetch rendered Elementor template 3577 via AJAX \u2500\u2500\r\n    var data = new FormData();\r\n    data.append('action', 'ms_get_form');\r\n\r\n    fetch(ajaxUrl, {\r\n        method: 'POST',\r\n        body: data,\r\n        credentials: 'same-origin'\r\n    })\r\n    .then(function(res) { return res.json(); })\r\n    .then(function(json) {\r\n        var loading   = document.getElementById('ms-form-loading');\r\n        var container = document.getElementById('ms-form-container');\r\n\r\n        if (json && json.success && json.data && json.data.html) {\r\n            \/\/ Inject the form HTML\r\n            container.innerHTML = json.data.html;\r\n\r\n            \/\/ Re-run any scripts that came with the template\r\n            container.querySelectorAll('script').forEach(function(oldScript) {\r\n                var newScript = document.createElement('script');\r\n                Array.from(oldScript.attributes).forEach(function(attr) {\r\n                    newScript.setAttribute(attr.name, attr.value);\r\n                });\r\n                newScript.textContent = oldScript.textContent;\r\n                oldScript.parentNode.replaceChild(newScript, oldScript);\r\n            });\r\n\r\n            \/\/ Hide spinner\r\n            loading.style.display = 'none';\r\n        } else {\r\n            loading.innerHTML = '<p style=\"font-family:Inter,sans-serif;font-size:13px;color:#F87171;text-align:center;\">Nie uda\u0142o si\u0119 za\u0142adowa\u0107 formularza.<br>Od\u015bwie\u017c stron\u0119 lub skontaktuj si\u0119 z nami.<\/p>';\r\n        }\r\n    })\r\n    .catch(function(err) {\r\n        console.error('ms_get_form error:', err);\r\n        document.getElementById('ms-form-loading').innerHTML =\r\n            '<p style=\"font-family:Inter,sans-serif;font-size:13px;color:#F87171;text-align:center;\">Nie uda\u0142o si\u0119 za\u0142adowa\u0107 formularza.<br>Od\u015bwie\u017c stron\u0119 lub skontaktuj si\u0119 z nami.<\/p>';\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06c1287 e-con-full e-flex e-con e-parent\" data-id=\"06c1287\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a060b7 elementor-widget elementor-widget-html\" data-id=\"4a060b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Metaskills - Dofinansowanie szkole\u0144 soft skills do 100%<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                        heading: ['Poppins', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        'brand-dark': '#171735',\r\n                        'brand-card-from': '#22273D',\r\n                        'brand-card-to': '#15182F',\r\n                        'brand-purple': '#841BA5',\r\n                        'brand-blue': '#01B0FF',\r\n                    },\r\n                    backgroundImage: {\r\n                        'main-gradient': 'linear-gradient(89.78deg, #841BA5 0.13%, #01B0FF 99.76%)',\r\n                        'card-gradient': 'linear-gradient(125.36deg, #22273D 0.77%, #15182F 100%)',\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        body { \r\n            font-family: 'Inter', sans-serif; \r\n            background-color: #171735;\r\n            color: #FFFFFF;\r\n            overflow-x: hidden;\r\n        }\r\n        h1, h2, h3, h4, h5, h6, .font-heading {\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n        \r\n        .text-gradient {\r\n            background: linear-gradient(89.78deg, #C300FF 0.13%, #01B0FF 99.76%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        \/* Subtelna globalna siatka (Tech Grid) *\/\r\n        .bg-tech-grid {\r\n            background-size: 50px 50px;\r\n            background-image: \r\n                linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n            mask-image: linear-gradient(to bottom, black 10%, transparent 95%);\r\n            -webkit-mask-image: linear-gradient(to bottom, black 10%, transparent 95%);\r\n        }\r\n\r\n        .glow-blob {\r\n            position: absolute;\r\n            background: linear-gradient(89.78deg, #841BA5 0.13%, #01B0FF 99.76%);\r\n            opacity: 0.25;\r\n            filter: blur(120px);\r\n            z-index: 0;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .glass-card {\r\n            background: linear-gradient(125.36deg, #22273D 0.77%, #15182F 100%);\r\n            box-shadow: 0px 36px 69px rgba(8, 6, 28, 0.07);\r\n            border-radius: 24px;\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n        }\r\n\r\n        \/* Form styling *\/\r\n        .form-input {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            color: white;\r\n            transition: all 0.3s ease;\r\n        }\r\n        .form-input:focus {\r\n            outline: none;\r\n            border-color: #01B0FF;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            box-shadow: 0 0 0 4px rgba(1, 176, 255, 0.1);\r\n        }\r\n        .form-input::placeholder {\r\n            color: rgba(255, 255, 255, 0.4);\r\n        }\r\n        \r\n        select option {\r\n            background-color: #22273D;\r\n            color: white;\r\n        }\r\n\r\n        \/* Marquee Animation *\/\r\n        @keyframes marquee {\r\n            0% { transform: translateX(0%); }\r\n            100% { transform: translateX(-100%); }\r\n        }\r\n        .animate-marquee {\r\n            display: flex;\r\n            animation: marquee 30s linear infinite;\r\n        }\r\n        .marquee-container:hover .animate-marquee {\r\n            animation-play-state: paused;\r\n        }\r\n        \r\n        \/* Custom Checkbox *\/\r\n        .form-checkbox {\r\n            appearance: none;\r\n            background-color: rgba(255, 255, 255, 0.05);\r\n            margin: 0;\r\n            font: inherit;\r\n            color: currentColor;\r\n            width: 1.15em;\r\n            height: 1.15em;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-radius: 0.15em;\r\n            display: grid;\r\n            place-content: center;\r\n            cursor: pointer;\r\n        }\r\n        .form-checkbox::before {\r\n            content: \"\";\r\n            width: 0.65em;\r\n            height: 0.65em;\r\n            transform: scale(0);\r\n            transition: 120ms transform ease-in-out;\r\n            box-shadow: inset 1em 1em #01B0FF;\r\n            transform-origin: center;\r\n            clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\r\n        }\r\n        .form-checkbox:checked::before {\r\n            transform: scale(1);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-brand-dark text-white relative\">\r\n\r\n    <!-- Globalny Tech Grid w tle ca\u0142ej strony -->\r\n    <div class=\"fixed inset-0 z-0 pointer-events-none bg-tech-grid\"><\/div>\r\n\r\n    <!-- Globalne efekty \u015bwietlne z g\u00f3ry -->\r\n    <div class=\"glow-blob w-[700px] h-[700px] top-0 left-[-200px]\"><\/div>\r\n    <div class=\"glow-blob w-[600px] h-[600px] top-[20%] right-[-100px]\"><\/div>\r\n\r\n    <!-- ZREDUKOWANY NAVBAR -->\r\n    <nav class=\"fixed w-full z-50 bg-[#0A0A21]\/80 backdrop-blur-lg border-b border-white\/10 transition-all duration-300\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex justify-between h-20 items-center\">\r\n                <div class=\"flex-shrink-0 flex items-center cursor-pointer\" onclick=\"window.scrollTo(0,0)\">\r\n                    <span class=\"text-2xl font-bold tracking-tighter text-white font-heading\">Metaskills<span class=\"text-brand-blue\">.com<\/span><\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"flex items-center\">\r\n                    <a href=\"#lead-form\" class=\"px-6 py-2.5 bg-white\/5 text-white text-sm font-semibold rounded-full hover:bg-white\/10 transition border border-white\/10 font-heading backdrop-blur-md\">\r\n                        Um\u00f3w demo\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- HERO SECTION Z FORMULARZEM -->\r\n    <header class=\"relative pt-32 pb-20 lg:pt-40 lg:pb-24 z-10 overflow-hidden\">\r\n        \r\n        <!-- Zdj\u0119cie w tle Hero -->\r\n        <div class=\"absolute inset-0 z-0\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80\" alt=\"Zesp\u00f3\u0142 biznesowy na spotkaniu\" class=\"w-full h-full object-cover opacity-40\">\r\n            <div class=\"absolute inset-0 bg-gradient-to-r from-[#171735] via-[#171735]\/80 to-transparent\"><\/div>\r\n            <div class=\"absolute inset-0 bg-gradient-to-b from-transparent via-[#171735]\/50 to-[#171735]\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-8 items-center\">\r\n                \r\n                <!-- LEWA KOLUMNA (COPY) -->\r\n                <div class=\"lg:col-span-7 text-center lg:text-left\">\r\n                    \r\n                    <div class=\"inline-flex items-center space-x-2 bg-brand-blue\/10 border border-brand-blue\/20 rounded-full px-4 py-1.5 mb-6 backdrop-blur-sm\">\r\n                        <span class=\"relative flex h-2 w-2\">\r\n                          <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-brand-blue opacity-75\"><\/span>\r\n                          <span class=\"relative inline-flex rounded-full h-2 w-2 bg-brand-blue\"><\/span>\r\n                        <\/span>\r\n                        <span class=\"text-xs font-bold text-brand-blue uppercase tracking-widest\">KFS \/ BUR 2026<\/span>\r\n                    <\/div>\r\n\r\n                    <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-semibold text-white tracking-tight mb-6 leading-[1.2] font-heading\">\r\n                        Szkolenia sprzeda\u017cowe<br\/>\r\n                        <span class=\"text-gradient\">z dotacj\u0105 do 100%<\/span>\r\n                    <\/h1>\r\n\r\n                    <p class=\"text-lg text-gray-300 mb-8 font-sans max-w-xl mx-auto lg:mx-0\">\r\n                        Zwi\u0119ksz wyniki zespo\u0142u dzi\u0119ki praktycznym symulacjom AI. Ty decydujesz kogo szkolimy, a my bierzemy na siebie ca\u0142\u0105 papierologi\u0119.\r\n                    <\/p>\r\n\r\n                    <!-- BULLETY KORZY\u015aCI -->\r\n                    <ul class=\"space-y-4 mb-10 text-left max-w-xl mx-auto lg:mx-0 text-lg font-medium\">\r\n                        <li class=\"flex items-center text-gray-200 drop-shadow-md\">\r\n                            <div class=\"bg-green-500\/20 rounded-full p-1 mr-3\">\r\n                                <i class=\"fas fa-check text-green-400 text-sm w-4 h-4 flex items-center justify-center\"><\/i>\r\n                            <\/div>\r\n                            <span><strong>Pe\u0142ne dofinansowanie:<\/strong> odzyskaj do 100% koszt\u00f3w<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center text-gray-200 drop-shadow-md\">\r\n                            <div class=\"bg-green-500\/20 rounded-full p-1 mr-3\">\r\n                                <i class=\"fas fa-check text-green-400 text-sm w-4 h-4 flex items-center justify-center\"><\/i>\r\n                            <\/div>\r\n                            <span><strong>Minimum formalno\u015bci:<\/strong> przygotujemy wnioski za Ciebie<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center text-gray-200 drop-shadow-md\">\r\n                            <div class=\"bg-green-500\/20 rounded-full p-1 mr-3\">\r\n                                <i class=\"fas fa-check text-green-400 text-sm w-4 h-4 flex items-center justify-center\"><\/i>\r\n                            <\/div>\r\n                            <span><strong>Praktyczny trening:<\/strong> \u0107wicz na realnych scenariuszach<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- PRAWA KOLUMNA (FORMULARZ) -->\r\n                <div class=\"lg:col-span-5\" id=\"lead-form\">\r\n                    <div class=\"glass-card p-8 lg:p-10 relative overflow-hidden backdrop-blur-xl bg-gradient-to-br from-[#22273D]\/90 to-[#15182F]\/90 border border-white\/10\">\r\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-brand-blue\/20 rounded-full blur-3xl\"><\/div>\r\n                        \r\n                        <h3 class=\"text-2xl font-bold text-white mb-2 font-heading relative z-10\">\r\n                            Um\u00f3w darmow\u0105 konsultacj\u0119\r\n                        <\/h3>\r\n                        <p class=\"text-sm text-gray-400 mb-6 relative z-10\">Skontaktujemy si\u0119 z Tob\u0105 w ci\u0105gu 24 godzin, aby um\u00f3wi\u0107 spersonalizowane demo.<\/p>\r\n\r\n                        <form class=\"space-y-4 relative z-10\" onsubmit=\"event.preventDefault(); alert('Dzi\u0119kujemy! Skontaktujemy si\u0119 w ci\u0105gu 24h.');\">\r\n                            \r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <div>\r\n                                    <label class=\"block text-xs font-medium text-gray-300 mb-1\">Imi\u0119 *<\/label>\r\n                                    <input type=\"text\" required class=\"form-input w-full px-4 py-3 rounded-xl text-sm bg-black\/20\">\r\n                                <\/div>\r\n                                <div>\r\n                                    <label class=\"block text-xs font-medium text-gray-300 mb-1\">Nazwisko *<\/label>\r\n                                    <input type=\"text\" required class=\"form-input w-full px-4 py-3 rounded-xl text-sm bg-black\/20\">\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div>\r\n                                <label class=\"block text-xs font-medium text-gray-300 mb-1\">Adres e-mail *<\/label>\r\n                                <input type=\"email\" required class=\"form-input w-full px-4 py-3 rounded-xl text-sm bg-black\/20\">\r\n                            <\/div>\r\n                            \r\n                            <div>\r\n                                <label class=\"block text-xs font-medium text-gray-300 mb-1\">Numer telefonu *<\/label>\r\n                                <input type=\"tel\" required class=\"form-input w-full px-4 py-3 rounded-xl text-sm bg-black\/20\">\r\n                            <\/div>\r\n\r\n                            <div class=\"flex items-start mt-4 pt-2\">\r\n                                <input type=\"checkbox\" required class=\"form-checkbox mt-0.5 mr-3 shrink-0 cursor-pointer\">\r\n                                <label class=\"text-[11px] text-gray-400 leading-tight\">\r\n                                    Wyra\u017cam zgod\u0119 na przetwarzanie moich danych osobowych przez Metaskills sp. z o.o. w celu obs\u0142ugi zapytania, um\u00f3wienia prezentacji platformy oraz przedstawienia oferty.*\r\n                                <\/label>\r\n                            <\/div>\r\n                            \r\n                            <button type=\"submit\" class=\"w-full mt-4 py-4 bg-brand-blue hover:bg-blue-500 text-white rounded-xl font-bold font-heading transition shadow-[0_0_20px_rgba(1,176,255,0.3)]\">\r\n                                Um\u00f3w demo\r\n                            <\/button>\r\n                        <\/form>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- SOCIAL PROOF - P\u00d3\u0141PRZEZROCZYSTE T\u0141O -->\r\n    <section class=\"py-12 border-y border-white\/5 bg-white\/[0.02] backdrop-blur-sm relative z-10 overflow-hidden\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center mb-8\">\r\n            <p class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-2 font-sans\">\r\n                Zaufali nam liderzy rynku\r\n            <\/p>\r\n            <p class=\"text-gray-500 text-sm font-medium\">\r\n                Wdro\u017cenia dla sprzeda\u017cy, lider\u00f3w i HR \u2013 od pilota\u017cu po skal\u0119.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Karuzela Logotyp\u00f3w -->\r\n        <div class=\"relative flex overflow-hidden marquee-container w-full group\">\r\n            <div class=\"absolute inset-y-0 left-0 w-32 bg-gradient-to-r from-[#171735] to-transparent z-10 pointer-events-none\"><\/div>\r\n            <div class=\"absolute inset-y-0 right-0 w-32 bg-gradient-to-l from-[#171735] to-transparent z-10 pointer-events-none\"><\/div>\r\n\r\n            <div class=\"animate-marquee min-w-full flex-shrink-0 flex justify-around items-center gap-16 px-8\">\r\n                <span class=\"text-2xl font-black tracking-widest text-[#0057A4] opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all cursor-pointer drop-shadow-md\">EFL<\/span>\r\n                <span class=\"text-2xl font-bold tracking-wider text-[#FF3C00] opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all cursor-pointer drop-shadow-md\">CRIDO<\/span>\r\n                <span class=\"text-2xl font-extrabold tracking-tighter text-[#008A3C] opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all cursor-pointer drop-shadow-md\">MAXI ZOO<\/span>\r\n                <span class=\"text-2xl font-bold tracking-tighter bg-white text-red-600 px-3 py-1 rounded opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all cursor-pointer shadow-lg\">ROSSMANN<\/span>\r\n                <span class=\"text-xl font-bold tracking-tight text-[#008A45] opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all cursor-pointer drop-shadow-md\">PGNiG <span class=\"font-normal\">TERMIKA<\/span><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"animate-marquee min-w-full flex-shrink-0 flex justify-around items-center gap-16 px-8\" aria-hidden=\"true\">\r\n                <span class=\"text-2xl font-black tracking-widest text-[#0057A4] opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all cursor-pointer drop-shadow-md\">EFL<\/span>\r\n                <span class=\"text-2xl font-bold tracking-wider text-[#FF3C00] opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all cursor-pointer drop-shadow-md\">CRIDO<\/span>\r\n                <span class=\"text-2xl font-extrabold tracking-tighter text-[#008A3C] opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all cursor-pointer drop-shadow-md\">MAXI ZOO<\/span>\r\n                <span class=\"text-2xl font-bold tracking-tighter bg-white text-red-600 px-3 py-1 rounded opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all cursor-pointer shadow-lg\">ROSSMANN<\/span>\r\n                <span class=\"text-xl font-bold tracking-tight text-[#008A45] opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all cursor-pointer drop-shadow-md\">PGNiG <span class=\"font-normal\">TERMIKA<\/span><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SEKCJA O DOFINANSOWANIU (KFS\/BUR) -->\r\n    <section class=\"py-24 relative z-10 border-b border-white\/5 bg-[#0A0A21] overflow-hidden\">\r\n        \r\n        <!-- Zdj\u0119cie w tle - Flagi UE \/ Fundusze Europejskie -->\r\n        <div class=\"absolute inset-0 z-0\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1592842416718-f29e2f41b3ce?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80\" alt=\"\" class=\"w-full h-full object-cover opacity-25 mix-blend-luminosity\">\r\n            <div class=\"absolute inset-0 bg-gradient-to-r from-[#0A0A21] via-[#0A0A21]\/95 to-[#0A0A21]\/50\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Po\u015bwiata w tle (Niebiesko-\u017c\u00f3\u0142ta dla klimatu UE) -->\r\n        <div class=\"absolute top-1\/2 right-0 w-[600px] h-[600px] bg-brand-blue\/15 blur-[150px] rounded-full pointer-events-none z-0 transform -translate-y-1\/2\"><\/div>\r\n        <div class=\"absolute bottom-0 right-1\/4 w-[400px] h-[400px] bg-yellow-500\/10 blur-[150px] rounded-full pointer-events-none z-0\"><\/div>\r\n\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\r\n                <!-- Lewa strona - Opis -->\r\n                <div>\r\n                    <div class=\"inline-flex items-center px-4 py-1.5 rounded-full bg-blue-900\/40 border border-brand-blue\/30 text-blue-400 text-xs font-bold uppercase tracking-wide mb-6 backdrop-blur-md shadow-[0_0_10px_rgba(1,176,255,0.2)]\">\r\n                        <i class=\"fas fa-star text-yellow-400 mr-2\"><\/i> Fundusze Europejskie i KFS\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl md:text-5xl font-semibold text-white mb-6 font-heading leading-tight\">\r\n                        Rozw\u00f3j zespo\u0142u ze <br\/>\r\n                        <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-blue to-blue-400\">\u015brodk\u00f3w unijnych<\/span>\r\n                    <\/h2>\r\n                    <p class=\"text-lg text-gray-300 mb-8 leading-relaxed\">\r\n                        \u015arodki pochodz\u0105 bezpo\u015brednio z programu <strong>Fundusze Europejskie na rzecz Rozwoju Spo\u0142ecznego (FERS)<\/strong>. Jeste\u015bmy <strong>certyfikowanym dostawc\u0105 szkole\u0144 w Bazie Us\u0142ug Rozwojowych (BUR)<\/strong>, co gwarantuje bezproblemowe uzyskanie i rozliczenie dotacji. Ty decydujesz, kogo szkolimy \u2013 my przejmujemy na siebie wszystkie urz\u0119dowe formalno\u015bci.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"grid sm:grid-cols-2 gap-6 mb-8\">\r\n                        <div class=\"bg-black\/30 backdrop-blur-md border border-white\/10 rounded-2xl p-6 hover:border-brand-blue\/50 transition duration-300 shadow-inner\">\r\n                            <h4 class=\"text-brand-blue font-bold text-3xl mb-1 font-heading\">100%<\/h4>\r\n                            <p class=\"text-white font-semibold mb-2\">Mikroprzedsi\u0119biorstwa<\/p>\r\n                            <p class=\"text-gray-400 text-sm\">Firmy zatrudniaj\u0105ce do 10 os\u00f3b otrzymuj\u0105 pe\u0142ny zwrot koszt\u00f3w szkolenia.<\/p>\r\n                        <\/div>\r\n                        <div class=\"bg-black\/30 backdrop-blur-md border border-white\/10 rounded-2xl p-6 hover:border-brand-blue\/50 transition duration-300 shadow-inner\">\r\n                            <h4 class=\"text-brand-blue font-bold text-3xl mb-1 font-heading\">80%<\/h4>\r\n                            <p class=\"text-white font-semibold mb-2\">M\u015aP i Du\u017ce Firmy<\/p>\r\n                            <p class=\"text-gray-400 text-sm\">Wi\u0119ksze organizacje pokrywaj\u0105 jedynie 20% warto\u015bci wk\u0142adu w\u0142asnego.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <ul class=\"space-y-4\">\r\n                        <li class=\"flex items-center text-gray-200 drop-shadow-md\">\r\n                            <div class=\"bg-brand-blue\/20 rounded-full p-1.5 mr-4\">\r\n                                <i class=\"fas fa-euro-sign text-brand-blue text-sm w-4 h-4 flex items-center justify-center\"><\/i>\r\n                            <\/div>\r\n                            <span>Limit dotacji unijnych to \u015brednio do <strong>21 000 z\u0142<\/strong> na jednego pracownika.<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center text-gray-200 drop-shadow-md\">\r\n                            <div class=\"bg-brand-blue\/20 rounded-full p-1.5 mr-4\">\r\n                                <i class=\"fas fa-balance-scale text-brand-blue text-sm w-4 h-4 flex items-center justify-center\"><\/i>\r\n                            <\/div>\r\n                            <span>Pomoc <em>de minimis<\/em> \u2013 proste zasady, zdejmujemy z Ciebie ci\u0119\u017car papierologii.<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <!-- Prawa strona - Karta Kalkulacji -->\r\n                <div class=\"relative\">\r\n                    <div class=\"glass-card bg-gradient-to-br from-[#22273D]\/90 to-[#15182F]\/90 backdrop-blur-2xl border border-white\/10 rounded-3xl p-8 md:p-10 shadow-[0_20px_50px_rgba(0,0,0,0.5)] relative overflow-hidden group\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-tr from-brand-blue\/5 to-purple-500\/5 opacity-0 group-hover:opacity-100 transition duration-700\"><\/div>\r\n                        \r\n                        <div class=\"flex items-center justify-between mb-8 pb-8 border-b border-white\/10 relative z-10\">\r\n                            <div>\r\n                                <div class=\"text-sm text-gray-400 mb-1 uppercase tracking-wider font-semibold\">Twoja Oszcz\u0119dno\u015b\u0107<\/div>\r\n                                <div class=\"text-4xl font-bold text-white font-heading drop-shadow-md\">do 100%<\/div>\r\n                            <\/div>\r\n                            <div class=\"h-14 w-14 bg-brand-blue\/20 border border-brand-blue\/30 rounded-2xl flex items-center justify-center text-brand-blue shadow-[0_0_15px_rgba(1,176,255,0.3)]\">\r\n                                <i class=\"fas fa-piggy-bank text-2xl\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"space-y-5 relative z-10\">\r\n                            <div class=\"flex justify-between items-center text-base\">\r\n                                <span class=\"text-gray-300\">Koszt rynkowy platformy<\/span>\r\n                                <span class=\"text-gray-500 line-through font-mono\">15 000 PLN<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex justify-between items-center text-base\">\r\n                                <span class=\"text-brand-blue font-semibold\">Dofinansowanie UE \/ KFS<\/span>\r\n                                <span class=\"text-brand-blue font-semibold font-mono\">-15 000 PLN<\/span>\r\n                            <\/div>\r\n                            <div class=\"pt-5 border-t border-white\/10 flex justify-between items-center\">\r\n                                <span class=\"text-white font-bold text-xl\">Tw\u00f3j wk\u0142ad w\u0142asny<\/span>\r\n                                <span class=\"text-white font-bold text-3xl font-mono text-transparent bg-clip-text bg-gradient-to-r from-brand-blue to-blue-300\">0 PLN<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"mt-8 bg-blue-500\/10 border border-blue-500\/20 rounded-xl p-4 text-center text-blue-400 text-sm font-medium relative z-10 flex items-center justify-center gap-3 shadow-inner\">\r\n                            <span class=\"relative flex h-2 w-2\">\r\n                              <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-75\"><\/span>\r\n                              <span class=\"relative inline-flex rounded-full h-2 w-2 bg-brand-blue\"><\/span>\r\n                            <\/span>\r\n                            Pule \u015brodk\u00f3w unijnych znikaj\u0105 szybko. Przygotujmy wniosek dzi\u015b.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- JAK TO DZIA\u0141A - LOKALNA PO\u015aWIATA -->\r\n    <section class=\"py-24 relative z-10\">\r\n        <!-- Po\u015bwiata dla tej sekcji -->\r\n        <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[800px] h-[400px] bg-brand-purple\/10 blur-[120px] rounded-full pointer-events-none z-0\"><\/div>\r\n\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-3xl md:text-5xl font-semibold text-white mb-4 font-heading\">\r\n                    3 kroki do uruchomienia szkole\u0144<br\/>z dofinansowaniem\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-3 gap-8 relative\">\r\n                <div class=\"hidden md:block absolute top-1\/2 left-0 w-full h-0.5 bg-gradient-to-r from-brand-purple to-brand-blue -translate-y-1\/2 z-0 opacity-30\"><\/div>\r\n\r\n                <div class=\"glass-card p-8 relative z-10 bg-[#171735]\/80 backdrop-blur-md\">\r\n                    <div class=\"w-12 h-12 rounded-full bg-[#15182F] border-2 border-brand-purple flex items-center justify-center text-xl font-bold font-heading mb-6 mx-auto shadow-[0_0_15px_rgba(132,27,165,0.4)]\">1<\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-3 font-heading text-center\">15 min rozmowy kwalifikacyjnej<\/h3>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed text-center\">\r\n                        Szybki telefon. Ustalamy Tw\u00f3j cel biznesowy, grup\u0119 docelow\u0105, preferowane terminy i optymalny bud\u017cet.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"glass-card p-8 relative z-10 bg-[#171735]\/80 backdrop-blur-md\">\r\n                    <div class=\"w-12 h-12 rounded-full bg-[#15182F] border-2 border-brand-blue flex items-center justify-center text-xl font-bold font-heading mb-6 mx-auto shadow-[0_0_15px_rgba(1,176,255,0.4)]\">2<\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-3 font-heading text-center\">Dob\u00f3r \u015bcie\u017cki i dokumenty<\/h3>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed text-center\">\r\n                        Wybieramy KFS lub BUR. Dostarczamy jasn\u0105 checklist\u0119 i prowadzimy Ci\u0119 za r\u0119k\u0119 przez wszystkie niezb\u0119dne formalno\u015bci urz\u0119dowe.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"glass-card p-8 relative z-10 bg-[#171735]\/80 backdrop-blur-md\">\r\n                    <div class=\"w-12 h-12 rounded-full bg-[#15182F] border-2 border-green-500 flex items-center justify-center text-xl font-bold font-heading mb-6 mx-auto shadow-[0_0_15px_rgba(34,197,94,0.4)]\">3<\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-3 font-heading text-center\">Start pilota\u017cu + Raport<\/h3>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed text-center\">\r\n                        Uruchamiamy system. Po 2 tygodniach dostajesz twarde wyniki, rekomendacje oraz plan na skalowanie w ca\u0142ej organizacji.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"text-center mt-12\">\r\n                <a href=\"#lead-form\" class=\"inline-block px-8 py-4 border border-brand-blue text-brand-blue rounded-full font-semibold hover:bg-brand-blue hover:text-white transition-all duration-300 font-heading shadow-[0_0_15px_rgba(1,176,255,0.2)]\">\r\n                    Um\u00f3w demo\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- DLACZEGO METASKILLS - P\u00d3\u0141PRZEZROCZYSTE T\u0141O -->\r\n    <section class=\"py-24 bg-white\/[0.02] backdrop-blur-md relative z-10 border-y border-white\/5\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-3xl md:text-5xl font-semibold text-white mb-6 font-heading\">\r\n                    Bo ludzie nie ucz\u0105 si\u0119 rozm\u00f3w z PDF-\u00f3w\r\n                <\/h2>\r\n                <p class=\"text-gray-400\">Dzia\u0142a w przegl\u0105darce i w VR \u2013 ta sama metodyka, inny poziom immersji.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-3 gap-8\">\r\n                <!-- Zalet 1 -->\r\n                <div class=\"glass-card rounded-2xl hover:border-brand-purple transition relative overflow-hidden group flex flex-col bg-[#15182F]\/80\">\r\n                    <div class=\"relative h-48 w-full overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1622979135225-d2ba269cf1ac?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition duration-700 opacity-80 group-hover:opacity-100\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#15182F] to-transparent opacity-90\"><\/div>\r\n                        <div class=\"absolute top-4 left-4 bg-brand-purple\/80 backdrop-blur-sm text-white text-xs font-bold px-3 py-1 rounded-full border border-white\/20 shadow-lg\">\r\n                            <i class=\"fas fa-vr-cardboard mr-1\"><\/i> VR \/ Web\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-8 pt-4 relative z-10 flex-1 flex flex-col\">\r\n                        <h3 class=\"text-xl font-bold text-white mb-3 font-heading group-hover:text-brand-purple transition-colors\">Symulacje AI jak w realu<\/h3>\r\n                        <p class=\"text-gray-400 text-sm leading-relaxed\">\r\n                            Koniec z odgrywaniem scenek z koleg\u0105 z biurka obok. \u0106wiczysz trudne rozmowy 1:1 z wymagaj\u0105cym AI w bezpiecznym \u015brodowisku.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Zalet 2 -->\r\n                <div class=\"glass-card rounded-2xl hover:border-brand-blue transition relative overflow-hidden group flex flex-col bg-[#15182F]\/80\">\r\n                    <div class=\"relative h-48 w-full overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition duration-700 opacity-80 group-hover:opacity-100\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#15182F] to-transparent opacity-90\"><\/div>\r\n                        <div class=\"absolute top-4 left-4 bg-brand-blue\/80 backdrop-blur-sm text-white text-xs font-bold px-3 py-1 rounded-full border border-white\/20 shadow-lg\">\r\n                            <i class=\"fas fa-bolt mr-1\"><\/i> Live Data\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-8 pt-4 relative z-10 flex-1 flex flex-col\">\r\n                        <h3 class=\"text-xl font-bold text-white mb-3 font-heading group-hover:text-brand-blue transition-colors\">Feedback od razu po rozmowie<\/h3>\r\n                        <p class=\"text-gray-400 text-sm leading-relaxed\">\r\n                            System od razu wskazuje mocne strony, punktuje luki i daje konkretne wskaz\u00f3wki \"co powiedzie\u0107 inaczej\", aby unikn\u0105\u0107 b\u0142\u0119d\u00f3w.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Zalet 3 -->\r\n                <div class=\"glass-card rounded-2xl hover:border-green-500 transition relative overflow-hidden group flex flex-col bg-[#15182F]\/80\">\r\n                    <div class=\"relative h-48 w-full overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507208773393-40d9fc670acf?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition duration-700 opacity-80 group-hover:opacity-100\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#15182F] to-transparent opacity-90\"><\/div>\r\n                        <div class=\"absolute top-4 left-4 bg-green-500\/80 backdrop-blur-sm text-white text-xs font-bold px-3 py-1 rounded-full border border-white\/20 shadow-lg\">\r\n                            <i class=\"fas fa-sync-alt mr-1\"><\/i> Continuous\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-8 pt-4 relative z-10 flex-1 flex flex-col\">\r\n                        <h3 class=\"text-xl font-bold text-white mb-3 font-heading group-hover:text-green-400 transition-colors\">Powtarzalny cykl (Zmiana)<\/h3>\r\n                        <p class=\"text-gray-400 text-sm leading-relaxed\">\r\n                            Jednorazowe szkolenia nie dzia\u0142aj\u0105. Metaskills to ci\u0105g\u0142y trening \u2013 powtarzasz symulacj\u0119 a\u017c do zbudowania trwa\u0142ego nawyku.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- MINI CASE STUDY - LOKALNA PO\u015aWIATA -->\r\n    <section class=\"py-24 relative z-10\" id=\"demo-section\">\r\n        <!-- Po\u015bwiata w tle -->\r\n        <div class=\"absolute top-1\/2 left-0 w-[500px] h-[500px] bg-brand-blue\/10 blur-[150px] rounded-full pointer-events-none z-0\"><\/div>\r\n\r\n        <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"glass-card p-8 md:p-12 border-l-4 border-l-brand-blue relative overflow-hidden backdrop-blur-xl bg-[#171735]\/80\">\r\n                \r\n                <!-- Zdj\u0119cie w tle karty -->\r\n                <div class=\"absolute inset-0 z-0\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"U\u015bcisk d\u0142oni po udanych negocjacjach sprzeda\u017cowych\" class=\"w-full h-full object-cover opacity-20 mix-blend-luminosity\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-r from-[#171735] via-[#171735]\/80 to-[#171735]\/30\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"absolute top-0 right-0 p-8 opacity-5 z-0 pointer-events-none\">\r\n                    <i class=\"fas fa-chart-line text-9xl\"><\/i>\r\n                <\/div>\r\n                \r\n                <h2 class=\"text-2xl md:text-3xl font-bold text-white mb-8 font-heading relative z-10 drop-shadow-md\">\r\n                    Przyk\u0142ad wdro\u017cenia (Pilota\u017c 2 tygodnie)\r\n                <\/h2>\r\n                \r\n                <div class=\"grid lg:grid-cols-2 gap-12 relative z-10\">\r\n                    <!-- Informacje o case study -->\r\n                    <div class=\"lg:col-span-1\">\r\n                        <div class=\"mb-6\">\r\n                            <p class=\"text-sm text-gray-400 uppercase tracking-widest mb-1\">Grupa<\/p>\r\n                            <p class=\"text-xl font-semibold text-white\">15 os\u00f3b (Sprzeda\u017c \/ Liderzy)<\/p>\r\n                        <\/div>\r\n                        <div class=\"mb-6\">\r\n                            <p class=\"text-sm text-gray-400 uppercase tracking-widest mb-1\">Cel<\/p>\r\n                            <p class=\"text-base text-gray-200\">Trudne rozmowy + Konstruktywny feedback + Negocjacje cenowe<\/p>\r\n                        <\/div>\r\n                        <div>\r\n                            <p class=\"text-sm text-gray-400 uppercase tracking-widest mb-1\">Efekt dla firmy<\/p>\r\n                            <p class=\"text-sm md:text-base text-green-400 font-medium\"><i class=\"fas fa-file-contract mr-2\"><\/i> Pe\u0142ny raport kompetencji<\/p>\r\n                            <p class=\"text-sm md:text-base text-green-400 font-medium mt-1\"><i class=\"fas fa-road mr-2\"><\/i> Plan dalszych trening\u00f3w<\/p>\r\n                            <p class=\"text-sm md:text-base text-green-400 font-medium mt-1\"><i class=\"fas fa-user-check mr-2\"><\/i> Indywidualne rekomendacje<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Statystyki -->\r\n                    <div class=\"lg:col-span-1 bg-black\/40 rounded-2xl p-6 border border-white\/10 flex flex-col justify-center backdrop-blur-md shadow-inner\">\r\n                        <p class=\"text-center text-sm text-gray-400 mb-4\">Wyniki po stronie uczestnik\u00f3w:<\/p>\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"flex justify-between items-center border-b border-white\/10 pb-2\">\r\n                                <span class=\"text-gray-300\">Uko\u0144czenie modu\u0142\u00f3w<\/span>\r\n                                <span class=\"font-bold text-white text-lg\">92%<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex justify-between items-center border-b border-white\/10 pb-2\">\r\n                                <span class=\"text-gray-300\">\u015ar. czas treningu \/ os.<\/span>\r\n                                <span class=\"font-bold text-white text-lg\">4h 15m<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex justify-between items-center\">\r\n                                <span class=\"text-gray-300\">Zadowolenie (NPS)<\/span>\r\n                                <span class=\"font-bold text-brand-blue text-lg\">+68<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ - P\u00d3\u0141PRZEZROCZYSTE T\u0141O -->\r\n    <section class=\"py-24 bg-white\/[0.02] backdrop-blur-md relative z-10 border-t border-white\/5\">\r\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <h2 class=\"text-3xl font-bold text-white mb-10 font-heading text-center\">Najcz\u0119stsze pytania o dofinansowanie<\/h2>\r\n            \r\n            <div class=\"grid md:grid-cols-2 gap-6\">\r\n                <div class=\"bg-black\/20 backdrop-blur-sm rounded-xl p-6 border border-white\/5 hover:border-white\/20 transition duration-300\">\r\n                    <h4 class=\"text-lg font-bold text-white mb-2 font-heading\">Czy dofinansowanie jest te\u017c dla ma\u0142ych firm?<\/h4>\r\n                    <p class=\"text-gray-400 text-sm\">Tak, a nawet jest dla nich najkorzystniejsze! Mikroprzedsi\u0119biorstwa (do 10 pracownik\u00f3w) mog\u0105 liczy\u0107 nawet na 100% zwrotu koszt\u00f3w szkolenia.<\/p>\r\n                <\/div>\r\n                <div class=\"bg-black\/20 backdrop-blur-sm rounded-xl p-6 border border-white\/5 hover:border-white\/20 transition duration-300\">\r\n                    <h4 class=\"text-lg font-bold text-white mb-2 font-heading\">Ile trwa proces od startu do decyzji?<\/h4>\r\n                    <p class=\"text-gray-400 text-sm\">Zale\u017cy to od termin\u00f3w Urz\u0119d\u00f3w Pracy, ale zazwyczaj od momentu z\u0142o\u017cenia wniosku do podpisania umowy mija od 3 do 5 tygodni.<\/p>\r\n                <\/div>\r\n                <div class=\"bg-black\/20 backdrop-blur-sm rounded-xl p-6 border border-white\/5 hover:border-white\/20 transition duration-300\">\r\n                    <h4 class=\"text-lg font-bold text-white mb-2 font-heading\">Ile pracy jest po naszej stronie?<\/h4>\r\n                    <p class=\"text-gray-400 text-sm\">Minimalizujemy Wasze zaanga\u017cowanie. Wy dostarczacie podstawowe dane o pracownikach, my przygotowujemy wk\u0142ad merytoryczny i szablony dokument\u00f3w.<\/p>\r\n                <\/div>\r\n                <div class=\"bg-black\/20 backdrop-blur-sm rounded-xl p-6 border border-white\/5 hover:border-white\/20 transition duration-300\">\r\n                    <h4 class=\"text-lg font-bold text-white mb-2 font-heading\">KFS czy BUR \u2013 co wybra\u0107?<\/h4>\r\n                    <p class=\"text-gray-400 text-sm\">Nie musisz wybiera\u0107 w ciemno. Podczas bezp\u0142atnej konsultacji przeanalizujemy profil Twojej firmy i podpowiemy, z kt\u00f3rego bud\u017cetu \u0142atwiej pozyska\u0107 \u015brodki w Twoim regionie.<\/p>\r\n                <\/div>\r\n                <div class=\"bg-black\/20 backdrop-blur-sm rounded-xl p-6 border border-white\/5 hover:border-white\/20 transition duration-300\">\r\n                    <h4 class=\"text-lg font-bold text-white mb-2 font-heading\">Czy mo\u017cna zacz\u0105\u0107 od pilota\u017cu?<\/h4>\r\n                    <p class=\"text-gray-400 text-sm\">Jak najbardziej. Wielu naszych klient\u00f3w zaczyna od dofinansowanego pilota\u017cu dla mniejszej grupy (np. kadra kierownicza), zanim wdro\u017cy platform\u0119 dla ca\u0142ego zespo\u0142u.<\/p>\r\n                <\/div>\r\n                <div class=\"bg-black\/20 backdrop-blur-sm rounded-xl p-6 border border-white\/5 hover:border-white\/20 transition duration-300\">\r\n                    <h4 class=\"text-lg font-bold text-white mb-2 font-heading\">Czy szkolenia s\u0105 po polsku i dla r\u00f3\u017cnych r\u00f3l?<\/h4>\r\n                    <p class=\"text-gray-400 text-sm\">Tak. Nasze symulacje AI operuj\u0105 w p\u0142ynnym j\u0119zyku polskim. Posiadamy dedykowane \u015bcie\u017cki dla B2B Sales, Customer Success oraz Manager\u00f3w\/HR.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FINAL CTA -->\r\n    <section class=\"py-32 relative z-10\">\r\n        <!-- T\u0142o dla sekcji CTA (delikatna po\u015bwiata) -->\r\n        <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[800px] h-[400px] bg-brand-blue\/10 blur-[150px] rounded-full pointer-events-none z-0\"><\/div>\r\n\r\n        <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <!-- Nowa, bardziej elegancka ramka (Glassmorphism + Glow) -->\r\n            <div class=\"relative overflow-hidden rounded-[40px] p-[1px] bg-gradient-to-b from-brand-blue\/50 via-white\/5 to-transparent shadow-[0_0_50px_rgba(1,176,255,0.15)] group\">\r\n                \r\n                <!-- Wewn\u0119trzny kontener -->\r\n                <div class=\"bg-[#12122b]\/95 backdrop-blur-2xl rounded-[39px] p-10 md:p-16 text-center relative overflow-hidden h-full\">\r\n                    \r\n                    <!-- Dekoracyjne efekty wewn\u0105trz -->\r\n                    <div class=\"absolute top-0 right-0 w-64 h-64 bg-brand-blue\/10 rounded-full blur-3xl -mr-20 -mt-20 transition-transform duration-700 group-hover:scale-150\"><\/div>\r\n                    <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-brand-purple\/10 rounded-full blur-3xl -ml-20 -mb-20 transition-transform duration-700 group-hover:scale-150\"><\/div>\r\n\r\n                    <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6 relative z-10 font-heading drop-shadow-md\">\r\n                        Gotowy na rozw\u00f3j zespo\u0142u bez obci\u0105\u017cania bud\u017cetu?\r\n                    <\/h2>\r\n                    <p class=\"text-gray-300 text-lg mb-10 max-w-2xl mx-auto relative z-10 font-sans\">\r\n                        Wype\u0142nij formularz na g\u00f3rze strony w 2 minuty. Przygotujemy dla Ciebie darmow\u0105 kalkulacj\u0119 dofinansowania i spersonalizowany plan wdro\u017cenia.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"relative z-10\">\r\n                        <a href=\"#lead-form\" class=\"inline-flex items-center justify-center px-12 py-5 bg-main-gradient text-white font-extrabold text-xl rounded-full hover:opacity-90 transition-all shadow-[0_0_30px_rgba(132,27,165,0.3)] transform hover:-translate-y-1 font-heading border border-white\/20\">\r\n                            Um\u00f3w demo <i class=\"fas fa-arrow-right ml-3\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer class=\"bg-[#0A0A21] py-8 border-t border-white\/10 relative z-20\">\r\n        <div class=\"max-w-7xl mx-auto px-4 text-center text-gray-500 text-sm font-medium\">\r\n            <p>&copy; 2026 Metaskills.com. Wszystkie prawa zastrze\u017cone.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- STICKY MOBILE CTA -->\r\n    <div class=\"fixed bottom-0 w-full p-4 bg-[#0A0A21]\/95 backdrop-blur-md border-t border-white\/10 z-50 md:hidden pb-safe\">\r\n        <a href=\"#lead-form\" class=\"block w-full py-3 bg-brand-blue text-white text-center rounded-xl font-bold shadow-[0_0_15px_rgba(1,176,255,0.4)]\">\r\n            Um\u00f3w demo\r\n        <\/a>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KFS \/ BUR 2026 Szkolenia sprzeda\u017cowe z dotacj\u0105 do 100% Zwi\u0119ksz wyniki zespo\u0142u dzi\u0119ki praktycznym symulacjom AI. Ty decydujesz kogo szkolimy, a my bierzemy na siebie ca\u0142\u0105 papierologi\u0119. Pe\u0142ne dofinansowanie: odzyskaj do 100% koszt\u00f3w Minimum formalno\u015bci: przygotujemy wnioski za Ciebie Praktyczny trening: \u0107wicz na realnych scenariuszach \u0141adowanie formularza\u2026 Metaskills &#8211; Dofinansowanie szkole\u0144 soft skills do [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3588","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mymetaskill.com\/pl\/wp-json\/wp\/v2\/pages\/3588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mymetaskill.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mymetaskill.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mymetaskill.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mymetaskill.com\/pl\/wp-json\/wp\/v2\/comments?post=3588"}],"version-history":[{"count":0,"href":"https:\/\/mymetaskill.com\/pl\/wp-json\/wp\/v2\/pages\/3588\/revisions"}],"wp:attachment":[{"href":"https:\/\/mymetaskill.com\/pl\/wp-json\/wp\/v2\/media?parent=3588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}