{"id":767,"date":"2025-11-26T14:58:50","date_gmt":"2025-11-26T17:58:50","guid":{"rendered":"https:\/\/pswebdesigner.com.br\/?page_id=767"},"modified":"2026-01-09T07:39:41","modified_gmt":"2026-01-09T10:39:41","slug":"test","status":"publish","type":"page","link":"https:\/\/pswebdesigner.com.br\/","title":{"rendered":"PF"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"767\" class=\"elementor elementor-767\" data-elementor-post-type=\"page\">\n\t\t\t\t<main class=\"elementor-element elementor-element-d2da4fd e-con-full e-flex e-con e-parent\" data-id=\"d2da4fd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8f9aef elementor-widget elementor-widget-html\" data-id=\"e8f9aef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta name=\"description\" content=\"Pablo Fernandes - Estrategista Digital e Web Designer de Alta Performance.\">\r\n<link rel=\"canonical\" href=\"https:\/\/pswebdesigner.com.br\/\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link rel=\"preload\" as=\"image\" href=\"http:\/\/pswebdesigner.com.br\/wp-content\/uploads\/2025\/12\/QUEEM.SOU_.avif\">\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8d21ca elementor-widget elementor-widget-html\" data-id=\"a8d21ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hp-hero-final\">\r\n    <style>\r\n        .hp-hero-final {\r\n            --neon-money: #00ff6a;\r\n            \r\n            background-color: #000;\r\n            \/* IMAGEM FULL SEM DEGRAD\u00ca MATANDO O TOPO *\/\r\n            background-image: url('http:\/\/pswebdesigner.com.br\/wp-content\/uploads\/2025\/12\/background.hero_.avif');\r\n            background-position: center center;\r\n            background-repeat: no-repeat;\r\n            background-size: cover;\r\n            \r\n            min-height: 100vh; \/* Ocupa a tela toda *\/\r\n            display: flex;\r\n            align-items: center;\r\n            position: relative;\r\n            width: 100%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* GRID SUTIL APENAS PARA TEXTURA *\/\r\n        .hp-hero-final::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .layout-fix {\r\n            width: 1140px; \r\n            margin: 0 auto;\r\n            z-index: 5;\r\n            position: relative;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* LED AO LADO DO TEXTO - PADR\u00c3O ESQUERDA *\/\r\n        .status-header-hero {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .led-status {\r\n            width: 7px;\r\n            height: 7px;\r\n            background: var(--neon-money);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 15px var(--neon-money);\r\n            animation: pulseLed 2s infinite;\r\n        }\r\n\r\n        @keyframes pulseLed {\r\n            0% { opacity: 1; }\r\n            50% { opacity: 0.4; }\r\n            100% { opacity: 1; }\r\n        }\r\n\r\n        .section-number {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 11px;\r\n            color: #666;\r\n            letter-spacing: 0.8em;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .hero-title {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: clamp(38px, 6vw, 70px);\r\n            font-weight: 900;\r\n            color: #fff;\r\n            line-height: 0.95;\r\n            margin: 0 0 30px 0;\r\n            letter-spacing: -0.05em;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .hero-title span {\r\n            display: block;\r\n            color: transparent;\r\n            -webkit-text-stroke: 1px rgba(255,255,255,0.3);\r\n        }\r\n\r\n        .hero-description {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 19px; \r\n            color: #A1A1AA;\r\n            line-height: 1.6;\r\n            margin: 0 0 50px 0;\r\n            max-width: 650px;\r\n        }\r\n\r\n        \/* --- DEBOCHE K K K K --- *\/\r\n        .scorn-wrap {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n        }\r\n\r\n        .laugh-k {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 16px;\r\n            font-weight: 900;\r\n            color: #222; \r\n            letter-spacing: 0.3em;\r\n            margin: 0;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .laugh-sub {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 10px;\r\n            color: #444;\r\n            letter-spacing: 0.4em;\r\n            text-transform: uppercase;\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        \/* ANIMA\u00c7\u00c3O DE VIBRA\u00c7\u00c3O *\/\r\n        @keyframes k-vibe {\r\n            0% { transform: translate(0, 0); }\r\n            25% { transform: translate(1px, -1px); }\r\n            75% { transform: translate(-1px, 1px); }\r\n            100% { transform: translate(0, 0); }\r\n        }\r\n\r\n        .scrolling-k, .scorn-wrap:hover .laugh-k {\r\n            color: var(--neon-money) !important;\r\n            animation: k-vibe 0.1s infinite !important;\r\n        }\r\n\r\n        .scrolling-sub, .scorn-wrap:hover .laugh-sub {\r\n            color: #FFF !important;\r\n            letter-spacing: 0.5em !important;\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .hero-title { font-size: 45px; }\r\n            .hero-description { font-size: 16px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"layout-fix\">\r\n        <div class=\"status-header-hero\">\r\n            <div class=\"led-status\"><\/div>\r\n            <span class=\"section-number\">00 \/\/ SYSTEM_READY<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"hero-content-area\">\r\n            <h1 class=\"hero-title\">Arquitetura digital<span>para marcas de elite.<\/span><\/h1>\r\n            \r\n            <p class=\"hero-description\">\r\n                Design de alta costura unido a uma engenharia de performance bruta. Sua presen\u00e7a online elevada ao n\u00edvel m\u00e1ximo de autoridade.\r\n            <\/p>\r\n            \r\n            <div class=\"scorn-wrap\">\r\n                <p class=\"laugh-k\" id=\"k-trigger\">K K K K K K . . .<\/p>\r\n                <p class=\"laugh-sub\" id=\"sub-trigger\">VOC\u00ca REALMENTE ACHOU QUE TERIA UM BOT\u00c3O AQUI?<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const kObj = document.getElementById('k-trigger');\r\n        const subObj = document.getElementById('sub-trigger');\r\n        let scrollTime;\r\n\r\n        window.addEventListener('scroll', () => {\r\n            kObj.classList.add('scrolling-k');\r\n            subObj.classList.add('scrolling-sub');\r\n\r\n            clearTimeout(scrollTime);\r\n            scrollTime = setTimeout(() => {\r\n                kObj.classList.remove('scrolling-k');\r\n                subObj.classList.remove('scrolling-sub');\r\n            }, 300);\r\n        });\r\n    <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-971f8ff elementor-widget elementor-widget-html\" data-id=\"971f8ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hp-marquee-container\">\r\n    <style>\r\n        .hp-marquee-container {\r\n            background: #000000;\r\n            border-top: 1px solid #111;\r\n            border-bottom: 1px solid #111;\r\n            padding: 22px 0;\r\n            overflow: hidden;\r\n            display: flex;\r\n            white-space: nowrap;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .hp-marquee-content {\r\n            display: flex;\r\n            animation: marquee-scroll 50s linear infinite;\r\n        }\r\n\r\n        .marquee-item {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 11px;\r\n            font-weight: 500;\r\n            \/* PRATA FIXO - SEM ALTERA\u00c7\u00c3O *\/\r\n            color: #A1A1AA; \r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5em;\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        \/* DIVISOR IGUAL AO ANTERIOR (TRA\u00c7O PRATA ESCURO) *\/\r\n        .marquee-item::after {\r\n            content: '';\r\n            width: 40px;\r\n            height: 1px;\r\n            background: #222; \/* Prata escuro\/grafite *\/\r\n            margin-left: 80px;\r\n            display: inline-block;\r\n        }\r\n\r\n        @keyframes marquee-scroll {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-50%); }\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .marquee-item { \r\n                font-size: 9px; \r\n                padding: 0 30px; \r\n            }\r\n            .marquee-item::after {\r\n                width: 20px;\r\n                margin-left: 60px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"hp-marquee-content\">\r\n        <div class=\"marquee-item\">Tailored Code<\/div>\r\n        <div class=\"marquee-item\">Premium Infrastructure<\/div>\r\n        <div class=\"marquee-item\">Exclusive Design<\/div>\r\n        <div class=\"marquee-item\">High-Speed Performance<\/div>\r\n        <div class=\"marquee-item\">Data Security<\/div>\r\n        <div class=\"marquee-item\">Strategic Branding<\/div>\r\n        \r\n        <div class=\"marquee-item\">Tailored Code<\/div>\r\n        <div class=\"marquee-item\">Premium Infrastructure<\/div>\r\n        <div class=\"marquee-item\">Exclusive Design<\/div>\r\n        <div class=\"marquee-item\">High-Speed Performance<\/div>\r\n        <div class=\"marquee-item\">Data Security<\/div>\r\n        <div class=\"marquee-item\">Strategic Branding<\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1876223 elementor-widget elementor-widget-html\" data-id=\"1876223\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"pablo-experience-final\" class=\"hp-experience-v3\">\r\n    <style>\r\n        #pablo-experience-final {\r\n            background-color: #000 !important;\r\n            padding: 120px 0 !important;\r\n            width: 100% !important;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-top: 1px solid #111;\r\n        }\r\n\r\n        #pablo-experience-final::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .exp-wrapper {\r\n            width: 100%;\r\n            max-width: 1140px; \r\n            margin: 0 auto;\r\n            z-index: 5;\r\n            position: relative;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .status-header-left {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 30px;\r\n            justify-content: flex-start;\r\n        }\r\n\r\n        .led-status {\r\n            width: 7px;\r\n            height: 7px;\r\n            background: #00ff6a;\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 15px #00ff6a;\r\n            animation: pulseLed 2s infinite;\r\n        }\r\n\r\n        @keyframes pulseLed {\r\n            0% { opacity: 1; }\r\n            50% { opacity: 0.4; }\r\n            100% { opacity: 1; }\r\n        }\r\n\r\n        .section-number {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 11px;\r\n            color: #666;\r\n            letter-spacing: 0.8em;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .exp-headline {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: clamp(32px, 5vw, 60px);\r\n            font-weight: 900;\r\n            color: #FFFFFF;\r\n            letter-spacing: -0.05em;\r\n            line-height: 0.95;\r\n            text-transform: uppercase;\r\n            text-align: left;\r\n            max-width: 900px;\r\n            margin: 0 0 80px 0;\r\n        }\r\n\r\n        .exp-headline span {\r\n            display: block;\r\n            color: transparent;\r\n            -webkit-text-stroke: 1px rgba(255,255,255,0.2);\r\n        }\r\n\r\n        .exp-cards-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(3, 1fr) !important;\r\n            gap: 20px !important;\r\n        }\r\n\r\n        .flip-card {\r\n            background-color: transparent !important;\r\n            height: 320px !important;\r\n            perspective: 1500px !important;\r\n        }\r\n\r\n        .flip-card-inner {\r\n            position: relative !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;\r\n            transform-style: preserve-3d !important;\r\n        }\r\n\r\n        .flip-card:hover .flip-card-inner {\r\n            transform: rotateY(180deg) !important;\r\n        }\r\n\r\n        .flip-card-front, .flip-card-back {\r\n            position: absolute !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            backface-visibility: hidden !important;\r\n            padding: 40px !important;\r\n            box-sizing: border-box !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            border: 1px solid #111;\r\n        }\r\n\r\n        .flip-card-front {\r\n            background-color: #050505 !important;\r\n            justify-content: center !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        .card-title-front {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 800;\r\n            color: #fff;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.3em;\r\n            text-align: center;\r\n        }\r\n\r\n        .hint-interact {\r\n            position: absolute;\r\n            bottom: 30px;\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 9px;\r\n            color: #00ff6a;\r\n            letter-spacing: 0.15em;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .flip-card-back {\r\n            background-color: #0a0a0a !important;\r\n            transform: rotateY(180deg) !important;\r\n            justify-content: center !important;\r\n            align-items: flex-start !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        .card-icon {\r\n            width: 32px; height: 32px;\r\n            fill: #00ff6a;\r\n            margin-bottom: 20px;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        .card-title-back {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 18px;\r\n            font-weight: 800;\r\n            color: #fff;\r\n            margin-bottom: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .card-desc {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            line-height: 1.5;\r\n            color: #71717a;\r\n            margin: 0;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .exp-cards-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n        }\r\n\r\n        @media (max-width: 650px) {\r\n            .exp-cards-grid { grid-template-columns: 1fr !important; }\r\n            .exp-headline { margin-bottom: 50px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"exp-wrapper\">\r\n        <div class=\"status-header-left\">\r\n            <div class=\"led-status\"><\/div>\r\n            <span class=\"section-number\">01 \/\/ EXPERIENCE<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"exp-headline\">Enquanto o mercado aceita o b\u00e1sico,<span>eu projeto o inalcan\u00e7\u00e1vel.<\/span><\/h2>\r\n\r\n        <div class=\"exp-cards-grid\">\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-card-inner\">\r\n                    <div class=\"flip-card-front\">\r\n                        <p class=\"card-title-front\">Design Predador<\/p>\r\n                        <div class=\"hint-interact\">[ CLICK PARA VER DETALHES ]<\/div>\r\n                    <\/div>\r\n                    <div class=\"flip-card-back\">\r\n                        <svg class=\"card-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2L4.5 20.29L5.21 21L12 18L18.79 21L19.5 20.29L12 2Z\"\/><\/svg>\r\n                        <h3 class=\"card-title-back\">Autoridade<\/h3>\r\n                        <p class=\"card-desc\">Est\u00e9tica agressiva desenhada para elevar seu valor de mercado perante a audi\u00eancia.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-card-inner\">\r\n                    <div class=\"flip-card-front\">\r\n                        <p class=\"card-title-front\">C\u00f3digo de Guerra<\/p>\r\n                        <div class=\"hint-interact\">[ CLICK PARA VER DETALHES ]<\/div>\r\n                    <\/div>\r\n                    <div class=\"flip-card-back\">\r\n                        <svg class=\"card-icon\" viewBox=\"0 0 24 24\"><path d=\"M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z\"\/><\/svg>\r\n                        <h3 class=\"card-title-back\">Performance<\/h3>\r\n                        <p class=\"card-desc\">Arquitetura de software resiliente e focada em escala brutal e seguran\u00e7a absoluta.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-card-inner\">\r\n                    <div class=\"flip-card-front\">\r\n                        <p class=\"card-title-front\">Estrat\u00e9gia Real<\/p>\r\n                        <div class=\"hint-interact\">[ CLICK PARA VER DETALHES ]<\/div>\r\n                    <\/div>\r\n                    <div class=\"flip-card-back\">\r\n                        <svg class=\"card-icon\" viewBox=\"0 0 24 24\"><path d=\"M4 20h16v2H4v-2zm3-3h2v-4H7v4zm4 0h2V9h-2v8zm4 0h2V5h-2v12z\"\/><\/svg>\r\n                        <h3 class=\"card-title-back\">Convers\u00e3o<\/h3>\r\n                        <p class=\"card-desc\">Transformamos tr\u00e1fego em lucro l\u00edquido atrav\u00e9s de um funil de design de alta performance.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-card-inner\">\r\n                    <div class=\"flip-card-front\">\r\n                        <p class=\"card-title-front\">Velocidade Bruta<\/p>\r\n                        <div class=\"hint-interact\">[ CLICK PARA VER DETALHES ]<\/div>\r\n                    <\/div>\r\n                    <div class=\"flip-card-back\">\r\n                        <svg class=\"card-icon\" viewBox=\"0 0 24 24\"><path d=\"M7 2v11h3v9l7-12h-4l4-8z\"\/><\/svg>\r\n                        <h3 class=\"card-title-back\">Agilidade<\/h3>\r\n                        <p class=\"card-desc\">Otimiza\u00e7\u00e3o extrema de carregamento. O tempo do seu cliente \u00e9 o seu maior ativo.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-card-inner\">\r\n                    <div class=\"flip-card-front\">\r\n                        <p class=\"card-title-front\">Exclusividade<\/p>\r\n                        <div class=\"hint-interact\">[ CLICK PARA VER DETALHES ]<\/div>\r\n                    <\/div>\r\n                    <div class=\"flip-card-back\">\r\n                        <svg class=\"card-icon\" viewBox=\"0 0 24 24\"><path d=\"M12.14 2.14L3 12l9.14 9.86L21 12l-8.86-9.86zM12 7l3 5-3 5-3-5 3-5z\"\/><\/svg>\r\n                        <h3 class=\"card-title-back\">Unicidade<\/h3>\r\n                        <p class=\"card-desc\">Identidade digital propriet\u00e1ria e rara. Fugimos do comum para te tornar refer\u00eancia \u00fanica.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-card-inner\">\r\n                    <div class=\"flip-card-front\">\r\n                        <p class=\"card-title-front\">Escalabilidade<\/p>\r\n                        <div class=\"hint-interact\">[ CLICK PARA VER DETALHES ]<\/div>\r\n                    <\/div>\r\n                    <div class=\"flip-card-back\">\r\n                        <svg class=\"card-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2l-5.5 9h11L12 2zm0 3.84L13.93 9h-3.87L12 5.84zM17.5 13c-2.49 0-4.5 2.01-4.5 4.5s2.01 4.5 4.5 4.5 4.5-2.01 4.5-4.5-2.01-4.5-4.5-4.5zm0 7c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5zM3 13.5v8h8v-8H3zm6 6H5v-4h4v4z\"\/><\/svg>\r\n                        <h3 class=\"card-title-back\">Dom\u00ednio<\/h3>\r\n                        <p class=\"card-desc\">Sistemas modulares que suportam o crescimento exponencial do seu faturamento.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00ace26 elementor-widget elementor-widget-html\" data-id=\"00ace26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hp-method-v3\" id=\"methodology\">\r\n    <style>\r\n        \/* ISOLAMENTO TOTAL DA SE\u00c7\u00c3O *\/\r\n        #methodology {\r\n            background-color: #000;\r\n            padding: 160px 0;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            position: relative;\r\n            border-top: 1px solid #111;\r\n            border-bottom: 1px solid #111;\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        \/* EFEITO RADAR SUTIL *\/\r\n        .conic-bg-wrapper {\r\n            position: absolute;\r\n            top: 50%; left: 50%;\r\n            width: 200%; height: 200%;\r\n            transform: translate(-50%, -50%);\r\n            background-image: conic-gradient(from 0deg, #000, rgba(0, 255, 106, 0.03), #000);\r\n            animation: rotateRadar 20s linear infinite;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        @keyframes rotateRadar {\r\n            from { transform: translate(-50%, -50%) rotate(0deg); }\r\n            to { transform: translate(-50%, -50%) rotate(360deg); }\r\n        }\r\n\r\n        .conic-overlay {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: radial-gradient(circle, transparent 20%, #000 85%);\r\n            z-index: 2;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .grid-layer {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n            background-size: 40px 40px;\r\n            z-index: 3;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .method-container {\r\n            width: 100%;\r\n            max-width: 1140px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 10;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* CABE\u00c7ALHO *\/\r\n        .status-header { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; }\r\n        .led-status { width: 6px; height: 6px; background: #00ff6a; border-radius: 50%; box-shadow: 0 0 10px #00ff6a; }\r\n        .section-number { \r\n            font-family: 'JetBrains Mono', monospace; \r\n            font-size: 10px; color: #444; letter-spacing: 0.8em; text-transform: uppercase; \r\n        }\r\n\r\n        .method-title {\r\n            font-size: clamp(32px, 5vw, 55px);\r\n            font-weight: 900; color: #fff; margin-bottom: 100px;\r\n            letter-spacing: -0.04em; line-height: 1; text-transform: uppercase;\r\n        }\r\n        .method-title span { display: block; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,0.1); }\r\n\r\n        \/* LISTA *\/\r\n        .method-exposure-list { display: flex; flex-direction: column; gap: 50px; }\r\n        .exposure-item {\r\n            display: grid; grid-template-columns: 60px 350px 1fr; \r\n            align-items: start; gap: 40px; padding-bottom: 50px; border-bottom: 1px solid #111;\r\n        }\r\n        .exposure-num { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #222; }\r\n        .exposure-item h3 { font-size: 24px; color: #fff; font-weight: 800; margin: 0; text-transform: uppercase; }\r\n        .sub-phrase { color: #00ff6a; font-family: 'JetBrains Mono', monospace; font-size: 9px; letter-spacing: 2px; display: block; margin-top: 12px; opacity: 0.8; }\r\n        .exposure-content p { font-size: 15px; line-height: 1.7; color: #666; margin: 0; }\r\n\r\n        \/* RODAP\u00c9 SUTIL *\/\r\n        .method-footer-minimal {\r\n            margin-top: 120px;\r\n            text-align: center;\r\n        }\r\n\r\n        .aviso-tag {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 9px;\r\n            color: #00ff6a;\r\n            letter-spacing: 5px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 10px;\r\n            display: block;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .manifesto-text {\r\n            font-size: 14px;\r\n            font-weight: 400;\r\n            color: rgba(255, 255, 255, 0.4);\r\n            letter-spacing: 0.05em;\r\n            margin: 0;\r\n        }\r\n\r\n        .manifesto-text strong {\r\n            color: #fff;\r\n            font-weight: 700;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .exposure-item { grid-template-columns: 1fr; gap: 20px; }\r\n            #methodology { padding: 100px 0; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"conic-bg-wrapper\"><\/div>\r\n    <div class=\"conic-overlay\"><\/div>\r\n    <div class=\"grid-layer\"><\/div>\r\n\r\n    <div class=\"method-container\">\r\n        <div class=\"status-header\">\r\n            <div class=\"led-status\"><\/div>\r\n            <span class=\"section-number\">02 \/\/ Metodologia<\/span>\r\n        <\/div>\r\n        \r\n        <h2 class=\"method-title\">N\u00e3o sigo regras.<span>Eu as dito.<\/span><\/h2>\r\n        \r\n        <div class=\"method-exposure-list\">\r\n            <div class=\"exposure-item\">\r\n                <span class=\"exposure-num\">\/01<\/span>\r\n                <div>\r\n                    <h3>An\u00e1lise Cibern\u00e9tica<\/h3>\r\n                    <span class=\"sub-phrase\">\/\/ DATA_MINING_PATTERNS<\/span>\r\n                <\/div>\r\n                <div class=\"exposure-content\">\r\n                    <p>Onde o mercado v\u00ea caos, eu encontro padr\u00f5es ocultos. Dissecamos o ecossistema do seu neg\u00f3cio para extrair dados reais.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"exposure-item\">\r\n                <span class=\"exposure-num\">\/02<\/span>\r\n                <div>\r\n                    <h3>Impacto Bruto<\/h3>\r\n                    <span class=\"sub-phrase\">\/\/ VISUAL_AUTHORITY<\/span>\r\n                <\/div>\r\n                <div class=\"exposure-content\">\r\n                    <p>Design \u00e9 uma arma de convers\u00e3o. Criamos interfaces agressivas que anulam distra\u00e7\u00f5es e garantem autoridade.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"exposure-item\">\r\n                <span class=\"exposure-num\">\/03<\/span>\r\n                <div>\r\n                    <h3>Escala de Elite<\/h3>\r\n                    <span class=\"sub-phrase\">\/\/ MARKET_DOMINATION<\/span>\r\n                <\/div>\r\n                <div class=\"exposure-content\">\r\n                    <p>C\u00f3digo blindado e escal\u00e1vel. Projetado especificamente para manter a performance m\u00e1xima sob qualquer volume.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"method-footer-minimal\">\r\n            <span class=\"aviso-tag\">AVISO<\/span>\r\n            <p class=\"manifesto-text\">\r\n                Se for para ser comum, por favor, <strong>n\u00e3o me fa\u00e7a perder tempo.<\/strong>\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb399e6 elementor-widget elementor-widget-html\" data-id=\"fb399e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hp-faq-v6\" id=\"faq\">\r\n    <style>\r\n        \/* ISOLAMENTO DA SE\u00c7\u00c3O *\/\r\n        #faq {\r\n            background-color: #000;\r\n            padding: 160px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n            width: 100%;\r\n            border-top: 1px solid #111; \/* MANTIDO SUPERIOR *\/\r\n            border-bottom: none;        \/* REMOVIDO INFERIOR *\/\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        \/* GRID SUTIL IGUAL \u00c0 METODOLOGIA *\/\r\n        #faq::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n            background-size: 40px 40px;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n\r\n        .faq-container {\r\n            width: 100%;\r\n            max-width: 1140px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 10;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* CABE\u00c7ALHO PADRONIZADO *\/\r\n        .status-header-faq { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; }\r\n        .led-status-faq { \r\n            width: 7px; height: 7px; background: #00ff6a; border-radius: 50%; \r\n            box-shadow: 0 0 15px #00ff6a; animation: pulseLed 2s infinite; \r\n        }\r\n        @keyframes pulseLed { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }\r\n        \r\n        .section-num-faq {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 11px; color: #444; letter-spacing: 0.8em; text-transform: uppercase;\r\n        }\r\n\r\n        \/* T\u00cdTULO PADR\u00c3O VIP *\/\r\n        .faq-title {\r\n            font-size: clamp(36px, 6vw, 65px);\r\n            font-weight: 900; color: #fff; margin-bottom: 100px;\r\n            letter-spacing: -0.05em; line-height: 0.95; text-transform: uppercase;\r\n        }\r\n        .faq-title span {\r\n            display: block; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,0.1);\r\n        }\r\n\r\n        \/* LISTA DE FAQ *\/\r\n        .faq-list {\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .faq-item {\r\n            border-bottom: 1px solid #111;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .faq-item:hover {\r\n            border-color: #222;\r\n        }\r\n\r\n        .faq-item details {\r\n            padding: 40px 0;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .faq-item summary {\r\n            list-style: none;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: #555; \r\n            transition: all 0.3s;\r\n            outline: none;\r\n            text-transform: uppercase;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .faq-item summary::-webkit-details-marker { display: none; }\r\n\r\n        .faq-item details[open] summary {\r\n            color: #fff;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .faq-item summary:hover {\r\n            color: #fff;\r\n        }\r\n\r\n        .faq-icon {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 20px;\r\n            color: #222;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .faq-item details[open] .faq-icon {\r\n            transform: rotate(45deg);\r\n            color: #00ff6a; \r\n        }\r\n\r\n        .faq-content {\r\n            font-size: 16px;\r\n            color: #666;\r\n            line-height: 1.7;\r\n            font-weight: 400;\r\n            max-width: 850px;\r\n            animation: fadeIn 0.4s ease-out;\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        .faq-content strong { color: #fff; }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(-10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            #faq { padding: 100px 0; }\r\n            .faq-item summary { font-size: 18px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"faq-container\">\r\n        <div class=\"status-header-faq\">\r\n            <div class=\"led-status-faq\"><\/div>\r\n            <span class=\"section-num-faq\">03 \/\/ ROI & PROFIT<\/span>\r\n        <\/div>\r\n        \r\n        <h2 class=\"faq-title\">O que importa<span>para o seu lucro.<\/span><\/h2>\r\n\r\n        <div class=\"faq-list\">\r\n            <div class=\"faq-item\">\r\n                <details>\r\n                    <summary>\r\n                        Como um site de elite traz faturamento real?\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/summary>\r\n                    <div class=\"faq-content\">\r\n                        Design n\u00e3o \u00e9 arte, \u00e9 <strong>psicologia aplicada<\/strong>. Eu construo interfaces que eliminam a fric\u00e7\u00e3o de compra, aumentam sua percep\u00e7\u00e3o de valor e guiam o cliente.\r\n                    <\/div>\r\n                <\/details>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <details>\r\n                    <summary>\r\n                        Vou ter retorno sobre esse investimento?\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/summary>\r\n                    <div class=\"faq-content\">\r\n                        Trabalho focado em <strong>ROI<\/strong>. Ao elevar seu posicionamento digital, voc\u00ea consegue cobrar mais caro e atrair clientes de maior ticket.\r\n                    <\/div>\r\n                <\/details>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <details>\r\n                    <summary>\r\n                        Por que n\u00e3o contratar uma ag\u00eancia?\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/summary>\r\n                    <div class=\"faq-content\">\r\n                        Ag\u00eancias entregam templates e processos engessados. Eu entrego <strong>armas de vendas personalizadas<\/strong> focadas em faturamento.\r\n                    <\/div>\r\n                <\/details>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <details>\r\n                    <summary>\r\n                        Em quanto tempo vejo os resultados?\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/summary>\r\n                    <div class=\"faq-content\">\r\n                        Imediatamente ap\u00f3s o deploy. Sua autoridade muda no minuto em que o site vai ao ar, impactando sua taxa de convers\u00e3o.\r\n                    <\/div>\r\n                <\/details>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39261bf elementor-widget elementor-widget-html\" data-id=\"39261bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hp-about-pablo-v2\" id=\"sobre\">\r\n    <style>\r\n        #sobre {\r\n            background-color: #000;\r\n            padding: 160px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n            \/* BORDAS REMOVIDAS AQUI *\/\r\n            border: none; \r\n            width: 100%;\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        \/* GRID BACKGROUND PADRONIZADO (40px) *\/\r\n        #sobre::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n            background-size: 40px 40px;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n\r\n        .about-container {\r\n            width: 100%;\r\n            max-width: 1140px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 10;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* CABE\u00c7ALHO PADRONIZADO *\/\r\n        .about-tag-wrapper {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .about-status-dot {\r\n            width: 7px;\r\n            height: 7px;\r\n            background: #00ff6a;\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 15px #00ff6a;\r\n            animation: pulseLed 2s infinite;\r\n        }\r\n\r\n        .about-tag {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 11px;\r\n            color: #444;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.8em;\r\n        }\r\n\r\n        .about-flex {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            justify-content: space-between; \r\n            gap: 80px;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* LADO DA IMAGEM *\/\r\n        .about-image-side {\r\n            flex: 0 0 450px;\r\n        }\r\n\r\n        .about-frame {\r\n            width: 100%;\r\n            aspect-ratio: 1 \/ 1.2;\r\n            background-image: url('http:\/\/pswebdesigner.com.br\/wp-content\/uploads\/2025\/12\/QUEEM.SOU_.avif');\r\n            background-size: cover;\r\n            background-position: center;\r\n            border: 1px solid rgba(255,255,255,0.05);\r\n            filter: grayscale(100%) brightness(0.7);\r\n            transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\r\n            position: relative;\r\n        }\r\n\r\n        .about-frame::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -1px;\r\n            border: 1px solid #00ff6a;\r\n            opacity: 0;\r\n            transition: 0.5s;\r\n        }\r\n\r\n        .about-frame:hover { \r\n            filter: grayscale(0%) brightness(1); \r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .about-frame:hover::after { opacity: 0.3; }\r\n\r\n        \/* LADO DO TEXTO *\/\r\n        .about-text-side {\r\n            flex: 1;\r\n        }\r\n\r\n        .about-text-side h3 {\r\n            font-size: clamp(32px, 5vw, 65px);\r\n            font-weight: 900;\r\n            color: #fff;\r\n            margin: 0 0 40px 0; \r\n            line-height: 0.95;\r\n            letter-spacing: -0.05em;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .about-text-side h3 span {\r\n            display: block;\r\n            color: transparent;\r\n            -webkit-text-stroke: 1px rgba(255,255,255,0.1);\r\n        }\r\n\r\n        .about-text-side p {\r\n            font-size: 17px;\r\n            color: #666;\r\n            line-height: 1.8;\r\n            margin-bottom: 25px;\r\n            max-width: 550px;\r\n        }\r\n\r\n        .about-text-side p strong {\r\n            color: #fff;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* RODAP\u00c9 DO SOBRE *\/\r\n        .about-footer-info {\r\n            margin-top: 60px;\r\n            padding-top: 40px;\r\n            border-top: 1px solid rgba(255,255,255,0.05);\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 30px;\r\n        }\r\n\r\n        .spec-unit {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 10px;\r\n            color: #333;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.3em;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .spec-unit::before {\r\n            content: '';\r\n            width: 4px;\r\n            height: 4px;\r\n            background: #00ff6a;\r\n            border-radius: 50%;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .about-flex { flex-direction: column; gap: 40px; }\r\n            .about-image-side { width: 100%; flex: none; max-width: 400px; }\r\n            .about-text-side { width: 100%; }\r\n            #sobre { padding: 100px 0; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"about-container\">\r\n        <div class=\"about-tag-wrapper\">\r\n            <div class=\"about-status-dot\"><\/div>\r\n            <span class=\"about-tag\">04 \/\/ The Architect<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"about-flex\">\r\n            <div class=\"about-image-side\">\r\n                <div class=\"about-frame\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"about-text-side\">\r\n                <h3>Pablo<span>Fernandes.<\/span><\/h3>\r\n                \r\n                <p>N\u00e3o sou apenas um web designer. Sou um <strong>estrategista digital<\/strong> focado em transformar neg\u00f3cios em ativos s\u00f3lidos, pensados para performance e crescimento real.<\/p>\r\n                \r\n                <p>Meu trabalho nasce do equil\u00edbrio entre engenharia e design. Cada decis\u00e3o visual existe para conduzir o usu\u00e1rio e fortalecer sua <strong>presen\u00e7a de mercado<\/strong>.<\/p>\r\n\r\n                <p>Se voc\u00ea busca sofistica\u00e7\u00e3o e estrat\u00e9gia, minha abordagem \u00e9 direta: <strong>menos ru\u00eddo, mais impacto.<\/strong><\/p>\r\n\r\n                <div class=\"about-footer-info\">\r\n                    <span class=\"spec-unit\">Strategy First<\/span>\r\n                    <span class=\"spec-unit\">Elite Design<\/span>\r\n                    <span class=\"spec-unit\">Clean Code<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7ff168 elementor-widget elementor-widget-html\" data-id=\"f7ff168\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"pablo-selection-final\" class=\"hp-selection-v4\">\r\n    <style>\r\n        #pablo-selection-final {\r\n            background-color: #000;\r\n            padding: 160px 0;\r\n            width: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: none;\r\n        }\r\n\r\n        \/* GRID BACKGROUND PADRONIZADO 40px *\/\r\n        #pablo-selection-final::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n            background-size: 40px 40px;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n\r\n        .sel-wrapper {\r\n            width: 100%;\r\n            max-width: 1140px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .sel-header {\r\n            display: flex; \r\n            align-items: center; \r\n            gap: 12px; \r\n            margin-bottom: 50px;\r\n        }\r\n        \r\n        .led-status {\r\n            width: 7px; \r\n            height: 7px; \r\n            background: #00ff6a; \r\n            border-radius: 50%;\r\n            box-shadow: 0 0 15px #00ff6a; \r\n            animation: pulseLedSelection 2s infinite;\r\n        }\r\n\r\n        .sel-tag {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 11px;\r\n            color: #444;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.8em;\r\n        }\r\n\r\n        @keyframes pulseLedSelection { \r\n            0%, 100% { opacity: 1; transform: scale(1); } \r\n            50% { opacity: 0.3; transform: scale(0.9); } \r\n        }\r\n\r\n        .selection-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 1fr;\r\n            gap: 80px;\r\n            align-items: flex-end;\r\n        }\r\n\r\n        .vip-title {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: clamp(40px, 7vw, 85px);\r\n            font-weight: 900;\r\n            color: #fff;\r\n            letter-spacing: -0.06em;\r\n            line-height: 0.85;\r\n            text-transform: uppercase;\r\n            margin: 0;\r\n        }\r\n\r\n        .vip-title span {\r\n            display: block;\r\n            color: transparent;\r\n            -webkit-text-stroke: 1px rgba(255,255,255,0.1);\r\n        }\r\n\r\n        .status-container {\r\n            max-width: 480px;\r\n        }\r\n\r\n        .vip-copy {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 18px;\r\n            color: #888;\r\n            line-height: 1.6;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .vip-copy strong {\r\n            color: #fff;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .uiverse-button {\r\n            --green-neon: #00ff6a;\r\n            --black-700: #0a0a0a;\r\n            --border_radius: 4px; \r\n            --transtion: 0.3s ease-in-out;\r\n            cursor: pointer;\r\n            position: relative;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 1.2rem 2.5rem;\r\n            background-color: transparent;\r\n            border: none;\r\n            border-radius: var(--border_radius);\r\n            transition: transform var(--transtion);\r\n            text-decoration: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .uiverse-button::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n            width: 100%; height: 100%;\r\n            background-color: var(--black-700);\r\n            border: 1px solid rgba(255,255,255,0.1);\r\n            border-radius: var(--border_radius);\r\n            box-shadow: 0 0 0 calc(var(--active, 0) * 0.2rem) rgba(0, 255, 106, 0.2);\r\n            transition: all var(--transtion);\r\n            z-index: 0;\r\n        }\r\n\r\n        .uiverse-button::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n            width: 100%; height: 100%;\r\n            background: radial-gradient(circle, rgba(0, 255, 106, 0.2) 0%, transparent 75%);\r\n            opacity: var(--active, 0);\r\n            border-radius: var(--border_radius);\r\n            transition: opacity var(--transtion);\r\n            z-index: 1;\r\n        }\r\n\r\n        .uiverse-button:hover { --active: 1; }\r\n        .uiverse-button:active { transform: scale(0.98); }\r\n\r\n        .uiverse-button .dots_border {\r\n            --size_border: calc(100% + 2px);\r\n            overflow: hidden;\r\n            position: absolute;\r\n            top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n            width: var(--size_border); height: var(--size_border);\r\n            background-color: transparent;\r\n            border-radius: var(--border_radius);\r\n            z-index: -1;\r\n        }\r\n\r\n        .uiverse-button .dots_border::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 50%; left: 50%;\r\n            width: 160%; height: 60px;\r\n            background-color: var(--green-neon); \r\n            transform: translate(-50%, -50%) rotate(0deg);\r\n            transform-origin: center;\r\n            mask: linear-gradient(transparent 0%, white 50%, transparent 100%);\r\n            animation: rotateSelection 3s linear infinite;\r\n        }\r\n\r\n        @keyframes rotateSelection { \r\n            to { transform: translate(-50%, -50%) rotate(360deg); } \r\n        }\r\n\r\n        .uiverse-button .text_button {\r\n            position: relative;\r\n            z-index: 10;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 900;\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            color: #fff;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .uiverse-button:hover .text_button { color: var(--green-neon); }\r\n\r\n        .btn-footer-tag {\r\n            display: block;\r\n            margin-top: 15px;\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 9px;\r\n            color: #00ff6a;\r\n            letter-spacing: 1px;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .selection-grid { grid-template-columns: 1fr; gap: 40px; }\r\n            #pablo-selection-final { padding: 100px 0; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"sel-wrapper\">\r\n        <div class=\"sel-header\">\r\n            <div class=\"led-status\"><\/div>\r\n            <span class=\"sel-tag\">05 \/\/ The Selection<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"selection-grid\">\r\n            <h2 class=\"vip-title\">\r\n                Um Projeto.<br>\r\n                <span>Foco Absoluto.<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"status-container\">\r\n                <p class=\"vip-copy\">\r\n                    Eu n\u00e3o divido minha aten\u00e7\u00e3o. Quando aceito um projeto, ele se torna minha <strong>prioridade total<\/strong> at\u00e9 a entrega. Se voc\u00ea busca execu\u00e7\u00e3o de elite e n\u00e3o apenas mais um site, este lugar \u00e9 seu.\r\n                <\/p>\r\n\r\n                <a href=\"https:\/\/api.whatsapp.com\/send?phone=5524998769290&text=Ol\u00e1+Pablo,+gostaria+de+garantir+meu+lugar+e+iniciar+um+projeto+de+elite.\" \r\n                   target=\"_blank\" \r\n                   class=\"uiverse-button\">\r\n                    <div class=\"dots_border\"><\/div>\r\n                    <span class=\"text_button\">Garantir meu lugar<\/span>\r\n                <\/a>\r\n                <span class=\"btn-footer-tag\">\/\/ ESPA\u00c7O DISPON\u00cdVEL PARA SEU PROJETO<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84d7c3f elementor-widget elementor-widget-html\" data-id=\"84d7c3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"hp-footer-v7\" id=\"contato\">\r\n    <style>\r\n        .hp-footer-v7 {\r\n            background-color: #000;\r\n            padding: 80px 0 60px 0;\r\n            position: relative;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n            cursor: none !important;\r\n        }\r\n\r\n        \/* BACKGROUND DOTS SUTIL *\/\r\n        .hp-footer-v7::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n            background-size: 40px 40px;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .footer-container {\r\n            max-width: 1140px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.5fr 1fr 1fr;\r\n            gap: 40px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .footer-col h4 {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 9px;\r\n            color: #222;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.4em;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .footer-link {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: #555;\r\n            text-decoration: none;\r\n            display: block;\r\n            margin-bottom: 12px;\r\n            transition: all 0.3s ease;\r\n            cursor: none !important;\r\n        }\r\n\r\n        .footer-link:hover {\r\n            color: #fff;\r\n        }\r\n\r\n        \/* STATUS DISPON\u00cdVEL PISCANDO *\/\r\n        .availability-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 13px;\r\n            color: #444;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .status-dot-pulse {\r\n            width: 6px;\r\n            height: 6px;\r\n            background: #00ff6a;\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 10px #00ff6a;\r\n            animation: pulseGreenFooter 2s infinite;\r\n        }\r\n\r\n        @keyframes pulseGreenFooter {\r\n            0% { opacity: 1; transform: scale(1); }\r\n            50% { opacity: 0.4; transform: scale(0.9); }\r\n            100% { opacity: 1; transform: scale(1); }\r\n        }\r\n\r\n        .footer-bottom {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding-top: 40px;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.03);\r\n        }\r\n\r\n        .copyright {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 9px;\r\n            color: #222;\r\n            letter-spacing: 0.1em;\r\n        }\r\n\r\n        .pablo-signature-mini {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: #333;\r\n            letter-spacing: 0.1em;\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .footer-grid { grid-template-columns: 1fr; gap: 40px; }\r\n            .footer-bottom { flex-direction: column; gap: 20px; text-align: center; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"footer-container\">\r\n        <div class=\"footer-grid\">\r\n            <div class=\"footer-col\">\r\n                <h4>Inquiry<\/h4>\r\n                <a href=\"mailto:pablof.web@gmail.com\" class=\"footer-link\">pablof.web@gmail.com<\/a>\r\n                <a href=\"https:\/\/wa.me\/5524998769290\" target=\"_blank\" class=\"footer-link\">WhatsApp Business<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"footer-col\">\r\n                <h4>Social<\/h4>\r\n                <a href=\"https:\/\/www.instagram.com\/pablo.webdesigner\/\" target=\"_blank\" class=\"footer-link\">Instagram<\/a>\r\n                <a href=\"https:\/\/www.linkedin.com\/in\/pablo-fernandes-39a30b394\/\" target=\"_blank\" class=\"footer-link\">LinkedIn<\/a>\r\n                <a href=\"https:\/\/www.behance.net\/dandinhotey\" target=\"_blank\" class=\"footer-link\">Behance<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"footer-col\">\r\n                <h4>Status<\/h4>\r\n                <div class=\"availability-text\">\r\n                    <span class=\"status-dot-pulse\"><\/span>\r\n                    Dispon\u00edvel\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"footer-bottom\">\r\n            <span class=\"copyright\">\u00a9 PABLO FERNANDES \/\/ ARCHITECTING DIGITAL ASSETS<\/span>\r\n            <span class=\"pablo-signature-mini\">P.FERNANDES<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e57abe2 elementor-widget elementor-widget-html\" data-id=\"e57abe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"premium-cursor-v2\">\r\n    <svg class=\"ptr-arrow\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path d=\"M5.5 3.2L18.8 12.1L5.5 21V3.2Z\" fill=\"white\" stroke=\"black\" stroke-width=\"1.2\"\/>\r\n    <\/svg>\r\n    <div class=\"ptr-shadow\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Esconde o mouse nativo *\/\r\n    body, a, button { cursor: none !important; }\r\n\r\n    #premium-cursor-v2 {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        pointer-events: none;\r\n        z-index: 100000;\r\n        will-change: transform;\r\n    }\r\n\r\n    .ptr-arrow {\r\n        position: relative;\r\n        z-index: 2;\r\n        filter: drop-shadow(0 2px 2px rgba(0,0,0,0.4));\r\n    }\r\n\r\n    \/* A Sombra: Ela tem um delay maior para parecer org\u00e2nica *\/\r\n    .ptr-shadow {\r\n        position: absolute;\r\n        top: 4px;\r\n        left: 4px;\r\n        width: 12px;\r\n        height: 12px;\r\n        background: rgba(255, 255, 255, 0.2);\r\n        filter: blur(8px);\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n        transition: transform 0.2s cubic-bezier(0.1, 0.5, 0.5, 1);\r\n    }\r\n\r\n    \/* Efeito de Clique: Flash de Luz *\/\r\n    .click-flash {\r\n        position: fixed;\r\n        width: 20px;\r\n        height: 20px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        filter: blur(10px);\r\n        pointer-events: none;\r\n        z-index: 99999;\r\n        transform: translate(-50%, -50%);\r\n        animation: flash-out 0.4s ease-out forwards;\r\n    }\r\n\r\n    @keyframes flash-out {\r\n        0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; }\r\n        100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; }\r\n    }\r\n\r\n    \/* Hover State: A seta cresce e a sombra brilha *\/\r\n    .cursor-hover .ptr-arrow {\r\n        transform: scale(1.2);\r\n        transition: 0.2s;\r\n    }\r\n    \r\n    .cursor-hover .ptr-shadow {\r\n        background: rgba(255, 255, 255, 0.4);\r\n        transform: scale(3);\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        #premium-cursor-v2 { display: none; }\r\n        body, a, button { cursor: auto !important; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    const cursorV2 = document.getElementById('premium-cursor-v2');\r\n    const ptrShadow = document.querySelector('.ptr-shadow');\r\n    \r\n    let lastX = 0;\r\n    let lastY = 0;\r\n\r\n    document.addEventListener('mousemove', (e) => {\r\n        const x = e.clientX;\r\n        const y = e.clientY;\r\n\r\n        cursorV2.style.transform = `translate3d(${x}px, ${y}px, 0)`;\r\n\r\n        \/\/ Faz a sombra se inclinar baseado na velocidade\r\n        const diffX = x - lastX;\r\n        const diffY = y - lastY;\r\n        ptrShadow.style.transform = `translate3d(${-diffX * 0.5}px, ${-diffY * 0.5}px, 0)`;\r\n\r\n        lastX = x;\r\n        lastY = y;\r\n    });\r\n\r\n    document.addEventListener('mousedown', (e) => {\r\n        const flash = document.createElement('div');\r\n        flash.className = 'click-flash';\r\n        flash.style.left = `${e.clientX}px`;\r\n        flash.style.top = `${e.clientY}px`;\r\n        document.body.appendChild(flash);\r\n        setTimeout(() => flash.remove(), 400);\r\n    });\r\n\r\n    const items = document.querySelectorAll('a, button, .btn-premium');\r\n    items.forEach(i => {\r\n        i.addEventListener('mouseenter', () => document.body.classList.add('cursor-hover'));\r\n        i.addEventListener('mouseleave', () => document.body.classList.remove('cursor-hover'));\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c26d9f7 elementor-widget elementor-widget-html\" data-id=\"c26d9f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/unpkg.com\/@studio-freight\/lenis@1.0.34\/dist\/lenis.min.js\"><\/script>\r\n\r\n<style>\r\n    \/* Estilo para o Scrollbar Elegante (Minimalista) *\/\r\n    html.lenis {\r\n      height: auto;\r\n    }\r\n    \r\n    .lenis.lenis-smooth {\r\n      scroll-behavior: auto !important;\r\n    }\r\n    \r\n    .lenis.lenis-smooth [data-lenis-prevent] {\r\n      overscroll-behavior: contain;\r\n    }\r\n    \r\n    .lenis.lenis-stopped {\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Scrollbar minimalista tipo Apple\/Tesla *\/\r\n    ::-webkit-scrollbar {\r\n      width: 6px;\r\n    }\r\n    \r\n    ::-webkit-scrollbar-track {\r\n      background: #000;\r\n    }\r\n    \r\n    ::-webkit-scrollbar-thumb {\r\n      background: #222;\r\n      border-radius: 10px;\r\n      transition: background 0.3s ease;\r\n    }\r\n    \r\n    ::-webkit-scrollbar-thumb:hover {\r\n      background: #444;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ Inicializa\u00e7\u00e3o do Lenis\r\n    const lenis = new Lenis({\r\n      duration: 1.2,      \/\/ Dura\u00e7\u00e3o do movimento (mais alto = mais suave)\r\n      easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), \/\/ Curva de acelera\u00e7\u00e3o\r\n      direction: 'vertical',\r\n      gestureDirection: 'vertical',\r\n      smoothHorizontal: false,\r\n      smoothWheel: true,\r\n      wheelMultiplier: 1,\r\n      smoothTouch: false,\r\n      touchMultiplier: 2,\r\n      infinite: false,\r\n    })\r\n\r\n    function raf(time) {\r\n      lenis.raf(time)\r\n      requestAnimationFrame(raf)\r\n    }\r\n\r\n    requestAnimationFrame(raf)\r\n\r\n    \/\/ Sincronizar links internos (\u00e2ncoras como #sobre, #faq) com o scroll suave\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n      anchor.addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        const target = document.querySelector(this.getAttribute('href'));\r\n        if (target) {\r\n          lenis.scrollTo(target);\r\n        }\r\n      });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/main>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>00 \/\/ SYSTEM_READY Arquitetura digitalpara marcas de elite. Design de alta costura unido a uma engenharia de performance bruta. Sua presen\u00e7a online elevada ao n\u00edvel m\u00e1ximo de autoridade. K K K K K K . . . VOC\u00ca REALMENTE ACHOU QUE TERIA UM BOT\u00c3O AQUI? Tailored Code Premium Infrastructure Exclusive Design High-Speed Performance Data Security [&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-767","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/pages\/767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=767"}],"version-history":[{"count":615,"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/pages\/767\/revisions"}],"predecessor-version":[{"id":1832,"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/pages\/767\/revisions\/1832"}],"wp:attachment":[{"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}