{"id":11,"date":"2026-06-24T15:23:41","date_gmt":"2026-06-24T13:23:41","guid":{"rendered":"http:\/\/intouch.promisegroup.com\/?page_id=11"},"modified":"2026-07-03T16:37:02","modified_gmt":"2026-07-03T14:37:02","slug":"home","status":"publish","type":"page","link":"https:\/\/intouch.promisegroup.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60f0fbc e-con e-atomic-element e-flexbox-base e-cbf7b80 \" data-id=\"60f0fbc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"60f0fbc\">\n    \t\t<div class=\"elementor-element elementor-element-948ad06 elementor-widget elementor-widget-html\" data-id=\"948ad06\" 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 (zmniejszona wysoko\u015b\u0107 dla lepszego balansu) -->\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        <!-- Right Side: Links & Socials -->\n        <div class=\"flex items-center gap-6 md:gap-8\">\n            \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-blueMid 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-blueMid 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-blueDark text-white text-[11px] font-bold rounded-md hover:bg-brand-blueMid 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-cb857d2 e-con e-atomic-element e-flexbox-base e-cb857d2-0881fda \" data-id=\"cb857d2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cb857d2\">\n    \t\t<div class=\"elementor-element elementor-element-e85e2b3 elementor-widget elementor-widget-html\" data-id=\"e85e2b3\" 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 -->\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<!-- Za\u0142adowanie silnika Tailwind CSS dla Widget\u00f3w 2-5 -->\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',  \/* Zaktualizowany g\u0142\u00f3wny niebieski *\/\n                        blueLight: '#2667d0',\n                        accentGold: '#face02', \/* Zaktualizowany zloty\/zolty *\/\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\u0141EJ STRONY *\/\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\n    \/* ===== APN InTouch \u2014 NOWY HERO WIDGET ===== *\/\n    .apnh * {box-sizing:border-box;margin:0;padding:0}\n    .apnh {\n      position:relative;overflow:hidden;\n      background-image: url('\/wp-content\/uploads\/2026\/06\/InTouch_Hero_Image.jpg');\n      background-size: cover;\n      background-position: center;\n      border-radius: 1rem; \/* Dopasowanie zaokr\u0105glenia do reszty strony *\/\n    }\n    .apnh::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(115deg,#0c2c6e 0%,#143f8c 48%,#0b49ad 100%);\n      opacity: 0.9; \/* 60% przezroczysto\u015bci gradientu *\/\n      z-index: 0;\n      pointer-events: none;\n    }\n    .apnh-blob1 {position:absolute;top:-120px;right:-80px;width:520px;height:520px;border-radius:50%;\n      background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,0) 70%);pointer-events:none;z-index:1}\n    .apnh-blob2 {position:absolute;bottom:-160px;left:40%;width:460px;height:460px;border-radius:50%;\n      background:radial-gradient(circle,rgba(250,206,2,.15),rgba(255,255,255,0) 70%);pointer-events:none;z-index:1}\n    .apnh-wrap {position:relative;max-width:1280px;margin:0 auto;padding:70px 48px 84px;\n      display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;z-index:2}\n\n    \/* left copy *\/\n    .apnh-copy {max-width:560px}\n    .apnh-badge {display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;color:#cfe0ff;\n      border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:6px 14px;margin-bottom:26px}\n    .apnh-h1 {font-weight:900;font-size:62px;line-height:1.02;color:#fff;margin-bottom:22px;letter-spacing:-0.02em;}\n    .apnh-sub {font-weight:700;font-size:25px;color:#fff;margin-bottom:4px}\n    .apnh-sub2 {font-size:18px;font-weight:500;color:#b9c9e8;margin-bottom:30px}\n    .apnh-desc {border-left:2px solid #face02;padding-left:18px;margin-bottom:34px}\n    .apnh-desc p {font-size:16px;line-height:1.7;color:#d6e0f2;text-wrap:pretty;font-weight:400;}\n    \n    .apnh-cta {display:inline-flex;align-items:center;gap:10px;background:#ffffff;color:#0b49ad;font-weight:800;\n      font-size:15px;text-decoration:none;padding:15px 30px;border-radius:8px;\n      box-shadow:0 14px 30px rgba(250,206,2,.3);transition:transform .2s ease, filter .2s ease; cursor:pointer;}\n    .apnh-cta:hover {transform:translateY(-2px); filter: brightness(1.05);}\n\n    \/* right visual *\/\n    .apnh-vis {position:relative;height:460px;display:flex;flex-direction:column;align-items:center}\n    .apnh-chip {position:absolute;z-index:5;display:flex;align-items:center;gap:8px;\n      background:rgba(255,255,255,.96);border-radius:30px;padding:6px 14px 6px 6px;\n      box-shadow:0 14px 30px rgba(4,16,46,.28)}\n    .apnh-chip span.av {width:30px;height:30px;border-radius:50%;color:#fff;font-weight:700;font-size:11px;\n      display:flex;align-items:center;justify-content:center}\n    .apnh-chip span.tx {font-size:11.5px;font-weight:700}\n    .apnh-chip1 {top:92px;left:6px;animation:apnhFloatB 5.6s ease-in-out infinite}\n    .apnh-chip2 {top:306px;left:0;animation:apnhFloat 6.4s ease-in-out infinite .5s}\n\n    .apnh-source {position:relative;z-index:2;margin-top:4px}\n    .apnh-source .ring {position:absolute;inset:0;border-radius:14px;border:2px solid rgba(255,255,255,.65);\n      animation:apnhRing 2.4s ease-out infinite}\n    .apnh-source .ring.b {border-color:rgba(255,255,255,.5);animation-delay:1.2s}\n    .apnh-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    .apnh-source .t1 {font-weight:800;font-size:13px;color:#14223a;display:block}\n    .apnh-source .t2 {font-size:10.5px;color:#8a96a6;font-weight:600;display:block}\n\n    .apnh-wire {position:relative;width:2px;height:54px;margin:10px 0 6px;\n      background:linear-gradient(#cdd8ee,#1d57b3);z-index:2}\n    .apnh-dot {position:absolute;left:-3px;top:0;width:8px;height:8px;border-radius:50%;\n      animation:apnhFlow 1.8s linear infinite}\n    .apnh-dot.a {background:#face02;box-shadow:0 0 8px rgba(250,206,2,.85)}\n    .apnh-dot.b {background:#fff;box-shadow:0 0 8px rgba(255,255,255,.85);animation-delay:.6s}\n    .apnh-dot.c {background:#7fb0ff;box-shadow:0 0 8px rgba(127,176,255,.85);animation-delay:1.2s}\n\n    .apnh-phone {position:relative;z-index:3;width:286px;background:#fff;border-radius:28px;padding:16px;\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    .apnh-toast {position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:5px;background:#10b981;\n      color:#fff;font-size:10.5px;font-weight:700;padding:5px 10px;border-radius:20px;\n      box-shadow:0 8px 18px rgba(16,185,129,.4);z-index:4;opacity:0;pointer-events:none;}\n    .apnh-phead {display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px}\n    .apnh-phead .ttl {font-weight:900;font-size:18px;color:#0b49ad}\n    .apnh-livesync {display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;color:#10b981;\n      background:#ecfdf5;padding:5px 10px;border-radius:20px; border:1px solid #a7f3d0;}\n    .apnh-refresh {transform-origin:50% 50%}\n    .apnh-search {display:flex;align-items:center;gap:8px;background:#f1f4f9;border-radius:10px;\n      padding:9px 12px;margin-bottom:10px}\n    .apnh-search .ic {color:#9aa6b6;font-size:13px}\n    .apnh-search .ph {font-size:13px;color:#9aa6b6;font-weight:500;}\n    .apnh-row {display:flex;align-items:center;gap:11px;padding:10px 6px;border-bottom:1px solid #f1f3f7;border-radius:8px}\n    .apnh-av {position:relative;flex:0 0 auto}\n    .apnh-av .circle {display:flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;\n      font-weight:800;font-size:13px;color:#fff}\n    .apnh-av .pres {position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;\n      background:#10b981;border:2px solid #fff}\n    .apnh-meta {display:flex;flex-direction:column;line-height:1.25;min-width:0}\n    .apnh-meta .nm {font-weight:800;font-size:14px;color:#1d2733;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n    .apnh-meta .rl {font-size:11.5px;color:#8a96a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;}\n    .apnh-call {margin-left:auto;color:#cbd5e1; font-size:15px; transition: color 0.3s ease, transform 0.3s ease;}\n\n    \/* hover = live re-sync *\/\n    .apnh-vis:hover .apnh-phone {transform:translateY(-6px) scale(1.015);box-shadow:0 42px 72px rgba(4,16,46,.5)}\n    .apnh-vis:hover .apnh-refresh {animation:apnhSpin .8s linear infinite}\n    .apnh-vis:hover .apnh-dot {animation-duration:.8s}\n    .apnh-vis:hover .apnh-toast {animation:apnhToast .4s ease forwards}\n    .apnh-vis:hover .apnh-row {animation:apnhFlash 1.1s ease}\n    .apnh-vis:hover .apnh-row:nth-child(2) {animation-delay:.1s}\n    .apnh-vis:hover .apnh-row:nth-child(3) {animation-delay:.2s}\n    .apnh-vis:hover .apnh-row:nth-child(4) {animation-delay:.3s}\n    .apnh-vis:hover .apnh-row:nth-child(5) {animation-delay:.4s}\n\n    \/* hover on specific contact row *\/\n    .apnh-row:hover {background:#f8fafc; cursor:pointer;}\n    .apnh-row:hover .apnh-call {color:#10b981; transform:scale(1.15) rotate(-10deg);}\n    .apnh-row:hover .apnh-meta .nm {color:#0b49ad;}\n\n    @keyframes apnhFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n    @keyframes apnhFloatB {0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}\n    @keyframes apnhFlow {0%{transform:translateY(-4px);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(54px);opacity:0}}\n    @keyframes apnhRing {0%{transform:scale(.7);opacity:.55}100%{transform:scale(1.9);opacity:0}}\n    @keyframes apnhSpin {to{transform:rotate(360deg)}}\n    @keyframes apnhFlash {0%{background:#ecfdf5}100%{background:transparent}}\n    @keyframes apnhToast {0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}\n\n    \/* responsive *\/\n    @media(max-width:900px){\n      .apnh-wrap {grid-template-columns:1fr;gap:10px;padding:48px 24px 60px}\n      .apnh-h1 {font-size:46px}\n      .apnh-vis {height:500px;margin-top:20px}\n    }\n<\/style>\n\n<div class=\"promise-wrapper bg-white pt-4 pb-8\">\n  <div class=\"apnh mx-6 md:mx-12\">\n    <div class=\"apnh-blob1\"><\/div>\n    <div class=\"apnh-blob2\"><\/div>\n    <div class=\"apnh-wrap\">\n\n      <!-- left copy -->\n      <div class=\"apnh-copy\">\n        <span class=\"apnh-badge\">Nowoczesne narz\u0119dzie<\/span>\n        <h1 class=\"apnh-h1\">APN&nbsp;InTouch<\/h1>\n        <p class=\"apnh-sub\">Zawsze aktualne kontakty.<\/p>\n        <p class=\"apnh-sub2\">Na ka\u017cdym smartfonie w Twojej firmie. Automatycznie.<\/p>\n        <div class=\"apnh-desc\">\n          <p>APN InTouch b\u0142yskawicznie przenosi baz\u0119 kontakt\u00f3w na urz\u0105dzenia Twoich pracownik\u00f3w, na bie\u017c\u0105co synchronizuje ka\u017cd\u0105 zmian\u0119 i zapewnia sp\u00f3jno\u015b\u0107 informacji w ca\u0142ym \u015brodowisku Microsoft 365.<\/p>\n        <\/div>\n        <a class=\"apnh-cta\" href=\"#kontakt\">Zam\u00f3w bezp\u0142atne Demo <i class=\"fa-solid fa-arrow-right text-sm ml-1\"><\/i><\/a>\n      <\/div>\n\n      <!-- right visual -->\n      <div class=\"apnh-vis\">\n        <div class=\"apnh-chip apnh-chip1\">\n          <span class=\"av\" style=\"background:#0b49ad\">JK<\/span>\n          <span class=\"tx\" style=\"color:#10b981\">+ nowy kontakt<\/span>\n        <\/div>\n        <div class=\"apnh-chip apnh-chip2\">\n          <span class=\"av\" style=\"background:#face02; color:#0b49ad;\">TW<\/span>\n          <span class=\"tx\" style=\"color:#0b49ad\">zaktualizowano<\/span>\n        <\/div>\n\n        <div class=\"apnh-source\">\n          <span class=\"ring\"><\/span>\n          <span class=\"ring b\"><\/span>\n          <div class=\"card\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\"><rect x=\"0\" y=\"0\" width=\"10\" height=\"10\" fill=\"#F25022\"><\/rect><rect x=\"12\" y=\"0\" width=\"10\" height=\"10\" fill=\"#7FBA00\"><\/rect><rect x=\"0\" y=\"12\" width=\"10\" height=\"10\" fill=\"#00A4EF\"><\/rect><rect x=\"12\" y=\"12\" width=\"10\" height=\"10\" fill=\"#FFB900\"><\/rect><\/svg>\n            <span>\n              <span class=\"t1\">Microsoft 365<\/span>\n              <span class=\"t2\">Entra ID \u00b7 Active Directory<\/span>\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"apnh-wire\">\n          <span class=\"apnh-dot a\"><\/span>\n          <span class=\"apnh-dot b\"><\/span>\n          <span class=\"apnh-dot c\"><\/span>\n        <\/div>\n\n        <div class=\"apnh-phone\">\n          <div class=\"apnh-toast\"><i class=\"fa-solid fa-check\"><\/i> Zaktualizowano<\/div>\n          <div class=\"apnh-phead\">\n            <span class=\"ttl\">Kontakty<\/span>\n            <span class=\"apnh-livesync\">\n              <svg class=\"apnh-refresh\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a9 9 0 1 1-3-6.7\"><\/path><polyline points=\"21 3 21 9 15 9\"><\/polyline><\/svg>\n              Live sync\n            <\/span>\n          <\/div>\n          <div class=\"apnh-search\">\n            <span class=\"ic\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/span><span class=\"ph\">Szukaj kontaktu\u2026<\/span>\n          <\/div>\n\n          <div class=\"apnh-row\">\n            <span class=\"apnh-av\"><span class=\"circle\" style=\"background:#0b49ad\">AK<\/span><span class=\"pres\"><\/span><\/span>\n            <span class=\"apnh-meta\"><span class=\"nm\">Anna Kowalska<\/span><span class=\"rl\">Dyrektor Sprzeda\u017cy<\/span><\/span>\n            <span class=\"apnh-call\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\n          <\/div>\n          <div class=\"apnh-row\">\n            <span class=\"apnh-av\"><span class=\"circle\" style=\"background:#2667d0\">MN<\/span><span class=\"pres\"><\/span><\/span>\n            <span class=\"apnh-meta\"><span class=\"nm\">Marek Nowak<\/span><span class=\"rl\">Dzia\u0142 IT<\/span><\/span>\n            <span class=\"apnh-call\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\n          <\/div>\n          <div class=\"apnh-row\">\n            <span class=\"apnh-av\"><span class=\"circle\" style=\"background:#face02; color:#0b49ad;\">KW<\/span><span class=\"pres\"><\/span><\/span>\n            <span class=\"apnh-meta\"><span class=\"nm\">Katarzyna W\u00f3jcik<\/span><span class=\"rl\">HR Manager<\/span><\/span>\n            <span class=\"apnh-call\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\n          <\/div>\n          <div class=\"apnh-row\">\n            <span class=\"apnh-av\"><span class=\"circle\" style=\"background:#10b981\">PZ<\/span><span class=\"pres\"><\/span><\/span>\n            <span class=\"apnh-meta\"><span class=\"nm\">Piotr Zieli\u0144ski<\/span><span class=\"rl\">Marketing<\/span><\/span>\n            <span class=\"apnh-call\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\n          <\/div>\n          <div class=\"apnh-row\" style=\"border-bottom:none\">\n            <span class=\"apnh-av\"><span class=\"circle\" style=\"background:#8b5cf6\">ML<\/span><span class=\"pres\"><\/span><\/span>\n            <span class=\"apnh-meta\"><span class=\"nm\">Magda Lewandowska<\/span><span class=\"rl\">Finanse<\/span><\/span>\n            <span class=\"apnh-call\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\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-75f137f e-con e-atomic-element e-flexbox-base e-fe18641 \" data-id=\"75f137f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"75f137f\">\n    \t\t<div class=\"elementor-element elementor-element-22deb52 elementor-widget elementor-widget-html\" data-id=\"22deb52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"promise-wrapper bg-white py-24 px-6 md:px-12 relative overflow-hidden\">\n    <!-- Subtelny geometryczny dekor w tle -->\n    <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 rounded-full bg-brand-bgLight\/50 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: Tekst i O\u015b czasu -->\n            <div class=\"lg:col-span-7\">\n                <div class=\"text-left mb-16 space-y-3\">\n                    <h2 class=\"font-heading text-3xl md:text-5xl font-bold text-brand-blueDark tracking-tight\">\n                        Koniec z chaosem. <br class=\"hidden md:block\"\/><span class=\"text-brand-blueMid\">Pe\u0142na sp\u00f3jno\u015b\u0107. Zero b\u0142\u0119d\u00f3w.<\/span>\n                    <\/h2>\n                    <p class=\"text-brand-textMuted text-lg max-w-2xl font-light pt-4\">\n                        R\u0119czne aktualizacje i brak centralnego zarz\u0105dzania kontaktami generuj\u0105 powa\u017cne problemy operacyjne w ka\u017cdej dynamicznie rozwijaj\u0105cej si\u0119 organizacji.\n                    <\/p>\n                    <div class=\"inline-block mt-4 px-3 py-1 rounded-full bg-brand-accentGold\/15 border border-brand-accentGold\/40 text-xs font-bold uppercase tracking-wider text-brand-blueDark\">\n                        Dlaczego APN InTouch?\n                    <\/div>\n                <\/div>\n\n                <!-- Uk\u0142ad z lini\u0105 czasu (Timeline) -->\n                <div class=\"relative space-y-6 md:space-y-8 w-full\">\n                    \n                    <!-- Pionowa linia \u0142\u0105cz\u0105ca na desktopie -->\n                    <div class=\"hidden md:block absolute left-[39px] top-[40px] bottom-[40px] w-0.5 bg-gradient-to-b from-brand-accentGold via-brand-blueMid\/30 to-transparent\"><\/div>\n                    \n                    <!-- Blok 1 -->\n                    <div class=\"group relative bg-white rounded-2xl p-6 md:p-8 border border-slate-100 flex flex-col md:flex-row items-start gap-6 md:gap-8 transition-all duration-300 hover:shadow-[0_20px_40px_-15px_rgba(11,73,173,0.15)] hover:-translate-y-1 hover:border-brand-accentGold\/50 z-10\">\n                        <div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-brand-blueDark to-brand-blueMid text-white font-heading font-bold text-2xl flex items-center justify-center flex-shrink-0 shadow-lg shadow-brand-blueDark\/20 group-hover:scale-110 transition-transform duration-300\">\n                            1\n                        <\/div>\n                        <div class=\"space-y-3 pt-1\">\n                            <h3 class=\"text-xl font-bold text-brand-blueDark group-hover:text-brand-blueMid transition-colors duration-300\">Czym jest APN InTouch? Centralne zarz\u0105dzanie kontaktami<\/h3>\n                            <p class=\"text-brand-textMuted text-base leading-relaxed font-light\">\n                                APN InTouch to zaawansowane narz\u0119dzie, kt\u00f3re automatycznie synchronizuje dane kontaktowe bezpo\u015brednio z <strong class=\"font-semibold text-slate-700\">Active Directory<\/strong> lub <strong class=\"font-semibold text-slate-700\">Microsoft Entra ID<\/strong> na urz\u0105dzenie mobilne ka\u017cdego pracownika bez konieczno\u015bci instalowania dodatkowych aplikacji.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Blok 2 -->\n                    <div class=\"group relative bg-white rounded-2xl p-6 md:p-8 border border-slate-100 flex flex-col md:flex-row items-start gap-6 md:gap-8 transition-all duration-300 hover:shadow-[0_20px_40px_-15px_rgba(11,73,173,0.15)] hover:-translate-y-1 hover:border-brand-accentGold\/50 z-10\">\n                        <div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-brand-blueDark to-brand-blueMid text-white font-heading font-bold text-2xl flex items-center justify-center flex-shrink-0 shadow-lg shadow-brand-blueDark\/20 group-hover:scale-110 transition-transform duration-300\">\n                            2\n                        <\/div>\n                        <div class=\"space-y-3 pt-1\">\n                            <h3 class=\"text-xl font-bold text-brand-blueDark group-hover:text-brand-blueMid transition-colors duration-300\">Koniec z r\u0119czn\u0105 aktualizacj\u0105 kontakt\u00f3w<\/h3>\n                            <p class=\"text-brand-textMuted text-base leading-relaxed font-light\">\n                                Narz\u0119dzie ca\u0142kowicie eliminuje r\u0119czne, podatne na b\u0142\u0119dy zarz\u0105dzanie baz\u0105. Zapewnia sta\u0142\u0105 aktualno\u015b\u0107 informacji, usuwaj\u0105c z proces\u00f3w biznesowych ryzyko korzystania z nieaktualnych, dubluj\u0105cych si\u0119 i b\u0142\u0119dnych danych.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Blok 3 -->\n                    <div class=\"group relative bg-white rounded-2xl p-6 md:p-8 border border-slate-100 flex flex-col md:flex-row items-start gap-6 md:gap-8 transition-all duration-300 hover:shadow-[0_20px_40px_-15px_rgba(11,73,173,0.15)] hover:-translate-y-1 hover:border-brand-accentGold\/50 z-10\">\n                        <div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-brand-blueDark to-brand-blueMid text-white font-heading font-bold text-2xl flex items-center justify-center flex-shrink-0 shadow-lg shadow-brand-blueDark\/20 group-hover:scale-110 transition-transform duration-300\">\n                            3\n                        <\/div>\n                        <div class=\"space-y-3 pt-1\">\n                            <h3 class=\"text-xl font-bold text-brand-blueDark group-hover:text-brand-blueMid transition-colors duration-300\">Bezpiecze\u0144stwo danych po odej\u015bciu pracownika<\/h3>\n                            <p class=\"text-brand-textMuted text-base leading-relaxed font-light\">\n                                W przypadku rozwi\u0105zania umowy z pracownikiem, system automatycznie usuwa dane kontaktowe z jego telefonu. To aktywne, bezobs\u0142ugowe wsparcie dla ochrony prywatno\u015bci oraz polityki bezpiecze\u0144stwa i RODO w Twojej firmie.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- Prawa kolumna: Zdjecie -->\n            <div class=\"lg:col-span-5 relative mt-12 lg:mt-0\">\n                <!-- Dekoracyjna ramka w tle -->\n                <div class=\"absolute inset-0 bg-brand-accentGold\/20 rounded-2xl transform translate-x-4 translate-y-4\"><\/div>\n                <!-- Kontener na zdj\u0119cie -->\n                <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-slate-100 bg-slate-50 z-10\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/InTouch_Image_1.jpg\" alt=\"Rozwi\u0105zanie APN InTouch\" class=\"w-full h-auto object-cover transform hover:scale-105 transition-transform duration-700\">\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-99a5350 e-con e-atomic-element e-flexbox-base e-99a5350-281c75f \" data-id=\"99a5350\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"99a5350\">\n    \t\t<div class=\"elementor-element elementor-element-c642949 elementor-widget elementor-widget-html\" data-id=\"c642949\" 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\">\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-accentGold 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                Zyskaj pe\u0142n\u0105 kontrol\u0119 nad sp\u00f3jno\u015bci\u0105 danych kontaktowych. System, kt\u00f3ry odpowiada na wszystkie potrzeby Twojego zespo\u0142u bez skomplikowanej konfiguracji i op\u00f3\u017anie\u0144.\n            <\/p>\n        <\/div>\n\n        <!-- Uk\u0142ad boks\u00f3w (Bento-style Grid) z efektami Hover -->\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-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentGold\/50 transition-all duration-300 flex flex-col h-full relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-32 h-32 bg-brand-bgLight rounded-bl-full -mr-16 -mt-16 opacity-50 group-hover:scale-110 group-hover:bg-brand-accentGold\/10 transition-colors duration-500\"><\/div>\n                <div class=\"w-14 h-14 rounded-xl bg-gradient-to-br from-brand-blueMid to-brand-blueDark flex items-center justify-center text-brand-accentGold mb-6 relative z-10 group-hover:-translate-y-1 transition-transform duration-300 shadow-md\">\n                    <i class=\"fa-solid fa-arrows-rotate text-xl\"><\/i>\n                <\/div>\n                <h4 class=\"text-xl font-bold text-brand-blueDark mb-3 relative z-10\">Zawsze aktualne dane<\/h4>\n                <p class=\"text-brand-textMuted text-sm md:text-base leading-relaxed font-light relative z-10 flex-grow\">\n                    Automatyczna synchronizacja z Exchange i Entra ID ca\u0142kowicie eliminuje b\u0142\u0119dy ludzkie. Brak nieaktualnych numer\u00f3w oraz dubluj\u0105cych si\u0119 rekord\u00f3w.\n                <\/p>\n            <\/div>\n\n            <!-- Korzy\u015b\u0107 2 -->\n            <div class=\"group bg-white p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentGold\/50 transition-all duration-300 flex flex-col h-full relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-32 h-32 bg-brand-bgLight rounded-bl-full -mr-16 -mt-16 opacity-50 group-hover:scale-110 group-hover:bg-brand-accentGold\/10 transition-colors duration-500\"><\/div>\n                <div class=\"w-14 h-14 rounded-xl bg-gradient-to-br from-brand-blueMid to-brand-blueDark flex items-center justify-center text-brand-accentGold mb-6 relative z-10 group-hover:-translate-y-1 transition-transform duration-300 shadow-md\">\n                    <i class=\"fa-solid fa-gears text-xl\"><\/i>\n                <\/div>\n                <h4 class=\"text-xl font-bold text-brand-blueDark mb-3 relative z-10\">Pe\u0142na automatyzacja<\/h4>\n                <p class=\"text-brand-textMuted text-sm md:text-base leading-relaxed font-light relative z-10 flex-grow\">\n                    Zero pracy manualnej po stronie dzia\u0142u IT czy u\u017cytkownika. Wszystkie kontakty trafiaj\u0105 w odpowiednie miejsce na smartfonie ca\u0142kowicie w tle.\n                <\/p>\n            <\/div>\n\n            <!-- Korzy\u015b\u0107 3 -->\n            <div class=\"group bg-white p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentGold\/50 transition-all duration-300 flex flex-col h-full relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-32 h-32 bg-brand-bgLight rounded-bl-full -mr-16 -mt-16 opacity-50 group-hover:scale-110 group-hover:bg-brand-accentGold\/10 transition-colors duration-500\"><\/div>\n                <div class=\"w-14 h-14 rounded-xl bg-gradient-to-br from-brand-blueMid to-brand-blueDark flex items-center justify-center text-brand-accentGold mb-6 relative z-10 group-hover:-translate-y-1 transition-transform duration-300 shadow-md\">\n                    <i class=\"fa-solid fa-expand text-xl\"><\/i>\n                <\/div>\n                <h4 class=\"text-xl font-bold text-brand-blueDark mb-3 relative z-10\">Skalowalno\u015b\u0107 bez limit\u00f3w<\/h4>\n                <p class=\"text-brand-textMuted text-sm md:text-base leading-relaxed font-light relative z-10 flex-grow\">\n                    Wsparcie zar\u00f3wno dla ma\u0142ych przedsi\u0119biorstw, jak i struktur korporacyjnych od kilku do nawet kilkunastu tysi\u0119cy aktywnych u\u017cytkownik\u00f3w.\n                <\/p>\n            <\/div>\n\n            <!-- Korzy\u015b\u0107 4 -->\n            <div class=\"group bg-white p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentGold\/50 transition-all duration-300 flex flex-col h-full relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-32 h-32 bg-brand-bgLight rounded-bl-full -mr-16 -mt-16 opacity-50 group-hover:scale-110 group-hover:bg-brand-accentGold\/10 transition-colors duration-500\"><\/div>\n                <div class=\"w-14 h-14 rounded-xl bg-gradient-to-br from-brand-blueMid to-brand-blueDark flex items-center justify-center text-brand-accentGold mb-6 relative z-10 group-hover:-translate-y-1 transition-transform duration-300 shadow-md\">\n                    <i class=\"fa-solid fa-shield-halved text-xl\"><\/i>\n                <\/div>\n                <h4 class=\"text-xl font-bold text-brand-blueDark mb-3 relative z-10\">Pe\u0142na kontrola i bezpiecze\u0144stwo<\/h4>\n                <p class=\"text-brand-textMuted text-sm md:text-base leading-relaxed font-light relative z-10 flex-grow\">\n                    Bezpiecze\u0144stwo danych oparte na natywnych zabezpieczeniach Microsoft. Usuwanie kontakt\u00f3w w czasie rzeczywistym po odej\u015bciu pracownika.\n                <\/p>\n            <\/div>\n\n            <!-- Korzy\u015b\u0107 5 -->\n            <div class=\"group bg-white p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentGold\/50 transition-all duration-300 flex flex-col h-full relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-32 h-32 bg-brand-bgLight rounded-bl-full -mr-16 -mt-16 opacity-50 group-hover:scale-110 group-hover:bg-brand-accentGold\/10 transition-colors duration-500\"><\/div>\n                <div class=\"w-14 h-14 rounded-xl bg-gradient-to-br from-brand-blueMid to-brand-blueDark flex items-center justify-center text-brand-accentGold mb-6 relative z-10 group-hover:-translate-y-1 transition-transform duration-300 shadow-md\">\n                    <i class=\"fa-solid fa-mobile-screen text-xl\"><\/i>\n                <\/div>\n                <h4 class=\"text-xl font-bold text-brand-blueDark mb-3 relative z-10\">Zero dodatkowych aplikacji<\/h4>\n                <p class=\"text-brand-textMuted text-sm md:text-base leading-relaxed font-light relative z-10 flex-grow\">\n                    Rozwi\u0105zanie korzysta z natywnych protoko\u0142\u00f3w systemowych urz\u0105dze\u0144 mobilnych. Pracownik nie musi pobiera\u0107 ani konfigurowa\u0107 dodatkowego oprogramowania.\n                <\/p>\n            <\/div>\n\n            <!-- Korzy\u015b\u0107 6 -->\n            <div class=\"group bg-white p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl hover:border-brand-accentGold\/50 transition-all duration-300 flex flex-col h-full relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-32 h-32 bg-brand-bgLight rounded-bl-full -mr-16 -mt-16 opacity-50 group-hover:scale-110 group-hover:bg-brand-accentGold\/10 transition-colors duration-500\"><\/div>\n                <div class=\"w-14 h-14 rounded-xl bg-gradient-to-br from-brand-blueMid to-brand-blueDark flex items-center justify-center text-brand-accentGold mb-6 relative z-10 group-hover:-translate-y-1 transition-transform duration-300 shadow-md\">\n                    <i class=\"fa-solid fa-magnifying-glass text-xl\"><\/i>\n                <\/div>\n                <h4 class=\"text-xl font-bold text-brand-blueDark mb-3 relative z-10\">B\u0142yskawiczne wyszukiwanie<\/h4>\n                <p class=\"text-brand-textMuted text-sm md:text-base leading-relaxed font-light relative z-10 flex-grow\">\n                    Mo\u017cliwo\u015b\u0107 wygodnego inteligentnego wyszukiwania po nazwisku, dziale lub stanowisku s\u0142u\u017cbowym. Natychmiastowa identyfikacja dzwoni\u0105cego.\n                <\/p>\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-bf77891 e-con e-atomic-element e-flexbox-base e-bf77891-c388f35 \" data-id=\"bf77891\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bf77891\">\n    \t\t<div class=\"elementor-element elementor-element-e74763c elementor-widget elementor-widget-html\" data-id=\"e74763c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- ===== SCREENSHOTS SECTION ===== -->\n<style>\n    .intouch-lightbox {\n        display: none;\n        position: fixed;\n        inset: 0;\n        background: rgba(10, 20, 50, 0.88);\n        z-index: 9999;\n        align-items: center;\n        justify-content: center;\n        padding: 24px;\n        backdrop-filter: blur(6px);\n    }\n    .intouch-lightbox.open {\n        display: flex;\n    }\n    .intouch-lightbox-inner {\n        position: relative;\n        max-width: 1100px;\n        width: 100%;\n    }\n    .intouch-lightbox img {\n        width: 100%;\n        border-radius: 14px;\n        box-shadow: 0 40px 80px rgba(0,0,0,.6);\n        display: block;\n    }\n    .intouch-lightbox-close {\n        position: absolute;\n        top: -44px;\n        right: 0;\n        background: rgba(255,255,255,.15);\n        border: 1px solid rgba(255,255,255,.25);\n        color: #fff;\n        width: 36px;\n        height: 36px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        font-size: 16px;\n        transition: background .2s;\n    }\n    .intouch-lightbox-close:hover { background: rgba(255,255,255,.28); }\n    .intouch-lightbox-caption {\n        text-align: center;\n        color: rgba(255,255,255,.7);\n        font-size: 13px;\n        margin-top: 14px;\n        font-weight: 500;\n    }\n    .intouch-lightbox-nav {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background: rgba(255,255,255,.15);\n        border: 1px solid rgba(255,255,255,.25);\n        color: #fff;\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        font-size: 15px;\n        transition: background .2s;\n        z-index: 10;\n    }\n    .intouch-lightbox-nav:hover { background: rgba(255,255,255,.28); }\n    .intouch-lightbox-prev { left: -56px; }\n    .intouch-lightbox-next { right: -56px; }\n    @media(max-width:768px) {\n        .intouch-lightbox-prev { left: -2px; }\n        .intouch-lightbox-next { right: -2px; }\n    }\n\n    .intouch-screenshot-thumb {\n        cursor: pointer;\n        overflow: hidden;\n        border-radius: 12px;\n        border: 2px solid transparent;\n        transition: border-color .25s, transform .25s, box-shadow .25s;\n        box-shadow: 0 4px 16px rgba(14,61,122,.08);\n    }\n    .intouch-screenshot-thumb:hover {\n        border-color: #face02;\n        transform: translateY(-4px);\n        box-shadow: 0 16px 32px rgba(14,61,122,.18);\n    }\n    .intouch-screenshot-thumb img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform .35s ease;\n    }\n    .intouch-screenshot-thumb:hover img {\n        transform: scale(1.04);\n    }\n    .intouch-screenshot-thumb .thumb-overlay {\n        position: absolute;\n        inset: 0;\n        background: rgba(14,61,122,0);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: background .25s;\n        border-radius: 10px;\n    }\n    .intouch-screenshot-thumb:hover .thumb-overlay {\n        background: rgba(14,61,122,.35);\n    }\n    .intouch-screenshot-thumb .thumb-overlay i {\n        color: #fff;\n        font-size: 24px;\n        opacity: 0;\n        transform: scale(.7);\n        transition: opacity .25s, transform .25s;\n    }\n    .intouch-screenshot-thumb:hover .thumb-overlay i {\n        opacity: 1;\n        transform: scale(1);\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=\"text-center max-w-3xl mx-auto mb-16 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-accentGold to-brand-blueMid rounded-full\"><\/div>\n            <\/div>\n            <h2 class=\"font-heading text-3xl md:text-5xl font-bold text-brand-blueDark\">\n                Zobacz APN InTouch w akcji\n            <\/h2>\n            <p class=\"text-brand-textMuted text-lg font-light\">\n                Intuicyjny panel administracyjny i natywna integracja z Twoim \u015brodowiskiem Microsoft.\n            <\/p>\n        <\/div>\n\n        <!-- Screenshot grid: 2 large on top, 3 smaller on bottom -->\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5 mb-5\">\n\n            <div class=\"intouch-screenshot-thumb relative h-56 md:h-72\" data-index=\"0\">\n                <img decoding=\"async\" src=\"http:\/\/intouch.dkonto.pl\/wp-content\/uploads\/2026\/06\/Panel-Administracyjny.png\" alt=\"Panel Administracyjny\" loading=\"lazy\">\n                <div class=\"thumb-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\n                <div class=\"absolute bottom-3 left-3 bg-brand-blueDark\/80 text-white text-xs font-semibold px-2.5 py-1 rounded-full backdrop-blur-sm\">Panel administracyjny<\/div>\n            <\/div>\n\n            <div class=\"intouch-screenshot-thumb relative h-56 md:h-72\" data-index=\"1\">\n                <img decoding=\"async\" src=\"http:\/\/intouch.dkonto.pl\/wp-content\/uploads\/2026\/06\/Groups.png\" alt=\"Grupy\" loading=\"lazy\">\n                <div class=\"thumb-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\n                <div class=\"absolute bottom-3 left-3 bg-brand-blueDark\/80 text-white text-xs font-semibold px-2.5 py-1 rounded-full backdrop-blur-sm\">Grupy<\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-5\">\n\n            <div class=\"intouch-screenshot-thumb relative h-48 md:h-52\" data-index=\"2\">\n                <img decoding=\"async\" src=\"http:\/\/intouch.dkonto.pl\/wp-content\/uploads\/2026\/06\/Attributes.png\" alt=\"Atrybuty\" loading=\"lazy\">\n                <div class=\"thumb-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\n                <div class=\"absolute bottom-3 left-3 bg-brand-blueDark\/80 text-white text-xs font-semibold px-2.5 py-1 rounded-full backdrop-blur-sm\">Atrybuty<\/div>\n            <\/div>\n\n            <div class=\"intouch-screenshot-thumb relative h-48 md:h-52\" data-index=\"3\">\n                <img decoding=\"async\" src=\"http:\/\/intouch.dkonto.pl\/wp-content\/uploads\/2026\/06\/Exclusions.png\" alt=\"Wykluczenia\" loading=\"lazy\">\n                <div class=\"thumb-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\n                <div class=\"absolute bottom-3 left-3 bg-brand-blueDark\/80 text-white text-xs font-semibold px-2.5 py-1 rounded-full backdrop-blur-sm\">Wykluczenia<\/div>\n            <\/div>\n\n            <div class=\"intouch-screenshot-thumb relative h-48 md:h-52\" data-index=\"4\">\n                <img decoding=\"async\" src=\"http:\/\/intouch.dkonto.pl\/wp-content\/uploads\/2026\/06\/Synchronization.png\" alt=\"Synchronizacja\" loading=\"lazy\">\n                <div class=\"thumb-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\n                <div class=\"absolute bottom-3 left-3 bg-brand-blueDark\/80 text-white text-xs font-semibold px-2.5 py-1 rounded-full backdrop-blur-sm\">Synchronizacja<\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- Lightbox modal -->\n<div class=\"intouch-lightbox\" id=\"intouchLightbox\">\n    <div class=\"intouch-lightbox-inner\">\n        <button class=\"intouch-lightbox-close\" id=\"intouchLbClose\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n        <button class=\"intouch-lightbox-nav intouch-lightbox-prev\" id=\"intouchLbPrev\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\n        <button class=\"intouch-lightbox-nav intouch-lightbox-next\" id=\"intouchLbNext\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\n        <img decoding=\"async\" id=\"intouchLbImg\" src=\"\" alt=\"\">\n        <p class=\"intouch-lightbox-caption\" id=\"intouchLbCaption\"><\/p>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        const thumbs = Array.from(document.querySelectorAll('.intouch-screenshot-thumb'));\n        const lightbox = document.getElementById('intouchLightbox');\n        const lbImg = document.getElementById('intouchLbImg');\n        const lbCaption = document.getElementById('intouchLbCaption');\n        let current = 0;\n\n        function open(index) {\n            current = index;\n            const thumb = thumbs[current];\n            lbImg.src = thumb.querySelector('img').src;\n            lbImg.alt = thumb.querySelector('img').alt;\n            lbCaption.textContent = thumb.querySelector('img').alt;\n            lightbox.classList.add('open');\n            document.body.style.overflow = 'hidden';\n        }\n\n        function close() {\n            lightbox.classList.remove('open');\n            document.body.style.overflow = '';\n        }\n\n        function navigate(dir) {\n            current = (current + dir + thumbs.length) % thumbs.length;\n            open(current);\n        }\n\n        thumbs.forEach((thumb, i) => thumb.addEventListener('click', () => open(i)));\n        document.getElementById('intouchLbClose').addEventListener('click', close);\n        document.getElementById('intouchLbPrev').addEventListener('click', () => navigate(-1));\n        document.getElementById('intouchLbNext').addEventListener('click', () => navigate(1));\n        lightbox.addEventListener('click', function(e) { if (e.target === lightbox) close(); });\n        document.addEventListener('keydown', function(e) {\n            if (!lightbox.classList.contains('open')) return;\n            if (e.key === 'Escape') close();\n            if (e.key === 'ArrowLeft') navigate(-1);\n            if (e.key === 'ArrowRight') navigate(1);\n        });\n    })();\n<\/script>\n<!-- ===== END SCREENSHOTS SECTION ===== -->\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-11b390e e-con e-atomic-element e-flexbox-base e-11b390e-3c50d5f \" data-id=\"11b390e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"11b390e\">\n    \t\t<div class=\"elementor-element elementor-element-5256c6a elementor-widget elementor-widget-html\" data-id=\"5256c6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"promise-wrapper bg-white py-24 px-6 md:px-12\">\n    <div class=\"max-w-5xl mx-auto\">\n\n        <div class=\"text-center max-w-3xl mx-auto mb-16 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-accentGold to-brand-blueMid rounded-full\"><\/div>\n            <\/div>\n            <h2 class=\"font-heading text-3xl md:text-5xl font-bold text-brand-blueDark\">\n                Cennik\n            <\/h2>\n            <p class=\"text-brand-textMuted text-lg font-light\">\n                Wybierz pakiet dopasowany do wielko\u015bci Twojej organizacji.\n            <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 items-center\">\n\n            <!-- Pakiet 100 -->\n            <div class=\"bg-slate-100 rounded-2xl overflow-hidden shadow-sm border border-slate-200\">\n                <div class=\"px-8 pt-8 pb-5 text-center\">\n                    <p class=\"font-heading font-bold text-brand-blueDark text-sm tracking-widest uppercase\">Pakiet 100 Licencji<\/p>\n                <\/div>\n                <div class=\"bg-brand-blueDark px-8 py-6 text-center\">\n                    <p class=\"text-white font-heading font-black leading-none\">\n                        <span class=\"text-base font-bold align-top mt-2 inline-block mr-1\">PLN<\/span><span class=\"text-5xl\">4200<\/span><span class=\"text-lg font-semibold\">\/rok*<\/span>\n                    <\/p>\n                <\/div>\n                <div class=\"px-8 py-7 space-y-3 text-center text-sm text-brand-textMuted font-light\">\n                    <p>*zawiera koszty wsparcia<\/p>\n                    <hr class=\"border-slate-300\">\n                    <p>*zawiera koszt wdro\u017cenia<\/p>\n                    <hr class=\"border-slate-300\">\n                    <p class=\"text-xs leading-relaxed\">(nie obejmuje koszt\u00f3w zwi\u0105zanych z infrastruktur\u0105 systemow\u0105 i sprz\u0119tow\u0105 potrzebnymi do dzia\u0142ania aplikacji)<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Pakiet 500 (wyr\u00f3\u017cniony) -->\n            <div class=\"relative scale-105\">\n                <div class=\"absolute -top-4 left-1\/2 -translate-x-1\/2 z-20\">\n                    <div class=\"bg-white text-brand-blueDark font-bold text-[10px] uppercase tracking-wider px-3 py-1.5 rounded-full leading-tight text-center shadow-md whitespace-nowrap\">\n                        Najcz\u0119\u015bciej wybierany\n                    <\/div>\n                <\/div>\n                <div class=\"bg-brand-blueDark rounded-2xl overflow-hidden shadow-2xl border border-brand-blueMid\">\n                <div class=\"px-8 pt-10 pb-5 text-center\">\n                    <p class=\"font-heading font-bold text-white text-sm tracking-widest uppercase\">Pakiet 500 Licencji<\/p>\n                <\/div>\n                <div class=\"px-8 py-6 text-center\">\n                    <p class=\"text-white font-heading font-black leading-none\">\n                        <span class=\"text-base font-bold align-top mt-2 inline-block mr-1 text-slate-300\">PLN<\/span><span class=\"text-5xl\">12000<\/span><span class=\"text-lg font-semibold text-slate-300\">\/rok*<\/span>\n                    <\/p>\n                <\/div>\n                <div class=\"px-8 py-7 space-y-3 text-center text-sm text-slate-300 font-light border-t border-white\/10\">\n                    <p>*zawiera koszty wsparcia<\/p>\n                    <hr class=\"border-white\/20\">\n                    <p>*zawiera koszt wdro\u017cenia<\/p>\n                    <hr class=\"border-white\/20\">\n                    <p class=\"text-xs leading-relaxed text-slate-400\">(nie obejmuje koszt\u00f3w zwi\u0105zanych z infrastruktur\u0105 systemow\u0105 i sprz\u0119tow\u0105 potrzebnymi do dzia\u0142ania aplikacji)<\/p>\n                <\/div>\n                <\/div><!-- end inner bg card -->\n            <\/div><!-- end scale wrapper -->\n\n            <!-- Pakiet 1000 -->\n            <div class=\"bg-slate-100 rounded-2xl overflow-hidden shadow-sm border border-slate-200\">\n                <div class=\"px-8 pt-8 pb-5 text-center\">\n                    <p class=\"font-heading font-bold text-brand-blueDark text-sm tracking-widest uppercase\">Pakiet 1000 Licencji<\/p>\n                <\/div>\n                <div class=\"bg-brand-blueDark px-8 py-6 text-center\">\n                    <p class=\"text-white font-heading font-black leading-none\">\n                        <span class=\"text-base font-bold align-top mt-2 inline-block mr-1\">PLN<\/span><span class=\"text-5xl\">15900<\/span><span class=\"text-lg font-semibold\">\/rok*<\/span>\n                    <\/p>\n                <\/div>\n                <div class=\"px-8 py-7 space-y-3 text-center text-sm text-brand-textMuted font-light\">\n                    <p>*zawiera koszty wsparcia<\/p>\n                    <hr class=\"border-slate-300\">\n                    <p>*zawiera koszt wdro\u017cenia<\/p>\n                    <hr class=\"border-slate-300\">\n                    <p class=\"text-xs leading-relaxed\">(nie obejmuje koszt\u00f3w zwi\u0105zanych z infrastruktur\u0105 systemow\u0105 i sprz\u0119tow\u0105 potrzebnymi do dzia\u0142ania aplikacji)<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <p class=\"text-right text-xs text-brand-textMuted mt-8\">Podane ceny s\u0105 cenami netto.<\/p>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c89d7fd e-con e-atomic-element e-flexbox-base e-c89d7fd-48d2e7c \" data-id=\"c89d7fd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c89d7fd\">\n    \t\t<div class=\"elementor-element elementor-element-29fb844 elementor-widget elementor-widget-html\" data-id=\"29fb844\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* Nowoczesne animacje harmonijki dla uk\u0142adu 2026 *\/\n    .intouch-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\n    .intouch-accordion-item.active .intouch-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\n    .intouch-accordion-item.active {\n        border-color: #face02;\n        box-shadow: 0 10px 25px -5px rgba(11, 73, 173, 0.15);\n        background-color: #ffffff;\n    }\n\n    .accordion-icon {\n        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .intouch-accordion-item.active .accordion-icon {\n        transform: rotate(180deg);\n        color: #0b49ad;\n    }\n    \n    .intouch-accordion-item.active .accordion-icon-inner {\n        background-color: #fffbeb; \/* amber-50 *\/\n        color: #face02; \n        border-color: #face02;\n    }\n<\/style>\n\n<div class=\"promise-wrapper bg-white py-24 px-6 md:px-12\">\n    <div class=\"max-w-7xl mx-auto\">\n        \n        <!-- Nowoczesny uk\u0142ad dwukolumnowy -->\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-start\">\n            \n            <!-- Lewa kolumna: Opis (Sticky na desktopie) i Zdj\u0119cie -->\n            <div class=\"lg:col-span-4 lg:sticky lg:top-24 space-y-8\">\n                \n                <div class=\"space-y-5\">\n                    <div class=\"inline-flex items-center justify-center w-12 h-12 rounded-full bg-brand-accentGold\/15 text-brand-accentGold 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 InTouch integruje si\u0119 z Twoim \u015brodowiskiem.\n                    <\/p>\n                    \n                    <div class=\"pt-2 hidden lg:block\">\n                        <a href=\"#kontakt\" class=\"inline-flex items-center gap-2 font-bold text-brand-blueMid 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                <!-- Kontener na zdj\u0119cie w panelu FAQ -->\n                <div class=\"relative rounded-2xl overflow-hidden shadow-lg border border-slate-100 hidden lg:block bg-slate-50\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/InTouch_Image_2.jpg\" alt=\"Wsparcie IT Promise Group\" class=\"w-full h-auto object-cover opacity-90 hover:opacity-100 transition-opacity duration-300\">\n                <\/div>\n            <\/div>\n\n            <!-- Prawa kolumna: Akordeon -->\n            <div class=\"lg:col-span-8 space-y-4\" id=\"intouch-faq-group\">\n                \n                <!-- FAQ 1 -->\n                <div class=\"intouch-accordion-item bg-slate-50 border border-slate-200 rounded-xl overflow-hidden transition-all duration-300\">\n                    <button class=\"intouch-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 InTouch dzia\u0142a w \u015brodowisku hybrydowym (on prem + cloud)?<\/span>\n                        <div class=\"accordion-icon shrink-0 mt-0.5\">\n                            <div class=\"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=\"intouch-accordion-content\">\n                        <div class=\"p-6 pt-0 text-base text-brand-textMuted font-light leading-relaxed\">\n                            Tak, system wspiera Exchange on prem i Exchange online umo\u017cliwiaj\u0105c wdro\u017cenie go do \u015brodowisk hybrydowych. APN InTouch posiada r\u00f3wnie\u017c integracje z Entra ID i Active Directory.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 2 -->\n                <div class=\"intouch-accordion-item bg-slate-50 border border-slate-200 rounded-xl overflow-hidden transition-all duration-300\">\n                    <button class=\"intouch-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 wdro\u017cenie wymaga udzia\u0142u dzia\u0142u IT?<\/span>\n                        <div class=\"accordion-icon shrink-0 mt-0.5\">\n                            <div class=\"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=\"intouch-accordion-content\">\n                        <div class=\"p-6 pt-0 text-base text-brand-textMuted font-light leading-relaxed\">\n                            Udzia\u0142 dzia\u0142u IT jest minimalny i ogranicza si\u0119 najcz\u0119\u015bciej do konfiguracji dost\u0119pu, reszta dzia\u0142a\u0144 odbywa si\u0119 po naszej stronie. W ramach wsparcia oferujemy bezp\u0142atn\u0105 pomoc przy wdro\u017ceniu.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 3 -->\n                <div class=\"intouch-accordion-item bg-slate-50 border border-slate-200 rounded-xl overflow-hidden transition-all duration-300\">\n                    <button class=\"intouch-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 zabezpieczane s\u0105 dane kontaktowe w InTouch?<\/span>\n                        <div class=\"accordion-icon shrink-0 mt-0.5\">\n                            <div class=\"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=\"intouch-accordion-content\">\n                        <div class=\"p-6 pt-0 text-base text-brand-textMuted font-light leading-relaxed\">\n                            Dane przechowywane s\u0105 wy\u0142\u0105cznie w \u015brodowisku klienta, zgodnie z wewn\u0119trznymi politykami bezpiecze\u0144stwa i RODO. InTouch nie wp\u0142ywa na dane spoza organizacji.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 4 -->\n                <div class=\"intouch-accordion-item bg-slate-50 border border-slate-200 rounded-xl overflow-hidden transition-all duration-300\">\n                    <button class=\"intouch-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 u\u017cytkownicy musz\u0105 instalowa\u0107 dodatkowe aplikacje?<\/span>\n                        <div class=\"accordion-icon shrink-0 mt-0.5\">\n                            <div class=\"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=\"intouch-accordion-content\">\n                        <div class=\"p-6 pt-0 text-base text-brand-textMuted font-light leading-relaxed\">\n                            Nie. APN InTouch dzia\u0142a w tle i aktualizuje dane bez ingerencji pracownik\u00f3w. Opiera si\u0119 na centralizacji danych kontaktowych i nie posiada interfejsu dla u\u017cytkownika ko\u0144cowego.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 5 -->\n                <div class=\"intouch-accordion-item bg-slate-50 border border-slate-200 rounded-xl overflow-hidden transition-all duration-300\">\n                    <button class=\"intouch-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 InTouch mo\u017cna skalowa\u0107 do du\u017cych organizacji?<\/span>\n                        <div class=\"accordion-icon shrink-0 mt-0.5\">\n                            <div class=\"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=\"intouch-accordion-content\">\n                        <div class=\"p-6 pt-0 text-base text-brand-textMuted font-light leading-relaxed\">\n                            System jest zaprojektowany tak, aby bezproblemowo wspiera\u0107 firmy o wielko\u015bci od kilku do kilkunastu tysi\u0119cy pracownik\u00f3w.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 6 -->\n                <div class=\"intouch-accordion-item bg-slate-50 border border-slate-200 rounded-xl overflow-hidden transition-all duration-300\">\n                    <button class=\"intouch-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\">Co w przypadku zmian organizacyjnych (reorganizacja, nowe dzia\u0142y)?<\/span>\n                        <div class=\"accordion-icon shrink-0 mt-0.5\">\n                            <div class=\"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=\"intouch-accordion-content\">\n                        <div class=\"p-6 pt-0 text-base text-brand-textMuted font-light leading-relaxed\">\n                            InTouch aktualizuje dane automatycznie, zgodnie z now\u0105 struktur\u0105 w systemach \u017ar\u00f3d\u0142owych. Zapewnia r\u00f3wnie\u017c skalowalno\u015b\u0107 poprzez mo\u017cliwo\u015b\u0107 zakupu dodatkowych licencji w trakcie rozwoju firmy. W przypadku odej\u015bcia pracownik\u00f3w usuwa dane ze wszystkich urz\u0105dze\u0144, wspieraj\u0105c ochron\u0119 prywatno\u015bci.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Unowocze\u015bniony kontroler akordeonu z obs\u0142ug\u0105 stanu\n    document.addEventListener('DOMContentLoaded', () => {\n        const faqItems = document.querySelectorAll('.intouch-accordion-item');\n        \n        \/\/ Otw\u00f3rz pierwszy element domy\u015blnie\n        if(faqItems.length > 0) {\n            faqItems[0].classList.add('active');\n        }\n        \n        faqItems.forEach(item => {\n            const header = item.querySelector('.intouch-accordion-header');\n            if (header) {\n                header.addEventListener('click', () => {\n                    const isActive = item.classList.contains('active');\n                    \n                    \/\/ Zwi\u0144 wszystkie\n                    faqItems.forEach(otherItem => {\n                        otherItem.classList.remove('active');\n                    });\n                    \n                    \/\/ Je\u015bli nie by\u0142 aktywny, rozwi\u0144 ten klikni\u0119ty\n                    if (!isActive) {\n                        item.classList.add('active');\n                    }\n                });\n            }\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-19635c1 e-con e-atomic-element e-flexbox-base e-19635c1-8f55ca3 \" data-id=\"19635c1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"19635c1\">\n    \t\t<div class=\"elementor-element elementor-element-bd7061a elementor-widget elementor-widget-html\" data-id=\"bd7061a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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    <!-- Nak\u0142adka siatkowa sp\u00f3jna z sekcj\u0105 Hero -->\n    <div class=\"absolute inset-0 bg-image-grid 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    \n    <div class=\"max-w-7xl mx-auto relative z-10 space-y-16\">\n        \n        <!-- Sekcja kontaktowa z miejscem na formularz D365 -->\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: Tekst zach\u0119caj\u0105cy -->\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-accentGold 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 InTouch<\/h3>\n                <p class=\"text-slate-300 text-base md:text-lg font-light leading-relaxed\">\n                    Uporz\u0105dkuj baz\u0119 kontakt\u00f3w w swojej firmie raz na zawsze. Wype\u0142nij formularz, aby skontaktowa\u0107 si\u0119 z certyfikowanym zespo\u0142em Promise Group i zaplanowa\u0107 bezpieczne, bezobs\u0142ugowe wdro\u017cenie.\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-accentGold 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-accentGold transition-colors\">kontakt@promisegroup.com<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Prawa strona: Kontener na formularz Dynamics 365 -->\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='50ddf7b5-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\/50ddf7b5-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 zgodna z danymi z Warszawy -->\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-accentGold 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-accentGold 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>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kontakt Nowoczesne narz\u0119dzie APN&nbsp;InTouch Zawsze aktualne kontakty. Na ka\u017cdym smartfonie w Twojej firmie. Automatycznie. APN InTouch b\u0142yskawicznie przenosi baz\u0119 kontakt\u00f3w na urz\u0105dzenia Twoich pracownik\u00f3w, na bie\u017c\u0105co synchronizuje ka\u017cd\u0105 zmian\u0119 i zapewnia sp\u00f3jno\u015b\u0107 informacji w ca\u0142ym \u015brodowisku Microsoft 365. Zam\u00f3w bezp\u0142atne Demo JK + nowy kontakt TW zaktualizowano Microsoft 365 Entra ID \u00b7 Active Directory Zaktualizowano [&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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intouch.promisegroup.com\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intouch.promisegroup.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intouch.promisegroup.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intouch.promisegroup.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/intouch.promisegroup.com\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":52,"href":"https:\/\/intouch.promisegroup.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/intouch.promisegroup.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/intouch.promisegroup.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}