{"id":495,"date":"2026-03-21T10:21:20","date_gmt":"2026-03-21T10:21:20","guid":{"rendered":"https:\/\/futuresite.it\/?page_id=495"},"modified":"2026-03-21T10:21:22","modified_gmt":"2026-03-21T10:21:22","slug":"pef-based-application","status":"publish","type":"page","link":"https:\/\/futuresite.it\/it\/pef-based-application\/","title":{"rendered":"PEF-Based Application"},"content":{"rendered":"<style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&display=swap');\n\n        .pef-app-wrapper {\n            font-family: 'Inter', system-ui, -apple-system, sans-serif;\n            background: #06140f;\n            color: #e2e8f0;\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            overflow-x: hidden;\n            padding-bottom: 4rem;\n        }\n\n        .pef-app-wrapper * {\n            box-sizing: border-box;\n        }\n\n        \/* Hero Section *\/\n        .pef-app-hero {\n            position: relative;\n            padding: 6rem 5% 4rem;\n            text-align: center;\n            background: radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.15) 0%, transparent 60%);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .pef-app-hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+CjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSIvPgo8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDUpIi8+Cjwvc3ZnPg==') repeat;\n            z-index: 1;\n            pointer-events: none;\n        }\n\n        .pef-app-hero-content {\n            position: relative;\n            z-index: 2;\n            max-width: 800px;\n            margin: 0 auto;\n            animation: pefFadeInUp 1s ease-out;\n        }\n\n        .pef-app-tag {\n            display: inline-block;\n            background: rgba(16, 185, 129, 0.1);\n            color: #10b981;\n            border: 1px solid rgba(16, 185, 129, 0.2);\n            padding: 0.5rem 1rem;\n            border-radius: 9999px;\n            font-size: 0.875rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            margin-bottom: 2rem;\n        }\n\n        .pef-app-title {\n            font-size: 3.5rem;\n            font-weight: 800;\n            line-height: 1.1;\n            margin-bottom: 1.5rem;\n            color: #ffffff;\n        }\n\n        .pef-app-title .pef-highlight {\n            background: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .pef-app-cta-text .pef-highlight {\n            background: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: block;\n            font-size: clamp(1.75rem, 4vw, 2.75rem);\n            font-weight: 800;\n            line-height: 1.2;\n            margin-bottom: 1.5rem;\n        }\n\n        .pef-app-description {\n            font-size: 1.125rem;\n            line-height: 1.7;\n            color: #94a3b8;\n            margin-bottom: 0;\n        }\n\n        \/* Features Section *\/\n        .pef-app-content {\n            padding: 5rem 5%;\n            background: #081a14;\n            position: relative;\n            z-index: 2;\n            display: flex;\n            flex-direction: column;\n            gap: 6rem;\n        }\n\n        .pef-app-content-row {\n            display: flex;\n            flex-direction: column;\n            gap: 3rem;\n            max-width: 1200px;\n            margin: 0 auto;\n            width: 100%;\n            align-items: center;\n        }\n\n        @media (min-width: 900px) {\n            .pef-app-content-row {\n                flex-direction: row;\n            }\n\n            .pef-app-content-row.pef-reverse {\n                flex-direction: row-reverse;\n            }\n\n            .pef-app-title {\n                font-size: 4rem;\n            }\n        }\n\n        .pef-app-image-container {\n            flex: 1;\n            border-radius: 20px;\n            position: relative;\n            width: 100%;\n            animation: pefFadeIn 1.5s ease-out;\n        }\n\n        .pef-app-image-container::before {\n            content: '';\n            position: absolute;\n            inset: -2px;\n            border-radius: 22px;\n            background: linear-gradient(135deg, rgba(16, 185, 129, 0.5), rgba(20, 184, 166, 0.1));\n            z-index: -1;\n            opacity: 0.5;\n            filter: blur(10px);\n            transition: opacity 0.4s ease;\n        }\n\n        .pef-app-image-container:hover::before {\n            opacity: 0.8;\n        }\n\n        .pef-app-img {\n            width: 100%;\n            height: auto;\n            border-radius: 20px;\n            object-fit: cover;\n            aspect-ratio: 4\/3;\n            display: block;\n            box-shadow: 0 0 50px rgba(16, 185, 129, 0.15);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n\n        .pef-app-image-container:hover .pef-app-img {\n            transform: translateY(-8px);\n        }\n\n        .pef-app-text-container {\n            flex: 1;\n            background: rgba(255, 255, 255, 0.02);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            border-radius: 20px;\n            padding: 3rem;\n            backdrop-filter: blur(10px);\n            transition: all 0.4s ease;\n        }\n\n        .pef-app-text-container:hover {\n            background: rgba(255, 255, 255, 0.04);\n            border-color: rgba(20, 184, 166, 0.3);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), inset 0 0 20px rgba(16, 185, 129, 0.05);\n            transform: translateY(-5px);\n        }\n\n        .pef-app-feature-title {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #ffffff;\n            margin-bottom: 1.25rem;\n            line-height: 1.2;\n        }\n\n        .pef-app-feature-text {\n            font-size: 1.05rem;\n            color: #94a3b8;\n            margin-bottom: 2rem;\n            line-height: 1.7;\n        }\n\n        .pef-app-feature-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .pef-app-feature-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 1.25rem;\n            font-size: 1rem;\n            color: #cbd5e1;\n        }\n\n        .pef-app-feature-icon {\n            color: #10b981;\n            margin-right: 1rem;\n            flex-shrink: 0;\n            width: 24px;\n            height: 24px;\n            background: rgba(16, 185, 129, 0.1);\n            border-radius: 6px;\n            padding: 3px;\n        }\n\n        \/* CTA Section *\/\n        .pef-app-cta-container {\n            margin: 2rem auto;\n            max-width: 1000px;\n            text-align: center;\n            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(20, 184, 166, 0.05) 100%);\n            border: 1px solid rgba(16, 185, 129, 0.2);\n            border-radius: 24px;\n            padding: 5rem 2rem;\n            position: relative;\n            overflow: hidden;\n            backdrop-filter: blur(10px);\n        }\n\n        .pef-app-cta-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle at center, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\n            z-index: 0;\n            animation: pefPulse 10s infinite alternate linear;\n        }\n\n        .pef-app-cta-content {\n            position: relative;\n            z-index: 1;\n        }\n\n        .pef-app-cta-title {\n            font-size: 4rem;\n            font-weight: 800;\n            margin-bottom: 1.5rem;\n            color: #ffffff;\n        }\n\n        .pef-app-cta-text {\n            font-size: 1.125rem;\n            color: #94a3b8;\n            margin-bottom: 2.5rem;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n            line-height: 1.7;\n        }\n\n        .pef-app-btn {\n            padding: 1rem 2.5rem;\n            border-radius: 9999px;\n            font-weight: 600;\n            font-size: 1.125rem;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);\n            color: #ffffff;\n            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);\n        }\n\n        .pef-app-btn:hover {\n            box-shadow: 0 6px 20px rgba(20, 184, 166, 0.6);\n            transform: translateY(-2px);\n        }\n\n        \/* Animations *\/\n        @keyframes pefFadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes pefFadeIn {\n            from {\n                opacity: 0;\n            }\n\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes pefPulse {\n            0% {\n                transform: scale(1) rotate(0deg);\n            }\n\n            100% {\n                transform: scale(1.1) rotate(5deg);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .pef-app-hero {\n                padding: 4rem 5% 3rem;\n            }\n\n            .pef-app-content {\n                padding: 3rem 5%;\n                gap: 4rem;\n            }\n\n            .pef-app-content-row {\n                gap: 2.5rem;\n            }\n\n            .pef-app-text-container {\n                padding: 2rem 1.5rem;\n            }\n\n            .pef-app-feature-title {\n                font-size: 1.5rem;\n            }\n\n            .pef-app-title {\n                font-size: 2.5rem;\n            }\n\n            .pef-app-cta-container {\n                padding: 3.5rem 1.5rem;\n            }\n\n            .pef-app-cta-title {\n                font-size: 2.75rem;\n            }\n        }\n    <\/style>\n\n    <div class=\"pef-app-wrapper\">\n        <!-- Hero Section -->\n        <div class=\"pef-app-hero\">\n            <div class=\"pef-app-hero-content\">\n                <!-- <span class=\"pef-app-tag\">Lifecycle Management<\/span> -->\n                <h2 class=\"pef-app-title\">PEF-Based <span class=\"pef-highlight\">Applications<\/span><\/h2>\n                <p class=\"pef-app-description\">Map your product&#8217;s complete lifecycle footprint with precision using\n                    advanced\n                    Product Environmental Footprint methodology, seamlessly integrated into your environmental strategy.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Features Section -->\n        <div class=\"pef-app-content\">\n            <!-- Feature Block 1 -->\n            <div class=\"pef-app-content-row\">\n                <div class=\"pef-app-image-container\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542601906990-b4d3fb778b09?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=1200&#038;q=80\"\n                        alt=\"Environmental sustainability data mapping\" class=\"pef-app-img\">\n                <\/div>\n                <div class=\"pef-app-text-container\">\n                    <h3 class=\"pef-app-feature-title\">Complete Lifecycle Visibility<\/h3>\n                    <p class=\"pef-app-feature-text\">Track and analyze environmental impacts across every stage of your\n                        product&#8217;s journey, from raw material extraction to end-of-life disposal.<\/p>\n                    <ul class=\"pef-app-feature-list\">\n                        <li class=\"pef-app-feature-item\">\n                            <svg class=\"pef-app-feature-icon\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                    d=\"M5 13l4 4L19 7\">\n                                <\/path>\n                            <\/svg>\n                            <span>Comprehensive System Boundary analysis<\/span>\n                        <\/li>\n                        <li class=\"pef-app-feature-item\">\n                            <svg class=\"pef-app-feature-icon\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                    d=\"M5 13l4 4L19 7\">\n                                <\/path>\n                            <\/svg>\n                            <span>Evaluation across the environmental impact categories<\/span>\n                        <\/li>\n                        <li class=\"pef-app-feature-item\">\n                            <svg class=\"pef-app-feature-icon\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                    d=\"M5 13l4 4L19 7\">\n                                <\/path>\n                            <\/svg>\n                            <span>Alignment with EU standardization guidelines<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <!-- Feature Block 2 -->\n            <div class=\"pef-app-content-row pef-reverse\">\n                <div class=\"pef-app-image-container\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=1200&#038;q=80\"\n                        alt=\"Data analytics methodology\" class=\"pef-app-img\">\n                <\/div>\n                <div class=\"pef-app-text-container\">\n                    <h3 class=\"pef-app-feature-title\">Your Compass for Greener Operations<\/h3>\n                    <p class=\"pef-app-feature-text\">Transform complex footprint data into clear insights. Identify\n                        emission\n                        hotspots and model reduction scenarios to make confident, sustainable business decisions.<\/p>\n                    <ul class=\"pef-app-feature-list\">\n                        <li class=\"pef-app-feature-item\">\n                            <svg class=\"pef-app-feature-icon\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                    d=\"M5 13l4 4L19 7\">\n                                <\/path>\n                            <\/svg>\n                            <span>Dynamic visual dashboards for quick and reliable assessment<\/span>\n                        <\/li>\n                        <li class=\"pef-app-feature-item\">\n                            <svg class=\"pef-app-feature-icon\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                    d=\"M5 13l4 4L19 7\">\n                                <\/path>\n                            <\/svg>\n                            <span>Standardized report outputs for transparent stakeholder communication<\/span>\n                        <\/li>\n                        <li class=\"pef-app-feature-item\">\n                            <svg class=\"pef-app-feature-icon\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                    d=\"M5 13l4 4L19 7\">\n                                <\/path>\n                            <\/svg>\n                            <span>Interactive tools to identify hotspots and implement real-world reduction paths<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n\n            <div style=\"width: 100%;\">\n                <h2 class=\"pef-app-title\"\n                    style=\"text-align: center; margin-bottom: clamp(2rem, 8vw, 5rem); font-size: clamp(1.75rem, 4vw, 2.75rem);\">\n                    Ready to\n                    explore\n                    our applications?\n                <\/h2>\n                <div class=\"pef-app-cta-container\" style=\"margin-top: 0;\">\n                    <div class=\"pef-app-cta-content\">\n                        <h3 class=\"pef-app-cta-title\">BluePEF<\/h3>\n                        <p class=\"pef-app-cta-text\"><span class=\"pef-highlight\">Don&#8217;t just dive the reef. Protect\n                                it.<\/span>\n                            Every tank fill and boat trip leaves a trace. Our BluePEF application is the\n                            first-of-its-kind\n                            tool designed specifically for diving centers to measure, manage, and mitigate their Global\n                            Warming Potential (GWP).<\/p>\n                        <a href=\"https:\/\/bluepef.futuresite.it\/\" target=\"_blank\" class=\"pef-app-btn\">Try it now!<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>PEF-Based Applications Map your product&#8217;s complete lifecycle footprint with precision using advanced Product Environmental Footprint methodology, seamlessly integrated into your environmental strategy. Complete Lifecycle Visibility Track and analyze environmental impacts across every stage of your product&#8217;s journey, from raw material extraction to end-of-life disposal. Comprehensive System Boundary analysis Evaluation across the environmental impact categories Alignment [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-basic","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-495","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/pages\/495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/comments?post=495"}],"version-history":[{"count":2,"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/pages\/495\/revisions"}],"predecessor-version":[{"id":497,"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/pages\/495\/revisions\/497"}],"wp:attachment":[{"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/media?parent=495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}