{"id":12,"date":"2026-03-27T23:43:04","date_gmt":"2026-03-27T22:43:04","guid":{"rendered":"https:\/\/testy67.pl\/Finanse\/?page_id=12"},"modified":"2026-03-30T07:56:46","modified_gmt":"2026-03-30T05:56:46","slug":"o-nas","status":"publish","type":"page","link":"https:\/\/testy67.pl\/Finanse\/o-nas\/","title":{"rendered":"O nas"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root { --mouse-x: 50%; --mouse-y: 50%; }\n        body { font-family: 'Inter', sans-serif; background: #ffffff; color: #0f172a; overflow-x: hidden; scroll-behavior: smooth; }\n        \n        \/* Dynamiczne T\u0142o Mesh *\/\n        .mesh-bg {\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;\n            background: \n                radial-gradient(circle at var(--mouse-x) var(--mouse-y), rgba(59, 130, 246, 0.1) 0%, transparent 50%),\n                radial-gradient(circle at 80% 20%, rgba(168, 85, 247, 0.08) 0%, transparent 40%),\n                radial-gradient(circle at 20% 80%, rgba(236, 72, 153, 0.08) 0%, transparent 40%);\n            transition: background 0.5s ease-out;\n        }\n\n        \/* Animacje Reveal *\/\n        .reveal { opacity: 0; transform: translateY(40px); filter: blur(10px); transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1); }\n        .reveal.active { opacity: 1; transform: translateY(0); filter: blur(0); }\n        \n        .reveal-left { opacity: 0; transform: translateX(-50px); filter: blur(10px); transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1); }\n        .reveal-left.active { opacity: 1; transform: translateX(0); filter: blur(0); }\n\n        .reveal-right { opacity: 0; transform: translateX(50px); filter: blur(10px); transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1); }\n        .reveal-right.active { opacity: 1; transform: translateX(0); filter: blur(0); }\n\n        \/* Szklany Navbar *\/\n        .nav-glass {\n            background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(15px);\n            border: 1px solid rgba(15, 23, 42, 0.05);\n            box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05);\n        }\n\n        \/* Karty i Elementy *\/\n        .glass-card {\n            background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px);\n            border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 2.5rem;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n        .glass-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.1);\n            border-color: #3b82f6;\n        }\n\n        .image-mask { \n            border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; \n            transition: all 1.5s cubic-bezier(0.22, 1, 0.36, 1);\n        }\n        .image-mask:hover { border-radius: 50%; transform: scale(1.05) rotate(2deg); }\n\n        .gradient-text { background: linear-gradient(to right, #2563eb, #9333ea, #db2777); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n        \n        @keyframes float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-20px); }\n            100% { transform: translateY(0px); }\n        }\n        .floating { animation: float 6s ease-in-out infinite; }\n\n        .timeline-line {\n            position: absolute; left: 50%; top: 0; bottom: 0; width: 2px;\n            background: linear-gradient(to bottom, transparent, #3b82f6, transparent);\n            transform: translateX(-50%);\n        }\n        @media (max-width: 768px) {\n            .timeline-line { left: 20px; }\n        }\n    <\/style>\n<\/head>\n<body class=\"antialiased\">\n    <div class=\"mesh-bg\"><\/div>\n\n    <!-- Nawigacja -->\n    <nav class=\"fixed top-6 left-1\/2 -translate-x-1\/2 z-50 w-[90%] max-w-4xl\">\n        <div class=\"nav-glass rounded-full px-6 py-3 flex justify-between items-center\">\n            <a href=\"https:\/\/testy67.pl\/Finanse\/\" class=\"text-xl font-black tracking-tighter text-slate-900\">FM<span class=\"text-blue-600\">.<\/span><\/a>\n            <div class=\"hidden md:flex gap-8 text-sm font-bold uppercase tracking-widest text-slate-500\">\n                <a href=\"https:\/\/testy67.pl\/Finanse\/o-nas\/\" class=\"text-blue-600 transition-colors\">O nas<\/a>\n                <a href=\"https:\/\/testy67.pl\/Finanse\/cennik\/\" class=\"hover:text-blue-600 transition-colors\">Cennik<\/a>\n                <a href=\"https:\/\/testy67.pl\/Finanse\/kontakt\/\" class=\"hover:text-blue-600 transition-colors\">Kontakt<\/a>\n            <\/div>\n            <a href=\"https:\/\/testy67.pl\/Finanse\/kontakt\/\" class=\"bg-slate-900 text-white px-5 py-2 rounded-full text-xs font-bold uppercase tracking-widest hover:bg-blue-600 transition-all\">Start<\/a>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero \/ Intro -->\n    <section class=\"relative pt-40 md:pt-64 pb-20 px-6\">\n        <div class=\"max-w-[1400px] mx-auto text-center md:text-left\">\n            <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n                <div class=\"reveal-left\">\n                    <div class=\"inline-flex items-center gap-3 px-6 py-2 bg-blue-50 rounded-full text-[10px] md:text-[12px] font-black uppercase tracking-[0.4em] mb-8 border border-blue-100 text-blue-600 shadow-sm\">\n                        Poznaj nasz\u0105 histori\u0119\n                    <\/div>\n                    <h1 class=\"text-5xl md:text-8xl lg:text-[10rem] font-black leading-[0.9] mb-12 tracking-tighter text-slate-900\">\n                        Pasja do <br><span class=\"gradient-text\">zysku.<\/span>\n                    <\/h1>\n                    <p class=\"text-xl md:text-3xl text-slate-500 leading-relaxed font-light mb-12\">\n                        Nie jeste\u015bmy tylko doradcami. Jeste\u015bmy architektami Twojego sukcesu. Ka\u017cda cyfra to dla nas ceg\u0142a, z kt\u00f3rej budujemy Twoj\u0105 rynkow\u0105 pot\u0119g\u0119.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center md:justify-start gap-8 md:gap-16\">\n                        <div>\n                            <p class=\"text-4xl md:text-6xl font-black text-blue-600\">15<\/p>\n                            <p class=\"text-[10px] md:text-sm font-bold uppercase tracking-widest text-slate-400\">Lat do\u015bwiadczenia<\/p>\n                        <\/div>\n                        <div>\n                            <p class=\"text-4xl md:text-6xl font-black text-pink-600\">500+<\/p>\n                            <p class=\"text-[10px] md:text-sm font-bold uppercase tracking-widest text-slate-400\">Zadowolonych firm<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"reveal-right relative\">\n                    <div class=\"floating\">\n                        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/finance-team\/1200\/1400\" alt=\"Team\" class=\"image-mask w-full shadow-2xl border-8 border-white\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Nasza Misja -->\n    <section class=\"py-32 px-6 bg-slate-50\/50\">\n        <div class=\"max-w-[1400px] mx-auto\">\n            <div class=\"text-center mb-24 reveal\">\n                <h2 class=\"text-4xl md:text-6xl font-black text-slate-900 mb-6\">Nasze warto\u015bci<\/h2>\n                <p class=\"text-xl text-slate-500 max-w-2xl mx-auto\">To one definiuj\u0105 ka\u017cdy nasz ruch i ka\u017cd\u0105 rekomendacj\u0119, kt\u00f3r\u0105 dla Ciebie przygotowujemy.<\/p>\n            <\/div>\n            \n            <div class=\"grid md:grid-cols-3 gap-8\">\n                <div class=\"glass-card p-10 reveal\">\n                    <div class=\"text-4xl mb-6\">\ud83c\udfaf<\/div>\n                    <h3 class=\"text-2xl font-bold mb-4\">Precyzja<\/h3>\n                    <p class=\"text-slate-500 leading-relaxed\">W finansach nie ma miejsca na &#8222;oko\u0142o&#8221;. Nasze analizy s\u0105 chirurgicznie dok\u0142adne, daj\u0105c Ci pewno\u015b\u0107 ka\u017cdej decyzji.<\/p>\n                <\/div>\n                <div class=\"glass-card p-10 reveal\" style=\"transition-delay: 0.2s;\">\n                    <div class=\"text-4xl mb-6\">\ud83e\udd1d<\/div>\n                    <h3 class=\"text-2xl font-bold mb-4\">Partnerstwo<\/h3>\n                    <p class=\"text-slate-500 leading-relaxed\">Tw\u00f3j sukces jest naszym sukcesem. Dzia\u0142amy jako integralna cz\u0119\u015b\u0107 Twojego zespo\u0142u, nie jako zewn\u0119trzny audytor.<\/p>\n                <\/div>\n                <div class=\"glass-card p-10 reveal\" style=\"transition-delay: 0.4s;\">\n                    <div class=\"text-4xl mb-6\">\ud83d\udca1<\/div>\n                    <h3 class=\"text-2xl font-bold mb-4\">Innowacja<\/h3>\n                    <p class=\"text-slate-500 leading-relaxed\">Wykorzystujemy najnowocze\u015bniejsze narz\u0119dzia analityczne, aby przewidywa\u0107 trendy, zanim dostrze\u017ce je konkurencja.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Timeline \/ Historia -->\n    <section class=\"py-32 px-6 relative overflow-hidden\">\n        <div class=\"max-w-[1200px] mx-auto relative\">\n            <div class=\"timeline-line\"><\/div>\n            \n            <div class=\"space-y-32\">\n                <div class=\"relative flex flex-col md:flex-row items-center gap-12 reveal\">\n                    <div class=\"md:w-1\/2 md:text-right\">\n                        <span class=\"text-blue-600 font-black text-2xl\">2009<\/span>\n                        <h3 class=\"text-3xl font-black text-slate-900 mt-2\">Pocz\u0105tek drogi<\/h3>\n                        <p class=\"text-lg text-slate-500 mt-4\">Za\u0142o\u017cenie firmy z wizj\u0105 dostarczania korporacyjnej jako\u015bci finansowej dla sektora M\u015aP.<\/p>\n                    <\/div>\n                    <div class=\"w-10 h-10 bg-blue-600 rounded-full border-4 border-white shadow-lg z-10 hidden md:block\"><\/div>\n                    <div class=\"md:w-1\/2\"><\/div>\n                <\/div>\n\n                <div class=\"relative flex flex-col md:flex-row-reverse items-center gap-12 reveal\">\n                    <div class=\"md:w-1\/2 text-left\">\n                        <span class=\"text-pink-600 font-black text-2xl\">2015<\/span>\n                        <h3 class=\"text-3xl font-black text-slate-900 mt-2\">Ekspansja cyfrowa<\/h3>\n                        <p class=\"text-lg text-slate-500 mt-4\">Wprowadzenie autorskich modeli modelowania finansowego opartego na AI i Big Data.<\/p>\n                    <\/div>\n                    <div class=\"w-10 h-10 bg-pink-600 rounded-full border-4 border-white shadow-lg z-10 hidden md:block\"><\/div>\n                    <div class=\"md:w-1\/2\"><\/div>\n                <\/div>\n\n                <div class=\"relative flex flex-col md:flex-row items-center gap-12 reveal\">\n                    <div class=\"md:w-1\/2 md:text-right\">\n                        <span class=\"text-blue-600 font-black text-2xl\">Dzi\u015b<\/span>\n                        <h3 class=\"text-3xl font-black text-slate-900 mt-2\">Lider rynku<\/h3>\n                        <p class=\"text-lg text-slate-500 mt-4\">Ponad 50 sta\u0142ych klient\u00f3w i status najbardziej innowacyjnego CFO na godziny w Polsce.<\/p>\n                    <\/div>\n                    <div class=\"w-10 h-10 bg-blue-600 rounded-full border-4 border-white shadow-lg z-10 hidden md:block\"><\/div>\n                    <div class=\"md:w-1\/2\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA -->\n   <!-- Sekcja CTA - POWI\u0118KSZONA CZCIONKA NA MOBILE -->\n<section class=\"py-20 md:py-32 px-4 md:px-6\">\n    <div class=\"max-w-[1200px] mx-auto bg-slate-900 rounded-[2.5rem] md:rounded-[5rem] px-4 py-16 md:p-32 text-center text-white relative overflow-hidden reveal\">\n        <div class=\"absolute top-0 left-0 w-full h-full opacity-20 pointer-events-none\">\n            <div class=\"absolute top-[-20%] left-[-10%] w-[60%] h-[60%] bg-blue-600 rounded-full blur-[120px]\"><\/div>\n            <div class=\"absolute bottom-[-20%] right-[-10%] w-[60%] h-[60%] bg-pink-600 rounded-full blur-[120px]\"><\/div>\n        <\/div>\n        \n        <h2 class=\"text-white text-4xl md:text-7xl font-black mb-8 md:mb-12 relative z-10 leading-tight\">Do\u0142\u0105cz do grona <br>zwyci\u0119zc\u00f3w.<\/h2>\n        \n        <p class=\"text-lg md:text-2xl text-slate-400 mb-12 md:mb-16 max-w-2xl mx-auto relative z-10 px-4\">Twoja historia sukcesu zaczyna si\u0119 od jednej rozmowy o liczbach.<\/p>\n        \n        <a href=\"https:\/\/testy67.pl\/Finanse\/kontakt\/\" class=\"inline-block bg-white text-slate-900 px-8 md:px-12 py-5 md:py-6 rounded-full text-lg md:text-2xl font-black hover:bg-blue-500 hover:text-white transition-all relative z-10 shadow-xl\">\n            Porozmawiajmy o zyskach\n        <\/a>\n    <\/div>\n<\/section>\n    <script>\n        document.addEventListener('mousemove', (e) => {\n            const x = (e.clientX \/ window.innerWidth) * 100;\n            const y = (e.clientY \/ window.innerHeight) * 100;\n            document.documentElement.style.setProperty('--mouse-x', x + '%');\n            document.documentElement.style.setProperty('--mouse-y', y + '%');\n        });\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('active');\n                }\n            });\n        }, { threshold: 0.1 });\n\n        document.querySelectorAll('.reveal, .reveal-left, .reveal-right').forEach(el => observer.observe(el));\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>FM. O nas Cennik Kontakt Start Poznaj nasz\u0105 histori\u0119 Pasja do zysku. Nie jeste\u015bmy tylko doradcami. Jeste\u015bmy architektami Twojego sukcesu. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":26,"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/pages\/12\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/testy67.pl\/Finanse\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}