{"id":10,"date":"2026-06-24T17:24:14","date_gmt":"2026-06-24T15:24:14","guid":{"rendered":"http:\/\/prosign.promisegroup.com\/?page_id=10"},"modified":"2026-07-03T16:37:11","modified_gmt":"2026-07-03T14:37:11","slug":"home","status":"publish","type":"page","link":"https:\/\/prosign.promisegroup.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-615f67d e-con e-atomic-element e-flexbox-base e-10f1c54 \" data-id=\"615f67d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"615f67d\">\n    \t\t<div class=\"elementor-element elementor-element-a81c1e1 elementor-widget elementor-widget-html\" data-id=\"a81c1e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- Import czcionek i ikon dla ca\u0142ej strony ProSign -->\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=Mulish:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<!-- Silnik Tailwind CSS dla wszystkich widget\u00f3w ProSign -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                fontFamily: {\n                    sans: ['Mulish', 'sans-serif'],\n                    heading: ['Mulish', 'sans-serif'],\n                },\n                colors: {\n                    brand: {\n                        blueDark: '#0e3d7a',\n                        blueMid: '#0b49ad',\n                        blueLight: '#2667d0',\n                        \/* NOWY akcent ProSign: fiolet\/indygo *\/\n                        accentViolet: '#7c5cff',\n                        accentVioletDark: '#5b3fd6',\n                        accentVioletLight: '#a78bfa',\n                        textDark: '#0f172a',\n                        textMuted: '#475569',\n                        bgLight: '#f8fafc'\n                    }\n                }\n            }\n        }\n    }\n<\/script>\n\n<style>\n    \/* AGRESYWNE WYMUSZENIE CZCIONKI MULISH DLA CA\u0141EGO PROSIGN *\/\n    .promise-wrapper {\n        font-family: 'Mulish', sans-serif !important;\n    }\n\n    .promise-wrapper *:not(i):not([class*=\"fa-\"]):not(svg):not(path):not(polyline):not(rect) {\n        font-family: 'Mulish', sans-serif !important;\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-944a74c e-con e-atomic-element e-flexbox-base e-789f041 \" data-id=\"944a74c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"944a74c\">\n    \t\t<div class=\"elementor-element elementor-element-9fa35fb elementor-widget elementor-widget-html\" data-id=\"9fa35fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header class=\"promise-wrapper bg-white py-2 px-6 md:px-12 border-b border-slate-100 shadow-sm sticky top-0 z-50\">\n    <div class=\"max-w-7xl mx-auto flex items-center justify-between\">\n\n        <!-- Logo -->\n        <a href=\"https:\/\/promisegroup.com\" class=\"flex items-center\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Promise-Group-Logo-Blue.png\" alt=\"Promise Group Logo\" class=\"h-10 w-auto max-h-10\">\n        <\/a>\n\n        <!-- Prawa strona: linki i social -->\n        <div class=\"flex items-center gap-6 md:gap-8\">\n            <div class=\"flex items-center gap-4 text-brand-blueDark\">\n                <a href=\"https:\/\/www.linkedin.com\/company\/promisegroup\" target=\"_blank\" class=\"text-base hover:text-brand-accentViolet transition-transform hover:-translate-y-0.5\">\n                    <i class=\"fa-brands fa-linkedin\"><\/i>\n                <\/a>\n                <a href=\"https:\/\/www.facebook.com\/promisegroup\" target=\"_blank\" class=\"text-base hover:text-brand-accentViolet transition-transform hover:-translate-y-0.5\">\n                    <i class=\"fa-brands fa-facebook\"><\/i>\n                <\/a>\n            <\/div>\n\n            <a href=\"#kontakt\" class=\"hidden sm:flex items-center justify-center px-4 py-1.5 bg-brand-accentViolet text-white text-[11px] font-bold rounded-md hover:bg-brand-accentVioletDark transition-all\">\n                Kontakt\n            <\/a>\n        <\/div>\n    <\/div>\n<\/header>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d7ea8bd e-con e-atomic-element e-flexbox-base e-fb1e767 \" data-id=\"d7ea8bd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d7ea8bd\">\n    \t\t<div class=\"elementor-element elementor-element-801997f elementor-widget elementor-widget-html\" data-id=\"801997f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n    .psh * {box-sizing:border-box;margin:0;padding:0}\n    .psh {\n      position:relative;overflow:hidden;\n      background: linear-gradient(120deg,#0c2c6e 0%,#143f8c 45%,#0b49ad 100%);\n      border-radius: 1rem;\n    }\n    .psh-blob1 {position:absolute;top:-130px;right:-90px;width:520px;height:520px;border-radius:50%;\n      background:radial-gradient(circle,rgba(124,92,255,.30),rgba(255,255,255,0) 70%);pointer-events:none;z-index:1}\n    .psh-blob2 {position:absolute;bottom:-170px;left:32%;width:460px;height:460px;border-radius:50%;\n      background:radial-gradient(circle,rgba(167,139,250,.22),rgba(255,255,255,0) 70%);pointer-events:none;z-index:1}\n    .psh-grid {position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;\n      background-image:radial-gradient(rgba(255,255,255,.45) 1px,transparent 1px);background-size:26px 26px}\n    .psh-wrap {position:relative;max-width:1280px;margin:0 auto;padding:70px 48px 84px;\n      display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;z-index:2}\n\n    \/* lewa kolumna *\/\n    .psh-copy {max-width:560px}\n    .psh-badge {display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.5px;color:#e4dcff;\n      border:1px solid rgba(167,139,250,.5);background:rgba(124,92,255,.15);border-radius:30px;padding:6px 14px;margin-bottom:26px}\n    .psh-h1 {font-weight:900;font-size:54px;line-height:1.05;color:#fff;margin-bottom:20px;letter-spacing:-0.02em}\n    .psh-h1 .accent {color:#a78bfa}\n    .psh-sub {font-weight:700;font-size:22px;color:#fff;margin-bottom:18px}\n    .psh-desc {border-left:3px solid #7c5cff;padding-left:18px;margin-bottom:34px}\n    .psh-desc p {font-size:16px;line-height:1.7;color:#d6e0f2;text-wrap:pretty;font-weight:400}\n    .psh-cta {display:inline-flex;align-items:center;gap:10px;background:#7c5cff;color:#fff;font-weight:800;\n      font-size:15px;text-decoration:none;padding:15px 30px;border-radius:8px;\n      box-shadow:0 14px 30px rgba(124,92,255,.45);transition:transform .2s ease, filter .2s ease;cursor:pointer}\n    .psh-cta:hover {transform:translateY(-2px);filter:brightness(1.08)}\n\n    \/* prawa kolumna: makieta maila ze stopk\u0105 *\/\n    .psh-vis {position:relative;height:480px;display:flex;flex-direction:column;align-items:center}\n    .psh-chip {position:absolute;z-index:6;display:flex;align-items:center;gap:8px;\n      background:rgba(255,255,255,.97);border-radius:30px;padding:6px 14px 6px 6px;\n      box-shadow:0 14px 30px rgba(4,16,46,.30)}\n    .psh-chip span.av {width:28px;height:28px;border-radius:50%;color:#fff;font-weight:700;font-size:11px;\n      display:flex;align-items:center;justify-content:center}\n    .psh-chip span.tx {font-size:11.5px;font-weight:700}\n    .psh-chip1 {top:74px;left:0;animation:pshFloatB 5.6s ease-in-out infinite}\n    .psh-chip2 {top:320px;right:0;animation:pshFloat 6.4s ease-in-out infinite .5s}\n\n    \/* karta \u017ar\u00f3d\u0142a: panel ProSign *\/\n    .psh-source {position:relative;z-index:2;margin-top:2px}\n    .psh-source .ring {position:absolute;inset:0;border-radius:14px;border:2px solid rgba(167,139,250,.7);\n      animation:pshRing 2.4s ease-out infinite}\n    .psh-source .ring.b {border-color:rgba(167,139,250,.5);animation-delay:1.2s}\n    .psh-source .card {position:relative;display:flex;align-items:center;gap:10px;background:#fff;\n      border-radius:14px;padding:10px 16px;box-shadow:0 16px 34px rgba(4,16,46,.32)}\n    .psh-source .ic {width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;\n      background:linear-gradient(135deg,#7c5cff,#5b3fd6);color:#fff;font-size:14px}\n    .psh-source .t1 {font-weight:800;font-size:13px;color:#14223a;display:block}\n    .psh-source .t2 {font-size:10.5px;color:#8a96a6;font-weight:600;display:block}\n\n    .psh-wire {position:relative;width:2px;height:46px;margin:10px 0 6px;\n      background:linear-gradient(#cdd8ee,#7c5cff);z-index:2}\n    .psh-dot {position:absolute;left:-3px;top:0;width:8px;height:8px;border-radius:50%;\n      animation:pshFlow 1.8s linear infinite}\n    .psh-dot.a {background:#7c5cff;box-shadow:0 0 8px rgba(124,92,255,.85)}\n    .psh-dot.b {background:#fff;box-shadow:0 0 8px rgba(255,255,255,.85);animation-delay:.6s}\n    .psh-dot.c {background:#a78bfa;box-shadow:0 0 8px rgba(167,139,250,.85);animation-delay:1.2s}\n\n    \/* okno wiadomo\u015bci *\/\n    .psh-mail {position:relative;z-index:3;width:330px;background:#fff;border-radius:16px;padding:14px;\n      box-shadow:0 30px 60px rgba(4,16,46,.42);border:1px solid #eef1f6;\n      transition:transform .35s ease,box-shadow .35s ease}\n    .psh-toast {position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:5px;background:#7c5cff;\n      color:#fff;font-size:10.5px;font-weight:700;padding:5px 10px;border-radius:20px;\n      box-shadow:0 8px 18px rgba(124,92,255,.45);z-index:4;opacity:0;pointer-events:none}\n    .psh-mhead {display:flex;align-items:center;justify-content:space-between;padding:2px 4px 10px;border-bottom:1px solid #eef1f6}\n    .psh-mhead .ttl {font-weight:900;font-size:14px;color:#0b49ad;display:flex;align-items:center;gap:7px}\n    .psh-applied {display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#5b3fd6;\n      background:#f1ecff;padding:5px 10px;border-radius:20px;border:1px solid #d9ccff}\n    .psh-field {display:flex;gap:8px;font-size:11.5px;padding:8px 4px;border-bottom:1px solid #f4f6fa}\n    .psh-field .lab {color:#9aa6b6;font-weight:700;width:38px}\n    .psh-field .val {color:#1d2733;font-weight:600}\n    .psh-body {padding:10px 4px 4px}\n    .psh-line {height:8px;border-radius:4px;background:#eef1f6;margin-bottom:7px}\n    .psh-line.w1{width:90%}.psh-line.w2{width:78%}.psh-line.w3{width:60%}\n\n    \/* stopka generowana automatycznie *\/\n    .psh-sig {margin-top:10px;padding:12px;border:1px dashed #c9b8ff;border-radius:12px;background:#faf8ff;position:relative}\n    .psh-sig::before {content:'Stopka ProSign';position:absolute;top:-9px;left:12px;font-size:9px;font-weight:800;\n      letter-spacing:.4px;color:#5b3fd6;background:#faf8ff;padding:0 6px}\n    .psh-sig-top {display:flex;align-items:center;gap:10px}\n    .psh-logo {width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#0b49ad,#0e3d7a);\n      color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}\n    .psh-sig-meta .nm {font-weight:800;font-size:13px;color:#14223a;display:block;line-height:1.2}\n    .psh-sig-meta .rl {font-size:10.5px;color:#7c5cff;font-weight:700;display:block}\n    .psh-sig-meta .cp {font-size:10px;color:#8a96a6;font-weight:600;display:block}\n    .psh-sig-contact {display:flex;flex-wrap:wrap;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid #ece4ff}\n    .psh-sig-contact span {display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#475569;font-weight:600}\n    .psh-sig-contact i {color:#7c5cff;font-size:10px}\n    .psh-banner {margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;\n      background:linear-gradient(135deg,#7c5cff,#5b3fd6);color:#fff;border-radius:8px;padding:8px 12px;\n      font-size:10.5px;font-weight:800}\n    .psh-banner i {font-size:11px}\n\n    \/* hover = re-sync *\/\n    .psh-vis:hover .psh-mail {transform:translateY(-6px) scale(1.012);box-shadow:0 42px 72px rgba(4,16,46,.5)}\n    .psh-vis:hover .psh-dot {animation-duration:.8s}\n    .psh-vis:hover .psh-toast {animation:pshToast .4s ease forwards}\n    .psh-vis:hover .psh-sig {animation:pshFlash 1.1s ease}\n\n    @keyframes pshFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n    @keyframes pshFloatB {0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}\n    @keyframes pshFlow {0%{transform:translateY(-4px);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(46px);opacity:0}}\n    @keyframes pshRing {0%{transform:scale(.7);opacity:.55}100%{transform:scale(1.9);opacity:0}}\n    @keyframes pshFlash {0%{background:#f1ecff}100%{background:#faf8ff}}\n    @keyframes pshToast {0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}\n\n    @media(max-width:900px){\n      .psh-wrap {grid-template-columns:1fr;gap:14px;padding:48px 24px 60px}\n      .psh-h1 {font-size:40px}\n      .psh-vis {height:520px;margin-top:24px}\n    }\n<\/style>\n\n<div class=\"promise-wrapper bg-white pt-4 pb-8\">\n  <div class=\"psh mx-6 md:mx-12\">\n    <div class=\"psh-grid\"><\/div>\n    <div class=\"psh-blob1\"><\/div>\n    <div class=\"psh-blob2\"><\/div>\n    <div class=\"psh-wrap\">\n\n      <!-- lewa kolumna -->\n      <div class=\"psh-copy\">\n        <span class=\"psh-badge\"><i class=\"fa-solid fa-signature\"><\/i> Zarz\u0105dzanie podpisami e-mail<\/span>\n        <h1 class=\"psh-h1\">Sp\u00f3jny wizerunek firmy w ka\u017cdym mailu <span class=\"accent\">z APN ProSign<\/span><\/h1>\n        <p class=\"psh-sub\">Pe\u0142na kontrola nad ka\u017cd\u0105 stopk\u0105 w organizacji.<\/p>\n        <div class=\"psh-desc\">\n          <p>ProSign przejmuje zarz\u0105dzanie podpisami e-mail \u2013 bez instrukcji dla pracownik\u00f3w i bez godzin pracy dzia\u0142u IT.<\/p>\n        <\/div>\n        <a class=\"psh-cta\" href=\"#kontakt\">Zam\u00f3w bezp\u0142atne Demo <i class=\"fa-solid fa-arrow-right text-sm\"><\/i><\/a>\n      <\/div>\n\n      <!-- prawa kolumna: makieta -->\n      <div class=\"psh-vis\">\n        <div class=\"psh-chip psh-chip1\">\n          <span class=\"av\" style=\"background:#7c5cff\">AP<\/span>\n          <span class=\"tx\" style=\"color:#5b3fd6\">logo zaktualizowane<\/span>\n        <\/div>\n        <div class=\"psh-chip psh-chip2\">\n          <span class=\"av\" style=\"background:#0b49ad\">+<\/span>\n          <span class=\"tx\" style=\"color:#0b49ad\">nowy baner kampanii<\/span>\n        <\/div>\n\n        <div class=\"psh-source\">\n          <span class=\"ring\"><\/span>\n          <span class=\"ring b\"><\/span>\n          <div class=\"card\">\n            <span class=\"ic\"><i class=\"fa-solid fa-pen-ruler\"><\/i><\/span>\n            <span>\n              <span class=\"t1\">Panel ProSign<\/span>\n              <span class=\"t2\">Szablon stopki \u00b7 Microsoft Entra ID<\/span>\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"psh-wire\">\n          <span class=\"psh-dot a\"><\/span>\n          <span class=\"psh-dot b\"><\/span>\n          <span class=\"psh-dot c\"><\/span>\n        <\/div>\n\n        <div class=\"psh-mail\">\n          <div class=\"psh-toast\"><i class=\"fa-solid fa-check\"><\/i> Stopka zastosowana<\/div>\n          <div class=\"psh-mhead\">\n            <span class=\"ttl\"><i class=\"fa-regular fa-paper-plane\"><\/i> Nowa wiadomo\u015b\u0107<\/span>\n            <span class=\"psh-applied\"><i class=\"fa-solid fa-bolt\"><\/i> auto<\/span>\n          <\/div>\n          <div class=\"psh-field\"><span class=\"lab\">Do:<\/span><span class=\"val\">klient@firma.pl<\/span><\/div>\n          <div class=\"psh-field\"><span class=\"lab\">Temat:<\/span><span class=\"val\">Oferta wsp\u00f3\u0142pracy<\/span><\/div>\n          <div class=\"psh-body\">\n            <div class=\"psh-line w1\"><\/div>\n            <div class=\"psh-line w2\"><\/div>\n            <div class=\"psh-line w3\"><\/div>\n\n            <div class=\"psh-sig\">\n              <div class=\"psh-sig-top\">\n                <span class=\"psh-logo\">AP<\/span>\n                <span class=\"psh-sig-meta\">\n                  <span class=\"nm\">Anna Kowalska<\/span>\n                  <span class=\"rl\">Dyrektor Sprzeda\u017cy<\/span>\n                  <span class=\"cp\">A.P.N. Promise S.A.<\/span>\n                <\/span>\n              <\/div>\n              <div class=\"psh-sig-contact\">\n                <span><i class=\"fa-solid fa-phone\"><\/i> +48 22 000 00 00<\/span>\n                <span><i class=\"fa-solid fa-envelope\"><\/i> a.kowalska@firma.pl<\/span>\n                <span><i class=\"fa-solid fa-globe\"><\/i> firma.pl<\/span>\n              <\/div>\n              <div class=\"psh-banner\">\n                <span><i class=\"fa-solid fa-bullhorn\"><\/i> Webinar: Bezpieczny Microsoft 365<\/span>\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a51cc24 e-con e-atomic-element e-flexbox-base e-99b6c76 \" data-id=\"a51cc24\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a51cc24\">\n    \t\t<div class=\"elementor-element elementor-element-3c7183b elementor-widget elementor-widget-html\" data-id=\"3c7183b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"promise-wrapper bg-[#f8fafc] py-24 px-6 md:px-12 border-y border-slate-100 relative overflow-hidden\">\n    <div class=\"absolute top-0 right-0 -mr-24 -mt-24 w-96 h-96 rounded-full bg-brand-accentViolet\/10 blur-3xl pointer-events-none\"><\/div>\n\n    <div class=\"max-w-7xl mx-auto relative z-10\">\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-center\">\n\n            <!-- Lewa kolumna: dwa bloki -->\n            <div class=\"lg:col-span-7 space-y-6\">\n\n                <div class=\"inline-block px-3 py-1 rounded-full bg-brand-accentViolet\/12 border border-brand-accentViolet\/40 text-xs font-bold uppercase tracking-wider text-brand-accentVioletDark mb-2\">\n                    Poznaj APN ProSign\n                <\/div>\n\n                <!-- Blok 1: Czym jest -->\n                <div class=\"group relative bg-white rounded-2xl p-7 md:p-8 border border-slate-100 flex items-start gap-6 transition-all duration-300 hover:shadow-[0_20px_40px_-15px_rgba(124,92,255,0.22)] hover:-translate-y-1 hover:border-brand-accentViolet\/50\">\n                    <div class=\"w-14 h-14 rounded-xl bg-gradient-to-br from-brand-accentViolet to-brand-accentVioletDark text-white flex items-center justify-center flex-shrink-0 shadow-lg shadow-brand-accentViolet\/25 group-hover:scale-110 transition-transform duration-300\">\n                        <i class=\"fa-solid fa-sitemap text-xl\"><\/i>\n                    <\/div>\n                    <div class=\"space-y-2.5\">\n                        <p class=\"text-xs font-bold uppercase tracking-wider text-brand-accentVioletDark\">Czym jest APN ProSign?<\/p>\n                        <h3 class=\"text-xl font-bold text-brand-blueDark group-hover:text-brand-accentVioletDark transition-colors duration-300\">Centralne zarz\u0105dzanie stopkami e-mail<\/h3>\n                        <p class=\"text-brand-textMuted text-base leading-relaxed font-light\">\n                            APN ProSign to narz\u0119dzie do centralnego zarz\u0105dzania podpisami e-mail w \u015brodowisku <strong class=\"font-semibold text-slate-700\">Microsoft 365<\/strong>. Administrator definiuje szablony stopek, a dane pracownika s\u0105 automatycznie pobierane z <strong class=\"font-semibold text-slate-700\">Microsoft Entra ID<\/strong>. Stworzony podpis jest od razu gotowy do u\u017cycia.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Blok 2: Dlaczego -->\n                <div class=\"group relative bg-white rounded-2xl p-7 md:p-8 border border-slate-100 flex items-start gap-6 transition-all duration-300 hover:shadow-[0_20px_40px_-15px_rgba(124,92,255,0.22)] hover:-translate-y-1 hover:border-brand-accentViolet\/50\">\n                    <div class=\"w-14 h-14 rounded-xl bg-gradient-to-br from-brand-blueMid to-brand-blueDark text-white flex items-center justify-center flex-shrink-0 shadow-lg shadow-brand-blueDark\/20 group-hover:scale-110 transition-transform duration-300\">\n                        <i class=\"fa-solid fa-wand-magic-sparkles text-xl\"><\/i>\n                    <\/div>\n                    <div class=\"space-y-2.5\">\n                        <p class=\"text-xs font-bold uppercase tracking-wider text-brand-accentVioletDark\">Dlaczego APN ProSign?<\/p>\n                        <h3 class=\"text-xl font-bold text-brand-blueDark group-hover:text-brand-accentVioletDark transition-colors duration-300\">Sp\u00f3jna stopka mailowa dla ca\u0142ej firmy<\/h3>\n                        <p class=\"text-brand-textMuted text-base leading-relaxed font-light\">\n                            APN ProSign eliminuje konieczno\u015b\u0107 r\u0119cznych zmian i ogranicza czas sp\u0119dzony na aktualizacji stopek. Zmiana logo, adresu siedziby czy dodanie baneru? Wystarczy <strong class=\"font-semibold text-slate-700\">jedna zmiana w panelu<\/strong>, aby zapewni\u0107 sp\u00f3jny wizerunek firmy.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Prawa kolumna: panel ilustracyjny -->\n            <div class=\"lg:col-span-5 relative mt-4 lg:mt-0\">\n                <div class=\"absolute inset-0 bg-brand-accentViolet\/15 rounded-2xl transform translate-x-4 translate-y-4\"><\/div>\n                <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-slate-100 bg-gradient-to-br from-brand-blueDark to-brand-blueMid z-10 p-8 text-white\">\n                    <div class=\"flex items-center justify-between mb-6\">\n                        <span class=\"text-sm font-bold flex items-center gap-2\"><i class=\"fa-solid fa-pen-ruler text-brand-accentVioletLight\"><\/i> Panel administratora<\/span>\n                        <span class=\"text-[10px] font-bold uppercase tracking-wider bg-white\/10 border border-white\/15 rounded-full px-2.5 py-1\">1 szablon = ca\u0142a firma<\/span>\n                    <\/div>\n\n                    <div class=\"space-y-3\">\n                        <div class=\"bg-white\/8 border border-white\/12 rounded-xl p-4 flex items-center gap-3\">\n                            <span class=\"w-9 h-9 rounded-lg bg-brand-accentViolet\/30 flex items-center justify-center text-brand-accentVioletLight\"><i class=\"fa-solid fa-image\"><\/i><\/span>\n                            <div class=\"flex-1\">\n                                <p class=\"text-sm font-bold\">Logo i kolory marki<\/p>\n                                <p class=\"text-[11px] text-slate-300\">Zmieniasz raz \u2013 aktualizuje si\u0119 wsz\u0119dzie<\/p>\n                            <\/div>\n                            <i class=\"fa-solid fa-circle-check text-brand-accentVioletLight\"><\/i>\n                        <\/div>\n                        <div class=\"bg-white\/8 border border-white\/12 rounded-xl p-4 flex items-center gap-3\">\n                            <span class=\"w-9 h-9 rounded-lg bg-brand-accentViolet\/30 flex items-center justify-center text-brand-accentVioletLight\"><i class=\"fa-solid fa-id-card\"><\/i><\/span>\n                            <div class=\"flex-1\">\n                                <p class=\"text-sm font-bold\">Dane z Entra ID<\/p>\n                                <p class=\"text-[11px] text-slate-300\">Imi\u0119, nazwisko i stanowisko bez liter\u00f3wek<\/p>\n                            <\/div>\n                            <i class=\"fa-solid fa-circle-check text-brand-accentVioletLight\"><\/i>\n                        <\/div>\n                        <div class=\"bg-white\/8 border border-white\/12 rounded-xl p-4 flex items-center gap-3\">\n                            <span class=\"w-9 h-9 rounded-lg bg-brand-accentViolet\/30 flex items-center justify-center text-brand-accentVioletLight\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/span>\n                            <div class=\"flex-1\">\n                                <p class=\"text-sm font-bold\">Baner kampanii<\/p>\n                                <p class=\"text-[11px] text-slate-300\">Promocje i webinary w ka\u017cdym mailu<\/p>\n                            <\/div>\n                            <i class=\"fa-solid fa-circle-check text-brand-accentVioletLight\"><\/i>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f1765de e-con e-atomic-element e-flexbox-base e-f1765de-c8dcfe0 \" data-id=\"f1765de\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f1765de\">\n    \t\t<div class=\"elementor-element elementor-element-b53905f elementor-widget elementor-widget-html\" data-id=\"b53905f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"promise-wrapper bg-white py-24 px-6 md:px-12\">\n    <div class=\"max-w-7xl mx-auto\">\n\n        <div class=\"text-center max-w-3xl mx-auto mb-20 space-y-5\">\n            <div class=\"flex justify-center mb-2\">\n                <div class=\"w-16 h-1.5 bg-gradient-to-r from-brand-accentViolet to-brand-blueMid rounded-full\"><\/div>\n            <\/div>\n            <h2 class=\"font-heading text-3xl md:text-5xl font-bold text-brand-blueDark\">\n                Korzy\u015bci dla Twojej firmy\n            <\/h2>\n            <p class=\"text-brand-textMuted text-lg font-light\">\n                Ka\u017cdy e-mail to wizyt\u00f3wka Twojej marki. System, kt\u00f3ry zapewnia jeden standard, niezale\u017cnie od tego, kto wysy\u0142a wiadomo\u015b\u0107.\n            <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8\">\n\n            <!-- Korzy\u015b\u0107 1 -->\n            <div class=\"group bg-white p-7 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentViolet\/50 transition-all duration-300 flex gap-5 border-l-4 border-l-brand-accentViolet\">\n                <div class=\"w-12 h-12 rounded-xl bg-brand-accentViolet\/12 flex items-center justify-center text-brand-accentVioletDark flex-shrink-0 group-hover:bg-brand-accentViolet group-hover:text-white transition-colors duration-300\">\n                    <i class=\"fa-solid fa-gears text-xl\"><\/i>\n                <\/div>\n                <div>\n                    <h4 class=\"text-lg font-bold text-brand-blueDark mb-2\">Pe\u0142na automatyzacja<\/h4>\n                    <p class=\"text-brand-textMuted text-sm leading-relaxed font-light\">\n                        Zero r\u0119cznej konfiguracji. Administrator definiuje szablony, a stopki wstawiaj\u0105 si\u0119 automatycznie. Wszystko bez instalowania dodatkowych aplikacji.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Korzy\u015b\u0107 2 -->\n            <div class=\"group bg-white p-7 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentViolet\/50 transition-all duration-300 flex gap-5 border-l-4 border-l-brand-accentViolet\">\n                <div class=\"w-12 h-12 rounded-xl bg-brand-accentViolet\/12 flex items-center justify-center text-brand-accentVioletDark flex-shrink-0 group-hover:bg-brand-accentViolet group-hover:text-white transition-colors duration-300\">\n                    <i class=\"fa-solid fa-stamp text-xl\"><\/i>\n                <\/div>\n                <div>\n                    <h4 class=\"text-lg font-bold text-brand-blueDark mb-2\">Sp\u00f3jny wizerunek marki<\/h4>\n                    <p class=\"text-brand-textMuted text-sm leading-relaxed font-light\">\n                        Jeden zatwierdzony szablon dla ca\u0142ej organizacji lub konkretnych dzia\u0142\u00f3w. Koniec z nieaktualnymi logotypami.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Korzy\u015b\u0107 3 -->\n            <div class=\"group bg-white p-7 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentViolet\/50 transition-all duration-300 flex gap-5 border-l-4 border-l-brand-accentViolet\">\n                <div class=\"w-12 h-12 rounded-xl bg-brand-accentViolet\/12 flex items-center justify-center text-brand-accentVioletDark flex-shrink-0 group-hover:bg-brand-accentViolet group-hover:text-white transition-colors duration-300\">\n                    <i class=\"fa-solid fa-bolt text-xl\"><\/i>\n                <\/div>\n                <div>\n                    <h4 class=\"text-lg font-bold text-brand-blueDark mb-2\">B\u0142yskawiczne aktualizacje<\/h4>\n                    <p class=\"text-brand-textMuted text-sm leading-relaxed font-light\">\n                        Jedna edycja w panelu wystarczy, by zaktualizowa\u0107 adres firmy lub doda\u0107 nowy baner kampanii bez zb\u0119dnych op\u00f3\u017anie\u0144.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Korzy\u015b\u0107 4 -->\n            <div class=\"group bg-white p-7 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentViolet\/50 transition-all duration-300 flex gap-5 border-l-4 border-l-brand-accentViolet\">\n                <div class=\"w-12 h-12 rounded-xl bg-brand-accentViolet\/12 flex items-center justify-center text-brand-accentVioletDark flex-shrink-0 group-hover:bg-brand-accentViolet group-hover:text-white transition-colors duration-300\">\n                    <i class=\"fa-solid fa-shield-halved text-xl\"><\/i>\n                <\/div>\n                <div>\n                    <h4 class=\"text-lg font-bold text-brand-blueDark mb-2\">Bezpiecze\u0144stwo zgodne z wymogami<\/h4>\n                    <p class=\"text-brand-textMuted text-sm leading-relaxed font-light\">\n                        Komunikacja z us\u0142ugami jest w pe\u0142ni szyfrowana (TLS 1.2+), a uwierzytelnianie odbywa si\u0119 w oparciu o bezpieczny standard OAuth 2.0.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Korzy\u015b\u0107 5 -->\n            <div class=\"group bg-white p-7 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentViolet\/50 transition-all duration-300 flex gap-5 border-l-4 border-l-brand-accentViolet\">\n                <div class=\"w-12 h-12 rounded-xl bg-brand-accentViolet\/12 flex items-center justify-center text-brand-accentVioletDark flex-shrink-0 group-hover:bg-brand-accentViolet group-hover:text-white transition-colors duration-300\">\n                    <i class=\"fa-solid fa-robot text-xl\"><\/i>\n                <\/div>\n                <div>\n                    <h4 class=\"text-lg font-bold text-brand-blueDark mb-2\">Generator szablon\u00f3w AI<\/h4>\n                    <p class=\"text-brand-textMuted text-sm leading-relaxed font-light\">\n                        Intuicyjny panel webowy z generatorem AI, kt\u00f3ry zaproponuje uk\u0142ad stopki dopasowany do estetyki i bran\u017cy Twojej firmy.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Korzy\u015b\u0107 6 -->\n            <div class=\"group bg-white p-7 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentViolet\/50 transition-all duration-300 flex gap-5 border-l-4 border-l-brand-accentViolet\">\n                <div class=\"w-12 h-12 rounded-xl bg-brand-accentViolet\/12 flex items-center justify-center text-brand-accentVioletDark flex-shrink-0 group-hover:bg-brand-accentViolet group-hover:text-white transition-colors duration-300\">\n                    <i class=\"fa-solid fa-bullhorn text-xl\"><\/i>\n                <\/div>\n                <div>\n                    <h4 class=\"text-lg font-bold text-brand-blueDark mb-2\">Skuteczny kana\u0142 marketingowy<\/h4>\n                    <p class=\"text-brand-textMuted text-sm leading-relaxed font-light\">\n                        Dodaj baner, link do webinaru lub produkt\u00f3w, aby dotrze\u0107 do odbiorc\u00f3w bez dodatkowych koszt\u00f3w.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-10cd181 e-con e-atomic-element e-flexbox-base e-10cd181-9b191b1 \" data-id=\"10cd181\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"10cd181\">\n    \t\t<div class=\"elementor-element elementor-element-16c0be9 elementor-widget elementor-widget-html\" data-id=\"16c0be9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n    \/* Wymuszenie sp\u00f3jnego, szarego obramowania kart (nadpisuje style motywu) *\/\n    .prosign-accordion-item {\n        border: 1px solid #e2e8f0 !important;\n        border-radius: 0.75rem !important;\n        overflow: hidden;\n    }\n    \/* Reset przycisku, aby motyw nie dorzuca\u0142 w\u0142asnego (czerwonego) obramowania *\/\n    .prosign-accordion-header {\n        border: 0 !important;\n        outline: none !important;\n        background: transparent !important;\n        box-shadow: none !important;\n        -webkit-appearance: none;\n        appearance: none;\n        cursor: pointer;\n        border-radius: 0.75rem;\n    }\n    .prosign-accordion-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.4s cubic-bezier(0, 1, 0, 1), opacity 0.3s ease;\n        opacity: 0;\n    }\n    .prosign-accordion-item.active .prosign-accordion-content {\n        max-height: 500px;\n        opacity: 1;\n        transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;\n    }\n    .prosign-accordion-item.active {\n        border-color: #7c5cff !important;\n        box-shadow: 0 10px 25px -5px rgba(124, 92, 255, 0.18);\n        background-color: #ffffff;\n    }\n    .prosign-accordion-icon {\n        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .prosign-accordion-item.active .prosign-accordion-icon {\n        transform: rotate(180deg);\n        color: #5b3fd6;\n    }\n    .prosign-accordion-item.active .prosign-accordion-icon-inner {\n        background-color: #f1ecff;\n        color: #5b3fd6;\n        border-color: #7c5cff;\n    }\n<\/style>\n\n<div class=\"promise-wrapper bg-[#f8fafc] py-24 px-6 md:px-12 border-y border-slate-100\">\n    <div class=\"max-w-7xl mx-auto\">\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-start\">\n\n            <!-- Lewa kolumna: opis -->\n            <div class=\"lg:col-span-4 lg:sticky lg:top-24 space-y-8\">\n                <div class=\"space-y-5\">\n                    <div class=\"inline-flex items-center justify-center w-12 h-12 rounded-full bg-brand-accentViolet\/15 text-brand-accentVioletDark mb-2\">\n                        <i class=\"fa-regular fa-circle-question text-xl\"><\/i>\n                    <\/div>\n                    <h2 class=\"font-heading text-3xl md:text-4xl font-bold text-brand-blueDark leading-tight\">\n                        Cz\u0119sto zadawane pytania (FAQ)\n                    <\/h2>\n                    <p class=\"text-brand-textMuted font-light text-lg\">\n                        Warto wiedzie\u0107, zanim rozpoczniesz wdro\u017cenie w swojej organizacji. Zobacz, jak APN ProSign integruje si\u0119 z Twoim \u015brodowiskiem Microsoft 365.\n                    <\/p>\n                    <div class=\"pt-2 hidden lg:block\">\n                        <a href=\"#kontakt\" class=\"inline-flex items-center gap-2 font-bold text-brand-accentVioletDark hover:text-brand-blueDark transition-colors\">\n                            Masz inne pytanie? Napisz do nas <i class=\"fa-solid fa-arrow-right text-sm\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"relative rounded-2xl overflow-hidden shadow-lg border border-slate-100 hidden lg:block bg-gradient-to-br from-brand-accentViolet to-brand-accentVioletDark p-7 text-white\">\n                    <i class=\"fa-solid fa-envelope-open-text text-3xl text-white\/80 mb-4\"><\/i>\n                    <p class=\"font-bold text-lg leading-snug mb-1\">Jeden panel, tysi\u0105ce sp\u00f3jnych stopek<\/p>\n                    <p class=\"text-sm text-white\/80 font-light\">Bezpieczne wdro\u017cenie w \u015brodowisku Microsoft 365 i hybrydowym.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Prawa kolumna: akordeon -->\n            <div class=\"lg:col-span-8 space-y-4\" id=\"prosign-faq-group\">\n\n                <!-- FAQ 1 -->\n                <div class=\"prosign-accordion-item bg-slate-50 border border-slate-200 rounded-xl overflow-hidden transition-all duration-300\">\n                    <button class=\"prosign-accordion-header w-full p-6 text-left flex items-start justify-between focus:outline-none gap-4\">\n                        <span class=\"font-heading font-bold text-brand-blueDark text-lg pt-0.5\">Czy ProSign dzia\u0142a w \u015brodowisku hybrydowym?<\/span>\n                        <div class=\"prosign-accordion-icon shrink-0 mt-0.5\">\n                            <div class=\"prosign-accordion-icon-inner w-8 h-8 rounded-full bg-white border border-slate-200 flex items-center justify-center text-slate-400 transition-colors duration-300\">\n                                <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/button>\n                    <div class=\"prosign-accordion-content\">\n                        <div class=\"p-6 pt-0 text-base text-brand-textMuted font-light leading-relaxed\">\n                            Tak. ProSign obs\u0142uguje Exchange on-premises i Exchange Online, co pozwala na wdro\u017cenie w \u015brodowiskach hybrydowych. Dodatkowo system integruje si\u0119 zar\u00f3wno z Microsoft Entra ID, jak i lokalnym Active Directory.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 2 -->\n                <div class=\"prosign-accordion-item bg-slate-50 border border-slate-200 rounded-xl overflow-hidden transition-all duration-300\">\n                    <button class=\"prosign-accordion-header w-full p-6 text-left flex items-start justify-between focus:outline-none gap-4\">\n                        <span class=\"font-heading font-bold text-brand-blueDark text-lg pt-0.5\">Czy stopka jest widoczna w oknie Outlooka przed wys\u0142aniem?<\/span>\n                        <div class=\"prosign-accordion-icon shrink-0 mt-0.5\">\n                            <div class=\"prosign-accordion-icon-inner w-8 h-8 rounded-full bg-white border border-slate-200 flex items-center justify-center text-slate-400 transition-colors duration-300\">\n                                <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/button>\n                    <div class=\"prosign-accordion-content\">\n                        <div class=\"p-6 pt-0 text-base text-brand-textMuted font-light leading-relaxed\">\n                            Tak. Pracownik widzi stopk\u0119 w oknie redagowania wiadomo\u015bci, a nie tylko po jej wys\u0142aniu.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 3 -->\n                <div class=\"prosign-accordion-item bg-slate-50 border border-slate-200 rounded-xl overflow-hidden transition-all duration-300\">\n                    <button class=\"prosign-accordion-header w-full p-6 text-left flex items-start justify-between focus:outline-none gap-4\">\n                        <span class=\"font-heading font-bold text-brand-blueDark text-lg pt-0.5\">Sk\u0105d ProSign pobiera dane pracownik\u00f3w?<\/span>\n                        <div class=\"prosign-accordion-icon shrink-0 mt-0.5\">\n                            <div class=\"prosign-accordion-icon-inner w-8 h-8 rounded-full bg-white border border-slate-200 flex items-center justify-center text-slate-400 transition-colors duration-300\">\n                                <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/button>\n                    <div class=\"prosign-accordion-content\">\n                        <div class=\"p-6 pt-0 text-base text-brand-textMuted font-light leading-relaxed\">\n                            APN ProSign pobiera dane pracownik\u00f3w bezpo\u015brednio z Microsoft Entra ID lub Active Directory. Pozwala to na umieszczenie w stopce imienia, nazwiska i stanowiska pracownika bez liter\u00f3wek.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 4 -->\n                <div class=\"prosign-accordion-item bg-slate-50 border border-slate-200 rounded-xl overflow-hidden transition-all duration-300\">\n                    <button class=\"prosign-accordion-header w-full p-6 text-left flex items-start justify-between focus:outline-none gap-4\">\n                        <span class=\"font-heading font-bold text-brand-blueDark text-lg pt-0.5\">Jak wygl\u0105da licencjonowanie?<\/span>\n                        <div class=\"prosign-accordion-icon shrink-0 mt-0.5\">\n                            <div class=\"prosign-accordion-icon-inner w-8 h-8 rounded-full bg-white border border-slate-200 flex items-center justify-center text-slate-400 transition-colors duration-300\">\n                                <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/button>\n                    <div class=\"prosign-accordion-content\">\n                        <div class=\"p-6 pt-0 text-base text-brand-textMuted font-light leading-relaxed\">\n                            Licencja jest wymagana dla ka\u017cdego u\u017cytkownika ko\u0144cowego. Dost\u0119pne s\u0105 pakiety dopasowane do wielko\u015bci organizacji. Spos\u00f3b licencjonowania mo\u017ce r\u00f3\u017cni\u0107 si\u0119 w przypadku wdro\u017cenia narz\u0119dzia w infrastrukturze on-premises klienta.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 5 -->\n                <div class=\"prosign-accordion-item bg-slate-50 border border-slate-200 rounded-xl overflow-hidden transition-all duration-300\">\n                    <button class=\"prosign-accordion-header w-full p-6 text-left flex items-start justify-between focus:outline-none gap-4\">\n                        <span class=\"font-heading font-bold text-brand-blueDark text-lg pt-0.5\">Czy ProSign nadaje si\u0119 do du\u017cych organizacji?<\/span>\n                        <div class=\"prosign-accordion-icon shrink-0 mt-0.5\">\n                            <div class=\"prosign-accordion-icon-inner w-8 h-8 rounded-full bg-white border border-slate-200 flex items-center justify-center text-slate-400 transition-colors duration-300\">\n                                <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/button>\n                    <div class=\"prosign-accordion-content\">\n                        <div class=\"p-6 pt-0 text-base text-brand-textMuted font-light leading-relaxed\">\n                            Tak. System jest zaprojektowany dla firm zatrudniaj\u0105cych od kilkudziesi\u0119ciu do kilkunastu tysi\u0119cy pracownik\u00f3w. Istnieje r\u00f3wnie\u017c mo\u017cliwo\u015b\u0107 jednego wdro\u017cenia dla kilku organizacji.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const faqItems = document.querySelectorAll('#prosign-faq-group .prosign-accordion-item');\n\n        if (faqItems.length > 0) {\n            faqItems[0].classList.add('active');\n        }\n\n        faqItems.forEach(item => {\n            const header = item.querySelector('.prosign-accordion-header');\n            if (header) {\n                header.addEventListener('click', () => {\n                    const isActive = item.classList.contains('active');\n                    faqItems.forEach(otherItem => otherItem.classList.remove('active'));\n                    if (!isActive) {\n                        item.classList.add('active');\n                    }\n                });\n            }\n        });\n    });\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b9f70b3 e-con e-atomic-element e-flexbox-base e-b9f70b3-9325bac \" data-id=\"b9f70b3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b9f70b3\">\n    \t\t<div class=\"elementor-element elementor-element-b142578 elementor-widget elementor-widget-html\" data-id=\"b142578\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"promise-wrapper bg-brand-blueDark text-white pt-16 pb-12 px-6 md:px-12 relative overflow-hidden rounded-2xl\">\n\n    <div class=\"absolute inset-0 opacity-20 pointer-events-none\" style=\"background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px;\"><\/div>\n    <div class=\"absolute -top-24 -right-24 w-96 h-96 rounded-full bg-brand-accentViolet\/20 blur-3xl pointer-events-none\"><\/div>\n\n    <div class=\"max-w-7xl mx-auto relative z-10 space-y-16\">\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-start border-b border-white\/10 pb-16\" id=\"kontakt\">\n\n            <!-- Lewa strona -->\n            <div class=\"lg:col-span-5 space-y-6 lg:pt-8\">\n                <div class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white\/10 border border-white\/20 text-xs font-bold uppercase tracking-wider text-brand-accentVioletLight mb-2\">\n                    <i class=\"fa-solid fa-headset\"><\/i> Kontakt\n                <\/div>\n                <h3 class=\"font-heading text-3xl md:text-4xl font-bold text-white leading-tight\">Porozmawiajmy o wdro\u017ceniu APN ProSign<\/h3>\n                <p class=\"text-slate-300 text-base md:text-lg font-light leading-relaxed\">\n                    Zadbaj o sp\u00f3jny wizerunek firmy w ka\u017cdym e-mailu. Wype\u0142nij formularz, aby skontaktowa\u0107 si\u0119 z certyfikowanym zespo\u0142em Promise Group i zaplanowa\u0107 bezpieczne, bezobs\u0142ugowe wdro\u017cenie centralnego zarz\u0105dzania stopkami.\n                <\/p>\n\n                <div class=\"pt-6 space-y-4\">\n                    <div class=\"flex items-center gap-4 text-slate-300\">\n                        <div class=\"w-12 h-12 rounded-full bg-white\/5 flex items-center justify-center text-brand-accentVioletLight border border-white\/10\">\n                            <i class=\"fa-solid fa-envelope text-lg\"><\/i>\n                        <\/div>\n                        <div>\n                            <p class=\"text-xs text-slate-400 font-semibold uppercase tracking-wider mb-0.5\">Napisz bezpo\u015brednio<\/p>\n                            <a href=\"mailto:kontakt@promisegroup.com\" class=\"text-white font-medium hover:text-brand-accentVioletLight transition-colors\">kontakt@promisegroup.com<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Prawa strona: formularz D365 -->\n            <div class=\"lg:col-span-7\">\n                <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-2xl relative\">\n\n                    <!-- !!! MIEJSCE NA TW\u00d3J KOD DYNAMICS 365 !!! -->\n                    <!-- Usu\u0144 ten div z przerywan\u0105 ramk\u0105 (placeholder) i wklej w to miejsce skrypt z Real-Time Journeys -->\n\n                    <div\n        data-form-id='45ddf7b5-ea76-f111-ab0d-7c1e52781afe'\n        data-form-api-url='https:\/\/public-eur.mkt.dynamics.com\/api\/v1.0\/orgs\/0f0df1a6-2f4d-47d5-a0cd-1db1ee224907\/landingpageforms'\n        data-cached-form-url='https:\/\/assets-eur.mkt.dynamics.com\/0f0df1a6-2f4d-47d5-a0cd-1db1ee224907\/digitalassets\/forms\/45ddf7b5-ea76-f111-ab0d-7c1e52781afe' ><\/div>\n        <script src = 'https:\/\/formui-usa1.mkt.dynamics.com\/eur\/FormLoader\/FormLoader.bundle.js' ><\/script>\n\n                    <!-- !!! KONIEC MIEJSCA NA KOD DYNAMICS 365 !!! -->\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Stopka adresowa -->\n        <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-6 text-xs text-slate-300\">\n            <div class=\"space-y-1\">\n                <p class=\"font-semibold text-white\">A.P.N. Promise S.A.<\/p>\n                <p>ul. Domaniewska 44a, 02-672 Warszawa<\/p>\n            <\/div>\n            <div class=\"flex flex-wrap gap-6\">\n                <a href=\"mailto:kontakt@promisegroup.com\" class=\"hover:text-brand-accentVioletLight flex items-center gap-1.5 transition-colors\">\n                    <i class=\"fa-solid fa-envelope\"><\/i> kontakt@promisegroup.com\n                <\/a>\n                <a href=\"https:\/\/promisegroup.com\" target=\"_blank\" class=\"hover:text-brand-accentVioletLight flex items-center gap-1.5 transition-colors\">\n                    <i class=\"fa-solid fa-globe\"><\/i> promisegroup.com\n                <\/a>\n            <\/div>\n            <p class=\"text-slate-400\">\n                \u00a9 2026 APN Promise S.A. Wszystkie prawa zastrze\u017cone.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kontakt Zarz\u0105dzanie podpisami e-mail Sp\u00f3jny wizerunek firmy w ka\u017cdym mailu z APN ProSign Pe\u0142na kontrola nad ka\u017cd\u0105 stopk\u0105 w organizacji. ProSign przejmuje zarz\u0105dzanie podpisami e-mail \u2013 bez instrukcji dla pracownik\u00f3w i bez godzin pracy dzia\u0142u IT. Zam\u00f3w bezp\u0142atne Demo AP logo zaktualizowane + nowy baner kampanii Panel ProSign Szablon stopki \u00b7 Microsoft Entra ID Stopka [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/prosign.promisegroup.com\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prosign.promisegroup.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prosign.promisegroup.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prosign.promisegroup.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prosign.promisegroup.com\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":16,"href":"https:\/\/prosign.promisegroup.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/prosign.promisegroup.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/prosign.promisegroup.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}